@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');

* {
    font-family:'Nanum Gothic', "맑은 고딕",dotum,'돋움', sans-serif;
}


.pageWidth {margin:0px auto;}

.fontSize8 {font-size:8px;}
.fontSize9 {font-size:9px;}
.fontSize10 {font-size:10px;}
.fontSize11 {font-size:11px;}
.fontSize12 {font-size:12px;}
.fontSize13 {font-size:13px;}
.fontSize14 {font-size:14px;}
.fontSize15 {font-size:15px;}
.fontSize20 {font-size:20px;}
.fontSize23 {font-size:23px;}
.fontSize25 {font-size:25px;}
.fontSize30 {font-size:30px;}
.fontSize35 {font-size:35px;}
.fontSize50 {font-size:50px;}

.fontColor11 {color:#BDBEBF;}
.fontColor15 {color:#000;}
.fontColor21 {color:#014261;}

.bgColor11 {background:#FAFAFA;}
.bgColor12 {background:#F1F0F0;}
.bgColor13 {background:#E0E0E0;}
.bgColor14 {background:#BDBEBF;}
.lineColor11 {border:1px solid #FAFAFA;}
.lineColor12 {border:1px solid #F1F0F0;}
.lineColor13 {border:1px solid #E0E0E0;}
.lineColor14 {border:1px solid #BDBEBF;}

.bgColor21 {background:#00A0E9;}
.bgColor22 {background:#03AFFE;}
.bgColor23 {background:#016998;}
.bgColor24 {background:#014261;}
.lineColor21 {border:1px solid #00A0E9;}
.lineColor22 {border:1px solid #03AFFE;}
.lineColor23 {border:1px solid #016998;}
.lineColor24 {border:1px solid #014261;}

.icon1Font {
    padding:1px 7px;
    color:#FFF;font-size:11px;font-weight:100;
    border-radius:5px;
}

.icon2Font {
    padding:2px 7px;
    color:#FFF;font-size:11px;font-weight:100;
    border-radius:5px;
}

.icon1Bg1 {background:#518AB6;}
.icon1Bg2 {background:#FF8A21;}
.icon1Bg3 {background:#199700;}
.icon1Bg4 {background:#E50011;}
.icon1Bg5 {background:#003399;}
.icon1Bg6 {background:#FF0000;}
.icon1Bg7 {background:#DCDC03;}


#logo {padding:10px 10px;height:80px;text-align:center;}
#logo ul {display:inline-block;margin-top:15px;}
#logo ul li {
    display:table-cell;height:35px;padding-right:5px;
    vertical-align: top;
    color:#FFF;
}
#logo ul li a {color:#FFF;}

#logo ul li.logImg {}
#logo ul li.logImg .logoImg {width:125px;height:35px;}
#logo ul li.logTxt {text-align:left;padding-top:3px;}
#logo ul li.logTxt .title {font-size:20px;font-weight:bold;}
#logo ul li.logTxt .detail {font-size:10px;}

#logo ul li.logImg_m {}
#logo ul li.logImg_m .logoImg_m {width:30px;height:30px;}

#pageTabMenu {background:#03AFFE;}
#pageTabMenu ul {}
#pageTabMenu ul li {
    display:inline-block;width:19%;padding:10px 0px;
    font-size:15px;text-align:center;
    background:#03AFFE;border-right:1px solid #016998;
}
#pageTabMenu ul li a {color:#FFF;}
#pageTabMenu ul li:last-child {width:18%;border-right:0px;}


#pageTabMenu1 {background:#fff;}
#pageTabMenu1 ul {}
#pageTabMenu1 ul li {
    display:inline-block;padding:10px 0px;
    font-size:15px;text-align:center;
    background:#fff;
}
#pageTabMenu1 ul li a {}


#pageTabMenu2 {background:#fff;}
#pageTabMenu2 ul {}
#pageTabMenu2 ul li {
    display:inline-block;padding:7px 0px;
    font-size:15px; text-align:center;
    background:#fff;
}
#pageTabMenu2 ul li a {}


#ol_hd_m {background:#014261;padding:11px 15px;text-align:left}
#ol_hd_m input[type=text], #ol_before input[type=password] {width:100%;border:0;border-bottom:1px solid #434242;background:none;height:40px;;margin:0 0 10px;color:#fff}
#ol_submit {width:100%;height:40px;border-radius:23px;font-weight:bold;font-size:1.083em;}
#ol_svc {text-align:left;color:#dadada;font-size:0.92em;margin:5px 0 20px}
.ol_hd_m_btn {margin:15px 0 0;color:#aaa;line-height:1em}
.ol_hd_m_btn a {color:#fff;display:inline-block;width:50%;float:left}
#ol_password_lost {border-left:1px solid #777}

#ol_hd_m1 { background:#FFF;padding:11px 15px;text-align:center;}
#ol_hd_m1 input[type=text], #ol_before input[type=password] {width:100%;border:0;border-bottom:1px solid #434242;background:none;height:40px;;margin:0 0 10px;color:#fff}

#pageContTab {padding:0px;background:#F0F0F0;}
#pageContTab ul {width:100%;}
#pageContTab ul li {
    display:inline-block;
    padding:0px;margin:0px;
}

#pageContTab.num2 ul li {width:50%;}
#pageContTab.num2 ul li:last-child {width:48%;}

#pageContTab.num4 ul li {width:24%;font-size:15px;}

#pageContTab.num5 ul li {width:20%;}
#pageContTab.num5 ul li:last-child {width:17%;}

#pageContTab.num6 ul li {width:16%;}
#pageContTab.num6 ul li:last-child {width:15%;}


#pageContTab ul li input {
    width:100%;padding:10px 10px;
    border:0px;
}
#pageContTab ul li input.active {
    color:#FFF;font-weight:bold;
    background:#FE586D;
}

/* 마이페이지 테이블 */
.m-none {display:none;}     /* 모바일에서는 안보여질 부분 */

#pageTable {}
#pageTable table {width:100%;border-collapse: collapse;}
#pageTable table thead th {font-size:15px;background:#FFF;padding:10px 0px;}
#pageTable table tbody tr {}
#pageTable table tbody td {font-size:13px;padding:10px 5px;border-bottom:1px solid #EFEFEF;}

/* 마이페이지 메뉴 */
#mypage_menu {}
#mypage_menu div.mypage_menu_left {display:none;background:#FFF;}
#mypage_menu div.mypage_menu_left .title {
    display:none;
}
#mypage_menu div.mypage_menu_left ul {}
#mypage_menu div.mypage_menu_left ul li {}
#mypage_menu div.mypage_menu_left ul li a {
    display:block;
    padding:10px 0px 10px 20px;
    font-size:14px;
    border-bottom:1px solid #EFEFEF;
}
#mypage_menu div.mypage_menu_left ul li:hover a {
    background:#EFEFEF;border:1px solid #CCC;
}

#mypage_menu div.mypage_menu_right {padding:10px;}

/* 마이페이지 타이틀 */
#mypage_menu div.mypage_menu_right #pageTitle {
    padding:20px 0px;
    font-size:20px;text-align:center;font-weight:bold;
    background:#CCC;
    border-bottom:1px solid #CCC;border-radius: 5px;
}