@charset "UTF-8";
/* Header & Footer */
/* margin */












































@media (max-width: 1180px) { body.active { overflow: hidden; }
  .m_none { display: none; } }

#wrapper { position: relative; overflow: hidden; }

.scrollDisable { overflow: hidden; }

.container { max-width: 1180px; margin: auto; }

/* .top_banner { background: url("../../web/images/ko/top_banner.jpg") no-repeat center; width: 100%; height: 120px; position: relative; overflow: hidden; } */
.top_banner { background-repeat: no-repeat; background-position: center center; width: 100%; height: 120px; background-size: cover; position: relative; overflow: hidden; }
.top_banner img { display: none; }

/* .top_banner .btn_x { display: block; position: absolute; right: 50px; top: 10px; width: 32px; height: 32px; background: rgba(0, 0, 0, 0.5) url("../../web/images/ko/btn_x.png") no-repeat center; background-size: 12px auto; border-radius: 17px; } */
.top_banner > .t_close { position:absolute; right:50%; top:5px; width:auto; margin-right:-590px; padding:0 9px 5px 14px; background:rgba(0,0,0,0.5); border-radius:6px; overflow:hidden; text-align:center;}
.top_banner > .t_close label { font-size:12px; color:#fff; }
.top_banner > .t_close input[type='checkbox']:checked + label:before { width:10px; height:10px; background: #fff url("../../web/images/ko/icon_input_checked.png") no-repeat 50% 50%; background-size:10px auto; margin-top:1px;}
.top_banner > .t_close input[type='checkbox'] + label span { font-size: 12px;;}
.top_banner > .t_close input[type='checkbox'] + label:before {content: '';
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #dddddd; width:10px; height: 10px; margin-left:-5px; margin-right:4px; }
.top_banner > .t_close input[type='checkbox']:focus + label:before {outline: 1px dashed #ffff00;/* outline:-webkit-focus-ring-color:5px; */}
.top_banner > .t_close .btn_x { vertical-align: middle; width:9px; height:9px; display:inline-block; background:url("../../web/images/ko/btn_allmenu_close.png") no-repeat center center; background-size:contain; border:0; }

@media (max-width: 1180px) {
.top_banner { padding-top: 10.16%; height: 0; }
}

.top_banner.off { display: none; }

@media (max-width: 1500px) { .top_banner .btn_x { right: 10px; top: 5px; } }
@media (max-width: 1180px) {.top_banner > .t_close {right:10px; top:5px;margin-right:0;}}
@media (max-width: 900px) { .top_banner { background-size: auto 90px; height: 90px; } }

/* @media (max-width: 720px) { .top_banner { background-size: auto 70px; height: 70px; } } */
@media (max-width: 720px) {
.top_banner { height: auto; padding: 0; }
.top_banner img { display: block; }
}
/* @media (max-width: 500px) { .top_banner { background-size: auto 60px; height: 60px; } } */

#seoul {min-height:48px; line-height: 48px; background: #fff; text-align: center; }

#header { background: url("../../web/images/ko/bg_top.jpg") no-repeat center top; vertical-align: top; }

#header .container { position: relative; /*padding: 0 310px 0 170px;*/ }

#header .container .i-seoul-u { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#header .container .i-seoul-u img{height:36px;}

#header .container .m_menu, #header .container .allmenu { display: none; }

#header .container .logo { position: absolute; /*left: 0;*/ left: 50%; /*transform 추가*/ -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; width: 182px; }

#header .container .logo a { display: block; background: url("../../web/images/ko/logo.png") no-repeat center; height: 60px; background-size: 100%; }
.en #header .container .logo a {background: url("../../web/images/en/logo.png") no-repeat center;}
#header .container .m_search_open { /*width: 600px;*/ margin: auto; height: 60px; }

#header .container .m_search_open:after { content: ''; display: block; clear: both; }

#header .container .m_search_open .search_top { position: absolute; right: 0; top: 100%; width: 380px; z-index: 9; }

#header .container .m_search_open .search_top .m_search { position: absolute; right: 0; bottom: 100%; width: 56px; height: 60px; background: url("../../web/images/ko/icon_search2.png") no-repeat center; }

#header .container .m_search_open .search_top .m_search.active { background: url("../../web/images/ko/m_search_on.png") no-repeat center; background-size: 40px auto; }

#header .container .m_search_open .search_top .form_inp { position: relative; display: none; border-width: 0; background: #d6e0ea; padding: 9px 13px; height: 60px; border-radius: 0; -webkit-box-shadow: 12px 12px 26px rgba(0, 0, 0, 0.2); box-shadow: 12px 12px 26px rgba(0, 0, 0, 0.2); }

#header .container .m_search_open .search_top .form_inp:before { position: absolute; bottom: 100%; right: 18px; display: block; border-bottom: 10px solid #d6e0ea; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ''; }

#header .container .m_search_open .search_top input { padding-right: 44px; }

#header .container .m_search_open .search_top button { position: absolute; right: 15px; top: 50%; margin-top: -22px; width: 44px; height: 44px; background: url("../../web/images/ko/icon_search.png") no-repeat center; }

#header .container .m_search_open .ranking { display: none; /*float: left;*/ float: right; color: #fff; margin: 19px 0 0 15px; width: 320px; }

#header .container .m_search_open .ranking:after { content: ''; display: block; clear: both; }

#header .container .m_search_open .ranking h3 { float: left; width: 64px; font-size: 14px; color: #fff; height: 32px; line-height: 30px; position: relative; }

#header .container .m_search_open .ranking h3:after { display: block; content: ""; position: absolute; right: -2px; top: 10px; width: 1px; height: 14px; background: #eee; }

#header .container .m_search_open .ranking > div { float: left; width: 256px; position: relative; }

#header .container .m_search_open .ranking > div h4 { font-size: 1em; color: #fff; height: 32px; line-height: 30px; background: url("../../web/images/ko/icon_down.png") no-repeat 232px center; }

#header .container .m_search_open .ranking > div h4 span { margin-left: 10px; }

#header .container .m_search_open .ranking > div .rank_num { display: inline-block; color: #fff351; font: bold 16px arial; margin-right: 10px; line-height: 32px; width: 30px; text-align: center; }

#header .container .m_search_open .ranking > div ul { position: absolute; left: 0px; top: -10px; z-index: 5; width: 256px; border-radius: 15px; background: url("../../web/images/ko/bg_ranking.png") center top/cover; overflow: hidden; -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); }

#header .container .m_search_open .ranking > div ul li { padding: 0 10px 0 10px; }

#header .container .m_search_open .ranking > div ul li:first-child { padding-top: 10px; }

#header .container .m_search_open .ranking > div ul li:first-child a { background: url("../../web/images/ko/icon_up.png") no-repeat right center; padding-right: 20px; }

#header .container .m_search_open .ranking > div ul li a { display: block; height: 32px; line-height: 30px; color: #fff; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; }

#header .container .m_search_open .ranking > div ul li:last-child { padding-bottom: 15px; }

#header .state { position: absolute; right: 56px; top: 15px; height: 60px; }

#header .state:after { content: ''; display: block; clear: both; }

#header .state > a { display: block; border-radius: 17px; padding: 0 15px 0 38px; float: left; background: url("../../web/images/ko/icon_login.png") no-repeat 16px center; height: 32px; line-height: 30px; font-size: 13px; color: #fff; margin-left: 5px; }

#header .state > a:hover { background: url("../../web/images/ko/icon_login_on.png") no-repeat 16px center #fff; color: #0379d5; }

#header .state > a.mypage { background: url("../../web/images/ko/icon_mypage.png") no-repeat 16px center; }

#header .state > a.mypage:hover { background: url("../../web/images/ko/icon_mypage_on.png") no-repeat 16px center #fff; color: #0379d5; }

#header .state > a.logout { background: url("../../web/images/ko/icon_logout.png") no-repeat 16px center; }

#header .state > a.logout:hover { background: url("../../web/images/ko/icon_logout_on.png") no-repeat 16px center #fff; color: #0379d5; }

#header .state .language { float: left; position: relative; }

#header .state .language .lang_tit { border: 0; border-radius: 17px; padding: 0 15px 0 38px; background: url("../../web/images/ko/icon_lang.png") no-repeat 10px center; height: 32px; line-height: 30px; font-size: 13px; color: #fff; margin: 0 0 0 10px; position: relative; cursor: pointer; font-family: inherit; }

#header .state .language .lang_tit:after { display: inline-block; content: ""; width: 14px; height: 13px; vertical-align: middle; background: url("../../web/images/ko/icon_down2.png") no-repeat right center; }

#header .state .language:hover .lang_tit, #header .state .language.active .lang_tit { color: #7107ef; background: url("../../web/images/ko/icon_lang_on.png") no-repeat 10px center #fff; border-radius: 17px 17px 0 0; }

#header .state .language:hover .lang_tit:after, #header .state .language.active .lang_tit:after { background: url("../../web/images/ko/icon_up2.png") no-repeat right center; }

#header .state .language ul { position: absolute; left: 10px; top: 32px; z-index: 5; width: calc(100% - 10px); background: #fff; border-radius: 0 0 17px 17px; padding: 5px 10px 10px; display: none; -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); }

#header .state .language ul li a { display: block; line-height: 26px; color: #777; font-size: 14px; padding-left: 26px; }

#header .state .language ul li.active a, #header .state .language ul li:hover a { color: #000; }

#header .state .language:hover ul, #header .state .language.active ul { display: block; }

#header .m_menu_open { position: relative; }

#header .m_menu_open h4, #header .m_menu_open .m_logo, #header .m_menu_open .m_btn_close, #header .m_menu_open .state { display: none; }

@media (max-width: 1180px) { #header .m_menu_open h4, #header .m_menu_open .m_logo, #header .m_menu_open .m_btn_close, #header .m_menu_open .state { display: block; } }

#header .m_menu_open .m_quick { display: none; }

#header .m_menu_open .gnb { display: block; width: 100%; background: #fff; position: absolute; overflow: hidden; }

#header .m_menu_open .gnb .ul-wrap { max-width: 1180px; margin: auto; }

#header .m_menu_open .gnb ul { margin: 0 -78px; text-align: center; }

#header .m_menu_open .gnb ul > li { float: left; width: 16.6666%; }

#header .m_menu_open .gnb ul > li.img_menu > a { background: url("../../web/images/ko/txt_menu1.png") no-repeat center; }

#header .m_menu_open .gnb ul > li > a { display: block; text-align: center; }

#header .m_menu_open .gnb ul > li > a span { font-size: 18px; font-weight: 500; line-height: 60px; height: 60px; }

#header .m_menu_open .gnb ul > li > a:hover span { color: #0379d5; border-bottom: 4px solid #0379d5; }

#header .m_menu_open .gnb ul > li div { position: absolute; left: 0; top: 60px; width: 100%; min-width: 250px; background: #fff; z-index: 5; overflow: hidden; display: none; }

#header .m_menu_open .gnb ul > li div h2 { position: absolute; left: 0; top: 0; width: calc(30% - 20px); margin-right: 20px; height: 400px; padding: 30px 30px 0 0; text-align: right; color: #fff; font-size: 24px; background: #eee url("../../web/images/ko/sub_01.jpg") no-repeat; }

#header .m_menu_open .gnb ul > li div h2 span { font-size: 14px; display: block; color: inherit; padding-top: 10px; }

#header .m_menu_open .gnb ul > li div ol { padding: 25px 25px 25px 30%; min-height: 250px; border-top: 1px solid #ddd; }

#header .m_menu_open .gnb ul > li div ol:after { content: ''; display: block; clear: both; }

#header .m_menu_open .gnb ul > li div ol li { float: left; width: 180px; margin: 8px; }

#header .m_menu_open .gnb ul > li div ol li a { display: block; line-height: 40px; border: 1px solid #ddd; color: #444; text-align: center; }

#header .m_menu_open .gnb ul > li div ol li a:hover { border-color: #0379d5; color: #0379d5; }

#header .m_menu_open .gnb ul > li:nth-child(2) h2 { background: #eee url("../../web/images/ko/sub_01.jpg") no-repeat right top; }

#header .m_menu_open .gnb ul > li:nth-child(2) h2 { background: #eee url("../../web/images/ko/sub_02.jpg") no-repeat right top; }

#header .m_menu_open .gnb ul > li:nth-child(3) h2 { background: #eee url("../../web/images/ko/sub_03.jpg") no-repeat right top; }

#header .m_menu_open .gnb ul > li:nth-child(4) h2 { background: #eee url("../../web/images/ko/sub_04.jpg") no-repeat right top; color: #333; }

#header .m_menu_open .gnb ul > li:nth-child(5) h2 { background: #eee url("../../web/images/ko/sub_05.jpg") no-repeat right top; color: #333; }

#header .m_menu_open .gnb ul > li:nth-child(6) h2 { background: #eee url("../../web/images/ko/sub_06.jpg") no-repeat right top; }

#header .m_menu_open .gnb ul > li:nth-child(7) h2 { background: #eee url("../../web/images/ko/sub_07.jpg") no-repeat right top; }

#header .m_menu_open .gnb ul > li:hover div, #header .m_menu_open .gnb ul > li.active div { display: block; }

#header .m_menu_open .gnb.active { -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1); z-index: 10; }

@media (max-width: 1180px) { #header { height: 60px; }
  #header .container { padding: 0; margin: 0; background: none; }
  #header .container .i-seoul-u { display: none; }
  #header .container .m_menu, #header .container .m_search, #header .container .allmenu { display: block; }
  #header .container .m_menu { position: absolute; left: 0; top: 0; z-index: 10; width: 70px; height: 60px; background: url("../../web/images/ko/m_menu.png") no-repeat center; background-size: 40px auto; }
  #header .container .logo { margin: auto; z-index:10;}
  #header .container .logo a { height: 60px; background: url("../../web/images/ko/logo_m.png") no-repeat center; background-size: 100%; }
  #header .container .m_search_open { width: 100%; height: 60px; position: absolute; right: 0; top: 0; z-index: 9; }
  #header .container .m_search_open .state { display: none; }
  #header .container .m_search_open .search_top .m_search {right:10px;width:50px; height: 60px; background: url("../../web/images/ko/icon_search2_m.png") no-repeat center; }
  #header .container .m_search_open .search_top.active { width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.7); }
  #header .container .m_search_open .ranking { float: inherit; margin: 0; width: 100%; background: #d6e0ea; }
  #header .container .m_search_open .ranking h3 { float: inherit; width: 150px; height: 36px; margin: 0 auto 15px; line-height: 36px; background: #0379d5; text-align: center; border-radius: 20px; }
  #header .container .m_search_open .ranking h3:after { content: ''; display: block; clear: both; }
  #header .container .m_search_open .ranking h3:after { display: none; }
  #header .container .m_search_open .ranking > div { width: 100%; float: inherit; overflow-y: auto; }
  #header .container .m_search_open .ranking > div h4 { display: none; }
  #header .container .m_search_open .ranking > div ul { position: inherit; display: block; background: #fff; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; width: 100%; top: 0; height: auto; }
  #header .container .m_search_open .ranking > div ul li { border-bottom: 1px solid #ddd; margin: 0 15px; }
  #header .container .m_search_open .ranking > div ul li a { line-height: 45px; height: auto; color: #222; padding-right: 40px; background: url("../../web/images/ko/icon_link.png") no-repeat right center; background-size: auto 15px; }
  #header .container .m_search_open .ranking > div ul li a .rank_num { width: 22px; height: 22px; line-height: 22px; font-size: 0.8em; background-color: #dbdfe3; color: #000; border-radius: 13px; }
  #header .container .m_search_open .ranking > div ul li:first-child a { padding-right: 40px; background: url("../../web/images/ko/icon_link.png") no-repeat right center; background-size: auto 15px; }
  #header .m_menu_open { display: none; position: absolute; left: 100%; top: 0; z-index: 10; width: 100%; height: 100%; min-height: 100%; background: #fff; -webkit-transition: all 0.4s; transition: all 0.4s; }
  #header .m_menu_open.active { left: 0; }
  #header .m_menu_open:before { position: absolute; left: 0; top: 0; display: block; content: ""; z-index: -1; width: 100%; height: 200px; background: -webkit-gradient(linear, left top, right bottom, from(#07a1b0), color-stop(#269bce), to(#9948f9)); background: linear-gradient(to bottom right, #07a1b0, #269bce, #9948f9); }
  #header .m_menu_open .m_logo { margin: 25px 15px; background: url("../../web/images/ko/logo.png") no-repeat left center; background-size: auto 30px; height: 34px; width: 150px; margin-bottom: 35px; }
  #header .m_menu_open h4 { background: #fff; padding: 25px 20px; border-radius: 15px 15px 0 0; color: #555; }
  #header .m_menu_open h4 span { color: #0379d5; font-weight: 500; font-size: 1.2em; }
  #header .m_menu_open .m_quick { display: block; margin-bottom: 15px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
  #header .m_menu_open .m_quick:after { content: ''; display: block; clear: both; }
  #header .m_menu_open .m_quick > li { float: left; width: 20%; text-align: center; font-size: 12px; border-right: 1px solid #ddd; }
  #header .m_menu_open .m_quick.en > li { width:25%; }
  #header .m_menu_open .m_quick > li:last-child { border-right-width: 0; }
  #header .m_menu_open .m_quick > li a { display: block; padding: 15px 2px; }
  #header .m_menu_open .m_quick > li img { display: block; margin: 0 auto 5px; }
  #header .m_menu_open .gnb { position: static; height: auto; }
  #header .m_menu_open .gnb ul { height: inherit; width: calc(100% - 40px); text-align: left; margin: 0 20px; }
  #header .m_menu_open .gnb ul > li { float: inherit; width: 100%; border-bottom: 1px solid #ddd; height: 48px; overflow: hidden; }
  #header .m_menu_open .gnb ul > li.img_menu { text-indent: 0; }
  #header .m_menu_open .gnb ul > li.img_menu.active > a { background: 0 none; }
  #header .m_menu_open .gnb ul > li.img_menu > a { background: 0 none; }
  #header .m_menu_open .gnb ul > li.img_menu > a span { font-size: 1.1em; }
  #header .m_menu_open .gnb ul > li > a { padding: 0 30px 0 15px; text-align: left; background: url("../../web/images/ko/gnb_down.png") no-repeat right center; background-size: 14px auto; margin-right: 15px; }
  #header .m_menu_open .gnb ul > li > a span { line-height: 48px; height: 48px; font-size: 1.1em; }
  #header .m_menu_open .gnb ul > li > a:hover span { border: 0; }
  #header .m_menu_open .gnb ul > li:first-child { width: 100%; }
  #header .m_menu_open .gnb ul > li.active > a { background: url("../../web/images/ko/gnb_up.png") no-repeat right center; background-size: 14px auto; }
  #header .m_menu_open .gnb ul > li.active > a span { color: #0379d5; }
  #header .m_menu_open .gnb ul > li div { position: static; display: block; background: #f8f8f8; border-top: 1px solid #ddd; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
  #header .m_menu_open .gnb ul > li div h2 { display: none; }
  #header .m_menu_open .gnb ul > li div ol { padding: 0; height: auto; min-height: auto; padding: 20px; border-top: 0; }
  #header .m_menu_open .gnb ul > li div ol li { float: left; width: calc(50% - 8px); margin: 0; }
  #header .m_menu_open .gnb ul > li div ol li a { line-height: 30px; position: relative; padding: 0 0 0 10px; border: 0; }
  #header .m_menu_open .gnb ul > li div ol li a:after { display: block; content: ""; width: 3px; height: 3px; position: absolute; left: 0; top: 14px; background: #555; }
  #header .m_menu_open .gnb ul > li div ol li:nth-child(even) { margin-left: 16px; }
  #header .m_menu_open .state { position: static; margin-left: 10px; height: 50px; }
  #header .m_menu_open .state > a.mypage { margin-left: 0; }
  #header .m_menu_open .m_btn_close { position: absolute; right: 15px; top: 20px; width: 30px; height: 30px; background: url("../../web/images/ko/m_btn_close.png") no-repeat center; background-size: auto 20px; } }

@media (max-width: 900px) { #header .container .logo { width: 160px; } }

@media (max-width: 500px) { #header .container .logo { width: 140px; } }

#chatbot-m { display: none; }

@media (max-width: 1180px) {
	#chatbot-m { display: block; position: relative; width: 100px; z-index: 5; margin-top:15px; margin-bottom:15px;}
	#chatbot-m a {-webkit-transition: opacity 0.3s; transition: opacity 0.3s; display:block; opacity:100; margin-bottom:-15px; overflow:hidden; visibility:visible;}
	#chatbot-m a img {position:relative; left:5px; }
	#chatbot-m a.a_hide {opacity:0; height:0; margin-bottom:0; visibility:hidden;}
	#chatbot-m button { position: relative; display: block; width: 85px; height: 28px; line-height: 28px; margin:0 auto; font-size: 14px; color: #fff; background: #007ae3; border-radius: 30px; text-align: center; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); }
	.m_ab_box .top {bottom:0; right:0;}
	.m_ab_box {z-index:15;}
}

#quick { position: fixed; right: 20px; top: 200px; width: 120px; z-index: 8; border-radius: 20px; background-color: #fff; -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); overflow: visible; -webkit-transition: right 0.3s; transition: right 0.3s; }

#quick a { display: block; }

#quick h3 { height: 54px; background: url("../../web/images/ko/bg_quick.png") no-repeat; background-size: cover; color: #fff; word-break: keep-all; text-align: center; padding-top: 10px; font-size: 14px; line-height: 1.3em; }

#quick h3 span { display: block; color: inherit; }

#quick .btn_quick { position: absolute; width: 34px; height: 64px; border: 0; border-radius: 18px 0 0 18px; right: auto; top: 50%; left: -34px; margin: 0; background-color: rgba(0, 0, 0, 0.72); -webkit-box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.18); box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.18); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; -webkit-transition: none; transition: none; }

#quick .btn_quick.active { right: auto; top: 50%; left: -74px; }

#quick ul { padding: 6px 0; }

#quick ul li a { display: block; padding: 6px 4px; color: #222; font-size: 14px; text-align: center; }

#quick ul li a img { display: block; margin: 0 auto 5px; }

#quick .font_size { background: #0081e5; padding: 20px 13px; }

#quick .font_size h4 { font-size: 16px; font-weight: 500; color: #fff; text-align: center; letter-spacing: -0.8px; }

#quick .font_size div { border-radius: 20px; background-color: #fff; margin: 8px 0 7px; position: relative; height: 32px; }

#quick .font_size div:after { content: ''; display: block; clear: both; }

#quick .font_size div a { display: block; height: 32px; float: left; width: 50%; background: url("../../web/images/ko/font_plus.png") no-repeat center; }

#quick .font_size div a.font_down { background: url("../../web/images/ko/font_minus.png") no-repeat center; }

#quick .font_size div::after { display: block; content: ""; position: absolute; top: 0; left: 50%; margin-left: -1px; width: 2px; height: 32px; background: #0081e5; }

#quick .font_size .font_default { display: block; background-color: #fff; text-align: center; line-height: 28px; border-radius: 20px; font-size: 15px; color: #666; }

#quick > a img { display: block; margin: 8px auto 10px; }

/*@media (max-width: 1500px) { #quick { display: none; } }*/
@media (max-width: 1180px) { #quick { display: none; } }

.m_ab_box {position:fixed; right:0; bottom:0; display:none;}
.top {position:relative; display:block; width: 60px; height: 60px; border-radius: 32px; margin:0 auto; background: rgba(0, 0, 0, 0.7) url("../../web/images/ko/icon_top.png") no-repeat center; }

/* 추가 css */
#w_top {-webkit-transition: all 0.3s; transition: all 0.3s; opacity:100; visibility:visible;}
#w_top.a_hide {opacity:0; visibility:hidden;}

@media (max-width: 1500px) {
	.m_ab_box {display:block;}
	.top { width: 40px; height: 40px; background-size: auto 25px; bottom:15px; right:15px;}

}

#footer { padding-bottom: 50px; }

#footer nav { background: #3a414c; height: 50px; margin-bottom: 50px; }

#footer nav ul li { float: left; position: relative; }

#footer nav ul li:first-child a:after { display: none; }

#footer nav ul li a { display: block; line-height: 50px; font-size: 15px; color: #fff; padding-left: 30px; }

#footer nav ul li a.text_blue { color: #ffff00; }

#footer nav ul li a:after { display: block; content: ""; position: absolute; left: 15px; top: 18px; width: 1px; height: 14px; background-color: #aaa; }

#footer nav ul li:first-child a { padding-left: 0; }

#footer nav ul li:first-child::after { display: block; }

#footer .container:after { content: ''; display: block; clear: both; }

#footer .container address { float: left; font-size: 15px; color: #666; padding-left: 180px; background: url("../../web/images/ko/logo_seoul.png") no-repeat left center; }
.en #footer .container address {background: url("../../web/images/en/logo_seoul.png") no-repeat left center; }

#footer .container address em { display: block; font-size: 13px; }

#footer .container address span { display: inline-block; margin-right: 15px; }

#footer .container address span.p-color1 { color: #0379d5; font-weight: 500; }

#footer .container .accessibility { float: right; width: 92px; height: 60px; margin-top: -15px; background: url("../../web/images/ko/accessibility.png") no-repeat center; }

@media (max-width: 1180px) { #footer { padding-bottom: 25px; }
  #footer nav { height: auto; text-align: center; font-size: 0; margin-bottom: 20px; padding: 0 20px; }
  #footer nav ul { display: inline-block; }
  #footer nav ul li a { display: block; line-height: 35px; font-size: 12px; padding-left: 20px; }
  #footer nav ul li a:after { height: 12px; left: 10px; top: 50%; margin-top: -6px; }
  #footer .container { text-align: center; }
  #footer .container address { float: none; padding: 0 20px 15px; font-size: 11px; background: 0 none; color: #9da0a6; }
  .en #footer .container address { float: none; padding: 0 20px 15px; font-size: 11px; background: 0 none; color: #9da0a6; }
  #footer .container address em { font-size: inherit; }
  #footer .container .ft_logo { display: inline-block; width: 87px; height: 25px; margin-right: 15px; background: url("../../web/images/ko/logo_seoul.png") no-repeat center/auto 100%; vertical-align: middle; }
  .en #footer .container .ft_logo {background-image: url("../../web/images/en/logo_seoul.png");}
  #footer .container .accessibility { float: none; display: inline-block; width: 46px; height: 30px; margin-top: 0; background-size: auto 100%; vertical-align: middle; } }

#sub_contents { font-size: 16px; line-height: 1.4em; padding-top: 60px; padding-bottom: 60px; }

@media (min-width: 1180px) { #sub_contents { min-height: 450px; } }

#sub_contents .lnb { background: #f8f8f8; border: 1px solid #d0d4d6; border-width: 1px 0; margin-bottom: 40px; }

#sub_contents .lnb .container { padding: 0; font-size: 16px; line-height: 1.3em; }

#sub_contents .lnb .container:after { content: ''; display: block; clear: both; }

#sub_contents .lnb .container > a { display: block; float: left; width: 60px; height: 50px; background: url("../../web/images/ko/icon_home.png") no-repeat center; border: 1px solid #d0d4d6; border-width: 0 1px; }

#sub_contents .lnb .container ul { float: left; }

#sub_contents .lnb .container ul > li { float: left; width: 230px; position: relative; }

#sub_contents .lnb .container ul > li > a { display: block; font-size: 16px; color: #333; padding-right: 40px; background: url("../../web/images/ko/icon_lnb_down.png") no-repeat right 15px center; border-right: 1px solid #d0d4d6; line-height: 50px; padding: 0 40px 0 20px; }
#sub_contents .lnb .container ul > li > a.no_back {background: none;}
#sub_contents .lnb .container ul > li > a.line2 {line-height: 20px; padding: 4px 40px 6px 20px; }
#sub_contents .lnb .container ul > li > span { display: block; font-size: 16px; color: #333; padding-right: 40px; border-right: 1px solid #d0d4d6; line-height: 50px; padding: 0 40px 0 20px; }

#sub_contents .lnb .container ul > li ol {display:none; position: absolute; left: -1px; top: 50px; width: calc(100% + 1px); z-index: 5; background: #f9fafb; -webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1); }

#sub_contents .lnb .container ul > li ol li a { display: block; padding: 12px 20px; border: 1px solid #d0d4d6; border-top: none; }

#sub_contents .lnb .container ul > li ol li a:hover { background: #0379d5; color: #fff; }

#sub_contents .lnb .container ul > li ol li:first-child a { border-top: 1px solid #d0d4d6; }

#sub_contents .lnb .container ul > li.active > a { background: #e0e3e7 url("../../web/images/ko/icon_lnb_up.png") no-repeat right 15px center; color: #000; }
#sub_contents .lnb .container ul > li.active > a.no_back { background: none; }

#sub_contents > .container > div { margin-top: 35px; }

#sub_contents > .container > div:first-child { margin-top: 0; }

#sub_contents > .container .sub_title { background: url("../../web/images/ko/line_patten.png") repeat-x left bottom; }

#sub_contents > .container .sub_title:after { content: ''; display: block; clear: both; }

#sub_contents > .container .sub_title h2 { float: left; font-size: 1.6em; color: #222; padding-bottom: 25px; }

#sub_contents > .container .sub_title ul { float: right; margin-top: 10px; }

#sub_contents > .container .sub_title ul:after { content: ''; display: block; clear: both; }

#sub_contents > .container .sub_title ul li { float: left; background: url("../../web/images/ko/icon_nav_arrow.png") no-repeat 12px center; color: #777; font-size: 0.9em; padding-left: 30px; }

#sub_contents > .container .sub_title ul li:first-child { background: none; padding-left: 0; }

#sub_contents > .container .title_dep1 { font-size: 1.2em; line-height: 44px; margin-bottom: 10px; color: #444; padding-left: 35px; background: url("../../web/images/ko/bullet_1.png") no-repeat left center; }

#sub_contents > .container .title_dep1:after { content: ''; display: block; clear: both; }

#sub_contents > .container .title_dep1 .text_red { color: #db375d; font-weight: 500; }

@media (max-width: 1180px) { #sub_contents > .container .title_dep1 { font-size: 17px; line-height: 35px; background-size: 22px auto; padding-left: 28px; } }

#sub_contents > .container .title_dep1 .right_box { float: right; }

#sub_contents > .container .title_dep1 .right_box .form_sel { display: inline-block; /* width: 130px; */ width: 220px; line-height: 1.4; vertical-align: middle; }

#sub_contents > .container .title_dep1 .right_box .form_sel select { font-size: 15px; }

#sub_contents > .container .title_dep1 .right_box .btn_bd { display: inline-block; height: 44px; line-height: 44px; padding: 0 20px; font-size: 15px; border: 1px solid #cacfd3; vertical-align: middle; border-radius: 3px; }

#sub_contents > .container .title_dep1 .right_box .btn_bd .img { display: inline-block; padding-left: 20px; background: url("../../web/images/ko/icon_img.png") no-repeat left center; }

#sub_contents > .container .title_dep1 .right_box .btn_bd .list { display: inline-block; padding-left: 25px; background: url("../../web/images/ko/icon_list.png") no-repeat left center; }

#sub_contents > .container .title_dep1 .right_box .btn_bd.active { border-color: #0379d5; color: #0379d5; }

#sub_contents > .container .title_dep1 .right_box .btn_bd.active .img { background-image: url("../../web/images/ko/icon_img_on.png"); }

#sub_contents > .container .title_dep1 .right_box .btn_bd.active .list { background-image: url("../../web/images/ko/icon_list_on.png"); }

@media (max-width: 1180px) { #sub_contents > .container .title_dep1 .right_box .form_sel { width: 115px; }
  #sub_contents > .container .title_dep1 .right_box .form_sel select { height: 35px; font-size: 14px; }
  #sub_contents > .container .title_dep1 .right_box .btn_bd { height: 35px; line-height: 1; padding: 8px 10px; text-align: center; }
  #sub_contents > .container .title_dep1 .right_box .btn_bd .img, #sub_contents > .container .title_dep1 .right_box .btn_bd .list { width: 15px; height: 16px; padding-left: 0; font-size: 0; vertical-align: middle; } }

@media (max-width: 1180px) { #sub_contents { padding-top: 0; }
  #sub_contents .lnb { margin-bottom: 30px; }
  #sub_contents .lnb .container { margin: 0; }
  #sub_contents .lnb .container ul li.active > a { background: #e0e3e7 url("../../web/images/ko/icon_lnb_up.png") no-repeat right 15px center; color: #000; }
  #sub_contents .lnb .container ul li.active ol { display: block; }
  #sub_contents .lnb .container ul > a { border-left: 0; }
  #sub_contents > .container { padding: 0 30px; }
  #sub_contents > .container > div { margin-top: 30px; }
  #sub_contents > .container .sub_title h2 { font-size: 1.4em; padding-bottom: 22px; }
  #sub_contents > .container .sub_title ul { display: none; } }

@media (max-width: 720px) { #sub_contents .lnb { margin-bottom: 25px; }
  #sub_contents .lnb .container { margin: 0; }
  #sub_contents .lnb .container ul { width: calc(100% - 60px); }
  #sub_contents .lnb .container ul > li { width: 50%; }
  #sub_contents .lnb .container ul > li:last-child > a { border-right: 0; }
  #sub_contents > .container { padding: 0 15px; }
  #sub_contents > .container > div { margin-top: 20px; }
  #sub_contents > .container .sub_title h2 { font-size: 1.25em; padding-bottom: 17px; } }
@media (max-width: 500px){
    #sub_contents > .container .title_dep1 {
        background: url(../../web/images/bullet_1.png) no-repeat left 12px;
    }
    #sub_contents > .container .title_dep1 .right_box {
        float: none;text-align:right;
    }
    #sub_contents > .container .title_dep1 .right_box .form_sel {
        float: left;
    }
}
#contents { font-size: 16px; }

@media (min-width: 1180px) { #contents.fz1 { font-size: 13px; }
  #contents.fz2 { font-size: 15px; }
  #contents.fz3 { font-size: 16px; }
  #contents.fz4 { font-size: 17px; }
  #contents.fz5 { font-size: 19px; } }


/*영문 css추가*/
.en #header .container .logo {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 340px;
}
@media (max-width: 1180px){
	.en #header .container .logo a {
	    height: 60px;
	    /* background: url(../../web/images/logo_m.png) no-repeat center; */
	    background-size: 100%;
	}
}

/* 자동제어 접근 팝업 */
#pop_tracer_w .pop_box .modal-system .inner {float:left; width:45%;}
#pop_tracer_w .pop_box .modal-system .inner.left {margin-right:10%;}
#pop_tracer_w .pop_box .modal-system:after {display:block; content:""; clear:both;}

#pop_tracer_w #progressbar {width:100%; height:30px;}
#progressbar:not([value]) {}
#progressbar[value] {-webkit-appearance:none; appearance:none;}
#progressbar[value]::-webkit-progress-bar {background-color:#eee; border-radius:2px; box-shadow:0 2px 5px rgba(0, 0, 0, 0.25) inset;}
#progressbar[value]::-moz-progress-bar {background-color:#eee; border-radius:2px; box-shadow:0 2px 5px rgba(0, 0, 0, 0.25) inset;}
#progressbar[value]::-webkit-progress-value {
	background-color: #06a29f;
	-webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out;
}

#progressbarData[data-value] {position: relative; margin:0; -webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out;}

#progressbarData[data-value]:after {
	content: attr(data-value) '%';
	position: absolute;
	right:-20px;
	margin: 0 auto;
	color: #06a29f;
	font-weight:bold;
	width:40px;
}

.pop_wrap.trace .wb {word-break:keep-all;}
.pop_wrap.trace .pop_box .modal-system p {margin:1em 0;}
.pop_wrap.trace #waitCnt, .pop_wrap.trace #wait_time_value {font-size:1.2em; font-weight:bold;}

@media (max-width: 900px){
	.pop_wrap.trace .pop_box .modal-system .inner h3 { font-size: 1.1em;}
}

.cal_dim {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#ececec; z-index:10; border-radius: 10px; opacity:0.93; display:table;}
.cal_dim .txt_wrap {text-align: center; font-size: 1.2em; margin-top: 50px; display:table-cell; vertical-align:middle;}
.cal_dim .txt_wrap .txt1 {color:#db375d; margin-top:0;}
.cal_dim .txt_wrap > div {margin-top:10px;}
.cal_dim + .cal_top .cal_on{visibility: hidden;}


/*서브페이지 1180px ~ 1240px  구간에 좌우패딩 30px 유지되도록*/
@media (min-width: 1180px) and (max-width: 1240px) {
  .lnb + .container {max-width:1240px;padding:0 30px;}
}

/* margin */













































/* margin */
































































/********* reset.css **********/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, ol, li, form, fieldset, legend, label, input, button, select, textarea, header, main, footer, section, article, aside, menu, nav, table, caption, tbody, tfoot, thead, tr, th, td, summary, figure, figcaption, hgroup { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { width: 100%; height: 100%; }

body { font-family: 'Roboto', 'Noto Sans', sans-serif; font-size: 16px; line-height: 1.4; color: #222; letter-spacing: -0.02em; }

.skip_navi { position: absolute; z-index: 999999; width: 100%; left: 0; top: 0; text-align: center; }

.skip_navi a { display: block; position: absolute; left: 0; top: -9999px; z-index: 1; width: 100%; height: 40px; line-height: 40px; background-color: #333; color: #fff; font-size: 20px; font-weight: 700; }

.skip_navi a:hover, .skip_navi a:focus { top: 0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }

ul, ol, li { list-style-type: none; }

a { color: inherit; text-decoration: none; }

img { max-width: 100%; border: 0 none; }

address { font-style: normal; }

button { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0 none; background-color: transparent; font-family: inherit; font-size: inherit; cursor: pointer; }

caption { height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); margin: -1px; position: static; }

.hide { clip: rect(0 0 0 0); width: 1px; height: 1px; position: absolute; overflow: hidden; margin: -1px; padding: 0; border: 0; }

.hide2 { clip: rect(0 0 0 0); width: 1px; height: 1px; position: absolute; overflow: hidden; margin: -1px; padding: 0; border: 0; }

.clear:after { content: ''; display: block; clear: both; }

/* form properties */
input, select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 42px; width: 100%; display: block; border: 0; padding: 0 10px; font-family: inherit; font-size: 16px; }
textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; width: 100%; display: block; border: 0; padding: 0 10px; font-family: inherit; font-size: 16px; }

:-ms-input-placeholder { color: #999; } */
::-webkit-input-placeholder { color: #767676; }

:-ms-input-placeholder { color: #767676; }

::-ms-input-placeholder { color: #767676; }

::placeholder { color: #767676; }

:-ms-input-placeholder { color: #767676; }

select::-ms-expand { display: none; }

button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }

/* main */
.main_wrap { padding-top: 60px; }

.main_wrap .main_tit1 { margin-bottom: 20px; text-align: center; font-size: 40px; font-weight: 300; color: #fff; }

.main_wrap .main_tit1 b { font-weight: 700; }

.main_wrap .main_tit2 { margin-bottom: 10px; font-size: 36px; font-weight: 700; }

.main_wrap .main_txt1 { margin-bottom: 40px; font-size: 1.125em; color: #666; }

.main_wrap .main_tit3 { margin-top: -11px; margin-bottom: 15px; font-size: 0; text-align: left; }

.main_wrap .main_tit3 img { max-height: 95px; }

@media (max-width: 1180px) { .main_wrap { padding-top: 0; }
  .main_wrap .main_tit1 { margin-bottom: 20px; padding: 0 15px; line-height: 1.2; font-size: 21px; }
  .main_wrap .main_tit1 b { display: block; }
  .main_wrap .main_tit2 { text-align: center; font-size: 26px; margin-bottom:5px; }
  .main_wrap .main_txt1 { margin-bottom: 20px; text-align: center; font-size: 13px; } }

@media (max-width: 900px) { .main_wrap .main_tit3 { display: none; } }

.main_step {
		padding: 60px 0 40px;
		background: url("../../web/images/ko/main/main_bg1.jpg") no-repeat center top/cover;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		background-blend-mode: darken;
		background-color: rgba(0,0,0,0.45);
		/*background-color: rgba(123,184,255,0.9);*/
	}

.main_step.service { background-image: url("../../web/images/ko/main/main_bg1.jpg"); }

.main_step.place { background-image: url("../../web/images/ko/main/main_bg2.jpg"); }

.main_step.plan { background-image: url("../../web/images/ko/main/main_bg3.jpg"); }

.main_step.type1 { background-image: url("../../web/images/ko/main/main_bg_type1.jpg"); }

.main_step.type2 { background-image: url("../../web/images/ko/main/main_bg_type2.jpg"); }

.main_step.type3 { background-image: url("../../web/images/ko/main/main_bg_type3.jpg"); }

.main_step.type4 { background-image: url("../../web/images/ko/main/main_bg_type4.jpg"); }

.main_step.type5 { background-image: url("../../web/images/ko/main/main_bg_type5.jpg"); }

.main_step .main_tab_list { margin-bottom: 30px; border-radius: 25px; overflow: hidden; }

.main_step .main_tab_list:after { content: ''; display: block; clear: both; }

.main_step .main_tab_list > li { float: left; width: 50%; background: rgba(0, 0, 0, 0.6); }

.main_step .main_tab_list > li a { display: block; text-align: center; font-size: 1.125em; -webkit-transition: all 0.3s; transition: all 0.3s; }

.main_step .main_tab_list > li a:focus { outline: 3px solid #111; outline-offset: -3px; -webkit-box-shadow: inset 0 0 0 6px #fff; box-shadow: inset 0 0 0 6px #fff; }

.main_step .main_tab_list > li a .ico { display: inline-block; padding-left: 30px; line-height: 50px; color: #fff; background-repeat: no-repeat; background-position: left center; }

.main_step .main_tab_list > li:first-child .ico { background-image: url("../../web/images/ko/main/icon_service.png"); }

.main_step .main_tab_list > li:last-child .ico { background-image: url("../../web/images/ko/main/icon_place.png"); }

.main_step .main_tab_list > li.active:first-child .ico { background-image: url("../../web/images/ko/main/icon_service_on.png"); }

.main_step .main_tab_list > li.active:last-child .ico { background-image: url("../../web/images/ko/main/icon_place_on.png"); }

.main_step .main_tab_list > li.active a { background-color: #fff; border-radius: 25px; }

.main_step .main_tab_list > li.active a .ico { color: #222; }

.main_step .main_step_list { min-height: 511px; }

.main_step .main_step_list > li { margin-bottom: 20px; padding-left: 280px; position: relative; }

.main_step .main_step_list > li .step_con_box .tit_box { display: block; }

.main_step .main_step_list > li .step_con_box .step_num { width: 240px; padding: 15px; text-align: center; color: #888; background: #fff; position: absolute; top: 0; left: 0; border-radius: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 3px 3px 10px rgba(0, 78, 139, 0.06); box-shadow: 3px 3px 10px rgba(0, 78, 139, 0.06); }

.main_step .main_step_list > li .step_con_box .step_num .txt { display: none; }

.main_step .main_step_list > li .step_con_box .step_num:after { content: ''; display: block; width: 1px; height: 1px; border-left: 8px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; position: absolute; top: 18px; right: -8px; }

.main_step .main_step_list > li .step_con_box .step_tit { display: block; padding: 0 50px 0 55px; line-height: 50px; font-size: 1.25em; color: #666; background: #fff url("../../web/images/ko/main/icon_svc.png") no-repeat left 23px center; border-radius: 10px; position: relative; -webkit-transition: background 0.3s; transition: background 0.3s; -webkit-box-shadow: 3px 3px 10px rgba(0, 78, 139, 0.06); box-shadow: 3px 3px 10px rgba(0, 78, 139, 0.06); }

.main_step .main_step_list > li .step_con_box .step_tit:before { content: ''; display: block; width: 20px; height: 11px; background: url("../../web/images/ko/main/icon_v.png") no-repeat; position: absolute; top: 20px; right: 30px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.main_step .main_step_list > li .step_con_box .step_tit span[class*=fc_] { font-weight: 500; }

.main_step .main_step_list > li .step_con_box .step_tit .select_txt { display: inline-block; margin-top: -7px; padding-left: 40px; vertical-align: middle; position: relative; }

.main_step .main_step_list > li .step_con_box .step_tit .select_txt:before { content: ''; display: block; width: 2px; height: 20px; background: #bbb; position: absolute; top: 16px; left: 20px; }


.main_step .main_step_list > li .step_con_box .step_tit .select_txt > li { float: left; padding-right: 40px; color: #222; position: relative; }

.main_step .main_step_list > li .step_con_box .step_tit .select_txt > li:after { content: ''; display: block; width: 8px; height: 17px; background: url("../../web/images/ko/main/icon_arr.png") no-repeat; position: absolute; top: 50%; margin-top: -8px; right: 16px; }

.main_step .main_step_list > li .step_con_box .step_tit .select_txt > li:last-child { padding-right: 0; }

.main_step .main_step_list > li .step_con_box .step_tit .select_txt > li:last-child:after { display: none; }

.main_step .main_step_list > li .step_con_box.place.active .step_num { background-color: #0379d5; }

.main_step .main_step_list > li .step_con_box.place.active .step_num:after { border-left-color: #0379d5; }

.main_step .main_step_list > li .step_con_box.place.active .step_tit:before { background-image: url("../../web/images/ko/main/icon_v_on2.png"); }

.main_step .main_step_list > li .step_con_box.place .step_tit { background-image: url("../../web/images/ko/main/icon_plc.png"); }

.main_step .main_step_list > li .step_con_box.plan.active .step_num { background-color: #9650ec; }

.main_step .main_step_list > li .step_con_box.plan.active .step_num:after { border-left-color: #9650ec; }

.main_step .main_step_list > li .step_con_box.plan.active .step_tit:before { background-image: url("../../web/images/ko/main/icon_v_on3.png"); }

.main_step .main_step_list > li .step_con_box.plan .step_tit { background-image: url("../../web/images/ko/main/icon_time.png"); }

.main_step .main_step_list > li .step_con_box.active { display: block; }

.main_step .main_step_list > li .step_con_box.active .step_num { background: #009a97; color: #fff; }

.main_step .main_step_list > li .step_con_box.active .step_num .txt { display: block; font-size: 1.25em; }

.main_step .main_step_list > li .step_con_box.active .step_num:after { border-left-color: #009a97; }

.main_step .main_step_list > li .step_con_box.active .step_num:before { content: ''; display: block; width: 40px; height: 252px; background: url("../../web/images/ko/main/icon_arrow.png") no-repeat; position: absolute; bottom: -270px; left: 50%; margin-left: -20px; }

.main_step .main_step_list > li .step_con_box.active .step_tit { border-bottom: 1px solid #ddd; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.main_step .main_step_list > li .step_con_box.active .step_tit:before { background-image: url("../../web/images/ko/main/icon_v_on.png"); -webkit-transform: rotate(0); transform: rotate(0); }

.main_step .main_step_list > li .step_con_box.active .step_tit .select_txt { display: none; }

.main_step .main_step_list > li .step_con_box .step_con { display: none; height: 320px; background: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; position: relative; -webkit-box-shadow: 3px 3px 10px rgba(0, 78, 139, 0.06); box-shadow: 3px 3px 10px rgba(0, 78, 139, 0.06); }

.main_step .main_step_list > li .step_con_box .step_con .service_list { width: 180px; height: 100%; position: absolute; top: 0; left: 0; -webkit-box-shadow: 10px 0 15px rgba(0, 0, 0, 0.1); box-shadow: 10px 0 15px rgba(0, 0, 0, 0.1); }

.main_step .main_step_list > li .step_con_box .step_con .service_list li { height: 20%; border-bottom: 1px solid #ddd; }

.main_step .main_step_list > li .step_con_box .step_con .service_list li:last-child { border-bottom-width: 0; }

.main_step .main_step_list > li .step_con_box .step_con .service_list li:nth-child(2) a { background-image: url("../../web/images/ko/main/icon_center2.png"); }

.main_step .main_step_list > li .step_con_box .step_con .service_list li:nth-child(3) a { background-image: url("../../web/images/ko/main/icon_center3.png"); }

.main_step .main_step_list > li .step_con_box .step_con .service_list li:nth-child(4) a { background-image: url("../../web/images/ko/main/icon_center4.png"); }

.main_step .main_step_list > li .step_con_box .step_con .service_list li:nth-child(5) a { background-image: url("../../web/images/ko/main/icon_center5.png"); }

.main_step .main_step_list > li .step_con_box .step_con .service_list li:nth-child(2).active a { background-image: url("../../web/images/ko/main/icon_center2_on.png"); }

.main_step .main_step_list > li .step_con_box .step_con .service_list li:nth-child(3).active a { background-image: url("../../web/images/ko/main/icon_center3_on.png"); }

.main_step .main_step_list > li .step_con_box .step_con .service_list li:nth-child(4).active a { background-image: url("../../web/images/ko/main/icon_center4_on.png"); }

.main_step .main_step_list > li .step_con_box .step_con .service_list li:nth-child(5).active a { background-image: url("../../web/images/ko/main/icon_center5_on.png"); }

.main_step .main_step_list > li .step_con_box .step_con .service_list li a { display: block; height: 100%; padding: 10px 10px 10px 85px; line-height: 1.2; font-size: 18px; font-weight: 500; background: url("../../web/images/ko/main/icon_center1.png") no-repeat left 25px center; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }

.main_step .main_step_list > li .step_con_box .step_con .service_list li a .num { display: block; font-size: 16px; font-weight: 400; color: #666; }

.main_step .main_step_list > li .step_con_box .step_con .service_list li a .num b { font-size: 1.125em; color: #04a2a1; font-weight: 500; }

.main_step .main_step_list > li .step_con_box .step_con .service_list li.active { border-bottom-width: 0; }

.main_step .main_step_list > li .step_con_box .step_con .service_list li.active a { color: #fff; background-color: #009a97; background-image: url("../../web/images/ko/main/icon_center1_on.png"); position: relative; }

.main_step .main_step_list > li .step_con_box .step_con .service_list li.active a:after { content: ''; display: block; width: 1px; height: 1px; border-left: 8px solid #009a97; border-top: 6px solid transparent; border-bottom: 6px solid transparent; position: absolute; top: 50%; margin-top: -7px; right: -9px; }

.main_step .main_step_list > li .step_con_box .step_con .service_list li.active a .num { color: #fff351; }

.main_step .main_step_list > li .step_con_box .step_con .service_list li.active a .num b { color: inherit; }

.main_step .main_step_list > li .step_con_box .step_con .service_list + .tab_con_box { height: 100%; padding-left: 180px; }

.main_step .main_step_list > li .step_con_box .step_con .service_list + .tab_con_box .tab_con { height: 100%; }

.main_step .main_step_list > li .step_con_box .step_con .svc_box { height: 100%; }

.main_step .main_step_list > li .step_con_box .step_con .svc_box:after { content: ''; display: block; clear: both; }

.main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_list { float: left; width: 50%; height: 100%; padding: 25px 30px; background: #f8f8f8; overflow-y: auto; }

.main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_list > li { float: left; width: 50%; margin-bottom: 15px; }

.main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_list > li a { display: inline-block; font-size: 1.125em; }

@media (min-width: 1180px) {

.main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_list > li a:hover { text-decoration: underline; } }

.main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_list > li.active a { padding-right: 25px; color: #04a2a1; text-decoration: underline; background: url("../../web/images/ko/main/icon_check.png") no-repeat right 0 center; }

/* 빠른예약 서비스 추가시 이미지 추가 AYI */
.main_step_list > li .step_con_box .step_con .tab_con_box .tab_con .svc_box .svc_list > li.active a { padding-right: 25px; color: #04a2a1; text-decoration: underline; background: url("../../web/images/ko/main/icon_check.png") no-repeat right 0 center; }

.main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_each { float: left; width: 50%; height: 100%; padding: 30px; overflow-y: auto; border-left: 1px solid #ddd; }

.main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li { margin-bottom: 15px; padding-left: 10px; position: relative; }

.main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li:last-child { margin-bottom: 0; }

.main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li:before { content: ''; display: block; width: 4px; height: 4px; background: #222; border-radius: 50%; position: absolute; top: 10px; left: 0; }

.main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li a { display: inline-block; }

@media (min-width: 1180px) { .main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li a:hover { text-decoration: underline; } }

.main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li.active:before { background-color: #04a2a1; }

.main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li.active a { padding-right: 25px; color: #04a2a1; text-decoration: underline; background: url("../../web/images/ko/main/icon_check.png") no-repeat right center; }

.main_step .main_step_list > li .step_con_box .img_map_box { padding: 10px 0; position: relative; z-index: 1; }

.main_step .main_step_list > li .step_con_box .img_map_box .map_list { top: 10px; }

.main_step .main_step_list > li .step_con_box .cal_wrap { height: 100%; }

.main_step .main_step_list > li .step_con_box .cal_wrap .cal_box { width: calc(100% - 260px); height: 100%; }

.main_step .main_step_list > li .step_con_box .cal_wrap .cal_box:after { content: ''; display: block; clear: both; }

.main_step .main_step_list > li .step_con_box .cal_wrap .cal_top { float: left; width: 180px; height: 100%; padding-top: 25px; text-align: center; background: #f8f8f8; border-right: 1px solid #ddd; }

.main_step .main_step_list > li .step_con_box .cal_wrap .cal_top .txt1 { color: #9650ec; line-height: 1.2; font-size: 32px; }

.main_step .main_step_list > li .step_con_box .cal_wrap .cal_top .txt1 .year { display: block; font-size: 24px; }

.main_step .main_step_list > li .step_con_box .cal_wrap .cal_top .txt1 .num { color: inherit; }

.main_step .main_step_list > li .step_con_box .cal_wrap .cal_top .cal_attr { margin-top: 20px; padding: 0 30px; float: none; text-align: left; }

.main_step .main_step_list > li .step_con_box .cal_wrap .cal_top .cal_attr .btn_today { display: block; margin: 0 auto 35px; padding: 3px 15px 5px; text-align: center; font-size: 16px; color: #fff; background: #09a1bd; border-radius: 10px; }

.main_step .main_step_list > li .step_con_box .cal_wrap .cal_top .cal_attr ul { display: block; }

.main_step .main_step_list > li .step_con_box .cal_wrap .cal_top .cal_attr ul > li { float: none; margin-bottom: 10px; margin-left: 0; padding: 0 0 0 15px; font-size: 16px; color: #222; background: 0 none; position: relative; }

.main_step .main_step_list > li .step_con_box .cal_wrap .cal_top .cal_attr ul > li:before { content: ''; display: block; width: 8px; height: 8px; background: #09a1bd; border-radius: 50%; position: absolute; top: 8px; left: 0; border: 0 none; }

.main_step .main_step_list > li .step_con_box .cal_wrap .cal_top .cal_attr ul > li.cal_no:before { background-color: #888; }

.main_step .main_step_list > li .step_con_box .cal_wrap .cal_top .cal_attr ul > li.cal_on:before { background-color: #9650ec; }

.main_step .main_step_list > li .step_con_box .cal_wrap .tbl_cal { float: left; width: calc(100% - 240px); margin: 10px 30px; border-top-width: 0; }

.main_step .main_step_list > li .step_con_box .cal_wrap .tbl_cal th { border-right-width: 0; }

.main_step .main_step_list > li .step_con_box .cal_wrap .tbl_cal td { height: 50px; padding: 5px; border-right-width: 0; }

.main_step .main_step_list > li .step_con_box .cal_wrap .tbl_cal td.today:before { border-right-width: 3px; }

.main_step .main_step_list > li .step_con_box .cal_wrap .tbl_cal td a { padding: 5px; margin: -5px; }

.main_step .main_step_list > li .step_con_box .cal_wrap .tbl_cal td .date { font-size: 15px; }

.main_step .main_step_list > li .step_con_box .cal_wrap .tbl_cal td .num { font-size: 14px; }

.main_step .main_step_list > li .step_con_box .cal_wrap .cal_con_box { width: 260px; height: 100%; margin-top: 0; border-radius: 0; }

.main_step .main_step_list > li .step_con_box .cal_wrap .cal_con_box .cal_tit1 .ico { font-size: 20px; background-position: left center; }

.main_step .main_step_list > li .step_con_box .cal_wrap .cal_con_box .con_box { height: calc(100% - 48px); max-height: inherit; }

.main_step .main_step_list > li:last-child .step_con_box.active .step_num:before { display: none; }

@media (max-width: 1180px) { .main_step { padding: 0; background-size: cover; }
  .main_step .main_tab_list { margin-bottom: 15px; }
  .main_step .main_tab_list > li > a .ico { padding-left: 25px; line-height: 40px; font-size: 14px; background-size: auto 18px; }
  .main_step .main_step_list { min-height: inherit; }
  .main_step .main_step_list > li { margin-bottom: 10px; padding-left: 0; }
  .main_step .main_step_list > li .step_con_box .tit_box { padding: 10px 20px 12px; background: #fff; border-radius: 10px; }
  .main_step .main_step_list > li .step_con_box .tit_box .step_num { display: inline-block; width: auto; padding: 0; font-size: 14px; position: static; -webkit-transition: all 0s; transition: all 0s; }
  .main_step .main_step_list > li .step_con_box .tit_box .step_num .txt { display: none; }
  .main_step .main_step_list > li .step_con_box .tit_box .step_num:after { display: none; }
  .main_step .main_step_list > li .step_con_box .tit_box .step_tit { display: inline-block; width: calc(100% - 70px); margin-left: 10px; padding: 0; line-height: 1.4; font-size: 14px; background: 0 none; }
  .main_step .main_step_list > li .step_con_box .tit_box .step_tit:before { top: 50%; margin-top: -5px; right: -5px; }
  .main_step .main_step_list > li .step_con_box .tit_box .step_tit .select_txt { display: block; padding-left: 0; margin-top: 0; }
  .main_step .main_step_list > li .step_con_box .tit_box .step_tit .select_txt:before { display: none; }
  .main_step .main_step_list > li .step_con_box .tit_box .step_tit .select_txt > li { padding-right: 20px; }
  .main_step .main_step_list > li .step_con_box .tit_box .step_tit .select_txt > li:after { background-size: auto 14px; right: 5px; }
  .main_step .main_step_list > li .step_con_box.active .tit_box { padding: 0; background: 0 none; }
  .main_step .main_step_list > li .step_con_box.active .tit_box .step_num { display: block; width: auto; padding: 10px 20px; text-align: left; font-size: 14px; color: rgba(255, 255, 255, 0.8); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
  .main_step .main_step_list > li .step_con_box.active .tit_box .step_num .txt { display: inline-block; margin-left: 10px; color: #fff; font-size: 14px; }
  .main_step .main_step_list > li .step_con_box.active .tit_box .step_num:after { content: ''; display: block; width: 20px; height: 11px; background: url("../../web/images/ko/main/icon_v_m.png") no-repeat center/auto 100%; position: absolute; top: 13px; right: 20px; border: 0; }
  .main_step .main_step_list > li .step_con_box.active .tit_box .step_num:before { display: none; }
  .main_step .main_step_list > li .step_con_box.active .tit_box .step_tit { display: none; }
  .main_step .main_step_list > li .step_con_box .step_con { height: auto; }
  .main_step .main_step_list > li .step_con_box .step_con .service_list { width: auto; height: auto; position: static; }
  .main_step .main_step_list > li .step_con_box .step_con .service_list:after { content: ''; display: block; clear: both; }
  .main_step .main_step_list > li .step_con_box .step_con .service_list > li { float: left; width: 20%; height: auto; border-bottom-width: 0; border-right: 1px solid #ddd; }
  .main_step .main_step_list > li .step_con_box .step_con .service_list > li:last-child { border-right-width: 0; }
  .main_step .main_step_list > li .step_con_box .step_con .service_list > li a { padding: 30px 10px 10px; text-align: center; font-size: 12px; background-position: center top 10px; background-size: auto 17px; }
  .main_step .main_step_list > li .step_con_box .step_con .service_list > li a .num { font-size: 12px; }
  .main_step .main_step_list > li .step_con_box .step_con .service_list > li.active a { background-color: #354646; }
  .main_step .main_step_list > li .step_con_box .step_con .service_list > li.active a:after { border-left-color: #354646; margin-top: 0; top: auto; bottom: -11px; right: 50%; margin-right: -6px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  .main_step .main_step_list > li .step_con_box .step_con .service_list + .tab_con_box { padding-left: 0; }
  .main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_list { float: none; width: auto; max-height: 135px; padding: 15px; background-color: #eee; }
  .main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_list > li { width: 33.33%; margin-bottom: 10px; }
  .main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_list > li a { font-size: 14px; }
  .main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_list > li.active a { padding-right: 20px; background-size: auto 14px; }
  .main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_each { float: none; width: auto; height: auto; max-height: 130px; padding: 15px; }
  .main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li { margin-bottom: 8px; }
  .main_step .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li > a { font-size: 14px; }
  .main_step .main_step_list > li .step_con_box .img_map_box .map_list { padding: 5px 15px; }
  .main_step .main_step_list > li .step_con_box .img_map_box .map_list > li { font-size: 14px; }
  .main_step .main_step_list > li .step_con_box .cal_wrap { height: auto; }
  .main_step .main_step_list > li .step_con_box .cal_wrap .cal_box { width: auto; height: auto; }
  .main_step .main_step_list > li .step_con_box .cal_wrap .cal_box .cal_top { float: none; width: auto; height: auto; padding: 15px 0 0; background: #fff; border-right-width: 0; border-bottom: 1px solid #d2d2d2; }
  .main_step .main_step_list > li .step_con_box .cal_wrap .cal_box .cal_top .txt1 { font-size: 20px; margin: 0 5px; }
  .main_step .main_step_list > li .step_con_box .cal_wrap .cal_box .cal_top .txt1 .year { display: inline-block; font-size: 20px; }
  .main_step .main_step_list > li .step_con_box .cal_wrap .cal_box .cal_top .btn_today { margin-bottom: 0; padding: 3px 10px 5px; font-size: 14px; position: absolute; top: 15px; right: 15px; }
  .main_step .main_step_list > li .step_con_box .cal_wrap .cal_box .cal_top .cal_attr { padding: 10px 15px; margin: 15px 0 0; font-size: 12px; border-top: 1px solid #d2d2d2; text-align: right; }
  .main_step .main_step_list > li .step_con_box .cal_wrap .cal_box .cal_top .cal_attr:after { content: ''; display: block; clear: both; }
  .main_step .main_step_list > li .step_con_box .cal_wrap .cal_box .cal_top .cal_attr ul { float: left; }
  .main_step .main_step_list > li .step_con_box .cal_wrap .cal_box .cal_top .cal_attr ul > li { float: left; margin-bottom: 0; margin-right: 12px; padding-left: 10px; font-size: 13px; }
  .main_step .main_step_list > li .step_con_box .cal_wrap .cal_box .cal_top .cal_attr ul > li:before { width: 6px; height: 6px; top: 6px; }
  .main_step .main_step_list > li .step_con_box .cal_wrap .cal_box .tbl_cal { float: none; width: 100%; margin: 0; }
  .main_step .main_step_list > li .step_con_box .cal_wrap .cal_box .tbl_cal td { height: 42px; }
  .main_step .main_step_list > li .step_con_box .cal_wrap .cal_box .tbl_cal td .date { font-size: 13px; }
  .main_step .main_step_list > li .step_con_box .cal_wrap .cal_box .tbl_cal td .num { font-size: 12px; }
  .main_step .main_step_list > li .step_con_box .cal_wrap .cal_con_box { float: none; width: auto; }
  .main_step .main_step_list > li .step_con_box .cal_wrap .cal_con_box .cal_tit1 { background-color: #354646; }
  .main_step .main_step_list > li .step_con_box .cal_wrap .cal_con_box .cal_tit1 .ico { font-size: 15px; }
  .main_step .main_step_list > li .step_con_box .cal_wrap .cal_con_box .con_box { max-height: 130px; height: auto; background: #eee; } }

@media (max-width: 900px) { .main_step.type5 { background-size: 1000px; background-position: right top -68px; } }

.main_step2_wrap { display: none; position: relative; }

.main_step2_wrap .step-bg-slide { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; background: url("../../web/images/ko/main/main_bg1.jpg") no-repeat center top/cover; }

.main_step2_wrap .step-bg-slide .bg-height { height: 940px; }

.main_step2_wrap .step-bg-slide .bg1 { background: url("../../web/images/ko/main/main_bg1.jpg") no-repeat center top/cover; }

.main_step2_wrap .step-bg-slide .bg2 { background: url("../../web/images/ko/main/main_bg2.jpg") no-repeat center top/cover; }

.main_step2_wrap .step-bg-slide .bg3 { background: url("../../web/images/ko/main/main_bg3.jpg") no-repeat center top/cover; }

.main_step2_wrap .step-bg-slide .bg4 { background: url("../../web/images/ko/main/main_bg4.jpg") no-repeat center top/cover; }

.main_step2_wrap .step-bg-slide .bg5 { background: url("../../web/images/ko/main/main_bg5.jpg") no-repeat center top/cover; }

.main_step2 { padding: 40px 0 55px; /*background: url($img-common+"main/main_bg1.jpg") no-repeat center top / cover; */ -webkit-transition: all 0.3s; transition: all 0.3s; }

.main_step2.service { background-image: url("../../web/images/ko/main/main_bg1.jpg"); }

.main_step2.place { background-image: url("../../web/images/ko/main/main_bg2.jpg"); }

.main_step2.plan { background-image: url("../../web/images/ko/main/main_bg3.jpg"); }

.main_step2.type1 { background-image: url("../../web/images/ko/main/main_bg_type1.jpg"); }

.main_step2.type2 { background-image: url("../../web/images/ko/main/main_bg_type2.jpg"); }

.main_step2.type3 { background-image: url("../../web/images/ko/main/main_bg_type3.jpg"); }

.main_step2 .container { position: relative; padding-right: 100px; }

.main_step2 .btn-close { position: absolute; right: 84px; top: -30px; width: 160px; height: 146px; background: url("../../web/images/ko/main/btn_service_close.png") no-repeat 50% 50%; background-size: 100%; }
.en .main_step2 .btn-close {background-image: url("../../web/images/en/main/btn_service_close.png"); }

.main_step2 .main_tab_list { margin-bottom: 20px; border-radius: 60px; overflow: hidden; }

.main_step2 .main_tab_list:after { content: ''; display: block; clear: both; }

.main_step2 .main_tab_list > li { float: left; width: 50%; background: rgba(0, 0, 0, 0.6); }

.main_step2 .main_tab_list > li a { display: block; text-align: center; font-size: 1.125em; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0.6; }

.main_step2 .main_tab_list > li a:focus { outline: 3px solid #111; outline-offset: -3px; -webkit-box-shadow: inset 0 0 0 6px #fff; box-shadow: inset 0 0 0 6px #fff; }

.main_step2 .main_tab_list > li a .ico { display: inline-block; padding-left: 30px; line-height: 50px; color: #fff; background-repeat: no-repeat; background-position: left center; }

.main_step2 .main_tab_list > li:first-child .ico { background-image: url("../../web/images/ko/main/icon_service.png"); }

.main_step2 .main_tab_list > li:last-child .ico { background-image: url("../../web/images/ko/main/icon_place.png"); }

.main_step2 .main_tab_list > li.active { opacity: 1; }

.main_step2 .main_tab_list > li.active:first-child .ico { background-image: url("../../web/images/ko/main/icon_service_on.png"); }

.main_step2 .main_tab_list > li.active:last-child .ico { background-image: url("../../web/images/ko/main/icon_place_on.png"); }

.main_step2 .main_tab_list > li.active a { background-color: #fff; border-radius: 25px; opacity: 1; }

.main_step2 .main_tab_list > li.active a .ico { color: #222; }

.main_step2 .main_step_list > li { margin-bottom: 10px; padding-left: 280px; position: relative; }

.main_step2 .main_step_list > li .step_con_box .tit_box { display: block; }

.main_step2 .main_step_list > li .step_con_box .step_num { width: 240px; padding: 9px 15px; text-align: center; color: #888; background: #fff; position: absolute; top: 0; left: 0; border-radius: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.main_step2 .main_step_list > li .step_con_box .step_num .txt { display: none; }

.main_step2 .main_step_list > li .step_con_box .step_num:after { content: ''; display: block; width: 1px; height: 1px; border-left: 8px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; position: absolute; top: 13px; right: -8px; }

.main_step2 .main_step_list > li .step_con_box .step_tit { display: block; padding: 0 50px 0 55px; line-height: 40px; font-size: 1.063em; color: #666; background: #fff url("../../web/images/ko/main/icon_svc.png") no-repeat left 23px center; background-size: 25px; border-radius: 10px; position: relative; -webkit-transition: background 0.3s; transition: background 0.3s; }

.main_step2 .main_step_list > li .step_con_box .step_tit:before { content: ''; display: block; width: 20px; height: 11px; background: url("../../web/images/ko/main/icon_v.png") no-repeat; position: absolute; top: 15px; right: 25px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.main_step2 .main_step_list > li .step_con_box .step_tit span[class*=fc_] { font-weight: 500; }

.main_step2 .main_step_list > li .step_con_box .step_tit .select_txt { display: inline-block; margin-top: -7px; padding-left: 40px; vertical-align: middle; position: relative; }

.main_step2 .main_step_list > li .step_con_box .step_tit #select_txt1.select_txt { padding-left: 55px; }
.main_step2 .main_step_list > li .step_con_box .step_tit #select_txt3.select_txt { padding-left: 55px; }

.main_step2 .main_step_list > li .step_con_box .open-area-a .step_tit #select_txt_a.select_txt { padding-left: 55px; }

.main_step2 .main_step_list > li .step_con_box .step_tit .select_txt > li:before { content: ''; display: block; width: 2px; height: 16px; background: #bbb; position: absolute; top: 14px; left: -20px; }

.main_step2 .main_step_list > li .step_con_box .step_tit .select_txt > li { float: left; padding-right: 40px; color: #222; position: relative; }

.main_step2 .main_step_list > li .step_con_box .step_tit .select_txt > li:after { content: ''; display: block; width: 8px; height: 17px; background: url("../../web/images/ko/main/icon_arr.png") no-repeat; position: absolute; top: 50%; margin-top: -8px; right: 16px; }

.main_step2 .main_step_list > li .step_con_box .step_tit .select_txt > li:last-child { padding-right: 0; }

.main_step2 .main_step_list > li .step_con_box .step_tit .select_txt > li:last-child:after { display: none; }

.main_step2 .main_step_list > li .step_con_box.place.active .step_num { background-color: #0379d5; }

.main_step2 .main_step_list > li .step_con_box.place.active .step_num:after { border-left-color: #0379d5; }

.main_step2 .main_step_list > li .step_con_box.place.active .step_tit { background-color: #fff; }

.main_step2 .main_step_list > li .step_con_box.place.active .step_tit:before { background-image: url("../../web/images/ko/main/icon_v_on2.png"); }

.main_step2 .main_step_list > li .step_con_box.place .step_tit { background-image: url("../../web/images/ko/main/icon_plc.png"); }

.main_step2 .main_step_list > li .step_con_box.plan.active .step_num { background-color: #9650ec; }

.main_step2 .main_step_list > li .step_con_box.plan.active .step_num:after { border-left-color: #9650ec; }

.main_step2 .main_step_list > li .step_con_box.plan.active .step_tit { background-color: #fff; }

.main_step2 .main_step_list > li .step_con_box.plan.active .step_tit:before { background-image: url("../../web/images/ko/main/icon_v_on3.png"); }

.main_step2 .main_step_list > li .step_con_box.plan .step_tit { background-image: url("../../web/images/ko/main/icon_time.png"); }

.main_step2 .main_step_list > li .step_con_box.active { display: block; }

.main_step2 .main_step_list > li .step_con_box.active .step_num { background: #04a2a1; color: #fff; /*&:before{content: ''; display: block; width: 40px; height: 252px; background: url($img-common+"main/icon_arrow.png") no-repeat; position: absolute; bottom: -270px; left: 50%; margin-left: -20px;}*/ }

.main_step2 .main_step_list > li .step_con_box.active .step_num .txt { display: block; font-size: 1.25em; }

.main_step2 .main_step_list > li .step_con_box.active .step_num:after { border-left-color: #04a2a1; }

.main_step2 .main_step_list > li .step_con_box.active .step_tit { background-color: #fff; border-bottom: 1px solid #ddd; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.main_step2 .main_step_list > li .step_con_box.active .step_tit:before { background-image: url("../../web/images/ko/main/icon_v_on.png"); -webkit-transform: rotate(0); transform: rotate(0); }

/* .main_step2 .main_step_list > li .step_con_box.active .step_tit .select_txt { display: none; } */

.main_step2 .main_step_list > li .step_con_box .step_con { display: none; height: 320px; background: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; position: relative; }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list { width: 180px; height: 100%; position: absolute; top: 0; left: 0; -webkit-box-shadow: 10px 0 15px rgba(0, 0, 0, 0.1); box-shadow: 10px 0 15px rgba(0, 0, 0, 0.1); }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list li { height: 20%; border-bottom: 1px solid #ddd; }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list li:last-child { border-bottom-width: 0; }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list li:nth-child(2) a { background-image: url("../../web/images/ko/main/icon_center2.png"); }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list li:nth-child(3) a { background-image: url("../../web/images/ko/main/icon_center3.png"); }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list li:nth-child(4) a { background-image: url("../../web/images/ko/main/icon_center4.png"); }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list li:nth-child(5) a { background-image: url("../../web/images/ko/main/icon_center5.png"); }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list li:nth-child(2).active a { background-image: url("../../web/images/ko/main/icon_center2_on.png"); }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list li:nth-child(3).active a { background-image: url("../../web/images/ko/main/icon_center3_on.png"); }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list li:nth-child(4).active a { background-image: url("../../web/images/ko/main/icon_center4_on.png"); }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list li:nth-child(5).active a { background-image: url("../../web/images/ko/main/icon_center5_on.png"); }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list li a { display: block; height: 100%; padding: 9px 10px 9px 85px; line-height: 1.2; font-size: 16px; font-weight: 500; background: url("../../web/images/ko/main/icon_center1.png") no-repeat left 25px center; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list li a .num { display: block; font-size: 16px; font-weight: 400; color: #666; }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list li a .num b { font-size: 1.125em; color: #04a2a1; font-weight: 500; }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list li.active { border-bottom-width: 0; }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list li.active a { color: #fff; background-color: #354646; background-image: url("../../web/images/ko/main/icon_center1_on.png"); position: relative; }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list li.active a:after { content: ''; display: block; width: 1px; height: 1px; border-left: 8px solid #354646; border-top: 6px solid transparent; border-bottom: 6px solid transparent; position: absolute; top: 50%; margin-top: -7px; right: -9px; }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list li.active a .num { color: #fff351; }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list li.active a .num b { color: inherit; }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list + .tab_con_box { height: 100%; padding-left: 180px; }

.main_step2 .main_step_list > li .step_con_box .step_con .service_list + .tab_con_box .tab_con { height: 100%; }

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box { height: 100%; }

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box.ver2 {background:#f8f8f8;}

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box:after { content: ''; display: block; clear: both; }

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box.local .svc_list, .main_step2 .main_step_list > li .step_con_box .step_con .svc_box.local .svc_each { width: 50%; }

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_list { float: left; width: 100%; height: 100%; padding: 25px 30px; background: #f8f8f8; overflow-y: auto; }

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_list > li { float: left; width: 50%; margin-bottom: 10px; }

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_list > li a { display: inline-block; font-size: 1.063em; }

@media (min-width: 1180px) { .main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_list > li a:hover { text-decoration: underline; } }

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_list > li.active a { padding-right: 25px; color: #04a2a1; text-decoration: underline; background: url("../../web/images/ko/main/icon_check.png") no-repeat right 0 center; }

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_each { float: left; width: 50%; height: 100%; padding: 30px; overflow-y: auto; border-left: 1px solid #ddd; }

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_each.svc { width: 58%; background: #fff; }

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li { margin-bottom: 15px; padding-left: 10px; position: relative; }

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li:after { content: ''; display: block; clear: both; }

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li:last-child { margin-bottom: 0; }

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li:before { content: ''; display: block; width: 4px; height: 4px; background: #222; border-radius: 50%; position: absolute; top: 10px; left: 0; }

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li a { float: left; }

@media (min-width: 1180px) { .main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li a:hover { text-decoration: underline; } }

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li a:first-of-type { max-width: calc(100% - 61px); padding-right: 8px; overflow: hidden;/*  text-overflow: ellipsis; white-space: nowrap; */ }

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li a.btn-detail { float: right; width: 61px; line-height: 22px; height: 22px; text-align: center; color: #fff; font-size: 13px; background: #455d72; border-radius: 3px; }

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li.active:before { background-color: #04a2a1; }

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li.active a:first-of-type { padding-right: 25px; color: #04a2a1; text-decoration: underline; }

.main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li.active a:first-of-type:before { position: absolute; left: -12px; top: 50%; width: 22px; height: 22px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../../web/images/ko/main/icon_check.png") no-repeat left center; content: ''; }

.main_step2 .main_step_list > li .step_con_box .map-wrap:after { content: ''; display: block; clear: both; }

.main_step2 .main_step_list > li .step_con_box .map-wrap .img_map_box, .main_step2 .main_step_list > li .step_con_box .map-wrap .svc_each { float: left; width: 50%; }
.main_step2 .main_step_list > li .step_con_box .map-wrap .img_map_box.ver2 {float:none;width:100%;}
.main_step2 .main_step_list > li .step_con_box .map-wrap .svc_each { float: left; width: 50%; height: 100%; padding: 30px; overflow-y: auto; border-left: 1px solid #ddd; }

.main_step2 .main_step_list > li .step_con_box .map-wrap .svc_each > li { margin-bottom: 15px; padding-left: 10px; position: relative; }

.main_step2 .main_step_list > li .step_con_box .map-wrap .svc_each > li:last-child { margin-bottom: 0; }

.main_step2 .main_step_list > li .step_con_box .map-wrap .svc_each > li:before { content: ''; display: block; width: 4px; height: 4px; background: #222; border-radius: 50%; position: absolute; top: 10px; left: 0; }

.main_step2 .main_step_list > li .step_con_box .map-wrap .svc_each > li a { display: inline-block; }

@media (min-width: 1180px) { .main_step2 .main_step_list > li .step_con_box .map-wrap .svc_each > li a:hover { text-decoration: underline; } }

/* .main_step2 .main_step_list > li .step_con_box .map-wrap .svc_each > li a:first-of-type { max-width: calc(100% - 61px); padding-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } */
.main_step2 .main_step_list > li .step_con_box .map-wrap .svc_each > li a:first-of-type { max-width: calc(100% - 61px); padding-right: 8px; overflow: hidden; text-overflow: ellipsis; }

.main_step2 .main_step_list > li .step_con_box .map-wrap .svc_each > li a.btn-detail { float: right; width: 61px; line-height: 22px; height: 22px; text-align: center; color: #fff; font-size: 13px; background: #455d72; border-radius: 3px; }

.main_step2 .main_step_list > li .step_con_box .map-wrap .svc_each > li.active:before { background-color: #04a2a1; }

.main_step2 .main_step_list > li .step_con_box .map-wrap .svc_each > li.active a:first-of-type { padding-right: 25px; color: #04a2a1; text-decoration: underline; }

.main_step2 .main_step_list > li .step_con_box .map-wrap .svc_each > li.active a:first-of-type:before { position: absolute; left: -12px; top: 50%; width: 22px; height: 22px; margin-top: -10px; background: url("../../web/images/ko/main/icon_check.png") no-repeat left center; content: ''; }

.main_step2 .main_step_list > li .step_con_box .img_map_box { padding: 10px 0; position: relative; z-index: 1; }

.main_step2 .main_step_list > li .step_con_box .img_map_box .map_list { top: 10px; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap { height: 100%; }

/* .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_box { width: calc(100% - 260px); height: 100%; } */
.main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_box { width: 100%; height: 100%; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_box:after { content: ''; display: block; clear: both; }

/* .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_top { float: left; width: 180px; height: 100%; padding-top: 25px; text-align: center; background: #f8f8f8; border-right: 1px solid #ddd; } */
.main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_top { float: left; width: 240px; height: 100%; padding-top: 25px; text-align: center; background: #f8f8f8; border-right: 1px solid #ddd; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_top .txt1 { color: #9650ec; line-height: 1.2; font-size: 24px; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_top .txt1 .year { display: block; font-size: 24px; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_top .txt1 .num { color: inherit; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_top .cal_attr { margin-top: 20px; padding: 0 30px; float: none; text-align: left; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_top .cal_attr .btn_today { display: block; margin: 0 auto 25px; padding: 2px 12px 4px; text-align: center; font-size: 15px; color: #fff; background: #09a1bd; border-radius: 10px; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_top .cal_attr ul { display: block; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_top .cal_attr ul > li { float: none; margin-bottom: 6px; margin-left: 0; padding: 0 0 0 15px; font-size: 15px; color: #222; background: 0 none; position: relative; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_top .cal_attr ul > li:before { content: ''; display: block; width: 8px; height: 8px; background: #09a1bd; border-radius: 50%; position: absolute; top: 8px; left: 0; border: 0 none; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_top .cal_attr ul > li.cal_no:before { background-color: #888; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_top .cal_attr ul > li.cal_on:before { background-color: #9650ec; }

/* .main_step2 .main_step_list > li .step_con_box .cal_wrap .tbl_cal { float: left; width: calc(100% - 210px); margin: 8px 15px; border-top-width: 0; } */
.main_step2 .main_step_list > li .step_con_box .cal_wrap .tbl_cal { float: left; width: calc(100% - 270px); margin: 8px 15px; border-top-width: 0; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .tbl_cal th { border-right-width: 0; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .tbl_cal td { height: 40px; padding: 5px; border-right-width: 0; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .tbl_cal td.today:before { border-right-width: 3px; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .tbl_cal td a { padding: 5px; margin: -5px; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .tbl_cal td .date { font-size: 15px; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .tbl_cal td .num { font-size: 13px; }
.main_step2 .main_step_list > li .step_con_box .cal_wrap .tbl_cal td.on .num { color:#fff; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_con_box { width: 260px; height: 100%; margin-top: 0; border-radius: 0; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_con_box .cal_tit1 .ico { font-size: 16px; background-position: left center; }

.main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_con_box .con_box { height: calc(100% - 48px); max-height: inherit; }

.main_step2 .main_step_list > li:last-child .step_con_box.active .step_num:before { display: none; }

@media (max-width: 1400px) { .main_step2 .container { padding-right: 180px; }
  .main_step2 .btn-close { right: 166px; }
  .main_step2 .main_step_list > li { padding-left: 200px; }
  .main_step2 .main_step_list > li .step_con_box .tit_box .step_num { width: 160px; }
  .main_step2 .main_step_list > li .step_con_box .tit_box .step_num .txt { font-size: 1.125em; } }

@media (max-width: 1180px) { .main_step2 { padding: 40px 15px; background-size: cover; }
  .main_step2 .main_step_list > li .step_con_box .step_con .svc_box.local .svc_list, .main_step2 .main_step_list > li .step_con_box .step_con .svc_box.local .svc_each { width: 100%; }
  .main_step2 .container { padding: 0; }
  .main_step2 .btn-close { position: absolute; right: 0; top: -15px; width: 40px; height: 40px; background: url("../../web/images/ko/main/btn_service_close_m.png") no-repeat 50% 50%; background-size: cover; }
  .en .main_step2 .btn-close {background-image: url("../../web/images/en/main/btn_service_close_m.png"); }
  .main_step2 .main_tab_list { margin-bottom: 15px; }
  .main_step2 .main_tab_list > li > a .ico { padding-left: 25px; line-height: 40px; font-size: 14px; background-size: auto 18px; }
  .main_step2 .main_step_list { min-height: inherit; }
  .main_step2 .main_step_list > li { margin-bottom: 10px; padding-left: 0; }
  .main_step2 .main_step_list > li .step_con_box .tit_box { padding: 10px 20px 12px; background: #fff; border-radius: 10px; }
  .main_step2 .main_step_list > li .step_con_box .tit_box .step_num { display: inline-block; width: auto; padding: 0; font-size: 14px; position: static; -webkit-transition: all 0s; transition: all 0s; }
  .main_step2 .main_step_list > li .step_con_box .tit_box .step_num .txt { display: none; }
  .main_step2 .main_step_list > li .step_con_box .tit_box .step_num:after { display: none; }
  .main_step2 .main_step_list > li .step_con_box .tit_box .step_tit { display: inline-block; width: calc(100% - 70px); margin-left: 10px; padding: 0; line-height: 1.4; font-size: 14px; background: 0 none; }
  .main_step2 .main_step_list > li .step_con_box .tit_box .step_tit:before { top: 50%; margin-top: -5px; right: -24px; }
  .main_step2 .main_step_list > li .step_con_box .tit_box .step_tit .select_txt { display: block; padding-left: 0; margin-top: 0; }
  .main_step2 .main_step_list > li .step_con_box .tit_box .step_tit .select_txt:before { display: none; }
  .main_step2 .main_step_list > li .step_con_box .tit_box .step_tit .select_txt > li { padding-right: 20px; }
  .main_step2 .main_step_list > li .step_con_box .tit_box .step_tit .select_txt > li:after { background-size: auto 14px; right: 5px; }
  .main_step2 .main_step_list > li .step_con_box.active .tit_box { padding: 0; background: 0 none; }
  .main_step2 .main_step_list > li .step_con_box.active .tit_box .step_num { display: block; width: auto; padding: 10px 20px; text-align: left; font-size: 14px; color: rgba(255, 255, 255, 0.8); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
  .main_step2 .main_step_list > li .step_con_box.active .tit_box .step_num .txt { display: inline-block; margin-left: 10px; color: #fff; font-size: 14px; }
  .main_step2 .main_step_list > li .step_con_box.active .tit_box .step_num:after { content: ''; display: block; width: 20px; height: 11px; background: url("../../web/images/ko/main/icon_v_m.png") no-repeat center/auto 100%; position: absolute; top: 13px; right: 20px; border: 0; }
  .main_step2 .main_step_list > li .step_con_box.active .tit_box .step_num:before { display: none; }
  .main_step2 .main_step_list > li .step_con_box.active .tit_box .step_tit { display: none; }
  .main_step2 .main_step_list > li .step_con_box .step_con { height: auto; }
  .main_step2 .main_step_list > li .step_con_box .step_con .service_list { width: auto; height: auto; position: static; }
  .main_step2 .main_step_list > li .step_con_box .step_con .service_list:after { content: ''; display: block; clear: both; }
  .main_step2 .main_step_list > li .step_con_box .step_con .service_list > li { float: left; width: 20%; height: auto; border-bottom-width: 0; border-right: 1px solid #ddd; }
  .main_step2 .main_step_list > li .step_con_box .step_con .service_list > li:last-child { border-right-width: 0; }
  .main_step2 .main_step_list > li .step_con_box .step_con .service_list > li a { padding: 30px 10px 10px; text-align: center; font-size: 12px; background-position: center top 10px; background-size: auto 17px; }
  .main_step2 .main_step_list > li .step_con_box .step_con .service_list > li a .num { font-size: 12px; }
  .main_step2 .main_step_list > li .step_con_box .step_con .service_list > li.active a { background-color: #354646; }
  .main_step2 .main_step_list > li .step_con_box .step_con .service_list > li.active a:after { border-left-color: #354646; margin-top: 0; top: auto; bottom: -11px; right: 50%; margin-right: -6px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  .main_step2 .main_step_list > li .step_con_box .step_con .service_list + .tab_con_box { padding-left: 0; }
  .main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_list { float: none; width: auto; max-height: 135px; padding: 15px; background-color: #eee; }
  .main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_list > li { width: 33.33%; margin-bottom: 10px; }
  .main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_list > li a { font-size: 14px; }
  .main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_list > li.active a { padding-right: 20px; background-size: auto 14px; }
  .main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_each { float: none; width: auto; height: auto; max-height: 130px; padding: 15px 15px 15px 25px; }
  .main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_each.svc { width: 100%; }
  .main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li { margin-bottom: 8px; }
  .main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li > a { font-size: 14px; }
  .main_step2 .main_step_list > li .step_con_box .step_con .svc_box .svc_each > li a.btn-detail { float: right; width: 61px; line-height: 19px; height: 19px; text-align: center; color: #fff; font-size: 12px; background: #455d72; border-radius: 3px; }
  .main_step2 .main_step_list > li .step_con_box .map-wrap .img_map_box, .main_step2 .main_step_list > li .step_con_box .map-wrap .svc_each { float: none; width: 100%; }
  .main_step2 .main_step_list > li .step_con_box .map-wrap .svc_each { border-top: 1px solid #ddd; float: none; width: auto; height: auto; max-height: 130px; padding: 15px 15px 15px 25px; }
  .main_step2 .main_step_list > li .step_con_box .map-wrap .svc_each > li { margin-bottom: 8px; }
  .main_step2 .main_step_list > li .step_con_box .map-wrap .svc_each > li > a { font-size: 14px; }
  .main_step2 .main_step_list > li .step_con_box .map-wrap .svc_each > li a.btn-detail { float: right; width: 61px; line-height: 19px; height: 19px; text-align: center; color: #fff; font-size: 12px; background: #455d72; border-radius: 3px; }
  .main_step2 .main_step_list > li .step_con_box .img_map_box .map_list { padding: 5px 15px; }
  .main_step2 .main_step_list > li .step_con_box .img_map_box .map_list > li { font-size: 14px; }
  .main_step2 .main_step_list > li .step_con_box .cal_wrap { height: auto; }
  .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_box { width: auto; height: auto; }
  .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_box .cal_top { float: none; width: auto; height: auto; padding: 15px 0 0; background: #fff; border-right-width: 0; border-bottom: 1px solid #d2d2d2; }
  .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_box .cal_top .txt1 { font-size: 20px; margin: 0 5px; }
  .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_box .cal_top .txt1 .year { display: inline-block; font-size: 20px; }
  .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_box .cal_top .btn_today { margin-bottom: 0; padding: 3px 10px 5px; font-size: 14px; position: absolute; top: 15px; right: 15px; }
  .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_box .cal_top .cal_attr { padding: 10px 15px; margin: 15px 0 0; font-size: 12px; border-top: 1px solid #d2d2d2; text-align: right; }
  .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_box .cal_top .cal_attr:after { content: ''; display: block; clear: both; }
  .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_box .cal_top .cal_attr ul { float: left; }
  .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_box .cal_top .cal_attr ul > li { float: left; margin-bottom: 0; margin-right: 12px; padding-left: 10px; font-size: 13px; }
  .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_box .cal_top .cal_attr ul > li:before { width: 6px; height: 6px; top: 6px; }
  .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_box .tbl_cal { float: none; width: 100%; margin: 0; }
  .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_box .tbl_cal td { height: 42px; }
  .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_box .tbl_cal td .date { font-size: 13px; }
  .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_box .tbl_cal td .num { font-size: 12px; }
  .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_con_box { float: none; width: auto; }
  .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_con_box .cal_tit1 { background-color: #354646; }
  .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_con_box .cal_tit1 .ico { font-size: 15px; }
  .main_step2 .main_step_list > li .step_con_box .cal_wrap .cal_con_box .con_box { max-height: 130px; height: auto; background: #eee; } }

@media (max-width: 900px) { .main_step2 .main_tab_list { margin-top: 20px; }
  .main_step2 .btn-close { top: -45px; } }

.main_btn_box { position: absolute; right: -90px; bottom: 0; }

.main_btn_box .btn_refresh, .main_btn_box .btn_booking { width: 170px; border-radius: 15px; }

.main_btn_box .btn_refresh .ico, .main_btn_box .btn_booking .ico { display: inline-block; padding-left: 30px; line-height: 91px; color: #fff; font-size: 1.125em; background-repeat: no-repeat; background-position: left center; }

.main_btn_box .btn_refresh { position: relative; margin-right: 10px; background: rgba(0, 0, 0, 0.3); }

.main_btn_box .btn_refresh:before { content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 10px; }

.main_btn_box .btn_refresh .ico { background-image: url("../../web/images/ko/main/icon_refresh.png"); }

.main_btn_box .btn_booking { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0dc6a9+0,1ba6e3+45,1ba6e3+45,de29ff+100 */ background: #0dc6a9; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#0dc6a9), to(#de29ff)); background: linear-gradient(to right, #0dc6a9 0%, #de29ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dc6a9', endColorstr='#de29ff',GradientType=1 ); /* IE6-9 */ -webkit-box-shadow: 10px 10px 34px rgba(0, 0, 0, 0.2); box-shadow: 10px 10px 34px rgba(0, 0, 0, 0.2); }

.main_btn_box .btn_booking .ico { background-image: url("../../web/images/ko/main/icon_book.png"); }

@media (max-width: 1400px) { .main_btn_box { right: -10px; } }

@media (max-width: 1180px) { .main_btn_box { margin-top: 25px; position: static; text-align: center; }
  .main_btn_box .btn_refresh, .main_btn_box .btn_booking { width: 260px; border-radius: 50px; }
  .main_btn_box .btn_refresh .ico, .main_btn_box .btn_booking .ico { display: inline-block; padding-left: 30px; line-height: 60px; color: #fff; font-size: 1.125em; background-repeat: no-repeat; background-position: left center; }
  .main_btn_box .btn_refresh { position: relative; margin-right: 10px; background: rgba(0, 0, 0, 0.3); }
  .main_btn_box .btn_refresh:before { content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 10px; }
  .main_btn_box .btn_refresh .ico { background-image: url("../../web/images/ko/main/icon_refresh.png"); }
  .main_btn_box .btn_booking { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0dc6a9+0,1ba6e3+45,1ba6e3+45,de29ff+100 */ background: #0dc6a9; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#0dc6a9), color-stop(45%, #1ba6e3), color-stop(45%, #1ba6e3), to(#de29ff)); background: linear-gradient(to right, #0dc6a9 0%, #1ba6e3 45%, #1ba6e3 45%, #de29ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dc6a9', endColorstr='#de29ff',GradientType=1 ); /* IE6-9 */ -webkit-box-shadow: 10px 10px 34px rgba(0, 0, 0, 0.2); box-shadow: 10px 10px 34px rgba(0, 0, 0, 0.2); }
  .main_btn_box .btn_booking .ico { background-image: url("../../web/images/ko/main/icon_book.png"); }
  .main_btn_box .btn_refresh, .main_btn_box .btn_booking { width: calc(50% - 8px); max-width: 240px; }
  .main_btn_box .btn_refresh .ico, .main_btn_box .btn_booking .ico { line-height: 50px; font-size: 15px; } }

.main_service { padding: 60px 0 17px; }

.main_service .container { position: relative; }

.main_service .svc_tab_list { position: absolute; top: 0; right: 198px; }

.main_service .svc_tab_list:after { content: ''; display: block; clear: both; }

.main_service .svc_tab_list:after { content: ''; display: block; width: 100%; height: 4px; background: #ddd; border-radius: 5px; }

.main_service .svc_tab_list > li { float: left; margin-left: 20px; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; }

.main_service .svc_tab_list > li:before { content: ''; display: block; width: 100%; height: 4px; background: transparent; position: absolute; bottom: -4px; left: 0; border-radius: 5px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.main_service .svc_tab_list > li:first-child { margin-left: 0; }

/* 220714 퍼블수정 */
.main_service .svc_tab_list .bookmark > a{background: url(../../web/images/ko/icon_favorites_Pick_60_50.png) no-repeat center/65%; width: 60px;height: 49px;}

.main_service .svc_tab_list > li.active:before { background: #0379d5; }

.main_service .svc_tab_list > li.active a { color: #0379d5; }

.main_service .svc_tab_list > li.active a:after { background: #0379d5; }

.main_service .svc_tab_list > li a { display: block; padding: 8px; font-size: 24px; font-weight: 500; -webkit-transition: all 0.3s; transition: all 0.3s; }

.main_service .svc_tab_list > li a:after { content: ''; display: block; width: 8px; height: 8px; background: transparent; border-radius: 8px; position: absolute; top: 0; right: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

.main_service .svc_bn_box { position: relative; }

.main_service .item { display: block; width: 380px; margin: 0 10px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .main_service .item:hover { border-color: #222; }
  /*.main_service .item:hover .img_box img { -webkit-transform: scale(1.07); transform: scale(1.07); }*/
  .main_service .item:hover .img_box img { -webkit-transform:translate(-50%,-50%) scale(1.07);-ms-transform:translate(-50%,-50%) scale(1.07); transform:translate(-50%,-50%) scale(1.07); }
  .main_service .item:hover .con_box .btm_box .txt_more { background: #224361; } }

.main_service .item .img_box { height: 255px; overflow: hidden; border-bottom: 1px solid #ddd; border-top-right-radius: 10px; border-top-left-radius: 10px; position: relative; }

.main_service .item .img_box:after { content: ''; display: block; width: 100%; height: 100%; background: url("../../web/images/ko/img_bg.png") no-repeat; position: absolute; top: 0; left: 0; z-index: 1; }

.main_service .item .img_box.no_img { background: url("../../web/images/ko/no_img.png") no-repeat center/auto 100%; }

.main_service .item .img_box.no_img:after { display: none; }

.main_service .item .img_box.no_img img { display: none; }

/*.main_service .item .img_box img { display: block; max-width: inherit; height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }*/
.main_service .item .img_box img {display: block;max-width: inherit;width: 100%;height: auto;position: absolute;left: 50%;-webkit-transition: all 0.3s;transition: all 0.3s;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.main_service .item .img_box .ib_top { position: absolute; top: 20px; left: 20px; z-index: 2; }

.main_service .item .img_box .ib_num { display: block; padding: 5px 10px 6px; color: #fff; background: rgba(0, 0, 0, 0.6); border-radius: 5px; position: absolute; bottom: 20px; right: 20px; z-index: 2; }

.main_service .item .img_box .ib_num .yellow { color: #fff45c; }

.main_service .item .img_box .bd_label[class*=type] { margin-left: 2px; padding: 4px 10px 5px; color: #fff; font-weight: 400; border-radius: 3px; }

.main_service .item .img_box .bd_label.type1 { background: #db375d; }

.main_service .item .img_box .bd_label.type2 { background: #1f71bf; }

.main_service .item .con_box { padding: 30px; text-align: left; }

.main_service .item .con_box .ib_type { margin-bottom: 10px; }

.main_service .item .con_box .ib_type:after { content: ''; display: block; clear: both; }

.main_service .item .con_box .ib_type > li { float: left; padding-right: 20px; color: #666; position: relative; }

.main_service .item .con_box .ib_type > li:after { content: ''; display: block; width: 1px; height: 15px; background: #ccc; position: absolute; top: 4px; right: 10px; }

.main_service .item .con_box .ib_type > li:last-child:after { display: none; }

.main_service .item .con_box .tit1 { display: block; margin-bottom: 10px; font-size: 22px; font-weight: 500; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.main_service .item .con_box .ib_attr li { margin-bottom: 10px; padding-left: 110px; position: relative; }

.main_service .item .con_box .ib_attr li b { display: block; padding-left: 30px; color: #0379d5; position: absolute; top: 2px; left: 0; background-repeat: no-repeat; background-position: left center; background-size: 20px auto; }

.main_service .item .con_box .ib_attr li .date1 { background-image: url("../../web/images/ko/icon_date1.png"); }

.main_service .item .con_box .ib_attr li .date2 { background-image: url("../../web/images/ko/icon_date2.png"); }

@media (max-width: 900px) { .main_service .item { opacity: 0.4; }
  .main_service .item.slick-active { opacity: 1; }
  .main_service .item .img_box:after { background-size: 100% auto; }
  .main_service .item .img_box img { width: 100%; max-width: 100%; } }

@media (max-width: 720px) { .main_service .item { width: 230px; }
  /*.main_service .item .img_box { height: auto; max-height: 200px; }*/
  .main_service .item .img_box {height: 150px;}
  .main_service .item .img_box.no_img { height: 200px; background-color: #f5f7f9; }
  .main_service .item .img_box img { height: auto; }
  .main_service .item .img_box .ib_top { top: 15px; left: 15px; font-size: 13px; }
  .main_service .item .img_box .ib_num { bottom: 15px; right: 15px; font-size: 13px; }
  .main_service .item .con_box { padding: 15px; }
  .main_service .item .con_box .ib_type { font-size: 11px; }
  .main_service .item .con_box .ib_type > li:after { height: 8px; }
  .main_service .item .con_box .tit1 { font-size: 14px; height: auto; max-height: 46px; }
  .main_service .item .con_box .ib_attr { font-size: 12px; }
  .main_service .item .con_box .ib_attr > li { margin-bottom: 5px; padding-left: 20px; }
  .main_service .item .con_box .ib_attr > li b { height: 30px; top: 3px; font-size: 0; background-size: 12px auto; background-position: left top; } }

.main_service .svc_prev, .main_service .svc_next { width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.6); background-repeat: no-repeat; background-position: center; border-radius: 60px; position: absolute; top: 50%; margin-top: -50px; z-index: 1; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .main_service .svc_prev:hover, .main_service .svc_next:hover { background-color: rgba(0, 0, 0, 0.8); } }

.main_service .svc_prev { background-image: url("../../web/images/ko/main/svc_prev.png"); left: 50%; margin-left: -630px; }

.main_service .svc_next { background-image: url("../../web/images/ko/main/svc_next.png"); right: 50%; margin-right: -630px; }

.main_service .svc_attr { margin-top: 35px; text-align: center; }

.main_service .svc_paging { display: inline-block;vertical-align:middle; }

.main_service .svc_paging ul { display: inline-block !important; }

.main_service .svc_paging ul:after { content: ''; display: block; clear: both; }

.main_service .svc_paging ul > li { float: left; margin: 0 6px; }

.main_service .svc_paging ul > li.slick-active button { background: #0379d5; }

.main_service .svc_paging button { display: block; width: 12px; height: 12px; font-size: 0; background: #ddd; border-radius: 50%; }

.main_service .svc_stop { width: 12px; height: 12px; margin-left: 10px; background: url("../../web/images/ko/main/icon_stop.png") no-repeat; vertical-align:middle;}

.main_service .svc_stop.play { background-image: url("../../web/images/ko/main/icon_play.png"); }

.main_service .btn_set { padding: 10px 22px; background: #79849a; position: absolute; bottom: -15px; right: 50%; margin-right: -590px; border-radius: 42px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.main_service .btn_set .ico { display: inline-block; padding-left: 30px; line-height: 22px; font-size: 16px; color: #fff; background: url("../../web/images/ko/main/icon_setting.png") no-repeat left center; }

@media (min-width: 1180px) { .main_service .btn_set:hover { background: #495f74; } }

.main_service .btn_set.pc { display: block; position: absolute; right: 0; top: 10px; bottom: auto; bottom: initial; margin-right: 0; }

@media (max-width: 1180px) { .main_service .btn_set.pc { display: none; } }

.main_service .btn_set.mobile { display: none; }

@media (max-width: 1180px) { .main_service .btn_set.mobile { display: block; } }

@media (max-width: 1180px) { .main_service { text-align: center; padding: 25px 0; }
  .main_service .svc_prev, .main_service .svc_next { width: 45px; height: 45px; background-size: auto 15px; }
  .main_service .svc_prev { left: 35px; margin-left: 0; }
  .main_service .svc_next { right: 35px; margin-right: 0; }
  .main_service .svc_attr { margin-top: 10px; }
  .main_service .btn_set { display: block; max-width: 170px; margin: 20px auto 0; position: static; }
  .main_service .btn_set .ico { padding-left: 25px; }
  .main_service .svc_tab_list { padding: 0 15px; display: block; margin-bottom: 20px; position: static; }
  .main_service .svc_tab_list > li { margin: 0; width: 25%; }
  /* 220714 퍼블수정 */
  .main_service .svc_tab_list > .bookmark > a {background: url(../../web/images/ko/icon_favorites_Pick_60_50.png) no-repeat center/15%;  width: auto; height: 38px;}
  .main_service .svc_tab_list > li > a { font-size: 1em; } }

/* 220714 퍼블수정 */
@media (max-width: 900px){
  .main_service .svc_tab_list > .bookmark > a {background: url(../../web/images/ko/icon_favorites_Pick_60_50.png) no-repeat center/20%;}
}
@media (max-width: 600px){
  .main_service .svc_tab_list > .bookmark > a {background: url(../../web/images/ko/icon_favorites_Pick_60_50.png) no-repeat center/25%;}
}
@media (max-width: 500px){
    .main_service .svc_tab_list > li > a {
        font-size: 0.938em;
    }
}
@media (max-width: 400px){
  .main_service .svc_tab_list > .bookmark > a {background: url(../../web/images/ko/icon_favorites_Pick_60_50.png) no-repeat center/32%;}
}
.main_mw { padding: 100px 0 60px; background: url("../../web/images/ko/main/bg_mw.png") no-repeat center top; }

.main_mw h4.main_tit2 { margin-bottom: 45px; }

.main_mw .mw_wrap:after { content: ''; display: block; clear: both; }

.main_mw .mw_wrap .mw_each {position: relative; float: left; width: calc(33.33% - 14px); margin-right: 20px; margin-bottom: 30px; }

.main_mw .mw_wrap .mw_each:nth-child(3n) { margin-right: 0; }

.main_mw .mw_wrap .mw_each:not(.faq) { background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border-radius: 10px; }

.main_mw .mw_wrap .mw_each .mw_tit1 { padding: 0 20px;line-height:62px; font-size: 1.375em; font-weight: 700; border: 1px solid #ddd; border-top-left-radius: 10px; border-top-right-radius: 10px; }

.main_mw .mw_wrap .mw_each .mw_tit1:after { content: ''; display: block; clear: both; }

.main_mw .mw_wrap .mw_each .a_more { position: absolute; top: 0; right: 20px; float: right; width: 16px; height: 16px; margin-top: 23px; background: url("../../web/images/ko/main/icon_more.png") no-repeat; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (max-width: 1180px) {.main_mw .mw_wrap .mw_each .a_more { position: absolute; top: 10px; right: 20px; float: right; width: 16px; height: 16px; margin-top: 23px; background: url("../../web/images/ko/main/icon_more.png") no-repeat; -webkit-transition: all 0.3s; transition: all 0.3s; } }

@media (min-width: 1180px) { .main_mw .mw_wrap .mw_each .a_more:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); } }

.main_mw .mw_wrap .mw_each .board_list { height: 249px; padding: 19px 25px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border: 1px solid #ddd; border-top-width: 0; }

.main_mw .mw_wrap .mw_each .board_list li { margin-bottom: 12px; padding-left: 10px; padding-right: 85px; font-size: 16px; position: relative; }

.main_mw .mw_wrap .mw_each .board_list li:last-child { margin-bottom: 0; }

.main_mw .mw_wrap .mw_each .board_list li:before { content: ''; display: block; width: 4px; height: 4px; background: #04a2a1; border-radius: 50%; position: absolute; top: 11px; left: 0; }

.main_mw .mw_wrap .mw_each .board_list li > a { display: inline-block; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: calc(100% - 20px); font-size: inherit; vertical-align: middle; }

@media (min-width: 1180px) { .main_mw .mw_wrap .mw_each .board_list li > a { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .main_mw .mw_wrap .mw_each .board_list li > a:hover { text-decoration: underline; } }

/* @!@ 20240522 명도 대비 4.5:1로 수정 */
/* .main_mw .mw_wrap .mw_each .board_list li .date { font-size: inherit; color: #999; position: absolute; top: 2px; right: 0; } */
.main_mw .mw_wrap .mw_each .board_list li .date { font-size: inherit; color: #767676; position: absolute; top: 2px; right: 0; }

.main_mw .mw_wrap .mw_each .board_list li .new { display: inline-block; width: 16px; height: 16px; font-size: 0; background: url("../../web/images/ko/main/icon_new.png") no-repeat; vertical-align: middle; }

.main_mw .mw_wrap .mw_each .faq_bn_wrap { position: relative; }

.main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_tit { padding: 25px; width: calc(50% - 5px); height: 110px; font-size: 22px; font-weight: 500; color: #fff; background: #05a29f url("../../web/images/ko/main/icon_faq.png") no-repeat center bottom 10px; position: absolute; top: 0; left: 0; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 10; }

.main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_tit:after { content: ''; display: block; width: 15px; height: 13px; background: url("../../web/images/ko/main/icon_bubble_on.png") no-repeat; position: absolute; bottom: -13px; left: 30px; }

.main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_bn .item a { display: block; float: left; width: calc(50% - 5px); height: 110px; margin-bottom: 30px; padding: 15px 25px; background: #fff; border: 2px solid #ddd; border-radius: 10px; position: relative; }

.main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_bn .item a:after { content: ''; display: block; width: 15px; height: 13px; background: url("../../web/images/ko/main/icon_bubble.png") no-repeat; position: absolute; bottom: -13px; right: 30px; }

.main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_bn .item a:first-child { float: right; }

.main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_bn .item a:nth-child(2) { clear: both; margin-right: 10px; }

.main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_bn .item a:nth-child(2):after { right: auto; left: 30px; }

.main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_bn .item a .txt { display: block; max-height: 75px; line-height: 1.5; font-size: 16px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_bn .item a .txt .icon_q { color: #04a2a1; font-weight: 500; }

.main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_attr { text-align: center; position: relative; }

.main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_attr .faq_prev, .main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_attr .faq_next { display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; vertical-align: middle; }

.main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_attr .faq_prev { background-image: url("../../web/images/ko/main/faq_prev.png"); }

.main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_attr .faq_next { background-image: url("../../web/images/ko/main/faq_next.png"); }

.main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_attr .faq_paging { display: inline-block; margin: 0 15px; font-size: 18px; font-weight: 500; color: #888; vertical-align: middle; }

.main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_attr .faq_paging .p_current { color: #04a2a1; }

.main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_attr .a_faq_all { padding: 5px 20px; background: #fff; position: absolute; top: -2px; right: 0; border: 1px solid #ddd; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_attr .a_faq_all:hover { border-color: #222; } }

.main_mw .mw_wrap .mw_each .pop_bn_wrap { position: relative; }

.main_mw .mw_wrap .mw_each .pop_bn_wrap .item { display: block; height: 250px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; }

.main_mw .mw_wrap .mw_each .pop_bn_wrap .pop_attr { position: absolute; top: -44px; right: 25px; }

.main_mw .mw_wrap .mw_each .pop_bn_wrap .pop_attr .pop_prev, .main_mw .mw_wrap .mw_each .pop_bn_wrap .pop_attr .pop_next { display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; vertical-align: middle; }

.main_mw .mw_wrap .mw_each .pop_bn_wrap .pop_attr .pop_prev { background-image: url("../../web/images/ko/main/faq_prev.png"); }

.main_mw .mw_wrap .mw_each .pop_bn_wrap .pop_attr .pop_next { background-image: url("../../web/images/ko/main/faq_next.png"); }

.main_mw .mw_wrap .mw_each .pop_bn_wrap .pop_attr .pop_stop { display: inline-block; width: 24px; height: 24px; margin: 0 6px; background: url("../../web/images/ko/main/icon_stop.png") no-repeat center/auto 9px; border: 1px solid #ddd; border-radius: 50%; vertical-align: middle; }

.main_mw .mw_wrap .mw_each .pop_bn_wrap .pop_attr .pop_stop.play { background-image: url("../../web/images/ko/main/icon_play.png"); }

.main_mw .mw_wrap .mw_each .pop_bn_wrap .pop_attr .pop_paging { display: inline-block; margin-right: 15px; font-size: 18px; font-weight: 500; color: #888; vertical-align: middle; }

.main_mw .mw_wrap .mw_each .pop_bn_wrap .pop_attr .pop_paging .p_current { color: #04a2a1; }

.main_mw .mw_wrap .mw_each.chat, .main_mw .mw_wrap .mw_each.info, .main_mw .mw_wrap .mw_each.book { background-repeat: no-repeat; background-position: right bottom; }

.main_mw .mw_wrap .mw_each.chat > a, .main_mw .mw_wrap .mw_each.info > a, .main_mw .mw_wrap .mw_each.book > a { display: block; height: 312px; padding: 32px 30px; }

.main_mw .mw_wrap .mw_each.chat .mw_tit2, .main_mw .mw_wrap .mw_each.info .mw_tit2, .main_mw .mw_wrap .mw_each.book .mw_tit2 { margin-bottom: 15px; font-size: 1.5em; font-weight: 700; }

.main_mw .mw_wrap .mw_each.chat .mw_txt1, .main_mw .mw_wrap .mw_each.info .mw_txt1, .main_mw .mw_wrap .mw_each.book .mw_txt1 { line-height: 1.5; color: #666; }
.main_mw .mw_wrap .mw_each.alert {clear:both;}
.main_mw .mw_wrap .mw_each.chat { background-image: url("../../web/images/ko/main/bg_chat.png"); }

.main_mw .mw_wrap .mw_each.info { background-image: url("../../web/images/ko/main/bg_info.png"); }

.main_mw .mw_wrap .mw_each.book { background-image: url("../../web/images/ko/main/bg_book.png"); }

@media (max-width: 1180px) { .main_mw { padding: 60px 0; background-position: left top -20px; }
  .main_mw h4.main_tit2 { margin-bottom: 0; }
  .main_mw .mw_wrap { padding: 0 15px; margin-top:20px;}
  .main_mw .mw_wrap .mw_each { width: calc(50% - 5px); margin-right: 10px; }
  .main_mw .mw_wrap .mw_each.alert { margin-right: 0; clear:none;}
  .main_mw .mw_wrap .mw_each .pop_bn_wrap .item img { width: 100%; }
  .main_mw .mw_wrap .mw_each.faq { display: none; }
  .main_mw .mw_wrap .mw_each.chat, .main_mw .mw_wrap .mw_each.info, .main_mw .mw_wrap .mw_each.book { display: none; }
  .main_mw .mw_wrap .mw_each.chat > a, .main_mw .mw_wrap .mw_each.info > a, .main_mw .mw_wrap .mw_each.book > a { height: 312px; } }

@media (max-width: 900px) { .main_mw { padding: 25px 0; background-image: url("../../web/images/ko/main/bg_mw_m.png"); background-size: 100% auto;}
  .main_mw .mw_wrap { margin-top: 20px; }
  .main_mw .mw_wrap .mw_each { float: none; width: auto; margin-right: 0; margin-bottom: 25px; }
  .main_mw .mw_wrap .mw_each:nth-child(3n) { margin-right: 0; }
  .main_mw .mw_wrap .mw_each .mw_tit1 { padding: 12px 15px; font-size: 18px; font-weight: 500; line-height:1.4}
  .main_mw .mw_wrap .mw_each .a_more { margin-top: 5px; }
  .main_mw .mw_wrap .mw_each .board_list { max-height: inherit; padding: 12px 15px;height:auto; }
  .main_mw .mw_wrap .mw_each .board_list li { margin-bottom: 10px; }
  .main_mw .mw_wrap .mw_each .board_list li:last-child { margin-bottom: 0; }
  .main_mw .mw_wrap .mw_each .board_list li > a { font-size: 14px; }
  .main_mw .mw_wrap .mw_each .board_list li .date { font-size: 14px; top: 3px; }
  .main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_tit { height: 95px; padding: 22px 25px; font-size: 1.125em; }
  .main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_bn .item a { height: 95px; margin-bottom: 20px; padding: 15px; }
  .main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_bn .item a .txt { max-height: 63px; font-size: 0.875em; }
  .main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_attr { text-align: left; }
  .main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_attr .faq_paging { font-size: 14px; }
  .main_mw .mw_wrap .mw_each .faq_bn_wrap .faq_attr .a_faq_all { padding: 5px 15px; font-size: 14px; }
  .main_mw .mw_wrap .mw_each .pop_bn_wrap .pop_bn .item { height: auto; max-height: 300px; }
  .main_mw .mw_wrap .mw_each .pop_bn_wrap .pop_attr { top: -38px; right: 15px; }
  .main_mw .mw_wrap .mw_each .pop_bn_wrap .pop_attr .pop_paging { margin-right: 10px; font-size: 14px; }
  .main_mw .mw_wrap .mw_each.chat, .main_mw .mw_wrap .mw_each.info, .main_mw .mw_wrap .mw_each.book { background-size: 60% auto; }
  .main_mw .mw_wrap .mw_each.chat > a, .main_mw .mw_wrap .mw_each.info > a, .main_mw .mw_wrap .mw_each.book > a { height: auto; min-height: 170px; padding: 18px; }
  .main_mw .mw_wrap .mw_each.chat .mw_tit2, .main_mw .mw_wrap .mw_each.info .mw_tit2, .main_mw .mw_wrap .mw_each.book .mw_tit2 { margin-bottom: 10px; font-size: 1.25em; font-weight: 500; }
  .main_mw .mw_wrap .mw_each.chat .mw_txt1, .main_mw .mw_wrap .mw_each.info .mw_txt1, .main_mw .mw_wrap .mw_each.book .mw_txt1 { font-size: 0.875em; }
  .main_mw .mw_wrap .mw_each.chat { background-image: url("../../web/images/ko/main/bg_chat_m.png"); background-size: 60% auto; }
  .main_mw .mw_wrap .mw_each.info { background-image: url("../../web/images/ko/main/bg_info_m.png"); }
  .main_mw .mw_wrap .mw_each.book { background-image: url("../../web/images/ko/main/bg_book_m.png"); } }

/* 추천서비스 타이틀 */
@media (max-width: 500px){
    .main_wrap .main_tit2 {
        font-size: 24px;
    }
    }
@media (max-width: 440px){
    .main_wrap .main_tit2 {
        font-size: 22px;
    }
}

.main_mw .main_btm_bn { display: block; }

.main_mw .main_btm_bn img { display: block; margin: auto; }

.main_mw .main_btm_bn .m_img { display: none; }

@media (max-width: 1180px) { .main_mw .main_btm_bn { display: none; } }

@media (max-width: 900px) { .main_mw .main_btm_bn { padding: 0 15px; }
  .main_mw .main_btm_bn .pc_img { display: none; }
  .main_mw .main_btm_bn .m_img { display: block; } }

/* 메인 초기화면 2020.11.18 시작 */
.cont_top { position: relative; }

.cont_top li { padding-right: 500px; }

.cont_top li.quick_reserv { padding-right: 0; width: 420px;  position: absolute; bottom:0; right:0;}

.cont_top li.quick_reserv a,
.cont_top li.quick_reserv .quick_reserv_trigger { display: block; }

.cont_top li em { display: block; width: 625px; height: 160px; background: url("../../web/images/ko/main/slogan.png") no-repeat center top; }
.en .cont_top li em {background: url("../../web/images/en/main/slogan.png") no-repeat center center;width:100%;background-size:100%;}
.cont_top li b { position: relative; font-size: 1.0625em; color: #fff; padding-left: 166px; }

.cont_top li b:before { content: ''; display: block; position: absolute; left: 0; top: 50%; margin-top: -0.5px; z-index: 1; width: 158px; height: 1px; background-color: #fff; opacity: 0.6; }

/* 20210329 메인 검색영역 포커스 수정 */
/* .cont_top li .form_area { position: relative; border-radius: 23px; overflow: hidden; margin-top: 35px; }

.cont_top li .form_area > input { height: 46px; padding-left: 30px; }
 */

.cont_top li .form_area { position: relative; margin-top: 35px; }

.cont_top li .form_area > input { height: 46px; padding-left: 30px;border-radius: 23px; }
.cont_top li .form_area > input::placeholder { color: #666;
}
.cont_top li .form_area button { position: absolute; right: 0; top: 0; z-index: 1; padding: 0 33px; line-height: 46px; font-size: 1em; color: #fff; background-color: #0066b2; border-radius: 23px; }

.cont_top li.quick_reserv h4 { font-size: 1.563em; font-weight: 500; color: #ffe04d; }

.cont_top li.quick_reserv>a,
.cont_top li.quick_reserv .quick_reserv_trigger { width: 100%; height: 186px; z-index: inherit; padding: 30px; text-align: left; background-color: #3f3ecf; border-radius: 10px 60px 10px 10px; -webkit-box-shadow: 8px 8px 14px rgba(28, 27, 199, 0.15); box-shadow: 8px 8px 14px rgba(28, 27, 199, 0.15); }
  .cont_top li.quick_reserv a h4,
  .cont_top li.quick_reserv .quick_reserv_trigger h4 { font-size: 1.563em; font-weight: 500; color: #ffe04d; }
  .cont_top li.quick_reserv a h4 > span,
  .cont_top li.quick_reserv .quick_reserv_trigger h4 > span { display: block; font-size: 0.938rem; font-weight: 200; color: #fff; opacity: 0.7; line-height: 1.5em; margin-top: 8px; }

.cont_top li.quick_reserv h4 > span { display: block; font-size: 0.938rem; font-weight: 200; color: #fff; opacity: 0.7; line-height: 1.5em; margin-top: 8px; }

.cont_top li.quick_reserv i { position: absolute; right: 20px; bottom: 0; z-index: 1; width: 145px; height: 173px; background: url("../../web/images/ko/main/bg_man.png") no-repeat center bottom; }

.cont_top li.quick_reserv .btn { display: inline-block; padding: 0 44px 0 16px; line-height: 32px; border: 2px solid rgba(255, 255, 255, 0.8); font-size: 0.938em; color: #fff; border-radius: 30px; background: url("../../web/images/ko/main/arrow_qr.png") no-repeat right 16px center;position:absolute;left:30px;bottom:30px; }

@media (max-width: 1180px) {
  .cont_top { padding: 80px 15px 30px; }
  .cont_top li { padding-right: 400px; }
  .cont_top li.quick_reserv { float: none;bottom:30px;right:15px;width:350px;}
  .cont_top li em { display: block; width: 500px; height: 115px; background-size: 100%; background-position: 0 0; }
  .cont_top li b { position: relative; font-size: 1.0625em; color: #fff; padding-left: 100px; }
  .cont_top li b:before { content: ''; display: block; position: absolute; left: 0; top: 50%; margin-top: -0.5px; z-index: 1; width: 80px; height: 1px; background-color: #fff; opacity: 0.6; }
/*   .cont_top li .form_area { position: relative; border-radius: 23px; overflow: hidden; margin-top: 35px; } */
  .cont_top li .form_area > input { height: 46px; padding-left: 30px; }
  .cont_top li .form_area button { position: absolute; right: 0; top: 0; z-index: 1; padding: 0 33px; line-height: 46px; font-size: 1em; color: #fff; background-color: #0066b2; border-radius: 23px; }
  .cont_top li.quick_reserv i { position: absolute; right: 20px; bottom: 0; z-index: 1; width: 145px; height: 173px; background: url("../../web/images/ko/main/bg_man.png") no-repeat center bottom; }
  .cont_top li.quick_reserv .btn { display: inline-block; padding: 0 44px 0 16px; line-height: 32px; border: 2px solid rgba(255, 255, 255, 0.8); font-size: 0.938em; color: #fff; border-radius: 30px; background: url("../../web/images/ko/main/arrow_qr.png") no-repeat right 16px center; margin-top: 20px; }

}

  /*210830 날씨정보 추가수정*/
  .cont_top > li .seoul_weather {text-align: right; line-height: 25px; margin-bottom: 20px;}
  .cont_top > li .seoul_weather img {height: 28px;}
  .cont_top > li .seoul_weather strong {margin-left: 10px; font-size: 36px; color: #ffea8a; font-weight: bold;font-family:'Roboto',sans-serif;}
  .cont_top > li .seoul_weather span {color: white; font-size: 18px; margin-left: 5px;}
  .cont_top > li .seoul_weather > div {margin-top:3px; color: white; font-size: 15px; vertical-align: -1px;}









@media (max-width: 900px) {
  .cont_top { padding: 30px 15px; }
  .cont_top li { padding-right: 0; }
  .cont_top > li { margin-top: 49px;}
  .cont_top li.quick_reserv { float: none; width: 100%;right:0;}
  .cont_top li em { display: none; width: 100%; margin: 0 auto; height: 0; padding-top: 21.6666%; background-size: 100%; background-position: center top; background-image: url("../../web/images/ko/main/slogan2.png"); }
  .cont_top li b { display: none; }
  .cont_top li .form_area { margin: 20px auto; z-index:1;}
  .cont_top li .form_area > input { height: 40px; padding-left: 20px; }
  .cont_top li .form_area button { padding: 0 20px; line-height: 40px; }
  .cont_top li.quick_reserv { width: 100%; height: auto; position: static; bottom: 0; right:0; padding:0; margin-top: 0; border-radius: 10px; }
  .cont_top li.quick_reserv >a,
  .cont_top li.quick_reserv .quick_reserv_trigger {position: relative;}
  .cont_top li.quick_reserv h4 { font-size: 1.125rem; font-weight: 500; color: #ffe04d; }
  .cont_top li.quick_reserv h4 > span { display: block; font-size: 0.8125rem; font-weight: 200; color: #fff; opacity: 0.7; line-height: 1.5em; margin-top: 8px; }
  .cont_top li.quick_reserv i { right: 15px; width: 120px; height: 160px; background-size: 100%; }
  .cont_top li.quick_reserv .btn { display: inline-block; padding: 0 44px 0 16px; line-height: 32px; border: 2px solid rgba(255, 255, 255, 0.8); font-size: 12px; color: #fff; border-radius: 30px; background: url("../../web/images/ko/main/arrow_qr.png") no-repeat right 16px center; margin-top: 15px; }
  .cont_top li .seoul_weather {position: absolute; top: 25px; left: -18px; bottom: 23px; text-align: right; width: 100%; }
  .cont_top li .seoul_weather strong { font-size: 26px;  letter-spacing: 2px;}
  .cont_top li .seoul_weather span { font-size: 14px;}
  .cont_top li .seoul_weather > div {margin-top: -3px;}



  }


.wrap_idx { margin-top: 80px; }

.wrap_idx .tab_wrap:after { content: ''; display: block; clear: both; }

.wrap_idx .tab_wrap h4 { font-size: 1.25em; font-weight: 500; float: left; width: 20%; background-color: #fff; text-align: center; border-radius: 10px 0 0 0; }

.wrap_idx .tab_wrap h4 em { color: #0379d5; line-height: 55px; }

.wrap_idx .tab_wrap .tab_st { float: left; width: 80%; background: rgba(0, 0, 0, 0.7); border-radius: 0 10px 0 0; font-size: 0; text-align: left; padding-left: 20px; }

.wrap_idx .tab_wrap .tab_st li { display: inline-block; width: 13%; text-align: center; }

.wrap_idx .tab_wrap .tab_st li a { position: relative; display: block; font-size: 1.125rem; color: #ffffff; line-height: 55px; }

.wrap_idx .tab_wrap .tab_st li.on > a { color: #ffe400; }

.wrap_idx .tab_wrap .tab_st li.on > a:before { content: ''; position: absolute; left: 50%; top: 0; z-index: 1; margin-left: -40%; width: 80%; height: 3px; background-color: #ffe400; }

.wrap_idx .con_idx { position: relative; font-size: 0; }

.wrap_idx .con_idx .idx { position: absolute; left: 0; top: 0; width: 100%; display: none; }

.wrap_idx .con_idx .idx.on { position: relative; display: block; background-color: #fff; padding: 36px 50px; }

.wrap_idx .con_idx .ct_select { display: inline-block; vertical-align: middle; margin-left: 10px; }

.wrap_idx .con_idx .ct_select select { height: 44px; padding: 0 25px 0 10px; color: #222; background: #fff url(../../web/images/ko/select_down.png) no-repeat right 10px center; text-align: left; position: relative; border-radius: 3px; border: 1px solid #cacfd3; }

.wrap_idx .con_idx .ct_select:first-child { margin-left: 0; }

.wrap_idx .con_idx .ct_select.w186 { width: 186px; }

.wrap_idx .con_idx .ct_select.w246 { width: 246px; }

.wrap_idx .con_idx .ct_select.w285 { width: 285px; }

.wrap_idx .con_idx .ct_select.w440 { width: 440px; }

.wrap_idx .con_idx .ct_select.w597 { width: 597px; }

.wrap_idx .con_idx button { display: inline-block; height: 44px; margin-left: 8px; padding: 0 35px; font-size: 1rem; background-color: #495f74; color: #fff; vertical-align: middle; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; min-width: 178px; }

@media (max-width: 1180px) { .wrap_idx { margin-top: 0; background: #f0f0f0; }
  .wrap_idx .tab_wrap:after { content: ''; display: block; clear: both; }
  .wrap_idx .tab_wrap h4 { font-size: 1.25em; font-weight: 500; float: none; width: 100%; border-radius: 10px 10px 0 0; background: transparent; }
  .wrap_idx .tab_wrap h4 em { line-height: 50px; }
  .wrap_idx .tab_wrap .tab_st { float: none; width: 100%; border-radius: 0; padding: 0 15px; }
  .wrap_idx .tab_wrap .tab_st:after { content: ''; display: block; clear: both; }
  .wrap_idx .tab_wrap .tab_st li { float: left; width: 20%; }
  .wrap_idx .tab_wrap .tab_st li a { position: relative; display: block; font-size: 0.875rem; color: #ffffff; line-height: 42px; text-align: center; }
  .wrap_idx .tab_wrap .tab_st li.on > a { color: #ffe400; }
  .wrap_idx .tab_wrap .tab_st li.on > a:before { content: ''; position: absolute; left: 0; top: 0; z-index: 1; margin-left: 0; width: 100%; height: 3px; background-color: #ffe400; }
  .wrap_idx .con_idx .idx.on { padding: 15px 15px 20px; background: transparent; }
  .wrap_idx .con_idx .ct_select { display: inline-block; vertical-align: middle; margin-left: 0; }
  .wrap_idx .con_idx .ct_select select { padding: 0 25px 0 10px; color: #222; background: #fff url(../../web/images/ko/select_down.png) no-repeat right 10px center; text-align: left; position: relative; border-radius: 3px; border: 1px solid #cacfd3; font-size: 0.875rem; }
  .wrap_idx .con_idx .ct_select.w186, .wrap_idx .con_idx .ct_select.w246, .wrap_idx .con_idx .ct_select.w285, .wrap_idx .con_idx .ct_select.w440, .wrap_idx .con_idx .ct_select.w597 { float: left; width: calc(50% - 2.5px); }
  .wrap_idx .con_idx .ct_select:first-child { margin-right: 5px; }
  .wrap_idx .con_idx .ct_select:last-of-type { width: 100%; margin-top: 5px; }
  /* .wrap_idx .con_idx button { margin-top: 10px; display: inline-block; height: 40px; margin-left: 0; padding: 0 35px; font-size: 0.875rem; background-color: #495f74; color: #fff; vertical-align: middle; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; min-width: none; width: 100%; } } */
  .wrap_idx .con_idx button { margin-top: 10px; display: inline-block; height: 40px; margin-left: 0; padding: 0 35px; font-size: 0.875rem; background-color: #495f74; color: #fff; vertical-align: middle; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s;width: 100%; } }

/* 메인 초기화면 2020.11.18 끝 */
/* 게시판 */
@media (min-width: 1180px) { .pc_none { display: none; } }

.fc_red { color: #db375d; }

.fc_blue { color: #0379d5; }

.fc_orange { color: #c75300; }

.fc_green { color: #05a29f; }

/* @!@ 20240522 명도 대비 4.5:1로 수정 */
.fc_deep_green { color: #5d7170; }

.fc_gray { color: #777; }

.fc_purple { color: #9650ec; }

.fw_bold { font-weight: 500; }

/* 게시판 검색 */
.search_field {
    padding: 25px 20px;
}

.search_field { margin-bottom: 40px; background-color: #f5f7f9; padding: 25px; border-radius: 10px; text-align: center; position: relative; }

.search_field.open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }

.search_field fieldset { font-size: 0; }
/*20250813 시설연락처 디바이스 수정  */
.search_field fieldset * { font-size: 16px; }
.search_field .fieldset * { width: 260px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-bottom: 0px; margin-bottom: 20px;}

.search_field .form_sel, .search_field .form_inp, .search_field .btn_box { display: inline-block; vertical-align: middle; font-size: 16px; }
.search_field .form_sel, .search_field .form_inp2, .search_field .btn_box { display: inline-block; vertical-align: middle; font-size: 16px; }

.search_field .form_sel select { width: 140px; }

.search_field .form_inp { width: 370px; margin-left: 8px; }
/*20250813 시설연락처 디바이스 수정  */
.search_field.my_search .fieldset .sch_kind_box { width: 262px; margin-left: 8px; }
.search_field .form_inp2 { width: 370px; margin-left: 8px; }

.search_field .btn_ok { padding: 0px 30px; display: inline-block; height: 44px; margin-left: 8px; padding: 0 35px; font-size: 18px; background-color: #495f74; color: #fff; vertical-align: middle; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; }

/*20250813 시설연락처 디바이스 수정  */
.search_field .Facility_btn { margin-right: 4px;}

@media (min-width: 1180px) { .search_field .btn_ok:hover { background-color: #224361; } }

.search_field .btn_ok.btn_plus { background: #7672cb; position: relative; }

.search_field .btn_ok.btn_plus .ico { display: inline-block; padding-right: 16px; position: relative; }

.search_field .btn_ok.btn_plus .ico:before { content: ''; display: block; width: 12px; height: 2px; background: #fff; position: absolute; top: 50%; right: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

.search_field .btn_ok.btn_plus .ico:after { content: ''; display: block; width: 2px; height: 12px; background: #fff; position: absolute; top: 5px; right: 5px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.search_field .btn_ok.btn_plus.active .ico:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

@media (min-width: 1180px) { .search_field .btn_ok.btn_plus:hover { background-color: #5d59b4; } }

.search_field .form_plus { display: none;padding: 25px; text-align: left; background: #f5f7f9; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; position: absolute; left: 0; right: 0; -webkit-box-shadow: 0 17px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 17px 20px rgba(0, 0, 0, 0.15); z-index: 5; }

.search_field .form_plus .con_box { padding: 25px; margin-bottom: 15px; background: #fff; border-radius: 10px; }

.search_field .form_plus .common_btn_box .common_btn { min-width: 240px; }

@media (max-width: 1180px) { .search_field .form_plus { padding: 0 0 30px; margin-top: 15px; }
  .search_field .form_plus .con_box { padding: 15px; border-radius: 0; }
  .search_field .form_plus .common_btn_box { padding: 0 15px; }
  .search_field .form_plus .common_btn_box .common_btn { width: calc(50% - 6px); min-width:auto;} }

.search_field .form_each { margin-bottom: 20px; text-align: left; }

.search_field .form_each.one { margin-bottom: 20px; margin-top: 15px; padding-left: 178px; }

.search_field .form_each:last-child { margin-bottom: 0; }

.search_field .form_each.w50 { float: left; width: 50%; }

.search_field .form_each .form_label { display: inline-block; width: 120px; padding-left: 12px; line-height: 34px; font-weight: 500; position: relative; vertical-align: middle; }

.search_field .form_each .form_label:before { content: ''; display: inline-block; width: 5px; height: 5px; background: #04a2a1; border-radius: 10px; position: absolute; top: 16px; left: 0; }

.search_field .form_each .form_con { display: inline-block; width: calc(100% - 125px); vertical-align: middle; }

.search_field .form_each .form_inp { margin-left: 0; font-size: 15px; }
.search_field .form_each .form_inp2 { margin-left: 0; font-size: 15px; }

.search_field .form_each .chk_each { font-size: 16px; color: #444; }

.search_field .form_each .chk_item { display: inline-block; margin: 2px 1px; padding: 6px 13px; font-size: 14px; color: #0379d5; background: #fff; border: 1px solid #0379d5; border-radius: 3px; }

.search_field .form_each .chk_item .chk_x { display: inline-block; margin-left: 5px; font-size: 1px;text-indent:-9999px;overflow:hidden; width: 10px; height: 10px; background: url("../../web/images/ko/icon_x.png") no-repeat; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .search_field .form_each .chk_item:hover .chk_x { -webkit-transform: rotate(180deg); transform: rotate(180deg); } }

.search_field .form_each .chk_plus { display: inline-block; }

.search_field .form_each .chk_plus .txt { display: inline-block; width: 18px; height: 18px; margin-top: -3px; margin-left: 4px; border-radius: 50%; background: #495f74; position: relative; font-size: 0; vertical-align: middle; }

.search_field .form_each .chk_plus .txt:before { content: ''; display: block; width: 8px; height: 2px; background: #fff; position: absolute; top: 50%; margin-top: -1px; left: 50%; margin-left: -4px; }

.search_field .form_each .chk_plus .txt:after { content: ''; display: block; width: 2px; height: 8px; background: #fff; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -1px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.search_field .form_each.plus_box .chk_each { margin-bottom: 10px; }

.search_field .form_each.plus_box .form_con {position:relative; height: 34px; overflow: hidden; }

.search_field .form_each.plus_box.active { margin-bottom: 15px; }

.search_field .form_each.plus_box.active .form_label { vertical-align: top; }

.search_field .form_each.plus_box.active .txt:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.search_field .form_each.plus_box.active .form_con { height: auto; overflow: visible; }

@media (max-width: 1180px) { .search_field .form_each { margin-bottom: 15px; }
  .search_field .form_each.one { padding-left: 0; }
  .search_field .form_each.w50 { float: none; width: auto; }
  .search_field .form_each .form_label { display: block; width: auto; margin-bottom: 5px; padding-left: 0; line-height: 1.4; font-size: 15px; }
  .search_field .form_each .form_label:before { display: none; }
  .search_field .form_each .form_con { display: block; width: auto; }
  .search_field .form_each .chk_each label { font-size: 14px; } }

.search_field .form_inp {
     width: 35%;
}

.form_inp input::placeholder, .form_inpinput::placeholder {
  color: #666;
}

.form_inp2 input::placeholder, .form_inp2input::placeholder {
  color: #666;
}

@media (max-width: 900px) { .search_field { margin-bottom: 20px; }
  .search_field .form_sel select { width: 180px; }
  .search_field .form_inp { width: calc(100% - 188px); margin-left: 4px; }
  .search_field .form_inp2 { width: calc(100% - 188px); margin-left: 4px; }
  .search_field .btn_ok { width: calc(50% - 4px); margin-top: 4px; margin-left: 0; font-size: 15px; }
  .search_field .btn_ok:first-of-type:last-of-type { width: calc(100% - 4px); }
  .search_field .btn_ok.btn_plus { margin-left: 4px; }
  .search_field .btn_ok.btn_plus .ico { font-size: 15px; }
  .search_field .btn_ok.btn_plus .ico:before { margin-top: -1px; }
  .search_field .btn_ok.btn_plus .ico:after { margin-top: -1px; } }

@media (max-width: 720px) { .search_field { border-radius: 0; border: 0; padding: 18px; }
  .search_field fieldset * { font-size: 14px; }
  .search_field .form_sel select { width: 100px; font-size: 0.825rem; background-position: right 15px center; }
  .search_field .form_inp { width: calc(100% - 108px); font-size: 0.825rem; }
  .search_field .form_inp input { height: 100%; padding: 0 12px; }
  .search_field .form_inp2 { width: calc(100% - 108px); font-size: 0.825rem; }
  .search_field .form_inp2 input { height: 100%; padding: 0 12px; }
  .search_field .btn_ok { /*height: 35px;*/ } }
  .search_field .form_each.plus_box.active { margin-bottom: 10px; }

.search_field.my_search .onoff_list { display: inline-block; margin-right: 20px; border: 1px solid #cacfd3; border-radius: 3px; vertical-align: middle; }

.search_field.my_search .onoff_list:after { content: ''; display: block; clear: both; }

.search_field.my_search .onoff_list .btn_onoff { display: block; float: left; width: 65px; line-height: 42px; text-align: center; background: #fff; border-right: 1px solid #cacfd3; }

.search_field.my_search .onoff_list .btn_onoff.active { background-color: #0379d5; color: #fff; border-color: #0379d5; }

.search_field.my_search .onoff_list .btn_onoff:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.search_field.my_search .onoff_list .btn_onoff:last-child { border-right-width: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.search_field.my_search .form_inp { width: 290px; }
.search_field.my_search .form_inp2 { width: 290px; }

.search_field.my_search .form_inp.date { width: 140px; margin-left: 0; }

.search_field.my_search .form_inp.date + .form_sel { margin-left: 30px; }

@media (max-width: 1180px) { .search_field.my_search .onoff_list { display: block; margin-bottom: 5px; margin-right: 0; }
  .search_field.my_search .onoff_list .btn_onoff { width: 33.33%; }
  .search_field.my_search .form_inp { width: calc(100% - 250px); }
  .search_field.my_search .form_inp2 { width: calc(100% - 250px); }
  .search_field.my_search .form_inp.date { width: calc(50% - 10px); margin-bottom: 5px; }
  .search_field.my_search .form_inp.date + .form_sel { margin-left: 0; } }

@media (max-width: 900px) { .search_field.my_search .form_inp { width: calc(100% - 188px); } }

@media (max-width: 720px) { .search_field.my_search .onoff_list .btn_onoff { /* line-height: 33px; */ }
  .search_field.my_search .form_inp { width: calc(100% - 108px); } }

.tableA { border-top: 2px solid #000; padding-top: 1px; }

.tableA table { width: 100%; table-layout: fixed; border-spacing: 0; border-collapse: collapse; }

.tableA table b.pc_none { font-weight: 400; }

.tableA table .bd_noti, .tableA table .bd_new { clip: rect(0 0 0 0); width: 1px; height: 1px; position: absolute; overflow: hidden; margin: -1px; padding: 0; border: 0; }

.tableA table.text_l td { text-align: left; }

.tableA table.tl_reset { table-layout: inherit; }

.tableA table th, .tableA table td { padding: 15px 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.tableA table th { font-weight: 500; background: #f9fafb; }

.tableA table th:last-child { border-right-width: 0; }

.tableA table td { text-align: center; word-break: break-all; }

.tableA table td:last-child { border-right-width: 0; }

.tableA table td:last-child { border-right-width: 0; }

.tableA table td:last-child { border-right-width: 0; }

.tableA table td .dot_list, .tableA table td .num_list { text-align: left; }

.tableA table td.text_l { text-align: left; padding: 15px; }

.tableA table td.text_l .notice_new { display: inline-block; height: 20px; width: 16px; background: url("../../web/images/ko/icon_new.png") no-repeat center; margin-left: 8px; vertical-align: top; }

.tableA table td.text_l a:hover { text-decoration: underline; }

.tableA table td .icon_notice { display: inline-block; height: 26px; width: 26px; background: url("../../web/images/ko/icon_notice.png") no-repeat center; background-size: 24px auto; vertical-align: top; }

.tableA table td .fc_gray { font-size: 0.938em; }

@media (max-width: 1180px) { .tableA table, .tableA thead, .tableA tbody, .tableA tr, .tableA th, .tableA td { display: block; height: auto; padding: 0; }
  .tableA thead, .tableA .file { display: none; }
  .tableA tr { border-bottom: 1px solid #ddd; padding: 12px 15px; }
  .tableA tr:after { content: ''; display: block; clear: both; }
  .tableA tbody td { float: left; padding: 4px 0; border-right: 0; text-align: left; border: 0; }
  .tableA tbody td.text_l { width: 100%; padding: 4px 0; }
  .tableA tbody td.text_l a { font-size: 1.2em; position: relative; }
  .tableA tbody td.text_l a .notice_new { position: absolute; left: 66px; top: -28px; background: none; margin: 0; }
  .tableA tbody td.text_l a .notice_new span {display: inline-block; width: 56px; color: #e60012; line-height: 22px; border: 1px solid #e60012; font-size: 14px; border-radius: 4px; text-align: center; margin: 0; }
  .tableA tbody td .bd_noti, .tableA tbody td .bd_new { clip: inherit; width: auto; height: auto; position: static; overflow: initial; margin: 0; }
  .tableA tbody td.inline { display: inline-block; width: auto; margin-left: 18px; color: #666; font-size: 1em; position: relative; }
  .tableA tbody td.inline:after { display: block; content: ''; position: absolute; left: -8px; top: 7px; background: #aaa; width: 1px; height: 14px; }
  .tableA tbody td .icon_notice { background: none; }
  .tableA tbody td .icon_notice span { color: #ff7200; display: inline-block; width: 60px; font-size: 0.875em; line-height: 22px; text-align: center; border: 1px solid #ff7200; border-radius: 4px; }
  .tableA tbody td.mob_label { min-width: 50px; padding-left: 0; text-align: left; line-height: 26px; color: #666; }
  .tableA tbody td.mob_label b { color: inherit; font-size: 1.063em; } }

/* paging */
.paging { margin-top: 30px; text-align: center; }

.paging a { display: inline-block; width: 30px; height: 30px; line-height: 30px; border: 1px solid #ddd; border-radius: 20px; vertical-align: top; margin: 0 2px; }

.paging a.prev { background: url("../../web/images/ko/prev.png") no-repeat center; }

.paging a.prev_first { background: url("../../web/images/ko/prev_first.png") no-repeat center; }

.paging a.next { background: url("../../web/images/ko/next.png") no-repeat center; }

.paging a.next_last { background: url("../../web/images/ko/next_last.png") no-repeat center; }

@media (min-width: 1180px) { .paging a:hover { background-color: #e3e6e9; } }

.paging ul { display: inline-block; }

.paging ul li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.paging ul li a { font-size: 0.8em; border: 0; }

@media (min-width: 1180px) { .paging ul li a:hover { background-color: #e3e6e9; } }

.paging ul li.active a { background: #495f74; color: #fff; }

/* board detail */
.bv_top { border-top: 2px solid #222; border-bottom: 1px solid #ddd; }

.bv_top .bv_tit1 { padding: 25px; font-size: 1.125em; font-weight: 500; background: #f9fafb; border-bottom: 1px solid #ddd; }

.bv_top .bv_attr { padding: 13px 25px; }

.bv_top .bv_attr:after { content: ''; display: block; clear: both; }

.bv_top .bv_attr li { float: left; margin-right: 30px; font-size: 0.938em; color: #555; }

.bv_top .bv_attr li b { display: inline-block; padding-right: 20px; color: #222; position: relative; }

.bv_top .bv_attr li b:after { content: ''; display: block; width: 1px; height: 12px; background: #aaa; position: absolute; right: 9px; top: 50%; margin-top: -6px; }

@media (max-width: 900px) { .bv_top .bv_tit1 { padding: 15px; }
  .bv_top .bv_attr { padding: 12px 15px; }
  .bv_top .bv_attr li { font-size: 0.875em; } }

.bv_file_list {padding: 16px 25px; background: #f5f7f9; }

.bv_file_list:after { content: ''; display: block; clear: both; }

.bv_file_list li { float: left; margin-right: 25px; color: #444; }

.bv_file_list li:nth-child(2n+1) { clear: both; }

@media (max-width: 900px) { .bv_file_list { margin: 0; padding: 15px; }
  .bv_file_list li { float: none; margin-right: 0; margin-bottom: 8px; font-size: 0.875em; }
  .bv_file_list li:last-child { margin-bottom: 0; } }

.a_file { display: inline-block; padding-left: 33px; color: #444; background-position: left center; line-height: 30px; background: url("../../web/images/ko/file_folder.png") no-repeat 0 50%; }
.bv_file_list2 .a_file {padding-top:5px;padding-bottom:5px;line-height:20px;}
@media (max-width: 900px) { .a_file { padding-left: 25px; font-size: 0.875em; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: middle; } }

@media (max-width: 900px) { .a_file { line-height: 20px; background-size: auto 20px; } }

.a_file.pdf { background-image: url("../../web/images/ko/file_pdf.png"); }

.a_file.word { background-image: url("../../web/images/ko/file_word.png"); }

.a_file.hwp { background-image: url("../../web/images/ko/file_hwp.png"); }

.a_file.ppt { background-image: url("../../web/images/ko/file_ppt.png"); }

.a_file.xls { background-image: url("../../web/images/ko/file_xls.png"); }

@media (min-width: 1180px) and (min-width: 1180px) { .a_file { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .a_file:hover { text-decoration: underline; } }

.editor_view { min-height: 390px; padding: 40px 25px; line-height: 1.5; color: #444; border-bottom: 1px solid #222; }
.editor_view table,
.editor_view th,
.editor_view td {border:solid;border-width:1px;border-color:#000;}
@media (max-width: 900px) { .editor_view { min-height: auto; padding: 15px; font-size: 0.875em; } }

.answer_view { margin-top: 80px; }

@media (max-width: 900px) { .answer_view { margin-top: 40px; } }

.bv_nav { border-bottom: 1px solid #222; }

.bv_nav > li { border-bottom: 1px solid #ddd; line-height: 46px; }

.bv_nav > li:last-child { border-bottom-width: 0; }

.bv_nav > li .tit { float: left; width: 160px; text-align: center; background: #f9fafb; }

.bv_nav > li .txt { display: block; padding: 0 25px; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

@media (max-width: 900px) { .bv_nav > li { line-height: 40px; }
  .bv_nav > li .tit { width: 80px; font-size: 0.938em; }
  .bv_nav > li .txt { font-size: 0.938em; } }

/* 에디터 삽입 컨텐츠 리셋스타일 제거 */
.editor_view ol { padding-left: 19px; list-style-type: decimal; }

.editor_view ol li { list-style-type: decimal; }

.editor_view ul { padding-left: 19px; list-style-type: disc; }

.editor_view ul li { list-style-type: disc; }

.editor_view i, .editor_view em { font-style: italic; }

.editor_view b, .editor_view strong { font-weight: bold; }

/* FAQ */
.faq_list { border-top: 2px solid #222; }

.faq_list > li { border-bottom: 1px solid #ddd; }

.faq_list > li:after { content: ''; display: block; clear: both; }

.faq_list > li .faq_tit { display: block; padding: 17px 30px 12px; }

.faq_list > li .faq_tit:after { content: ''; display: block; clear: both; }

.faq_list > li .faq_tit .tit1 { float: left; display: block; width: calc(100% - 52px); }

.faq_list > li .faq_tit .tit1 .ico { display: block; padding-right: 30px; line-height: 1.5; font-size: 1.125em; position: relative; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

@media (max-width: 900px) { .faq_list > li .faq_tit .tit1 .ico { font-size: 0.938em; padding: 10px 40px 10px 15px; } }

.faq_list > li .faq_tit .tit1 .ico:after { content: ''; display: block; width: 22px; height: 2px; background: #a2a9ae; position: absolute; top: 50%; margin-top: -1px; right: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

.faq_list > li .faq_tit .tit1 .ico:before { content: ''; display: block; width: 2px; height: 22px; background: #a2a9ae; position: absolute; top: 50%; margin-top: -11px; right: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.faq_list > li .faq_txt_wrap { display: none; padding: 17px 30px; background-color: #f9fafb; border-top: 1px solid #ddd; }

.faq_list > li .faq_txt_wrap .faq_txt_box { min-height: 35px; }

.faq_list > li .faq_txt_wrap .faq_txt_box .icon_faq.answer { color: #fff; background-color: #666; border-color: #666; }

.faq_list > li .faq_txt_wrap .faq_txt_box .faq_txt { line-height: 1.6; }

.faq_list > li .icon_faq { float: left; display: block; width: 40px; height: 40px; margin-top: -5px; margin-right: 12px; line-height: 34px; text-align: center; font-size: 20px; color: #0379d5; background: #fff; border: 2px solid #cde4f7; border-radius: 40px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.faq_list > li.active .faq_tit .ico { white-space: inherit; color: #0379d5; font-weight: 500; }

.faq_list > li.active .faq_tit .ico:after { background-color: #0379d5; }

.faq_list > li.active .faq_tit .ico:before { background-color: #0379d5; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.faq_list > li.active .faq_tit .icon_faq { color: #fff; background-color: #0379d5; border-color: #0379d5; }

@media (max-width: 900px) { .faq_list > li .faq_tit { padding: 15px; }
  .faq_list > li .faq_tit .tit1 { float: none; width: auto; }
  .faq_list > li .faq_tit .tit1 .ico { padding: 0 30px 0 0; }
  .faq_list > li .faq_txt_wrap { padding: 15px; }
  .faq_list > li .faq_txt_wrap .faq_txt_box { min-height: inherit; }
  .faq_list > li .faq_txt_wrap .faq_txt_box .faq_txt { font-size: 0.875em; }
  .faq_list > li .icon_faq { display: none; } }

.cate_list_wrap { margin-bottom: 30px; }

.cate_list_wrap .cate_list { padding: 15px; background: #e3ecfb; border-radius: 10px; }

.cate_list_wrap .cate_list:after { content: ''; display: block; clear: both; }

.cate_list_wrap .cate_list .item { display: block; float: left; width: calc(14.28% - 10px); height: 47px; line-height: 47px; margin: 5px; text-align: center; font-size: 16px; color: #5f88af; background: #fff; border-radius: 5px; }

.cate_list_wrap .cate_list .item.active { background: #0066b2; color: #fff; }

.cate_list_wrap .cate_list .item.active .num { color: #fff351; }
@media (max-width: 1180px){
    .cate_list_wrap .cate_list .item {width: calc(16.6667% - 10px);}
}
@media (max-width: 1024px){
    .cate_list_wrap .cate_list .item {width: calc(20% - 10px);}
}
@media (max-width: 900px){
    .cate_list_wrap .cate_list {
        padding: 12px;
    }
    .cate_list_wrap .cate_list .item {
        width: calc(25% - 6px);
        line-height: 1.4;
        height:auto;
        margin: 3px;
        padding: 13px 4px;
        font-size: 14px;
    }
    .cate_list_wrap .cate_list .item:nth-child(4n+4) {
        /* margin-right: 0; */
    }
}
@media (max-width: 768px){
    .cate_list_wrap .cate_list .item {
        width: calc(33.3333% - 6px);
    }

}
@media (max-width: 600px){
    .cate_list_wrap .cate_list .item {
        width: calc(50% - 6px);
    }
}
@media (max-width:500px) {
	.cate_list_wrap .cate_list .item{padding: 7px 4px;}
}

.cate_list_wrap .cate_list .item .num { font-weight: 500; color: #00376b; }

.cate_list_wrap .cate_list .item.disable { color: #817f7f; background: #e8eef8; border: 1px solid #acb9cd; }

.cate_list_wrap .cate_list .item.disable .num { color: inherit; }

@media (max-width: 900px) { .cate_list_wrap { margin-bottom: 15px; }
  .cate_list_wrap .cate_list { padding: 15px 15px 11px 15px; }
  .cate_list_wrap .cate_list .slick-slide { margin: 2px; } }

@media (min-width: 1180px) { .cate_list_wrap + .common_btn_box .common_btn { min-width: 240px; } }

/* .icon_list { margin-bottom: 35px; padding: 20px 30px; border: 3px solid #edf1f4; border-radius: 10px; } */
.icon_list {
    margin-bottom: 35px;
    padding: 15px 30px;
    border: 3px solid #edf1f4;
    border-radius: 10px;
}

.icon_list:after { content: ''; display: block; clear: both; }

/* .icon_list li { float: left; margin-right: 30px; } */
.icon_list li {
    padding: 5px 0;
    float: left;
    margin-right: 30px;
}

.icon_list li .bd_ico { color: #222; }

.icon_list li .txt { display: inline-block; margin-left: 20px; font-size: 1em; color: #777; }

@media (max-width: 900px) { .icon_list { display: none; } }

.bd_ico { display: inline-block; padding-left: 40px; line-height: 32px; font-size: 1.063em; background-repeat: no-repeat; background-position: left center; background-size: 32px auto; }

.bd_ico.online { background-image: url("../../web/images/ko/icon_online.png"); color: #0e6bc4; }

.bd_ico.offline { background-image: url("../../web/images/ko/icon_offline.png"); color: #38924a; }

.bd_ico.call { background-image: url("../../web/images/ko/icon_call.png"); color: #ff8400; }

.bd_ico.site { background-image: url("../../web/images/ko/icon_site.png"); color: #f46889; }

/* 모바일 table style */
.tableA .tbl_mob .tbl_tit { text-align: left; padding: 15px; }

.tableA .tbl_mob .tbl_tit a { display: inline-block; max-width: 100%; max-height: 44px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

@media (min-width: 1180px) { .tableA .tbl_mob .tbl_tit a:hover { text-decoration: underline; }
.tableA .tbl_mob .bd_ico { font-size: 1px;width:32px;overflow:hidden;padding-left:0;text-indent:-9999px;}
}

@media (max-width: 1180px) { .tableA .tbl_mob .tbl_tit a { max-height: 50px; } }



.tableA .tbl_mob .red { color: #db375d; }

@media (max-width: 1180px) { .tableA .tbl_mob tr { padding-top: 50px; position: relative; }
  .tableA .tbl_mob td { float: none; padding-left: 90px; color: #555; position: relative; }
  .tableA .tbl_mob td br { display: none; }
  .tableA .tbl_mob td.tbl_date br { display: block; }
  .tableA .tbl_mob td.tbl_tit { float: none; padding: 4px 0 10px 0; }
  .tableA .tbl_mob td.tbl_tit a { font-size: 1.2em; line-height: 1.4; color: #222; }
  .tableA .tbl_mob td .bd_ico { line-height: inherit; padding-left: 0; background: none; position: relative; font-size: 15px; }
  .tableA .tbl_mob td .bd_ico:after { content: '/'; display: inline-block; color: #777; vertical-align: top; margin-left: 2px; }
  .tableA .tbl_mob td .bd_ico:last-of-type:after { display: none; }
  .tableA .tbl_mob td.tbl_label { padding-left: 15px; position: absolute; top: 12px; left: 0; }
  .tableA .tbl_mob td.tbl_label span[class*="status"] { margin-left: 45px; padding: 3px 8px; font-size: 14px; }
  .tableA .tbl_mob td.tbl_label .bd_label[class*=type] { padding: 3px 8px; font-size: 14px; font-weight: 400; color: #fff; border-radius: 3px; }
  .tableA .tbl_mob td.tbl_label .bd_label.type1 { background: #db375d; }
  .tableA .tbl_mob td.tbl_label .bd_label.type2 { background: #1f71bf; } }

/* label style */
.bd_label { display: inline-block; }

.bd_label.type1 { font-weight: 500; color: #db375d; }

.bd_label.type2 { font-weight: 500; color: #1f71bf; }

.bd_label[class*=status] { padding: 4px 10px 5px; color: #fff; border-radius: 3px; }

.bd_label.status1 { background: #b34700; }

.bd_label.status2 { background: #38924a; }

.bd_label.status3 { background: #6e6e6e; }

.bd_label.status4 { background: #e5e5e5; color: #222; }

.bd_label.status5 { background: #f76464; }

.bd_label.status6 { background: #333333; }

.bd_label.booking1 { color: #444; }

.bd_label.booking2 { color: #f44b00; }

.bd_label.booking3 { color: #560099; }

.bd_label.booking4 { color: #0068c9; }

.bd_label.booking5 { color: #f40101; }

.bd_label[class*=set] { margin-right: 5px; padding: 4px 10px 5px; font-weight: 300; color: #fff; border-radius: 3px; }

.bd_label[class*=set]:last-child { margin-right: 0; }

.bd_label.set1 { background: #6e6e6e; }

.bd_label.set2 { background: #0379d5; }

.bd_label.set3 { background: #7b35b1; }

.bd_label.set4 { background: #38924a; }

.bd_label.set5 { background: #04a2a1; }

.bd_label1[class*=set] { margin-left: 20px; line-height: 30px; padding: 4px 10px 5px; font-weight: 300; color: #fff; border-radius: 5px; }

.bd_label1.set1 { background: #0379d5; }

@media (max-width: 720px) { .bd_label[class*=set] { font-size: 14px; } }

.m_th { display: none; }

@media (max-width: 1180px) { .m_th { display: block; width: 80px; padding-left: 8px; color: #222; font-size: 15px; position: absolute; top: 4px; left: 0; }
  .m_th:before { content: ''; display: block; width: 3px; height: 3px; background: #000; border-radius: 50%; position: absolute; top: 8px; left: 0; } }

/* 이미지형 게시판 */
.img_board { margin: -10px; }

.img_board:after { content: ''; display: block; clear: both; }

.img_board > li { float: left; width: 33.33%; }

.img_board > li > a { display: block; margin: 10px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .img_board > li > a:hover { border-color: #222; }
  .img_board > li > a:hover .img_box img { -webkit-transform: scale(1.07); transform: scale(1.07); }
  .img_board > li > a:hover .con_box .btm_box .txt_more { background: #224361; } }

.img_board > li > a .img_box { height: 255px; overflow: hidden; border-bottom: 1px solid #ddd; border-top-right-radius: 10px; border-top-left-radius: 10px; position: relative; }

.img_board > li > a .img_box:after { content: ''; display: block; width: 100%; height: 100%; background: url("../../web/images/ko/img_bg.png") no-repeat; position: absolute; top: 0; left: 0; z-index: 1; }

.img_board > li > a .img_box.no_img { background: url("../../web/images/ko/no_img.png") no-repeat center/auto 100%; }

.img_board > li > a .img_box.no_img:after { display: none; }

.img_board > li > a .img_box.no_img img { display: none; }

.img_board > li > a .img_box img { display: block; width: 100%; height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }

.img_board > li > a .img_box .ib_top { position: absolute; top: 20px; left: 20px; z-index: 2; }

.img_board > li > a .img_box .ib_num { display: block; padding: 5px 10px 6px; color: #fff; background: rgba(0, 0, 0, 0.6); border-radius: 5px; position: absolute; bottom: 20px; right: 20px; z-index: 2; }

.img_board > li > a .img_box .ib_num .yellow { color: #fff45c; }

.img_board > li > a .img_box .bd_label[class*=type] { margin-left: 2px; padding: 4px 10px 5px; color: #fff; font-weight: 400; border-radius: 3px; }

.img_board > li > a .img_box .bd_label.type1 { background: #db375d; }

.img_board > li > a .img_box .bd_label.type2 { background: #1f71bf; }

.img_board > li > a .con_box { padding: 30px; }

.img_board > li > a .con_box .ib_type { margin-bottom: 10px; }

.img_board > li > a .con_box .ib_type:after { content: ''; display: block; clear: both; }

.img_board > li > a .con_box .ib_type > li { float: left; padding-right: 20px; color: #666; position: relative; }

.img_board > li > a .con_box .ib_type > li:after { content: ''; display: block; width: 1px; height: 15px; background: #ccc; position: absolute; top: 4px; right: 10px; }

.img_board > li > a .con_box .ib_type > li:last-child:after { display: none; }

.img_board > li > a .con_box .tit1 {display: block;margin-bottom: 10px;height: 2.8em;line-height: 1.4;font-size: 22px;font-weight: 500;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.img_board > li > a .con_box .ib_attr > li { margin-bottom: 10px; padding-left: 110px; position: relative; }

.img_board > li > a .con_box .ib_attr > li b { display: block; padding-left: 30px; color: #0379d5; position: absolute; top: 2px; left: 0; background-repeat: no-repeat; background-position: left top; background-size: 20px auto; }

.img_board > li > a .con_box .ib_attr > li .place { background-image: url("../../web/images/ko/icon_place.png"); }

.img_board > li > a .con_box .ib_attr > li .user { background-image: url("../../web/images/ko/icon_user.png"); background-size: auto 20px; }

.img_board > li > a .con_box .ib_attr > li .date1 { background-image: url("../../web/images/ko/icon_date1.png"); }

.img_board > li > a .con_box .ib_attr > li .date2 { background-image: url("../../web/images/ko/icon_date2.png"); }

.img_board > li > a .con_box .ib_attr > li .book1 { background-image: url("../../web/images/ko/icon_book1.png"); }

.img_board > li > a .con_box .ib_attr > li.book_type b { display: none; }

.img_board > li > a .con_box .ib_attr > li.book_type .f_rt { position: absolute; bottom: -43px; right: -10px; }

.img_board > li > a .con_box .ib_attr > li.book_type .f_rt:after { content: ''; display: block; clear: both; }

.img_board > li > a .con_box .ib_attr > li.book_type .f_rt > li { float: left; }

.img_board > li > a .con_box .ib_attr > li.book_type .f_rt > li .bd_ico { font-size: 0; }

@media (max-width: 1180px) { .img_board > li > a .con_box .ib_attr > li.book_type b { display: block; }
  .img_board > li > a .con_box .ib_attr > li.book_type .f_rt { position: static; }
  .img_board > li > a .con_box .ib_attr > li.book_type .f_rt:after { content: ''; display: block; clear: both; }
  .img_board > li > a .con_box .ib_attr > li.book_type .f_rt > li { position: relative; }
  .img_board > li > a .con_box .ib_attr > li.book_type .f_rt > li .bd_ico { padding-left: 0; line-height: inherit; font-size: 15px; background: 0 none; }
  .img_board > li > a .con_box .ib_attr > li.book_type .f_rt > li:after { content: '/'; display: inline-block; color: #777; vertical-align: top; margin-left: 2px; margin-right: 2px; }
  .img_board > li > a .con_box .ib_attr > li.book_type .f_rt > li:last-of-type:after { display: none; } }

.img_board > li > a .con_box .btm_box { margin-top: 20px; }

.img_board > li > a .con_box .btm_box:after { content: ''; display: block; clear: both; }

.img_board > li > a .con_box .btm_box .txt_more { display: inline-block; padding: 0 15px; text-align: center; background: #495f74; border-radius: 17px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.img_board > li > a .con_box .btm_box .txt_more span { display: inline-block; line-height: 34px; padding-right: 18px; color: #fff; font-size: 15px; }

.img_board > li > a .con_box .btm_box .txt_more .plus { background: url("../../web/images/ko/icon_plus.png") no-repeat right center; }

.img_board > li > a .con_box .btm_box .txt_more .window { background: url("../../web/images/ko/icon_nw.png") no-repeat right center; }

.img_board > li > a .con_box .btm_box .f_rt { float: right; }

.img_board > li > a .con_box .btm_box .f_rt > li { float: left; }

.img_board > li > a .con_box .btm_box .f_rt > li .bd_ico { padding-left: 32px; margin-left: 8px;overflow:hidden;text-indent:-9999px; }


@media (max-width: 900px) { .img_board > li { width: 50%; }
  .img_board > li > a .img_box:after { background-size: 100% auto; }
  .img_board > li > a .img_box img { width: 100%; max-width: 100%; } }

@media (max-width: 720px) { .img_board { margin: 0; }
  .img_board > li { width: 100%; }
  .img_board > li > a { margin: 0 0 20px; }
  .img_board > li > a .img_box { height: auto; max-height: 200px; }
  .img_board > li > a .img_box.no_img { height: 200px; background-color: #f5f7f9; }
  .img_board > li > a .img_box img { height: auto; }
  .img_board > li > a .img_box .ib_top { top: 15px; left: 15px; font-size: 15px; }
  .img_board > li > a .img_box .ib_num { bottom: 15px; right: 15px; font-size: 15px; }
  .img_board > li > a .con_box { padding: 15px; }
  .img_board > li > a .con_box .ib_type { font-size: 15px; }
  .img_board > li > a .con_box .tit1 { font-size: 20px; height: auto; max-height: 50px; }
  .img_board > li > a .con_box .ib_attr { font-size: 15px; }
  .img_board > li > a .con_box .ib_attr > li { padding-left: 100px; }
  .img_board > li > a .con_box .ib_attr > li b { top: 0; }
  .img_board > li > a .con_box .btm_box .txt_more span { font-size: 14px; }
  .img_board > li > a .con_box .btm_box .f_rt > li { font-size: 15px; }
  .img_board > li > a .con_box .btm_box .f_rt > li:last-child .bd_ico:after { display: none; }
/*   .img_board > li > a .con_box .btm_box .f_rt > li .bd_ico { padding-left: 0; background: 0 none; } */
  .img_board > li > a .con_box .btm_box .f_rt > li .bd_ico:after { content: '/'; display: inline-block; color: #777; vertical-align: top; margin-left: 4px; } }

/* 나의 예약내역 */
.info_box { margin-bottom: 30px; padding: 25px 35px; border: 3px solid #edf1f4; border-radius: 10px; }

.info_box .tit1 { display: block; margin-bottom: 10px; padding-left: 24px; font-weight: 500; background: url("../../web/images/ko/icon_info.png") no-repeat left top 2px; color: #c75300; }

.info_box .dot_list { padding-left: 10px; }

.info_box .a_link { display: inline-block; font-size: 1em; }

.info_box b[class*=fc], .info_box a[class*=fc] { font-weight: 500; }

@media (max-width: 900px) { .info_box { padding: 15px; } }

.tableA .tbl_mob.my_booking .tbl_num { color: #0379d5; }

@media (min-width: 1180px) { .tableA .tbl_mob.my_booking .tbl_num a:hover { text-decoration: underline; } }

@media (max-width: 1180px) { .tableA .tbl_mob.my_booking tr { padding-top: 12px; }
  .tableA .tbl_mob.my_booking td.tbl_num { padding-left: 0; font-size: 17px; }
  .tableA .tbl_mob.my_booking td.tbl_btn { padding-left: 0; margin-top: 5px; } }

/* 예약 상세페이지 */
.dt_top_box { margin-bottom: 55px; }

.dt_top_box:after { content: ''; display: block; clear: both; }

.dt_top_box .dt_tit1 { display: block; margin-bottom: 25px; padding-right: 50px; font-size: 1.625em; font-weight: 500; line-height: 1.2em; position: relative; }

.dt_top_box .dt_tit1 .bd_label { margin-left: 10px; margin-top: -2px; font-size: 0.62em; font-weight: 400; line-height: 1.3em; vertical-align: middle; }

.dt_top_box .dt_tit1 .share_box { position: absolute; top: -9px; right: 0; }

.dt_top_box .dt_tit1 .share_box .btn_share_toggle { width: 44px; height: 44px; background: url("../../web/images/ko/icon_share.png") no-repeat center; border: 2px solid #e0e0e0; border-radius: 50%; -webkit-transition: all 0.3s; transition: all 0.3s; }
/* 211012 즐찾추가 추가 부분*/
.dt_top_box .dt_tit1 .share_box .btn_favorites { width: 44px; height: 44px; background: url("../../web/images/ko/icon_favorites.png") no-repeat center; border: 2px solid #e0e0e0; border-radius: 50%; -webkit-transition: all 0.3s; transition: all 0.3s; }

.dt_top_box .dt_tit1 .share_box .btn_favorites_pick { width: 44px; height: 44px; background: url("../../web/images/ko/icon_favorites_pick.png") no-repeat center; border: 2px solid #e0e0e0; border-radius: 50%; -webkit-transition: all 0.3s; transition: all 0.3s; }

/* //211012 즐찾추가 추가 부분*/
@media (min-width: 1180px) { .dt_top_box .dt_tit1 .share_box .btn_share_toggle:hover { background: #666 url("../../web/images/ko/icon_share_on.png") no-repeat center; border-color: #666; }
/* 211012 즐찾추가 */
.dt_top_box .dt_tit1 .share_box .btn_favorites:hover { background: #666 url("../../web/images/ko/icon_favorites_on.png") no-repeat center; border-color: #666; }
.dt_top_box .dt_tit1 .share_box .btn_favorites_pick:hover { background: #666 url("../../web/images/ko/icon_favorites_pick_on.png") no-repeat center; border-color: #666; }
/* //211012 즐찾추가 */
}

/* 220324 수정 *
.dt_top_box .dt_tit1 .share_box.active .btn_share_toggle{ background: #666 url("../../web/images/ko/icon_share_on.png") no-repeat center; border-color: #666; }
/* 220324 수정 / 211012 즐찾추가 */
.dt_top_box .dt_tit1 .share_box .share_list {display: none; position: absolute;top: 100%;right: 0;white-space: nowrap;z-index:1;}
.dt_top_box .dt_tit1 .share_box .share_list .btn_share { display: block; width: 44px; height: 44px; margin-top: 5px; border-radius: 50%; background-repeat: no-repeat; background-position: center; }
/* 220324 추가 */
.dt_top_box .dt_tit1 .share_box.active .share_list {display: block;}
/* //211012 즐찾추가 */

.dt_top_box .dt_tit1 .share_box .share_list .btn_share.link { background-color: #fc528e; background-image: url("../../web/images/ko/share_link.png"); }

.dt_top_box .dt_tit1 .share_box .share_list .btn_share.twt { background-color: #009dd9; background-image: url("../../web/images/ko/share_twt.png"); }

.dt_top_box .dt_tit1 .share_box .share_list .btn_share.fb { background-color: #235b9e; background-image: url("../../web/images/ko/share_fb.png"); }

.dt_top_box .left_box { float: left; width: 45%; }

.dt_top_box .left_box .img_box {border-radius: 20px;overflow: hidden;position: relative;-webkit-transition: all 0.3s;transition: all 0.3s;position: relative;height: 0;padding-top: 67.5%; }

/* 이미지카운트 추가 */
.dt_top_box .left_box .img_box .img_count {position:absolute;right:26px;top:26px;display:block;height:36px;line-height:35px;color:#fff;font-size:1rem;padding-left:45px;padding-right:20px;border-radius:36px;background:#008fc5 url("../../web/images/ko/ico_pic_count.png") no-repeat 21px 50%;box-shadow:6px 6px 10px 0 rgba(5,92,199,0.28);z-index:1;}

/* 이미지카운트 추가 모바일 */
@media (max-width: 900px) {
.dt_top_box .left_box .img_box .img_count {right:15px;top:15px;height:30px;line-height:30px;padding-left:34px;background-position:15px 50%;padding-right:15px;background-size:16px;font-size:0.938rem;z-index:1;}
}
/* 20260504 이미지 대표이미지 새로 짤리는 부분 수정*/
.dt_top_box .left_box .img_box img {display: block;max-width:100%; max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.dt_top_box .left_box .img_box .btn_img { width: 60px; height: 60px; background: rgba(0, 0, 0, 0.25) url("../../web/images/ko/icon_img_plus.png") no-repeat center; border-radius: 14px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: absolute; bottom: 20px; right: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .dt_top_box .left_box .img_box .btn_img:hover { background-color: rgba(0, 0, 0, 0.35); } }

.dt_top_box .left_box .rate_box { position: absolute; left: 20px; bottom: 20px; z-index: 3;padding:15px;border-radius:14px;background-color:rgba(0,0,0,0.70);}

 /*.dt_top_box .left_box .rate_box .star { display: inline-block; width: 32px; height: 30px; background: url("../../web/images/ko/star.png") no-repeat; vertical-align: middle; hidden;text-indent:-9999px; }*/
 /*.dt_top_box .left_box .rate_box .star { display: inline-block; width: 25px; height: 24px; background: url("../../web/images/ko/star.png") no-repeat; vertical-align: middle; hidden;text-indent:-9999px; background-size: 100% auto;}*/
 .dt_top_box .left_box .rate_box .star { display: inline-block; width: 25px; height: 24px; background: url("../../web/images/ko/star.png") no-repeat; vertical-align: middle; text-indent:-9999px; background-size: 100% auto;}


.dt_top_box .left_box .rate_box .star.on { background-image: url("../../web/images/ko/star_on.png"); }

.dt_top_box .left_box .rate_box .txt { display: inline-block; font-size: 1.25em; color: #fff; vertical-align: middle; }

.dt_top_box .left_box .cal_wrap .cal_box { width: 100%; margin-top: 30px; }

.dt_top_box .left_box .cal_wrap .cal_box .cal_top .txt1 { margin: 0 20px; }

.dt_top_box .left_box .common_btn_box { margin-top: 175px; }

.dt_top_box .left_box .common_btn_box .common_btn { width: calc(50% - 6px); }

.dt_top_box .con_box { float: left; width: 55%; padding-left: 60px; }

.dt_top_box .con_box .dt_top_list { border-top: 2px solid #222; -webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.15); box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.15); }

.dt_top_box .con_box .dt_top_list > li { font-size: 1em; line-height: 1.3em; padding: 17px 20px 20px 140px; border-bottom: 1px solid #ddd; word-break: break-all; position: relative; }

.dt_top_box .con_box .dt_top_list > li .tit1 { width: 95px; padding-right: 5px; font-weight: 500; position: absolute; top: 16px; left: 20px; }

.dt_top_box .con_box .dt_top_list > li .tit1:after { content: ''; display: block; width: 3px; height: 9px; background: url("../../web/images/ko/icon_col.png") no-repeat; position: absolute; top: 7px; right: 0; }

.dt_top_box .con_box .dt_top_list > li.chk { background: #f8f8f8; color: #ec0000; }

.dt_top_box .con_box .dt_top_list > li.chk .tit1 { color: #ec0000; }

.dt_top_box .con_box .dt_con_each { margin-top: 29px; }

.dt_top_box .con_box .common_btn_box { text-align: right; margin-top: 0; }

.dt_top_box .con_box .common_btn_box .common_btn { width: 23.5%; margin: 0 0.2%; }

@media (max-width: 900px) { .dt_top_box { margin-bottom: 25px; }
  .dt_top_box .dt_tit1 { margin-bottom: 15px; font-size: 18px; }
  .dt_top_box .dt_tit1 .tit { display: block; padding-top: 35px; }
  .dt_top_box .dt_tit1 .bd_label { font-size: 12px; margin-left: 0; position: absolute; top: 0; left: 0; }
  .dt_top_box .dt_tit1 .share_box { top: 0; }
  .dt_top_box .dt_tit1 .share_box .btn_share_toggle { width: 35px; height: 35px; background-size: 16px auto; }
   /* 211012 즐찾추가 */
   .dt_top_box .dt_tit1 .share_box .btn_favorites { width: 35px; height: 35px; background-size: 35px auto; }
   .dt_top_box .dt_tit1 .share_box .btn_favorites_pick { width: 35px; height: 35px; background-size: 35px auto; }
   /* //211012 즐찾추가 */
  .dt_top_box .dt_tit1 .share_box .btn_share_toggle.active { background-size: 16px auto; }
    /* 211012 즐찾추가 */
    .dt_top_box .dt_tit1 .share_box .share_list { top:40px; }
    /* //211012 즐찾추가 */
  .dt_top_box .dt_tit1 .share_box .share_list .btn_share { width: 35px; height: 35px; background-size: auto 16px; }
  .dt_top_box .left_box { float: none; width: auto; }
  .dt_top_box .left_box .img_box { max-height: 350px; border-radius: 10px; }
  .dt_top_box .left_box .img_box .btn_img { width: 40px; height: 40px; border-radius: 10px; background-size: 18px auto; right: 15px; bottom: 15px; }
  .dt_top_box .left_box .rate_box { margin-top: 15px; }
  .dt_top_box .left_box .rate_box .star { width: 25px; height: 24px; background-size: 100% auto; }
  .dt_top_box .left_box .rate_box .txt { font-size: 16px; }
  .dt_top_box .left_box .common_btn_box { margin-top: 25px; }
  .dt_top_box .con_box { float: none; width: auto; margin-top: 20px; padding-left: 0; }
  .dt_top_box .con_box .dt_top_list > li { padding: 15px; color: #555; }
  .dt_top_box .con_box .dt_top_list > li .tit1 { display: block; width: auto; margin-bottom: 7px; color: #222; position: static; }
  .dt_top_box .con_box .dt_top_list > li .tit1:after { display: none; } }

@media (max-width: 720px) { .dt_top_box .left_box .img_box { max-height: 220px; } }

.dt_con_each { margin-top: 50px; }

.dt_con_each .dt_tit2 { margin-bottom: 15px; font-size: 1.5em; font-weight: 500; }

@media (max-width: 900px) { .dt_con_each { margin-top: 25px; }
  .dt_con_each .dt_tit2 { margin-bottom: 10px; font-size: 16px; } }

.dt_con_each .bv_file_list { margin: 0; height: 60px; padding-bottom: 3px; overflow-y: auto; }

.dt_con_each .bv_file_list > li { margin-bottom: 10px; }

.dt_con_each .cal_wrap .cal_box { width: calc(100% - 430px); }

.dt_con_each .cal_wrap .cal_box .cal_top { margin-bottom: 20px; }

.dt_con_each .cal_wrap .cal_box .cal_top .txt1 { margin: 0 40px; font-size: 32px; }

.dt_con_each .cal_wrap .cal_box .cal_top .cal_prev, .dt_con_each .cal_wrap .cal_box .cal_top .cal_next { background-size: 11px auto; }

.dt_con_each .cal_wrap .cal_box .cal_top .cal_attr { font-size: 15px; }

.dt_con_each .cal_wrap .cal_box .cal_top .cal_attr ul > li { padding: 4px 20px; }

.dt_con_each .cal_wrap .tbl_cal th { padding: 15px; font-size: 1.125em; }

.dt_con_each .cal_wrap .tbl_cal td { height: 80px; padding: 15px; font-size: 1.063em; }

.dt_con_each .cal_wrap .tbl_cal td > a { margin: -15px; padding: 15px; }

.dt_con_each .cal_wrap .tbl_cal td .date { margin-bottom: 9px; }

.dt_con_each .cal_wrap .cal_con_box { width: 395px; margin-top: 45px; }

.dt_con_each .cal_wrap .cal_con_box .con_box { height: 415px; max-height: inherit; padding: 20px; }

.dt_con_each .cal_wrap .cal_con_box .con_box .dot_list > li { margin-bottom: 15px; font-size: 1.063em; }

.dt_con_each .cal_wrap .cal_con_box .date_box { padding-top: 20px; background: #f8f8f8; }

.dt_con_each .cal_wrap .cal_con_box .date_box .txt_box { margin: 0 20px 15px; padding: 20px; background: #fff; }

.dt_con_each .cal_wrap .cal_con_box .date_box .txt_box label { display: inline-block; margin-right: 10px; font-size: 1.125em; font-weight: 500; }

.dt_con_each .cal_wrap .cal_con_box .date_box .txt_box .form_sel { display: inline-block; width: calc(100% - 80px); }

.dt_con_each .cal_wrap .cal_con_box .date_box > .fc_orange { display: block; margin-bottom: 25px; margin-left: 20px; font-size: 0.875em; }

.dt_con_each .cal_wrap .cal_con_box .date_box .tableB { background: #fff; }

@media (max-width: 1180px) { .dt_con_each .cal_wrap .cal_box { width: auto; }
  .dt_con_each .cal_wrap .cal_box .cal_top .txt1 { margin: 0 15px; font-size: 20px; }
  .dt_con_each .cal_wrap .cal_box .cal_top .cal_attr { font-size: 12px; }
  .dt_con_each .cal_wrap .cal_box .cal_top .cal_attr ul > li { padding: 4px 10px; }
  .dt_con_each .cal_wrap .tbl_cal th { padding: 10px 5px; font-size: 13px; }
  .dt_con_each .cal_wrap .tbl_cal td { height: 50px; padding: 10px 5px; font-size: 13px; }
  .dt_con_each .cal_wrap .tbl_cal td > a { margin: -10px -5px; padding: 10px 5px; }
  .dt_con_each .cal_wrap .tbl_cal td .date { margin-bottom: 0; }
  .dt_con_each .cal_wrap .cal_con_box { width: auto; margin-top: 20px; }
  .dt_con_each .cal_wrap .cal_con_box .con_box { height: auto; max-height: 150px; padding: 15px 15px 15px 25px; }
  .dt_con_each .cal_wrap .cal_con_box .con_box .dot_list > li { margin-bottom: 10px; font-size: 15px; }
  .dt_con_each .cal_wrap .cal_con_box .date_box { padding-top: 15px; }
  .dt_con_each .cal_wrap .cal_con_box .date_box .txt_box { margin: 0 15px 10px; padding: 15px; }
  .dt_con_each .cal_wrap .cal_con_box .date_box .txt_box label { font-size: 15px; }
  .dt_con_each .cal_wrap .cal_con_box .date_box .txt_box .form_sel { width: calc(100% - 70px); } }

.img_slide_wrap { margin-top: 70px; margin-right: -20px; }

.img_slide_wrap:after { content: ''; display: block; clear: both; }

.img_slide_wrap .is_box { float: left; width: calc(50% - 10px); margin-right: 20px; }

.img_slide_wrap .is_box:last-child { margin-right: 0; }

.img_slide_wrap .is_box > .tit1 { margin-bottom: 20px; font-size: 1.5em; font-weight: 500; }

.img_slide_wrap .is_box > .tit1:after { content: ''; display: block; clear: both; }

.img_slide_wrap .is_box .item { display: block; margin-right: 20px; border-radius: 10px; overflow: hidden; border: 1px solid #ddd; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .img_slide_wrap .is_box .item:hover { border-color: #222; } }

.img_slide_wrap .is_box .img_box { height: 180px; overflow: hidden; position: relative; border-bottom: 1px solid #ddd; }

.img_slide_wrap .is_box .img_box img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.img_slide_wrap .is_box .img_box .ib_top { font-size: 12px; position: absolute; top: 15px; left: 15px; z-index: 2; }

.img_slide_wrap .is_box .img_box .ib_num { display: block; padding: 2px 6px 3px; font-size: 12px; color: #fff; background: rgba(0, 0, 0, 0.6); border-radius: 5px; position: absolute; bottom: 15px; right: 15px; z-index: 2; }

.img_slide_wrap .is_box .img_box .ib_num .yellow { color: #fff45c; }

.img_slide_wrap .is_box .img_box .bd_label[class*=status] { padding: 2px 6px 3px; }

.img_slide_wrap .is_box .img_box .bd_label[class*=type] { margin-left: 2px; padding: 2px 6px 3px; color: #fff; font-weight: 400; border-radius: 3px; }

.img_slide_wrap .is_box .img_box .bd_label.type1 { background: #db375d; }

.img_slide_wrap .is_box .img_box .bd_label.type2 { background: #1f71bf; }

.img_slide_wrap .is_box .con_box { padding: 15px 20px; }

.img_slide_wrap .is_box .con_box .ib_type { margin-bottom: 5px; }

.img_slide_wrap .is_box .con_box .ib_type:after { content: ''; display: block; clear: both; }

.img_slide_wrap .is_box .con_box .ib_type > li { float: left; padding-right: 20px; font-size: 14px; color: #666; position: relative; }

.img_slide_wrap .is_box .con_box .ib_type > li:after { content: ''; display: block; width: 1px; height: 15px; background: #ccc; position: absolute; top: 4px; right: 10px; }

.img_slide_wrap .is_box .con_box .ib_type > li:last-child:after { display: none; }

/* .img_slide_wrap .is_box .con_box .tit1 { display: block; max-height: 40px; line-height: 1.2; font-weight: 500; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } */
.img_slide_wrap .is_box .con_box .tit1 {
    display: block;
    /* max-height: 40px; */
    height: 1.2em;
    line-height: 1.2;
    font-weight: 500;
    text-overflow: ellipsis;
    word-break:break-all;
    overflow: hidden;
    white-space: nowrap;
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 2; */
    /* -webkit-box-orient: vertical; */
    margin-bottom: 0;
}
.img_slide_wrap .img_attr, .img_slide_wrap .img_attr2 { float: right; margin-right: 20px; }

.img_slide_wrap .is_paging { display: inline-block; margin-right: 10px; font-size: 18px; font-weight: 400; color: #888; vertical-align: middle; }

.img_slide_wrap .is_paging .p_current { color: #05a29f; }

.img_slide_wrap .is_prev, .img_slide_wrap .is_next { display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; vertical-align: middle; }

.img_slide_wrap .is_prev { background-image: url("../../web/images/ko/is_prev.png"); }

.img_slide_wrap .is_next { background-image: url("../../web/images/ko/is_next.png"); }

@media (max-width: 1180px) { .img_slide_wrap .is_box .img_box { height: 150px; } }

@media (max-width: 900px) { .img_slide_wrap { margin-top: 35px; margin-right: 0; }
  .img_slide_wrap .is_box { float: none; width: auto; margin-right: -10px; margin-bottom: 25px; }
  .img_slide_wrap .is_box:last-child { margin-right: -10px; }
  .img_slide_wrap .is_box .tit1 { margin-bottom: 10px; font-size: 16px; }
  .img_slide_wrap .is_box .item { margin-right: 10px; }
  /*.img_slide_wrap .is_box .img_box { height: auto; max-height: 200px; }*/
  .img_slide_wrap .is_box .img_box .ib_top { top: 10px; left: 10px; }
  .img_slide_wrap .is_box .img_box .ib_num { bottom: 10px; right: 10px; }
  .img_slide_wrap .is_box .con_box { padding: 10px; }
  .img_slide_wrap .is_box .con_box .ib_type > li { font-size: 12px; }
  .img_slide_wrap .is_box .con_box .tit1 { font-size: 14px; }
  .img_slide_wrap .is_box .img_attr, .img_slide_wrap .is_box .img_attr2 { margin-right: 10px; }
  .img_slide_wrap .is_box .is_paging { margin-right: 5px; font-size: 15px; }
  .img_slide_wrap .is_box .is_prev, .img_slide_wrap .is_box .is_next { background-size: auto 11px; } }

/* tab */
.tab_listA { display: table; margin-bottom: 45px; width: 100%; table-layout: fixed; border-spacing: 0; border-collapse: collapse; }

.tab_listA > li { display: table-cell; }

.tab_listA > li > a { display: block; padding: 15px; font-size: 1.125em; color: #888; background: #f5f7f9; text-align: center; border: 1px solid #ddd; border-right-width: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

.tab_listA > li.active > a { color: #0379d5; font-weight: 500; background: #fff; position: relative; }

.tab_listA > li.active > a:after { content: ''; display: block; width: calc(100% + 2px); height: calc(100% + 2px); border: 2px solid #0379d5; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: -1px; left: -1px; }

.tab_listA > li:first-child > a { border-top-left-radius: 10px; }

.tab_listA > li:first-child > a:after { border-top-left-radius: 10px; }

.tab_listA > li:last-child > a { border-right-width: 1px; border-top-right-radius: 10px; }

.tab_listA > li:last-child > a:after { border-top-right-radius: 10px; }

@media (max-width: 900px) { .tab_listA { margin-bottom: 25px; }
  .tab_listA > li > a { padding: 10px 15px; font-size: 15px; } }

.tab_con_box .tab_con { display: none; }

.tab_con_box .tab_con.active { display: block; }

.btn_pop { display: inline-block; margin-left: 7px; padding: 4px 10px 5px; color: #fff; font-size: 0.938em; background: #495f74; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.btn_go_map { display: inline-block; margin-left: 7px; padding: 4px 10px 5px; color: #fff; font-size: 0.938em; background: #495f74; border-radius: 3px; }
.btn_pay_info { display: inline-block; margin-left: 7px; padding: 4px 10px 5px; color: #fff; font-size: 0.938em; background: #495f74; border-radius: 3px; }

@media (min-width: 1180px) { .btn_pop:hover { background-color: #224361; } }

/* tableB */
.tableB { border-top: 2px solid #222; width: 100%; border-collapse: collapse; border-spacing: 0; }

.tableB .ta_l { text-align: left; }

.tableB td, .tableB th { padding: 15px; text-align: center; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }

.tableB td:last-child, .tableB th:last-child { border-right-width: 0; }

.tableB th { font-weight: 500; background: #f9fafb; }

.tableB tbody th + td { text-align: left; }

/* 예약 상세 페이지 차가 이용자 정보 */
.tableB tbody  td +td { text-align: left; }
.tableB tbody  th.u_info { width: 20%; }

.tableB .total { font-size: 1.125em; font-weight: 500; }

@media (max-width: 900px) { .tableB colgroup { display: none; }
  .tableB th { width: 125px; padding: 15px 10px; font-size: 15px; }
  .tableB td { font-size: 15px; }
  .tableB td .a_file { font-size: 1em; } }

/* 예약완료 */
.book_end_tit { display: block; margin-bottom: 35px; text-align: center; font-size: 1.625em; font-weight: 500; }

@media (max-width: 1180px) { .book_end_tit { margin-bottom: 15px; font-size: 1.063em; } }

.border_box { padding: 20px; margin-bottom: 30px; line-height: 1.5; text-align: center; font-size: 0.938em; border: 3px solid #edf1f4; border-radius: 10px; }

.border_box .fc_red { font-weight: 500; }

@media (max-width: 1180px) { .border_box { padding: 10px; margin-bottom: 20px; word-break: keep-all; } }

.book_txt { display: block; font-weight: 500; }

.book_txt + .fc_red { display: block; margin-top: 4px; font-size: 0.875em; }

.bar_box { display: block; width: 240px; height: 70px; margin-top: 5px; background: #e8eef5; }

@media (max-width: 900px) { .bar_box { width: 100%; } }

@media (min-width: 1180px) { /*.m_box { display: none; }*/ }

@media (max-width: 1180px) { .m_box { display: block; }
  .m_box .fc_red { display: block; margin-top: 5px; font-size: 12px; }
  .m_box + .common_btn_box { display: none; } }

/* sub_each */
.sub_each { margin-bottom: 40px; }

.sub_each:last-child { margin-bottom: 0; }

.sub_each .sub_tit1 { margin-bottom: 20px; font-size: 1.5em; font-weight: 500; }

.sub_each .sub_txt1 { line-height: 1.5; color: #444; }

/* 게시물 또는 서비스 상세 화면의 strong 안먹는 버그 수정 */
/* .sub_each .sub_txt1 strong {font-weight:400;}sub_detail */
.sub_each .sub_txt1 strong {font-weight:bold;}
.sub_each .sub_detail strong {font-weight:bold;}
/* .sub_each .sub_txt1 strong {font-weight:bold;} */

.sub_each .map_box { height: 460px; background: #f9fafb; }

.cmt_wrap .cmt_inp_box .form_txt::placeholder {  color: #666; }

@media (max-width: 900px) { .sub_each { margin-bottom: 25px; }
  .sub_each .sub_tit1 { margin-bottom: 10px; font-size: 16px; }
  .sub_each .sub_txt1 { font-size: 0.875em; }
  .sub_each .map_box { height: 230px; } }

/* 댓글 */
.cmt_wrap .cmt_top { margin-bottom: 15px; padding-right: 160px; position: relative; }

.cmt_wrap .cmt_top .cmt_tit1 { display: block; padding: 3px 0 3px 35px; font-size: 1.125em; background: url("../../web/images/ko/icon_cmt.png") no-repeat left top; }

.cmt_wrap .cmt_top .rate_box { position: absolute; top: 0; right: 0; }

.cmt_wrap .cmt_top .rate_box_re { position: absolute; top: 0; right: 0; }

.cmt_wrap .rate_box { display: inline-block; }

.cmt_wrap .rate_box_re { display: inline-block; }

.cmt_wrap .rate_box .star { display: inline-block; width: 28px; height: 26px; background: url("../../web/images/ko/star.png") no-repeat center/100% auto; vertical-align: middle; }

.cmt_wrap .rate_box_re .star { display: inline-block; width: 28px; height: 26px; background: url("../../web/images/ko/star.png") no-repeat center/100% auto; vertical-align: middle; }

.cmt_wrap .rate_box .star.on { background-image: url("../../web/images/ko/star_on.png"); }

.cmt_wrap .rate_box_re .star.on { background-image: url("../../web/images/ko/star_on.png"); }

.cmt_wrap .cmt_inp_box { margin-bottom: 40px; position: relative; }

.cmt_wrap .cmt_inp_box .form_txt { height: 100px; padding: 15px 160px 15px 15px; border-radius: 5px; }

.cmt_wrap .cmt_inp_box .btn_cmt { width: 160px; line-height: 100px; text-align: center; font-size: 1.125em; color: #fff; background: #0379d5; position: absolute; top: 0; right: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .cmt_wrap .cmt_inp_box .btn_cmt:hover { background: #055cc7; } }

.cmt_wrap .cmt_list { border-top: 1px solid #ddd; }

.cmt_wrap .cmt_list > li { padding: 20px 20px 25px; border-bottom: 1px solid #ddd; }
.cmt_wrap .cmt_list > li .cmt_txt3{ white-space: pre-wrap; word-break: break-all; margin:10px 0;}
.cmt_wrap .cmt_list > li .cmt_txt2{ margin:10px 0 15px 0;}

.cmt_wrap .cmt_list > li.cmt_reply { padding-left: 50px; background: #f9fafb url("../../web/images/ko/icon_reply.png") no-repeat left 20px top 25px; }

.cmt_wrap .cmt_list > li.cmt_reply .cmt_txt { margin-top: 0; }

.cmt_wrap .cmt_list > li .rate_box { margin-right: 7px; vertical-align: top; }
.cmt_wrap .cmt_list > li .rate_box ~ button {margin-right:7px;vertical-align:top;}
.cmt_wrap .cmt_top .rate_box .star { width: 22px; height: 20px;overflow:hidden;text-indent:-9999px; }

.cmt_wrap .cmt_list > li .rate_box_re { margin-right: 7px; vertical-align: top; }
.cmt_wrap .cmt_list > li .rate_box_re ~ button {margin-right:7px;vertical-align:top;}
.cmt_wrap .cmt_list > li .star { width: 22px; height: 20px;overflow:hidden;text-indent:-9999px; }

.cmt_wrap .cmt_list > li .btn_modi, .cmt_wrap .cmt_list > li .btn_del { display: inline-block; font-size: 0.938em; border-radius: 3px; }

.cmt_wrap .cmt_list > li .btn_modi { padding: 3px 10px 4px; color: #fff; background: #495f74; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .cmt_wrap .cmt_list > li .btn_modi:hover { background-color: #224361; } }

.cmt_wrap .cmt_list > li .btn_del { padding: 2px 10px 3px; background: #fff; border: 1px solid #bbb; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .cmt_wrap .cmt_list > li .btn_del:hover { border-color: #222; } }

.cmt_wrap .cmt_list > li .cmt_txt { margin: 10px 0; line-height: 1.5; }

.cmt_wrap .cmt_list > li .cmt_attr:after { content: ''; display: block; clear: both; }

.cmt_wrap .cmt_list > li .cmt_attr > li { float: left; padding-right: 20px; font-weight: 500; position: relative; }

.cmt_wrap .cmt_list > li .cmt_attr > li:after { content: ''; display: block; width: 1px; height: 12px; background: #aaa; position: absolute; top: 5px; right: 10px; }

.cmt_wrap .cmt_list > li .cmt_attr > li:last-child:after { display: none; }

.cmt_wrap .cmt_list > li .cmt_attr > li.date { font-weight: 400; color: #444; }

@media (max-width: 900px) { .cmt_wrap .cmt_top { margin-bottom: 10px; padding-right: 0; }
  .cmt_wrap .cmt_top .cmt_tit1 { font-size: 0.875em; }
  .cmt_wrap .cmt_top .rate_box { position: static; margin-top: 5px; }
  .cmt_wrap .cmt_top .rate_box .star { width: 22px; height: 20px; }

    .cmt_wrap .cmt_top .rate_box_re { position: static; margin-top: 5px; }
  .cmt_wrap .cmt_top .rate_box_re .star { width: 22px; height: 20px; }

  .cmt_wrap .cmt_inp_box { margin-bottom: 20px; position: relative; }
  .cmt_wrap .cmt_inp_box .form_txt { height: 85px; padding: 10px; font-size: 14px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
  .cmt_wrap .cmt_inp_box .btn_cmt { width: 100%; line-height: 44px; font-size: 0.938em; position: static; border-top-right-radius: 0; border-bottom-left-radius: 5px; }
  .cmt_wrap .cmt_list > li { padding: 15px 10px; }
  .cmt_wrap .cmt_list > li.cmt_reply { padding-left: 30px; background-size: 12px auto; background-position: top 15px left 10px; }
  .cmt_wrap .cmt_list > li .star { width: 16px; height: 15px; }
  .cmt_wrap .cmt_list > li .btn_modi, .cmt_wrap .cmt_list > li .btn_del { font-size: 14px; }
  .cmt_wrap .cmt_list > li .cmt_txt { margin: 5px 0 10px; font-size: 14px; }
  .cmt_wrap .cmt_list > li .cmt_attr > li { font-size: 13px; } }

/* 로그인 */
.login_wrap { max-width: 620px; margin: 80px auto 0; text-align: center; border: 1px solid #ddd; border-radius: 10px; }

.login_wrap .dot_list { text-align: left; }

.login_wrap .tab_listA > li:last-child > a { border-right-width: 0; }

.login_wrap .tab_listA > li > a { border-width: 0; border-right-width: 1px; border-bottom-width: 1px; -webkit-transition: all 0s; transition: all 0s; }

.login_wrap .tab_listA > li.active > a { border-bottom-width: 0; }

.login_wrap .tab_listA > li.active > a:after { border-width: 0; border-top-width: 3px; }

.login_wrap .tab_con { padding: 0 40px 40px; }

.login_wrap .login_tit1 { margin-bottom: 10px; font-size: 1.25em; font-weight: 500; }

.login_wrap .login_txt1 { display: block; margin-bottom: 30px; font-size: 0.938em; color: #666; }

/*20260512 반응형 문구 수정 */
.login_txt2 ul { list-style: none; /* 기본 불렛 제거 */ padding: 0; margin: 20px 0; text-align: left;}

.login_txt2 li { position: relative; padding-left: 20px !important;/* 왼쪽 전체에 여백을 줌 */
					text-indent: -17px !important; /* 첫 줄만 왼쪽으로 20px 당김  */
					margin-bottom: 10px; line-height: 1.6; font-size: 14px; color: #666;
					word-break: keep-all; /* 한글 단어 다위 줄바꿈 (반응형 필수) */
					text-align: left !important; /* pc/모바일 모두 왼쪽 정렬 유지  */
					}

.next-line{ display: block; padding-left: 0; margin-top: 4px;}

.login_contact { margin-top: 20px; padding-top: 15px; border-top: 1px solid #eee; width: 100%; text-align: center;}

.contact_tit { font-weight: bold; display: block;}

.login_contact ul { list-style: none; padding: 0; display: inline-block; text-align: left !important; margin-top: 10px; }

.login_contact li { padding-left: 10px !important; text-indent: -10px !important; font-size: 13px; margin-bottom: 5px;}

.login_wrap .login_inp_box input { height: 54px; padding: 15px; margin-bottom: 10px; border: 1px solid #cacfd3; border-radius: 3px; }

.login_wrap .login_inp_box input::placeholder {  color: #666; }

.login_wrap .login_inp_box .btn_login { display: block; width: 100%; line-height: 60px; text-align: center; color: #fff; font-size: 1.125em; background: #0379d5; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s;     display: flex; align-items: center; justify-content: center; padding: 10px 16px; gap: 8px; width: 100%; }

.login_wrap .login_inp_box .btn_login > img {     width: 41px; height: 38px; object-fit: contain; display: block; }

@media (min-width: 1180px) { .login_wrap .login_inp_box .btn_login:hover { background: #055cc7; } }

.login_wrap .login_inp_box > span { position: relative; display: block; }

.login_wrap .login_inp_box > span i { position: absolute; right: 16px; top: 50%; z-index: 1; margin-top: -10px; color: #db375d; font-weight: 500; }

.login_wrap .login_inp_box > span input { padding: 15px 85px 15px 15px; }

.login_wrap .login_inp_box .agree_s_each { margin-top: 20px; text-align: left; }

.login_wrap .login_inp_box .agree_s_each h5 { font-size: 1.125em; font-weight: 500; margin-bottom: 12px; }

.login_wrap .login_inp_box .agree_s_each h5 > span { color: #db375d; }

.login_wrap .login_attr { margin-top: 20px; margin-bottom: 35px; display: inline-block; }

.login_wrap .login_attr:after { content: ''; display: block; clear: both; }

.login_wrap .login_attr > li { float: left; padding: 0 15px; position: relative; }

.login_wrap .login_attr > li:last-child:after { display: none; }

.login_wrap .login_attr > li:after { content: ''; display: block; width: 1px; height: 12px; background: #b2b2b2; position: absolute; top: 5px; right: 0; }

.login_wrap .login_attr > li .fc_blue { font-weight: 500; }

.login_wrap .login_attr > li a:hover { text-decoration: underline; }

.login_wrap .login_type:after { content: ''; display: block; clear: both; }

.login_wrap .login_type > li { float: left; width: calc(50% - 5px); margin-right: 10px; }

.login_wrap .login_type > li:last-child { margin-right: 0; }

.login_wrap .login_type > li a { display: block; padding: 0 17px; text-align: left; border-radius: 3px; }

.login_wrap .login_type > li a .ico { display: inline-block; padding-left: 40px; line-height: 46px; font-size: 15px; }
.login_wrap .login_type {text-align:center;margin:0 -5px;}
.login_wrap .login_type > li.naver,
.login_wrap .login_type > li.kakao {float:none;display:inline-block;margin:0 4px;width:calc(50% - 10px);}
/* @!@ 20240523 명도대비 수정 3:1로 */
/* .login_wrap .login_type > li.naver > a { background: #1ec800; border: 1px solid #14b100; } */
.login_wrap .login_type > li.naver > a { background: #10ad00; border: 1px solid #14b100; }

.login_wrap .login_type > li.naver > a .ico { padding-left: 50px; position: relative; color: #fff; background: url("../../web/images/ko/icon_naver.png") no-repeat left center; }

.login_wrap .login_type > li.naver > a .ico:before { position: absolute; left: 30px; width: 0px; height: 100%; border-left: 1px solid #18ba00; border-right: 1px solid #34cd19; content: ''; }

.login_wrap .login_type > li.kakao > a { background: #fcda00; }

.login_wrap .login_type > li.kakao > a .ico { color: #3a2020; background: url("../../web/images/ko/icon_kakao.png") no-repeat left center; }

.login_wrap .login_non { padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px solid #ddd; }

.login_wrap .login_non:after { content: ''; display: block; clear: both; }

.login_wrap .login_non > li { float: left; width: calc(50% - 10px); margin-right: 20px; }

.login_wrap .login_non > li:last-child { margin-right: 0; }

.login_wrap .login_non > li > a { display: block; padding: 40px 6px; background: #f5f7f9; border-radius: 10px; }

@media (min-width: 1180px) { .login_wrap .login_non > li > a:hover .txt { background-color: #224361; } }

.login_wrap .login_non > li > a img { display: block; margin: auto; }

.login_wrap .login_non > li > a .tit { display: block; margin: 20px 0 15px; font-size: 1.125em; font-weight: 500; }

.login_wrap .login_non > li > a .txt { display: inline-block; padding: 5px 15px 6px; font-size: 0.875em; color: #fff; background: #495f74; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.login_wrap .login_non.seoul_member { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }

.login_wrap .login_verify { margin-top: -1px; padding: 55px 40px; border-top: 3px solid #0379d5; border-radius: 10px; }

.login_wrap .login_verify img { display: block; margin: 0 auto 20px; }

.login_wrap .login_verify .inp_verify { display: inline-block; width: calc(100% - 140px); }

.login_wrap .login_verify .btn_verify { width: 130px; margin-left: 6px; line-height: 54px; color: #fff; background: #495f74; border-radius: 3px; vertical-align: top; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .login_wrap .login_verify .btn_verify:hover { background-color: #224361; } }

.login_wrap .login_verify .id_verify { max-width: 335px; margin: 0 auto 40px; padding: 15px 10px 17px; font-weight: 500; font-size: 1.375em; background: #f5f7f9; border-radius: 3px; }

.login_wrap .login_verify .id_verify + .login_type { display: inline-block; }

.login_wrap .login_verify .id_verify + .login_type > li { float: none; width: auto; margin: 0 0 5px; }

.login_wrap .login_verify .bg_box { padding: 20px 25px; background: #f5f7f9; }

.login_wrap .login_verify .bg_box .dot_list li { margin-bottom: 15px; }

.login_wrap .login_verify .bg_box .dot_list li:last-child { margin-bottom: 0; }

.login_wrap .login_verify .bg_box .dot_list .tit { display: block; margin-bottom: 7px; font-weight: 500; color: #222; }

.login_wrap .login_txt2 { display: block; /* margin-bottom: 30px; */ font-size: 0.938em; color: #666; }

@media (max-width: 900px) { .login_wrap .login_verify { padding: 30px 20px 20px; }
  .login_wrap .login_verify img { height: 34px; }
  .login_wrap .login_verify .inp_verify { width: calc(100% - 116px); }
  .login_wrap .login_verify .btn_verify { width: 110px; margin-left: 2px; line-height: 37px; font-size: 0.875em; }
  .login_wrap .login_type > li.naver,
.login_wrap .login_type > li.kakao {display:block;margin:0 4px;width:auto;margin-top:5px;}
 }
@media (min-width: 1180px) { .login_wrap .tableB + .common_btn_box .common_btn { min-width: 240px; } }

@media (max-width: 900px) { .login_wrap .tab_con { padding: 0 20px 20px; }
  .login_wrap .login_tit1 { margin-bottom: 10px; font-size: 15px; line-height: 1.5; word-break: keep-all; }
  .login_wrap .login_txt1 { margin-bottom: 17px; font-size: 14px; line-height: 1.5; word-break: keep-all; }
  .login_wrap .login_inp_box input { height: 37px; margin-bottom: 5px; padding: 10px; font-size: 14px; }
  .login_wrap .login_inp_box .btn_login { line-height: 42px; font-size: 14px; }
  .login_wrap .login_inp_box i { font-size: 0.938em; }
  .login_wrap .login_inp_box .agree_s_each h5 { font-size: 0.938em; }
  .login_wrap .login_attr { margin: 10px 0 15px; }
  .login_wrap .login_attr > li { padding: 0 8px; font-size: 12px; }
  .login_wrap .login_attr > li:after { height: 8px; top: 7px; }
  .login_wrap .login_type > li { float: none; width: auto; margin-top: 5px; margin-right: 0; }
  .login_wrap .login_type > li a { text-align: center; }
  .login_wrap .login_type > li a .ico { line-height: 38px; }
  .login_wrap .login_non { padding-bottom: 20px; margin-bottom: 10px; }
  .login_wrap .login_non > li { float: none; width: auto; margin-right: 0; margin-bottom: 10px; }
  .login_wrap .login_non > li > a { padding: 20px 15px; }
  .login_wrap .login_non > li > a .c_box { position: relative; display: inline-block; text-align: left; padding: 8px 0 8px 96px; }
  .login_wrap .login_non > li > a .c_box:after { content: ''; display: block; clear: both; }
  .login_wrap .login_non > li > a .c_box img { position: absolute; left: 0; top: 0; z-index: 1; height: 75px; }
  .login_wrap .login_non > li > a .tit { margin: 0 0 10px 0; font-size: 17px; }
  .login_wrap .login_non > li > a .txt { font-size: 14px; }
  .login_wrap .tableB .form_inp { height: 35px; }
  .login_wrap .tableB .form_inp input { height: 100%; font-size: 0.875em; }
  .login_wrap .tableB .form_inp2 { height: 35px; }
  .login_wrap .tableB .form_inp2 input { height: 100%; font-size: 0.875em; } }

@media (min-width: 1180px) { .book_each + .common_btn_box .common_btn { min-width: 240px; } }

/* 통합검색 */
.search_wrap:after { content: ''; display: block; clear: both; }

.search_wrap .left_box { float: left; width: calc(100% - 340px); }

.search_wrap .left_box .form_con.form_sel select { display: inline-block; width: 170px; margin-right: 7px; }

.search_wrap .right_box { float: right; width: 340px; padding-left: 40px; }

.search_wrap .sub_each { margin-bottom: 50px; }

.search_wrap .sub_each:last-child { margin-bottom: 0; }

.search_wrap .search_txt1 { display: block; margin-bottom: 40px; text-align: center; font-size: 1.25em; font-weight: 500; }

.search_wrap .sub_tit1 { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }

.search_wrap .sub_tit1:after { content: ''; display: block; clear: both; }

.search_wrap .sub_tit1 .btn_more { float: right; padding: 5px 12px; margin-top: -4px; font-size: 14px; font-weight: 400; border: 1px solid #222; border-radius: 3px; }

@media (min-width: 1180px) { .search_wrap .sub_tit1 .btn_more:hover .ico:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } }

.search_wrap .sub_tit1 .btn_more .ico { display: inline-block; padding-right: 12px; position: relative; }

.search_wrap .sub_tit1 .btn_more .ico:after { content: ''; display: block; width: 9px; height: 9px; background: url("../../web/images/ko/icon_plus_bk.png") no-repeat; position: absolute; top: 50%; margin-top: -4px; right: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

.search_wrap .img_board > li > a .img_box { height: 180px; }

.search_wrap .img_board > li > a .img_box .ib_top { top: 15px; left: 15px; }

.search_wrap .img_board > li > a .img_box .ib_num { bottom: 15px; right: 15px; font-size: 0.875em; }

.search_wrap .img_board > li > a .img_box .bd_label { font-size: 0.875em; }

.search_wrap .img_board > li > a .con_box { padding: 20px 20px 10px; }

.search_wrap .img_board > li > a .con_box .ib_type { font-size: 0.875em; }

.search_wrap .img_board > li > a .con_box .tit1 {/*  height: auto;  */font-size: 16px; max-width: 100%; text-overflow: ellipsis; overflow: hidden; /* white-space: nowrap; */ }

.search_wrap .img_board > li > a .con_box .ib_attr { font-size: 0.813em; }

.search_wrap .img_board > li > a .con_box .ib_attr > li { padding-left: 80px; }

.search_wrap .img_board > li > a .con_box .ib_attr > li b { padding-left: 24px; top: 0; }

.search_wrap .search_list { border-top: 2px solid #222; }

.search_wrap .search_list > li { border-bottom: 1px solid #ddd; }

.search_wrap .search_list > li a { display: block; padding: 20px 25px; }

@media (min-width: 1180px) { .search_wrap .search_list > li a:hover .tit1 { text-decoration: underline; } }

.search_wrap .search_list > li .tit1 { display: block; font-size: 1.125em; font-weight: 500; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.search_wrap .search_list > li .txt1 { margin: 10px 0 15px; max-height: 40px; font-size: 0.938em; color: #555; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.search_wrap .search_list > li .date1 { font-size: 0.938em; color: #777; }

.search_wrap .word_list { padding: 20px; margin-bottom: 25px; border: 1px solid #ddd; border-top: 3px solid #0379d5; border-radius: 10px; }

.search_wrap .word_list:last-child { margin-bottom: 0; border-top-color: #04a2a1; }

.search_wrap .word_list:last-child ul > li a { display: inline-block; max-width: calc(100% - 30px); vertical-align: middle; }

.search_wrap .word_list .tit1 { display: block; font-size: 1.125em; font-weight: 500; position: relative; }

.search_wrap .word_list .tit1 .word_toggle { width: 30px; height: 30px; font-size: 0; background: url(../../web/images/ko/m_arr.png) no-repeat center/15px auto; position: absolute; top: -7px; right: -5px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.search_wrap .word_list .tit1 .word_toggle.active { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.search_wrap .word_list ul { margin-top: 15px; }

.search_wrap .word_list ul > li { margin-bottom: 10px; }

.search_wrap .word_list ul > li:last-child { margin-bottom: 0; }

.search_wrap .word_list ul > li a { display: block; max-width: 100%; }

.search_wrap .word_list ul > li a:after { content: ''; display: block; clear: both; }

@media (min-width: 1180px) { .search_wrap .word_list ul > li a:hover { text-decoration: underline; } }

.search_wrap .word_list ul > li a .num1 {float: left; width: 22px; line-height: 22px; text-align: center; font-size: 13px; background: #dbdfe3; border-radius: 50%; position: relative;top: 2px;}

.search_wrap .word_list ul > li a .txt1 { display: block; padding-left: 8px; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.search_rs_txt { display: inline-block; max-width: 60%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.search_wrap .word_list ul > li .btn_word_del { display: inline-block; width: 20px; height: 20px; margin-left: 5px; font-size: 0; background: url("../../web/images/ko/icon_del.png") no-repeat; vertical-align: middle; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .search_wrap .word_list ul > li .btn_word_del:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); } }

@media (max-width: 1180px) { .search_wrap .left_box { float: none; width: auto; margin-bottom: 30px; }
  .search_wrap .left_box .search_txt1 { font-size: 16px; }
  .search_wrap .left_box .form_con.form_sel select { display: block; width: 100%; margin-right: 0; margin-bottom: 7px; }
  .search_wrap .left_box .sub_each { margin-bottom: 30px; }
  .search_wrap .left_box .sub_tit1 { margin-bottom: 15px; }
  .search_wrap .left_box .sub_tit1 .btn_more { padding: 3px 10px 4px; }
  .search_wrap .left_box .img_board > li > a .img_box { height: 200px; }
  .search_wrap .left_box .search_list > li a { padding: 20px 15px; }
  .search_wrap .right_box { float: none; width: auto; padding-left: 0; } }

/* 관심정보설정 */
.interest_wrap:after { content: ''; display: block; clear: both; }

.interest_wrap .int_each { float: left; width: 450px; margin-bottom: 40px; margin-right: 40px; }

.interest_wrap .int_each:nth-child(2) { width: calc(100% - 490px); margin-right: 0; }

.interest_wrap .int_each:nth-child(2) .int_tit1 { background: #9650ec; }

.interest_wrap .int_each.W100 { width: 100%; margin: 0; }

.interest_wrap .int_each.W100 .int_tit1 { background: #495f74; }

.interest_wrap .int_each .int_tit1 { padding: 15px; text-align: center; font-size: 1.125em; color: #fff; background: #0379d5; border-top-left-radius: 10px; border-top-right-radius: 10px; }

.interest_wrap .int_each .int_con { padding: 10px; border: 1px solid #ddd; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; position: relative; }
.interest_wrap .int_each.W100 .int_con {padding:0;}
.interest_wrap .int_each .int_con:after { content: ''; display: block; clear: both; }

.interest_wrap .int_each .int_con .int_list { margin: -5px; width:101%;}

.interest_wrap .int_each .int_con .int_list:after { content: ''; display: block; clear: both; }

.interest_wrap .int_each .int_con .int_list > li { float: left; width: 94px; margin: 5px; }

.interest_wrap .int_each .int_con .int_list > li img { display: block; margin: 0 auto 7px; }

.interest_wrap .int_each .int_con .int_list > li .btn_int { display: inline-block; width: 100%; height: 95px; padding: 15px 5px; text-align: center; font-size: 0.938em; letter-spacing: -0.04em; color: #444; border: 1px solid #ddd; border-radius: 5px; position: relative; }

.interest_wrap .int_each .int_con .int_list > li .btn_int:after { content: ''; display: block; width: calc(100% + 2px); height: calc(100% + 2px); -webkit-box-sizing: border-box; box-sizing: border-box; border: 3px solid transparent; border-radius: 5px; position: absolute; top: -1px; left: -1px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.interest_wrap .int_each .int_con .int_list > li .btn_int.active:after { border-color: #50b1fd; }

.interest_wrap .tab_listB { width: 180px; height: 100%; }

.interest_wrap .tab_listB > li { height: 20%; }

.interest_wrap .tab_listB > li:last-child a { border-bottom-width: 0; border-bottom-left-radius: 10px; }

.interest_wrap .tab_listB > li > a { display: block; height: 100%; padding: 15px; text-align: center; color: #666; background: #f5f7f9; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; -webkit-transition: all 0.3s; transition: all 0.3s; }

.interest_wrap .tab_listB > li.active a { color: #fff; background: #05a29f; border-right-color: #05a29f; position: relative; }

.interest_wrap .tab_listB > li.active a:after { content: ''; display: block; border-left: 5px solid #05a29f; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; top: 50%; margin-top: -4px; right: -6px; }

.interest_wrap .tab_listB + .tab_con_box { float: right; width: calc(100% - 180px); min-height: 214px; }

/* 201204 */
.interest_wrap .int_each .int_con.ver2 {padding:0;}
.interest_wrap .tab_listB .tab_con {display:none;position:absolute;right:0;top:0;width: calc(100% - 180px);padding:20px;}
.interest_wrap .tab_listB > li.active .tab_con {display:block;}


@media (max-width: 1180px) { .interest_wrap .int_each { float: none; width: auto; margin: 0 0 15px 0; }
  .interest_wrap .int_each:nth-child(2) { width: auto; }
  .interest_wrap .int_each .int_con { padding: 15px; text-align: center; }
  .interest_wrap .int_each.W100 .int_con {padding:15px;}
  .interest_wrap .int_each .int_con .int_list { display: inline-block;}
  .interest_wrap .int_each .int_con .int_list > li .btn_int { font-size: 12px; }
  .interest_wrap .tab_listB { width: calc(100% + 30px); height: auto; margin: -15px -15px 0 -15px; position: static; }
  .interest_wrap .tab_listB:after { content: ''; display: block; clear: both; }
  .interest_wrap .tab_listB + .tab_con_box { float: none; width: auto; min-height: inherit; margin-top: 15px; }
  .interest_wrap .tab_listB > li { float: left; width: 20%; height: auto; }
  .interest_wrap .tab_listB > li:last-child a { border-bottom-width: 1px; border-right-width: 0; border-bottom-left-radius: 0; }
  .interest_wrap .tab_listB > li.active a { border-right-color: #ddd; border-bottom-color: #05a29f; }
  .interest_wrap .tab_listB > li.active a:after { top: auto; margin-top: 0; bottom: -8px; right: 50%; margin-right: -2px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } }
  /* 201204 */
.interest_wrap .tab_listB .tab_con {top:52px;width:100%;}
.interest_wrap .tab_listB > li.active .tab_con {display:block;}

@media screen and (max-width: 375px) { .interest_wrap .int_each .int_con .int_list > li { width: calc(33.33% - 10px); } }

@media screen and (max-width: 320px) { .interest_wrap .tab_listB > li a { padding: 15px 10px; } }




/* 지도선택 */
.i.img_map_box { text-align: center; position: relative; }

.img_map_box img { display: block; margin: auto; }

.img_map_box .btn_map_all { padding: 5px 15px; font-size: 0.938em; border: 1px solid #ddd; border-radius: 3px; position: absolute; top: 0; left: 0; }

.img_map_box .btn_map_all.active { color: #fff; background: #09a88f; background: -webkit-gradient(linear, left top, right top, from(#09a88f), to(#9948f9)); background: linear-gradient(90deg, #09a88f, #9948f9); border-width: 0; }

.img_map_box .img_map area { cursor: not-allowed; }
.int_each .img_map_box .img_map area { cursor: pointer; }
.int_each .img_map_box .map_list>li { cursor: pointer; }
.img_map_box .img_map .posible { cursor: pointer; }

.img_map_box .map_list { width: 371px; height: 301px; position: absolute; left: 50%; margin-left: -185px; z-index: -1; }

.img_map_box .map_list:after { content: ''; display: block; width: 100%; height: 100%; background: url("../../web/images/ko/map/map0.png") no-repeat center; position: absolute; top: 0; left: 0; z-index: -2; }
.en .img_map_box .map_list:after {background: url("../../web/images/en/map/map0.png") no-repeat center;}
.img_map_box .map_list li { cursor: not-allowed; display: none; width: 110px; height: 110px; font-size: 0; background-repeat: no-repeat; position: absolute; z-index: -1; }

.img_map_box .map_list li > button { width: 100%; height: 100%; padding: 0; color: inherit; font: inherit; background: transparent; border: 0; cursor: pointer; }

.img_map_box .map_list li > button:focus-visible { outline: 3px solid #222; outline-offset: 2px; }

.main_step2 [data-region-map] .map_list > li.keyboard-focus { display: block; filter: drop-shadow(0 0 2px var(--theme-focus-ring)) drop-shadow(0 0 2px var(--theme-focus-ring)); }

.main_step2 [data-region-map] .img_map area.posible:focus-visible,
.main_step2 [data-region-map] .map_list > li.keyboard-focus > button:focus-visible { outline: none !important; outline-offset: 0 !important; }

.img_map_box .map_list li.posible { display: block; }

.img_map_box .map_list li.posible.map_txt1 { background-image: url("../../web/images/ko/map/map1_c.png"); top: 46px; left: 107px; }

.img_map_box .map_list li.posible.map_txt2 { background-image: url("../../web/images/ko/map/map2_c.png"); top: 101px; left: 124px; }

.img_map_box .map_list li.posible.map_txt3 { background-image: url("../../web/images/ko/map/map3_c.png"); top: 74px; left: 165px; }

.img_map_box .map_list li.posible.map_txt4 { background-image: url("../../web/images/ko/map/map4_c.png"); top: 71px; left: 187px; }

.img_map_box .map_list li.posible.map_txt5 { background-image: url("../../web/images/ko/map/map5_c.png"); top: 16px; left: 189px; }

.img_map_box .map_list li.posible.map_txt6 { background-image: url("../../web/images/ko/map/map6_c.png"); top: -3px; left: 214px; }

.img_map_box .map_list li.posible.map_txt7 { background-image: url("../../web/images/ko/map/map7_c.png"); top: 1px; left: 247px; }

.img_map_box .map_list li.posible.map_txt8 { background-image: url("../../web/images/ko/map/map8_c.png"); top: 120px; left: 85px; }

.img_map_box .map_list li.posible.map_txt9 { background-image: url("../../web/images/ko/map/map9_c.png"); top: 161px; left: 160px; }

.img_map_box .map_list li.posible.map_txt10 { background-image: url("../../web/images/ko/map/map10_c.png"); top: 143px; left: 176px; }

.img_map_box .map_list li.posible.map_txt11 { background-image: url("../../web/images/ko/map/map11_c.png"); top: 142px; left: 216px; }

.img_map_box .map_list li.posible.map_txt12 { background-image: url("../../web/images/ko/map/map12_c.png"); top: 104px; left: 228px; }

.img_map_box .map_list li.posible.map_txt13 { background-image: url("../../web/images/ko/map/map13_c.png"); top: 141px; left: 260px; }

.img_map_box .map_list li.posible.map_txt14 { background-image: url("../../web/images/ko/map/map14_c.png"); top: 88px; left: 271px; }

.img_map_box .map_list li.posible.map_txt15 { background-image: url("../../web/images/ko/map/map15_c.png"); top: 108px; left: 1px; }

.img_map_box .map_list li.posible.map_txt16 { background-image: url("../../web/images/ko/map/map16_c.png"); top: 164px; left: 50px; }

.img_map_box .map_list li.posible.map_txt17 { background-image: url("../../web/images/ko/map/map17_c.png"); top: 205px; left: 43px; }

.img_map_box .map_list li.posible.map_txt18 { background-image: url("../../web/images/ko/map/map18_c.png"); top: 165px; left: 102px; }

.img_map_box .map_list li.posible.map_txt19 { background-image: url("../../web/images/ko/map/map19_c.png"); top: 237px; left: 95px; }

.img_map_box .map_list li.posible.map_txt20 { background-image: url("../../web/images/ko/map/map20_c.png"); top: 228px; left: 120px; }

.img_map_box .map_list li.posible.map_txt21 { background-image: url("../../web/images/ko/map/map21_c.png"); top: 202px; left: 125px; }

.img_map_box .map_list li.posible.map_txt22 { background-image: url("../../web/images/ko/map/map22_c.png"); top: 194px; left: 189px; }

.img_map_box .map_list li.posible.map_txt23 { background-image: url("../../web/images/ko/map/map23_c.png"); top: 185px; left: 223px; }

.img_map_box .map_list li.posible.map_txt24 { background-image: url("../../web/images/ko/map/map24_c.png"); top: 172px; left: 268px; }

.img_map_box .map_list li.posible.map_txt25 { background-image: url("../../web/images/ko/map/map25_c.png"); top: 131px; left: 312px; }

.img_map_box .map_list li.active.map_txt1 { background-image: url("../../web/images/ko/map/map1.png"); }

.img_map_box .map_list li.active.map_txt2 { background-image: url("../../web/images/ko/map/map2.png"); }

.img_map_box .map_list li.active.map_txt3 { background-image: url("../../web/images/ko/map/map3.png"); }

.img_map_box .map_list li.active.map_txt4 { background-image: url("../../web/images/ko/map/map4.png"); }

.img_map_box .map_list li.active.map_txt5 { background-image: url("../../web/images/ko/map/map5.png"); }

.img_map_box .map_list li.active.map_txt6 { background-image: url("../../web/images/ko/map/map6.png"); }

.img_map_box .map_list li.active.map_txt7 { background-image: url("../../web/images/ko/map/map7.png"); }

.img_map_box .map_list li.active.map_txt8 { background-image: url("../../web/images/ko/map/map8.png"); }

.img_map_box .map_list li.active.map_txt9 { background-image: url("../../web/images/ko/map/map9.png"); }

.img_map_box .map_list li.active.map_txt10 { background-image: url("../../web/images/ko/map/map10.png"); }

.img_map_box .map_list li.active.map_txt11 { background-image: url("../../web/images/ko/map/map11.png"); }

.img_map_box .map_list li.active.map_txt12 { background-image: url("../../web/images/ko/map/map12.png"); }

.img_map_box .map_list li.active.map_txt13 { background-image: url("../../web/images/ko/map/map13.png"); }

.img_map_box .map_list li.active.map_txt14 { background-image: url("../../web/images/ko/map/map14.png"); }

.img_map_box .map_list li.active.map_txt15 { background-image: url("../../web/images/ko/map/map15.png"); }

.img_map_box .map_list li.active.map_txt16 { background-image: url("../../web/images/ko/map/map16.png"); }

.img_map_box .map_list li.active.map_txt17 { background-image: url("../../web/images/ko/map/map17.png"); }

.img_map_box .map_list li.active.map_txt18 { background-image: url("../../web/images/ko/map/map18.png"); }

.img_map_box .map_list li.active.map_txt19 { background-image: url("../../web/images/ko/map/map19.png"); }

.img_map_box .map_list li.active.map_txt20 { background-image: url("../../web/images/ko/map/map20.png"); }

.img_map_box .map_list li.active.map_txt21 { background-image: url("../../web/images/ko/map/map21.png"); }

.img_map_box .map_list li.active.map_txt22 { background-image: url("../../web/images/ko/map/map22.png"); }

.img_map_box .map_list li.active.map_txt23 { background-image: url("../../web/images/ko/map/map23.png"); }

.img_map_box .map_list li.active.map_txt24 { background-image: url("../../web/images/ko/map/map24.png"); }

.img_map_box .map_list li.active.map_txt25 { background-image: url("../../web/images/ko/map/map25.png"); }


.en .img_map_box .map_list li.posible.map_txt1 { background-image: url("../../web/images/en/map/map1_c.png"); top: 46px; left: 107px; }

.en .img_map_box .map_list li.posible.map_txt2 { background-image: url("../../web/images/en/map/map2_c.png"); top: 101px; left: 124px; }

.en .img_map_box .map_list li.posible.map_txt3 { background-image: url("../../web/images/en/map/map3_c.png"); top: 74px; left: 165px; }

.en .img_map_box .map_list li.posible.map_txt4 { background-image: url("../../web/images/en/map/map4_c.png"); top: 71px; left: 187px; }

.en .img_map_box .map_list li.posible.map_txt5 { background-image: url("../../web/images/en/map/map5_c.png"); top: 16px; left: 189px; }

.en .img_map_box .map_list li.posible.map_txt6 { background-image: url("../../web/images/en/map/map6_c.png"); top: -3px; left: 214px; }

.en .img_map_box .map_list li.posible.map_txt7 { background-image: url("../../web/images/en/map/map7_c.png"); top: 1px; left: 247px; }

.en .img_map_box .map_list li.posible.map_txt8 { background-image: url("../../web/images/en/map/map8_c.png"); top: 120px; left: 85px; }

.en .img_map_box .map_list li.posible.map_txt9 { background-image: url("../../web/images/en/map/map9_c.png"); top: 161px; left: 160px; }

.en .img_map_box .map_list li.posible.map_txt10 { background-image: url("../../web/images/en/map/map10_c.png"); top: 143px; left: 176px; }

.en .img_map_box .map_list li.posible.map_txt11 { background-image: url("../../web/images/en/map/map11_c.png"); top: 142px; left: 216px; }

.en .img_map_box .map_list li.posible.map_txt12 { background-image: url("../../web/images/en/map/map12_c.png"); top: 104px; left: 228px; }

.en .img_map_box .map_list li.posible.map_txt13 { background-image: url("../../web/images/en/map/map13_c.png"); top: 141px; left: 260px; }

.en .img_map_box .map_list li.posible.map_txt14 { background-image: url("../../web/images/en/map/map14_c.png"); top: 88px; left: 271px; }

.en .img_map_box .map_list li.posible.map_txt15 { background-image: url("../../web/images/en/map/map15_c.png"); top: 108px; left: 1px; }

.en .img_map_box .map_list li.posible.map_txt16 { background-image: url("../../web/images/en/map/map16_c.png"); top: 164px; left: 50px; }

.en .img_map_box .map_list li.posible.map_txt17 { background-image: url("../../web/images/en/map/map17_c.png"); top: 205px; left: 43px; }

.en .img_map_box .map_list li.posible.map_txt18 { background-image: url("../../web/images/en/map/map18_c.png"); top: 165px; left: 102px; }

.en .img_map_box .map_list li.posible.map_txt19 { background-image: url("../../web/images/en/map/map19_c.png"); top: 237px; left: 95px; }

.en .img_map_box .map_list li.posible.map_txt20 { background-image: url("../../web/images/en/map/map20_c.png"); top: 228px; left: 120px; }

.en .img_map_box .map_list li.posible.map_txt21 { background-image: url("../../web/images/en/map/map21_c.png"); top: 202px; left: 125px; }

.en .img_map_box .map_list li.posible.map_txt22 { background-image: url("../../web/images/en/map/map22_c.png"); top: 194px; left: 189px; }

.en .img_map_box .map_list li.posible.map_txt23 { background-image: url("../../web/images/en/map/map23_c.png"); top: 185px; left: 223px; }

.en .img_map_box .map_list li.posible.map_txt24 { background-image: url("../../web/images/en/map/map24_c.png"); top: 172px; left: 268px; }

.en .img_map_box .map_list li.posible.map_txt25 { background-image: url("../../web/images/en/map/map25_c.png"); top: 131px; left: 312px; }

.en .img_map_box .map_list li.active.map_txt1 { background-image: url("../../web/images/en/map/map1.png"); }

.en .img_map_box .map_list li.active.map_txt2 { background-image: url("../../web/images/en/map/map2.png"); }

.en .img_map_box .map_list li.active.map_txt3 { background-image: url("../../web/images/en/map/map3.png"); }

.en .img_map_box .map_list li.active.map_txt4 { background-image: url("../../web/images/en/map/map4.png"); }

.en .img_map_box .map_list li.active.map_txt5 { background-image: url("../../web/images/en/map/map5.png"); }

.en .img_map_box .map_list li.active.map_txt6 { background-image: url("../../web/images/en/map/map6.png"); }

.en .img_map_box .map_list li.active.map_txt7 { background-image: url("../../web/images/en/map/map7.png"); }

.en .img_map_box .map_list li.active.map_txt8 { background-image: url("../../web/images/en/map/map8.png"); }

.en .img_map_box .map_list li.active.map_txt9 { background-image: url("../../web/images/en/map/map9.png"); }

.en .img_map_box .map_list li.active.map_txt10 { background-image: url("../../web/images/en/map/map10.png"); }

.en .img_map_box .map_list li.active.map_txt11 { background-image: url("../../web/images/en/map/map11.png"); }

.en .img_map_box .map_list li.active.map_txt12 { background-image: url("../../web/images/en/map/map12.png"); }

.en .img_map_box .map_list li.active.map_txt13 { background-image: url("../../web/images/en/map/map13.png"); }

.en .img_map_box .map_list li.active.map_txt14 { background-image: url("../../web/images/en/map/map14.png"); }

.en .img_map_box .map_list li.active.map_txt15 { background-image: url("../../web/images/en/map/map15.png"); }

.en .img_map_box .map_list li.active.map_txt16 { background-image: url("../../web/images/en/map/map16.png"); }

.en .img_map_box .map_list li.active.map_txt17 { background-image: url("../../web/images/en/map/map17.png"); }

.en .img_map_box .map_list li.active.map_txt18 { background-image: url("../../web/images/en/map/map18.png"); }

.en .img_map_box .map_list li.active.map_txt19 { background-image: url("../../web/images/en/map/map19.png"); }

.en .img_map_box .map_list li.active.map_txt20 { background-image: url("../../web/images/en/map/map20.png"); }

.en .img_map_box .map_list li.active.map_txt21 { background-image: url("../../web/images/en/map/map21.png"); }

.en .img_map_box .map_list li.active.map_txt22 { background-image: url("../../web/images/en/map/map22.png"); }

.en .img_map_box .map_list li.active.map_txt23 { background-image: url("../../web/images/en/map/map23.png"); }

.en .img_map_box .map_list li.active.map_txt24 { background-image: url("../../web/images/en/map/map24.png"); }

.en .img_map_box .map_list li.active.map_txt25 { background-image: url("../../web/images/en/map/map25.png"); }

@media (max-width: 1180px) { .img_map_box img, .img_map_box map { display: none; }
  .img_map_box .btn_map_all { margin-bottom: 20px; position: static; color: #fff; background: #495f74; border: 0 none; border-radius: 20px; }
  .img_map_box .map_list { width: auto; height: auto; position: static; margin-left: 0; }
  .img_map_box .map_list:after { content: ''; display: block; clear: both; }
  .img_map_box .map_list:after { position: static; background: 0 none; }
  .img_map_box .map_list > li { float: left; display: block; width: calc(33.33% - 7px); height: auto; margin-bottom: 10px; margin-right: 7px; padding: 7px; cursor: pointer; font-size: 16px; border: 1px solid #ddd; background: #f5f5f5; border-radius: 3px; position: relative; z-index: 0; left: auto !important; top: auto !important; background-image: none !important; }
  .img_map_box .map_list > li:nth-child(3n) { margin-right: 0; }
  .img_map_box .map_list > li.posible { left: auto; top: auto; background-color: #cccccc; }
  .img_map_box .map_list > li.active { color: #0379d5; }
  .img_map_box .map_list > li.active:after { content: ''; display: block; width: calc(100% + 2px); height: calc(100% + 2px); border: 3px solid #50b1fd; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: -1px; left: -1px; border-radius: 3px; } }

/* 이용안내 */
.guide_top { padding: 40px 0 20px; margin-bottom: 60px; background: url("../../web/images/ko/bg_guide.png") no-repeat right bottom; }

.guide_top .txt1 { margin-bottom: 25px; font-weight: 300; font-size: 1.5em; }

.guide_top .txt1 b { font-weight: 700; }

.guide_top .a_down { display: inline-block; padding: 12px 30px; background: #0379d5; border-radius: 30px; }

.guide_top .a_down .ico { display: inline-block; padding-right: 25px; color: #fff; font-size: 1.063em; position: relative; }

.guide_top .a_down .ico:after { content: ''; display: block; width: 20px; height: 16px; background: url("../../web/images/ko/icon_download.png") no-repeat center bottom; position: absolute; top: 2px; right: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .guide_top .a_down:hover .ico:after { background-position: center top; } }

@media (max-width: 1180px) { .guide_top { margin-bottom: 30px; padding: 0; background: 0 none; } }

@media (max-width: 900px) { .guide_top { text-align: center; }
  .guide_top .txt1 { margin-bottom: 15px; font-size: 1.063em; } }

.faq_list.guide_list > li .faq_tit { padding: 25px 30px; }

.faq_list.guide_list > li .faq_tit .tit1 { width: 100%; }

.faq_list.guide_list > li .faq_txt_wrap { padding: 25px 30px; }

.faq_list.guide_list .guide_step:after { content: ''; display: block; clear: both; }

.faq_list.guide_list .guide_step > li { float: left; width: calc(50% - 15px); margin-bottom: 55px; margin-right: 30px; padding-left: 120px; position: relative; }

.faq_list.guide_list .guide_step > li:nth-child(2n) { margin-right: 0; }

.faq_list.guide_list .guide_step > li:nth-child(2n+1) { clear: both; }

.faq_list.guide_list .guide_step > li:nth-last-child(1), .faq_list.guide_list .guide_step > li:nth-last-child(2) { margin-bottom: 0; }

.faq_list.guide_list .guide_step > li .num1 { font-size: 24px; color: #555; position: absolute; top: 0; left: 0; }

.faq_list.guide_list .guide_step > li .num1 b { color: #a34700; }

.faq_list.guide_list .guide_step > li .tit1 { display: block; margin-bottom: 10px; font-size: 1.25em; font-weight: 500; }

.faq_list.guide_list .guide_step > li .dot_list { min-height: 50px; margin-bottom: 20px; font-size: 0.938em; }

.faq_list.guide_list .guide_step > li .img_box { text-align: center; }

@media (max-width: 900px) { .faq_list.guide_list > li .faq_tit { padding: 15px 17px; }
  .faq_list.guide_list > li .faq_tit .tit1 { font-size: 1.125em; }
  .faq_list.guide_list > li .faq_txt_wrap { padding: 15px 17px; }
  .faq_list.guide_list .guide_step > li { float: none; width: auto; margin-bottom: 25px; margin-right: 0; padding-left: 0; }
  .faq_list.guide_list .guide_step > li:nth-last-child(2) { margin-bottom: 25px; }
  .faq_list.guide_list .guide_step > li .num1 { display: block; margin-bottom: 15px; font-size: 1.125em; position: static; }
  .faq_list.guide_list .guide_step > li .tit1 { font-size: 16px; }
  .faq_list.guide_list .guide_step > li .dot_list { min-height: inherit; margin-bottom: 15px; } }

/* 사이트맵 */
.site_map { margin-top: 80px; }

.site_map:after { content: ''; display: block; clear: both; }

.site_map > li { float: left; width: calc(25% - 30px); margin-bottom: 70px; margin-right: 40px; border-top: 2px solid #222; -webkit-transition: all 0.3s; transition: all 0.3s; }

.site_map > li:nth-child(4n+1) { clear: both; }

.site_map > li:nth-child(4n) { margin-right: 0; }

.site_map > li > a { display: block; padding: 15px 30px; font-size: 1.125em; border-bottom: 1px solid #222; -webkit-transition: all 0.3s; transition: all 0.3s; }

.site_map > li ol > li > a { display: block; padding: 12px 30px 12px 37px; color: #444; border-bottom: 1px solid #ddd; position: relative; -webkit-transition: background 0.3s; transition: background 0.3s; }

.site_map > li ol > li > a:before { content: ''; display: block; width: 3px; height: 3px; background: #444; border-radius: 5px; position: absolute; top: 20px; left: 30px; }

@media (min-width: 1180px) { .site_map > li ol > li > a:hover { background: #f5f7f9; font-weight: 500; } }

@media (min-width: 1180px) { .site_map > li:hover { border-color: #0379d5; }
  .site_map > li:hover > a { color: #0379d5; border-color: #0379d5; } }

@media (max-width: 1180px) { .site_map { margin-top: 40px; }
  .site_map > li { width: calc(33.33% - 20px); margin-right: 30px; }
  .site_map > li:nth-child(4n+1) { clear: inherit; }
  .site_map > li:nth-child(4n) { margin-right: 30px; }
  .site_map > li:nth-child(3n) { margin-right: 0; }
  .site_map > li:nth-child(3n+1) { clear: both; }
  .site_map > li ol > li > a { padding: 12px 20px 12px 30px; }
  .site_map > li ol > li > a:before { left: 23px; } }

@media (max-width: 900px) { .site_map { margin-top: 40px; }
  .site_map > li { float: none; width: auto; margin-right: 0; margin-bottom: 35px; }
  .site_map > li > a { padding: 15px 20px; }
  .site_map > li ol > li > a { padding: 15px 30px; font-size: 0.875em; }
  .site_map > li ol > li > a:before { top: 24px; } }

/* 나의 이용후기 */
.tbl_review table td { border-bottom-color: #aaa; }

.tbl_review .cmt_wrap { padding: 30px; text-align: left; background: #f5f7f9; }

.tbl_review .cmt_wrap .cmt_list { border-top-width: 0; }

.tbl_review .cmt_wrap .cmt_list > li { padding: 0; border-bottom-width: 0; background-color: transparent; }

.tbl_review .cmt_wrap .cmt_list > li.cmt_reply { margin-top: 30px; padding: 20px 25px 20px 50px; background-color: #fff; }

@media (max-width: 1180px) { .tbl_review .cmt_wrap { margin: -13px -15px; padding: 0; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
  .tbl_review .cmt_wrap .cmt_list > li { padding: 15px 12px; }
  .tbl_review .cmt_wrap .cmt_list > li.cmt_reply { margin-top: 0; padding: 15px 15px 15px 30px; border-top: 1px solid #ddd; } }

/* 개인정보처리방침 */
.privacy_wrap { margin-top: 95px; }

.privacy_wrap .prv_tit1 { margin-bottom: 35px; text-align: center; font-size: 2em; font-weight: 500; }

.privacy_wrap .prv_tit1_1 { margin-top: 60px; text-align: left; font-size: 1.75em; font-weight: 500; }

.privacy_wrap .prv_tit2 { margin-bottom: 20px; font-size: 1.375em; font-weight: 500; }

.privacy_wrap .bg_box { padding: 30px; line-height: 1.4; word-break: keep-all; color: #444; background: #f5f7f9; border: 1px solid #ddd; border-radius: 10px; }

.privacy_wrap .bg_box:after { content: ''; display: block; clear: both; }

.privacy_wrap .bg_box ol { float: left; width: 50%; }

.privacy_wrap .bg_box li { margin-top: 15px; }

.privacy_wrap .bg_box li:first-child { margin-top: 0; }

.privacy_wrap .bg_box a { position: relative; font-size: 1.063em; font-weight: 500; padding-left: 70px; }

.privacy_wrap .bg_box a span { position: absolute; left: 0; top: 0; z-index: 1; }

.privacy_wrap .prv_each { margin-top: 35px; }

.privacy_wrap .num_list { margin-left: 20px; }

.privacy_wrap .num_list > li { margin-bottom: 10px; color: #444; line-height: 1.5em; }

.privacy_wrap .num_list > li:last-child { margin-bottom: 0; }

.privacy_wrap .num_list > li span { display: inline-block; margin-left: -20px; }

.privacy_wrap .num_list .num_list { margin-top: 15px; }

.privacy_wrap .num_list .tbl_scroll { margin-top: 20px; margin-left: -20px; }

.privacy_wrap .ref_txt { display: block; margin-top: 15px; margin-left: 20px; color: #444; }

.privacy_wrap .ref_txt span { display: inline-block; margin-left: -20px; }

.privacy_wrap .prv_txt { display: block; margin-top: 15px; color: #444; line-height: 1.5em; }

.privacy_wrap .a_blue { color: #0379d5; }

@media (min-width: 1180px) { .privacy_wrap .a_blue { -webkit-transition: all 0.3s; transition: all 0.3s; }
  .privacy_wrap .a_blue:hover { text-decoration: underline; } }

.privacy_wrap .img_box { margin: 30px 0; }

.privacy_wrap .tit1 { display: block; margin-top: 10px; font-weight: 500; }

.privacy_wrap .tit1 + .num_list { margin-top: 10px; }

.privacy_wrap .prv_right { margin-top: 80px; text-align: right; }

.privacy_wrap .prv_right > li { margin-bottom: 10px; }

.privacy_wrap .tableB th + td { text-align: center; }

@media (max-width: 1180px) { .privacy_wrap { margin-top: 30px; }
  .privacy_wrap .prv_tit1 { margin-bottom: 20px; font-size: 21px; }
  .privacy_wrap .prv_tit1_1 { margin-top: 40px; font-size: 21px; }
  .privacy_wrap .prv_tit2 { margin-bottom: 12px; font-size: 16px; }
  .privacy_wrap .bg_box { padding: 15px; font-size: 14px; }
  .privacy_wrap .prv_each { margin-top: 20px; }
  .privacy_wrap .num_list > li { font-size: 14px; }
  .privacy_wrap .num_list .num_list { margin-top: 10px; }
  .privacy_wrap .num_list .tbl_scroll { margin-top: 10px; }
  .privacy_wrap .tbl_scroll { overflow-x: auto; }
  .privacy_wrap .tbl_scroll .tableB { min-width: 800px; }
  .privacy_wrap .ref_txt { margin-top: 10px; }
  .privacy_wrap .prv_txt { margin-top: 10px; }
  .privacy_wrap .img_box { margin: 20px 0; overflow-x: auto; }
  .privacy_wrap .img_box img { display: block; min-width: 1157px; }
  .privacy_wrap .prv_right { margin-top: 40px; }
  .privacy_wrap .prv_right > li { font-size: 12px; margin-bottom: 6px; } }

@media (max-width: 850px) { .privacy_wrap .bg_box { height: 250px; overflow-y: auto; }
  .privacy_wrap .bg_box ol { width: 100%; } }

@media (max-width: 500px) { .privacy_wrap .bg_box { height: 180px; } }

/* form */
.form_inp { height: 44px; background-color: #fff; border-radius: 3px; border: 1px solid #cacfd3; }
.form_inp2 { height: 44px; background-color: #fff; border-radius: 3px; border: 1px solid #cacfd3; }
.form_inp3 {background-color: #fff; border-radius: 3px; border: 1px solid #cacfd3; }	/* textarea 용 */

.form_inp input, .form_inpinput { display: block; padding: 0 10px; }
.form_inp2 input, .form_inp2input { display: block; padding: 0 10px; }

.form_inp.date { width: 170px; padding-right: 30px; background: #fff url("../../web/images/ko/icon_cal.png") no-repeat right 10px center; }

@media (max-width: 1180px) { .form_inp.date { width: calc(50% - 14px); } }

.form_sel select { height: 44px; padding: 0 25px 0 10px; color: #222; background: #fff url(../../web/images/ko/select_down.png) no-repeat right 10px center; text-align: left; position: relative; border-radius: 3px; border: 1px solid #cacfd3; }

@media (max-width: 1180px) { .form_sel select { background-position: right 10px center; } }

.form_sel.one { margin-bottom: 20px; }

.form_sel.one select { display: inline-block; width: 150px; margin-right: 10px; }

.form_sel.one .fc_red { font-size: 0.875em; }

@media (max-width: 900px) { .form_sel.one { margin-bottom: 10px; }
  .form_sel.one select { font-size: 0.825rem; }
  .form_sel.one .fc_red { display: block; margin-top: 5px; } }

.form_txt { border: 1px solid #ddd; resize: none; }

.inp_txt { display: inline-block; line-height: 44px; padding: 0 5px; font-size: 18px; vertical-align: middle; }

@media (max-width: 1180px) { .inp_txt { line-height: 35px; } }

@media (max-width: 900px) { .inp_txt { padding: 0 2px; margin-left: 0; font-size: 15px; } }

.radio_each { display: inline-block; margin: 2px 20px 2px 0; vertical-align: middle; }

.radio_each.one, .radio_each:last-of-type { margin-right: 0; }

.radio_each label { display: inline-block; position: relative; padding-left: 32px; cursor: pointer; }

@media (max-width: 900px) { .radio_each label { padding-left: 18px; font-size: 0.938em; } }

.radio_each .vradio { display: block; position: absolute; left: 0; top: -1px; width: 24px; height: 24px; border: 1px solid #cacfd3; border-radius: 50%; }

@media (max-width: 900px) { .radio_each .vradio { width: 14px; height: 14px; top: 3px; } }

.radio_each .vradio:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin-left: -6px; margin-top: -6px; background-color: transparent; border-radius: 50%; -webkit-transition: all 0.2s; transition: all 0.2s; }

@media (max-width: 900px) { .radio_each .vradio:after { width: 6px; height: 6px; margin-top: -3px; margin-left: -3px; } }

.radio_each input:checked + label .vradio { border-color: #09a1bd; }

.radio_each input:checked + label .vradio:after { background-color: #09a1bd; }

.radio_each input:focus + label .vradio { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }

.chk_each { display: inline-block; margin: 5px 20px 5px 0; vertical-align: middle; }

.chk_each.one, .chk_each:last-of-type { margin-right: 0; }

.chk_each label { display: inline-block; padding-top: 2px; position: relative; z-index: 1; padding-left: 30px; cursor: pointer; vertical-align: top; }

@media (max-width: 900px) { .chk_each label { padding-top: 2px; font-size: 14px; } }

.chk_each .vchkbox { display: block; position: absolute; left: 0; top: 1px; z-index: 1; width: 24px; height: 24px; background: #fff no-repeat center / 12px auto; border: 1px solid #cacfd3; border-radius: 3px; -webkit-transition: all 0.2s; transition: all 0.2s; }

.chk_each input:checked + label { color: #008da7; }

.chk_each input:checked + label .vchkbox { background-image: url("../../web/images/ko/icon_chk.png"); border-color: #09a1bd; background-color: #09a1bd; }

.chk_each input:focus + label .vchkbox { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }

.attach_box { max-width: 535px; position: relative; z-index: 1; }

.attach_box:after { content: ''; display: block; clear: both; }

/* .attach_box .attach_input { position: absolute; left: 0; top: 0; z-index: 1; visibility: hidden; width: 1px; height: 1px; font-size: 1px; } */

.attach_box .attach {margin-top:7px; position:relative;}

.attach_box .attach:first-child {margin-top:0;}

.attach_box .attach:after { content: ''; display: block; clear: both; }

.attach_box .attach_vbox { vertical-align: middle; }

.attach_box .attach_vinput { float: left; width: calc(100% - 135px); max-width: inherit; background-color: #fff; cursor: pointer; padding: 0 5px; border: 0 none; cursor: pointer; }

.attach_box .attach_vinput::placeholder { color: #989494; } /* @!@ 20240523 명도대비 3:1 */

@media (max-width: 900px) { .attach_box .attach_vinput { float: none; width: 100%; height: auto; margin-top: 5px; font-size: 14px; } }

.attach_box .attach_btn, .attach_box .delete_btn { float: left; width: 90px; height: 44px; line-height: 42px; margin-right: 5px; text-align: center; background: #fff; border: 1px solid #222; border-radius: 3px; cursor: pointer; vertical-align: middle; -webkit-transition: all 0.3s; transition: all 0.3s; }

.attach_box .attach_input { position: absolute; left: 0; top: 0; z-index: 2; width: 90px; height: 44px; opacity: 0; cursor: pointer; }

.attach_box .attach_btn.keyboard-focus { outline: 3px solid #005fcc; outline-offset: 2px; }

@media (max-width: 900px) { .attach_box .attach_btn, .attach_box .delete_btn { float: none; width: 100px; height: 35px; line-height: 35px; } }

@media (max-width: 900px) { .attach_box .attach_input { width: 100px; height: 35px; } }

/* 예약입력 페이지 */
.form_txt { height: 60px; }

@media (max-width: 900px) { .form_txt { height: auto; } }

.book_step { margin-bottom: 55px; text-align: center; }

.book_step > ul { display: inline-block; position: relative; }

.book_step > ul:before { content: ''; display: block; width: 130px; height: 1px; background: #ccc; position: absolute; top: 22px; left: 50%; margin-left: -62px; z-index: -1; }

.book_step > .step3::before { width: 224px; left: 40%;}

.book_step > ul > li { float: left; margin: 0 25px; text-align: center; font-size: 19px; }

.book_step > ul > li .num { display: block; width: 42px; height: 42px; line-height: 27px; margin: 0 auto 10px; font-size: 20px; color: #fff; background: #898989; border: 7px solid #e5e5e5; border-radius: 35px; }

.book_step > ul > li.active { color: #0379d5; }

.book_step > ul > li.active .num { background-color: #0379d5; border-color: #d9ebf9; }

.book_step2 { margin-bottom: 55px; text-align: center; }

.book_step2 > ul { display: inline-block; position: relative; }

.book_step2 > ul:before { content: ''; display: block; width: 130px; height: 1px; background: #ccc; position: absolute; top: 22px; left: 50%; margin-left: -62px; z-index: -1; }

.book_step2 > ul > li { float: left; margin: 0 25px; text-align: center; font-size: 19px; }

.book_step2 > ul > li .num { display: block; width: 42px; height: 42px; line-height: 27px; margin: 0 auto 10px; font-size: 20px; color: #fff; background: #898989; border: 7px solid #e5e5e5; border-radius: 35px; }

.book_step2 > ul > li.active { color: #0379d5; }

.book_step2 > ul > li.active .num { background-color: #0379d5; border-color: #d9ebf9; }

@media (max-width: 1180px) { .book_step { display: none; } }

.book_tit1 { display: block; margin-bottom: 40px; padding: 25px 20px; text-align: center; font-size: 1.625em; font-weight: 500; background: #f9fafb; border-top: 2px solid #222; border-bottom: 1px solid #ddd; }

.book_tit1 .txt { display: block; margin-top: 15px; font-size: 0.66em; font-weight: 400; }

@media (max-width: 1180px) { .book_tit1 { display: none; } }

.book_box { position: relative; clear: both; }

label + .book_box { margin-top:5px; }

.book_box:after { content: ''; display: block; clear: both; }

.book_box .left_box { float: left; width: calc(100% - 360px); }

.book_box .book_each { margin-bottom: 50px; }

.book_box .book_each .cal_wrap .cal_con_box { margin-top: 0; }

.book_box .book_each .cal_wrap .cal_con_box .con_box { max-height: 290px; }

.book_box .book_each .radio_each { margin-bottom: 10px; }

.book_box .book_each .radio_each label { height: auto; }

.book_box .book_each .radio_each img { position: relative; top: -5px; }

.book_box .right_box { width: 320px; position: absolute; top: 0; right: 0; }

.book_box .book_tit2 { font-size: 1.5em; font-weight: 500; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #ddd; }

.book_box .book_tit2:after { content: ''; display: block; clear: both; }

.book_box .book_tit2 .tit_txt { float: right; font-size: 0.6em; font-weight: 400; color: #db375d; }

.book_box .book_tit2 .chk_each { float: right; font-size: 0.667em; font-weight: 400; color: #444; }

.book_box .book_user:after { content: ''; display: block; clear: both; }

.book_box .book_user .user_minus, .book_box .book_user .user_plus { display: inline-block; vertical-align: middle; width: 40px; height: 40px; font-size: 0; border: 1px solid #cacfd3; background-repeat: no-repeat; background-position: center; background-color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .book_box .book_user .user_minus:hover, .book_box .book_user .user_plus:hover { border-color: #222; } }

.book_box .book_user .user_minus { background-image: url("../../web/images/ko/icon_min.png"); border-right-width: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.book_box .book_user .user_plus { background-image: url("../../web/images/ko/icon_min2.png"); border-left-width: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.book_box .book_user .close_minus { border-right-width: 1px;}

.book_box .book_user .close_plus { border-left-width: 1px;}

.book_box .book_user .user_num { display: inline-block; vertical-align: middle; padding: 0 18px; line-height: 40px; font-size: 0.938rem; background: #0379d5; color: #fff; }

.book_box .fee_each { margin-bottom: 10px; padding: 20px 25px; background: #f5f7f9; border-radius: 3px; }

.book_box .fee_each:after { content: ''; display: block; clear: both; }

.book_box .fee_each:last-child { margin-bottom: 0; }

.book_box .fee_each .txt_box { float: left; width: 60%; font-size: 0.938em; color: #444; }

.book_box .fee_each .txt_box .tit { display: block; margin-bottom: 5px; font-size: 1.125em; font-weight: 500; color: #222; }

.book_box .fee_each .right_txt { float: right; width: 40%; text-align: right; }

.book_box .fee_each .right_txt .fee { font-size: 1.125em; font-weight: 500; vertical-align: middle; }

.book_box .fee_each .right_txt .form_sel { display: inline-block; margin-left: 15px; vertical-align: middle; font-size: 0; }

.book_box .book_discount .radio_each { margin: 0 8px 0 0; }

.book_box .book_discount .radio_each label { padding: 12px 20px; border: 1px solid #ddd; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.book_box .book_discount .radio_each > span {padding: 12px 20px; border: 1px solid #ddd; border-radius: 3px;}

.book_box .book_discount .radio_each .vradio { display: none; }

.book_box .book_discount .radio_each input:checked + label { padding-left: 45px; color: #0379d5; border-color: #0379d5; }

.book_box .book_discount .radio_each input:checked + label .vradio { display: block; width: 16px; height: 11px; background: url("../../web/images/ko/icon_radio.png") no-repeat; border: 0; top: 18px; left: 20px; }

.book_box .book_discount .radio_each input:checked + label .vradio:after { display: none; }

.book_box .book_discount .radio_each input:focus + label .vradio { outline: none; }

.book_box .book_discount .radio_each input:focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }

/*.book_box .book_discount .dct_con_box { display: none; margin-top: 20px; padding: 24px; border: 3px solid #edf1f4; border-radius: 10px; }*/
.book_box .book_discount .dct_con_box { margin-top: 20px; padding: 24px; border: 3px solid #edf1f4; border-radius: 10px; }

.book_box .book_discount .dct_con_box .tit_txt { display: block; margin-bottom: 15px; text-align: right; color: #db375d; font-size: 0.875em; }

.book_box .book_discount .dct_con_box .tableB { margin-bottom: 25px; }

.book_box .info_wrap { padding: 25px; background: #eff4fb; border-radius: 10px; }

.book_box .info_wrap .common_btn_box { margin-top: 15px; }

.book_box .info_wrap .common_btn_box .common_btn { width: 100%; }

.book_box .info_wrap .book_btn_box { margin-top: 15px; }

.book_box .info_wrap .book_btn_box:after { content: ''; display: block; clear: both; }

.book_box .info_wrap .book_btn_box > li { float: left; width: calc(50% - 10px); margin: 5px; height: 56px; background: #fff; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; }

.book_box .info_wrap .book_btn_box > li.active { border-color: #0379d5; }

.book_box .info_wrap .book_btn_box .btn_book { width: 100%; line-height: 54px; text-align: center; font-size: 1.125em; color: #fff; background: #0379d5; -webkit-transition: all 0.3s; transition: all 0.3s; }

.book_box .fee_each .book_discount button { line-height: 32px; background: #fff; font-size: 0.875em; margin-top:5px; }

.book_box .fee_each .book_discount button:first-child { margin-left:0; }

.book_box .form_addr { padding-top:10px; }

@media (min-width: 1180px) { .book_box .info_wrap .book_btn_box .btn_book:hover { background-color: #055cc7; } }

.book_box .q_box { margin-top: 35px; padding: 20px; font-size: 0.938em; color: #444; background: #fff; border: 1px solid #ddd; border-radius: 10px; -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); position: relative; }

.book_box .q_box:before { content: ''; display: block; width: 28px; height: 16px; background: url("../../web/images/ko/icon_bubble.png"); position: absolute; top: -16px; left: 50%; margin-left: -14px; }

@media (max-width: 1180px) { .book_box .q_box { margin-top: 20px; padding: 15px; font-size: 13px; } }

.book_box .info_tit_box { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #aec4eb; position: relative; }

.book_box .info_tit_box .tit1 { padding-right: 20px; font-size: 1.375em; font-weight: 500; }

.book_box .btn_book_x { display: block; width: 18px; height: 18px; background: url("../../web/images/ko/btn_b_x.png") no-repeat; position: absolute; top: 0; right: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .book_box .btn_book_x:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); } }

.book_box .hover_box { display: none; padding: 20px; text-align: center; font-size: 0.938em; color: #444; background: #fff; border: 1px solid #ddd; border-radius: 10px; position: absolute; bottom: -85px; right: -77px; z-index: 1; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

.book_box .hover_box:before { content: ''; display: block; width: 28px; height: 16px; background: url("../../web/images/ko/icon_bubble.png"); position: absolute; top: -16px; left: 50%; margin-left: -14px; }

.book_box .book_info { margin-bottom: 35px; }

.book_box .book_info .tit2 { display: block; margin-bottom: 20px; font-size: 1.125em; font-weight: 500; color: #005ac9; }

.book_box .dot_list > li { margin-bottom: 10px; }

.book_box .dot_list > li:after { content: ''; display: block; clear: both; }

.book_box .dot_list > li:last-child { margin-bottom: 0; }

.book_box .dot_list > li .tit { float: left; width: 80px; }

.book_box .dot_list > li .txt { float: right; width: calc(100% - 85px); text-align: right; font-weight: 500; color: #222; }

.book_box .dot_list > li:before { background: #444; }

.book_box .dot_list > li .btn_pop { padding: 2px 10px 3px; font-weight: 400; font-size: 13px; }

.book_box .book_fee_info { padding: 20px; background: #fff; border-radius: 10px; }

.book_box .book_fee_info .tit3 { display: block; padding-bottom: 17px; margin-bottom: 20px; font-size: 1.125em; font-weight: 500; border-bottom: 1px solid #ccc; }

.book_box .book_fee_info .fee_box { margin-top: 25px; text-align: right; }

.book_box .book_fee_info .fee_box .txt { display: block; margin-bottom: 10px; font-weight: 500; }

/* @!@ 20240523 명도대비 3:1 */
/* .book_box .book_fee_info .fee_box .price { display: block; color: #ff6600; font-size: 1.25em; font-weight: 500; } */
.book_box .book_fee_info .fee_box .price { display: block; color: #ff6201; font-size: 1.25em; font-weight: 500; }

.book_box .book_fee_info .fee_box .price .num { font-weight: 700; font-size: 1.5em; }

@media (min-width: 1180px) { .book_box .mob_info_wrap { display: none; } }

@media (max-width: 1180px) { .book_box .left_box { float: none; width: auto; }
  .book_box .right_box { position: static; width: auto; }
  .book_box .m_con_wrap { display: none; }
  .book_box .mob_info_wrap { margin-bottom: 25px; padding: 15px; background: #eff4fb; position: relative; }
  .book_box .mob_info_wrap .mob_tit1 { display: block; margin-bottom: 15px; font-size: 19px; font-weight: 500; }
  .book_box .mob_info_wrap .m_info_toggle { width: 30px; height: 30px; font-size: 0; background: url("../../web/images/ko/m_arr.png") no-repeat center/15px auto; position: absolute; top: 60px; right: 24px; -webkit-transition: all 0.3s; transition: all 0.3s; }
  .book_box .mob_info_wrap .m_info_toggle.active { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .book_box .mob_info_wrap .m_info_toggle.active + .m_info_box .info_tit_box { border-bottom-width: 0; }
  .book_box .mob_info_wrap .m_info_box { background: #fff; }
  .book_box .mob_info_wrap .m_info_box .info_tit_box { padding: 15px; margin-bottom: 0; position: static; }
  .book_box .mob_info_wrap .m_info_box .info_tit_box .tit1 { font-size: 16px; }
  .book_box .mob_info_wrap .m_info_box .info_tit_box .btn_book_x { top: 15px; right: 15px; }
  .book_box .mob_info_wrap .m_info_box .book_info { padding: 15px; margin-bottom: 0; }
  .book_box .mob_info_wrap .m_info_box .book_info .tit2 { margin-bottom: 7px; font-size: 15px; }
  .book_box .form_sel select { font-size: 0.825rem; }
  .book_box .form_inp input { height: 100%; font-size: 0.825rem; }
  .book_box .book_each { margin-bottom: 25px; }
  .book_box .book_each .tableB colgroup { display: none; }
  .book_box .book_each .tableB th { width: 95px; }
  .book_box .book_each .payment_type br { display: none; }
  .book_box .book_tit2 { margin-bottom: 15px; padding-bottom: 7px; font-size: 16px; }
  .book_box .book_tit2 .tit_txt { float: none; display: block; margin-top: 4px; font-size: 0.875em; }
  .book_box .book_tit2 .chk_each { display: block; float: none; margin-top: 5px; }
  .book_box .book_user .user_minus, .book_box .book_user .user_plus { width: 35px; height: 35px; }
  .book_box .book_user .user_num { line-height: 35px; padding: 0 18px; }
  .book_box .fee_each { padding: 15px; }
  .book_box .fee_each .txt_box { width: calc(100% - 250px); font-size: 0.875em; }
  .book_box .fee_each .txt_box .tit { margin-bottom: 2px; font-size: 16px; }
  .book_box .fee_each .right_txt { width: 250px; margin-top: 4px; }
  .book_box .book_discount .radio_each { width: 100%; margin-bottom: 5px; margin-right: 0; }
  .book_box .book_discount .radio_each.type2{ width: 48%; margin-bottom: 5px; margin-right: 0; }
  .book_box .book_discount .radio_each input:checked + label { padding-left: 35px; }
  .book_box .book_discount .radio_each input:checked + label .vradio { top: 15px; left: 15px; }
  .book_box .book_discount .radio_each label { display: block; padding: 10px 15px; font-size: 0.938em; }
  .book_box .info_wrap { padding: 0; background: 0 none; }
  .book_box .info_wrap .book_fee_info { padding: 0; }
  .book_box .info_wrap .book_fee_info .tit3 { margin-bottom: 15px; padding-bottom: 10px; font-size: 16px; border-color: #aec4eb; }
  .book_box .info_wrap .book_fee_info .fee_box { text-align: left; }
  .book_box .info_wrap .book_fee_info .fee_box:after { content: ''; display: block; clear: both; }
  .book_box .info_wrap .book_fee_info .fee_box .txt { float: left; width: 40%; }
  .book_box .info_wrap .book_fee_info .fee_box .price { float: right; width: 60%; text-align: right; font-size: 16px; }
  .book_box .info_wrap .book_fee_info .fee_box .price .num { font-size: 24px; }
  .book_box .info_wrap .book_btn_box { margin-left: -5px; margin-right: -5px; }
  .book_box .info_wrap .book_btn_box > li { height: 40px; border-radius: 5px; }
  .book_box .info_wrap .book_btn_box > li .btn_book { line-height: 38px; font-size: 16px; }
  .book_box .attach_vinput { height: 25px; } }

.agree_each { margin-bottom: 30px; }

.agree_each:last-child { margin-bottom: 0; }

@media (max-width: 1180px) { .agree_each { margin-bottom: 20px; } }

.dct_tit1 { margin-bottom: 20px; font-size: 1.25em; font-weight: 500; }

@media (max-width: 1180px) { .dct_tit1 { margin-bottom: 10px; font-size: 0.938em; } }

.agree_box { /*height: 280px;*/ padding: 20px; background: #f5f7f9; border: 1px solid #ddd; border-radius: 10px; overflow-y: auto; }

.agree_box .con_txt { line-height: 1.6; font-size: 0.938em; color: #444; }

@media (max-width: 1180px) { .agree_box { padding: 12px; } }

.chk_agree { margin-top: 10px; text-align: right; }

@media (max-width: 1180px) { .chk_agree { margin-top: 5px; } }

.form_idt_num .form_inp { display: inline-block; width: calc(50% - 12px); vertical-align: middle; }

.form_num .form_sel, .form_num .form_inp { display: inline-block; width: 92px; vertical-align: middle; }
.form_num2 .form_sel, .form_num2 .form_inp { display: inline-block; width: 130px; vertical-align: middle; }

.form_num .chk_each { margin-left: 10px; }

.form_num .btn_inp { display: inline-block; padding: 0 15px; margin-left: 4px; text-align: center; line-height: 42px; border: 1px solid #222; border-radius: 3px; vertical-align: middle; }
.form_num2 .btn_inp { display: inline-block; padding: 0 15px; margin-left: 4px; text-align: center; line-height: 42px; border: 1px solid #222; border-radius: 3px; vertical-align: middle; }

@media (max-width: 1180px) { .form_num .inp_txt { padding: 0 2px; }
  .form_num .form_sel, .form_num .form_inp { width: calc(33.33% - 12px); }

  @media (max-width: 500px) {
  .en #aform1 .form_num2 .form_sel, .form_num2 .form_inp {width:100%;}
  .en #aform1 .form_num2 .form_sel, .form_num2 .form_inp + button {margin-left:0;margin-top:5px;}
}

  .form_num2 .form_sel, .form_num2 .form_inp { width: calc(33.33% - 12px); }
  .form_num .chk_each { display: block; margin-left: 0; }
  .form_num .btn_inp { display: block; margin-left: 0; margin-top: 4px; line-height: 33px; font-size: 14px; } }

.form_email .form_sel, .form_email .form_inp { display: inline-block; width: 112px; vertical-align: middle; }
.form_email2 .form_sel, .form_email2 .form_inp { display: inline-block; width: 100%; vertical-align: middle; }

.form_email .form_sel { margin-left: 4px; }

.form_email .chk_each { margin-left: 10px; }

/*220419 수정 시작*/
.form_email .btn_inp {
  display: inline-block;
  padding: 0 15px;
  margin-left: 4px;
  text-align: center;
  line-height: 42px;
  border: 1px solid #222;
  border-radius: 3px;
  vertical-align: middle;
}
.form_msg .btn_inp {
  display: inline-block;
  padding: 0 15px;
  margin-top:5px;
  text-align: center;
  line-height: 42px;
  border: 1px solid #222;
  border-radius: 3px;
  vertical-align: middle;
}


@media (max-width: 1180px) { .form_email .form_sel, .form_email .form_inp { width: 100%; margin: 0 0 5px 0; }
.form_email2 .form_sel, .form_email2 .form_inp { width: 100%; margin: 0 0 5px 0; }
   td.form_email {font-size:0;}
   td.form_email  > :nth-child(n){font-size:15px;}
  .form_email .form_inp { width: calc(50% - 12px); }
  .form_email .inp_txt { font-size:13px;margin-bottom: 5px;width:24px;text-align:center;}
  .form_email .chk_each { display: block; margin-left: 0; }
  .form_email .btn_inp,.form_msg .btn_inp {
    display: block;
    margin-left: 0;
    line-height: 33px;
    font-size: 14px;
  }

}
/*220419 수정 끝*/

.form_addr .form_inp { display: inline-block; width: 100%; margin-top: 8px; vertical-align: middle; }

@media (max-width: 425px) {
  .en #aform1 .form_addr .btn_inp {margin-top: 5px;margin-left: 0;}
}

.form_addr .form_inp:first-of-type { width: 122px; margin-top: 0; }

.form_addr .btn_inp { display: inline-block; padding: 0 15px; margin-left: 4px; text-align: center; line-height: 42px; border: 1px solid #222; border-radius: 3px; vertical-align: middle; }

@media (max-width: 1180px) { .form_addr .form_inp { margin-top: 5px; }
  .form_addr .btn_inp { line-height: 33px; font-size: 14px; } }

.book_box .form_bday .year, .book_box .form_bday .month { display: inline-block; }

.book_box .form_bday select { display: inline-block; width: 92px; vertical-align: middle; }

.book_box .form_bday .inp_txt { margin: 0 15px 0 2px; }

.book_box .form_bday .radio_each { vertical-align: middle; }

@media (max-width: 1180px) { .book_box .form_bday { height: auto; }
  .book_box .form_bday select { font-size: 0.825rem; } }

@media (max-width: 1180px) { .book_box .form_bday .inp_txt { margin: 0 10px 0 0; }
  .book_box .form_bday .year { margin-bottom: 4px; }
  .book_box .form_bday .year select { width: 120px; }
  .book_box .form_bday .month { margin-bottom: 4px; }
  .book_box .form_bday select { width: 55px; } }

.form_captcha .btn_refresh, .form_captcha .btn_audio, .form_captcha .btn_blue { display: block; width: 200px; height: 44px; line-height: 42px; text-align: center; border-radius: 3px; }

.form_captcha .btn_refresh { background: #495f74; -webkit-transition: all 0.3s; transition: all 0.3s; }

.form_captcha .btn_refresh .ico { display: inline-block; padding-left: 20px; color: #fff; background: url("../../web/images/ko/icon_init_wh.png") no-repeat left center; }

@media (min-width: 1180px) { .form_captcha .btn_refresh:hover { background-color: #224361; } }

.form_captcha .btn_audio { margin-top: 5px; background: #fff; border: 1px solid #222; }

.form_captcha .btn_audio .ico { display: inline-block; padding-left: 20px; background: url("../../web/images/ko/icon_audio.png") no-repeat left center; }

.form_captcha .btn_blue { background: #0379d5; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .form_captcha .btn_blue:hover { background-color: #055cc7; } }

.form_captcha .captcha_attr { margin-bottom: 8px; }

.form_captcha .captcha_attr:after { content: ''; display: block; clear: both; }

.form_captcha .captcha_attr .img_box { float: left; width: 242px; height: 93px; margin-right: 10px; background: #f9fafb; border: 1px solid #cacfd3; border-radius: 3px; overflow: hidden; }

.form_captcha .captcha_input { margin-bottom: 10px; }

.form_captcha .captcha_input .form_inp { float: left; width: 242px; margin-right: 10px; }
.form_captcha .captcha_input .form_inp2 { float: left; width: 242px; margin-right: 10px; }

@media (max-width: 1180px) { .form_captcha .btn_refresh, .form_captcha .btn_audio, .form_captcha .btn_blue { width: 100%; font-size: 0.938em; height: 35px; line-height: 33px; }
  .form_captcha .captcha_attr .img_box { float: none; width: 100%; margin-bottom: 5px; }
  .form_captcha .captcha_input { margin-bottom: 5px; margin-top: 5px; }
  .form_captcha .captcha_input .form_inp { float: none; width: auto; margin-right: 0; margin-bottom: 5px; }
  .form_captcha .captcha_input .form_inp2 { float: none; width: auto; margin-right: 0; margin-bottom: 5px; } }

.payment_type .radio_each { margin-bottom: 15px; }

.a_link { display: block; font-size: 0.875em; color: #09a1bd; }

.a_link .ico { display: inline-block; padding-right: 20px; background: url("../../web/images/ko/icon_nw2.png") no-repeat right center; text-decoration: underline; }

.form_txt1 { display: block; margin-top: 5px; font-size: 0.875em; }

.kakao_txt { font-weight: 500; color: #ff8400; }

.naver_txt { font-weight: 500; color: #009732; }

.btn_sns_del, .btn_sns { display: inline-block; margin-right: 15px; padding: 3px 10px; text-align: center; font-size: 0.938em; border-radius: 3px; border: 1px solid #222; }

@media (max-width: 1180px) { .btn_sns_del, .btn_sns { display: block; margin-right: 0; margin-bottom: 4px; } }

.btn_sns { color: #fff; background: #495f74; border-color: #495f74; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .btn_sns:hover { background-color: #224361; } }

/* 달력 */
.cal_wrap:after { content: ''; display: block; clear: both; }

.cal_wrap .cal_box { float: left; width: calc(100% - 300px); position:relative; }

.cal_wrap .cal_box .cal_top:after { content: ''; display: block; clear: both; }

.cal_wrap .cal_box .cal_top .cal_prev, .cal_wrap .cal_box .cal_top .cal_next { display: inline-block; width: 30px; height: 25px; background-repeat: no-repeat; background-position: center; vertical-align: middle; }

.cal_wrap .cal_box .cal_top .cal_prev { background-image: url("../../web/images/ko/cal_prev.png"); }

.cal_wrap .cal_box .cal_top .cal_next { background-image: url("../../web/images/ko/cal_next.png"); }

.cal_wrap .cal_box .cal_top .txt1 { display: inline-block; font-size: 22px; color: #666; vertical-align: middle; margin: 0 20px; }

.cal_wrap .cal_box .cal_top .txt1 .num { font-weight: 700; color: #222; }

.cal_wrap .cal_box .cal_top .cal_attr { float: right; font-size: 13px; }

.cal_wrap .cal_box .cal_top .cal_attr ul { display: inline-block; vertical-align: middle; }

.cal_wrap .cal_box .cal_top .cal_attr ul:after { content: ''; display: block; clear: both; }

.cal_wrap .cal_box .cal_top .cal_attr ul > li { float: left; margin-left: 5px; padding: 4px 10px; }

.cal_wrap .cal_box .cal_top .cal_attr ul > li.cal_today { position: relative; }

.cal_wrap .cal_box .cal_top .cal_attr ul > li.cal_today:before { content: ''; width: 100%; height: 100%; border: 3px solid #012183; position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cal_wrap .cal_box .cal_top .cal_attr ul > li.cal_no { background: #e8e8e8; }

.cal_wrap .cal_box .cal_top .cal_attr ul > li.cal_on { color: #fff; background: #9650ec; }

.cal_wrap .tbl_cal { margin-top: 12px; width: 100%; table-layout: fixed; border-spacing: 0; border-collapse: collapse; border-top: 1px solid #ededed; }

.cal_wrap .tbl_cal th, .cal_wrap .tbl_cal td { padding: 5px; font-size: 0.875em; text-align: center; /* border-right: 1px solid #f2f2f2; */ }
.cal_wrap .tbl_cal,
.cal_wrap .tbl_cal th {border-bottom:1px solid #ededed}
.cal_wrap .tbl_cal th:last-child, .cal_wrap .tbl_cal td:last-child { border-right-width: 0; }

.cal_wrap .tbl_cal th { font-weight: 500; }

.cal_wrap .tbl_cal th:first-child { color: #e60012; }

.cal_wrap .tbl_cal th:last-child { color: #0000ff; }

.cal_wrap .tbl_cal td { height: 40px; vertical-align: top; color: #fff; background: #93939A; }

.cal_wrap .tbl_cal td:first-child .date { color: #500008; }

.cal_wrap .tbl_cal td:last-child .date { color: #00133f; }

.cal_wrap .tbl_cal td a { display: block; margin: -10px; padding: 10px; position: relative; z-index: 1; }

.cal_wrap .tbl_cal td.empty { background: #fff; }
.cal_wrap .tbl_cal td.on.empty { background: #fff; color: #666; }

.cal_wrap .tbl_cal td.able { background: #fff; color: #666; }

.cal_wrap .tbl_cal td.on.able { background: #9650ec; }

.cal_wrap .tbl_cal td.on.able .date { color: #fff; }
.cal_wrap .tbl_cal td.on.able .num { color: #fff; }

.cal_wrap .tbl_cal td.able:first-child .date { color: #e60012; }

.cal_wrap .tbl_cal td.able:first-child.on .date { color: #fff; }

.cal_wrap .tbl_cal td.on:first-child .date { color: #500008; }

.cal_wrap .tbl_cal td.able:last-child .date { color: #0000ff; }

.cal_wrap .tbl_cal td.able:last-child.on .date { color: #fff; }

.cal_wrap .tbl_cal td.on:last-child .date { color: #00133f; }

.cal_wrap .tbl_cal td.today { position: relative; border-color: #00133f;border:0;box-shadow:inset 0 0 0 2px #00133f;}

.cal_wrap .tbl_cal td.today .date { color: #00133f; }

.cal_wrap .tbl_cal td.today:before { content: none; width: 100%; height: 100%; border: 3px solid #00133f; border-right-width: 2px; border-bottom-width: 2px; position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cal_wrap .tbl_cal td.on { background: #93939A; color: #fff; position: relative; }

.cal_wrap .tbl_cal td .on:before { content: ''; display: block; width: 100%; height: 100%; /* border-right: 1px solid #9650ec; border-bottom: 1px solid #9650ec;*/ position: absolute; top: 0; left: 0; }

.cal_wrap .tbl_cal td.on .date { color: #222; }

.cal_wrap .tbl_cal td .date { display: block; margin: auto; color: #222; }

.cal_wrap .cal_con_box { float: right; margin-top: 40px; width: 270px; border-radius: 10px; overflow: hidden; }

.cal_wrap .cal_con_box .cal_tit1 { padding: 10px 15px; background: #9650ec; }

.cal_wrap .cal_con_box .cal_tit1 .ico { display: inline-block; color: #fff; padding-left: 25px; background: url("../../web/images/ko/icon_cal_wh.png") no-repeat left top 2px; }

.cal_wrap .cal_con_box .con_box { max-height: 300px; padding: 15px; background: #f8f8f8; overflow-y: auto; }

.cal_wrap .cal_con_box .con_box .dot_list > li { margin-bottom: 10px; }

@media (min-width: 1180px) { .cal_wrap .cal_con_box .con_box .dot_list > li a:hover { text-decoration: underline; } }

.cal_wrap .cal_con_box .con_box .dot_list > li.disable { color: #999; }

.cal_wrap .cal_con_box .con_box .dot_list > li.disable:before { background-color: #999; }

.cal_wrap .cal_con_box .con_box .dot_list > li.active { color: #9650ec; }

.cal_wrap .cal_con_box .con_box .dot_list > li.active a { position: relative; display: inline-block; text-decoration: underline; padding-right: 25px; }

.cal_wrap .cal_con_box .con_box .Rdot_list > li.active:before { position: absolute; left: -9px; top: 50%; width: 22px; height: 22px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../../web/images/ko/icon_selected.png") no-repeat left center; content: ''; }

.cal_wrap .cal_con_box .con_box .dot_list > li.active .fc_red { color: #9650ec; }

.cal_wrap .cal_con_box .date_box { padding-top: 20px; background: #f8f8f8; }

.cal_wrap .cal_con_box .date_box .txt_box { margin: 0 20px 15px; padding: 20px; background: #fff; }

.cal_wrap .cal_con_box .date_box .txt_box label { display: inline-block; margin-right: 10px; font-weight: 500; }

.cal_wrap .cal_con_box .date_box .txt_box .form_sel { display: inline-block; width: calc(100% - 80px); }

.cal_wrap .cal_con_box .date_box > .fc_orange { display: block; margin-bottom: 25px; margin-left: 20px; font-size: 0.875em; }

.cal_wrap .cal_con_box .date_box .tableB { background: #fff; }

@media (max-width: 1180px) { .cal_wrap .cal_con_box .con_box { padding: 15px 15px 15px 25px; } }

@media (max-width: 900px) { .cal_wrap .cal_box { float: none; width: auto; }
  .book_box .book_each .cal_wrap .cal_con_box { float: none; width: auto; margin-top: 30px; } }

@media (max-width: 720px) { .cal_wrap .tbl_cal th, .cal_wrap .tbl_cal td { padding: 8px; font-size: 13px; }
  .cal_wrap .tbl_cal td { height: 48px; }
  .cal_wrap .tbl_cal td a { padding: 8px; margin: -8px; font-size: 13px; }
  .cal_wrap .cal_con_box .con_box { height: 160px; }
  .cal_wrap .cal_con_box .date_box { padding-top: 15px; }
  .cal_wrap .cal_con_box .date_box .txt_box { margin: 0 15px 10px; padding: 15px; }
  .cal_wrap .cal_con_box .date_box .txt_box label { font-size: 15px; }
  .cal_wrap .cal_con_box .date_box .txt_box .form_sel { width: calc(100% - 70px); }
  .cal_wrap .cal_box .cal_top { text-align: center; }
  .cal_wrap .cal_box .cal_top .txt1 { font-size: 20px; }
  .cal_wrap .cal_box .cal_top .cal_attr { display: block; float: none; margin: 20px 0; } }

/* list style */
.dot_list > li { margin-bottom: 5px; padding-left: 10px; font-size: 0.938em; color: #555; position: relative; }

.dot_list > li:last-child { margin-bottom: 0; }

.dot_list > li:before { content: ''; display: block; width: 4px; height: 4px; background: #222; border-radius: 15px; position: absolute; top: 8px; left: 0; }

@media (max-width: 900px) { .dot_list > li { font-size: 14px; }
  .dot_list > li:before { width: 3px; height: 3px; } }

/* button */
.common_btn_box { margin-top: 35px; text-align: center; }

.common_btn_box:after { content: ''; display: block; clear: both; }

.common_btn_box.pcs3 .common_btn { min-width: 240px; }

.common_btn_box + .icon_list { margin-top: 50px; }

@media (max-width: 900px) { .common_btn_box + .icon_list + div { margin-top: 20px; } }

@media (max-width: 900px) { .common_btn_box.one .common_btn { width: auto; } }

.common_btn_box .left_box { float: left; width: auto; }

.common_btn_box .right_box { float: right; }

.common_btn_box .common_btn { display: inline-block; min-width: 130px; padding: 15px; margin: 0 2px; text-align: center; font-size: 1.125em; background: #495f74; border: 1px solid #495f74; color: #fff; vertical-align: middle; border-radius: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .common_btn_box .common_btn:hover { background-color: #224361; } }

.common_btn_box .common_btn.refresh { color: #495f74; background: #fff; border: 1px solid #495f74; }

.common_btn_box .common_btn.refresh.navy { background-color: #495f74; color: #fff; }

.common_btn_box .common_btn.refresh.navy .ico:before { width: 16px; height: 15px; background-image: url("../../web/images/ko/icon_init_wh.png"); }

@media (min-width: 1180px) { .common_btn_box .common_btn.refresh.navy:hover { background-color: #224361; } }

.common_btn_box .common_btn.refresh .ico { display: inline-block; padding-left: 25px; font-size: 18px; position: relative; }

.common_btn_box .common_btn.refresh .ico:before { content: ''; display: block; width: 20px; height: 18px; background: url("../../web/images/ko/icon_init.png") no-repeat; position: absolute; top: 50%; margin-top: -9px; left: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .common_btn_box .common_btn.refresh:hover .ico:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } }

.common_btn_box .common_btn.white { color: #222; background: #fff; border: 1px solid #bbb; }

@media (min-width: 1180px) { .common_btn_box .common_btn.white:hover { border-color: #222; } }

.common_btn_box .common_btn.blue { background: #0066b2; border: 1px solid #0066b2; }

@media (min-width: 1180px) { .common_btn_box .common_btn.blue:hover { background: #055cc7; border-color: #055cc7; } }

.common_btn_box .common_btn.green { background: #06a29f; border: 1px solid #06a29f; }

@media (min-width: 1180px) { .common_btn_box .common_btn.green:hover { background: #008d8a; border-color: #008d8a; } }

@media (max-width: 900px) { .common_btn_box { margin-top: 25px; }
  .common_btn_box.pcs4 .left_box, .common_btn_box.pcs4 .right_box { display: inline; }
  .common_btn_box.pcs4 .common_btn { width: calc(33.33% - 7px); }
  .common_btn_box.pcs4 .right_box .common_btn:last-child { width: calc(100% - 5px); max-width: inherit; margin-top: 6px; }
  .common_btn_box.pcs3 .common_btn { width: 100%; min-width: inherit; margin-bottom: 4px; }
  .common_btn_box .left_box, .common_btn_box .right_box { float: none; }
  .common_btn_box .common_btn { min-width: 80px; width: calc(50% - 6px); padding: 10px; font-size: 16px; border-radius: 5px; }
  .common_btn_box .common_btn.refresh .ico { font-size: inherit; } }
  @media (max-width: 565px) {
  .common_btn_box .common_btn { min-width: 80px; width: 100%;margin:0 0 5px;}
  .dt_top_box .con_box .common_btn_box .common_btn { width: 100%; margin: 5px 0 0 0; }
  .dt_top_box .con_box .common_btn_box .common_btn:first-child { margin: 0; }
  .dt_top_box .con_box .dt_con_each { margin-top: 15px; }
  .dt_top_box .con_box .common_btn_box { margin-top: 0; }
  .book_box .fee_each .txt_box { float: none; }
  .book_box .fee_each .right_txt { clear: left; float: none;  width: auto; text-align: left; margin-top: 14px; }
  .book_box .fee_each .right_txt .fee { float: left; font-size: 1.25em; padding-top: 7px; }
  .book_box .fee_each .right_txt .form_sel { float: right; }
  }

@media (min-width: 1180px) { .cal_wrap + .common_btn_box .common_btn, .interest_wrap + .common_btn_box .common_btn { width: 240px; } }

/* popup */
.pop_wrap { display: none; padding: 100px 30px 40px; text-align: center; font-size: 0; background: rgba(0, 0, 0, 0.8); overflow: auto; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 600; font-size: 0; }

.pop_wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.pop_wrap > .va_m { display: inline-block; vertical-align: middle; }

.pop_wrap .pop_box { display: inline-block; width: 100%; max-width: 820px; font-size: 16px; text-align: left; position: relative; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); vertical-align: middle; }

.pop_wrap .pop_box > .con_box .pop_tit { display: block; padding: 17px 30px; font-size: 20px; color: #fff; background: #06a29f url("../../web/images/ko/pop_bg.png") no-repeat right bottom; border-top-left-radius: 30px; border-top-right-radius: 30px; }

.pop_wrap .pop_box > .con_box .con_each { padding: 30px; background: #fff; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; }

.pop_wrap .pop_box > .con_box .con_each .bg_box { display: block; margin-bottom: 30px; padding: 20px; font-size: 1.125em; font-weight: 500; text-align: center; background: #f5f7f9; border-radius: 10px; }

@media (max-width: 900px) { .pop_wrap .pop_box > .con_box .con_each .bg_box { margin-bottom: 20px; } }

.pop_wrap .pop_box > .con_box .con_each .bg_box .chk_each { font-size: 16px; font-weight: 400; }

@media (max-width: 900px) { .pop_wrap .pop_box > .con_box .con_each .bg_box .chk_each { display: block; text-align: left; margin-top: 0; margin-right: 0; margin-bottom: 10px; }
  .pop_wrap .pop_box > .con_box .con_each .bg_box .chk_each:last-child { margin-bottom: 0; } }

.pop_wrap .pop_box > .con_box .con_each .right_txt { display: block; margin-bottom: 15px; text-align: right; font-size: 14px; }

.pop_wrap .pop_box > .con_box .pop_tit2 { margin-bottom: 15px; font-size: 1.25em; font-weight: 500; }

.pop_wrap .pop_box > .con_box > .img_box img { width: 100%; }

.pop_wrap .pop_box > .con_box .img_top_box { margin-bottom: 30px; }

.pop_wrap .pop_box > .con_box .img_top_box:after { content: ''; display: block; clear: both; }

.pop_wrap .pop_box > .con_box .img_top_box .img_box { float: left; width: 255px; height: 155px; overflow: hidden; border-radius: 10px; position:relative;}

.pop_wrap .pop_box > .con_box .img_top_box .con_box { float: left; width: calc(100% - 255px); padding-left: 25px; }

.pop_wrap .pop_box > .con_box .img_top_box .con_box .tit1 { display: block; margin-bottom: 15px; padding-bottom: 16px; font-size: 1.25em; font-weight: 500; position: relative; }

.pop_wrap .pop_box > .con_box .img_top_box .img_box img {position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.pop_wrap .pop_box > .con_box .img_top_box .con_box .tit1:after { content: ''; display: block; width: 24px; height: 1px; background: #aaa; position: absolute; bottom: 0; left: 0; }

@media (max-width: 900px) { .pop_wrap .pop_box > .con_box .img_top_box { margin-bottom: 15px; }
  .pop_wrap .pop_box > .con_box .img_top_box .img_box { float: none; width: auto; height: 160px; position: relative; overflow: hidden;/* max-height: 160px; */ }
  .pop_wrap .pop_box > .con_box .img_top_box .con_box { float: none; width: auto; margin-top: 15px; padding-left: 0; }
  .pop_wrap .pop_box > .con_box .img_top_box .con_box .tit1 { padding-bottom: 10px; margin-bottom: 10px; font-size: 15px; }
  .pop_wrap .pop_box > .con_box .img_top_box .con_box .dot_list { font-size: 14px; }
  .pop_wrap .pop_box > .con_box .img_top_box .con_box .dot_list > li:before { width: 3px; height: 3px; } }

.pop_wrap .pop_box > .con_box .tableB + .info_box { margin-top: 25px; }

@media (max-width: 900px) { .pop_wrap .pop_box > .con_box .tableB + .info_box { margin-top: 20px; } }

.pop_wrap .pop_box .btn_box { width: 100%; text-align: center; position: absolute; top: -65px; left: 0; }

.pop_wrap .pop_box .btn_box .pop_x { display: inline-block; padding: 12px 30px; margin: 0 5px; color: #fff; border: 1px solid #fff; border-radius: 30px; }

.pop_wrap .pop_box .btn_box .pop_x .ico { display: inline-block; padding-right: 20px; position: relative; }

.pop_wrap .pop_box .btn_box .pop_x .ico:after { content: ''; display: block; width: 12px; height: 12px; background: url("../../web/images/ko/pop_x.png") no-repeat; position: absolute; top: 50%; margin-top: -5px; right: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 1180px) { .pop_wrap .pop_box .btn_box .pop_x:hover .ico:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } }

@media (max-width: 1180px) { .pop_wrap { padding: 80px 15px 30px; }
  .pop_wrap .pop_box .con_box .pop_tit { padding: 12px 15px; font-size: 16px; background: #06a29f; border-top-left-radius: 10px; border-top-right-radius: 10px; }
  .pop_wrap .pop_box .con_box .con_each { padding: 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
/*  .pop_wrap .pop_box .btn_box { top: -55px; } 화면 좁을때 겹침 수정*/
   .pop_wrap .pop_box .btn_box { top: -75px; }
  .pop_wrap .pop_box .btn_box .pop_x { padding: 8px 20px; font-size: 15px; } }

.pop_wrap .map_box { height: 300px; background: #f9fafb; }

@media (max-width: 1180px) { .pop_wrap .map_box { height: 200px; } }

/* 공지사항 팝업 */
.bs_wrap { text-align: center; position: relative; }

.bs_wrap .bs_scroll { padding: 30px; text-align: left; background: #f5f7f9; border-radius: 10px; overflow:hidden;}

.bs_wrap .bs_scroll .item { min-height: 300px; max-height: 360px; overflow-y: auto; }

.bs_wrap .bs_scroll.img { padding: 0; border-radius: 0; }

.bs_wrap .bs_scroll.img .item { overflow: hidden; position: relative; height: 400px;}
/* 20260504 대표이미지 새로 짤리는 부분 수정 */
.bs_wrap .bs_scroll.img .item img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%); transform: translate(-50%, -50%); max-width:100%; max-height: 100%;}

@media (max-width: 1180px) { .bs_wrap .bs_scroll.img .item { height: 300px; } }

.bs_wrap .bs_attr { margin-top: 30px; }

.bs_wrap .bs_paging { display: inline-block; padding: 6px 30px 7px; font-size: 18px; font-weight: 500; color: #888; border: 1px solid #bbb; border-radius: 30px; vertical-align: middle; }

.bs_wrap .bs_paging .p_current { color: #05a29f; }

@media (max-width: 1180px) { .bs_wrap .bs_paging { margin: 0 10px; font-size: 16px; } }

.bs_wrap .bs_prev, .bs_wrap .bs_next { width: 60px; height: 60px; background-repeat: no-repeat; background-position: center; border: 1px solid #fff; border-radius: 60px; position: absolute; top: 50%; margin-top: -30px; }

.bs_wrap .bs_prev { left: -120px; background-image: url("../../web/images/ko/bs_prev.png"); }

.bs_wrap .bs_next { right: -120px; background-image: url("../../web/images/ko/bs_next.png"); }

@media (max-width: 1180px) { .bs_wrap .bs_scroll { padding: 15px; font-size: 0.938em; }
  .bs_wrap .bs_attr { margin: 20px 0; }
  .bs_wrap .bs_prev, .bs_wrap .bs_next { width: 35px; height: 35px; position: static; margin-top: 0; border-color: #bbb; background-size: auto 10px; vertical-align: middle; }
  .bs_wrap .bs_prev { background-image: url("../../web/images/ko/bs_prev_m.png"); }
  .bs_wrap .bs_next { background-image: url("../../web/images/ko/bs_next_m.png"); } }

/* 에러페이지 */
#error { height: 100%; padding: 40px 30px; text-align: center; overflow: hidden; font-size: 0; }

#error:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

#error > .va_m { display: inline-block; vertical-align: middle; }

#error .error_wrap { display: inline-block; width: 100%; max-width: 1180px; padding-bottom: 230px; font-size: 16px; text-align: left; background: url("../../web/images/ko/error_bg.png") no-repeat right bottom; position: relative; vertical-align: middle; }

#error .error_wrap:before { content: ''; display: block; width: 180%; height: 3px; background: #81bcea; position: absolute; bottom: 0; left: -100%; }

#error .error_wrap .error_tit1 { margin-bottom: 30px; font-size: 48px; font-weight: 300; position: relative; }

#error .error_wrap .error_tit1:before { content: ''; display: block; width: 219px; height: 219px; background: url("../../web/images/ko/error_icon.png") no-repeat; position: absolute; top: -90px; left: -120px; }

#error .error_wrap .error_tit1 b { font-weight: 700; }

#error .error_wrap .error_txt { line-height: 1.5; font-size: 17px; color: #444; }

#error .error_wrap .common_btn_box { text-align: left; }

#error .error_wrap .common_btn_box .common_btn { padding: 15px 30px; }

@media screen and (max-width: 1500px) { #error .error_wrap .error_tit1:before { display: none; } }

@media (max-width: 900px) { #error { padding: 20px 15px; }
  #error .error_wrap { padding-bottom: 190px; text-align: center; background-size: auto 160px; }
  #error .error_wrap:before { height: 1px; }
  #error .error_wrap .error_tit1 { margin-bottom: 15px; font-size: 22px; }
  #error .error_wrap .error_txt { font-size: 14px; }
  #error .error_wrap .common_btn_box { text-align: center; }
  #error .error_wrap .common_btn_box .common_btn { padding: 10px; font-size: 14px; } }


/* 카드형 상세검색 행 무너짐 수정 */
.card-line {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-height: 1.4em;}

.none-pointer {pointer-events: none;}

.interest_wrap .int_each .int_con.ver2 {padding:0;}

.interest_wrap .tab_listB .tab_con {display:none;position:absolute;right:0;top:0;width: calc(100% - 180px);padding:20px;}

.interest_wrap .tab_listB > li.active .tab_con {display:block;}

@media (max-width: 1180px) {

  /* 201204 */

.interest_wrap .tab_listB .tab_con {top:52px;width:100%;}

.interest_wrap .tab_listB > li.active .tab_con {display:block;padding:15px;}

}

/*영문 css 영역*/
/* 로고 사이즈 수정 */
.en #header .container .logo {
    position: absolute;
    /* left: 0; */
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 340px;
}
@media (max-width: 1180px){
.en #header .container .logo a {
    height: 60px;
    /* background: url(../../web/images/logo_m.png) no-repeat center; */
    background-size: 100%;
}
}
@media (max-width: 900px){
.en #header .container .logo {
    width: 280px;
}
}
@media (max-width: 500px){
.en #header .container .logo {
    width: 220px;
}
}

/* 메인페이지 추천서비스 item 제목 두줄*/
.en .main_service .item .con_box .tit1 {
    height: 60px;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 500;
    max-width: 100%;
    text-overflow: ellipsis;
    word-break:break-all;
    overflow: hidden;
    white-space: initial;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.en .main_service .item .con_box .ib_attr > li {
    margin-bottom: 15px;
    padding-left: 0;
    position: relative;
}

.en .main_service .item .con_box .ib_attr > li b {
    display: block;
    padding-left: 30px;
    color: #0379d5;
    position: static;
    /* top: 2px; */
    /* left: 0; */
    font-size: 1.1875em;
    background-repeat: no-repeat;
    background-position: left 4px;
    background-size: 20px auto;
    margin-bottom: 5px;
    line-height: 1.4;
}
@media (max-width: 720px){
    .en .main_service .item .con_box .tit1 {
        font-size: 22px;
        height: auto;
        max-height: 46px;
    }
    .en .main_service .item .con_box .ib_attr > li {
        padding-left: 0;
    }
}

@media (max-width: 720px){
    .en .main_service .item .con_box .tit1 {
        font-size: 14px;
        height: 38px;
        max-height: 46px;
    }
}

/* 메인페이지 탭 수정 */
.en .wrap_idx .tab_wrap .tab_st {float: left;width: 80%;background: rgba(0, 0, 0, 0.7);border-radius: 0 10px 0 0;font-size: 0;text-align: left;padding-left: 10px;}
.en .wrap_idx .tab_wrap .tab_st li { float:left;display:table;width:auto; text-align: center;height:55px;}
.en .wrap_idx .tab_wrap .tab_st li a {display: table-cell;line-height:inherit;vertical-align: middle;padding: 5px 10px;}
.en .wrap_idx .con_idx button {width:178px;padding:0;}
.en .wrap_idx .tab_wrap .tab_st li.on > a:before {content: '';position: absolute;left: 0;top: 0;z-index: 1;margin-left:0;width: 100%;height: 3px;background-color: #ffe400;}
@media (max-width: 1180px){
	.en .wrap_idx .tab_wrap .tab_st {
    float: none;
    width: 100%;
    border-radius: 0;
    padding: 0 15px;
}
    .en .wrap_idx .tab_wrap .tab_st li {height:42px;width:20%;}
    .en .wrap_idx .tab_wrap .tab_st li a {font-size: 0.875rem;padding:5px 0;line-height:1.2;}
    .en .wrap_idx .con_idx button {width:100%;padding:0;}
    }
@media (max-width: 500px){
    .en .wrap_idx .tab_wrap .tab_st li a {font-size: 0.8125rem;}
}

/* 빠른서비스예약 텍스트 간격 조절 */

@media (max-width: 1180px){
	.en .main_btn_box .btn_booking {width:100%;}
}
@media (min-width: 1181px){
.en .main_step2 .main_step_list > li .step_con_box .step_con .service_list > li {display:table;width:100%;}
.en .main_step2 .main_step_list > li .step_con_box .step_con .service_list > li a {display:table-cell;vertical-align:middle;padding-top:0;padding-bottom:0;}
.en .main_btn_box .btn_booking {padding-left:15px;}
.en .main_btn_box .btn_booking .ico {line-height:25px;padding-top:20px;padding-bottom:20px;}
}



/* 메인페이지 추천서비스 탭 폰트사이즈 및 간격 */
@media (max-width: 1180px){
.en .main_service .svc_tab_list > li a {
    display: block;
    padding: 8px;
    font-size: 22px;
    font-weight: 500;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.en .main_service .svc_tab_list > li {
    float: left;
    margin-left: 0;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

}
@media (max-width: 1180px){
	.en .main_service .svc_tab_list > li a {
    font-size: 1em;
}
}
@media (max-width: 600px){
.en .main_service .svc_tab_list {
    padding: 0 15px;
    display: inline-block;
    /* width: auto; */
    margin-bottom: 20px;
    position: static;
}
.en .main_service .svc_tab_list > li {
    margin: 0;
    display: inline-block;
    width: auto;
}
.en .main_service .svc_tab_list > li a {
    display: block;
    padding: 8px 5vw;
    font-weight: 700;
    font-size:0.938em;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
}
@media (max-width: 440px){
    .en .main_service .svc_tab_list > li a {
        display: block;
        padding: 8px 3.4vw;
        font-weight: 700;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
}
/* 추천서비스 모바일 설정버튼 */
@media (max-width: 1180px){
.en .main_service .btn_set {
    display: block;
    max-width: 200px;
    margin: 20px auto 0;
    position: static;
}
.en .main_service .btn_set.pc {
    display: none;
}
}

/* 퀵메뉴 */
.en #quick h3 { /* QUICK MENU 텍스트 변환*/
    height: 54px;
    background: url(../../web/images/en/bg_quick.png) no-repeat;
    background-size: cover;
    color: #fff;
    word-break: keep-all;
    text-align: center;
    padding-top: 0;
    font-size: 15px;
    line-height: 54PX;
}
.en #quick ul li a {
    display: block;
    padding: 6px 4px;
    color: #222;
    font-size: 15px;
    text-align: center;
    line-height: 1.2em;
}
.en #quick .font_size .font_default {
    display: block;
    background-color: #fff;
    text-align: center;
    line-height: 28px;
    border-radius: 20px;
    font-size: 13px;
    color: #666;
}


/* 상세 페이지 테이블 영문 텍스트 조정*/
.en .dt_top_box .con_box .dt_top_list > li {
    font-size: 0.938em;
    padding: 12px 20px;
    border-bottom: 1px solid #ddd;
    word-break: break-all;
    position: relative;
    color: #555;
}
.en .dt_top_box .con_box .dt_top_list > li .tit1 {
    width: 100%;
    display: block;
    padding-right: 0;
    font-weight: 500;
    position: static;
    /* top: 19px; */
    /* left: 20px; */
    font-size: 1rem;
    margin-bottom: 5px;
    color: #222;
}
.en .dt_top_box .con_box .dt_top_list > li .tit1:after {
    /* 제거 */
    content: none;
    display: block;
    width: 3px;
    height: 9px;
    background: url(../../web/images/icon_col.png) no-repeat;
    position: absolute;
    top: 7px;
    right: 0;
}

.en .dt_top_box .left_box .common_btn_box {
    margin-top: 85px;
}

.en .img_slide_wrap .is_box .con_box { min-height: 114px; }

/* 상세페이지 결제 정보영역 */
.en .book_box .dot_list > li .tit { width: 100%; }
.en .book_box .dot_list > li .txt { width: 100%; text-align: left; margin-top: 5px;}
.en .book_box .dot_list > li { margin-bottom: 10px; }
.en .book_box .hover_box { right: -140px; }
.en .book_step > ul:before { width: 150px; }
.en .book_box .book_info { margin-bottom: 15px; }
.en .book_box .book_info .tit2 { margin-bottom: 15px; }
.en .book_box .book_fee_info { padding: 15px; }
.en .book_box .info_tit_box .tit1 { font-size: 1.275em; }
.en .book_box .book_fee_info .tit3 { padding-bottom: 12px; margin-bottom: 15px; }
.en .book_box .book_fee_info .fee_box { margin-top: 15px; }
.en .book_box .info_wrap .book_btn_box > li { height: 46px; }
.en .book_box .info_wrap .book_btn_box .btn_book { height: 44px; line-height: 44px; }
.en .book_box .book_info { margin-bottom : 20px; }
.en .book_box .book_each .cal_wrap .cal_con_box { margin-top: 34px; }

/* 상세페이지 버튼 크기 조정 */
.en .dt_top_box .con_box .common_btn_box .common_btn { font-size: 0.938em; }

/* 상세페이지 달력 부분 텍스트간격 조정 */
.en .cal_wrap .cal_box .cal_top .cal_attr { float: left; margin-top: 10px; }
.en .dt_con_each .cal_wrap .cal_box .cal_top .txt1 {
    margin: 0;
    font-size: 32px;
}
.en .dt_con_each .cal_wrap .cal_box .cal_top .cal_attr {
    font-size: 15px;
    float: none;
    margin-top: 20px;
}

/* 관심정보설정 수정 */
.en .interest_wrap .tab_listB .tab_con .int_list > li { width: 110px; }
@media (max-width: 375px){
	.en .interest_wrap .tab_listB .tab_con .int_list > li { width:calc(33.33% - 10px); }

}

@media (max-width: 1180px){
    .en .dt_con_each .cal_wrap .cal_box .cal_top .txt1 {
        margin: 0;
        font-size: 28px;
    }

}
@media (max-width: 500px){
	.en .dt_top_box .con_box .dt_top_list .btn_pop{display:block;margin-left:0;margin-top:5px;}
	.en .cal_wrap .cal_box .cal_top .cal_attr ul { margin-top: 10px;}
}

/* 상세페이지 최근본서비스 텍스트 간격 조정 */
.en .img_slide_wrap .is_box .con_box .tit1 {
    display: block;
    /* max-height: 40px; */
    height: 2.4em;
    line-height: 1.2;
    font-weight: 500;
    text-overflow: ellipsis;
    word-break:break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}


/* 상세 리스트 페이지 모바일 상세검색버튼 사이즈 조정 */
@media (max-width: 500px){
.en .search_field .btn_ok.btn_plus,
.en .search_field .btn_ok {
    margin-left: 0;
    width: 100%;
}
}

/* 상세 리스트 이미지 페이지 텍스트 간격수정 */
.en .img_board > li > a .con_box .ib_attr > li {
    margin-bottom: 15px;
    padding-left: 0;
    position: relative;
}

.en .img_board > li > a .con_box .ib_attr > li b {
    display: block;
    padding-left: 30px;
    color: #0379d5;
    position: static;
    /* top: 2px; */
    /* left: 0; */
    font-size: 1.1875em;
    background-repeat: no-repeat;
    background-position: left 3px;
    background-size: 20px auto;
    margin-bottom: 5px;
    line-height: 1.5;
}
@media (max-width: 720px){
    .en .img_board > li > a .con_box .tit1 {
        font-size: 22px;
        height: auto;
        max-height: 46px;
    }
    .en .img_board > li > a .con_box .ib_attr > li {
        padding-left: 0;
    }

}
/* @media (max-width: 700px){ */
/* 	.en .dt_con_each .tab_listA li {vertical-align:top;} */
/*     .en .dt_con_each .tab_listA li a {padding:10px 15px} */
/*     .en .dt_con_each .tab_listA li:first-child a{line-height:1;padding:5px 15px;} */
/* } */
/* @media (max-width: 610px){ */
/*     .en .dt_con_each .tab_listA li a {padding:10px 5px} */
/*     .en .dt_con_each .tab_listA li:first-child a{line-height:1;padding:5px;} */

/* } */
@media (max-width: 560px){
	.en .common_btn_box.pcs4 .left_box a {height:62px;line-height:62px;padding:0;}
}
@media (max-width: 500px){
    .en .img_board > li > a .con_box .tit1 {
        font-size: 22px;
        height: auto;
        /*max-height: none;*/
        /*max-height: auto;*/
        text-overflow: ellipsis;
        word-break:break-all;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

}

.en .search_field.my_search .onoff_list {
    margin-right: 15px;
}
.en .search_field.my_search .onoff_list .btn_onoff {
    width: 75px;
}
.en .search_field.my_search .form_inp.date + .form_sel {
    margin-left: 15px;
}
@media (max-width: 1180px){
	.en .search_field.my_search .onoff_list .btn_onoff {
    width: 33.33%;
}
.en .search_field.my_search .onoff_list {
    display: block;
    margin-bottom: 5px;
    margin-right: 0;
}
.en .search_field.my_search .form_inp.date + .form_sel {
    margin-left: 0;
}
.en #search2 .m_th {width:150px;}
.en #search2 .tableA .tbl_mob td {padding-left:150px;}
.en #search2 .tableA .tbl_mob.my_booking td.tbl_num,
.en #search2 .tableA .tbl_mob td.tbl_tit,
.en #search2 .tableA .tbl_mob.my_booking td.tbl_btn {padding-left:0;}
.tableA.tbl_review tbody tr:nth-of-type(even) {padding:0;}
.tableA.tbl_review tbody tr:nth-of-type(even) td {display:block;width:100%;margin:0;border:0;}

}

.en .search_field .form_each.plus_box.active {margin-bottom:20px;}
.en .search_field .form_each .form_label {width: 145px;}
.en .search_field .form_each .form_con {width:calc(100% - 170px);}
@media (max-width: 1180px){
.en .search_field .form_each.plus_box.active {margin-bottom:15px;}
.en .search_field .form_each .form_label {width:100%;}
.en .search_field .form_each .form_con {width:100%;}
.en .search_field .form_plus .common_btn_box .common_btn {min-width:auto;}
.en .book_box .form_sel select {
    height: 44px;
}

}
@media (min-width: 1180px){
.bd_label[class*=set] {
    margin-bottom: 5px;
}
.en .cal_wrap + .common_btn_box .common_btn, .interest_wrap + .common_btn_box .common_btn {
    width: auto;
}

}

.form_phon .form_inp { display: inline-block; width: 100%; margin-bottom: 8px; vertical-align: top; }
.form_phon .form_inp2 { display: inline-block; width: 100%; margin-bottom: 8px; vertical-align: top; }
.form_phon .form_inp:last-child {margin-bottom:0;}
.form_phon .form_inp:first-of-type { width: 100%; margin-top: 0; }
.form_phon .form_inp:last-of-type {margin-top:5px;  margin-top: 0; }
.form_phon > div:last-of-type {margin-top:8px;}
.form_phon .form_inp.phon {width:100%;}
.form_phon .form_inp.phon2 {width:100%;}
.form_phon .form_inp.num {width:122px;margin-right:4px;}
.form_phon .btn_inp { display: inline-block; padding: 0 15px; margin-right: 4px; text-align: center; line-height: 42px; border: 1px solid #222; border-radius: 3px; vertical-align: middle; }
@media (min-width:1180px){
	.form_phon .form_inp.phon {width:50%;}
	.form_phon .form_inp.phon + button {width:122px;}
	.form_phon .form_inp.phon2 {width:50%;}
	.form_phon .form_inp.phon2 + button {width:85px;}
}
@media (max-width: 1180px) { .form_addr .form_inp { margin-top: 5px; }
  .form_phon .btn_inp {font-size: 14px;}
  }
@media (min-width: 1180px) {
.en .tableA table.tbl_mob {table-layout: auto;}
 .en .bd_label[class*=status] {white-space:nowrap;}
}
@media (max-width: 1180px) {
  .en .tableA .tbl_mob td {padding-left: 8px;padding-top:25px;}
  .en .tableA .tbl_mob.my_booking td {padding-top:4px;}
  .en .tableA .tbl_mob.my_booking td .m_th{width:100%;position:relative;top:0;margin-bottom:5px;}
  .en .tableA .tbl_mob.my_booking td .m_th:before {top:9px;}
  .en .tableA .tbl_mob td.tbl_label {padding-left:8px;padding-top:4px;}
  .en .tableA .tbl_mob td.tbl_tit {padding-top:4px;}
  .en .tableA .tbl_mob td .m_th{width:100%;}
  }
 @media (max-width: 1180px) {
 /*즐겨찾기*/
 .en .interest_wrap .tab_listB {background:#f5f7f9;}
.en .interest_wrap .tab_listB > li {display:table;width:100%;height:51px;}
.en .interest_wrap .tab_listB > li a{display:table-cell;vertical-align:middle;padding:0;font-size:0.9375rem;}
 }
  @media (max-width: 550px) {
 .en .img_map_box .map_list{margin:-5px -3px;}
 .en .img_map_box .map_list > li {
    float: left;
    width: calc(50% - 6px);
    height: auto;
    margin:5px 3px;
	}
  }
  /*검색창 버튼 크기*/
  @media (min-width:900px){
  .en .search_field .btn_ok {padding:0 15px;}
  }

	/*관심정보설정 영문UI*/
.en .interest_wrap .int_each .int_con .int_list > li .btn_int {padding:0 3px;line-height:1.1;word-break:break-word}
.en .interest_wrap .int_each .int_con .int_list > li img {margin:0 auto 5px;}
@media (max-width: 1180px){
.en .interest_wrap .int_each .int_con .int_list > li img {margin:0 auto 10px;}
}

	/* 팝업 */
.common_btn_box.ver2 { margin: 20px auto;}
.pop_wrap.open {display:block;}
 .pop_box .modal-system h2{color: #0379d5;letter-spacing: -0.02em;text-align:center;font-size: 36px;font-weight: 700;}
.pop_box .modal-system p {text-align:center;font-size: 1.125em;line-height:2em;margin:1em 0 1.5em;letter-spacing: -0.02em;color: #666;}
.pop_box .modal-system .inner{background:#f4f4f4;padding:30px 15px;text-align:center;}
.pop_box .modal-system .inner h3 {font-size:1.3em;margin-bottom:0.5em;color:#05a29f;font-weight:500;}
.pop_box .modal-system .inner p {line-height:1.8em;margin:0;}
.pop_box .tit2 {display: block;font-size: 1.5em;font-weight: 500;text-align:center;}
.pop_box .book-num {margin:0.5em;font-size:1.125em;text-align:center;}
.tableB.ver2 th {width:auto;}
.tableB.ver2 th:first-child,
.tableB.ver2 td:first-child{width:50px;}
@media (max-width: 900px){
	 .pop_box .modal-system h2{font-size: 24px;}
	.pop_box .modal-system p {text-align:center;font-size: 1em;line-height:1.5em;margin:1em 0 1.5em;letter-spacing: -0.02em;color: #666;}
	.pop_box .modal-system .inner{background:#f4f4f4;padding:20px 10px;}
	.pop_box .modal-system .inner h3 {font-size:1.3em;margin-bottom:0.5em;color:#05a29f;font-weight:500;}
	.pop_box .modal-system .inner p {line-height:1.8em;margin:0;}
	.common_btn_box.pcs4.book {position:relative;padding-top:48px;}
	.common_btn_box.pcs4.book .common_btn{width:calc(25% - 3px);margin:0;margin-right:0;font-size:14px;padding:10px 3px;}
	.common_btn_box.pcs4.book .right_box .common_btn:last-child{width:calc(25% - 3px);margin:0;margin-right:0;}
	.common_btn_box.pcs4.book .pay-btn {position:absolute;top:0;left:0;width:100%;margin-right:0;}
	.pop_box .tit2 {font-size: 1.3em;}
	.pop_box .book-num {margin:0.5em;font-size:1em;}
	.tableB.ver2 th:first-child,
	.tableB.ver2 td:first-child{width:30px;}
}

.check{ color:red;}

.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:90%;}

.next_cal_hidden {display:none;}
.dpNone {display:none !important;}

.acnut_margin{margin-left: 20px;}
@media (min-width : 899px){
	.acnut_margin{position:absolute;margin-left: 33px;}
}
@media (max-width : 900px){
 .payment_type .radio_each{vertical-align:top;}
}
@media (min-width : 1180px){
	.acnut_margin{margin-top: -17px;}
}

@media (max-width: 1180px){
.main_step2 .main_step_list > li .step_con_box .step_tit span[class*=fc_] {width:40px;display: inline-block;vertical-align: top;}
.main_step2 .main_step_list > li .step_con_box .tit_box .step_tit .select_txt {padding-left: 5px;margin-top: 0;display: inline-block;vertical-align: top;width:calc(100% - 45px);}
.main_step2 .main_step_list > li .step_con_box .tit_box .step_tit .select_txt > li {padding-right:0; padding-left:10px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;}
.main_step2 .main_step_list > li .step_con_box .open-area-a .step_tit #select_txt_a.select_txt {padding-left:5px;}
.main_step2 .main_step_list > li .step_con_box .step_tit #select_txt1.select_txt {padding-left:5px;}
.main_step2 .main_step_list > li .step_con_box .step_tit .select_txt > li:before { top: 2px; left: 0; }
}

.lnb_tab{margin-bottom:49px;}
.lnb_tab:after{display:block;clear:both;content:'';}
/*.lnb_tab li{float:left;width:16.6666%;}*/
.lnb_tab li{float:left;width:14.28%;}
.lnb_tab li a{position:relative;display:block;width:100%;padding:calc(10px - 0.2em) 0 calc(15px - 0.2em);border-bottom:3px solid #e4e7ea;font-size:18px;text-align:center;line-height:1.4;color:#666;font-weight:500;}
.lnb_tab li.active a,.lnb_tab li:hover a {color:#0379d5;border-color:#0379d5;}
.lnb_tab li.active a:after {position:absolute;top:calc(100% + 3px);left:50%;border-top:9px solid #0379d5;margin-left:-6.5px;border-left:6px solid #fff;border-right:6px solid #fff;content:'';}
body.en .lnb_tab li a {min-height:53px;}


@media all and (max-width:1180px){
.lnb_tab {display:none;}
}

.align-center {text-align:center !important;}
.cal_warn {margin-top:11px; font-size:0.95em;}

/*페이지 로딩*/
.page_load { position: fixed; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 99999; }
.page_load .img { width: 110px; height: 110px; position: absolute; left: 50%; top: 50%; margin-left: -55px; margin-top: -55px; }

/*메인페이지 관심정보 211101-김영산*/
/*추천서비스 관심정보 슬라이드*/
.interest_list{display:none;position:absolute;top:60px;right:0;white-space:nowrap;font-size:0;line-height:0;}
.interest_list .int_attr {display:none;position:absolute;left:0;top:50%;width:100%;}
.interest_list .slide span {display:inline-block;font-size:16px;color: #444;line-height:1.4;margin:0 5px;}
.interest_list .slide span button.active{color:#0379d5;font-weight:500;}
.interest_list .int_prev, .interest_list .int_next { width: 30px; height: 30px; background-color: rgba(0, 0, 0, 0.6); background-repeat: no-repeat; background-position: center; border-radius: 30px; position: absolute; top: 50%; margin-top: -15px; z-index: 1; -webkit-transition: all 0.3s; transition: all 0.3s;background-size:5px auto;}
.interest_list .int_prev { background-image: url("../../web/images/ko/main/svc_prev.png"); left:15px;}
.interest_list .int_next { background-image: url("../../web/images/ko/main/svc_next.png"); right:15px; }
@media (max-width:1180px){
  .interest_list .slide.slick-initialized + .int_attr {display:block;}
  .interest_list {margin:0 auto 20px;position:relative;right:0;top:0;padding:0 60px;}
  .interest_list .slide span{margin:0 10px;font-size:14px;}
}

#quick {position:fixed;right:20px;top:200px;width:120px;z-index:8;overflow:visible;transition:right 0.3s;}
#quick h3{border-radius:20px 20px 0 0;}
#quick .btn_quick {position:absolute;width:34px;height:64px;border:0;border-radius:18px 0 0 18px;right:auto;top:50%;left:-34px;margin:0;background-color:rgba(0,0,0,0.72);box-shadow:-4px 4px 10px rgba(0,0,0,0.18);transform:translateY(-50%);z-index:1;transition:none;}
#quick .btn_quick.active {right:auto;top:50%;left:-74px;}

.svc_bn .slick-slide {
  margin: 0 10px;
}
.main_service .item {
  margin: unset;
  width: 380px !important;
}
.pop_bn.slick-initialized.slick-slider > button{
	display: none;
}

/*20250625 2차인증 휴대폰 본인인증 크기수정 */
#fnLogin_phone{ width: calc(100%);}