@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;}*/
.menuBtn{position:absolute; left:0; top:10px;}
.loginBtn{position:absolute; right:0; top:10px;}
.topBtn{color:#000; font-size:22px;}
.loginInfo{background-color:#60564c; text-align:center; color:#fff; height:96px; line-height:30px; padding-top:15px;}
.loginInfo .txt{color:#eee; padding-top:5px; font-size:13px;}
.loginInfo a{color:#fff; text-decoration:underline;}
.loginInfo img{width:45%;}


/* header_sub */
.sub_navbar{background-color:#fff; height:44px; border-bottom:1px solid #ddd;}
.sub_navbar h1 img{width:150px; position:relative; top:-11px;}
.sub_navbar .menuBtn{position:absolute; left:0; top:11px;}
.sub_navbar .loginBtn{position:absolute; right:10px; top:19px;}
.sub_navbar .logoutBtn{position:absolute; right:10px; top:19px;}
.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%;}

ul.user{padding:0px; background:#fff;}
ul.user > li {display:inline-block;}
ul.user > li .btn2 {margin-right:1px; line-height:22px; padding:0px 5px; color:#333; font-size:12px;}
.btn2 {position:relative; text-align:center; line-height:normal; border:1px solid transparent; white-space:nowrap; vertical-align:top; display:inline-block; overflow:hidden; cursor:pointer; zoom:1;}
.btn-ghost {color:#333; border:1px solid #ddd; background:none;}
.btn-ghost2 {color:#333; border:1px solid #ddd; background:none; background-color:#ddd; padding:4px 5px; font-size:12px;}


/***** left menu {*****/
#left{background-color:#fff;}

/***** left_icon menu {*****/
#left_reserv{width:100%; margin:0; background-color:#a2794f; padding:0px;}
#left_reserv:after{display:block; content:''; clear:both;}
#left_reserv > ul{}
#left_reserv > li{float:left; width:50%; border-right:1px solid #b59472; text-align:center; padding:15px 0;}
#left_reserv > li:last-child{border-right:0px solid #dbdbdb;}
#left_reserv img{width:30px; display:inline-block;}
#left_reserv span{font-size:15px; padding-top:10px; color:#fff; padding-left:10px;}
/***** left_icon menu }*****/


/***** 아코디언_메뉴 {*****/
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {margin:0; padding:0; border:0; list-style:none; line-height:1; display:block; position:relative; box-sizing:border-box;}
#cssmenu {width:100%; color:#fff;}
#cssmenu ul ul {display:none;}
.align-right {float:right;}
#cssmenu > ul > li > a {font-size:15px; padding:17px 20px; text-decoration:none; color:#fff; border-bottom:1px solid #aaa5a1; background:#958f89;}
#cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a, 
#cssmenu > ul > li.open > a {color:#fff;}
.holder {width:0; height:0; position:absolute; top:0; right:0;}
.holder::after, .holder::before {display:block; position:absolute; content:""; width:8px; height:8px; right:20px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg);  -ms-transform:rotate(-135deg); -o-transform:rotate(-135deg); transform:rotate(-135deg);}
.holder::after {top:17px; border-top:2px solid #ffffff; border-left:2px solid #ffffff;}
.holder::before {top:18px; border-top:2px solid; border-left:2px solid; border-top-color:inherit; border-left-color:inherit;}
#cssmenu ul ul li a {border-bottom:1px solid #dbdbdb; padding:12px 5px; z-index:1; text-decoration:none; font-size:14px; color:#666; background:#fff; margin:0 20px;}
#cssmenu ul ul li:first-child > a {box-shadow:none;}
#cssmenu ul ul ul li:first-child > a {box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1);}
#cssmenu ul ul ul li a {padding-left:30px;}
#cssmenu > ul > li > ul > li:last-child > a, #cssmenu > ul > li > ul > li.last > a {border-bottom: 0;}
#cssmenu > ul > li > ul > li.open:last-child > a, #cssmenu > ul > li > ul > li.last.open > a {border-bottom:1px solid #32373e;}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {border-bottom:0;}
/***** 아코디언_메뉴 }*****/


.phone{padding:10px 0px; text-align:center;}
.phone strong{padding-left:35px; font-size:15px; color:#333; background:url("../images/common/phone_icon.png") no-repeat 0 50%; background-size:30px 30px; line-height:50px; display:inline-block;}
.phone span{padding-left:10px;}
/***** left menu end *****/


h2{position:absolute; width:100%; display:block; font-size:20px; font-weight:500; color:#fff; text-align:center; padding-top:45px; margin:0 auto;}
h2 span{display:block; font-size:14px; font-weight:300;}
h3{font-size:15px; margin-top:20px; margin-bottom:4px;}
h3 span{position:absolute; right:10px;}
h4{font-size:13px; margin-bottom:4px; font-weight:normal;}
h5 {background-color:#94002d; color:#fff; font-size:16px; margin:0px; text-align:center; height:40px; line-height:40px; font-weight:normal;}

.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 #94002d;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover{color:#fff; cursor:default; background-color:#94002d;}


.nav-tabs2 {border-bottom:0px solid #ddd;}
.nav-tabs2 > li {float:left; margin-bottom:-1px;}
.nav-tabs2 > li > a {margin-right:2px; line-height:1.42857143;}
.nav-tabs2 > li.active > a {color:#fff; cursor:default; background-color:#515151; border:1px solid #a2794f;}
.nav-tabs2 > li.active > a, .nav-tabs2 > li.active > a:hover{color:#fff; cursor:default; background-color:#a2794f;}


.headerTab,.headerTab2{margin-top:4px;}
.headerTab>li{width:25%;}
.headerTab>li a, .headerTab2>li a, .headerTab3>li a, .headerTab4>li a{text-align:center; background-color:#fff; color:#333; font-weight:300; font-size:15px; border:1px solid #ddd;}
.headerTab>li a, .headerTab5>li a{text-align:center; background-color:#dfd7cf; color:#333; font-size:15px; border-radius:50%; font-weight:600; border:1px solid #dfd7cf;}
.tabD2>li, .headerTab2>li{width:50%;}
.tabD3>li, .headerTab3>li{width:33.3333%;}
.tabD3>li, .headerTab4>li{width:25%;}
.tabD3>li, .headerTab5>li{width:10%; height:10%; margin:30px 0 10px; line-height:40px; margin-right:1.25%;}
.tabD3>li, .headerTab5>li:last-child{margin-right:0px;}
.tabD1>li, .headerTab6>li{width:100%;}



.bheaderTab,.bheaderTab2{margin-top:4px;}
.bheaderTab>li{width:25%;}
.bheaderTab>li a, .bheaderTab2>li a, .bheaderTab3>li a, .bheaderTab4>li a{text-align:center; background-color:#515151; color:#fff; font-weight:300; font-size:15px; border:1px solid #ddd;}

.bheaderTab>li a:hover, .bheaderTab2>li a:hover, .bheaderTab3>li a:hover, .bheaderTab4>li a:hover{text-align:center; background-color:#515151; color:#fff; font-weight:300; font-size:15px; border:1px solid #ddd;}

.bheaderTab>li a:focus, .bheaderTab2>li a:focus, .bheaderTab3>li a:focus, .bheaderTab4>li a:focus{text-align:center; background-color:#515151; color:#fff; font-weight:300; font-size:15px; border:1px solid #ddd;}

.bheaderTab>li a, .bheaderTab5>li a{text-align:center; background-color:#858282; color:#333; font-size:15px; border-radius:50%; font-weight:600; border:1px solid #dfd7cf;}
.btabD2>li, .bheaderTab2>li{width:50%;}
.btabD3>li, .bheaderTab3>li{width:33.3333%;}
.btabD3>li, .bheaderTab4>li{width:25%;}
.btabD3>li, .bheaderTab5>li{width:10%; height:10%; margin:30px 0 10px; line-height:40px; margin-right:1.25%;}
.btabD3>li, .bheaderTab5>li:last-child{margin-right:0px;}






nav.navbar{height:60px; position:relative; left:0; top:0; width:100%; background:none; }
.head_line{border-bottom:1px solid #3d3d3d;}

footer{font-size:12px; text-align:center; color:#777; position:relative; width:100%; background-color:#333; padding:15px; bottom:0; height:300px;}
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:#777; font-size:12px; line-height:16px;}
.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;}

.foot_call{padding:0 0 20px 0px; text-align:center;}
.foot_call .call_title{font-size:14px; font-weight:500; text-align:center; color:#ababab;}
.foot_call .call a{width:55%; margin:0 auto; background:url('../images/common/foot_call.png')left no-repeat; background-size:21px; padding-left:28px; font-size:20px; font-weight:600; text-align:center; color:#ababab;}
.foot_call .call_txt{display:block; font-size:12px; text-align:center; color:#ababab; padding:5px 0px; line-height:16px;}


footer .sns_wrap{position:absolute; top:180px; right:0; width:200px;}
footer .sns_wrap li {float:left; margin-left:12px;}



/* table */
table.typeA{width:100%; font-size:12px; margin-bottom:10px;}
table.typeA thead th{background-color:#F5F5F5; border:1px solid #ddd; border-bottom:0px 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%; font-size:12px; margin-bottom:10px; border-top:2px solid #133450;}
table.typeB thead th{background-color:#F5F5F5; border:1px solid #ddd;border-bottom:0px none;text-align:center;padding:6px; }
table.typeB thead th,table.typeB tbody td{padding:5px 0; border-bottom:1px solid #ddd; border-left:0px; font-weight:300;}
table.typeB thead th:last-child,table.typeB tbody td:last-child{border-right:0px none;}
table.typeB tbody th{text-align:center;background-color:#F5F5F5;padding:6px;border-bottom:1px solid #ddd;border-top:1px solid #ddd;vertical-align:middle;}
table.typeB tbody td.price{border-right:1px solid #ddd; }

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

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

table .bl_line{border-left:1px solid #ddd !important;}

/* 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:33.33%;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:#333; margin-top:10px; padding:0px;}

button.btn-login{background-color:#a37a50; 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:20px; font-size:13px; background:url("../images/common/radio_btn_off.png") no-repeat 0 center; background-size:15px; font-weight:normal; margin-right:10px;}
input[type="radio"]:checked + label {padding-left:20px; font-size:13px; background:url("../images/common/radio_btn_on.png") no-repeat 0 center; background-size:15px;}

.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:25px; background:url("../images/common/checkbox_off.png") no-repeat 0 center; background-size:contain;}
input[type="checkbox"]:checked + label {padding-left:25px; background:url("../images/common/checkbox_on.png") no-repeat 0 center; background-size:contain;}

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

select option{padding:2px;}
.select{position:relative; float:left; width:100%; 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;}
.fcolor1{color:#94002d;}

.btn:hover{color:#fff; text-decoration:none;}
button.btn-brown{background-color:#fe9011;color:#fff;border:none;}
button.btn-gray{background-color:#515151;color:#fff;border:none;}
button.btn-ok{background-color:#253F5A;color:#fff;border:none;}
button.btn-lg{padding:10px 16px; font-size:16px; line-height:1.3333333; border-radius:0px;}




#quick_menu{position:absolute; position:fixed; left:0; bottom:0; margin: 0; width:100%; background-color:#000; z-index:5; width:100%}
#quick_menu > li{float:left;width:20%;height: 75px;margin:0px;text-align:center;border-right: 1px solid #262626;}
#quick_menu img{width: 45%;display:inline-block;margin-top:10px;}
#quick_menu span{display:block;color:#fff;font-size: 13px;}*/



.spomovie{width:100%; /*padding:30px;*/ margin-top:10px; margin-bottom:30px;}