@charset "utf-8";
@import url("bootstrap.css");
@import url("slidebars.css");
@import url("fonts.css");
@import url("font-awesome.css");


/* reset */
li{list-style:none;vertical-align:top;}
ul{padding:0px;}
i{vertical-align:middle;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
caption{position:absolute;left:-9999px;width:0;height:0;font-size:0;overflow:hidden;text-indent:-9999px;}


[canvas=container]{min-width:360px;background-size:cover;}
.container{background-color:#FFF;padding:8px 10px;min-height:450px}
i.paddingR{padding-right:6px;}

.checkbox{padding:4px 0;}
.checkbox button{position:absolute; right:0; top:5px; border:1px solid #ddd; background-color:#fff; color:#777;}


/* header_main */
h1 img{width:150px;position:absolute; left:50%; top:10px; margin-left:-80px;}
.menuBtn{position:absolute; left:0; top:10px;}
.loginBtn{position:absolute; right:0; top:10px;}
.topBtn{color:#000; font-size:22px;}
.loginInfo{background-color:#005baa; text-align:center; color:#fff; height:100px; line-height:30px; padding-top:14px;}
.loginInfo .txt{color:#eee; padding-top:5px; font-size:13px;}
.loginInfo a{color:#e6b147;}
.loginInfo img{width:45%;}


/* header_sub */
.sub_navbar{background-color:#fff; height:60px; border: 1px solid transparent;}
.sub_navbar h1 img{width:150px; position:relative; left:50%; top:-11px; margin-left:-80px;}
.sub_navbar .menuBtn{position:absolute; left:0; top:11px;}
.sub_navbar .loginBtn{position:absolute; right:0; top:11px;}
.sub_navbar .topBtn{color:#000; font-size:22px;}
.sub_navbar .loginInfo{background-color:#005baa; text-align:center; color:#fff; height:96px; line-height:30px; padding-top:15px;}
.sub_navbar .loginInfo .txt{color:#eee; padding-top:5px; font-size:13px;}
.sub_navbar .loginInfo a{color:#e6b147;}
.sub_navbar .loginInfo img{width:45%;}


/* left menu */
#left{background-color:#fff;}
#left i{vertical-align:middle; padding-left:20px; padding-right:10px;}
#left>ul{padding:0px 20px;}
#left>ul>li{height:48px; border-bottom:1px solid #535353; padding:0px; background:url('../images/common/arr_right.png') right 50% no-repeat;background-size: 8px auto;}
#left>ul>li>a{font-size:16px;line-height:48px;display:block; color:#666;}
#left>ul>li>a:active,#left>ul>li>a:hover{text-decoration:none; color:#666;}

#leftIcon{width:100%; margin:0; background-color:#fff; padding:0px;}
#leftIcon:after{display:block; content:''; clear:both;}
#leftIcon > ul{}
#leftIcon > li{float:left; width:25%; height:86px; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; text-align:center;}
#leftIcon > li:last-child{border-right:0px solid #dbdbdb;}
#leftIcon > li a{display:block; padding:15px 0;}
#leftIcon img{width:30px; display:inline-block;}
#leftIcon span{display:block; font-size:14px; padding-top:10px; color:#666; line-height:1;}
#leftIcon .border_bottom{border-bottom:15px solid #e6e6e6;}

#leftNotice{width:100%; margin:0; padding:0px;}
#leftNotice .title{font-size:16px; color:#666;}
ul.leftNotice {padding:0px;}
.leftNotice li{padding:0px 10px 0 15px; height:44px; line-height:44px; border-bottom:1px solid #dddddd;position:relative;}
.leftNotice li a{display:block; padding-right:10px; color:#666; font-size:14px; background:url("../images/common/arr_right.png") no-repeat 100% 50%; background-size:10px 12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.leftNotice li.notice2 strong{font-size:15px; color:#333333; background-size:19px 23px; line-height:44px; display:block;}
.leftNotice li.notice2 span{position:absolute; top:0; right:10px; line-height:44px; color:#666; font-size:12px; background:url("../images/common/more_icon.png") no-repeat 100% 50%; padding:2px 20px 0; background-size:15px;}
.leftNotice li.border_bottom{width:100%; height:15px; background-color:#e6e6e6}
.leftNotice li.phone a{background:none;}
.leftNotice li.phone strong{padding-left:35px; padding-right:9px; font-size:15px; color:#333333;background:url("../images/common/phone_icon.png") no-repeat 0 50%; background-size:30px 30px; line-height:44px;display:inline-block;}
/* left menu end */

h2{background-color:#005baa; color:#fff; font-size:16px; margin:0px; text-align:center;	height:40px;line-height:40px;font-weight:normal;}
h3{color:#333; font-size:15px; margin-bottom:4px; background:url('../images/common/h3.jpg') 0 50% no-repeat; padding-left:12px;}
h3 > span{font-size:14px;font-weight:normal;color:#666;}
h4{color:#333; font-size:15px; margin-bottom:4px; text-align:center; font-weight:normal;}
h4 > span{color:#00acd0; font-weight:300;}
.h_line{border-top:1px solid #eee; margin-top:15px; margin-bottom:20px;}


.nav {padding-left: 0; margin-bottom: 0; list-style: none;}
.nav > li {position: relative; display: block;}
.nav > li > a {position: relative; display: block; padding: 6px 6px;}
.nav-tabs {border-bottom:0px solid #ddd;}
.nav-tabs > li {float:left; margin-bottom:-1px;}
.nav-tabs > li > a {margin-right:2px; line-height:1.42857143;}
.nav-tabs > li.active > a {color:#fff; cursor:default; background-color:#00acd0; border:1px solid #005baa;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover{color: #fff; cursor: default; background-color: #005baa;}


/* member_tab */
.memberTab{margin-top:4px;}
.memberTab>li{width:50%;}
.memberTab>li a{text-align:center; background-color:#6d6e70; color:#fff; font-weight:300; font-size:13px; margin-bottom:1px; padding:10px 0;}
.member-tabs > li.active > a, .member-tabs > li.active > a:hover{color: #fff; cursor: default; background-color: #00acd0;}

.menu{width:99.5%; border:1px solid #ddd; padding:25px; background-color:#f6f2f1;}
.member_txt{display:block; text-align:center; padding-bottom:10px; margin-bottom:10px; border-bottom: 1px dotted #ccc;}
.btns{text-align:center; margin:0 auto; margin-top:20px; margin-bottom:10px;}
.member_btn{width:57px; line-height:27px; font-size:15px; color:#fff; background:#222838; padding:10px 20px; margin-top:10px;}
/* member_tab end */


.headerTab,.headerTab2{margin-top:4px;}
.headerTab>li{width:25%;}
.headerTab>li a, .headerTab2>li a, .headerTab3>li a{text-align:center; background-color:#fff; color:#333; font-weight:300; font-size:15px; border:1px solid #ddd;}
.tabD2>li{width:50%;}
.tabD2>li, .headerTab2>li{width:50%;}
.tabD3>li, .headerTab3>li{width:33.3333%;}
nav.navbar{height:60px; position:fixed; left:0; top:0; width:100%; background:none; z-index:99999;}
.head_line{border-bottom:1px solid #3d3d3d;}

footer{font-size:12px; color:#a6a5a2; position:relative; width:100%; background-color:#333; padding:15px; bottom:0;}
footer span{padding-left:10px;}
div.footBtn button{width:80px; margin-right:2px; background-color:#b4b3b0;}
div.footBtn button > a{color:#000;}
div#sns_wrap{position:absolute;right:10px;top:4px;}
div#sns_wrap img{width:30px;}
.copy{color:#a6a5a2; font-size:12px;}
.totop{position:absolute; right:20px; top:10px; display:inline-block;width:35px; height:35px; line-height:35px; background-color:rgba(0,0,0,0.5); color:#fff; text-align:center; border-radius:50%;}
.totop:visited{color:#fff; text-decoration:none;}


.title_txt01{font-size:12px; padding-left:42px; margin-top:-4px; margin-bottom:4px;}

.info{margin:0px;}
.info ul{text-align:left;}
.info ul li{position:relative; padding-left:10px; margin-bottom:2px; font-size:15px;color:#222;}
.info ul li:before{display:block; content:""; width:4px; height:4px; background:#666; position:absolute; left:0; top:8px;}
.info ul li:last-child{margin-bottom:0;}

/* table */
table.typeA{width:100%; margin-bottom:10px;}
table.typeA thead th{background-color:#F5F5F5; border:1px solid #ddd; border-bottom:0 none;text-align:center; padding:6px; font-weight:300; height:25px; line-height:25px;}
table.typeA thead th:first-child,
table.typeA tbody td:first-child{border-left:0px none;}
table.typeA thead th:last-child,
table.typeA tbody td:last-child{border-top:0px none;}
table.typeA tbody.tline{border-top:2px solid #133450;}
table.typeA tbody th{text-align:center;background-color:#F5F5F5;padding:6px;border-bottom:1px solid #ddd;border-top:1px solid #ddd;vertical-align:middle;}
table.typeA tbody td{border:1px solid #ddd; padding:6px 10px; border-right:none;}


table.typeB{width:100%; margin-bottom:10px; border-top:2px solid #133450;}
table.typeB thead th{background-color:#F5F5F5; padding:6px;}
table.typeB thead th,
table.typeB tbody td{text-align:center; padding:5px 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:300;}
table.typeB thead tr th:last-child,
table.typeB tbody tr td:last-child{border-right:0 none;}
table.typeB tbody tr th{background-color:#F5F5F5;padding:6px;border-bottom:1px solid #ddd;border-top:1px solid #ddd;vertical-align:middle;}
table.typeB tbody tr td.price{border-right:1px solid #ddd;}


table.typeC{width:100%;border-top:2px solid #133450; font-size:12px;}
table.typeC thead th{text-align:center;background-color:#F5F5F5;padding:6px 0;border-bottom:1px solid #ddd; font-weight:300;}
table.typeC th{border-bottom:1px solid #ddd;padding:6px; font-weight:300; background-color:#F5F5F5;}
table.typeC tbody td{text-align:left; border-bottom:1px solid #ddd;padding:6px 10px;}
table.typeC td p{padding-top:5px; text-align:left;}

table.typeD{width:100%; font-size:12px; margin-bottom:10px;}
table.typeD td,table.typeD th{border-bottom:1px solid #ddd;padding:6px; font-weight:300; background-color:#F5F5F5;}
table.typeD thead th{background-color:#EAF0FA;border-bottom:1px solid #9FB3D5;}
table.typeD tbody th{text-align:center;background-color:#f4f4f4;}
table.typeD tbody tr:first-child{border-top:2px solid #133450;}


table.text-center td{text-align:center;}
table.padding10 td{padding:10px;}
table.course{font-size:12px;}


/* ul */
ul.typeA{padding:10px 10px 10px 20px;}
ul.typeA > li{list-style-type:square}


/* login */
ul.search_wrap{margin-top:20px;border-top:1px solid #ccc;padding-top:20px;}
ul.search_wrap li{float:left;width:50%;text-align:center;font-size:14px;}
ul.search_wrap:after{display:block;content:'';clear:both;}
ul.search_wrap i{display:block;color:#515151;padding:0px;}
ul.search_wrap a:hover{text-decoration:none;color:#315184;}


.mobile input, .mobile select{width:100px;float:left;margin-right:3px;}
.form-group:after{display:block;content:'';clear:both;}
span.searchIcon{display:inline-block;border:1px solid #315184;text-align:center;line-height:140px;width:140px;height:140px;}

.modal-header h4{margin-top:0px !important;}
.titleLogin{font-size:24px; color:#70abc5; margin-top:10px;}

button.btn-login{background-color:#70abc5; color:#fff;}


  /* 공통 */
input[type="text"],input[type="password"],select{width:100%; height:33px; padding:0 7px; border:1px solid #ddd; background-color:#fff;}
input[type="radio"] {display:none;}
input[type="radio"] + label {padding-left:22px; font-size:13px; background:url("../images/common/radio_btn_off.png") no-repeat 0 center; background-size:18px; margin-right:10px;}
input[type="radio"]:checked + label {padding-left:22px; background:url("../images/common/radio_btn_on.png") no-repeat 0 center; background-size:18px;}


.check_area{float:right;}
.check_area span{display:block; padding-bottom:22px;}
.check_area span lable{padding-left:30px; font-size:16px; line-height:20px; color:#000;}
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {font-size:13px; padding-left:22px; background:url("../images/common/checkbox_off.png") no-repeat 0 center; background-size:18px; padding-top:2px; }
input[type="checkbox"]:checked + label {padding-left:22px; background:url("../images/common/checkbox_on.png") no-repeat 0 center; background-size:18px; padding-top:2px; }

textarea {border:1px solid #ddd; box-sizing:border-box; width:100%; height:100px;}

select option{padding:2px;}
.select{position:relative; float:left; width:200px; height:35px; line-height:35px; padding:0 10px; background:url('../images/common/ico_select_arrow.png') right center no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; font-size:13px; 
	font-weight:300; background-color:#fff; text-align:left; border:1px solid #d7d7d7;}


.mt0{margin-top:0px;}
.mt2{margin-top:2px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb4{margin-bottom:4px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}


.pl20{padding-left:20px;}

.fw_b{font-weight:bold;}
.fz12{font-size:12px;}
.fz13{font-size:13px;}
.fz14{font-size:14px;}
.fz15{font-size:15px;}

.tac{text-align:center;}
.tar{text-align:right;}

.width100per{width:100%;}
div.img100per > img{width:100%;}

.block{display:block;}
.fontColorBrown{color:#A6937C;}
.fontColorBlue{color:#2877BC;}
.fontColorRed{color:red !important;}
.fontColorOrg{color:#E16923;}
.fontColorGray{color:#ccc;}
.fcolor1{color:#ff3737;}

.btn:hover{color:#fff; text-decoration:none;}
button.btn-brown{background-color:#e6b147;color:#fff;border:none;}
button.btn-gray{background-color:#515151;color:#fff;border:none;}
button.btn-ok{background-color:#253F5A;color:#fff;border:none;}

.disNone{display:none;}