@charset "utf-8";
/* CSS Document */
/* Main, sub, 모바일전용 메뉴 navi */
/* 레이아웃-공통 header, footer, sub공통레이아웃  */


/* PC-Wide Css */
body{position:relative; min-width:320px;}
body.fixed{ position:fixed; top:0; left:0; width:100%; height:100%; }
/*body.screen:before{content: ""; position: absolute; z-index: 99; top: 0; left: 0;  width: 100%; height: 100%; background:rgba(0,0,0,0.5);}*/
.screen_mask{ display: none; position: absolute; z-index: 99; top: 0; left: 0;  width: 100%; height: 100%; background:rgba(0,0,0,0.5);}

/*
body.zindex_up:before{z-index: 1000;}
body.fixed{ position:fixed; top:0; left:0; width:100%; height:100%;}
*/
.wrapper{ position: relative; width: 100%; /*overflow-x: hidden;*/}

.wsize{position:relative; max-width:1276px; margin:0 auto; }

/*컨텐츠 좌우 들여쓰기 설정*/
/*폭이 작은 컨텐츠 사용에 적합*/
/*로그인, 본인인증, 아이디비밀번호찾기 등 컨텐츠 해당 .wsize 에 .sm_wsize 를 붙여 사용*/
.sm_wsize,
.wsize.sm_wsize{position:relative; max-width:900px; margin:0 auto; }

@media screen and ( max-width:1300px){
    .wsize{ max-width:94%; transition:max-width 0.6s; }
}
@media screen and ( max-width:920px){    
    .sm_wsize,
    .wsize.sm_wsize{ max-width:94%; transition:max-width 0.6s; }
}



/*skip navigation*/
.skip_navi{ position:relative; z-index:10000; width:100%;  margin:0 auto; }
.skip_navi > ul {}
.skip_navi > ul li{}
.skip_navi > ul li a{ display:block; position:absolute; top:-1000px; left:0px; width:100%;  height:46px; text-align:center;  line-height:46px;  color:#FFF; font-weight:700; background-color:#094fa3;  }
.skip_navi > ul li a:focus{  top:0px;  }



/*메인 레이어 팝업 기본-이미지*/
.popup_screen_mask{ display: block; position: absolute; z-index: 999; top: 0; left: 0;  width: 100%; height: 100%; background:rgba(0,0,0,0.5);}
.layer_popup{  position: relative; padding-bottom: 43px;  background: #fff; }
.layer_popup .layer_pop_area{  width: 100%; background: #fff; }
.layer_popup .layer_pop_area .pop_con img{ max-width: 100%;}

.layer_popup .pop_bottom{ position: absolute; bottom: 0px; left: 0px; width: 100%;  padding: 8px 0px;  border-top: 1px solid #e4e4e4; background: #fff; }
.layer_popup .pop_bottom .one_day{ text-decoration: none; margin-left: 10px;}
.layer_popup .pop_bottom .btn{ background: #000; border: none; margin-right: 10px;}
@media screen and ( max-width:1070px){
    .layer_popup { /*left: 5% !important;*/ height: auto !important; max-width: 90%;} 
}


/*메인 레이어 팝업-텍트트 인경우*/
.layer_popup.text_type{ padding: 15px; padding-bottom: 43px; border: 4px solid #0f4da3; background: #fff; }
.layer_popup.text_type .layer_pop_area .pop_ti{  padding-bottom: 10px; border-bottom: 1px solid #4083e0; font-size: 20px; letter-spacing: -0.05em; color: #0f4da3; }
.layer_popup.text_type .layer_pop_area .pop_ti .txt{ display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1em;}

/*텍스트*/
.layer_popup.text_type .layer_pop_area .pop_con .txt_wrap{ padding: 10px 0;}
.layer_popup.text_type .layer_pop_area .pop_con .in_txt{ line-height: 1.5em;}

@media screen and ( max-width:1070px){
    .layer_popup.text_type .layer_pop_area .pop_ti{  padding-bottom: 5px; font-size: 15px; }    
    .layer_popup.text_type .layer_pop_area .pop_con .txt_wrap{padding: 5px 0;}
    .layer_popup.text_type .layer_pop_area .pop_con .in_txt{ line-height: 1.3em; font-size: 13px;}
}

/*메인 레이어 팝업-텍스트, 서비스일시중지 팝업 인경우*/
.layer_popup.text_type.ver2 {padding:30px; padding-bottom:71px; border:7px solid #0f4da3; background:#fff; background-image:url("/images/cnt/pop_bg01.png"), url("/images/cnt/pop_bg02.png"); background-repeat:no-repeat; background-position:top right, bottom left;}
.layer_popup.text_type.ver2 .pop_ti_ver2::before {content:''; display:block; width:130px; height:31px; background:url("/images/cnt/pop_logo.png") no-repeat 0 0; padding-bottom:27px;}
.layer_popup.text_type.ver2 .pop_ti_ver2 {font-size:20px; word-break:keep-all;}
.layer_popup.text_type.ver2 .pop_ti_ver2 em {display:block; padding-top:5px; font-size:34px; color:#0b3a80; font-weight:600; word-spacing:-2px; line-height:1em;}
.layer_popup.text_type.ver2 .layer_pop_area {background:none;}
.layer_popup.text_type.ver2 .layer_pop_area .pop_con {word-spacing:-1px;  word-break:keep-all;}
.layer_popup.text_type.ver2 .layer_pop_area .pop_con .txt_wrap {padding:40px 0; font-size:16px; color:#333;}
.layer_popup.text_type.ver2 .layer_pop_area .pop_con .time_area {padding:14px; text-align:center; color:#fff; background:#0b3a80; border-radius:3px;
																-webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.3);b ox-shadow: 3px 3px 7px 0px rgba(0,0,0,0.3);}
.layer_popup.text_type.ver2 .layer_pop_area .pop_con .time_area p {font-size:20px;}
.layer_popup.text_type.ver2 .layer_pop_area .pop_con .time_area span {display:block; padding-top:13px; font-size:16px;}

@media screen and ( max-width:1070px){
	.layer_popup.text_type.ver2 .layer_pop_area .pop_con .in_txt {font-size:16px; line-height:1.5em;}
}

@media screen and ( max-width:570px){
	.layer_popup.text_type.ver2 {padding:20px; padding-bottom:61px;}
	.layer_popup.text_type.ver2 .pop_ti_ver2::before {padding-bottom:20px; width:90px; height:21px; background-size:contain;}
	.layer_popup.text_type.ver2 .pop_ti_ver2 {font-size:14px;}
	.layer_popup.text_type.ver2 .pop_ti_ver2 em {font-size:20px;}
	.layer_popup.text_type.ver2 .layer_pop_area .pop_con .txt_wrap {padding:20px 0;}
	.layer_popup.text_type.ver2 .layer_pop_area .pop_con .in_txt {font-size:13px; line-height:1.3em;}
	.layer_popup.text_type.ver2 .layer_pop_area .pop_con .time_area {padding:8px;}
	.layer_popup.text_type.ver2 .layer_pop_area .pop_con .time_area p {font-size:14px;}
	.layer_popup.text_type.ver2 .layer_pop_area .pop_con .time_area span {padding-top:5px; font-size:13px;}
}

@media screen and ( max-width:420px){
		.layer_popup.text_type.ver2 {padding:15px; padding-bottom:56px;}
		.layer_popup.text_type.ver2 .mb {display:none;}
		.layer_popup.text_type.ver2 .pop_ti_ver2::before {padding-bottom:15px;}
}

/*모바일 백신 알린 레이어*/
.vaccine_screen{ position: absolute; z-index: 9999; top: 0; left: 0;  width: 100%; height: 100%; background:rgba(0,0,0,0.5);  padding: 0 10%;}
.vaccine_screen .ti{ display: inline-block; padding: 20px;  width: 100%; color: #fff; font-size: 30px; font-weight: 700; text-align: center; line-height: 1.4em; transform: translateY(200px); background: #377cff; }

@media screen and ( max-width:380px){
    .vaccine_screen .ti{  font-size: 24px;}    
}

/*header*/
header{ position: relative; z-index: 100; background: #fff;  box-shadow: 0 0 15px 3px rgba(24, 45, 99, 0.58);}


/*util_area*/
.util_area { height: 34px; border-bottom: 1px solid #d9d9d9;}
.util_area .con1 > li,
.util_area .con2 > li{ float: left; border-left: 1px solid #d9d9d9;}
.util_area .con1 > li:last-child,
.util_area .con2 > li:last-child{  border-right: 1px solid #d9d9d9;}
.util_area .con1 > li > a,
.util_area .con2 > li > a{ display: inline-block; height: 34px; line-height: 34px; padding: 0 15px; font-size: 14px; color: #333;}
.util_area .con2 > li > a.red{color: #e30070; font-weight: 400;}
.util_area .con2 > li > a.red:hover{ background: #ededed;}
.util_area .con1{ }
.util_area .con2{ position: absolute; top: 0; right: 0;}
.util_area .con2 > li{ float: left;}
@media screen and ( max-width:768px){
    .util_area {display: none;} 
}




/*logo_area*/
.logo_area { height: 90px; }
.logo_area .top_logo{ position: absolute; left: 0; top: 25px; z-index: 100; display: inline-block;  height: 40px; }
/*logo_area - toolbtn*/
.logo_area .tool_btn{position: absolute; top: 25px; right: 10px; z-index: 100; }
.logo_area .tool_btn a{ text-decoration: none}
/*나의예약 버튼*/
.logo_area .tool_btn .my_reservation{ position: relative; display: inline-block; width: 151px; height: 36px; line-height: 36px; background: #ededed; font-size: 16px; border-radius: 20px; padding-left: 36px; color: #003669; vertical-align: middle; transition: background-color 0.3s;}
.logo_area .tool_btn .my_reservation:hover{ background: #df2e4b; color: #fff; }
.logo_area .tool_btn .my_reservation:before{ content: ""; display: block; width: 24px; height: 24px; position: absolute; top: 6px; left: 6px; background: url("/images/common/ico_c_check.png") no-repeat 0 0; }
/*통합검색 열기 버튼*/
.logo_area .tool_btn .top_search_toggle{ display: inline-block; width: 53px; height: 36px; background: url(/images/common/ico_top_sch.png) no-repeat center center; margin-left: 20px; vertical-align: middle; border-radius: 30px; transition: background-color 0.3s;}
.logo_area .tool_btn .top_search_toggle:hover{ background-color: #ededed;}
.logo_area .tool_btn .top_search_toggle.on{ background: url(/images/common/ico_top_sch_x.png) no-repeat center center; }
.logo_area .tool_btn .top_search_toggle.on:hover{ background-color: #ededed;}
/*모바일 네비게이션 열기 버튼*/
.logo_area .tool_btn .mobile_navi_toggle { display: none; position: relative; width: 53px; height: 36px; margin-left: 20px; vertical-align: middle;  }
.logo_area .tool_btn .mobile_navi_toggle > span{ position: absolute; top: 17px; left: 50%; transform: translateX(-50%); display:block; width: 30px; height: 3px; background: #344769; }
.logo_area .tool_btn .mobile_navi_toggle > span.bar1{ margin-top: -8px; }
.logo_area .tool_btn .mobile_navi_toggle > span.bar2{ }
.logo_area .tool_btn .mobile_navi_toggle > span.bar3{ margin-top: 8px; }

/*통합검색 영역*/
.top_search_area{ display: none; position: absolute; z-index: 1; top: 124px; width: 100%; height: 300px; padding-top: 60px; background: #425e9c; color: #fff; text-align: center;}
.top_search_area.on{ display: block; }
.top_search_area a{ color: #fff;}
.top_search_area .innerWrap{ display: inline-block; width: 100%; font-size: 0px; }
.top_search_area .innerWrap .sch_locate{ /*width: 160px;*/ width: 14%; height: 60px; border: none; color: #666; font-size: 18px; margin-right: 1px; }
.top_search_area .innerWrap .sch_txt{ /*width: 610px;*/ width: 46%; height: 60px; border: none; color: #666; font-size: 18px; text-align: center;}
.top_search_area .innerWrap .sch_btn{ height: 60px; padding: 0 20px; border: none; color: #fff; background: #df2e4b; font-size: 20px; font-weight: 500; }
.top_search_area .innerWrap .map_sch_btn{ height: 60px; padding: 0 20px; margin-left: 10px; border: 1px solid #fff; color: #fff; font-size: 20px; font-weight: 500; }
.top_search_area .keyword{ margin-top: 20px; line-height: 1.6em;}
.top_search_area .keyword a{ display: inline-block; margin: 0 10px; color: #fff; font-size: 20px; font-weight: 500;}
.top_search_area .keyword a{ display: inline-block; margin: 0 10px; color: #fff; font-size: 20px; font-weight: 500;}
.top_search_area .keyword a{ display: inline-block; margin: 0 10px; color: #fff; font-size: 20px; font-weight: 500;}
.top_search_area .close_btn { display: inline-block; margin-top: 80px; font-size: 18px;}
.top_search_area .close_btn .ico{ display: inline-block; width: 18px; height: 18px; background: url("/images/common/ico_x_white1.png") no-repeat center center; vertical-align: middle; margin-right: 10px;}

@media screen and ( max-width:1070px){ 
    .logo_area .tool_btn .mobile_navi_toggle { display: inline-block; margin-left: 10px;}
    .logo_area .tool_btn .top_search_toggle{margin-left: 10px;}    
}
@media screen and ( max-width:768px){ 
    .logo_area { height: 60px; }
    .logo_area .tool_btn .my_reservation{ display: none;}
    
    .logo_area .top_logo{  top: 15px; left: 0px; }
    .logo_area .top_logo img{ width: 80%;}
    .logo_area .tool_btn{ top: 13px; right: 0px;}    
    
    
    
    
    .top_search_area{ top: 60px; padding-top: 30px; padding-bottom: 30px; height: auto;}
    .top_search_area .innerWrap .sch_locate{ width: 14%; height: 40px; font-size: 15px; }
    .top_search_area .innerWrap .sch_txt{ width: 46%; height: 40px; text-align: left; padding-left: 10px; font-size: 15px;}
    .top_search_area .innerWrap .sch_btn{ height: 40px; padding: 0 10px;  font-size: 15px; font-weight: 400;}
    .top_search_area .innerWrap .map_sch_btn{ height: 40px; padding: 0 10px; margin-left: 5px;  font-size: 15px; font-weight: 400;  }
    .top_search_area .keyword{ margin-top: 20px; line-height: 1.6em;}
    .top_search_area .keyword a{  margin: 0 5px; font-size: 13px; font-weight: 300;}
    .top_search_area .close_btn { display: none; margin-top: 30px; font-size: 14px;}
    .top_search_area .close_btn .ico{ display: inline-block; width: 15px; height: 15px; background-size: contain;}    
    


    
}




/*gnb*/
.gnb_area{ position: absolute; top: 34px; left: 0; z-index: 90; width: 100%; height: 90px; overflow: hidden; background: #fff; } 
.gnb_area .bar{ position: absolute; top: 70px; left: 0px; width: 80px; height: 3px; background: #425e9c; opacity: 0; transition: all 0.3s;}
.gnb_area .bar.on{ opacity: 1;}
.gnb_area .bg_box{ position: absolute; top: 90px; z-index: -1; width: 100%; min-height: 250px;  background: url(/images/common/bg_gnb_img1.png) no-repeat -180px -80px; background-color: #425e9c;}
.gnb_area .bg_box:before{ content: ""; display: block; position: absolute; top: 0; left: 50%; margin-left: -360px; width: 100%; height: 100%; background-color: #f2f4f7;  }
.gnb_area .bg_box > .bg_img1{ position: absolute; bottom: -35px; left: 50%; margin-left: -640px; width: 160px; height: 200px; background: url(/images/common/bg_gnb_img_tree.png) no-repeat 0 0; background-size: contain; }
.gnb_area .bg_box > .bg_img2{ position: absolute; bottom: -20px; left: 50%; margin-left: 250px; width: 580px; height: 200px; background: url(/images/common/bg_gnb_img_infi.png) no-repeat 0 0; }

.gnb_area .gnb_wrap{ padding-top: 15px; padding-right: 20px; transition: padding 0.6s; }
.gnb_area .gnb_wrap > .depth1{  width: 100%; height: 80px; text-align: right;}
.gnb_area .gnb_wrap > .depth1:after{ content: ""; display: block; clear: both;}
.gnb_area .gnb_wrap > .depth1 > li{ display: inline-block; margin-right: 10%; transition: margin 0.6s; text-align: left;}
.gnb_area .gnb_wrap > .depth1 > li > a{ display: inline-block; padding: 20px 15px 40px; color: #333; font-size: 22px; font-weight: 500; text-decoration: none;   letter-spacing: -0.05em;}
.gnb_area .gnb_wrap > .depth1 > li > .innerWrap{display: none; position: absolute; top: 90px; left: 0px; width: 100%; padding-left: 300px; min-height: 140px; }
.gnb_area .gnb_wrap > .depth1 > li > .innerWrap > .ti{ position: absolute; top: 50px; left: 0px; width: 240px; font-size: 28px; font-weight: 500; letter-spacing: -0.05em; color: #fff; }
.gnb_area .gnb_wrap > .depth1 > li > .innerWrap > .ti:before{ content: ""; position: absolute; top: -20px; display: block; width: 40px; height: 3px; background:#fff; }
.gnb_area .gnb_wrap > .depth1 > li > .innerWrap > .depth2{ width: 100%; margin-top: 20px; font-size: 0;}
.gnb_area .gnb_wrap > .depth1 > li > .innerWrap > .depth2 > li{ display: inline-block; font-size: 15px; vertical-align: top; position: relative; width:20%; margin-bottom: 10px; padding-right: 10px; }
.gnb_area .gnb_wrap > .depth1 > li > .innerWrap > .depth2 > li > a{ display: block; padding: 15px 15px; font-size: 16.5px;  color: #425e9c;  border: 1px solid #425e9c; text-decoration: none; transition: background-color 0.3s; letter-spacing: -0.05em;}
.gnb_area .gnb_wrap > .depth1 > li > .innerWrap > .depth2 > li.on > a{ color: #fff; background: #032268;  border: 1px solid #032268; }
.gnb_area .gnb_wrap > .depth1 > li > .innerWrap > .depth2 > li > .depth3{ padding: 10px 0px 15px 0px; }
.gnb_area .gnb_wrap > .depth1 > li > .innerWrap > .depth2 > li > .depth3 > li{ position: relative; padding:0 10px;}
.gnb_area .gnb_wrap > .depth1 > li > .innerWrap > .depth2 > li > .depth3 > li:before{ content: ""; position: absolute; top: 14px; left: 10px; width: 3px; height: 3px; background: #b8b8b8;}
.gnb_area .gnb_wrap > .depth1 > li > .innerWrap > .depth2 > li > .depth3 > li > a{ display: block; min-height: 14px; padding: 5px 0 5px 8px; color: #666; font-size: 14px; letter-spacing: -0.05em;  }
.gnb_area .gnb_wrap > .depth1 > li > .innerWrap > .depth2 > li > .depth3 > li > a:hover{ color: #425e9c;  }

.gnb_area .gnb_wrap > .depth1 > li.on > a{ color: #425e9c;}
.gnb_area .gnb_wrap > .depth1 > li.on > .innerWrap{ display: block;}

.gnb_area .depth1 > li > a > .new_win{ display: inline-block; width: 13px; height: 13px; margin-left: 5px; background: url(/images/common/ico_newwin.png) no-repeat 0 0;}
.gnb_area .depth2 > li > a > .new_win{ display: inline-block; width: 13px; height: 13px; margin-left: 5px; background: url(/images/common/ico_newwin.png) no-repeat 0 0;}
.gnb_area .depth2 > li > a:hover > .new_win,
.gnb_area .depth2 > li.on > a > .new_win{ background-position: -33px 0;}
.gnb_area .depth3 > li > a > .new_win{ display: inline-block; width: 13px; height: 13px; margin-left: 5px; background: url(/images/common/ico_newwin.png) no-repeat 0 0;}

@media screen and ( max-width:1300px){    
    .gnb_area .bg_box:before{  margin-left: -30%;}          
    .gnb_area .gnb_wrap > .depth1 > li > a{ padding: 20px 8px 40px; font-size: 19px;} 
    .gnb_area .gnb_wrap > .depth1 > li > .innerWrap{ padding-left: 20%; background-size:190px auto;   }    
    .gnb_area .gnb_wrap > .depth1 > li > .innerWrap > .ti{ width: 180px; font-size: 24px; }        
    .gnb_area .gnb_wrap > .depth1 > li > .innerWrap > .depth2{ width: 100%; margin-top: 20px; }
    .gnb_area .gnb_wrap > .depth1 > li > .innerWrap > .depth2 > li{ margin-bottom: 7px; padding-right: 7px;  }
    .gnb_area .gnb_wrap > .depth1 > li > .innerWrap > .depth2 > li > a{ font-size: 15px; }
}
@media screen and ( max-width:1200px){
    .gnb_area .bg_box > .bg_img1{ margin-left: -580px; }
    .gnb_area .gnb_wrap > .depth1 > li > .innerWrap > .depth2 > li > a{  letter-spacing: -0.05em; padding-right: 4px;}
    .gnb_area .gnb_wrap > .depth1 > li > .innerWrap > .depth2 > li > .depth3 > li > a{ font-size: 13px;}    
}
@media screen and ( max-width:1070px){
    .gnb_area{display: none;}    
}





/*mobile_navi_area*/
.mobile_navi_mask{ display: none; position: absolute; top: 0; left: 0; z-index: 1000;  width: 100%; height: 100%; background:rgba(0,0,0,0.5);}
.mobile_navi_mask.on{ display: block;}

/*모바일 navi*/
#m_gnb{ position: fixed; display: none; z-index: 1100; top: 0px; right: -100%; width: 400px; height: 100%; overflow-y: auto; background: #fff;  }
#m_gnb.on{ display: block;}

#m_gnb .top{ position: relative; height: 60px; background: #102657; }
#m_gnb .top h2{ padding-top: 20px; padding-left: 20px; color:#fff; font-size: 18px;  font-weight: 500; }

#m_gnb .btn_gnb_close{display:block; position:absolute; top:18px; right:18px; width:30px; height:30px; }
#m_gnb .btn_gnb_close span{display:inline-block; width:27px; height:2px; transform:rotate(45deg); background:#fff;}
#m_gnb .btn_gnb_close .bar2{transform:translate(0,-15px) rotate(-45deg);}

#m_gnb .link{ min-height: 70px; padding: 18px;  background: #526ca5; color: #d5ddef;}
#m_gnb .link > a{ display: inline-block; padding: 8px 12px;  color:#d5ddef; border:1px solid #9aadd6;}
#m_gnb .link > a+a{ margin-left: 8px;}
/*로그인 후 버튼*/
#m_gnb .link > a.after_btn{ background: #fff; color: #e30070; font-weight: 400; border: none;}

#m_gnb .depth1{}
#m_gnb .depth1 a{display:block; padding:16px 20px 14px 20px; font-weight:500; font-size:17px; border-bottom:1px solid #d9d9d9; background:url(/images/common/ico_m_menu.png) no-repeat 97% 18px; color: #333;}
#m_gnb .depth1 > li > a.on{color:#2f599a; background-position:97% -34px;}
/*#m_gnb .on + .depth2{display:block;}*/
#m_gnb .depth2{display:none; background:#f6f6f6;}
#m_gnb .depth2 a{padding:10px 0 10px 40px; margin:0; font-size:15px; color:#666; background:#f6f6f6;}
#m_gnb .depth2 a:hover,
#m_gnb .depth2 a:focus{color:#333; background:#fcfcfc;}
#m_gnb .depth3{display:block; padding:0;}
#m_gnb .depth3 a{position:relative; padding:10px 0 10px 60px; font-size:13px; font-weight:300; color:#666;}
#m_gnb .depth3 a:before{content:''; display:block; position:absolute; top:50%; left:54px; width:3px; height:3px; margin-top: -1px;  background:#8c8c8c;}
#m_gnb .depth2 .on a[target="_blank"]:after,
#m_gnb .depth2 a[target="_blank"]:hover:after,
#m_gnb .depth2 a[target="_blank"]:focus:after{background-position:0 -75px;}

#m_gnb .depth1 > li > a > .new_win,
#m_gnb .depth2 > li > a > .new_win,
#m_gnb .depth3 > li > a > .new_win{ display: inline-block; width: 13px; height: 13px; margin-left: 5px; background: url(/images/common/ico_newwin.png) no-repeat 0 0;}

@media screen and ( max-width:400px){    
    #m_gnb{  width: 290px; }    
    /*로그인 후 버튼*/
    #m_gnb .link > a.after_btn{ font-size: 13px; padding: 6px 5px; letter-spacing: -0.05em; }    
    #m_gnb .link > a+a{ margin-left: 3px;}

}



/*footer*/
footer .foot1{ height: 70px; background-color: #173869; }

/*관련기관 바로가기*/
footer .foot1 .relation_link { position: absolute; top: 13px; right: 0;}
footer .foot1 .relation_link > .ti { position: relative; z-index: 1; display: inline-block; color:#fff; min-width: 250px; padding: 12px 20px; border: 1px solid #5d7496; background: #173869; }
footer .foot1 .relation_link > .ti.on,
footer .foot1 .relation_link > .ti:hover { background: #0d2952;}
footer .foot1 .relation_link > .ti:before { content: ""; position: absolute; top: 50%; right: 10px; margin-top: -10px; width: 20px; height: 20px; background: url(/images/common/ico_drop_arrow_1.png)no-repeat center center; transform: rotate(0deg); }
footer .foot1 .relation_link > .ti.on:before { transform: rotate(180deg);}
footer .foot1 .relation_link > .list { display: none; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; padding: 10px 0 60px; background: #3b3b3b; background: rgba(20, 20, 20, 0.9); }
footer .foot1 .relation_link > .list > li { }
footer .foot1 .relation_link > .list > li > a { display: block; padding: 10px 10px 10px 20px; color: #b6b6b6; border-bottom: 1px solid #4b4b4b; font-size: 13px;}
footer .foot1 .relation_link > .list > li > a:hover { color: #fff; background: #000000;}


/*개인정보처리방침 메뉴*/
footer .foot1 .btn_list{ position: relative; top: 17px; }
footer .foot1 .btn_list > li{ float: left; }
footer .foot1 .btn_list > li+li:before{ content: ""; position: relative; top: 2px; display: inline-block; width: 1px; height: 15px; background: #fff;}
footer .foot1 .btn_list > li > a{ display: inline-block; padding: 10px 15px; color: #fff; font-weight: 300}
footer .foot1 .btn_list > li > a.pi{ color: #fff60b;}


footer .foot2{ min-height: 220px; background-color: #fff;}
footer .foot2 .wsize{ padding-top: 60px; }
footer .foot2 .call { position: absolute; top: 45px; right: 290px; background: url(/images/common/ico_foot_call.png) no-repeat 0 0 ; min-height: 60px; padding-left: 80px;}
footer .foot2 .call .ti{ display: block; margin: 4px 0 14px 0; font-size: 22px; }
footer .foot2 .call strong{ font-size: 26px; font-weight: 500; }
footer .foot2 .call .txt{ margin-top: 10px;}
footer .foot2 .call .txt span{ display: block; margin-bottom: 5px; }
footer .foot2 .flogo { position: absolute; top: 60px; right: 0px;}
footer .foot2 .flogo img { display: inline-block; margin-left: 15px;}
footer .foot2 address { display: block; margin-right: 52%; line-height: 1.8em; word-break: keep-all;}
footer .foot2 address .addr { display: block; }
footer .foot2 .copytxt { display: inline-block; width: 100%; margin-top: 15px; font-size: 14px; color: #929292;}

@media screen and ( max-width:1276px){   
    footer .foot2 address { margin-right: 55%; }
}

@media screen and ( max-width:1070px){   
    
    footer .foot1{ height: auto; padding: 15px 0px; text-align: center;}    
    
    footer .foot1 .relation_link { position: relative; top: 0; display: inline-block; }
    footer .foot1 .relation_link > .ti { text-align: left;}
    footer .foot1 .relation_link > .list > li > a { text-align: left;}    
    
    footer .foot1 .btn_list{ position: static; text-align: center;}
    footer .foot1 .btn_list > li{ float: none; display: inline-block;}    
    
    footer .foot2{ min-height: 100%; padding-bottom: 60px;}
    footer .foot2 .wsize{ padding-top: 110px; }    
    footer .foot2 .call { position: absolute; top: 20px; right: auto; left: 0px; padding-left: 0px; background: none;}
    footer .foot2 .call .ti{ display: inline-block; margin: 10px 0 0 0; }
    footer .foot2 .call strong{ margin-left: 10px; display: inline-block; font-size: 22px; }
    footer .foot2 .call .txt span{ display: inline-block;}    
    
    footer .foot2 .flogo { position: absolute; top: 20px; right: 0px;}    
    footer .foot2 address { margin-right: 0;}
    
}
@media screen and ( max-width:768px){    

    footer .foot1 .relation_link > .ti { font-size: 13px;}
    footer .foot1 .relation_link > .list { padding: 8px 0 60px;}
    footer .foot1 .relation_link > .list > li > a { font-size: 13px;  padding: 10px 10px 10px 15px;}
        
    footer .foot1 .btn_list > li{ margin-top: 5px; }
    footer .foot1 .btn_list > li+li:before{ top: 3px;}
    footer .foot1 .btn_list > li > a{ font-size: 12px; padding: 10px 5px; }         
    
    footer .foot2 .wsize{ padding-top: 20px; }    
    footer .foot2 .call { position: static; padding-left: 0px; background: none; text-align: center; margin-bottom: 10px;}
    footer .foot2 .call .txt span{ margin-bottom: 5px; }      
    
    footer .foot2 .flogo { position: static; text-align: center; margin-bottom: 15px;}  
    footer .foot2 .flogo img { width: auto; height: 50px;}    
    footer .foot2 address { line-height: 1.5em; font-size: 14px; text-align: center;}
    footer .foot2 .copytxt { font-size: 12px; text-align: center;}       
}
@media screen and ( max-width:540px){    
    footer .foot2 .wsize{ padding-top: 20px; }
    footer .foot2 .call .ti{ font-size: 18px; }
    footer .foot2 .call strong{ font-size: 18px; }
    footer .foot2 .call .txt{ font-size: 13px;}
        
    footer .foot2 .flogo img { width: auto; height: 45px;}    
    footer .foot2 .copytxt { width: 100%; font-size: 12px; text-align: center;}      
}






/*===================================== 서브 레이아웃 ==================================*/


/*sub_visual_area*/
.sub_visual_area{ position: relative; height: 170px; background: #d9e7fa; padding-top: 60px; overflow: hidden;}
.sub_visual_area:before{ content: ""; position: absolute; top:0; left: -20px; width: 455px; height: 217px;  background: url(/images/common/bg_sub_visual_img.png) no-repeat 0 0;}
.sub_visual_area:after{  content: ""; position: absolute; top:0; right: -20px; width: 455px; height: 217px; background: url(/images/common/bg_sub_visual_img.png) no-repeat 0 0;}
.sub_visual_area .txt{ font-size:42px; color: #3575b4; line-height: 1em; text-align: center;  letter-spacing: -0.08em}

@media screen and ( max-width:1300px){    
    .sub_visual_area:before{  left: -200px; }
    .sub_visual_area:after{   right: -200px; }
}
@media screen and ( max-width:1070px){    
    .sub_visual_area{ display: none;}
    
}
@media screen and ( max-width:768px){
    
}


/*single_visual_area 회원가입, 로그인, 아이디비밀번호찾기, 예약step 의 서브비쥬얼*/ 
.single_visual_area{ position: relative; height: 170px; background: #d9e7fa; padding-top: 60px; overflow: hidden;}
.single_visual_area:before{ content: ""; position: absolute; top:0; left: -20px; width: 455px; height: 217px;  background: url(/images/common/bg_sub_visual_img.png) no-repeat right 0; transition: left 0.3s;}
.single_visual_area:after{  content: ""; position: absolute; top:0; right: -20px; width: 455px; height: 217px; background: url(/images/common/bg_sub_visual_img.png) no-repeat left 0; transition: right 0.3s;}
.single_visual_area .txt{ font-size:42px; color: #3575b4; line-height: 1em; text-align: center; letter-spacing: -0.08em}

@media screen and ( max-width:1300px){    
    .single_visual_area:before{  left: -200px; }
    .single_visual_area:after{   right: -200px; }
}
@media screen and ( max-width:1070px){        
    .single_visual_area{ position: relative; height: 100px; background: #d9e7fa; padding-top: 35px; overflow: hidden;}
    .single_visual_area:before{  left: -100px; width: 300px; height: 100px; background-size: cover;}
    .single_visual_area:after{   right:-100px; width: 300px; height: 100px; background-size: cover;}    
    .single_visual_area .txt{ font-size:30px; color: #3575b4; line-height: 1em; text-align: center; }    
}
@media screen and ( max-width:768px){

}
@media screen and ( max-width:550px){
    .single_visual_area:before{  left: -150px; width: 240px;}
    .single_visual_area:after{   right:-150px; width: 240px;}  
    .single_visual_area .txt{ font-size:26px;} 
}




/*snb_area*/
.snb_area{ position: relative; height: 110px; background: #0b397f; color: #fff;}
.snb_area:before{ content: ""; display: block; height: 60px; background: #0b397f; color: #fff;}
.snb_area:after{  content: ""; display: block;  height: 50px; background: #f3f3f3; border-bottom: 1px solid #d9d9d9;}
.snb_area .depth2{ position: absolute; top: 0; left: 0;  width: 100%; height: 60px; text-align: center;}
.snb_area .depth2 > li{ display: inline-block;}
.snb_area .depth2 > li+li:before{ content: ""; display: inline-block; position: relative; top: 0px; width: 1px; height: 16px; background: #50688d; vertical-align: middle;}
.snb_area .depth2 > li > a{ position: relative; display: inline-block; padding: 22px; font-size: 18px; font-weight: 300; color: #a4bbdf; vertical-align: middle;}
.snb_area .depth2 > li > a:before{ content: ""; position: absolute; top: 57px; left: 50%;  display: block; width: 0%; height: 3px; background: #f3f3f3; transition: all 0.3s; transform: translateX(-50%)}
.snb_area .depth2 > li.on > a{ font-weight: 500; color: #fff; }
.snb_area .depth2 > li.on > a:before{ width: 100%; }

.snb_area .depth2 > li > .depth3{ display: none; position: absolute; top: 60px; left: 0; width: 100%; height: 50px; text-align: center; }
.snb_area .depth2 > li > .depth3 > li{ display: inline-block; }
.snb_area .depth2 > li > .depth3 > li+li:before{ content: ""; display: inline-block; position: relative; top: 0px;  width: 1px; height: 12px; background: #d9d9d9; vertical-align: middle;}
.snb_area .depth2 > li > .depth3 > li > a{ position: relative; display: inline-block; padding: 18px; font-size: 16px; color: #666; vertical-align: middle;}
.snb_area .depth2 > li > .depth3 > li > a:before{ content: ""; position: absolute; top: 49px; left: 50%; display: block; width: 0%; height: 2px; background: #425e9c;  transition: all 0.3s; transform: translateX(-50%)}
.snb_area .depth2 > li.on > .depth3{display: block;}
.snb_area .depth2 > li > .depth3 > li.on > a{ color: #425e9c;}
.snb_area .depth2 > li > .depth3 > li.on > a:before{ width: 100%;}
/*.snb_area .depth2 > li > .depth3 > li > a:hove{ width: 100%;}*/

@media screen and ( max-width:1300px){    
    .snb_area .depth2 > li > a{ padding: 22px 15px; font-size: 16px; }
    .snb_area .depth2 > li > .depth3 > li > a{ padding: 18px 10px; font-size: 15px;}    
}
@media screen and ( max-width:1070px){    
    .snb_area{ display: none;}
    
}
@media screen and ( max-width:768px){
    
}


/*==========================  sub_body =======================*/
/*서브타이틀, 로케이션*/
.sub_title_area{ position: relative;  }
.sub_title_area .wsize{ height: 90px;  border-bottom: 3px solid #2d2d2d; }
.sub_title_area .sub_title{ position: relative; top: 40px; font-size: 32px; font-weight: 500; line-height: 1em;}
.sub_title_area .con_2{ position: absolute; right: 0px; top: 40px;}
.sub_title_area .con_2 .locate{ float: left; margin-top: 12px; font-size: 0; }
.sub_title_area .con_2 .locate > li{ position: relative; font-size: 13px; display:inline-block; }
.sub_title_area .con_2 .locate > li+li{ padding-left: 24px; }
.sub_title_area .con_2 .locate > li+li:before{ content: ""; display:inline-block; width: 6px; height: 11px; position: absolute; top: 3px; left: 12px; background: url(/images/common/ico_gap_arrow.png) no-repeat 0px center;}
.sub_title_area .con_2 .locate > li:first-child{ position: relative; top: 1px;  width: 14px; height: 13px; background: url(/images/common/ico_locate_home.png) no-repeat center center; }
.sub_title_area .con_2 .in_btn{ float: right; font-size: 0; margin-left: 30px;}
.sub_title_area .con_2 .in_btn > li{  font-size: 13px; display: inline-block;}
.sub_title_area .con_2 .in_btn > li+li{  margin-left: -1px;}
.sub_title_area .con_2 .in_btn > li a{ display: block; width: 40px; height: 40px; border: 1px solid #d9d9d9;}
.sub_title_area .con_2 .in_btn > li.btn_sns_open a{ background: url(/images/common/ico_sns_link.png) no-repeat center center; }
.sub_title_area .con_2 .in_btn > li.btn_print a{ background: url(/images/common/ico_print.png) no-repeat center center; }

@media screen and (max-width:1070px){
    /*서브타이틀, 로케이션*/
    .sub_title_area{ position: relative; height: 100px; padding-top: 20px; background: #d9e7fa; text-align: center;}    
    
    .sub_title_area:before{ content: ""; position: absolute; top:0;  left: 0px; width: 150px; height: 100%;  background: url(/images/common/bg_sub_visual_img.png) no-repeat right 0;  background-size: 180% auto; transition: 0.3s; }
    .sub_title_area:after{   content: ""; position: absolute; top:0;  right:0px; width: 150px; height: 100%;  background: url(/images/common/bg_sub_visual_img.png) no-repeat left 0; background-size: 180% auto; transition: 0.3s;}    
    
    .sub_title_area .wsize{ height: auto;  border-bottom: none; }
    .sub_title_area .sub_title{ position: relative; top: 0px; font-size: 30px; color: #3575b4; font-weight: 500; text-align: center; line-height: 1em; letter-spacing: -0.05em;}
    .sub_title_area .con_2{ position: static; display: inline-block; }
    .sub_title_area .con_2 .locate{ float: left; margin-top: 12px; font-size: 0; }    
    .sub_title_area .con_2 .locate > li+li{ padding-left: 14px; }
    .sub_title_area .con_2 .locate > li+li:before{  top: 1px; left: 5px;}
        
    .sub_title_area .con_2 .in_btn{ float: right; margin-left: 15px;}     
    .sub_title_area .con_2 .in_btn > li.btn_print{ display: none;}    
    .sub_title_area .con_2 .in_btn > li > a{ border-radius: 40px;}       
}
@media screen and ( max-width:550px){    
    .sub_title_area:before{  width: 80px; background-size: 300% auto; }
    .sub_title_area:after{   width: 80px; background-size: 300% auto; }   
    .sub_title_area .sub_title{ font-size: 26px; letter-spacing: -0.08em;} 
}




/*--------서브 컨텐츠*/
.sub_cnt_area{ min-height: 800px; background: #fff; /*overflow:auto;*/ padding-top: 1px;}
.sub_cnt_area article.article{ margin: 60px auto; } /*기본 article*/
.sub_cnt_area .paragraph{ margin: 40px auto;} /*기본 문단 구분*/

/*.sub_cnt_area .wsize:first-child{ padding-top: 50px;}*/
.sub_cnt_area .wsize:last-child{ padding-bottom: 70px;}

/*컨텐츠 전체 배경 설정*/
/*회원가입, 로그인, 아이디비밀번호찾기, 예약step 의 서브비쥬얼인 경우 .sub_cnt_area 에 .bg_gray 를 붙여서 사용함*/ 
.sub_cnt_area.bg_gray{ background: #eef2f5;   padding-top: 1px;}

@media screen and (max-width:768px){
	.sub_cnt_area{ min-height: 250px;}
    .sub_cnt_area article.article{ margin: 45px 0;}
    .sub_cnt_area .paragraph{ margin: 30px auto;}
    /*.sub_cnt_area .wsize:first-child{ padding-top: 50px;}*/
    .sub_cnt_area .wsize:last-child{ padding-bottom: 40px;}
}