@charset "UTF-8";

html { overflow-y:auto; width:100%}
body { position:relative; min-width:1180px; width:100%}
.inner { position: relative; min-width:360px; width:1300px; margin:0 auto;} 

/* Header */
.drawer {opacity:1!important; display:block!important;}
/* 상단 lnb 영역 */
#header {position:relative; background:none; z-index:10; font-family:'Paperlogy','나눔고딕',sans-serif;}
.headerother { height:40px; background:url(../../images/layout/headerotherbg.png) repeat-x; border-bottom:solid 1px #cbd3f1; clear:both; }
.othersite {position:relative; bottom:0; float:left; margin-top:3px; height:38px;}
.othersite li{ float:left;height:32px;width:123px; margin-top:6px;}
.othersite li:nth-child(1){background:url(../../images/layout/othersitetab1_.png) no-repeat; position:relative; width:129px;height:32px; z-index:4;line-height:32px;}
.othersite li:nth-child(1) a {color:#fff; background:url(../../images/layout/othersiteicon1_.png) no-repeat 15px 50%; padding-left:35px; }
.othersite li:nth-child(2){background:url(../../images/layout/othersitetab2.png) no-repeat; position:relative;  z-index:3; margin-left:-20px;line-height:32px;}
.othersite li:nth-child(2) a {color:#fff; background:url(../../images/layout/othersiteicon2.png) no-repeat 15px 50%; padding-left:35px; }
.othersite li:nth-child(3){background:url(../../images/layout/othersitetab3.png) no-repeat; position:relative;  z-index:2; margin-left:-20px;line-height:32px;}
.othersite li:nth-child(3) a {color:#fff; background:url(../../images/layout/othersiteicon3.png) no-repeat 15px 50%; padding-left:35px; }
.othersite li:nth-child(4){background:url(../../images/layout/othersitetab1.png) no-repeat; position:relative;  z-index:5; margin-left:-30px;line-height:32px;  padding-top:6px; margin-top:1px;}
.othersite li:nth-child(4) a {color:#4298D3; background:url(../../images/layout/othersiteicon4_.png) no-repeat 15px 50%; padding-left:35px; }

.othersite li:nth-child(5){background:url(../../images/layout/othersitetab5.png) no-repeat; position:relative;  z-index:2; margin-left:-20px;line-height:32px;}
.othersite li:nth-child(5) a {color:#fff; background:url(../../images/layout/othersiteicon5.png) no-repeat 15px 50%; padding-left:35px; }


.othercon { float:right; margin-top: 6px;}
.othercon li{ float:left; margin-left:2px;}


/* 상단 gnb 영역 */
#headertop {position:relative;height:91px;background:#fff}
#headertop .inner {position:relative}
.top_logo {position:absolute; top:25px; left:0; width: 300px; height:45px; }
/* Top Util */
.top_util {float:right;margin-top:32px}
.gnb_util, .control_text, .select_language {float:left;height:28px;vertical-align:middle;line-height:30px}
.gnb_util li {float:left; padding: 0 0 0 15px; margin-left:20px;}
.gnb_util li a {display:block;padding:0 8px;color:#747474; font-weight:600;text-transform:uppercase}
.gnb_util li.top_login { background: url(/reserve/images/layout/login.png) left 50% no-repeat; }
.gnb_util li.top_join { background: url(/reserve/images/layout/join.png) left 50% no-repeat; }
/* 텍스트 컨트롤 */
.control_text button {position:relative;height:28px;margin-left:-1px;border:1px solid #dcdcdc;color:#777}
.control_text button:hover, .control_text button:active, .control_text button:focus {border-color:#3cb896;color:#3cb896;z-index:1}
#btn_text_large {width:26px;background-position:50% -130px}
#btn_text_default {float:left;width:56px;font-size:0.846em;font-weight:700;line-height:30px;*line-height:26px;text-transform:uppercase}
#btn_text_small {width:26px;background-position:50% -190px}
#btn_text_large:hover, #btn_text_large:active, #btn_text_large:focus {background-position:50% -160px}
#btn_text_small:hover, #btn_text_small:active, #btn_text_small:focus {background-position:50% -220px}


/* GNB */
#gnb_wrap {position:relative;height:70px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
#gnb_wrap:after {content:''; display:block; width:100%; height:0; background:#fafafa; position:absolute; top:70px; left:0; transition:all .28s; border-top:1px solid #eee;}
#gnb_wrap.active:after {height:400px; border-top:1px solid #f2f2f2;}/*메인메뉴 높이값 77번줄도 확인 할것*/
#gnb {position:relative; }
#gnb a {display:block}

/* 1 Depth */
#btn_menu, #btn_search {display:none;}
#gnb > li {float:left;width:14.28%; position:relative;}
#gnb > li:after {content:''; display:block; width:10px; height:10px; background:#f3f3f3; border-radius:50%; position:absolute; top:calc(50% - 5px); right:-5px;}
#gnb > li:last-child:after {display:none;}
#gnb > li.gnb_field, #bp_lg #gnb > li.gnb_field, #gnb > li.gnb_fev, #bp_lg #gnb > li.gnb_fev, #gnb > li.gnb_sns, #bp_lg #gnb > li.gnb_sns {width:107px}
#gnb > li > a { position:relative; z-index:12; height:70px;color:#333;font-size:20px;line-height:70px;text-align:center;text-decoration:none; font-weight:700;}
#gnb > li:hover > a { box-sizing: border-box; color:#644094;}
#gnb > li > a > img {vertical-align:-7px}
#gnb > li > a > img.new_win {margin-left:3px;vertical-align:-1px}
#gnb > li.gnb_allmenu > a {background:#253c73}
#gnb > li.gnb_search > a {background:#25c6d9}
#gnb > li.gnb_fev.active > a, #gnb > li.gnb_sns.active > a {height:58px;border-bottom:0}
#gnb > li:first-child { background:none; }

/* 2 Depth */
#gnb > li > div {  box-sizing: border-box; height:0; overflow:hidden; margin-left: 0; width:100%; z-index:10;  position:absolute; top:70px; left:0; border-left:1px solid #f2f2f2; transition:all .28s;}
#gnb > li:last-child > div {border-right:1px solid #f2f2f2;}
#gnb_wrap.active #gnb > li > div {height:400px;}/*메인메뉴 높이값 55번줄도 확인 할것*/
#gnb > li > div > ul { width: 100%; }
#gnb > li > div > ul > li {   text-align: left; }
#gnb > li > div > ul > li a { font-size:15px; color: #666; line-height:1.2em; padding:10px 10px 10px;} 
#gnb > li > div > ul > li a:hover { color: #fff; background:#644094; text-decoration:none;}


/* footer 하단 영역 */
#footer {border-top:1px solid #a3a6ac; font-family:'Paperlogy','나눔고딕',sans-serif; padding:30px 0;}
.foot_util {font-size:18px; display:flex; font-weight:600;}
.foot_util a:after {content:''; display:inline-block; width:4px; height:4px; background:#ececec; border-radius:50%; margin:0 20px; transform:translateY(-4px);}
.foot_util .pinfo { color: #2c3da2!important; background: url(/reserve/images/layout/foot_per.png) left 50% no-repeat; padding-left:25px;}

.foot_info {font-size:15px; color:#666; line-height:2em; margin-top:20px;}