@charset "utf-8";
@import url("font.css");
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
 @font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    }

/* Default Layout */
#wrap {width:100%; min-width:1200px; height: 100%;}
body {padding: 0 !important; margin: 0 !important;}
body#main {overflow-x:auto;}
body#main .midarea * {font-family: 'Noto Sans','Malgun Gothic';}
.toparea {position:relative; width:100%; padding: 0; border-bottom: 1px solid #e1e1e1;}

button:focus{
	border:0px solid #33b5ff;
}

.ar button:focus-visible{
	border:3px solid #33b5ff;
}

:focus-visible{
	border:4px solid #33b5ff !important;
	outline:1;
}
	.login_icon3 {background:#1b559d;color:#fff;text-align:Center;width:200px;border:0px;height:60px;font-size:13pt;font-weight:700;margin:20px 0px;padding:10px 30px}
	.login_icon3:hover {background:#2cc9d0;color:#fff;text-align:Center;width:100%;border:0px;height:60px;font-size:13pt;font-weight:700}
	.login_icon4 {background:#141414;color:#fff;text-align:Center;width:200px;border:0px;height:60px;font-size:13pt;font-weight:700;margin:20px 0px;padding:10px 30px}
	.login_icon4:hover {background:#333;color:#fff;text-align:Center;width:100%;border:0px;height:60px;font-size:13pt;font-weight:700}



	.btn_list3{padding:30px;text-align:center}
/*탑메뉴*/
.toparea .all_box {position: relative; height: 42px; background: #333b50;}
.toparea .all_box .top_box {position: relative; width: 1200px; margin: 0 auto; overflow: hidden;}

.toparea .all_box .top_box .eng a {display: inline-block; padding-left:40px; color: #fff; font-size: 14px; line-height: 37px; background: url('/main/img/ico_intro.png') 0 5px no-repeat;background-size:25px;background-position:10px;margin: 2px;}
.toparea .all_box .top_box .eng a.top_link {display: inline-block; padding-left: 40px; color: #fff; font-size: 14px; line-height: 37px; background: url('/main/img/ico_intro02.png') 0 5px no-repeat;background-size:25px;background-position:10px;margin: 2px;}
.toparea .all_box .top_box .eng {display: inline-block;}
.toparea .all_box .top_box .list {position: absolute; top: 10px; right: 0px;}
.toparea .all_box .top_box .list li {float: left; background: url('../img/line_topmenu.png') right center no-repeat;}
.toparea .all_box .top_box .list li:last-child { background: none;}
.toparea .all_box .top_box .list li.none {background: none;}
.toparea .all_box .top_box .list li a {color: #fff; font-size: 14px; padding: 0 5px;}
.toparea .all_box .top_box .list li a.home {padding: 0 5px 0 20px; background: url('../img/icon_home.png') 0 0 no-repeat;}
.toparea .all_box .pop_btn {z-index: 999; position: absolute; top: 0; left: 50%; margin-left: 550px; width: 46px; height: 72px; background: url('../img/aorrow_pop_close.png') center bottom 12px no-repeat #f7941d; border-radius: 0 0 30px 30px;}
.toparea .all_box .pop_btn.hover {background: url('../img/aorrow_pop_open.png') center bottom 12px no-repeat #f7941d; border-radius: 0 0 30px 30px;}
.toparea .all_box .pop_btn span {position: relative; top: -8px; color: #fff; font-size: 14px; line-height: 12px;}

/*메뉴*/
.toparea .gnb {width: 1200px; margin: 0 auto; height: 63px;display: block; overflow: inherit;}
.toparea .gnb h1 {display: inline-block;vertical-align: middle;}
.toparea .gnb h1 > a {display:block;}
.toparea .gnb h1 > a img {width: 100%;}
.toparea .gnb .topmenu {margin-left: 20px;display: inline-block;vertical-align: middle;}
.toparea .topmenu > ul > li {float:left;padding: 20px 20px;position: relative;overflow: hidden;}
.toparea .topmenu.en > ul > li  {width: auto;padding-right: 30px;}
.toparea .topmenu > ul > li.active{position: static;overflow:auto;}
.toparea .topmenu > ul > li:hover{position: static;overflow:auto;}
.toparea .topmenu > ul > li > a {display:inline-block; text-align:center; font-size:20px; color:#4d4d4d;font-weight: 600; padding-bottom: 3px; border-bottom: 1px solid #fff;}
.toparea .topmenu > ul > li.on > a, .toparea .topmenu > ul > li > a:hover {color:#0bc1c9; border-bottom: 1px solid #0bc1c9;}
.toparea .search_menu {width: 210px; padding: 0 0 0 28px;height: 91px;display: inline-block;vertical-align: middle;}
.toparea .search_menu fieldset {position: relative; top: 22px;}
.toparea .search_menu fieldset label {display: none; position: absolute; left: 10px; top: 14px; color: #4d4d4d; font-size: 14px; font-weight: 600;}
.toparea .search_menu fieldset input {padding: 0 35px 0 10px; width: 100%; height: 44px; border: 2px solid #40ad48;}
.toparea .search_menu fieldset button {position: absolute; right: 10px; top: 14px; width: 18px; height: 18px; background: url('../img/icon_search.png') 0 0 no-repeat;}
.toparea .topmenu:before {content: '';display:none;position:absolute;left:0px;top:106px;z-index:90;width: 100%;height: 240px;background: #fff;background: url('../img/line_menuall.png'), url('../img/bg_menu.png'), url('../img/bg_menu2.png');background-position: center bottom, left bottom, right top;background-repeat: repeat-x, no-repeat, no-repeat;background-color: #fff;}
.toparea .topmenu.active:before {display: block;}
.toparea .topmenu:hover:before {display: block;}
.toparea .topmenu > ul > li > ul {position:absolute;left:0px;top:106px;z-index:90;width: 100%;}
.toparea .topmenu > ul > li.active > ul > li> ul {opacity: 1;}
.toparea .topmenu > ul > li:hover > ul > li> ul {opacity: 1;}

/* .toparea .topmenu > ul > li:hover > ul > li > ul {} */
.toparea .topmenu > ul > li > ul > li {width: 1200px; height: 100%; margin: 0 auto;}
.toparea .topmenu > ul > li > ul > li h2 {width: 212px; height: 100%; float: left; padding-top: 70px; color: #333333; font-size: 28px;}
.toparea .topmenu > ul > li > ul > li > ul {overflow: hidden;display: block !important;float: left;position: relative;padding: 45px 0 0 0;width: calc(100% - 224px);margin-left: 12px;height: 240px;background-position: 0 bottom, 0 0;background-repeat: repeat-x, repeat-y;opacity: .1;transition: .3s;}
.toparea .topmenu > ul > li > ul > li > ul > li {float: left; width: 20%; padding-left: 20px;}
.toparea .topmenu > ul > li > ul > li > ul > li a {display: table; width: 100%; height: 75px; color:#333333; font-size:16px; line-height: 25px; padding:10px;background-color:#fff;word-break: keep-all;transition:background-color .2s, background-position .5s; background-position: 80% 90%; text-align: center;}
.toparea .topmenu > ul > li > ul > li > ul > li.active a {font-weight: 700; color: #eee;background: url('../img/icon_menu_on.png') no-repeat;background-color:#286293; background-size: 30px;background-position: 92% 90%}
.toparea .topmenu > ul > li > ul > li > ul > li a:hover {font-weight: 700; color: #eee;background: url('../img/icon_menu_on.png') no-repeat;background-color:#286293; background-size: 30px;background-position: 92% 90%}
.toparea .topmenu > ul > li > ul > li > ul > li a .br {display: inline-block;}
.toparea .topmenu > ul > li > ul > li > ul > li.active a .br {display: block;}
.toparea .topmenu > ul > li > ul > li > ul > li a:hover .br {display: block;}
.toparea .topmenu > ul > li > ul > li > ul > li a span {display: table-cell; vertical-align: middle;}

.toparea .mobile-category {display:none}

/* main */
/*.midarea {background: url("../img/main_vs.png") no-repeat;max-height:550px}*/
.midarea {max-height:550px}

/*메인 이미지 슬라이드*/
.slick-list {position:relative; display:block; margin:0; padding:0; width: 100%;}
.relativesite.main_img {position: relative; width: 100%; height: 564px; margin-bottom: 7px;}
.relativesite.main_img .slidebanner {margin: 0 auto;}
.relativesite.main_img .slidebanner .main_slide {width: 1400px; margin: 0 auto; padding: 0 80px; top: 35px;}
.relativesite.main_img .slidebanner .main_slide .slick-slide > div {text-align: center;}
.relativesite.main_img .slidebanner .main_slide .slick-slide > div > li {display: inline-block; overflow: hidden; position:relative; width: 292px !important; height: 430px; border-radius: 0 0 10px 10px;}
.relativesite.main_img .slidebanner .main_slide li a {display: block; position: relative;}
.relativesite.main_img .slidebanner .main_slide li a:focus {border: 0px solid #000; box-shadow: 0 0px 0px 3px #fff; border-radius: 5px}
.relativesite.main_img .slidebanner .main_slide li .img_box {overflow: hidden; position: relative; width: 292px; height: 430px;margin-top:20px; border: 1px solid #e5e5e5; background: #eee;border-radius: 10px 10px 0 0;}
.relativesite.main_img .slidebanner .main_slide li .img_box img {width: 100%;}
.relativesite.main_img .slidebanner .main_slide li .txt_box {width: 292px;height: 148px; text-align: left; padding: 30px 20px 0 20px; background: #fff;}
.relativesite.main_img .slidebanner .main_slide li .txt_box h3 {font-size: 18px; font-weight: 400; overflow: hidden; height: 46px; margin-bottom: 15px;}
.relativesite.main_img .slidebanner .main_slide li .txt_box .list {padding: 0;}
.relativesite.main_img .slidebanner .main_slide li .txt_box .list li {color: #666; font-size: 13px; line-height: 18px; padding: 0;}
.relativesite.main_img .slidebanner .main_slide li .more {position: absolute; right: 20px; bottom: 20px; padding-right: 15px; color: #1d2f70; font-size: 11px; background: url('../img/icon_more.png') right center no-repeat;}

.relativesite.main_img .slidebanner .main_slide_custom {width: 1400px; margin: 0 auto; padding: 0 80px; top: -20px;}
.relativesite.main_img .slidebanner .main_slide_custom .slick-slide > div {text-align: center;}
.relativesite.main_img .slidebanner .main_slide_custom .slick-slide > div > li {display: inline-block; overflow: hidden; position:relative; width: 292px !important; height: 430px; border-radius: 0 0 10px 10px;}
.relativesite.main_img .slidebanner .main_slide_custom li a {display: block; position: relative;}
.relativesite.main_img .slidebanner .main_slide_custom li a:focus {border: 0px solid #000; box-shadow: 0 0px 0px 3px #fff; border-radius: 5px}
.relativesite.main_img .slidebanner .main_slide_custom li .img_box {overflow: hidden; position: relative; width: 292px; margin-top:20px; border: 1px solid #e5e5e5; background: #eee;border-radius: 10px;}
.relativesite.main_img .slidebanner .main_slide_custom li .img_box img {width: 100%;}
.relativesite.main_img .slidebanner .main_slide_custom li .txt_box {width: 292px;height: 148px; text-align: left; padding: 30px 20px 0 20px; background: #fff;}
.relativesite.main_img .slidebanner .main_slide_custom li .txt_box h3 {font-size: 18px; font-weight: 400; overflow: hidden; height: 46px; margin-bottom: 15px;}
.relativesite.main_img .slidebanner .main_slide_custom li .txt_box .list {padding: 0;}
.relativesite.main_img .slidebanner .main_slide_custom li .txt_box .list li {color: #666; font-size: 13px; line-height: 18px; padding: 0;}
.relativesite.main_img .slidebanner .main_slide_custom li .more {position: absolute; right: 20px; bottom: 20px; padding-right: 15px; color: #1d2f70; font-size: 11px; background: url('../img/icon_more.png') right center no-repeat;}

.relativesite.main_img .slidebanner .slick-prev {position:absolute; left:0; top:50%; transform: translateY(-50%); z-index:3; width:60px; height:90px; background:url('../img/icon_pre1.png') no-repeat 0 0; font-size:0; text-indent:-99999px}
.relativesite.main_img .slidebanner .slick-next {position:absolute; right:0; top:50%; transform: translateY(-50%); z-index:3; width:60px; height:90px; background:url('../img/icon_next1.png') no-repeat 0 0; font-size:0; text-indent:-99999px}

.relativesite.main_img .slidebanner .slick-prev:hover {background-image:url('../img/icon_pre1_m_over.png');}
.relativesite.main_img .slidebanner .slick-next:hover {background-image:url('../img/icon_next1_m_over.png');}

.relativesite.main_img .slidebanner .slick-dots {position:absolute; width: 180px; left: 50%; transform: translateX(-50%); bottom:-73px; padding:3px 0 10px 40px; list-style:none; background: #5d6164; border-radius: 30px;}
.relativesite.main_img .slidebanner .slick-dots li {position:relative;display:inline-block; margin:0 4px;padding:0;cursor:pointer;}
.relativesite.main_img .slidebanner .slick-dots li button {font-size:0;line-height:0;display:block; width:13px;height:13px; border-radius:13px; padding:0;cursor:pointer;color:transparent;border:0; border: 2px solid #ebebeb;}
.relativesite.main_img .slidebanner .slick-dots li button:hover:before,.slick-dots li button:focus:before {opacity:1;}
.relativesite.main_img .slidebanner .slick-dots li.slick-active button {background:none; background:#ebebeb;}

.slick-slide:focus {border: 3px solid #000; box-shadow: 0 0px 0px 3px #fff; border-radius: 5px}
.toparea select{background:#141414;color:#fff;padding:5px 10px;margin-top:-5px;width:100px;border:0px;border-radius:5px}

.maincontents {width:100%;}
.maincontents .section1, .maincontents .section2, .maincontents .section3 {width:1240px;padding:20px 0px;margin: 0 auto; overflow: hidden;}
.maincontents .section1 > ul {overflow: hidden;}
.maincontents .section1 > ul > li {float: left;}
.maincontents .section1 > ul li.left {width: calc(100% - 270px); padding-right: 20px;}
.maincontents .section1 > ul li.right {width: 270px;}
.maincontents .section1 > ul li .main_tab {padding: 40px; border: 1px solid #ddd; background: #fff;border-radius:10px;min-height:500px}
.maincontents .section1 > ul li .main_tab .slick-slide{min-height:400px;}

.maincontents .section1 > ul li .main_tab .tab_box {overflow: hidden;position: relative; }
.maincontents .section1 > ul li .main_tab .tab_box li.box {height: 347px;}
.maincontents .section1 > ul li .main_tab .tab_box li.box .tab-pane {display: none; position: absolute; left: 0; top: 40px; width: 100%;}
.maincontents .section1 > ul li .main_tab .tab_box li.box .tab-pane.active {display: block;}
.maincontents .section1 > ul li .main_tab .tab_box li.box > a,
.maincontents .section1 > ul li .main_tab .tab_box li.box > button {display: block; padding: 10px 0; padding_bottom:15px; color:#333333; font-size:20px; text-align: center;border-bottom:1px solid #898989; background: none; border: none;  width: 100%;   cursor: pointer; }
.maincontents .section1 > ul li .main_tab .tab_box li.box a.active,
.maincontents .section1 > ul li .main_tab .tab_box li.box button.active {color: #0457a7; font-size: 21px; text-align: center; font-weight: 600; margin-top: -3px; border-bottom: 4px solid #004a9c; background: url('../img/icon_news_on.png') right 0 top 10px no-repeat;}


.maincontents .section1 > ul li .main_tab .tab-content {overflow: hidden; height: 312px;}
.maincontents .section1 > ul li .main_tab .news_top {padding: 20px 10px 20px;border-bottom: 1px solid #898989;}
.maincontents .section1 > ul li .main_tab .news_top .news_box {overflow: hidden;}
.maincontents .section1 > ul li .main_tab .news_top .news_box dt {float: left; width: 160px; height: 94px; padding-top: 10px; text-align: center; color: #fff; font-size: 25px; line-height: 35px; font-weight: 600; background: #2165d6;border-radius: 8px !important;}
.maincontents .section1 > ul li .main_tab .news_top .news_box dt span {display: block; font-size: 35px;}
.maincontents .section1 > ul li .main_tab .news_top .news_box dd {float: left; width: calc(100% - 160px); padding: 8px 0 0 15px; color: #333; }
.maincontents .section1 > ul li .main_tab .news_top .news_box dd a {display:block;}

.maincontents .section1 > ul li .main_tab .news_top .news_box dd h3 {font-size: 20px; margin-bottom: 20px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.maincontents .section1 > ul li .main_tab .news_top .news_box dd .text {font-size: 16px; line-height: 19px;}
.maincontents .section1 > ul li .main_tab .more {text-align: right;padding-right: 10px;}
.maincontents .section1 > ul li .main_tab .more button {width: 70px; height: 25px; color: #fff; font-size: 13px; line-height: 25px; background: #666; border-radius: 5px;}
.maincontents .section1 > ul li .main_tab .news_list { padding: 20px 10px 10px;}
.maincontents .section1 > ul li .main_tab .news_list li {position: relative; line-height: 28px; }
.maincontents .section1 > ul li .main_tab .news_list li a {display: block; width: 100%; color: #333; font-size: 18px; padding: 0 120px 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url('../img/icon_dot1.png') 0 center no-repeat;}
.maincontents .section1 > ul li .main_tab .news_list li span {position: absolute; top: 0; right: 0; color: #2165d6; font-size: 14px;}
.maincontents .section1 > ul li.right ul li {position: relative;border:1px solid #ddd;height:389px}
.maincontents .section1 > ul li.right ul li .img_back{display: block;height: 75%;background-position: 50%;background-repeat: no-repeat;background-size: cover;}
.maincontents .section1 > ul li.right ul li .img_txt{display: block;height: 25%;background-color: #fff;padding: 10px;font-size: 18px;text-align: left;}
.maincontents .section1 > ul li.right ul li .img_date{color:#7f7f7f;font-size: 16px;position: absolute;bottom:10px;left:10px;}
.maincontents .section1 > ul li.right ul li .down {padding:0;margin:0;width:100%}
.maincontents .section1 > ul li.right ul li .tb {display: none;}

.maincontents .section1 > ul li.relativesite {position: relative; height: 117px; margin: 0 auto;}
.maincontents .section1 > ul li.relativesite ul div {overflow: hidden; display: block;}
.maincontents .section1 > ul li .slick-slider {position: inherit;}
.maincontents .section1 > ul li.relativesite li {float: none; width: 100%; overflow: hidden;}
.maincontents .section1 > ul li.relativesite li a {position: relative; display: block; width: 100%; height: 117px;}
.maincontents .section1 > ul li.relativesite li a:focus {border: 1px solid #8fb1e8;}
.maincontents .section1 > ul li.relativesite li a img {position: absolute; left: 50%; transform: translateX(-50%); top: 0;}
.maincontents .section1 > ul li .popup_slide {position: relative;}
.maincontents .section1 > ul li .popup_slide .slick-dots {z-index: 999; overflow:hidden; position: absolute; top: 90px; right: 45px;}
.maincontents .section1 > ul li .popup_slide .slick-dots li {float: left; width: 8px; margin-left: 5px;}
.maincontents .section1 > ul li .popup_slide .slick-dots li button {width: 8px; height: 8px; border: 1px solid #8c8c8c; background: #fff; font-size: 0; text-indent: -999px;}
.maincontents .section1 > ul li .popup_slide .slick-dots li.slick-active button {background: #8c8c8c;}
.maincontents .section1 > ul li .play_box {display: block; position: absolute; right: 30px; bottom: 5px;}
.maincontents .section1 > ul li .play_box button  {font-size: 0; text-indent: -999px;}
.maincontents .section1 > ul li .play_box .slick-play  {width: 7px; height: 11px; background: url('../img/icon_play2.png') 0 0 no-repeat;}
.maincontents .section1 > ul li .play_box .slick-pause  {margin: 2px 0 0 3px; width: 9px; height: 10px; background: url('../img/icon_stop2.png') 0 0 no-repeat;}
.maincontents .section1 > ul li .check_box {position: absolute; top: 60px; right: 30px;}
.maincontents .section1 > ul li .check_box input[type=checkbox] { display: none;}
.maincontents .section1 > ul li .check_box input[type=checkbox] + label{display: inline-block; cursor: pointer; position: relative; padding-left: 18px; color: #555555; font-size: 12px;}
.maincontents .section1 > ul li .check_box input[type=checkbox]+ label:before { content: "\2713"; display: inline-block; position: absolute; left: 0; top: 4px; color: #fff; width: 11px; height: 11px; font-size: 10px; background-color: #fff; border:1px solid #a5a5a5; line-height: 11px; text-align: center;}
.maincontents .section1 > ul li .check_box input[type=checkbox]:checked + label:before {color: #555555; }
.maincontents .section1 > ul li.reading {background: url('../img/facebookBanner.png') 25px center no-repeat #333B50;}
/* .maincontents .section1 > ul li.reading {background: url('../img/icon_reading.png') 25px center no-repeat #333B50;} */
.maincontents .section1 > ul li.reading a {position: relative;display: block; height: 117px;line-height: 117px; color: #fff;font-weight: bold; font-size: 32px; padding-left:135px;}
.maincontents .section1 > ul li.reading a:focus {border: 3px solid #000; box-shadow: 0 0px 0px 3px #fff; border-radius: 5px;}
/*&.maincontents .section1 > ul li.reading a:before{content: '바로가기';position: absolute;right:40px;top:40px;font-size:16px;display: block;height:36px;border:1px solid #fff; border-radius: 10px;width:120px;line-height: 36px;font-weight: 400;padding-left: 20px;box-sizing: border-box;background:url('../img/icon_news_on.png') right 5px top 10px no-repeat}*/

.maincontents .section2 {position: relative; height: 362px; padding: 20px 20px 20px 10px; background: url('../img/bg_db1.png') 0 0 no-repeat;}
.maincontents .section2.type2 {background: url('../img/bg_db2.png') center center no-repeat;}
.maincontents .section2 .tit_box {position: relative; left: 0; top: 150px; color: #fff;}
.maincontents .section2 .tit_box h3 {display: inline-block; padding-right: 120px; font-size: 24px; line-height: normal;  background: url('../img/icon_db1.png') right 0 bottom 15px no-repeat;}
.maincontents .section2.type2 .tit_box h3 {background: url('../img/icon_db2.png') right 0 bottom 15px no-repeat;}
.maincontents .section2 .tit_box h3 span {position: relative; display: block; font-size: 34px; margin: 5px 0;}
.maincontents .section2 .tit_box h3 span em {position: absolute; top: -10px; padding-top: 10px; background: url('../img/icon_db_dot.png') center 0 no-repeat;}
.maincontents .section2 .tit_box h3 span em.em1 {left: 130px;}
.maincontents .section2 .tit_box h3 span em.em2 {left: 157px;}
.maincontents .section2 .tit_box .text {font-size: 18px; line-height: 20px;}
.maincontents .section2 .list_box {position: absolute; top: 20px; right: 20px; width: 920px; height: 322px; padding: 20px 0 20px 20px; background: #fff;}
.maincontents .section2 .list_box > li {position:relative; float: left; width: 33.33%; padding-right: 20px;}
.maincontents .section2 .list_box li > a, .maincontents .section2 .list_box li > .box {display: block; border: 1px solid #d7d7d7;}
.maincontents .section2 .list_box li .box .list_tit {position: relative;height: 135px;}

.maincontents .section2.type2 .list_box li a .list_tit {height: 192px; }
.maincontents .section2 .list_box li .box .list_tit.bg1 {background: url('../img/bg_db1_1.png') center center no-repeat;}
.maincontents .section2 .list_box li .box .list_tit.bg2 {background: url('../img/bg_db1_2.png') center center no-repeat;}
.maincontents .section2 .list_box li .box .list_tit.bg3 {background: url('../img/bg_db1_3.png') center center no-repeat;}
.maincontents .section2.type2 .list_box > li {width: 25%;}
.maincontents .section2.type2 .list_box li a .list_tit.bg1 {background: url('../img/bg_db2_1.png') center center no-repeat;}
.maincontents .section2.type2 .list_box li a .list_tit.bg2 {background: url('../img/bg_db2_2.png') center center no-repeat;}
.maincontents .section2.type2 .list_box li a .list_tit.bg3 {background: url('../img/bg_db2_3.png') center center no-repeat;}
.maincontents .section2.type2 .list_box li a .list_tit.bg4 {background: url('../img/bg_db2_4.png') center center no-repeat;}
.maincontents .section2 .list_box li a .list_tit span, .maincontents .section2 .list_box li .box .list_tit span {position: absolute; left: 20px; bottom: 20px; color: #fff; line-height: 30px; font-size: 26px; font-weight: 600; text-shadow: 2px 2px 2px #444;}
.maincontents .section2.type2 .list_box li a .list_tit span {position:static; padding-top: 115px; display: block; text-align: center;}
.maincontents .section2.type2 .list_box li a .list_tit.bg1 span {background: url('../img/icon_db2_1.png') center 32px no-repeat;}
.maincontents .section2.type2 .list_box li a .list_tit.bg2 span {background: url('../img/icon_db2_2.png') center 31px no-repeat;}
.maincontents .section2.type2 .list_box li a .list_tit.bg3 span {background: url('../img/icon_db2_3.png') center 29px no-repeat;}
.maincontents .section2.type2 .list_box li a .list_tit.bg4 span {background: url('../img/icon_db2_4.png') center 31px no-repeat;}
.maincontents .section2 .list_box li a .list_txt {padding: 18px 12px; color: #333; font-size: 15px;}
.maincontents .section2 .list_box li .box .list_txt .s_list {height:66px; overflow:hidden;}
.maincontents .section2 .list_box li .box .list_txt {padding: 18px 12px 10px; height:145px; color: #333; font-size: 15px;}

.maincontents .section2 .list_box li .box .list_tit {position: relative;height: 135px;}
.maincontents .section2.type2 .list_box li a .list_txt {padding: 12px; height: 90px; font-size: 14px; line-height: 22px; text-align: center;}
.maincontents .section2 .list_box li a .list_txt h4, .maincontents .section2 .list_box li .box .list_txt h4 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px;}
.maincontents .section2 .list_box li > button {position:absolute; bottom:15px; left:15px;color: #5d0f5a; font-size: 11px;}

.maincontents .section3 .quick_box {overflow: hidden; height: 190px;}
.maincontents .section3 .quick_box dt {float: left; width: 260px; height: 100%; background: url('../img/bg_quick.png') 0 0 no-repeat #959595;}
.maincontents .section3 .quick_box dt .title {position: relative; top: 100px; padding-right: 20px; text-align: right; color: #fff; font-size: 25px; line-height: normal; font-weight: 600;}
.maincontents .section3 .quick_box dt .title span {display: block;font-size: 30px;}
.maincontents .section3 .quick_box dd {float: left; width: calc(100% - 260px); height: 100%; background: #fff;}
.maincontents .section3 .quick_box dd .list {overflow: hidden; padding: 25px 10px;}
.maincontents .section3 .quick_box dd .list li {float: left; width:calc(100%/5);}
.maincontents .section3 .quick_box dd .list li.bg1 {background: url('../img/icon_quick1.png') center 0 no-repeat;}
.maincontents .section3 .quick_box dd .list li.bg2 {background: url('../img/icon_quick2.png') center 0 no-repeat;}
.maincontents .section3 .quick_box dd .list li.bg3 {background: url('../img/icon_quick3.png') center 0 no-repeat;}
.maincontents .section3 .quick_box dd .list li.bg4 {background: url('../img/icon_quick4.png') center 0 no-repeat;}
.maincontents .section3 .quick_box dd .list li.bg5 {background: url('../img/icon_quick5.png') center 0 no-repeat;}
.maincontents .section3 .quick_box dd .list li.bg6 {background: url('../img/icon_quick6.png') center 0 no-repeat;}
.maincontents .section3 .quick_box dd .list li a {display: block; padding-top: 116px; color: #333; font-size: 16px; text-align: center;word-break: keep-all;}

.icon_list {max-width:1240px;margin:0 auto;border:1px solid #ddd;border-radius:10px;overflow:hidden;background:#fff;}
.icon_list li {background:url(/main/img/ico01.jpg) center 15px no-repeat; padding:130px 0 0 0;}
.icon_list li.ico02  {background:url(/main/img/ico02.jpg) center 15px no-repeat !important; padding:130px 0 0 0;}
.icon_list li.ico03  {background:url(/main/img/ico03.jpg) center 15px no-repeat !important; padding:130px 0 0 0;}
.icon_list li.ico04  {background:url(/main/img/ico04.jpg) center 15px no-repeat !important; padding:130px 0 0 0;}
.icon_list li.ico05  {background:url(/main/img/ico05.jpg) center 15px no-repeat !important; padding:130px 0 0 0;}
.icon_list li.ico06  {background:url(/main/img/ico06.jpg) center 15px no-repeat !important; padding:130px 0 0 0;}
.icon_list img{padding-top:15px}
.icon_list h3{padding:10px 0px}
.icon_list p{padding:0px 10px;word-break:keep-all}
.icon_list li{width:16.6%;border-right:1px solid #ddd;float:left;text-align:Center;height:260px}
.icon_list li:nth-child(6) {width:16.6%;border-right:0px solid #ddd;float:left;text-align:Center;}
.icon_list a{display:block;height:100%}

.icon_list_en {max-width:1240px;margin:0 auto;border:1px solid #ddd;border-radius:10px;overflow:hidden;background:#fff;}
.icon_list_en img{padding-top:15px}
.icon_list_en h3{padding:10px 0px}
.icon_list_en p{padding:0px 10px;word-break:keep-all}
.icon_list_en li{width:16.6%;border-right:1px solid #ddd;float:left;text-align:Center;height:300px}
.icon_list_en li:nth-child(6) {width:16.6%;border-right:0px solid #ddd;float:left;text-align:Center;}
.icon_list_en a{display:block;height:100%}

.quick{position:fixed;right:0;top:0;width:80px;background:#35364a;bottom:0;z-index:99;text-align:Center;color:#ddd;font-size:10pt;font-weight:bold;}
.quick li{height:80px;cursor:pointer;border-bottom:1px solid #484855;list-style:none;}
.quick li a {display:block;}
.quick li:hover {background:#333300}
.quick i{font-size:50pt}
.quick .p10{padding:10px}
.quick .icon_img {width:40%; margin-top: 18px;}
.quick .top_btn{position:fixed;bottom:0;right:0;width:80px;padding:10px 0px;border:0px;border-top:1px solid #484855;background:#36364b;color:#fff;font-weight:bold}

.to_menu{float:right;;border-radius:50px;padding:20px 30px 20px 50px;color:#fff;border:0px;margin-top:15px;background:url("../img/pen_ico.png") no-repeat #00806C;background-size:20px;line-height:0px;font-size:12pt;font-weight:700;background-position: 20px;}
.to_menu:hover{float:right;;border-radius:50px;padding:20px 30px 20px 50px;color:#fff;border:0px;margin-top:15px;background:url("../img/pen_ico.png") no-repeat #00806C;background-size:20px;line-height:0px;font-size:12pt;font-weight:700;background-position: 20px;}
.none_border{border:1px solid #fff !important}

.notice_area{background:url("../img/notice_area1.png") ;background-size:cover;height:250px;position:relative;padding:10px;border-radius:10px 10px 0px 0px}
.notice_area h4{padding:10px 10px 25px;font-size:16pt}
.notice_area h4 span{float:right;font-size:10pt;font-weight:400}
.banner_box {position:relative}
.banner_box img{width:150px;height:150px;margin:0px 20%;border-radius: 8px !important;}
.banner_box li{border:0px !important;text-align:center}
.banner_box li a:focus img {
    outline: 2px solid #007bff; /* 원하는 색상으로 변경 가능 */
    outline-offset: 2px; /* 강조 효과 */
    border-radius: 4px; /* 모서리를 둥글게 (선택 사항) */
}
.banner_box .slick-prev {position:absolute; left:10px; top:50%; transform: translateY(-50%); z-index:3; width:30px; height:50px; background:url('../img/icon_pre1_1.png') no-repeat 0 0; font-size:0; text-indent:-99999px}
.banner_box .slick-next {position:absolute; right:10px; top:50%; transform: translateY(-50%); z-index:3; width:30px; height:50px; background:url('../img/icon_next1_1.png') no-repeat 0 0; font-size:0; text-indent:-99999px}
.banner_box .slick-prev:hover {background-image:url('../img/icon_pre1_m_over_1.png');}
.banner_box .slick-next:hover {background-image:url('../img/icon_next1_m_over_1.png');}


.banner_poster {position:relative}
.banner_poster li{border:0px !important;text-align:center}
.banner_poster .slick-prev {position:absolute; left:10px; top:50%; transform: translateY(-50%); z-index:3; width:30px; height:50px; background:url('../img/icon_pre1_1.png') no-repeat 0 0; font-size:0; text-indent:-99999px}
.banner_poster .slick-next {position:absolute; right:10px; top:50%; transform: translateY(-50%); z-index:3; width:30px; height:50px; background:url('../img/icon_next1_1.png') no-repeat 0 0; font-size:0; text-indent:-99999px}
.banner_poster .slick-prev:hover {background-image:url('../img/icon_pre1_m_over_1.png');}
.banner_poster .slick-next:hover {background-image:url('../img/icon_next1_m_over_1.png');}



.item-img {position:relative}
.item-img img{max-width:195px}
.item-img li{border:0px !important;text-align:center}
.item-img .slick-prev {position:absolute; left:10px; top:50%; transform: translateY(-50%); z-index:3; width:30px; height:50px; background:url('../img/icon_pre1_1.png') no-repeat 0 0; font-size:0; text-indent:-99999px}
.item-img .slick-next {position:absolute; right:10px; top:50%; transform: translateY(-50%); z-index:3; width:30px; height:50px; background:url('../img/icon_next1_1.png') no-repeat 0 0; font-size:0; text-indent:-99999px}
.item-img .slick-prev:hover {background-image:url('../img/icon_pre1_m_over_1.png');}
.item-img .slick-next:hover {background-image:url('../img/icon_next1_m_over_1.png');}


.notice_area2 h4{padding:10px 10px 30px;font-size:16pt}
/* .notice_area2 span{float:right;font-size:10pt;font-weight:400} */

.notice_area2 span {position: absolute;  top: 0; right: 0%;  margin:20px 20px 0 0;}
.notice_area2{background:url("../img/notice_area2.png") ;background-size:cover;height:250px;position:relative;padding:10px;border-radius:0px 0px 10px 10px}

/*예약페이지*/

.photo_block{width:50%;float:left;text-align:Center;background:#fafafa;padding:30px}
.photo_block img{max-width:445px;width:100%}

.text_area {float:right;width:45%;}
.text_area h1{
    margin-top:25px;color:#2388c5;font-size:28pt; line-height:34pt;
    font-size: 22pt;
    line-height: 28pt;
    margin-top: 1rem !important;
}
.text_area .ment{font-size:13pt;word-break:keep-all;color:#777;font-weight:normal}
.text_area li{clear:both;padding:10px 0px;font-size:11pt !important}
.text_area li h4{float:left;width:90px;text-align:left;}
.text_area li div{float:right;width:calc(100% - 90px);text-align:left}
.bt_list {clear:both;width:100%;padding:70px 0px}
.bt_list button{width:30%;border:1px solid #545659;padding:15px 0px;font-size:12pt;color:#fff;font-weight:700}

#select_box1, #select_box2, #select_box3{ position:relative; width:100%;max-width:494px;padding-top:30px;clear:both}
#select_box1{ z-index:3; top:0;}
#select_box2{ z-index:1; top:20px;}
#select_box3{ z-index:1; top:0;}
.select_absolute{ position:absolute; left:0; top:10; width:calc(100% - 2px); line-height:43px; cursor:pointer; border:solid 1px #D0D2D5; font-weight:400; color:#000000; font-size:14px; background-color:#FFFFFF; overflow:hidden; z-index:1; }
.select_box_close{ height:43px; }
.select_box_open{ height:auto; overflow:auto; }
.selected{ float:left; position:relative; width:calc(100% - 10px); padding:0 20px; text-align:left; }
.arrow_rotate{ transform:rotate(180deg); }
.select_box_arrow{ float:right; width:20px; height:10px; margin:17px 3px 16px 0; background:url("/img/select_box_arrow") no-repeat }
.option_box{ float:left; width:100%; text-align:left; cursor:pointer; display: none; }
.option{ float:left; width:calc(100% - 0px); padding:0 20px; }
.option:hover{ background:#fafafa }

.blind {overflow: hidden; position: absolute; width: 1px; height: 1px; font-size: 12px; clip: rect(1px, 1px, 1px, 1px);}
.photocontainer {max-width: 100%; margin: 0 auto;clear:both;text-align:center;border:1px solid #ddd;padding:0px 10px 15px 10px;overflow:hidden; background-color: #fafafa;}

.photocontainer .img-popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); visibility: hidden; opacity: 0; transition: all 0.3s; z-index: 10000;}
.photocontainer .img-popup.active {visibility: visible; opacity: 1;}
.photocontainer .img-popup .popup-inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 900px;}
.photocontainer .img-popup .popup-inner > img {display: block; width: 100%; margin: 0 auto;}
.photocontainer .img-popup .popup-inner .close-btn {display: flex; display: -webkit-flex; display: -ms-flexbox; position: absolute; top: -36px; left: 50%; transform: translateX(-50%); width: 70px; height: 70px; border-radius: 50%; background-color: #1eb9b2; justify-content: center; align-items: center; color: #fff; font-size: 30px;}
.photocontainer .img-popup .popup-inner .close-btn img {transition: all 0.3s;width:50% !important}
.photocontainer .img-popup .popup-inner .close-btn:hover img {transform: rotate(180deg);}

.detail_box {clear:both;padding:20px 0;}
.detail_box a{width:100%;display:block}
.detail_box ul{overflow:hidden;display:flex;justify-content: center;}
.detail_box li{line-height:2.6em;font-size:13pt;max-width:200px;}
.detail_box li.achive{border:1px solid #ddd;border-bottom:3px solid #000}
.detail_box li.achive2{border:1px solid #ddd; border-right:none;}
.detail_box li.achive2:last-child{border-right:1px solid #ddd;}
.detail_box .tab_area2 li{width:100%;float:left;text-align:center}
.detail_box .tab_area3 li{width:33.3%;float:left;text-align:center}
.detail_box .tab_area4 li{width:25%;float:left;text-align:center}
.detail_box .tab_area5 li{width:20%;float:left;text-align:center}
.detail_box .tab_area6 li{width:16.6%;float:left;text-align:center}
.conbox{border-top:1px solid #ddd;margin-bottom:50px;padding: 40px 60px;min-height:250px; line-height: 160%; letter-spacing: -0.5px;}
.conbox img{margin : 0, 0;}

.conbox2{border-top:1px solid #ddd;margin-bottom:50px;padding: 40px 60px;min-height:250px; line-height: 160%; letter-spacing: -0.5px;}
.conbox2 img{margin : 0, 0; width: 100%; height: 100%; object-fit: cover;}
	.ntecket .inner{margin:0px 20px}
	.ntecket .inner>ul>li>label{position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 49px;
    line-height: 49px;}
	.ntecket{width:100%;float:none;border:1px solid #ddd;border-top:3px solid #6b727b;position:relative; min-height:277px;margin-top:20px;overflow:hidden}
	.ntecket dt{text-align:Center;font-size:18pt;padding-top:80px;background:url("../img/ticket_tltle.png") center no-repeat;background-size:40px}
	.ntecket dd{text-align:Center;font-size:12pt;padding-top:10px}
	.ntecket .inner>ul>li {
		position: relative;
		margin-top: 6px;
		padding-left: 80px;
	}
	.ntecket .radioList { font-size:0; }
	.ntecket .radioList>li { position:relative; overflow:hidden; display:inline-block; width:50%; height:50px; line-height:47px; border:1px solid #dcdcdc; font-size:17px; text-align:center; box-sizing:border-box; clear:both}
	.ntecket .radioList>li:first-child { border-right:0 none; }
	.ntecket .radioList>li>input { position:absolute; left:0; top:0; margin-left:-999px; }
	.ntecket .radioList>li>label { display:block; background-color:#f8f8f8;width:100%;height:50px;line-height:45px }
	.ntecket .radioList>li input:checked + label,
	.ntecket .radioList>li input:focus + label { background-color:#fff; }
	.ntecket .radioList>li label span { position:relative; padding-left:26px; line-height:23px; }
	.ntecket .radioList>li label span:after { content:'.'; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-10px; background:#f8f8f8 center no-repeat; border:1px solid #bcbcbc; border-radius:50%; text-indent:-999px; }
	.ntecket .radioList>li input:checked + label span:after { background-color:#fff; background-image:url("../img/bl_checkbox01.png"); border-color:#2c2cdf; }
	.ntecket .radioList>li input:focus + label span:after { border-color:#2c2cdf; }
	.ntecket .radioList>li input:checked + label span,
	.ntecket .radioList>li input:focus + label span { color:#2c2cdf; }
	.ntecket .radioList>li input:focus + label span { text-decoration:underline; }
	.ntecket select {width:33%;padding:10px;border:1px solid #ddd;background:url("../img/icon_arrow2.png") right no-repeat;background-position:90%;font-size:11pt;font-weight:400;margin-left:0px;height:50px;margin-top:0px}
	.ntecket input{border:1px solid #ddd;padding:10px;height:50px;font-size:11pt;font-weight:400;width:33%;}
	.ntecket .nameinput{border:1px solid #ddd;padding:10px;height:50px;font-size:11pt;font-weight:400;width:100%;}
	.ntecket .login_icon3 {background:#1b559d;color:#fff;text-align:Center;width:100%;border:0px;height:60px;font-size:15pt;font-weight:700;position:absolute;margin-top:0px;padding:0px 60px}
	.ntecket .login_icon3:hover {background:#2cc9d0;color:#fff;text-align:Center;width:100%;border:0px;height:60px;font-size:15pt;font-weight:700}

#modal {
  position:relative;
  width:100%;
  height:100%;
  z-index:9999;
  display:none;
}

#modal h2 {
  margin:0;
}

#modal button {
  display:inline-block;
  width:100px;
}

#modal .modal_content {
  width:600px;
  margin:100px auto;
  padding:20px 10px;
  background:#fff;
  border:2px solid #1eb9b2;
  position:absolute;
  top:3%;
  left:50%;
  margin-left:-300px;
  min-height:400px
}

#modal .modal_layer {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, 0.5);
  z-index:-1;
}
#modal  .close-btn {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    position: absolute;
    top: 10px;
    right: -10px;
    transform: translateX(-50%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #1eb9b2;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 30px;
}
#modal  .close-btn img{height:30px}


#modal2 {
  position:relative;
  width:100%;
  height:100%;
  z-index:9999;
  display:none;
}

#modal2 h2 {
  margin:0;
}

#modal2 button {
  display:inline-block;
  width:100px;
}

#modal2 .modal_content {
  width:800px;
  margin:100px auto;
  padding:20px 10px;
  background:#fff;
  border:2px solid #1eb9b2;
  position:fixed;
  top:3%;
  left:50%;
  margin-left:-400px;
  height:700px;
  overflow-y:scroll;
}

#modal2 .modal_layer {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, 0.5);
  z-index:-1;
}
#modal2  .close-btn {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    position: absolute;
    top: 20px;
    right: -10px;
    transform: translateX(-50%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #059C8A;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 30px;
}
#modal2  .close-btn img{height:30px}


	.mapp{float:left;width:50%;text-align:center;}
	.m_icon_div{background:url("../img/login_tltle.png") center no-repeat;background-size:50px;;height:50px}
	.n_icon_div{background:url("../img/ticket_tltle.png") center no-repeat;background-size:50px;;height:50px}
	.mapp p{font-size:14pt;padding:20px 0px 10px}
	.napp{float:left;width:50%;text-align:center}
	.napp p{font-size:14pt;padding:20px 0px 10px}
	.n_round {border:1px solid #ddd;margin:20px;border-radius:20px;padding:25px}
	.mo_title{background:#fafafa;text-align:center;padding:30px;}

/*로그인*/

	.loginForm {max-width:1100px;margin:0 auto;overflow:hidden}
	.login{min-height:498px;width:48%;float:left;border:1px solid #ddd;border-top:3px solid #6b727b}
	.login dt{text-align:Center;font-size:18pt;padding-top:80px;background:url("../img/login_tltle.png") center no-repeat;background-size:40px}
	.login dd{text-align:Center;font-size:12pt;padding-top:10px}
	.login input{border:1px solid #ddd;padding:10px;height:50px;font-size:11pt;font-weight:400}
	.login .formAtsign{width:36.6px;float:left;text-align:center;height:50px;line-height:45px;}
	.login .inputBox{margin:40px 30px 0px;;}
	.login .email_input {width:30%;float:left}
	.pw_input {width:100%;margin-top:5px}
	.login select {width:30%;padding:10px;height:50px;border:1px solid #ddd;background:url("../img/icon_arrow2.png") right no-repeat;background-position:100px;font-size:11pt;font-weight:400;margin-left:10px}
	.btnJoin {width:33.3%;float:left;text-align:center;height:60px;line-height:60px;border-top:1px solid #ddd;background:url("../img/join_icons.png") no-repeat;background-position:12px}
	.btnJoin:hover {width:33.3%;float:left;text-align:center;height:60px;line-height:60px;border-top:1px solid #ddd;background:url("../img/join_icons.png") no-repeat #eee;background-position:12px}
	.btnFindId {width:33.3%;float:left;text-align:center;height:60px;line-height:60px;border-top:1px solid #ddd;border-left:1px solid #ddd;background:url("../img/login_icos.png") no-repeat;background-position:20px}
	.btnFindId:hover {width:33.3%;float:left;text-align:center;height:60px;line-height:60px;border-top:1px solid #ddd;border-left:1px solid #ddd;background:url("../img/login_icos.png") no-repeat #eee;background-position:20px}
	.btnFindPass {width:33.3%;float:left;text-align:center;height:60px;line-height:60px;border-top:1px solid #ddd;border-left:1px solid #ddd;background:url("../img/pw_icons.png") no-repeat;background-position:15px;background-size:20px}
	.btnFindPass:hover {width:33.3%;float:left;text-align:center;height:60px;line-height:60px;border-top:1px solid #ddd;border-left:1px solid #ddd;background:url("../img/pw_icons.png") no-repeat #eee;background-position:15px;background-size:20px}
	.login_icon {background:#059C8A;color:#fff;text-align:Center;width:100%;border:0px;height:60px;font-size:15pt;font-weight:700;}
	.login_icon:hover {background:#1b559d;color:#fff;text-align:Center;width:100%;border:0px;height:60px;font-size:15pt;font-weight:700}

	.login_icon2 {background:#1b559d;color:#fff;text-align:Center;width:100%;border:0px;height:60px;font-size:15pt;font-weight:700;margin-top:0px}
	.login_icon2:hover {background:#059C8A;color:#fff;text-align:Center;width:100%;border:0px;height:60px;font-size:15pt;font-weight:700}


	.id_search{width:50%;float:none;border:1px solid #ddd;border-top:3px solid #6b727b;margin:0 auto}
	.id_search dt{text-align:Center;font-size:18pt;padding-top:80px;background:url("../img/login_tltle.png") center no-repeat;background-size:40px}
	.id_search dd{text-align:Center;font-size:12pt;padding-top:10px}
	.id_search input{border:1px solid #ddd;padding:10px;height:50px;font-size:11pt;font-weight:400}
	.id_search .formAtsign{width:30px;float:left;text-align:center}
	.id_search .inputBox{margin:30px;}
	.id_search .name_input {width:81%;float:left;margin-bottom:5px}
	.id_search .call_input {width:26%;margin-left:8px}
	.id_search select {width:25%;padding:10px;height:50px;border:1px solid #ddd;background:url("../img/icon_arrow2.png") right no-repeat;background-position:100px;font-size:11pt;font-weight:400;float:left}
	.name_area label{float:left;width:80px;line-height:45px}
	.name_area .name_num{float:right:}
	.email_area label{float:left;width:80px;line-height:45px}
	.email_area .email_num{float:right:}



	.call_area {clear:both;}
	.call_area label{float:left;width:80px;line-height:45px}

	.tecket .inner{margin:0px 30px 11px;}
	.tecket .inner>ul>li>label{position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 49px;
    line-height: 49px;}
	.tecket{width:48%;float:right;border:1px solid #ddd;border-top:3px solid #6b727b;position:relative; min-height:498px;}
	.tecket dt{text-align:Center;font-size:18pt;padding-top:80px;background:url("../img/ticket_tltle.png") center no-repeat;background-size:40px}
	.tecket dd{text-align:Center;font-size:12pt;padding-top:10px}
	.tecket .inner>ul>li {
		position: relative;
		margin-top: 6px;
		padding-left: 80px;
	}
	.tecket .radioList { font-size:0; }
	.tecket .radioList>li { position:relative; overflow:hidden; display:inline-block; width:50%; height:50px; line-height:47px; border:1px solid #dcdcdc; font-size:17px; text-align:center; box-sizing:border-box; clear:both}
	.tecket .radioList>li:first-child { border-right:0 none; }
	.tecket .radioList>li>input { position:absolute; left:0; top:0; margin-left:-999px; }
	.tecket .radioList>li>label { display:block; background-color:#f8f8f8;width:100%;height:50px;line-height:45px }
	.tecket .radioList>li input:checked + label,
	.tecket .radioList>li input:focus + label { background-color:#fff; }
	.tecket .radioList>li label span { position:relative; padding-left:26px; line-height:23px; }
	.tecket .radioList>li label span:after { content:'.'; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-10px; background:#f8f8f8 center no-repeat; border:1px solid #bcbcbc; border-radius:50%; text-indent:-999px; }
	.tecket .radioList>li input:checked + label span:after { background-color:#fff; background-image:url("../img/bl_checkbox01.png"); border-color:#2c2cdf; }
	.tecket .radioList>li input:focus + label span:after { border-color:#2c2cdf; }
	.tecket .radioList>li input:checked + label span,
	.tecket .radioList>li input:focus + label span { color:#2c2cdf; }
	.tecket .radioList>li input:focus + label span { text-decoration:underline; }
	.tecket select {width:32.7%;padding:10px;border:1px solid #ddd;background:url("../img/icon_arrow2.png") right no-repeat;background-position:90px;font-size:11pt;font-weight:400;margin-left:0px;height:50px}
	.tecket input{border:1px solid #ddd;padding:10px;height:50px;font-size:11pt;font-weight:400;width:21%}




.footer{background:#333;width:100%;padding:0px 0px 50px 0px;overflow:hidden;}
.footer ul{max-width:1240px;margin:0 auto;}
.footer li{float:left;text-align:left;list-style:none;font-size:10pt;color:#fff;list-style:none}
.footer select{background:#222;padding:5px 10px;color:#999;font-family: 'Noto Sans KR', sans-serif;}
.f_gnb{background:#141414;height:50px;margin-bottom:50px;line-height:50px}
.btn_logo{float:left;margin-right:20px;height:50px;margin-bottom:50px}
.family_area {text-align:right !important;float:right !important}
.f_gnb a {font-size:11pt;border-left:1px solid #444;padding:4px;font-weight:bold;color:#fff}
.family_area button {color:#fff;}





@media screen and (min-width:320px) and (max-width:1017px){
.quick{display:none;}
.id_search{width:100%;}
.id_search .inputBox{margin:15px;}
.call_area .call_num{float:right; margin-bottom:30px;}

	.mobileoff {display: none !important;}
	.mobileon {display: block !important;}
	.mobileon_in {display: block !important;}
	.detail_box li{font-size:11pt;height:48px}
	.detail_box .tab_area6 li{width:33%;float:left;text-align:center;}

	.icon_list {max-width:1240px;margin:0 auto;border:0px solid #ddd;border-radius:10px;overflow:hidden;background:#fff;}
	.icon_list li{width:50%;border-right:0px solid #ddd;float:left;text-align:Center;height:240px}
	.icon_list li:nth-child(6) {width:170px;border-right:0px solid #ddd;float:left;text-align:Center;}
	.icon_list h3{padding-top:5px; padding-bottom:10px;}

	body#main {overflow-x:visible;}
	#wrap {width:100%; min-width:100%; overflow-x:visible;}
	.toparea {position:relative; width:100%; height: auto;padding: 0; margin-top: 5px;}

	body#main .popup_zone {display: none;}

	/*탑메뉴*/
	body#main .toparea {border: none; margin: 0;}
	body#main .toparea .all_box {display: none;}
	body#main .toparea .gnb {width: 100%; height: 50px; border-bottom: 1px solid #e1e1e1;}
	body#main .toparea .gnb img{height:35px !important}
	body#main .toparea .gnb h1 {left: 0;top: 0; margin:0 10px;}
	body#main .toparea .gnb h1 > a {display:inline-block;}
	.toparea .gnb .topmenu,.toparea .gnb .search_menu {display: none;}
	.toparea .mobile-category {z-index: 999; display:block; position:absolute; top:0; right:10px; width:0; height:0;}
	.toparea .mobile-category .btn-category-holder {position:absolute; top:13px;right: 10px; z-index:101; width:20px; height:19px; background: url('../img/icon_category_m.png') center center no-repeat; font-size:0; text-indent:-99999px}
	.toparea .mobile-category > div.mobild_menu {display: none; z-index: 999; position:fixed; top:0;width:100%; height:100%; overflow-y: auto;-ms-overflow-style: none; background: #fff;}
	.toparea.mobileOpen .mobile-category > div.mobild_menu {display: block;}
	.mobild_menu .mobile_top {height: 58px; background: #fff; border-bottom: 1px solid #e1e1e1;}
	.mobild_menu .mobile_top > a {display: inline-block; width: 194px; margin: 10px 0 0 10px;}
	.mobild_menu .mobile_top > a > img {width: 100%;}
	.mobild_menu .mobile_top > button {position: absolute;top: 13px;right: 10px; width: 20px; height: 19px; background: url(../img/icon_category_m.png) 0 0 no-repeat;}
	.mobild_menu .mobile_top ul {display: inline-block; position: relative; margin-right: 10px;}
	.mobild_menu .mobile_top ul li {display: inline-block; float: left; color: #292929; font-size: 13px;}
	.mobild_menu .mobile_top ul li span {line-height: 27px; margin-right: 8px; font-family: 'Nanum Square'; }
	.mobild_menu .mobile_top ul li a {display: block;}
	.mobild_menu .mobile_top ul li a.mypage {color: #054085; padding: 6px 10px; margin-right: 3px; font-weight: 600; background: #edf1f7; border: 1px solid #c1d4f1;}
	.toparea .mobile-category > div.mobild_menu::-webkit-scrollbar {display:none;}
	.toparea .mobile-category > div.mobild_menu:-moz-scrollbar {display:none;}
	.toparea .mobile-category > div.mobild_menu::-moz-scrollbar {display:none;}
	.toparea .mobile-category > div.mobild_menu button {margin:0 0 0 10px; font-size: 0; text-indent: -9999px;}
	.toparea .mobile-category > div.mobild_menu .log_box {text-align: center; padding: 20px 0;}
	.toparea .mobile-category > div.mobild_menu .log_box .mobild_log {display: inline-block; overflow: hidden; height: 45px; background: #ededed; text-align: center; border: 1px solid #d5d5d5; border-right: 0; border-radius: 10px;}
	.toparea .mobile-category > div.mobild_menu .log_box .mobild_log li {float: left; border-right: 1px solid #d5d5d5;}
	.toparea .mobile-category > div.mobild_menu .log_box .mobild_log li a {display: block; width: 100px; color: #333333; font-size: 14px; line-height: 45px; text-align: center;}

	#MobileTopMenu h3 + div { padding: 0px; overflow: hidden; display: none;}
	#MobileTopMenu .content { padding: 10px;}
	pre#event-log { background: #fafacc; padding: 10px; display: block;}
	.mobile_gnb h3 {display: block; margin: 0; border-bottom: 1px solid #e1e1e1; background: url('../img/bg_mobilemenu.png') right 45px bottom 0 no-repeat #066879;}
	.mobile_gnb h3 a {display: block; padding: 0 10px; height: 50px; line-height: 50px; font-size: 20px; color: #fff; background: url('../img/menu_down.png') no-repeat right 10px top 20px;}
	.mobile_gnb h3.open a {background: url('../img/menu_up.png') no-repeat right 10px top 20px;}
	.mobile_gnb ul.smenu {overflow: hidden; background: #fff;}
	.mobile_gnb ul.smenu > li {height: 50px; padding: 0 14px; border-bottom: 1px solid #e1e1e1;}
	.mobile_gnb ul.smenu > li > a {display: block; height: 100%; line-height: 50px; font-size: 14px; color: #333333;}
	.mobile_gnb ul.smenu > li ul.ssmenu {display: none; position: relative; background-color: #dce1e3; padding: 5px 15px;}
	.mobile_gnb ul.smenu > li ul.ssmenu li a {display: block; padding-left: 10px; line-height: 30px; font-size: 14px; color: #4d4d4d; background: url('../img/ssmeu_dot.png') 0 center no-repeat;}

	#cssmenu,
	#cssmenu ul,
	#cssmenu ul li,
	#cssmenu ul li a {
	  margin: 0;
	  padding: 0;
	  border: 0;
	  list-style: none;
	  line-height: 1;
	  display: block;
	  position: relative;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	}
	#cssmenu {
	  margin:0 20px 40px 20px;
	  color: #555;
	}
	#cssmenu ul ul {
	  display: none;
	}
	.align-right {
	  float: right;
	}
	#cssmenu > ul > li > a {
	  padding: 15px 20px;
	  border-left: 1px solid #ddd;
	  border-right: 1px solid #ddd;
	  border-top: 1px solid #ddd;
	  cursor: pointer;
	  z-index: 2;
	  font-size: 14px;
	  font-weight: bold;
	  text-decoration: none;
	  color: #555;
	  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
	  background: #eee;
	  background: -webkit-linear-gradient(#eee, #fff);
	  background: -moz-linear-gradient(#eee, #fff);
	  background: -o-linear-gradient(#eee, #fff);
	  background: -ms-linear-gradient(#eee, #fff);
	  background: linear-gradient(#eee, #fff);
	  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
	}
	#cssmenu > ul > li > a:hover,
	#cssmenu > ul > li.active > a,
	#cssmenu > ul > li.open > a {
	  color: #555;
	  background: #eee;
	  background: -webkit-linear-gradient(#eee, #fff);
	  background: -moz-linear-gradient(#eee, #fff);
	  background: -o-linear-gradient(#eee, #fff);
	  background: -ms-linear-gradient(#eee, #fff);
	  background: linear-gradient(#eee, #fff);
	}
	#cssmenu > ul > li.open > a {
	  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
	  border-bottom: 1px solid #1682ba;
	}
	#cssmenu > ul > li:last-child > a,
	#cssmenu > ul > li.last > a {
	  border-bottom: 1px solid #ddd;
	}
	.holder {
	  width: 0;
	  height: 0;
	  position: absolute;
	  top: 0;
	  right: 0;
	}
	.holder::after,
	.holder::before {
	  display: block;
	  position: absolute;
	  content: "";
	  width: 6px;
	  height: 6px;
	  right: 20px;
	  z-index: 10;
	  -webkit-transform: rotate(-135deg);
	  -moz-transform: rotate(-135deg);
	  -ms-transform: rotate(-135deg);
	  -o-transform: rotate(-135deg);
	  transform: rotate(-135deg);
	}
	.holder::after {
	  top: 17px;
	  border-top: 2px solid #555;
	  border-left: 2px solid #555;
	}
	#cssmenu > ul > li > a:hover > span::after,
	#cssmenu > ul > li.active > a > span::after,
	#cssmenu > ul > li.open > a > span::after {
	  border-color: #555;
	}
	.holder::before {
	  top: 18px;
	  border-top: 2px solid;
	  border-left: 2px solid;
	  border-top-color: inherit;
	  border-left-color: inherit;
	}
	#cssmenu ul ul li a {
	  cursor: pointer;
	  border-bottom: 1px solid #2d4d66;
	  border-left: 1px solid #2d4d66;
	  border-right: 1px solid #2d4d66;
	  padding: 10px 20px;
	  z-index: 1;
	  text-decoration: none;
	  font-size: 13px;
	  color: #eeeeee;
	  background: #3d6889;
	  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	#cssmenu ul ul li:hover > a,
	#cssmenu ul ul li.open > a,
	#cssmenu ul ul li.active > a {
	  background: #38607e;
	  color: #ffffff;
	}
	#cssmenu ul ul li:first-child > a {
	  box-shadow: none;
	}
	#cssmenu ul ul ul li:first-child > a {
	  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	#cssmenu ul ul ul li a {
	  padding-left: 30px;
	}
	#cssmenu > ul > li > ul > li:last-child > a,
	#cssmenu > ul > li > ul > li.last > a {
	  border-bottom: 0;
	}
	#cssmenu > ul > li > ul > li.open:last-child > a,
	#cssmenu > ul > li > ul > li.last.open > a {
	  border-bottom: 1px solid #32373e;
	}
	#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
	  border-bottom: 0;
	}
	.hs-sub
	#cssmenu ul ul li.has-sub > a::after {
	  display: block;
	  position: absolute;
	  content: "";
	  width: 5px;
	  height: 5px;
	  right: 20px;
	  z-index: 10;
	  top: 11.5px;
	  border-top: 2px solid #eeeeee;
	  border-left: 2px solid #eeeeee;
	  -webkit-transform: rotate(-135deg);
	  -moz-transform: rotate(-135deg);
	  -ms-transform: rotate(-135deg);
	  -o-transform: rotate(-135deg);
	  transform: rotate(-135deg);
	}
	#cssmenu ul ul li.active > a::after,
	#cssmenu ul ul li.open > a::after,
	#cssmenu ul ul li > a:hover::after {
	  border-color: #ddd;
	}
	.sub_m {background:#fafafa !important}


	.relativesite.main_img {background-size: auto 100%;}
	.relativesite.main_img .slidebanner .main_slide {width: 100%;}
	.relativesite.main_img .slidebanner .main_slide_custom {width: 100%;}
	.relativesite.main_img .slidebanner .slick-prev {left:10px;}
	.relativesite.main_img .slidebanner .slick-next {right:10px;}

	.maincontents {padding: 0 10px 30px 10px;}
	.maincontents .section1, .maincontents .section2, .maincontents .section3 {width:100%;}
	.maincontents .section1.mb30 {margin-bottom: 0px !important;}
	.maincontents .section1 > ul > li {float: none;}
	.maincontents .section1 > ul li.left {width: calc(100% - 270px); padding-right: 0; margin-bottom: 30px;}
	.maincontents .section1 > ul li.right {width: 100%; margin-bottom: 0px;}
	.maincontents .section1 > ul li.right ul {text-align: center;font-size: 0;margin-bottom: 10px;}
	.maincontents .section1 > ul li.right ul li {display: block;}
	.maincontents .section1 > ul li.right ul li img.tb {width: 100%;display: block;}
	.maincontents .section1 > ul li.right ul li img.pm{display: none;}
	.maincontents .section1 > ul li.relativesite {height: auto; margin: 0 auto 5px;}
	.maincontents .section1 > ul li.relativesite li a {width: 100%; height: auto;}
	.maincontents .section1 > ul li.relativesite li a img {position: relative; left: inherit; transform: translateX(0); top: 0; width: 100%;}
	.maincontents .section1 > ul li .popup_slide .slick-dots li {display: none;}
	.maincontents .section1 > ul li .play_box {display: none;}
	.maincontents .section1 > ul li.reading {margin-bottom: 30px;}

	.maincontents .section2 {height: auto; padding: 20px 10px; background-size:cover}
	.maincontents .section2.type2 {background-size: cover;}
	.maincontents .section2 .tit_box {top: 0; margin-bottom: 20px;}
	.maincontents .section2 .list_box {overflow: hidden; position: relative; top: inherit; right:inherit; width: 100%; height: auto; padding: 10px 0 10px 10px;}
	.maincontents .section2 .list_box > li {padding-right: 10px;}
	.maincontents .section2 .list_box li a .list_tit, .maincontents .section2 .list_box li .box .list_tit {position: relative; height: 192px; background-size: cover !important; }
	.maincontents .section2.type2 .list_box li a {height: 330px;}

	.maincontents .section3 .quick_box {height: auto;}
	.maincontents .section3 .quick_box dt {float: none; width: 100%; height: 190px;}
	.maincontents .section3 .quick_box dd {float: none; width: 100%;}

	/*관련 웹사이트*/
	.section4 .site_box {width: 100%; padding: 0 0 50px 0;}
	.section4 .site_box .title {position: relative; width: 100%;}
	.section4 .site_box .title .table {display: table; width: 100%; height: 100%;}
	.section4 .site_box .title .table span {padding: 20px 0; text-align: center;}
	.section4 .site_box ul {float: none; width: 100%; padding: 20px; border-left: 0px; border-top: 1px solid #dddddd;}
	.section4 .site_box ul li {width: 33.33%;}

	.floating_top {position: fixed; right: 30px; bottom: 30px; width: 68px; height: 68px; background: #465888;}
	.floating_top span {display: block; height: 100%; background: url('../img/icon_top.png') center center no-repeat;}

	/*카피라이트*/
	.bottomarea {text-align: center;}
	.bottomarea .all_box .bottom_pri {position: relative; overflow: inherit; width: 100%; padding: 20px 0; text-align: center;}
	.bottomarea .all_box .bottom_pri ul {top: 0; margin-right: 0;}
	.bottomarea .all_box .bottom_pri ul li {float: none; display: inline-block;}
	.bottomarea .all_box .bottom_pri ul li a {display: block; text-align: center; color: #fff; padding: 0 10px 0 10px; font-size: 16px; background: url('../img/line_bottom.png') left center no-repeat;}
	.bottomarea .all_box .bottom_pri ul li.first a {padding: 0 10px 0 0;}
	.bottomarea .all_box .bottom_pri ul li.last a {padding: 0 0 0 10px;}
	.bottomarea .all_box .bottom_pri button {position: absolute; left: 50%; transform: translateX(-50%); bottom: -60px; display: inline-block; width: 100px; height: 40px; text-align: center; color: #fff; font-size: 18px; background: #0255a7;}
	.bottomarea .address {width: 100%; padding: 80px 0 40px;}
	.bottomarea .address h2 {position: relative; top: 0; margin: 0 auto;}
	.bottomarea .address .logo {position: relative;}
	.bottomarea .address .logo li {padding: 0 5px;}
	.bottomarea .address address {overflow: hidden; padding: 20px 10px; text-align: left;}
	.bottomarea .sns {display: inline-block; margin: 0 auto; position: relative; right: inherit; bottom: inherit;}
	.bottomarea .sns li {float: left; margin-left: 15px;}
	.bottomarea .sns li.first {margin-left: 0;}
	.web_only {display: block;}
	.popup_img{width:100%;}
}
@media screen and (min-width:320px) and (max-width:784px){
	.web_only {display: none !important;}
	.mobile_only {display: block !important; width:100%;}
	.quick{display:none}

	.relativesite.main_img .slidebanner {height: auto;}
	.relativesite.main_img .slidebanner .main_slide {padding: 0; top: 25px;}
	.relativesite.main_img .slidebanner .main_slide li .txt_box {padding: 20px 10px 0 10px;}

	.relativesite.main_img .slidebanner .main_slide_custom {padding: 0; top: -40px;}
	.relativesite.main_img .slidebanner .main_slide_custom li .txt_box {padding: 20px 10px 0 10px;}

	.relativesite.main_img .slidebanner .slick-prev {width:30px; height:45px; background-size: 100%;}
	.relativesite.main_img .slidebanner .slick-next {width:30px; height:45px; background-size: 100%;}

	.maincontents .section1 > ul li .main_tab {padding: 20px 10px;}
	.maincontents .section1 > ul li .main_tab .tab_box li.box .tab-pane {display: block; position: relative; left: 0; top: 0; width: 100%;}
	.maincontents .section1 > ul li .main_tab .tab_box li.box > a, .maincontents .section1 > ul li .main_tab .tab_box li.box > a.active {display: block; padding: 10px 0; color: #333333; font-size: 20px; text-align: left;border-bottom: 1px solid #898989; background: none;}
	.maincontents .section1 > ul li .main_tab .tab_box li.box a span, .maincontents .section1 > ul li .main_tab .tab_box li.box a.active span {display: block; width: 120px; color: #0457a7; font-size: 21px; text-align: left; font-weight: 600; margin-top: 0px;}
	.maincontents .section1 > ul li .main_tab .news_top {padding: 30px 0 20px; }
	.maincontents .section1 > ul li .main_tab .news_top .news_box dt {float: none; display: block; margin: 0 auto 20px;height: auto;}
	.maincontents .section1 > ul li .main_tab .news_top .news_box dd {float: none; width: 100%; padding: 0;}
	.maincontents .section1 > ul li .main_tab .news_top .news_box dd h3 {font-size: 15px; margin-bottom: 10px;}
	.maincontents .section1 > ul li .main_tab .news_top .news_box dd .text {font-size: 14px; line-height: 19px; height: 38px;}
	.maincontents .section1 > ul li .main_tab .news_list { padding: 15px 0 10px;}
	.maincontents .section1 > ul li .main_tab .news_list li {position: relative; line-height: 17px; margin-bottom: 10px; }
	.maincontents .section1 > ul li .main_tab .news_list li a {font-size: 14px; padding: 0 0 0 8px; background-position: left 0 top 5px;}
	.maincontents .section1 > ul li .main_tab .news_list li span {position: relative; top: 0; right: inherit; padding-left: 10px; font-size: 13px;}
	.maincontents .section1 > ul li .main_tab .tab_box .slick-prev, .maincontents .section1 > ul li .main_tab .tab_box .slick-next {position: absolute; z-index: 800; top: 0px; width: 20px; height: 20px; border: 1px solid #e1e1e1; font-size: 0px; text-indent: -9999px; }
	.maincontents .section1 > ul li .main_tab .tab_box .slick-prev {right: 19px; background: url('../img/icon_pre2.png') center center no-repeat #fff;}
	.maincontents .section1 > ul li .main_tab .tab_box .slick-next {right: 0px; background: url('../img/icon_next2.png') center center no-repeat #fff;}

	.maincontents .section2 {background: url('../img/bg_db1_m.png') 0 0 no-repeat; background-size: 100% !important;}
	.maincontents .section2.type2 {background: url('../img/bg_db2_m.png') 0 0 no-repeat;}
	.maincontents .section2 {height: auto; padding: 20px 10px; background-size:cover;}
	.maincontents .section2 .list_box {padding: 10px;}
	.maincontents .section2 .list_box > li {float: none; width: 100%; padding-right: 0; margin-bottom: 20px;}
	.maincontents .section2.type2 .list_box {padding: 10px 5px;}
	.maincontents .section2.type2 .list_box > li {float: left; width: 50%; padding: 0 5px;}
	.maincontents .section2 .list_box > li.last {margin-bottom: 0;}
	.maincontents .section2.type2 .list_box li a {height: auto;}

	/*에러페이지*/
	.error {overflow: hidden; width: 100%; height: auto; margin-top: -65px; position: absolute; top: 50%; background: #f8f8f9; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
	.error .error_box {width: 100%; margin: 0 auto; padding: 30px 20px;}
	.error .error_box h3 {color: #333; padding-bottom: 20px; font-size: 18px;}
	.error .error_box .text {color: #515151; font-size: 15px; line-height: 25px;}
	.error .error_box button {padding: 5px 15px; color: #fff; font-size: 13px;}

	.popup.table {width: 95%; height: 500px; top: 50px;}
	.popup.table .popup_inner {padding: 20px;}

	.popup.facilities {width: 90%; height: auto; top: 100px; left: 50%; transform: translateX(-50%); margin-top: -0;}
	.popup.facilities .popup_inner {overflow: hidden;}
	.popup.facilities .popup_inner img {width: 100%;}
	.popup_img{width:100%;}

	/*예약페이지*/

	.photo_block{width:100%;float:none;text-align:Center;background:#fafafa;padding:30px}
	.photo_block img{max-width:445px;width:100%}

	.text_area {float:none;padding:0px 0px;width:100%;}
	.text_area h1{margin-top:25px;color:#2388c5;line-height:1.2em;word-break:keep-all;font-size:26pt}
	.text_area .ment{font-size:13pt;word-break:keep-all;color:#777;font-weight:normal}
	.text_area li{clear:both;padding:10px 0px;font-size:11pt !important}
	.text_area li h4{float:left;width:90px;text-align:left;}
	.text_area li div{float:right;width:calc(100% - 90px);text-align:left}
	.bt_list {clear:both;width:100%;padding:70px 0px 0px}
	.bt_list button{width:32.2%;border:1px solid #545659;padding:15px 0px;font-size:12pt;color:#fff;font-weight:700}

	#select_box1, #select_box2, #select_box3{ position:relative; width:100%;max-width:494px;padding-top:30px;clear:both}
	#select_box1{ z-index:3; top:0;}
	#select_box2{ z-index:1; top:20px;}
	#select_box3{ z-index:1; top:0;}
	.select_absolute{ position:absolute; left:0; top:10; width:calc(100% - 2px); line-height:43px; cursor:pointer; border:solid 1px #D0D2D5; font-weight:400; color:#000000; font-size:14px; background-color:#FFFFFF; overflow:hidden; z-index:1; }
	.select_box_close{ height:43px; }
	.select_box_open{ height:auto; overflow:auto; }
	.selected{ float:left; position:relative; width:calc(100% - 40px); padding:0 20px; text-align:left; }
	.arrow_rotate{ transform:rotate(180deg); }
	.select_box_arrow{ float:right; width:20px; height:10px; margin:17px 3px 16px 0; background:url("../img/select_box_arrow") no-repeat }
	.option_box{ float:left; width:100%; text-align:left; cursor:pointer; }
	.option{ float:left; width:calc(100% - 40px); padding:0 20px; }

	.photocontainer .img-popup .popup-inner {width: 90%;}
	.photocontainer .img-popup .popup-inner .close-btn {width: 50px; height: 50px; top: -26px;}
	.photocontainer .img-popup .popup-inner .close-btn img {width: 20px;}
	.item-img img {width:100%}



	#modal2 {
	  position:relative;
	  width:100%;
	  height:100%;
	  z-index:9999;
	  display:none;
	}

	#modal2 h2 {
	  margin:0;
	}

	#modal2 button {
	  display:inline-block;
	  width:100px;
	}

	#modal2 .modal_content {
	  width:100%;
	  margin:100px auto;
	  padding:20px 10px;
	  background:#fff;
	  border:2px solid #1eb9b2;
	  position:fixed;
	  top:0%;
	  left:0%;
	  margin-left:0px;
	  height:600px;
	  overflow-y:scroll;
	}

	#modal2 .modal_layer {
	  position:fixed;
	  top:0;
	  left:0;
	  width:100%;
	  height:100%;
	  background:rgba(0, 0, 0, 0.5);
	  z-index:-1;
	}
	#modal2  .close-btn {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		position: absolute;
		top: 20px;
		right: -10px;
		transform: translateX(-50%);
		width: 70px;
		height: 70px;
		border-radius: 50%;
		background-color: #1eb9b2;
		justify-content: center;
		align-items: center;
		color: #fff;
		font-size: 30px;
	}
	#modal2  .close-btn img{height:30px}


	.ntecket .inner{margin:0px 20px}
	.ntecket .inner>ul>li>label{position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 49px;
    line-height: 49px;}
	.ntecket{width:100%;float:none;border:1px solid #ddd;border-top:3px solid #6b727b;position:relative; min-height:654px;margin-top:50px;overflow:hidden}
	.ntecket dt{text-align:Center;font-size:18pt;padding-top:80px;background:url("../img/ticket_tltle.png") center no-repeat;background-size:40px}
	.ntecket dd{text-align:Center;font-size:12pt;padding-top:10px}
	.ntecket .inner>ul>li {
		position: relative;
		margin-top: 6px;
		padding-left: 80px;
	}
	.ntecket .radioList { font-size:0; }
	.ntecket .radioList>li { position:relative; overflow:hidden; display:inline-block; width:100%; height:50px; line-height:47px; border:1px solid #dcdcdc; font-size:17px; text-align:center; box-sizing:border-box; clear:both}
	.ntecket .radioList>li:first-child { border-right:0 none; }
	.ntecket .radioList>li>input { position:absolute; left:0; top:0; margin-left:-999px; }
	.ntecket .radioList>li>label { display:block; background-color:#f8f8f8;width:100%;height:50px;line-height:45px }
	.ntecket .radioList>li input:checked + label,
	.ntecket .radioList>li input:focus + label { background-color:#fff; }
	.ntecket .radioList>li label span { position:relative; padding-left:26px; line-height:23px; }
	.ntecket .radioList>li label span:after { content:'.'; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-10px; background:#f8f8f8 center no-repeat; border:1px solid #bcbcbc; border-radius:50%; text-indent:-999px; }
	.ntecket .radioList>li input:checked + label span:after { background-color:#fff; background-image:url("../img/bl_checkbox01.png"); border-color:#2c2cdf; }
	.ntecket .radioList>li input:focus + label span:after { border-color:#2c2cdf; }
	.ntecket .radioList>li input:checked + label span,
	.ntecket .radioList>li input:focus + label span { color:#2c2cdf; }
	.ntecket .radioList>li input:focus + label span { text-decoration:underline; }
	.ntecket select {width:100%;padding:10px;border:1px solid #ddd;background:url("../img/icon_arrow2.png") right no-repeat;background-position:90%;font-size:11pt;font-weight:400;margin-left:0px;height:50px;margin-top:5px}
	.ntecket input{border:1px solid #ddd;padding:10px;height:50px;font-size:11pt;font-weight:400;width:32%;margin-bottom:20px}




/*로그인*/

	.loginForm {max-width:100%;margin:0 auto;overflow:hidden}
	.login{width:100%;float:none;border:1px solid #ddd;border-top:3px solid #6b727b}
	.login dt{text-align:Center;font-size:18pt;padding-top:80px;background:url("../img/login_tltle.png") center no-repeat;background-size:40px}
	.login dd{text-align:Center;font-size:12pt;padding-top:10px}
	.login input{border:1px solid #ddd;padding:10px;height:50px;font-size:11pt;font-weight:400}
	.login .formAtsign{width:33px;float:left;text-align:center}
	.login .inputBox{margin:30px 20px;}
	.login .email_input {width:44%;float:left}
	.pw_input {width:100%;margin-top:5px}
	.login select {width:100%;padding:10px;height:50px;border:1px solid #ddd;background:url("../img/icon_arrow2.png") right no-repeat;background-position:95%;font-size:11pt;font-weight:400;margin-left:0px;margin-top:5px}
	.btnJoin {width:33.3%;float:left;text-align:center;height:60px;line-height:60px;border-top:1px solid #ddd;background:none;background-position:12px}
	.btnJoin:hover {width:33.3%;float:left;text-align:center;height:60px;line-height:60px;border-top:1px solid #ddd;background:none #eee;background-position:12px}
	.btnFindId {width:33.3%;float:left;text-align:center;height:60px;line-height:60px;border-top:1px solid #ddd;border-left:1px solid #ddd;background:none;background-position:20px}
	.btnFindId:hover {width:33.3%;float:left;text-align:center;height:60px;line-height:60px;border-top:1px solid #ddd;border-left:1px solid #ddd;background:none #eee;background-position:20px}
	.btnFindPass {width:33.3%;float:left;text-align:center;height:60px;line-height:60px;border-top:1px solid #ddd;border-left:1px solid #ddd;background:none;background-position:15px;background-size:20px}
	.btnFindPass:hover {width:33.3%;float:left;text-align:center;height:60px;line-height:60px;border-top:1px solid #ddd;border-left:1px solid #ddd;background:none #eee;background-position:15px;background-size:20px}
	.login_icon {background:#2cc9d0;color:#fff;text-align:Center;width:100%;border:0px;height:60px;font-size:15pt;font-weight:700;}
	.login_icon:hover {background:#1b559d;color:#fff;text-align:Center;width:100%;border:0px;height:60px;font-size:15pt;font-weight:700}

	.login_icon2 {background:#1b559d;color:#fff;text-align:Center;width:100%;border:0px;height:60px;font-size:15pt;font-weight:700;position:inherit;margin-top:40px}
	.login_icon2:hover {background:#2cc9d0;color:#fff;text-align:Center;width:100%;border:0px;height:60px;font-size:15pt;font-weight:700}

	.tecket .inner{margin:0px 20px}
	.tecket .inner>ul>li>label{position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 49px;
    line-height: 49px;}
	.tecket{width:100%;float:none;border:1px solid #ddd;border-top:3px solid #6b727b;position:relative; min-height:auto;margin-top:50px;overflow:hidden}
	.tecket dt{text-align:Center;font-size:18pt;padding-top:80px;background:url("../img/ticket_tltle.png") center no-repeat;background-size:40px}
	.tecket dd{text-align:Center;font-size:12pt;padding-top:10px}
	.tecket .inner>ul>li {
		position: relative;
		margin-top: 6px;
		padding-left: 80px;
	}
	.tecket .radioList { font-size:0; }
	.tecket .radioList>li { position:relative; overflow:hidden; display:inline-block; width:50%; height:50px; line-height:47px; border:1px solid #dcdcdc; font-size:17px; text-align:center; box-sizing:border-box; clear:both}
	.tecket .radioList>li:first-child { border-right:0 none; }
	.tecket .radioList>li>input { position:absolute; left:0; top:0; margin-left:-999px; }
	.tecket .radioList>li>label { display:block; background-color:#f8f8f8;width:100%;height:50px;line-height:45px }
	.tecket .radioList>li input:checked + label,
	.tecket .radioList>li input:focus + label { background-color:#fff; }
	.tecket .radioList>li label span { position:relative; padding-left:26px; line-height:23px; }
	.tecket .radioList>li label span:after { content:'.'; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-10px; background:#f8f8f8 center no-repeat; border:1px solid #bcbcbc; border-radius:50%; text-indent:-999px; }
	.tecket .radioList>li input:checked + label span:after { background-color:#fff; background-image:url("../img/bl_checkbox01.png"); border-color:#2c2cdf; }
	.tecket .radioList>li input:focus + label span:after { border-color:#2c2cdf; }
	.tecket .radioList>li input:checked + label span,
	.tecket .radioList>li input:focus + label span { color:#2c2cdf; }
	.tecket .radioList>li input:focus + label span { text-decoration:underline; }
	.tecket select {width:100%;padding:10px;border:1px solid #ddd;background:url("../img/icon_arrow2.png") right no-repeat;background-position:90%;font-size:11pt;font-weight:400;margin-left:0px;height:50px;margin-top:5px}
	.tecket input{border:1px solid #ddd;padding:10px;height:50px;font-size:11pt;font-weight:400;width:32%;margin-bottom:20px}

}
@media screen and (min-width:320px) and (max-width:640px){

	.maincontents .section3 .quick_box dd .list li {float: left; width: 50%; margin-bottom: 20px;}
	.maincontents .section1 > ul li.right ul li{ width:100%;}
	.maincontents .section1 > ul li.right ul li.bottom{margin-top:10px;margin-left: 0;}

	.maincontents .section1 > ul li.reading a {font-size: 25px;}
	.maincontents .section1 > ul li.reading a:before {right:30px;}

	.section4 .site_box ul li {width: 50%;}

	.banner_box img{width:150px;height:150px;margin:0px 25%}
	.btn_logo{padding:10px;margin-bottom:10px;height:80px}
	.footer li{width:100%;}
	.footer p{clear:both;padding:0px 10px}
	.f_gnb a {flex: auto; text-align: -webkit-center;}
	.family_area{margin-right:10px;}


#modal {
  position:relative;
  width:100%;
  height:100%;
  z-index:9999;
  display:none;
}

#modal h2 {
  margin:0;
}

#modal button {
  display:inline-block;
  width:100px;
}

#modal .modal_content {
  width:100%;
  margin:30px auto;
  padding:20px 10px;
  background:#fff;
  border:2px solid #666;
  position:absolute;
  top:1%;
  left:0%;
  margin-left:-0px;
  min-height:500px
  overflow-y:auto
}

#modal .modal_layer {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, 0.5);
  z-index:-1;
}
#modal  .close-btn {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    position: absolute;
    top: -36px;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #1eb9b2;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 30px;
}
#modal  .close-btn img{height:30px}


	/*팝업*/
	.popup.login {width: 95%; top: 150px;}
	.popup.login .popup_inner {padding: 20px 10px 30px;}
	.popup.login .popup_inner .btn_box button {font-size: 13px;}
	.popup.pop {width: 95%; top: 30px;}
	.popup.pop .popup_inner2 {padding: 40px 20px;}

	.popup.member {position:relative; width: 100%; height:auto; margin-top: 0px; border:0;}
	.popup.member .popup_inner {height: 420px;}
	.popup.member .popup_inner .eng_name {display: block;}
	.popup.member .popup_inner .box .img_box {width: 100%;}

	/*에러페이지*/
	.error {width: 100%; height: auto; margin: -150px auto 0; padding: 0 10px; position: absolute; left: 0; top: 50%; transform: translateX(0);}

	.popup_img{width:100%;}
}

@media screen and (min-width:320px) and (max-width:480px){
	.maincontents .section2 {background-size: 100% 100% !important;}
	.maincontents .section2.type2 .list_box {padding-bottom: 0}
	.maincontents .section2.type2 .list_box > li {width: 100%; float: none; margin-bottom: 10px;}
	.maincontents .section2.type2 .list_box li a .list_txt {height: auto;}
	.section4 .site_box ul li {float: none; width: 100%;text-align: center;}
	.popup_img{width:100%;}
	.maincontents .section1 > ul li.right ul li img.pm {width: 100%;display: block;}
	.maincontents .section1 > ul li.right ul li img.tb{display: none;}

	.mapp{float:left;width:100%;text-align:center;}
	.m_icon_div{background:url("../img/login_tltle.png") center no-repeat;background-size:50px;;height:50px}
	.n_icon_div{background:url("../img/ticket_tltle.png") center no-repeat;background-size:50px;;height:50px}
	.mapp p{font-size:14pt;padding:20px 0px 10px}
	.napp{float:left;width:100%;text-align:center}
	.napp p{font-size:14pt;padding:20px 0px 10px}
	.n_round {border:1px solid #ddd;margin:20px;border-radius:20px;padding:25px}
	.mo_title{background:#fafafa;text-align:center;padding:30px;}

}

@media screen and (min-width:320px) and (max-width:400px){
	.maincontents .section1 > ul li.reading a{line-height: 100px;}
	.maincontents .section1 > ul li.reading a:before {top:70px;right:10px;}
}

#popup_organ { min-width: 480px; background-color: #ffffff; border: 1px solid #683412; }
#popup_organ .inner { max-height: 420px; padding: 24px 26px; overflow: hidden; overflow-y: auto; }
#popup_organ .inner .tit { float: left; width: 100%; }
#popup_organ .inner .popup_content { clear: both; }
#popup_organ .inner .tit h5 { float: left; }
#popup_organ .inner .tit a.btn_close { float: right; }
#popup_organ .top_info { margin-bottom: 14px; overflow: hidden; }
#popup_organ .top_info .item_picture, #popup_organ .top_info .sub_info { float: left; }
#popup_organ .top_info .item_picture { display: block; width: 220px; margin-right: 20px; border: 1px solid #d8d8d8; }
#popup_organ .top_info .item_picture img { width: 220px; height: 258px; }
#popup_organ .top_info .sub_info .table_brown td, #popup_organ .top_info .sub_info .table_brown th { padding-top: 18px; padding-bottom: 18px; }
#popup_organ .item_column { margin-left: 8px; padding-left: 1.2em; padding-bottom: .3em; background: url('../img/sub/icon_arrow_right.gif') no-repeat left center scroll transparent; font-size: 12px; }
#popup_organ .popup_bottom { border-top: 1px solid #d8d8d8; padding-top: 20px; }
#popup_organ .btn_close.btn_bottom { display: block; width: 180px; margin: 0 auto 20px auto; height: 34px; border: 1px solid #683412; background-color: #916927; color: #ffffff; text-align: center; line-height: 34px; }
#popup_organ .btn_close.btn_top { position: absolute; right: 26px; top: 16px; display: block; width: 24px; height: 24px; font-size: 0; background: url('../img/sub/btn_popup_close.gif') no-repeat center center scroll transparent; text-indent: -1000px; line-height: 0; z-index: 5; }
#popup_organ .btnBottomArea.btn_close { display: inline-block; width: 180px; margin: 0 auto 20px auto; height: 34px; border: 1px solid #666; background-color: #888; color: #ffffff; text-align: center; line-height: 34px; }
#popup_organ .btnBottomArea.btn_send { display: inline-block; width: 180px; margin: 0 auto 20px auto; height: 34px; border: 1px solid #683412; background-color: #916927; color: #ffffff; text-align: center; line-height: 34px; }
#popup_organ .third_tit { font-size: 16px; font-weight: 600; color: #a38d6b; margin: 0 0 14px 8px; background: url('../img/comn/bul_sub_h5.gif') no-repeat 0 5px scroll transparent; padding-left: 12px; }
#popup_organ .info_group { margin-bottom: 14px; }


@media screen and (min-width: 1025px){
   html {overflow: visible !important;}
}

@keyframes fade {
	0% {opacity: 0.2;}
	100% {opacity: 1;}
}

@keyframes slideDW {
	0% {opacity: 0.1;top:80px;}
	100% {opacity: 1;top: 133px;}
}
.detail_box .tab_area2 li{
	max-width: none;
}
.mbpt120{
    padding-top: 120px;
}
.mainSlide-imgArea{
    max-height: 550px;
    width: 100%;
    background-image: url(../img/mainSlide-bg2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 60px;
}
.mainSlide-imgArea .img_box{
    border: none;
    box-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    gap: 210px;
    margin-left: 45px;
    text-align: left;
    font-weight: 300;
}
.mainSlide-imgArea img{
    border: 1px solid #605b55;
    box-shadow: 20px 20px 20px #65605a21;
}
.mainSlideImgR{
    width: 470px;
    margin-top: 20px;
}
.mainSlide-imgArea h1{
    font-weight: 400;
        margin-bottom: 15px;
        line-height: 38px;
        letter-spacing: -0.9px;
}
.mainSlide-imgArea h1 br {
    display: none;
}
.mainSlide-imgArea p{
    margin-bottom: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 1.1rem;
}
.mainSlideImgR div{
    margin: 2px 0;
}
.mainSlideImgR div span:first-child{
    margin-right: 20px;
    font-weight: 400;
}

.mainSlideDetail{
    width: 180px;
    height: 45px;
    border: 1px solid #ffffff82;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px !important;
    color: #ffffff;
    font-weight: 400;
}
.mainSlideDetail i{
    margin-left: 10px;
}
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: calc(var(--swiper-navigation-top-offset, 50%) - 20px);
    width: 500px;
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2) - 10px);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 20px;
    border: 1px solid #ffffff3b;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    font-variant: initial;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: #ffffff54;
}
.mainSlideImgR span{
    font-weight: 400;
        font-size: 0.9rem !important;
}
.mr20 {margin-right:20px !important}
.toparea .all_box .top_box .list li a img{
    margin-bottom: 1px;
    opacity: 0.6;
    position: relative;
    top: -2px;
}
.noPd a{
    padding: 2px !important;
}
.bannerInfo_box{
    width: 70% !important;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 0 10px;
    text-align: left !important;
    font-size: 0.95rem;
    height: 148px !important;
    margin: 0 auto;
    justify-content: space-between;
}
.bannerInfo_box p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5;
}
@media screen and (min-width: 320px) and (max-width: 784px){
    .conbox {
        padding: 0;
    }
	.conbox2 {
		padding: 0;
	}
	  
	.conbox2 img {
		width: 100%;
		height: auto; /* 높이를 자동으로 조정 */
		max-height: 250px; /* 너무 커지지 않도록 최대 높이 설정 (필요에 따라 조정) */
		object-fit: cover;
	}
    .mbpt120{
        padding-top: 2rem;
    }
    .maincontents .section1 > ul li.left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .maincontents .section1 > ul li .main_tab {
        padding: 20px 10px;
    }

}

/* 모바일 언어 선택 css */
#langmenu {
    margin-top: 20px;
}
#langmenu ul{
    display: flex;
    justify-content: center;
}
#langmenu li{
    padding: 0 4px;
}
#langmenu span{
    font-size: 13px;
    color: #5e5e5e;
    cursor: pointer;
}
#langmenu span.on{
    font-weight: 700;
}


.noPd button.btn_lang {color:#fff; vertical-align: top;font-family: 'Noto Sans'; margin-top: 1px;}
.MAL10 {margin-left:10px;}

.sr_only {  position: absolute;    right: 0;    top: 0;    display: inline-block;    width:1px;    height:1px;     text-indent: -999px;    vertical-align: top;}

.noPd button.btn_lang {color:#fff; vertical-align: top;font-family: 'Noto Sans'; margin-top: 1px;}
.MAL10 {margin-left:10px;}
.footer_address {    float: left; margin-right:20px;}
.btn_logo02 {width: 100px; max-width: 100%;}

@media screen and (min-width: 320px) and (max-width: 784px){
.footer_address {  margin-right:0;  padding: 0 10px 20px 10px;}
.wa_logo { text-align:center;width: 100px;margin: 0 auto;}
}

.tel-row {
	display: flex;
	align-items: center;
	gap: 1px; /* 기존 여백에 맞게 조정 */
}

.tel-inputs {
	display: flex;
	gap: 5px;
}

.readonly-ui {
	position: relative;
}

.readonly-ui * {
	pointer-events: none;
}

.readonly-ui::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}