@charset "utf-8";

/* **************************************** * * header * * *************************************** */






.color01{color:#133d6a}


header{width:100%; height:150px; box-sizing:border-box;   position:absolute; top:0; left:0; z-index:99999;  padding-top:40px;}

header .wrap7{height:100%; align-items: center; position:relative}
header * {z-index: 111;}

header .home_logo {margin-top:-35px;}

header .home_logo img.sub {display:none;}



/* top-acc-menu */
header .top-acc-menu  {position:absolute;top: -20px;  right:0px; display:flex; flex-wrap:wrap; gap:10px;}

header .top-acc-menu a:nth-child(1) {background-color:#ffeae6; color:#ff5a3f;
background-image: url("/images/2025_renew/bullet01.png");
}
header .top-acc-menu a:nth-child(2) {background-color:#e3edf4; color:#1861bb;
background-image: url("/images/2025_renew/bullet02.png");

}


header .top-acc-menu a:nth-child(1).busango {background-color:#fafdff; color:#1b93e9;
background-image: url("/images/2025_renew/bullet03.png");
}
header .top-acc-menu a:nth-child(2) {background-color:#e3edf4; color:#1861bb;
background-image: url("/images/2025_renew/bullet02.png");

}






header .top-acc-menu a {font-size:14px; line-height:2.3; padding:0px 40px 0px 20px; font-weight:600;
background-size: auto 16px; border-radius:6px; color:#fff;
background-repeat: no-repeat;
background-position: right 16px center; }





.top-menu  { flex:1;}


.top-menu > li > .sm > div{display:none}
.top-menu > li {flex:1; position:relative; line-height:100px; height:100px;  text-align:Center;}
.top-menu > li > a{font-size:26px; font-weight:600;  color:#fff;
border-bottom:5px solid transparent;  padding-left:20px; padding-right:20px;
}
.top-menu > li.current > a { color:#fff; border-color:#fff; }

.top-menu > li > .sm{opacity: 0; pointer-events: none; -webkit-transition: 0.5s all 0.1s;-moz-transition:0.5s all 0.1s ;-ms-transition: 0.5s all 0.1s;-o-transition: 0.5s all 0.1s; position: absolute; top:110px; left:50%; transform:translateX(-50%); margin-top: -20px; border-radius:5px;}
.top-menu > li.current .sm{opacity: 1; pointer-events: auto; margin-top: 0;}
.sub_menu{background:#fff; border-radius:10px; overflow:hidden; -webkit-box-shadow: 0 0 20px rgba(145, 150, 124, 0.4);-moz-box-shadow: 0 0 20px rgba(145, 150, 124, 0.4);box-shadow: 0 0 20px rgba(145, 150, 124, 0.4);}
.sub_menu > li {position: relative; text-align:center; min-width:170px;}
.sub_menu > li a {color:#000; 
display: inline-block; padding:10px 10px; width:100%; height:100%; font-size:18px; font-weight: 400;z-index:1; cursor:pointer}
.sub_menu > li:first-child a {padding-top: 13px;}
.sub_menu > li:last-child a {padding-bottom: 13px;}
.sub_menu > li:hover a{background:rgba(0,0,0,.02); transition:.2s}

/*로고*/
.busan { width:270px; height:120px; position:relative}
	.busan img {max-width:auto !important; height:auto;width:auto !important;}
	.busan a.main{display:block;  position:relative; width:190px; margin-top:33px; background:#102694;  padding-left:30px;  border-radius:50px;
	line-height:53px;color:#fff; font-weight:600; font-size:20px; }
	.busan a.main:before {content:''; position:absolute; background:#fff; border-radius:50%; width:31px; height:31px;
	top:12px; right:15px;}


	.busan img.sub {display:none;  margin-top:35px; width:310px;}

.sub_all_wrap .busan a.main {display:none;}
.sub_all_wrap .busan img.sub  {display:block;}


/* header .login-wrap */
header .login-wrap {gap:0px 10px; margin-right:30px;}
header .login-wrap a {font-size:14px;  text-align:Center; line-height:2.1; font-weight:600; font-weight:600;
-webkit-font-smoothing: antialiased; color:#fff;
  -moz-osx-font-smoothing: grayscale;
  transform: translateZ(0); /* 하드웨어 가속 트리거 */
  backface-visibility: hidden;
padding:0px 30px; border-radius:50px; border:1px solid #fff;}



@media (max-width:1023px) {
header .login-wrap {display:none;}
}





.sns{margin-right:10px;}
.sns a:nth-child(n+2){margin-left:15px;}
/* .sns a img{height:26px}
.sns a:nth-child(3) img{height:30px} */
.family-site li{position:relative}
.family-site li::before{content:''; display:block; width:1px; height:14px; background:#ff682b; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.family-site li:first-child::before{display:none !important}
.family-site li:nth-child(n+2){margin-left:8px; padding-left:8px; }
.family-site a{color:#ff682b; font-size:16px; font-weight:700; }
.family-site {background:#fff4ef; padding:8px 20px; border-radius:100px;}
.family-site a:hover{color:#ea4300}

.login-box{position:absolute; top:10px; right:20px}
.login-box a{color:#fff; font-size:16px; font-weight:400; padding:0 10px; position:relative}
.login-box a:last-child{padding-right:0}
.login-box a:first-child::before{content:''; display:block; width:1px; height:14px; background:#fff; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.login-box a.border-none{padding:0 !important}
.login-box a.border-none::before{display:none}

.sticky{background:#1b93e9;
/*background: rgb(0,0,0);  background: linear-gradient(180deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 100%);  backdrop-filter: blur(4px);  */transition: .2s;}


/*모바일메뉴*/
.sidenav {display:none; position: relative; z-index:111111111;}
.side_menu {overflow:hidden;color: #fff; height: calc(100% - 20px);width: 95%; max-width: 550px; right: -550px; position: fixed; z-index:1111111; top: 10px;  z-index:999999999999;-webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.side_menu .container{overflow:hidden; position:absolute;height:100%;width:100%; padding:0 50px; overflow-y:auto; -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 40px rgba(0,0,0,0.1); box-shadow: 0 0 40px rgba(0,0,0,0.1);}
.burger_box {position: fixed; top: 62px; right:2%; 
margin-right: 10px;z-index:111;width: 40px; height:30px; 
border-radius:5px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.menu-icon-container {width: 100%; height: 100%;}
.burger_box a.menu-icon {display: inline-block; float: none; height: 60px; padding: 0px; opacity: 1; width: 60px; z-index: 100;color:#000;font-size:13px;}
.burger_box .menu-icon_box {display: inline-block; width:100%; height:100%; }



.burger_box .menu-icon_line {background: #000; display: inline-block; height: 4px; position: absolute; left:0px; width: 100%;}
.burger_box .menu-icon_line--1 {top: 0;}
.burger_box .menu-icon_line--2 {top: 50%; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.burger_box .menu-icon_line--3 {bottom: 0;}
.burger_box .menu-icon_line--1 {transition: top 200ms 250ms, transform 200ms;-webkit-transition: top 200ms 250ms, -webkit-transform 200ms;}
.burger_box .menu-icon_line--2 {transition: opacity 0ms 300ms; -webkit-transition: opacity 0ms 300ms;}
.burger_box .menu-icon_line--3 {transition: bottom 100ms 300ms, transform 200ms; -webkit-transition: bottom 100ms 300ms, -webkit-transform 200ms;}
.burger_box .menu-icon { cursor:pointer; text-align: center; width: 100%; height: 100%;}
.burger_box .menu-icon.opened .menu-icon_line {top: 50%; bottom: 50%; background: #fff;}
.burger_box .menu-icon.opened .menu-icon_line--1 {transform: rotate3d(0, 0, 1, 45deg); -webkit-transform: rotate3d(0, 0, 1, 45deg); transition: top 100ms, transform 200ms 250ms; -webkit-transition: top 100ms, -webkit-transform 200ms 250ms;}
.burger_box .menu-icon.opened .menu-icon_line--2 {opacity: 0; transition: opacity 200ms; -webkit-transition: opacity 200ms;}
.burger_box .menu-icon.opened .menu-icon_line--3 {transform: rotate3d(0, 0, 1, -45deg); -webkit-transform: rotate3d(0, 0, 1, -45deg); transition: bottom 200ms, transform 200ms 250ms; -webkit-transition: bottom 200ms, -webkit-transform 200ms 250ms;}
.sideOpen:before {content:''; position:fixed; top:0; left:0; bottom:0; right:0; background: rgba(0,0,0,0.3); width:100%; height: 100vh; z-index:99999999;}
.sidenav.sideOpen .side_menu {right: 10px;}
.sidenav.sideOpen .burger_box {right:2%; top: 32px;}
.side_menu:after {content:''; border-radius:10px; position: absolute;background: #111; top:0; right: 0; bottom: 0; left: 0; z-index:-1}

.sd_menu .sub_menu{display:flex; flex-wrap:wrap; align-items:center; }
.sd_menu .sub_menu:after{display:none}
.sd_menu > ul > li > a{font-size:24px; font-weight: 700; color: rgba(255,255,255,.7); margin-bottom:3px;}
.sd_menu > ul > li:nth-child(n+2){margin-top:40px;}
.sd_menu .sub_menu > li a{padding:3px 10px; color:#fff; font-size:20px; font-weight:500;}
.sd_menu .sub_menu > li:first-child a{padding-top:3px; padding-left:0}
.sd_menu .sub_menu > li:last-child a {padding-bottom: 3px;}
.sd_menu .sub_menu > li {min-width: auto;}
.sd_menu .sub_menu > li:hover a{background:transparent; color:#ff682b;}
.sd_menu .sub_menu{background:transparent; box-shadow:none}

.m-menu-wrap {height:calc(100% - 130px); position: relative; padding-top: 120px;}

.m-menu-footer {width: 100%; height: 130px;  position: absolute;  bottom: 0;  left: 0;  padding: 0 50px;  }
.f_menu_con {width: 100%; height: 130px; background: #111; display: flex; flex-flow: column; align-items: flex-start;  justify-content: center;}

.ft-family-site{background:#ff682b; border-radius:100px; padding:0 10px;}
.ft-family-site li a{color:#fff; font-size:17px; padding:8px 15px; position:relative;}
.ft-family-site li:last-child a::before{content:''; display:block; width:1px; height:16px; background:#fff; position:absolute; top:50%; left:0; transform:translateY(-50%);}

.ft-login {position:absolute; top:25px; left:50px; z-index:9999}
.ft-login a{font-size:16px; padding:0 12px; position:relative; color:rgba(255,255,255,0.8)}
.ft-login a:hover{color:#fff; transition:.2s}
.ft-login a:last-child::before{content:''; display:block; width:1px; height:13px; background:rgba(255,255,255,0.8); position:absolute; top:50%; left:0; transform:translateY(-50%);}
.ft-login a:first-child{padding-left:0}



/* 모바일메뉴 스크롤 안보이게 처리 */
.side_menu .container::-webkit-scrollbar {display: none;}
.side_menu .container {-ms-overflow-style: none; /* 인터넷 익스플로러 */ scrollbar-width: none; /* 파이어폭스 */}






@media (max-width:1400px) {

header .home_logo img {width:170px;}
header .login-wrap {position:absolute; top:-20px; right:460px;}
.top-menu > li > a{font-size:23px;}
.top-menu > li > .sm{top:90px; margin-top: -20px; }
.sub_menu > li {min-width:160px;}
.sub_menu > li a {padding:9px; font-size:17px}
.sub_menu > li:first-child a {padding-top: 11px;}
.sub_menu > li:last-child a {padding-bottom: 11px;}
.login-box{top:7px; right:18px}
.login-box a{font-size:15px; padding:0 10px;}


.family-site li::before{height:13px;}
.family-site li:nth-child(n+2){margin-left:7px; padding-left:7px; }
.family-site a{font-size:15px; }
.family-site {padding:7px 18px;}


}




@media (max-width:1230px) {


header{height:100px}
.top-menu > li {line-height:100px; height:100px; padding:0 20px; }
.top-menu > li > .sm{top:80px; margin-top: -20px; }
.sub_menu > li {min-width:150px;}
.sub_menu > li a {font-size:16px}

.login-box{top:6px; right:15px}
.login-box a{font-size:14px; padding:0 8px; }



.family-site li::before{height:12px;}
.family-site li:nth-child(n+2){margin-left:7px; padding-left:7px; }
.family-site a{font-size:14px; }
.family-site {padding:6px 15px;}





}



@media (min-width:1024px) {
br.webbr {}
br.mobilebr {display:none;}
br.mobilebr:before {content:''; }
}


@media (max-width:1023px) {
br.webbr {display:none;}
br.webbr:before {content:''; }
}





@media (max-width:1023px) {
.quick_menu {display:none !important;}
header{height:150px !important;  padding-top:0px;}
.top-menu, .login{display:none}

header .top-acc-menu  {top: 10px;  gap:5px;}


.login-box{display:none}
.mobile-right{margin-right:50px;}
.family-site li::before{height:12px;}
.family-site li:nth-child(n+2){margin-left:7px; padding-left:7px; }
.family-site a{font-size:14px; }
.family-site {padding:6px 15px;}


.sidenav {display:block;}
}



@media (max-width:768px) {
    header {
        height: 125px !important;
        padding-top: 0px;
    }



    header .top-acc-menu {
        gap: 3px;
    }

header .top-acc-menu a {font-size:12px; line-height:2.1; padding:0px 20px 0px 10px; 
background-size: auto 11px;  letter-spacing:-1px;
background-position: right 4px center; }


header .home_logo img {
    width: 150px; margin-top:65px;
  }

header  .sns {margin-top:30px;}


/* 
header{height:80px}
.family-site{display:none}
.sns { margin-right: 0px;}
.mobile-right{margin-right:50px;}


 */

.sidenav.sideOpen .burger_box {right: 4%;}
.side_menu {max-width: 400px; right: -400px;}
.side_menu .container {padding: 0 30px;}
.ft-login { left: 30px;}
.sd_menu > ul > li > a {font-size: 22px;}
.sd_menu .sub_menu > li a {font-size: 18px;}
.sd_menu > ul > li:nth-child(n+2) {margin-top: 30px;}
.ft-family-site li a {color: #fff; font-size: 16px; padding: 7px 13px;}
.m-menu-wrap {height: calc(100% - 110px); padding-top:100px;}
.m-menu-footer { height: 110px; padding: 0 30px;}
.f_menu_con {height: 110px;}


}






@media (max-width:500px) {
/* 
header{height:70px}
.mobile-right{margin-right:42px;}
.sns a:nth-child(n+2){margin-left:12px;}
.sns a img{height:22px}
.sns a:nth-child(3) img{height:25px}

.busan {width:175px; height:70px;}
	.busan a.main{width:130px; margin-top:13px;   padding-left:13px;  border-radius:50px;
	line-height:43px; font-size:16px; }
	.busan a.main:before {width:21px; height:21px;
	top:10px; right:11px;}




	.busan img.sub {margin-top:20px; width:160px;}
.burger_box { top: 24px; width: 26px; height: 22px;}
.sidenav.sideOpen .burger_box {right: 5%;}
.burger_box .menu-icon_line { height: 2px;}
 */





.side_menu {width:93%; }
.sd_menu > ul > li > a {font-size: 19px; margin-bottom:0}
.sd_menu .sub_menu > li a {font-size: 16px;  padding: 2px 15px; padding-left:0; font-weight:400;}
.sd_menu > ul > li:nth-child(n+2) {margin-top: 25px;}
.ft-family-site li a {color: #fff; font-size: 15px; font-weight:400; padding: 7px 12px;}
.m-menu-wrap {height: calc(100% - 100px);}
.m-menu-footer { height: 100px}
.f_menu_con {height: 100px;}


}




/* **************************************** * * 관람신청 * * *************************************** */
.free-pay{width:100%; background:#fafafa; border-radius:30px; padding:60px; }

.free-pay-btn h1{font-size:28px; font-weight:700; text-align:center; width:100%; margin-bottom:30px; line-height:1.3}
.free-pay-btn h1 b{font-weight:700; color:#ff682b}
.free-pay-btn ul{text-align:center; margin-left:auto; margin-right:auto; text-align:Center; max-width:460px; width:95%}


.free-pay-btn ul li  {width:100%;  margin-left:auto; margin-right:auto; display:block;}
.free-pay-btn ul li a{padding:16px 10px; border-radius:3px; background:#333;  display:inline-block;
color:#fff; font-weight:500; width:100%; box-sizing:border-box; }
.free-pay-btn ul li a img{height:22px; margin-right:13px; display:inline-block; vertical-align:middle;}

.free-pay-btn ul li a p{font-size:25px; display:inline-block; vertical-align:middle;}


.free-pay-btn ul li:nth-child(n+2){margin-top:7px;}
.free-pay-btn ul li.kakao-login a{background:#f9e000; color:#371c1d;  }
.free-pay-btn ul li:hover a{background:#282828; transition:.2s;;}
.free-pay-btn ul li.kakao-login:hover a{background:#f9d700;}

.free-pay-time{margin-top:30px;}
.free-pay-time ul{display:flex; flex-wrap:wrap;justify-content: center; align-items:center;}
.free-pay-time ul li{font-size:18px; }
.free-pay-time ul li:first-child{margin-right:10px; font-weight:500; color:#fff; background:#ef0000; font-size:17px; padding:5px 15px; border-radius:100px;}

.free-pay-time ul li a {width:100%;}

.free-pay-btn ul :after, .free-pay-time ul:after{display:none;}

.cf_form > p{font-size:16px}
.che-btn{font-family: 'Outfit', 'Pretendard', sans-serif !important; cursor:pointer; color:#fff !important; border-radius:3px !important; height: auto !important; line-height: initial !important; font-size:16px; padding:10px 5px; border:none !important; background:#84c705; color:#fff;}
.che-btn:hover{background:#85bf08; transition:.3s;}
.che-btn-1{ font-size:18px; padding:18px 5px; width: 50% !important; display: flex; align-items: center; justify-content: center; margin: 0 auto; border-radius:100px !important}
.free-pay-btn ul li:last-child {margin-top:30px;}

@media (min-width: 641px) and (max-width: 1023px){
.tb_base23 tbody th {font-size: 16px !important;}

}



@media (max-width:768px) {
.free-pay{border-radius:20px; padding:40px; }

.free-pay-btn h1{font-size:24px;  margin-bottom:20px;}
.free-pay-btn ul li a{padding:14px 10px; }
.free-pay-btn ul li a img{height:20px; margin-right:11px;}
.free-pay-btn ul li a p{font-size:17px;}

.free-pay-time{margin-top:20px;}
.free-pay-time ul li{font-size:17px; }
.free-pay-time ul li:first-child{margin-right:10px;font-size:16px; padding:5px 15px; }
.free-pay-btn ul :after, .free-pay-time ul:after{display:none;}


.cf_form > p{font-size:15px}

.che-btn{font-size:15px; padding:11px 5px;}
.tb_base23 tbody th {font-size: 15px !important;}
.che-btn-1{ font-size:17px; padding:15px 5px; }
}



@media (max-width:500px) {
.free-pay-btn ul li:last-child {margin-top:10px;}

.free-pay{border-radius:15px; padding:30px; }
.free-pay-btn h1{font-size:21px;  margin-bottom:18px;}


.free-pay-btn ul li a{padding:12px 5px;  box-sizing:border-box;}
.free-pay-btn ul li a img{height:18px; margin-right:8px;}
.free-pay-btn ul li a p{font-size:15px;}
.free-pay-btn ul li:nth-child(n+2){margin-top:5px;}
.free-pay-time{margin-top:18px;  display:block; width:100%; text-align:Center;}
.free-pay-time ul {display:block; width:100%; text-align:Center;}
.free-pay-time ul li{font-size:15px; display:inline-block; margin:0px 10px; }
.free-pay-time ul li:first-child{margin-right:0;font-size:14px; padding:4px 12px; margin-bottom:5px; }


.cf_form > p{font-size:14px}
.che-btn-1{width:100% !important; font-size:15px; padding:14px 5px; }
}




/* **************************************** * * 서브공통 * * *************************************** */
.sub-tit{font-size:40px; margin-bottom:50px; text-align:center; font-weight:800; width:100%; padding:0 3%; }
.mt100{margin-top:100px;}
.mt0 {margin-top:0px !important}
.pt120{padding-top:120px;}
.p120{padding:120px 0;}
.mt50{margin-top:50px;}
.mt30{margin-top:30px;}
.pb0 {padding-bottom:0px !important;}
.paddingnone {padding-top:0px !important;} 
.agree-btn{display:flex; flex-wrap:wrap; aling-items:center; margin-top:8px; font-size:16px; }
.applica-btn{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}
.applica-btn.center{justify-content:center;}
.a-btn{font-family: 'Outfit', 'Pretendard', sans-serif !important; cursor:pointer; font-size:24px; width:49% !important; height:auto !important; transition:.2s; line-height:1 !important; border-radius:100px !important; padding:25px 10px; font-weight:600; background:#ff682b; color:#fff; border:none !important}
.a-btn02{background:#a3c420}
.a-btn:hover{background:#f95715}
.a-btn02:hover{background:#99b71c}
.h50{width:100%; height:50px;}

.agreeBox td{padding:0 !important}
.textarea{line-height:1.5; padding:20px; color:#555; width:100%; box-sizing:border-box; height:200px; border:1px solid #ccc; font-size:16px; overflow-x:hidden; text-align:left;}
.textarea .info, .textarea .info p, .textarea .info dt {padding: 0 !important; font-family: 'Outfit', 'Pretendard', sans-serif !important;}
.textarea .info dt{font-weight:500; font-size:20px !important; line-height:1.4 !important; margin-bottom:15px !important;}
.textarea .info dd{font-weight:300 !important; font-family: 'Outfit', 'Pretendard', sans-serif !important;}
.agree-che-box{font-size:16px; margin-top:5px}
.agree-che-btn{display:flex; flex-wrap:wrap; align-items:center;justify-content: space-between;}

.form-flex td div{display:flex; flex-wrap:wrap; align-items:center;}
.form-flex td div span{width:calc(100%/4)}
.form-flex td div span input{width:20px !important}


@media (max-width:1230px) {
.sub-tit{font-size:36px; margin-bottom:45px;}
.mt100{margin-top:80px;}
.pt120{padding-top:100px;}
.p120{padding:100px 0;}

.a-btn{font-size:22px; padding:23px 10px;}
}


@media (max-width:1023px) {
.sub-tit{font-size:32px; margin-bottom:38px;}
.mt100{margin-top:70px;}
.pt120{padding-top:90px;}
.p120{padding:90px 0;}

.textarea{padding:16px; height:180px; font-size:15px;}

.a-btn{font-size:20px; padding:21px 10px;}
}

@media (max-width:768px) {
.sub-tit{font-size:28px; margin-bottom:35px;}
.mt100{margin-top:60px;}
.pt120{padding-top:70px;}
.p120{padding:70px 0;}
.mt50{margin-top:40px;}
.mt30{margin-top:25px;}

.a-btn{font-size:18px; padding:20px 10px;}
.agree-che-box{font-size:15px;}
.textarea .info dt{ font-size:18px !important; margin-bottom:12px !important;}

}


@media (max-width:500px) {
.sub-tit{font-size:24px; margin-bottom:30px;}
.mt100{margin-top:50px;}
.pt120{padding-top:60px;}
.p120{padding:60px 0;}
.mt50{margin-top:30px;}
.mt30{margin-top:20px;}

.textarea{padding:15px; height:150px; font-size:14px;}
.agree-che-btn{flex-flow:column;}
.a-btn{width:100% !important; font-size:16px; padding:18px 10px;}
.agree-che-btn .a-btn:nth-of-type(n+2){margin-top:7px}
.agree-che-box{font-size:14px;}
}


/* **************************************** * * 전시 개요 * * *************************************** */
.poster{display:flex; flex-flow:column; align-items:center; width:450px;}
.poster-img{border:1px solid #eee; border-radius:5px;}
.poster-tit h1{font-size:30px; color:#ff682b; font-weight:700; line-height:1;margin-bottom:15px}
.poster-tit p{font-size:20px; line-height:1.5}

.info-con{width:calc(100% - 450px); padding-left:50px; display: flex; flex-flow: column; align-items: flex-start; justify-content: space-between;}
.info-con ul{width:100%}
.info-con ul:after{display:none !important}
.info-con ul li{display:flex; flex-wrap:wrap;padding:15px 0; font-size:20px;}
.info-con ul li:first-child{padding-top:0 !important}
.info-con ul li b{width:120px; border-top:1px solid #000; padding-top:10px; font-weight:600}
.info-con ul li p{width:calc(100% - 120px); border-top:1px solid #ddd; padding-top:10px; padding-left:10px; color:#333; font-weight:300}
.info-con ul li p img{height:22px; margin-top:3px;}

.brochure-btn{ background:#ff682b; color:#fff !important; width:100%; max-width:400px; padding:18px 30px; font-size:21px; font-weight:500; border-radius:5px; margin-top:40px; position: relative; transform: translateZ(0);  transition: color 0.3s ease; overflow:hidden}
.brochure-btn:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: #f95715; transform: scaleX(0); transform-origin: center; transition: transform 0.3s ease-out; z-index: -1;}
.brochure-btn:hover:before, .brochure-btn:focus:before, .brochure-btn:active:before { transform: scaleX(1);}
.brochure-btn .go-arrow{width:20px;}

.items{background:#fafafa; margin-top:60px; padding:60px 0;}
.items-list:after{display:none}
.items-list > li{width:calc(100%/4 - 15px); background:#fff; box-shadow:0 0 15px rgba(0,0,0,.04); padding:35px; border-radius:15px; display:flex; flex-flow:column; align-items:center;} 
.items-list > li > img{height:90px; margin-bottom:20px;}
.items-info {width:100%; border-top:1px solid #ddd; padding-top:20px; margin-top:20px;}
.items-info li{position:relative; padding-left:10px; font-size:20px; line-height:1.3;}
.items-info li::before{content:''; display:block; width:4px; height:4px; background:#ff682b; border-radius:10px; position:absolute; top:12px; left:0;}
.items-info li:nth-child(n+2){margin-top:8px;}

.items-list li h3{font-size:20px; font-weight:500; padding:7px 25px; border-radius:100px; background:#ff682b; color:#fff; text-align:center;}



@media (max-width:1230px) {
.poster{width:380px;}
.poster-tit h1{font-size:28px;}
.poster-tit p{font-size:19px;}

.info-con{width:calc(100% - 380px); padding-left:40px;}
.info-con ul li{padding:13px 0; font-size:19px;}
.info-con ul li b{width:100px; padding-top:10px; }
.info-con ul li p{width:calc(100% - 100px); padding-top:10px; padding-left:10px; }
.info-con ul li p img{height:20px; }
.brochure-btn{max-width:300px; padding:16px 25px; font-size:20px; margin-top:30px}
.brochure-btn .go-arrow{width:19px;}

.items{margin-top:110px; padding:110px 0;}
.items-list > li{width:calc(100%/4 - 10px); box-shadow:0 0 12px rgba(0,0,0,.04); padding:30px 20px; border-radius:12px; } 
.items-list > li > img{height:80px;}
.items-info li{font-size:19px;}
.items-info li::before{top:10px;}
.items-list li h3{font-size:18px; padding:6px 22px; }


}

@media (max-width:1023px) {
.poster{width:300px;}
.poster-tit h1{font-size:26px; margin-bottom:13px}
.poster-tit p{font-size:17px;}

.info-con{width:calc(100% - 300px); padding-left:30px;}
.info-con ul {margin-top:15px;}
.info-con ul li{padding:10px 0; font-size:18px;}
.info-con ul li b{width:80px; padding-top:10px; }
.info-con ul li p{width:calc(100% - 80px); padding-top:10px; padding-left:10px; }
.info-con ul li p img{height:17px; }
.brochure-btn{max-width:400px; padding:14px 20px; font-size:18px; margin-top:25px}
.brochure-btn .go-arrow{width:17px;}

.items{margin-top:90px; padding:90px 0;}
.items-list > li{width:calc(100%/2 - 20px); box-shadow:0 0 15px rgba(0,0,0,.04); padding:35px; border-radius:15px; } 
.items-list > li:nth-child(n+3){margin-top:40px;}
.items-info li{ font-size:17px;}
.items-info li::before{top:9px;}
.items-list li h3{font-size:17px; padding:6px 15px; }

}




@media (max-width:768px) {

.poster{width:100%; max-width:400px; margin:0 auto}

.poster-tit {text-align:center; width:100%}
.poster-tit h1{font-size:28px; margin-bottom:13px}
.poster-tit p{font-size:16px;}

.info-con{width:100%; padding-left:0px; margin-top:30px;}
.info-con ul {margin-top:30px;}
.info-con ul li{padding:12px 0; font-size:16px;}
.info-con ul li b{width:70px; padding-top:10px; }
.info-con ul li p{width:calc(100% - 70px);}
.info-con ul li p img{height:17px; }
.brochure-btn{max-width:300px; padding:14px 20px; font-size:16px; margin:0 auto; margin-top:25px}
.brochure-btn .go-arrow{width:16px;}


.items{margin-top:70px; padding:70px 0;}
.items-list > li{width:calc(100%/2 - 10px); box-shadow:0 0 12px rgba(0,0,0,.04); padding:30px; border-radius:12px; } 
.items-list > li:nth-child(n+3){margin-top:22px;}
.items-list > li > img{height:70px; margin-bottom:16px;}
.items-info {padding-top:16px; margin-top:16px;}
.items-info li{padding-left:9px; font-size:16px;}
.items-info li::before{ width:3px; height:3px; top:9px;}
.items-info li:nth-child(n+2){margin-top:7px;}
.items-list li h3{font-size:16px; padding:6px 25px; }
}



@media (max-width:500px) {
.poster{max-width:500px; }

.poster-tit {text-align:center; width:100%}
.poster-tit h1{font-size:24px; margin-bottom:13px}
.poster-tit p{font-size:15px;}

.info-con{width:100%; padding-left:0px; margin-top:25px;}
.info-con ul {margin-top:25px;}
.info-con ul li{padding:10px 0; font-size:15px;}
.info-con ul li b{width:100px; padding-top:10px; }
.info-con ul li p{width:calc(100% - 100px); }
.info-con ul li p img{height:15px; }
.brochure-btn{max-width:500px; padding:16px 30px; font-size:16px; margin-top:20px}
.brochure-btn .go-arrow{width:15px;}


.items{margin-top:60px; padding:60px 0;}
.items-list > li{width:100%; box-shadow:0 0 10px rgba(0,0,0,.04);} 
.items-list > li:nth-child(n+2){margin-top:25px;}
.items-list > li > img{height:65px; margin-bottom:12px;}
.items-info {padding-top:15px; margin-top:15px;}
.items-info li{padding-left:9px; font-size:15px;}
.items-info li::before{top:8px;}
.items-list li h3{font-size:15px; padding:5px 20px; }
}



/* **************************************** * * 전시특징 * * *************************************** */
.point-title{width:100%; position:relative; text-align:center; padding:70px 0 80px;}
.point-title::after, .point-title::before {content: ''; position: absolute; left: 50%; width: 40px; height: 40px; background: url('/images/2024/quote.png') no-repeat 0 0; background-size: 100%; top: 0px; margin-left: -20px;}
.point-title::after { background: url('/images/2024/quote22.png') no-repeat 0 0; background-size: 100%; top: auto;  bottom: 0px;}
.point-title h1{font-size:46px; line-height:1.4; font-weight:500}
.point-title h1 b{font-weight:700; color:#ff682b}
.point-title p{font-size:24px; margin-top:20px; color:#333}
.point-title p b{font-weight:700}

/*그래프*/
.graph{ background:#f6f2f9; padding:60px; width:100%; margin-top:50px; border-radius:25px;}

/*주요관람객*/
.person {flex-direction: row; align-items: stretch; flex-wrap: wrap; align-content: stretch;}
.person li{flex-basis:calc(100%/5 - 10px); align-self: stretch; margin-bottom:15px;
border:1px solid rgba(255,104,43,.7); font-size:20px; line-height:1.4;  padding:30px; border-radius:15px;}
/* .person li:nth-child(n+5){margin-top:30px; }
 */.person li:nth-child(2n){background:rgba(255,104,43,.05)}
/*.person li:last-child{background:rgba(255,104,43,.9); color:#fff;}
.person li:last-child span{border-bottom:1px solid rgba(255,255,255,.4); color:#fff} */
.person:after{display:none !important}
.person li span {width:100%; border-bottom: 1px solid rgba(255,104,43,.5); margin-bottom: 20px; padding-bottom: 10px; font-weight: 700; color:#ff682b; font-size: 22px;}

/*홍보계획*/
.promotion{width:100%; background:#fafafa; padding:100px 0}
.promo-con li{width:22%; text-align:center;}
.promo-con li > div{position: relative; text-align: center; width: 100%;  padding-bottom: 100%; background: #777; border-radius: 100%;}
.promo-con li div::before { content: ''; position: absolute; left: -25px; right: -25px; top: -25px; bottom: -25px; border-radius: 100%; opacity: 0.5;    border: 1px dashed #fff;}
.promo-con li > div img{height:90px; position:absolute; top:60px; left:50%; transform:translateX(-50%);}
.promo-con li > div h3{position:absolute; top:50%; left:50%; transform:translateX(-50%); color:#fff; font-size:24px; margin-top:30px; width:90%; font-weight:600}
.promo-con li:nth-child(1) > div{background:#932160}
.promo-con li:nth-child(1) div::before{border: 1px dashed rgba(147,33,96,.6)}
.promo-con li:nth-child(2) > div{background:#ff682b}
.promo-con li:nth-child(2) div::before{border: 1px dashed rgba(255,104,43,.7)}
.promo-con li:nth-child(3) > div{background:#a3c420}
.promo-con li:nth-child(3) div::before{border: 1px dashed rgba(163,196,31,.8)}
.promo-con li:nth-child(4) > div{background:#df4444}
.promo-con li:nth-child(4) div::before{border: 1px dashed rgba(233,68,68,.6)}
.promo-list{width:100%; max-width:1200px; margin:0 auto; padding-top:100px; }
.promo-list div{width:100%; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.05); overflow:hidden; border-radius:25px;}
.promo-list div:nth-child(n+2){margin-top:50px;}
.promo-list div span{width:100%; background:#ddd; color:#fff; font-size:24px; font-weight:600; padding:20px 10px; text-align:center; }
.promo-list div:nth-child(1) span{ background:#932160; }
.promo-list div:nth-child(2) span{ background:#ff682b; }
.promo-list div:nth-child(3) span{ background:#a3c420; }
.promo-list div:nth-child(4) span{ background:#df4444; }
.promo-list div ul{padding:50px 60px ; }
.promo-list div ul li{padding-left:10px; position:relative; font-size:20px; line-height:1.4; font-weight:300}
.promo-list div ul li::before{content:''; display:block; width:4px; height:4px; border-radius:10px; background:#333; position:absolute; top:12px; left:0;}
.promo-list div ul li:nth-child(n+2){margin-top:5px;}



@media (max-width:1230px) {
.point-title{padding:65px 0 75px;}
.point-title::after, .point-title::before {width: 38px; height: 38px; margin-left: -19px;}
.point-title h1{font-size:40px; }
.point-title p{font-size:22px; }

/*그래프*/
.graph{padding:50px; margin-top:25px; border-radius:20px;}

/*주요관람객*/
.person li{width:calc(100%/3 - 10px);  font-size:18px; padding:20px; border-radius:12px;}
.person li:nth-child(n+4){margin-top:20px;}
.person li span { margin-bottom: 18px; padding-bottom: 8px; font-size: 21px;}


/*홍보계획*/
.promotion{ padding:80px 0}
.promo-con li{width:23%}
.promo-con li div::before {left: -12px; right: -12px; top: -12px; bottom: -12px;}
.promo-con li > div img{height:75px; top:40px;}
.promo-con li > div h3{ font-size:21px; margin-top:25px; }
.promo-list{padding-top:80px; }
.promo-list div{border-radius:20px;}
.promo-list div:nth-child(n+2){margin-top:40px;}
.promo-list div span{font-size:22px; padding:18px 10px;}
.promo-list div ul{padding:40px 50px ; }
.promo-list div ul li{padding-left:10px; font-size:19px;}
.promo-list div ul li::before{top:11px;}
}



@media (max-width:1023px) {
.point-title{padding:55px 0 65px;}
.point-title::after, .point-title::before {width: 34px; height: 34px; margin-left: -17px;}
.point-title h1{font-size:35px; }
.point-title p{font-size:19px; margin-top: 16px;}

/*그래프*/
.graph{padding:45px; margin-top:20px; border-radius:15px;}

/*주요관람객*/
.person li{width:calc(100%/3 - 5px);  font-size:17px; padding:18px; border-radius:10px;}
.person li:nth-child(n+4){margin-top:10px;}
.person li span { margin-bottom: 15px; padding-bottom: 6px; font-size: 19px;}

/*홍보계획*/
.promotion{ padding:70px 0}
.promo-con li{width:23%}
.promo-con li div::before {left: -10px; right: -10px; top: -10px; bottom: -10px;}
.promo-con li > div img{height:60px; top:30px;}
.promo-con li > div h3{ font-size:19px; margin-top:20px; }
.promo-list{padding-top:70px; }
.promo-list div{border-radius:16px;}
.promo-list div:nth-child(n+2){margin-top:30px;}
.promo-list div span{font-size:20px; padding:16px 10px;}
.promo-list div ul{padding:30px 40px ; }
.promo-list div ul li{padding-left:10px; font-size:17px;}
.promo-list div ul li::before{width:4px; height:4px; top:10px;}
}




@media (max-width:768px) {
.point-title{padding:50px 0 60px;}
.point-title::after, .point-title::before {width: 30px; height: 30px; margin-left: -15px;}
.point-title h1{font-size:30px; line-height:1.3 }
.point-title p{font-size:17px; margin-top: 15px;}

/*그래프*/
.graph{padding:35px; margin-top:16px; border-radius:12px;}

/*주요관람객*/
.person li{width:calc(100%/2 - 10px);  font-size:16px; padding:18px; border-radius:10px;}
.person li:nth-child(n+3){margin-top:20px;}
.person li:nth-child(6){background: rgba(255,104,43,.05);}
.person li:nth-child(5){background: transparent}
.person li span { margin-bottom: 15px; padding-bottom: 6px; font-size: 18px;}

/*홍보계획*/
.promotion{ padding:60px 0}
.promo-con li{width:48%}
.promo-con li:nth-child(n+3) {margin-top: 4%;}
.promo-con li div::before {left: -15px; right: -15px; top: -15px; bottom: -15px;}
.promo-con li > div img{height:60px; top:60px;}
.promo-con li > div h3{ font-size:19px; margin-top:20px; }
.promo-list{padding-top:60px; }
.promo-list div{border-radius:13px;}
.promo-list div:nth-child(n+2){margin-top:25px;}
.promo-list div span{font-size:19px; padding:15px 10px;}
.promo-list div ul{padding:20px 30px ; }
.promo-list div ul li{padding-left:9px; font-size:16px;}
.promo-list div ul li::before{width:3px; height:3px; top:10px;}
}



@media (max-width:500px) {
.point-title{padding:40px 0 50px;}
.point-title::after, .point-title::before {width: 27px; height: 27px; margin-left: -14px;}
.point-title h1{font-size:26px;}
.point-title p{font-size:16px; margin-top: 13px;}

/*그래프*/
.graph{padding:25px; margin-top:15px; border-radius:10px;}

/*주요관람객*/

.person li{flex-basis:calc(100%/2 - 10px); margin-bottom:15px;  font-size:15px; padding:15px;}




.person li span { margin-bottom: 12px; padding-bottom: 5px; font-size: 17px;}




/*홍보계획*/
.promotion{ padding:50px 0}
.promo-con li{width:48%}
.promo-con li:nth-child(n+3) {margin-top: 4%;}
.promo-con li div::before {left: -10px; right: -10px; top: -10px; bottom: -10px;}
.promo-con li > div img{height:55px; top:40px;}
.promo-con li > div h3{ font-size:17px; line-height:1.2; margin-top:20px; }
.promo-list{padding-top:50px; }
.promo-list div{border-radius:10px;}
.promo-list div:nth-child(n+2){margin-top:20px;}
.promo-list div span{font-size:17px; padding:13px 10px;}
.promo-list div ul{padding:15px 20px ; }
.promo-list div ul li{font-size:15px;}
.promo-list div ul li::before{ top:9px;}
}



@media (max-width:340px) {
.point-title{padding:40px 0 50px;}
.point-title::after, .point-title::before {width: 27px; height: 27px; margin-left: -14px;}
.point-title h1{font-size:26px;}
.point-title p{font-size:16px; margin-top: 13px;}

/*그래프*/
.graph{padding:25px; margin-top:15px; border-radius:10px;}

/*주요관람객*/
.person li{width:100%; }
.person li:nth-child(n+2){margin-top:13px;}

/*홍보계획*/
.promo-con li > div img{height:45px; top:25px;}
.promo-con li > div h3{ font-size:16px; line-height:1.2; font-weight:400; margin-top:15px; }
}




/* **************************************** * * 지난전시 * * *************************************** */
.poster-2023{width:450px;border:1px solid #eee; border-radius:5px;}
.side-event.bg{background:#f9f9f9;}

.year-tab {margin-bottom:100px;}
.year-tab ul{display:flex; flex-wrap:wrap; border-top:1px solid #eee;  border-left:1px solid #eee;  }
.year-tab ul li{width:calc(100%/5); text-align:center;    border-bottom:1px solid #eee; border-right:1px solid #eee}
/* .year-tab ul li:nth-child(12){border-bottom:1px solid #eee}
.year-tab ul li:nth-child(n+5){border-top:1px solid #eee} */
.year-tab ul li a{width:100%; height:100%; padding:12px 10px; font-size:20px}
.year-tab ul li a.on{background:#ff682b; color:#fff}

.info-tb {padding-top:0 !important}
.info-tb b{border-top:none !important; padding-top:0 !important }
.info-tb table{max-width:600px; border:1px solid #ddd; border-bottom:none; border-right:none}
.info-tb table th{font-weight:600; color:#fff; text-align:center; background:#696d77; border-right:1px solid rgba(255,255,255,.2)}
.info-tb table tr td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; font-weight:300}
.info-tb table tr td:nth-child(1), .info-tb table tr td:nth-child(3){font-weight:600}

.before-tab{margin-bottom:50px;  justify-content: center;}
.before-tab li{width:calc(100%/4 - 20px); margin-right:26px; text-align:center;  border-radius:100px; overflow:hidden;}
.before-tab li:nth-child(4n){margin-right:0 !important}
.before-tab li a{width:100%; height:100%; padding:18px 10px; background:#e4e9ef; color:#133d6a; font-size:22px; font-weight:600}
.before-tab li:hover a{transition:.2s; background:#d6e0ea }

.se-title{padding-left:15px; position:relative; font-size:36px; line-height:1; margin-bottom:30px;}
.se-title::before{content:''; display:block; width:4px; height:28px; background:#ff682b; position:absolute; top:50%; left:0; transform:translateY(-50%)}
.eve-title{background:#ff682b; color:#fff; padding:10px 30px 10px 20px; border-radius:0 100px 100px 0; margin-bottom:20px; font-size:24px; font-weight:600}
.se-title.flex{align-items: flex-end;  justify-content: space-between;}
.se-title-p{font-size:18px; font-weight:500; color:#f00; margin-bottom:2px;}

.eve-box{padding:100px 0; }
.eve-box.none{padding-top:0 !important;}
.eve-box.bg{background:#f9f9f9}
.eve-box  ul{border-top:2px solid rgba(255,104,43,.7)}
.eve-box ul li{display:flex; flex-wrap:wrap; border-bottom:1px solid rgba(255,104,43,.4); padding:20px 0; font-size:20px;}
.eve-box ul li b{width:220px; text-align:center; font-weight:700; border-right:1px solid rgba(255,104,43,.4); display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.eve-box ul li div{width:calc(100% - 220px); font-weight:300; padding-right:20px; padding-left:20px}
.issue {display:contents; width:100% !important; padding:0 !important; margin:5px 0 10px;}
.issue span:nth-child(n+2){margin-left:5px;}
.issue span{background:#777; color:#fff; ; line-height:1; padding:12px 16px; border-radius:100px; font-size:18px; margin-top:5px;}
.issue b.pl10{padding-left:10px; width:initial !important}

.eve-proce{border-top:none !important}
.eve-proce li{width:160px;border-radius:500px; position:relative; padding:0 !important; border-bottom:none !important}
.eve-proce li:nth-child(1){background: rgba(59,70,131,.4);}
.eve-proce li:nth-child(2){background: rgba(59,70,131,.6);}
.eve-proce li:nth-child(3){background: rgba(59,70,131,.8);}
.eve-proce li:nth-child(1):hover{background: rgba(59,70,131,.5);}
.eve-proce li:nth-child(n+2){margin-left:40px}
.eve-proce li div{width:100%; padding-bottom:100%;}
.eve-proce li div a, .eve-proce li div p{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; padding:0 10px; text-align:center; font-size:19px; font-weight:400; line-height:1.4; height:100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; color:#fff}
.eve-proce li:after { content: ''; display:block;  position: absolute; right: -25px; top: 50%; transform:translateY(-50%); width: 10px; height: 15px; background: url('../../images/2024/process-arrow.png') no-repeat 50% 50%;}
.eve-proce li:last-child:after {display:none}


.eve-table{margin-top:20px;}
.eve-tb-tit{font-size:22px; padding-left:28px; position:relative; font-weight:700; color:#ff682b; margin-bottom:5px;}
.eve-tb-tit::before{content:''; display:block; width:22px; height:22px; background:url('../../images/2024/check.svg') no-repeat 50% 50%; background-size:cover; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.eve-table table{border:1px solid rgba(255,104,43,.4); }
.eve-table thead th{border-right:1px solid rgba(255,255,255,.4); background:rgba(255,104,43,.6); color:#fff; font-weight:600; font-size:20px;padding:12px;}
.eve-table thead th:last-chil{border-right:none}
.eve-table tbody tr td{border-top:1px solid rgba(255,104,43,.4); border-right:1px solid rgba(255,104,43,.4); text-align:center;font-size:20px;padding:12px;}
.eve-table tbody tr td:last-child{border-right:none !important}
.eve-table tbody tr td b{font-weight:700;}
.eve-table tbody tr td p{font-size:18px; font-weight:300}
.eve-table tbody tr td.first{background:rgba(255,104,43,.07); color:#ff682b}
.eve-table table img{margin:0 auto}
.eve-tb-box{width:100%; margin-top:15px; padding-top:15px; border-top:1px dashed #ddd}
.eve-refer{color:#e10000; margin-top:8px; font-size:18px}

.covid-19{width:100%; background:rgba(255,104,43,.06); padding:70px 50px; border-radius:20px;}
.covid-19 h2{text-align:center; font-size:24px; line-height:1.5; font-weight:600}


.statistics{display:flex; flex-wrap:wrap;justify-content: space-between;width:100%;}
.statistics div.stat{width:calc(100%/2 - 50px);}
.stat-img{width:100%; height:400px; background:#ddd; margin-bottom:20px}
.stat-table ul {width:100%;}
.stat-table ul li{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; border-bottom:1px solid #ddd; padding:15px 5px}
.stat-table ul li div{display:flex; flex-wrap:wrap; align-items:center; }
.stat-table ul li div h3{font-size:20px;}
.stat-table ul li div span{width: 50px; height: 22px; margin-right: 20px;}
.stat-table ul li p{font-size:20px; color:#333}

.photo-list li{width:calc(100%/ 4 - 20px); margin-right:26px;}
.photo-list li:hover{opacity:0.8; transition:.2s;}
.photo-list li:nth-child(4n){margin-right:0 !important}
.photo-list li:nth-child(n+5){margin-top:17px;}
.photo-list:after{display:none !important}

.blocker{z-index:999999 !important; cursor: pointer;}
.modal {max-width:800px !important; width:100% !important; height: auto; padding: 5% 0 !important; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;}
.photo-wrap {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 100%;overflow-y: auto; overflow-x: hidden; padding: 0 7%;}


@media (max-width:1230px) {}

@media (max-width:1023px) {}

@media (max-width:768px) {
.year-tab ul li{width:calc(100%/4);  }
.year-tab ul li a{padding:6px 0px; font-size:17px}






}










@media (max-width:500px) {}


/* **************************************** * * 오시는 길 * * *************************************** */
.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_controllers{display:none;}
.root_daum_roughmap_landing{border-bottom:1px solid #ddd;}
.root_daum_roughmap .wrap_map{height:500px !important;}
.address{align-items:center;}
.address p{font-size:28px; font-weight:400}
.address b{margin-right:10px; font-weight:700}
.address > img{height:32px; margin-right:10px}
.add.flex-side{align-items:center; margin-bottom:20px;}
.add-btn {background:#ff672b; color:#fff !important; font-size:21px; padding:10px 35px; border-radius:100px; font-weight:600; overflow:hidden;  position: relative; transform: translateZ(0); transition: color 0.3s ease;}
.add-btn:before {content: '';  position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: #f94000; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease-out; z-index: -1;}
.add-btn:hover, .add-btn:focus, .add-btn:active {color: #fff;}
.add-btn:hover:before, .add-btn:focus:before, .add-btn:active:before {transform: scaleX(1);}
.add-r a:nth-child(n+2){margin-left:6px;}
.map{position:relative;}
.map a.naver{align-items:center; position:absolute; bottom:10px; right:10px; z-index:9999999; font-size:20px; color:#fff; padding:10px 20px; font-weight:600; border: 1px solid rgba(0,0,0,.06);  border-radius: 4px;  background-color: #00c300;  -webkit-box-shadow: 0 2px 4px 0 rgba(3,199,90,.12);  box-shadow: 0 2px 4px 0 rgba(3,199,90,.12); transition: transform 0.3s ease-out;}
.map a.naver:hover{background: #00b200;}
.naver-logo{display:flex; flex-wrap:wrap; align-items:center; justify-content: center; margin-right:7px;  background:#fff; border-radius:100px; width:26px; height:26px;}
.naver-logo img{width:14px;}
.hall {padding-top:70px; border-top:1px dashed #ddd}
.hall h1{width:320px; font-size:36px; font-weight:800}
.hall-img{width:calc(100% - 320px)}
.hall-img div{width:49%}


@media (max-width:1230px) {

.root_daum_roughmap .wrap_map{height:460px !important;}
.address p{font-size:26px}
.address > img{height:30px;}
.add.flex-side{margin-bottom:20px;}
.add-btn {font-size:19px; padding:9px 30px;}
.add-r a:nth-child(n+2){margin-left:5px;}
.map a.naver{font-size:18px; padding:9px 18px;}
.naver-logo{margin-right:7px; width:24px; height:24px;}
.naver-logo img{width:13px;}
.hall {padding-top:60px;}
.hall h1{width:290px; font-size:32px}
.hall-img{width:calc(100% - 290px)}

}


@media (max-width:1023px) {
.root_daum_roughmap .wrap_map{height:400px !important;}
.address p{font-size:23px}
.address > img{height:28px;}
.add.flex-side{margin-bottom:16px;}
.add-btn {font-size:17px; padding:8px 25px;}
.map a.naver{font-size:17px; padding:8px 16px;}
.naver-logo{margin-right:6px; width:22px; height:22px;}
.naver-logo img{width:11px;}
.hall {padding-top:50px;}
.hall h1{width:200px; font-size:28px}
.hall-img{width:calc(100% - 200px)}
}


@media (max-width:768px) {
.root_daum_roughmap .wrap_map{height:380px !important;}
.address p{font-size:24px;}
.address b {margin-right: 7px;}
.address > img{height:23px; margin-right:7px;}
.add.flex-side{margin-bottom:20px; flex-flow:column;}
.add-btn {font-size:16px; font-weight:400; padding:7px 20px;}
.add-r{margin-top:8px;}
.add-r a:nth-child(n+2) {margin-left: 3px;}
.map a.naver{font-size:16px; padding:7px 12px;}
.naver-logo{margin-right:5px; width:20px; height:20px;}
.naver-logo img{width:9px;}
.hall {padding-top:45px;}
.hall h1{width:100%; font-size:28px; margin-bottom:20px; text-align:center;}
.hall h1 br{display:none}
.hall-img{width:100%}
.hall-img div{width:100%; }
.hall-img img{width:90%; margin:0 auto}
}


@media (max-width:500px) {
.root_daum_roughmap .wrap_map{height:320px !important;}
.address p{font-size:20px;}
.address > img{height:22px; margin-right:5px;}
.address b {margin-right: 5px;}
.add.flex-side{margin-bottom:15px; }
.add-btn {font-size:15px; padding:6px 17px;}
.add-r{margin-top:5px;}
.map a.naver{font-size:15px; padding:6px 12px;}
.hall {padding-top:40px;}
.hall h1{font-size:24px; }

}


/* **************************************** * * 관람개요 * * *************************************** */
.sum-con{margin-top:50px; padding-top:50px; border-top:1px dashed rgba(0,0,0,.2)}
.sum-con.mt0{margin-top:0 !important; border-top:0 !important}
.sum-tit{padding-left:13px; position:relative; margin-bottom:20px; font-size:28px; line-height:1; font-weight:700}
.sum-tit::before{content:''; display:block; width:5px; height:5px; border-radius:10px; background:#000; position:absolute; top:50%; left:0; transform:translateY(-50%);}

.sum-text {background:#f7f7f7; padding:30px; border-radius:15px;}
.sum-text p{font-size:22px; line-height:1.4; font-weight:600}
.sum-text ul{margin-top:3px;}
.sum-text ul li{position:relative; padding-left:15px; color:#2e3d7c; font-size:18px; line-height:1.4}
.sum-text ul li::before{content:''; display:block; width:11px; height:11px;  position:absolute; top:7px; left:0; background:url('../../images/2024/sum-che.svg') no-repeat 50% 50%; background-size:cover; }
.sum-text ul li:nth-child(n+2){margin-top:2px;}

.request-btn{display:flex; flex-wrap:wrap; align-items:center; justify-content: center; margin-top:60px;}
.request-btn a{background:#ff682b; color:#fff; padding:23px 30px; width:80% !important; max-width:400px !important;
border-radius:100px; font-size:28px;
font-weight:600; animation: request 1.5s ease infinite; -moz-animation: request 1.5s ease infinite;  -webkit-animation: request 1.5s ease infinite;}
.request-btn:hover a{background:#ea4300; transition:.2s;}
@keyframes request {
  0%,
  100% {
    box-shadow: 0 0 30px #ffa539
  }
  50% {
    box-shadow: 0 0 15px #ffa539
  }
}


.sum-proc{background:rgba(0,0,0,.03); padding:100px 0;}
.proc-con ul {width:100%}
.proc-con ul:after{display:none}
.proc-con ul li {width:calc(100%/4 - 100px); margin-right:130px; border-radius:400px; position:relative;}
.proc-con ul li:last-child{margin-right:0 !important}
.proc-con ul li:last-child::after{display:none}
.proc-con ul li > div {position: relative; width: 100%; height: 0; padding-bottom: 100%; 
border-radius: 100%; background:rgba(59,70,131,.7); color:#fff}
.proc-con ul li:nth-child(2) > div {background:rgba(59,70,131,.8)}
.proc-con ul li:nth-child(3) > div {background:rgba(59,70,131,.9)}
.proc-con ul li:nth-child(4) > div {background:rgba(59,70,131,1)}
.proc-con ul li > div .con { position: absolute;  top: 50%;  left: 0;  transform: translateY(-50%); width: 100%;  padding: 0 20px;  text-align: center; }
.proc-con ul li > div .con p{font-size:18px; line-height:1.3; }
.proc-con ul li img{display:inline-block; height:60px; margin-bottom:15px;}
.proc-con ul li img.h40{height:40px;}
.proc-con ul li img.h50{height:50px;}
.proc-con b{color:#f00; margin-top:5px; font-size:18px; font-weight:300}

.proc-con li:after {content: ''; position: absolute; right: -75px; top: 50%; transform:translateY(-50%); width: 20px; height: 30px; background: url('../../images/2024/proce-arrow.svg') no-repeat 50% 50%; opacity:0.4}





@media (max-width:1230px) {

.sum-con{margin-top:45px; padding-top:45px;}
.sum-tit{padding-left:13px; margin-bottom:20px; font-size:26px;}
.sum-tit::before{ width:5px; height:5px;}
.sum-text { padding:26px; border-radius:12px;}
.sum-text p{font-size:21px;}
.request-btn{margin-top:50px;}
.request-btn a{font-size:23px;}


.sum-proc{padding:80px 0;}
.proc-con ul li {width:calc(100%/4 - 30px); margin-right:40px; }
.proc-con ul li > div .con p{font-size:17px; }
.proc-con ul li img{height:50px; margin-bottom:15px;}
.proc-con ul li img.h40{height:35px;}
.proc-con ul li img.h50{height:45px;}
.proc-con b{font-size:17px;}
.proc-con li:after {right: -28px; width: 18px; height: 26px; }


}

@media (max-width:1023px) {

.sum-con{margin-top:40px; padding-top:40px;}
.sum-tit{padding-left:11px; margin-bottom:18px; font-size:24px;}
.sum-tit::before{ width:4px; height:4px;}
.sum-text { padding:22px; border-radius:10px;}
.sum-text p{font-size:20px;}
.sum-text ul li{padding-left:13px; font-size:16px;}
.sum-text ul li::before{width:10px; height:10px; top:6px; }
.request-btn{margin-top:40px;}
.request-btn a{padding:12px 26px; font-size:18px;}

.sum-proc{padding:70px 0;}
.proc-con ul li {width:calc(100%/4 - 15px); margin-right:20px; }
.proc-con ul li > div .con {padding: 0 15px;  }
.proc-con ul li > div .con p{font-size:16px; line-height:1.2 }
.proc-con ul li img{height:45px; margin-bottom:12px;}
.proc-con ul li img.h40{height:30px;}
.proc-con ul li img.h50{height:40px;}
.proc-con b{font-size:16px;}
.proc-con li:after {right: -18px; width: 15px; height: 20px; }

}


@media (max-width:768px) {
.sum-con{margin-top:35px; padding-top:35px;}
.sum-tit{padding-left:10px; margin-bottom:15px; font-size:21px;}
.sum-tit::before{ width:4px; height:4px;}

.sum-text { padding:20px;}
.sum-text p{font-size:18px;}
.sum-text ul li{padding-left:12px; font-size:15px;}
.sum-text ul li::before{width:10px; height:10px; top:5px; }
.sum-text ul li:nth-child(n+2) { margin-top: 4px;}
.request-btn{margin-top:30px;}
.request-btn a{padding:11px 24px; font-size:17px;}

.sum-proc{padding:60px 0;}
.proc-con ul li {width:calc(100%/2 - 30px); margin-right:30px; }
.proc-con ul li:nth-child(n+3){margin-top:20px;}
.proc-con ul li > div .con {padding: 0 20px;  }
.proc-con ul li > div .con p{font-size:17px; line-height:1.3 }
.proc-con ul li img{height:50px; margin-bottom:15px;}
.proc-con ul li img.h40{height:35px;}
.proc-con ul li img.h50{height:45px;}
.proc-con b{font-size:16px;}
.proc-con li:after {right: -24px; width: 17px; height: 23px; }
}



@media (max-width:500px) {
.sum-con{margin-top:30px; padding-top:30px;}
.sum-tit{padding-left:8px; margin-bottom:12px; font-size:19px;}
.sum-tit::before{ width:3px; height:3px;}

.sum-text { padding:18px;}
.sum-text p{font-size:16px;}
.sum-text ul li{padding-left:12px; font-size:14px;}
.sum-text ul li::before{width:9px; height:9px; top:4px; }

.request-btn{margin-top:25px;}
.request-btn a{padding:10px 20px; font-size:19px;}


.sum-proc{padding:50px 0;}
.proc-con ul li {width:calc(100%/2 - 20px); margin-right:20px; }
.proc-con ul li:nth-child(n+3){margin-top:12px;}
.proc-con ul li > div .con {padding: 0 20px;  }
.proc-con ul li > div .con p{font-size:15px; line-height:1.2 }
.proc-con ul li img{height:45px; margin-bottom:10px;}
.proc-con ul li img.h40{height:30px;}
.proc-con ul li img.h50{height:40px;}
.proc-con b{font-size:15px;}
.proc-con li:after {right: -15px; width: 10px; height: 15px; }

}


@media (max-width:340px) {

.proc-con ul li > div .con {padding: 0 15px;  }
.proc-con ul li > div .con p{font-size:14px; }
.proc-con ul li img{height:40px;}
.proc-con ul li img.h40{height:25px;}
.proc-con ul li img.h50{height:35px;}

}


/* **************************************** * * footer * * *************************************** */
footer{background:#222; padding-top:50px; margin-top:50px;}
footer .flex-side{    align-items: flex-end;}
footer .wrap7.flex-side{position:relative}
.footer-logo{height:46px; margin-bottom:15px;}
.ft-left ul li{color:rgba(255,255,255,.7); font-size:17px; line-height:1.4; font-weight:300;}
.ft-left ul li:nth-child(n+2){margin-top:4px;}
.ft-tel {align-items: flex-end;}
.ft-tel img{height:45px; margin-right:10px; margin-bottom:2px; }
.ft-tel h1{font-size:26px; color:#fff; line-height:1; font-weight:400}
.ft-tel h1 b{margin-top:8px; font-weight:600}

.copy{border-top:1px solid rgba(255,255,255,.2); padding:25px 0; margin-top:25px}
.copy p{color:rgba(255,255,255,.3); font-size:17px; text-align:center; font-weight:400}

.gotop{position:absolute; bottom:0; right:0; cursor:pointer; opacity:0.5}
.gotop img{width:50px; height:50px;}
.gotop:hover{opacity:1}

.ft-right{margin-right:80px;}


@media (max-width:1230px) {
.footer-logo{height:33px; margin-bottom:15px;}
.ft-left ul li{font-size:16px;}
.ft-left ul li:nth-child(n+2){margin-top:4px;}
.ft-tel img{height:43px; }
.ft-tel h1{font-size:23px;}
.copy{ padding:20px 0; margin-top:20px}
.copy p{font-size:16px; }
.gotop img{width:48x; height:48px;}
.ft-right{margin-right:75px;}
}



@media (max-width:1023px) {
footer{padding-top:45px;}
footer .flex-side {flex-flow: column; align-items: flex-start;}
.footer-logo{height:31px; margin-bottom:14px;}
.ft-left ul li{font-size:15px;}
.ft-tel {margin-top:15px;}
.ft-tel img{height:38px; margin-right:12px; margin-bottom:3px; }
.ft-tel h1{font-size:21px;}
.ft-tel h1 b{margin-top:7px;}
.copy{ padding:18px 0; margin-top:18px}
.copy p{font-size:15px; }
.gotop img{width:48x; height:48px;}
.ft-right{margin-right:0;}
}


@media (max-width:768px) {
footer{padding-top:35px;}
.footer-logo{height:28px; margin-bottom:12px;}
.ft-tel {margin-top:20px; align-items: center;}
.ft-tel img{height:30px; margin-right:10px; margin-bottom:1px; }
.ft-tel h1{font-size:21px; display:flex; flex-wrap:wrap; align-items:center;}
.ft-tel h1 b{margin-top:0px; margin-left:5px;}
.gotop img{width:45x; height:45px;}

}

@media (max-width:500px) {
footer{padding-top:30px;}
.footer-logo{height:25px; margin-bottom:12px;}
.ft-left ul li{font-size:14px;}
.ft-tel img{height:26px;}
.ft-tel h1{font-size:19px; }
.copy{ padding:15px 0; margin-top:15px}
.copy p{font-size:14px; }
.gotop img{width:40x; height:40px;}


}




/* **************************************** * * sub-top * * *************************************** */
 .snb {
     animation-name: subbg_animation;
     animation-iteration-count: 1;
     animation-duration:1s;
     animation-delay:0s;
     animation-fill-mode:forwards;
     -webkit-animation-fill-mode: forwards;
}
 @keyframes subbg_animation{
     0% {
         background-position:top center;
    }
     100% {
         background-position:center center;
    }
}

/* .snb, .subtopbg,  h2.sub_tit2 {background:rgba(255,255,255,1) url('../../images/sub_visual.jpg') no-repeat center center;}
 */



/* 
 h2.sub_tit2 {background:rgba(0,0,0,0.2) url('/img/sub_visual.jpg') no-repeat center center; background-blend-mode: multiply; color:#fff;} */


 .snb, h2.sub_tit2 {width: 100%; overflow: hidden; box-sizing: border-box; position: relative; z-index: 1; background-size: cover;}
 .snb::before, h2.sub_tit2::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 2;}
.snb h3, .snb dl dt {overflow: hidden;}
 .snb dl dd {display: none;}
 h2.sub_tit {text-align: center;}
 .snb2 {text-align: center;}
 .snb2 dt {display: none;}
 .snb2 dd, .snb2 dd a {display: inline-block;}
 .snb2 dd a {width: 100% }
 .snb2 dl {display: inline-block; width: auto !important;}
.snb {height: 180px; position:relative; z-index:1; background:#888}
.snb h3 {color: rgba(255,255,255,0.8); text-align: center; position: absolute; font-weight:300;
z-index: 3; top: 80px; left: 0; right: 0; margin:0 auto; width: 95%; max-width: 1300px; text-align: center;}
.snb h3 {font-size: 49px; padding-top:40px; line-height: 160px; vertical-align: top;}
.snb2 {margin-top:-30px; position:relative; z-index:3;  background-color: #d4694a;}
.snb2 dd {position:relative;}
.snb2 dd:before { content:'.'; position:absolute;  color:Rgba(0,0,0,0.2); right:-5px; top:-5px; font-size:30px;}
.snb2 dd:last-child:before {content:'';}
.snb dl {display:none;}
.snb2 dd, .snb2 dd a {line-height: 80px; color:rgba(255,255,255,0.6); font-size: 20px;}
.snb2 dd.on a {color:rgba(255,255,255,1); font-weight:700;}
.snb2 dd {padding:0px 25px; vertical-align: middle;}
h2.sub_tit {font-size: 50px; font-weight:700; padding-top:130px; padding-bottom:190px; max-width: 1300px; margin:0 auto; position:relative;}
h2.sub_tit:after {content:''; display:block; background:rgba(0,0,0,0.9); width:1px; height:80px; position:Absolute;  bottom:60px; left:50%; transform:translateX(-50%);}
h2.sub_tit.down:before {content:''; display:block; border-style:solid; border-color:rgba(0,0,0,0.9);  border-width:0px 0px 1px 1px; width:1px; position:Absolute; margin-left:-4px; bottom:77px; left:50%; transform: rotate(-45deg) translateX(-50%); width:35px; height:35px;}



.sub_contents_area {margin:100px 0}

	/*모바일*/
	@media (max-width:640px) {

.sub_contents_area {margin:30px 0}

.snb {height: 110px; }


}




.sub_tit2 {display: none;}
















 html, body { position: relative;}
 html { overflow-x: hidden;}
 #wrap {  position: relative;}

 .navi .sm > div, .navi > li > a {
     text-transform: uppercase;
}
 .maxwd100per {
    max-width:100%;
}

/* 본문바로가기 */
 #accessibility {
     position: relative;
     width: 100%;
     z-index: 1000;
     overflow: hidden;
}
 #accessibility a {
     display: block;
     width: 1px;
     height: 1px;
     margin: 0 -1px -1px 0;
     font-size: 0;
     line-height: 0;
     overflow: hidden;
     text-align: center;
}
 #accessibility a:focus, #skipNavWrap a:hover, #skipNavWrap a:active {
     width: auto;
     height: 22px;
     margin: 0;
     padding-top: 10px;
     font-weight: bold;
     font-size: 12px;
     color: #fff;
     background: #474747;
}
/*상품 뷰어 */
 @media screen and (min-width:1580px) and (max-width:1780px) {
     .main_visual {
         height: 660px !important;
         background-size: auto 1300px !important;
    }
     .main_visual div dl {
         margin-top: 40px !important;
    }
}
 @media screen and (min-width:1400px) and (max-width:1579px) {
     .main_visual {
         height: 660px !important;
         background-size: auto 1200px !important;
         background-position: center -340px 
    }
     .main_visual div dl {
         margin-top: 40px !important;
    }
}
 @media screen and (min-width:1400px) and (max-width:1578px) {
     .main_visual {
         height: 620px !important;
         background-position: center center 
    }
     .main_visual div dl {
         margin-top: 30px !important;
    }
}
 @media screen and (min-width:1320px) and (max-width:1399px) {
     .main_visual {
         height: 550px !important;
         background-position: center -300px;
         background-size: 110% auto;
    }
     .main_visual div dl {
         margin-top: 0px !important;
    }
}
 @media screen and (min-width:1024px) and (max-width:1319px) {
     .main_visual {
         height: 450px !important;
         background-position: center center;
         background-size: 110% auto;
    }
     .main_visual div dl {
         margin-top: -20px !important;
    }
     .main_visual div dt {
         font-size: 20px;
         letter-spacing: 5px;
         line-height: 50px;
         color: #fff;
    }
     .main_visual div dd {
         font-size: 50px;
         line-height: 63px;
         padding-top: 30px;
         padding-bottom: 30px;
    }
     .main_visual div dd strong {
         font-size: 50px;
         line-height: 63px;
    }
}
 @media screen and (min-width:1400px) and (max-width:1520px) {
     #img_thum {
         width: 122px;
    }
     .product_view .img_big {
         width: 454px;
    }
    /* .product_view .desc {
        width:53%;
    }
     */
    .product_view .desc_inner {
         padding-top: 30px;
        /* min-height:245px */
    }
    /* .product_view .spec {
         padding-left:120px;
    }
     */
}
 @media screen and (min-width:1300px) and (max-width:1399px) {
     #img_thum {
         width: 113px;
    }
     .product_view .img_big {
         width: 424px;
    }
    /* .product_view .desc {
        width:53%;
    }
     */
    .product_view .desc_inner {
         padding-top: 20px;
        /* min-height:245px */
    }
     .product_view .desc dl {
         padding-top: 15px;
    }
    /* .product_view .spec {
         padding-left:120px;
    }
     */
}
 @media screen and (min-width:1200px) and (max-width:1299px) {
     #img_thum {
         width: 103px;
    }
     .product_view .img_big {
         width: 389px;
    }
     .product_view .desc {
         width: 53%;
    }
     .product_view .desc_inner {
         padding-top: 20px;
        /* min-height:245px */
    }
     .product_view .desc dl {
         padding-top: 10px;
    }
    /* .product_view .spec {
         padding-left:120px;
    }
     */
    .product_view .desc .btn {
         padding-top: 20px;
    }
}
 @media screen and (min-width:1024px) and (max-width:1199px) {
     #img_thum {
         width: 91px;
    }
     .product_view .img_big {
         width: 396px;
    }
     .product_view .desc_inner {
         padding-top: 20px;
         padding-top: 10px;
        /* min-height:220px;
         */
         font-size: 15px;
         line-height: 22px;
    }
     .product_view .desc dl dt {
         font-size: 30px;
         line-height: 40px;
    }
     .product_view .desc dl dd {
         font-size: 18px;
         line-height: 23px;
    }
     .product_view .desc .btn a:nth-child(1) img {
         height: 20px;
    }
     .product_view .btn a {
         width: 47% !important;
         font-size: 15px !important;
    }
     .product_view .spec h3 {
         font-size: 30px;
         line-height: 32px;
    }
     .procut_roll .bxslider div dl dt {
         font-size: 17px;
    }
     .procut_roll .bxslider div dl dd {
         font-size: 17px;
    }
}
 @media screen and (min-width:1024px) and (max-width:1149px) {
     #img_thum {
         width: 81px;
    }
     .product_view .img_big {
         width: 366px;
    }
}
 h2.sub_tit br {
     display: none;
     padding-left: 10px;
}
/* **************************************** * *새로추가된거 * **************************************** */
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
}
/* **************************************** * * width_area * **************************************** */
 .width_area {
     width: 97%;
     max-width: 1780px;
     margin-left: auto;
     margin-right: auto;
     box-sizing: border-box;
}

.sub_contents_area .width_area,
 .width_area2 {
     width: 97%;
     max-width: 1200px;
     margin-left: auto;
     margin-right: auto;
     box-sizing: border-box;
}


/* **************************************** * * 웹모바일 보이기옵션 * **************************************** */
/*웹*/
 @media (min-width: 1024px) {
     .web_none {
         visibility: hidden;
         display: none;
    }
}
/*패드와 모바일*/
 @media (max-width:1023px) {
     .pad_mobile_none {
         visibility: hidden;
         display: none;
    }
}
/*웹*/
 @media (min-width:1024px) {
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
}
/*모바일*/
 @media (max-width:640px) {
}
/* **************************************** * * header top-lang * **************************************** */
 .top-lang2 {
     box-sizing: border-box;
}
 .top-lang2 a {
     display: inline-block;
     color: #fff;
}
 .top-lang2 a.select {
     opacity: 1;
}
/*웹*/
 @media (min-width: 1024px) {

     .top-lang2 {
         overflow: hidden;
         position: absolute;
         top:75px;
         right: 0;
         z-index: 999999;
         display: inline-block;
    }
     .top-lang2 a { display:inline-block; vertical-align:middle;      font-family: 'SUIT6';}

     .top-lang2 a.btn {
         font-size: 16px;
         line-height: 40px;
         padding: 0px 30px; border-radius:30px;
         color: #fff;  margin:0px 5px; 
		 background:rgba(136,114,94,0.8);
    }



     .top-lang2 a img {
         vertical-align: middle;
         padding: 0 5px 
    }
     .top-lang2 a.select {
    }
/*      .ov .top-lang2 a {
         color: #000;
         }
      */

     .top-lang3 {
         overflow: hidden;
         position: absolute;
         top:25px;
         right: -10px;
         z-index: 999999;
         display: inline-block;
    }
     .top-lang3 a {font-size:16px; line-height:20px;  font-family: 'SUIT6';
	 padding:0px 10px; position:relative;}
     .top-lang3 a:before {content:'';position:absolute; top:3px; right:0px;
	 height:12px; width:1px; background:rgba(0,0,0,0.4);}

     .top-lang3 a:last-child:before {width:0; height:0;}
 }
/*패드와 모바일*/
 @media (max-width:1023px) {
     .top-lang {
         display: none;
    }
}
/*웹*/
 @media (min-width:1024px) {
     .mobile_none {
         visibility: visible;
    }
     .mobile_show {
         visibility: hidden;
         display: none;
         height: 0px;
    }

     .mobile_show2 { display:none}
 


}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .mobile_show2 { display:none}



     .mobile_none {
         visibility: visible;
    }
     .mobile_show {
         visibility: hidden;
         display: none;
         height: 0px;
    }
     .tb_base tbody th {
         max-width: 130px !important 
    }
     .tb_base thead th {
         font-size: 15px;
    }
     .tb_base tbody th, .tb_base tbody td {
         font-size: 13px;
         line-height: 20px;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .mobile_none {
         visibility: hidden;
         display: none;
    }
     .mobile_show {
         visibility: visible;
    }

     .mobile_show2 {
        display:block;
    }

}

/* **************************************** * * 메인 * **************************************** */
/* m_video */
 .m_video {
     width: 100%;
     position: relative;
     height: 100%;
     overflow: hidden;
    /* z-index: 1;
     */
}
 .m_video::before {
     content: '';
     position: absolute;
     z-index: 2;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: url('/kor/pic/main/main_bg.gif') no-repeat center;
}
 .m_video h3 {
     position: absolute;
     left: 0px;
     z-index: 3;
     text-align: Center;
     width: 100%;
}
 .m_video ul {
     width: 100%;
     margin: 30% auto;
     z-index: 4;
     position: absolute 
}
 .m_video li {
     width: 50%;
     text-align: center;
     float: left 
}
 .m_video .btn_down {
     position: absolute;
     bottom: 0;
     width: 100%;
     z-index: 2;
     text-align: Center;
     left: 0;
     text-align: center;
}
 .m_video .btn_down a {
     color: #fff;
}
 .m_video .btn_down::before {
     content: '';
     background: #fff;
     position: Absolute;
     margin: 0 auto;
     left: 0;
     z-index: 3;
     right: 0;
     bottom: 0;
}
/* sc_area */
 .sc_area {
    /* position: relative;
     z-index: 1;
     */
     overflow: hidden;
     -webkit-transition: all 400ms;
     transition: all 400ms;
     text-align: center 
}
 .sc_area::before, .sc_area::after {
     content: '';
     background-size: cover;
     position: Absolute;
     z-index: 2;
}
 .sc_area::after {
     opacity: 0.5;
}
 .sc_area .width_area {
     position: relative;
}
 .sc_area h2 {
     font-size: 28px;
}
 .sc_area h3 {
     font-size: 15px;
     margin: 50px 0;
     font-weight: 300 
}
 .sc_area dl {
     padding-top: 50px;
}
 dl.mtit22 dt {
     color: #000;
}
 dl.mtit22 dd {
     font-weight: 300;
     color: #666;
}
 a.btn_detail {
     display: inline-block;
     font-weight: 600;
     border-radius: 20px;
  color: #f26f47;
  background-color: #f9e4d1;

}
 .sc_area .imgarea01 {
     position: Absolute;
     z-index: 4;
}
 .sc_area .imgarea02 {
     position: Absolute;
     z-index: 4;
}
 .sc_area .textin01, .sc_area .textin02 {
     position: Absolute;
     z-index: 1;
     color: rgba(0,0,0,0.1);
}
/* micon */
 .micon {
     overflow: hidden;
}
 .micon .inner dl {
     cursor: pointer;
}
 .micon .inner dl dt, .micon .inner dl dd {
     text-align: center;
}
 .micon .inner dl dd {
     text-align: center;
}
/* notice_wrap2 */

/* mmbanner */
 .mmbanner {
     background: url('/kor/pic/sub/mmbg001.gif') no-repeat center center;
     background-size: cover;
     overflow: hidden;
}
 .mmbanner h2 {
     color: #fff;
}
 .mmbanner h3 {
     color: #fff;
     opacity: 0.6;
     font-weight: 300;
}
 a.btn_detail.white {
     border: 1px solid #fff;
     color: #fff;
}
/*웹*/
 @media (min-width: 1024px) {
     .m_video {
         height:680px;
         overflow: hidden;
         background-size: auto 500px;
    }
     .m_video video {
        /* min-width: 140%;
         */
    }
     .m_video h3 {
         top:130px;
    }
     .m_video ul {
         width: 100%;
         top:580px;
         margin:0px !important;
         z-index: 4;
         position: absolute 
    }
     .m_video li {
         width: 48%;
         text-align: center;
         float: left 
    }
     .m_video .btn_down {
         padding-bottom: 20px;
         font-size: 12px;
         letter-spacing: 5px;
    }
     .m_video .btn_down::before {
         height: 60px;
         width: 1px;
    }
    /* sc_area */
     .sc_area {
         padding: 70px 0px 0px;
         width:100%;
         height: 450px;
         background: url('/kor/pic/main/m_box_bg.png') no-repeat center;
    }
     .sc_area::before {
         height: 300px;
         width: 300px;
         top: -70px;
         right: -70px;
    }
     .sc_area::after {
         height: 500px;
         width: 500px;
         bottom: -100px;
         left: -100px;
         display: none;
    }
     .sc_area .width_area {
         position: relative;
         text-align: center 
    }
     .insta {padding:80px 0px;}
     .insta h2,
     .sc_area h2 {
         font-size: 38px;
    }
     .sc_area h3 {
         font-size: 20px;
         margin: 50px 0;
         font-weight: 300 
    }
     .sc_area dl {
         padding-top: 50px;
    }
     dl.mtit22 dt {
         font-size: 35px;
         line-height: 80px;
    }
     dl.mtit22 dd, .mmbanner h3 {
         font-size: 20px;
         line-height: 30px;
         font-weight: 500;
         color: #000 
    }
     dl.mtit22 dd span {
         color: #003399 
    }
     dl.mtit22.white dt {
         color: #fff;
    }
     dl.mtit22.white dd {
         color: #fff;
         opacity: 0.7;
    }
     a.btn_detail {
         font-size: 16px;
         padding: 15px 30px;
         margin: 40px 0;
    }
     .sc_area .imgarea01 {
         right: 500px;
         top: 640px 
    }
     .sc_area .imgarea02 {
         right: 0;
         top: 200px;
    }
     .sc_area .textin01, .sc_area .textin02 {
         font-size: 230px;
         line-height: 280px;
    }
     .sc_area .textin01 {
         position: absolute;
         top: -50px;
         left: 30px;
    }
     .sc_area .textin02 {
         position: absolute;
         top: 250px;
         right: 30%;
    }
    /* micon */
     .micon {
         padding: 50px 0px 30px 0px;
    }
     .micon dl {
         overflow: hidden;
         float: left;
    }
     .micon .inner {
         overflow: hidden;
         float: right;
         padding-right: 5%;
    }
     .micon .inner dl {
         padding: 10px 37px;
    }
     .micon .inner dl dd {
         font-size: 19px;
         line-height: 60px;
    }
    /* notice_wrap2 */
/*      .notice_wrap2 {
         padding-bottom: 40px; 
         }
     
     .notice_wrap2 h2 {position:relative; text-align:left;
         font-size: 38px; 
         letter-spacing: 0px;
         margin-top: 72px;
         margin-bottom: 50px 
         }
     .notice_wrap2 h2 a {position:absolute; top:-20px; right:0px;}
     
     
     .notice_wrap2 dl {
         padding: 13px 4%;
         box-sizing: border-box;
         text-align:left 
         }
     .notice_wrap2 dl dt {
         float: left;
         font-size: 16px;
         line-height: 1.5;
         white-space:nowrap;
         }
     .notice_wrap2 dl dd {
         float: right;
         font-size: 12px;
         line-height: 1.5;
         }
     .notice_wrap2 dl dt span {
         font-size: 14px;
         margin-right: 50px;
         line-height: 25px;
         width: 90px;
         text-align:center 
         }
     .notice_wrap2 .btn_detail {
         margin-top: 20px;
         } */
    /* mmbanner */
     .mmbanner {
         padding: 110px 0px;
         margin: 50px 0px;
    }
     .mmbanner div {
         position: relative;
    }
     .mmbanner h2 {
         font-size: 35px;
         line-height: 40px;
         padding-bottom: 30px;
    }
     .mmbanner div a.btn_detail {
         position: Absolute;
         top: 0;
         right: 0;
    }
    /* mmbanner */
}








/*작은웹*/
 @media (min-width:1024px) and (max-width:1200px) {
     .main_village_slide .width_area {
         padding-left: 100px !important;
         border: 2px solid red !important;
    }
     .main_village_slide .width_area dl {
         padding-top: 70px !important 
    }
     .main_village_slide a.btn_detail.white {
         margin-top: 10px !important;
    }
     .micon .inner {
         padding-right: 2%;
    }
     .micon .inner dl {
         padding: 10px 27px;
    }
}
/*패드와 모바일*/
 @media (max-width:1023px) {
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .m_video {
         min-height: 600px;
         max-height: 600px;
         background-size: auto 300px;
    }
     .m_video img {
         max-width: 60%;
    }
     .m_video video {
         min-width: 260%;
    }
     .m_video h3 {
         top: 70px;
    }
     .m_video h3 img {
        width:350px;
    }
     .m_video ul {
         width: 100%;
         top: 400px;
         margin:0;
         z-index: 4;
         position: absolute 
    }
     .m_video li {
         width: 50%;
         text-align: center;
         box-sizing:border-box;
         float: left 
    }
     .m_video .btn_down {
         padding-bottom: 0px;
         font-size: 12px;
         letter-spacing: 5px;
    }
     .m_video .btn_down::before {
         height: 50px;
         width: 1px;
    }
    /* sc_area */
     .sc_area {
         padding: 70px 0px 0px;
         height: 397px;
         background: url('/kor/pic/main/m_box_bg.png') no-repeat center;
    }
     .sc_area::before {
         background: none;
    }
     .sc_area .width_area {
         position: relative;
    }
     .sc_area h2 {
         font-size: 19px;
         letter-spacing: 5px;
         line-height: 30px;
    }


     .sc_area dl {
         padding-top: 140px;
    }
     dl.mtit22 dt {
         font-size: 27px;
         line-height: 60px;
    }
     dl.mtit22 dd, .mmbanner h3 {
         font-size: 16px;
         line-height: 26px;
    }
     dl.mtit22.white dt {
         color: #fff;
    }
     dl.mtit22.white dd {
         color: #fff;
         opacity: 0.7;
    }
     a.btn_detail {
         line-height: 48px;
         font-size: 14px;
         padding: 0px 60px;
         margin-top: 30px;
    }
     .sc_area .imgarea01 {
         right: 500px;
         top: 440px 
    }
     .sc_area .imgarea01 img {
         width: 170px 
    }
     .sc_area .imgarea02 {
         right: -10%;
         top: 200px;
    }
     .sc_area .imgarea02 img {
         width: 200px 
    }
     .sc_area .textin01, .sc_area .textin02 {
         font-size: 130px;
         line-height: 170px;
    }
     .sc_area .textin01 {
         position: absolute;
         top: -20px;
         left: -30px;
    }
     .sc_area .textin02 {
         position: absolute;
         top: 150px;
         right: -30px;
    }
    /* micon */
     .micon {
         padding: 30px 0px;
         text-align: center;
    }
     .micon dl {
         overflow: hidden;
    }
     .micon .inner {
         overflow: hidden;
         text-align: center;
    }
     .micon .inner dl {
         padding: 30px 27px 10px 27px;
         ;
         display: inline-block;
    }
     .micon .inner dl dd {
         font-size: 19px;
         line-height: 60px;
    }
    /* notice_wrap2 */
     .notice_wrap2 {
         padding-bottom: 20px;
    }
     .notice_wrap2 dl {
         padding: 10px 4%;
         box-sizing: border-box;
    }
     .notice_wrap2 dl dt {
         float: left;
         font-size: 17px;
         line-height: 40px;
    }
     .notice_wrap2 dl dd {
         float: right;
         font-size: 14px;
         line-height: 40px;
    }
     .notice_wrap2 dl dt span {
         font-size: 14px;
         margin-right: 50px;
         line-height: 25px;
         width: 90px;
    }
     .notice_wrap2 .btn_detail {
         margin-top: 50px;
    }
    /* mmbanner */
     .mmbanner {
         padding: 60px 0px;
         margin: 30px 0px;
    }
     .mmbanner div {
         position: relative;
    }
     .mmbanner h2 {
         font-size: 25px;
         line-height: 40px;
    }
}
/*웹*/
 @media (min-width:1024px) {
     .m_video h3 img {
        width:700px;
    }
     .m_video h3 {
        top:180px !important;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .m_video {
         height: 350px;
         background-size: auto 200px;
    }
     .m_video img {
         max-width:60% 
    }
     .m_video video {
         min-width: 260%;
    }
     .m_video h3 {
         top: 50px;
    }
     .m_video h3 img{
         width:280px;
    }
     .m_video ul {
         width: 100%;
         margin:0px;
         padding:0;
         bottom:-10px;
         z-index:4;
         position: absolute 
    }
     .m_video li {
         width:50%;
         text-align: center;
         box-sizing:border-box;
         float: left 
    }
     .m_video .btn_down {
         padding-bottom: 10px;
         font-size: 12px;
         letter-spacing: 5px;
    }
     .m_video .btn_down::before {
         height: 10px;
         width: 1px;
    }
    /* sc_area */
     .sc_area {
         padding: 50px 0px;
         width: 
    }
     .sc_area::before {
         background: none;
    }
     .sc_area .width_area {
         position: relative;
    }

     .sc_area h3 {
         font-size: 15px;
         margin: 50px 0;
         font-weight: 300 
    }
     .sc_area dl {
         padding-top: 50px;
    }
     .sc_area dl {
         padding-top: 30px;
    }
     dl.mtit22 dt {
         font-size: 20px;
         line-height: 30px;
    }
     dl.mtit22 dd, .mmbanner h3 {
         font-size: 14px;
         line-height: 22px;
         padding-top: 10px;
    }
     dl.mtit22.white dt {
         color: #fff;
    }
     dl.mtit22.white dd {
         color: #fff;
         opacity: 0.7;
    }
     a.btn_detail {
         line-height: 38px;
         font-size: 13px;
         padding: 0px 30px;
         margin-top: 30px;
    }
     .sc_area .imgarea01 {
         left: -50px;
         bottom: -30px 
    }
     .sc_area .imgarea01 img {
         width: 170px 
    }
     .sc_area .imgarea02 {
         right: -10%;
         bottom: 40px;
    }
     .sc_area .imgarea02 img {
         width: 200px 
    }
     .sc_area .textin01, .sc_area .textin02 {
         font-size: 80px;
         line-height: 90px;
    }
     .sc_area .textin01 {
         position: absolute;
         top: -20px;
         left: -30px;
    }
     .sc_area .textin02 {
         position: absolute;
         top: 150px;
         right: -30px;
    }
    /* micon */
     .micon {
         padding: 30px 0px;
         text-align: center;
    }
     .micon dl {
         overflow: hidden;
    }
     .micon .inner {
         overflow: hidden;
         text-align: center;
    }
     .micon .inner dl {
         padding: 30px 27px 10px 27px;
         ;
         display: inline-block;
    }
     .micon .inner dl dd {
         font-size: 14px;
         line-height: 60px;
    }



    /* mmbanner */
     .mmbanner {
         padding: 30px 0px;
         margin: 30px 0px;
         text-align: center;
    }
     .mmbanner div {
         position: relative;
    }
     .mmbanner h2 {
         font-size: 18px;
         line-height: 22px;
         text-align: center;
    }
}

/* *************
*************************** * * prepare_area * **************************************** */
 .prepare_area {
     text-align: center;
     background: #f7f4f2;
     box-sizing: border-box;
 border-radius:50px 0px 50px 0px;

}
 .prepare_area dl {padding:30px 0px;}
 .prepare_area dt {font-weight:700; color:rgba(0,0,0,0.6)}
 .prepare_area dd {
     font-weight: 400; color:rgba(0,0,0,0.3)
}




/*웹*/
 @media (min-width: 1024px) {
     .prepare_area {
         padding: 150px 0px;
    }
     .prepare_area img {padding-bottom:30px;}
     .prepare_area dt {
         font-size: 36px;
         line-height: 80px;
         letter-spacing: -2px;
    }
     .prepare_area dd {
         font-size: 25px;
         line-height: 50px;
         letter-spacing: -1px;
    }



}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .prepare_area {
         padding: 150px 0px;
    }
     .prepare_area img {padding-bottom:30px; width:300px;}
     .prepare_area dt {
         font-size: 36px;
         line-height: 80px;
         letter-spacing: -2px;
    }
     .prepare_area dd {
         font-size: 25px;
         line-height: 50px;
         letter-spacing: -1px;
    }

}
/*모바일*/
 @media (max-width:640px) {
      .prepare_area {
         padding: 90px 0px;
    }
     .prepare_area img {padding-bottom:30px; width:180px;}
     .prepare_area dt {
         font-size: 26px;
         line-height: 50px;
         letter-spacing: -2px;
    }
     .prepare_area dd {
         font-size: 19px;
         line-height: 40px;
         letter-spacing: -1px;
    }

}
/* **************************************** * * tablist * **************************************** */
 .tablist {
     width: 100%;
     border-top: 3px solid #ddd;
     border-bottom: 1px solid #ddd;
     text-align: center;
}
 .tablist a {
     display: inline-block;
     position: relative;
     color: #555;
}
 .tablist a.on::before {
     content: '';
     background: #3fbb8d;
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 5px;
}
 .tablist a.on {
     color: #3fbb8d;
}
 .tablist2 {
     width: 100%;
     text-align: center;
     background: #eee;
}
 .tablist2 a {
     display: inline-block;
     color: #666;
}
 .tablist2 a.on {
     background: #408ddf;
     border: none;
     color: #fff 
}
/*웹*/
 @media (min-width: 1024px) {
     .tablist {
         margin-bottom: 40px;
    }
     .tablist a {
         padding: 0px 30px;
         font-size: 18px;
         line-height: 78px;
    }
     .tablist2 a {
         font-size: 15px;
         line-height: 60px;
         padding: 0px 40px;
    }
     .pt-reg a {
         padding: 0px 15px;
    }
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .tablist {
         margin-bottom: 40px;
    }
     .tablist a {
         padding: 0px 10px;
         font-size: 16px;
         line-height: 68px;
    }
     .tablist2 a {
         padding: 0px 30px;
         font-size: 18px;
         line-height: 78px;
    }
     .tablist2 a {
         font-size: 14px;
         line-height: 50px;
         padding: 0px 40px;
    }
     .pt-reg a {
         padding: 0px 7px;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .tablist {
         margin-bottom: 40px;
    }
     .tablist a {
         padding: 0px 10px;
         width: 30%;
         font-size: 14px;
         line-height: 48px;
    }
     .tablist2 a {
         padding: 0px 30px;
         font-size: 18px;
         line-height: 68px;
    }
     .tablist2 a {
         font-size: 14px;
         line-height: 50px;
         padding: 0px 20px;
    }
     .pt-reg a {
         padding: 0px 3px;
    }
}
/* **************************************** * * 버튼 * **************************************** */
 .kakaonav {
     background: #fae100 url('/kor/pic/sub/kakaonav.gif') no-repeat;
     vertical-align: middle;
}
 .kakaonav::after {
     font-family: 'Noto Sans KR' !important 
}
 h3 .kakaonav {
     vertical-align: middle;
     position: Absolute;
}
/*웹*/
 @media (min-width: 1024px) {
     .kakaonav {
         margin-left: 20px;
         padding: 0px 20px;
         background-position: 10px center;
         border-radius: 5px;
         background-size: auto 17px;
         font-weight: 300;
         float: right;
         margin-right: 30px;
         line-height: 26px;
    }
     .kakaonav::after {
         content: '길찾기';
         color: #1976d2;
         padding-left: 20px;
         padding-left: 10px;
         font-size: 12px;
         line-height: 26px;
    }
     h3 .kakaonav {
         top: 110px;
         right: 0;
    }
     h3 .kakaonav::after {
         font-size: 16px;
         line-height: 37px;
    }
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .kakaonav {
         margin-left: 20px;
         padding: 0px 20px !important;
         background-position: 10px center;
         border-radius: 5px;
         background-size: auto 17px;
         font-weight: 300;
         float: right;
         margin-right: 30px;
         line-height: 26px;
    }
     .kakaonav::after {
         content: '길찾기';
         color: #1976d2;
         padding-left: 20px;
         padding-left: 10px;
         font-size: 12px;
         line-height: 26px;
    }
     h3 .kakaonav {
         top: 110px;
         right: 0;
    }
     h3 .kakaonav::after {
         font-size: 14px;
         line-height: 30px;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .kakaonav {
         padding: 0px 10px;
         background-position: center center;
         border-radius: 5px;
         background-size: auto 17px;
         font-weight: 300;
         float: right;
         width: 10px;
         height: 20px;
    }
     h3 .kakaonav {
         top: 105px;
         right: 0;
    }
}
/* **************************************** * * location_step * **************************************** */
 .location_step {
     box-sizing: border-box;
     background: #eee;
     width: 100%;
}
 .location_step li {
     color: #000;
     overflow: hidden;
     position: relative;
}
 .location_step li:nth-child(1)::before {
     content: '1';
}
 .location_step li:nth-child(2)::before {
     content: '2';
}
 .location_step li:nth-child(3)::before {
     content: '3';
}
 .location_step li:nth-child(4)::before {
     content: '4';
}
 .location_step li:nth-child(5)::before {
     content: '5';
}
 .location_step li::before {
     position: absolute;
     left: 0;
     box-sizing: border-box;
     border-radius: 50%;
     display: block;
     text-align: center;
     color: #fff;
     background: #6ca9ea;
}
/*웹*/
 @media (min-width: 1024px) {
     .location_step {
         margin-top: 30px;
         padding: 40px 0px 40px 20%;
    }
     .location_step li {
         padding-bottom: 20px;
         padding-left: 40px;
         font-size: 15px;
         line-height: 25px;
    }
     .location_step li::before {
         top: 0;
         width: 30px;
         height: 30px;
         line-height: 30px;
    }
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .location_step {
         margin-top: 30px;
         padding: 40px 0px 40px 10%;
    }
     .location_step li {
         padding-bottom: 20px;
         padding-left: 40px;
         font-size: 14px;
         line-height: 25px;
    }
     .location_step li::before {
         top: 0;
         width: 30px;
         height: 30px;
         line-height: 30px;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .location_step {
         margin-top: 30px;
         padding: 40px 0px 40px 3%;
    }
     .location_step li {
         padding-bottom: 20px;
         padding-left: 40px;
         font-size: 13px;
         line-height: 22px;
    }
     .location_step li::before {
         top: 0;
         width: 26px;
         height: 26px;
         line-height: 26px;
    }
}
/* **************************************** * * event-area * **************************************** */
 .event-area {
     overflow: hidden;
}
 .event-area h3, h3.subtitst01 {
     font-weight: 500;
     color: #225ad8;
     overflow: hidden;
}
 .event-area h3, .event-area h4 {
     color: #003366;
}
 .event-area h4 {
     font-weight: 400;
     opacity: 0.8;
     overflow: hidden;
}
 .descin dt {
     background: #1e8ede;
     color: #fff;
     border-radius: 5px;
     overflow: hidden;
}
 .descin dt, .event-area h5 {
     font-weight: 500;
     overflow: hidden;
}
 .event-area h5 {
     color: #1e8ede;
}
 .descin dd {
     color: #666;
     overflow: hidden;
}
 .event-area h3:first-child {
     font-family: 'Do Hyeon', sans-serif;
     text-align:left 
}
 .event-area p {
     float: left;
     margin: 5px 30px 5px 0;
     /* width: 35%;  */
}


.tbl_2_div.type4 dl dt {flex-wrap: wrap;}
.tbl_2_div.type4 dl dt p {flex-basis:100% }


 .event-area p img {
     border: #ccc 1px solid 
}
/*웹*/
 @media (min-width: 1024px) {
     .event-area h3, h3.subtitst01 {
         font-size: 40px;
         line-height: 1.3;
         text-align: Center;
         position: relative;
         letter-spacing: -1px;
         padding-top: 30px;
         padding-bottom: 40px;
         width: 45%;
    }
     .event-area h3::before, h3.subtitst01::before {
         content: '';
         position: absolute;
         top: 90px;
         left: 0;
         margin: auto;
         width: 30px;
         height: 5px;
    }
     .event-area h4 {
         font-size: 20px;
         line-height: 30px;
         padding-bottom: 60px;
         text-align: center;
    }
     .descin {
         overflow: hidden;
         padding-bottom: 30px;
         box-sizing: border-box;
         padding-right: 15px;
    }
     .descin dt {
         text-align: center;
         width: 18%;
         float: left;
    }
     .descin dd {
         float: right;
         width: 76%;
    }
     .descin dt, .descin dd {
         line-height: 1.8;
    }
     .event-area h5, .descin dt, .descin dd {
         font-size: 16px;
    }
     .event-area h5 {
         padding-top: 35px;
         line-height: 23px;
         font-size: 20px !important 
    }
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .event-area h3, h3.subtitst01 {
         font-size: 25px;
         text-align: Center;
         position: relative;
         line-height: 50px;
         letter-spacing: -1px;
         padding-top: 100px;
         width: 100%;
    }
     .event-area h3::before, h3.subtitst01::before {
         content: '';
         position: absolute;
         top: 80px;
         left: 0;
         right: 0;
         margin: auto;
         width: 40px;
         height: 3px;
         background: #224fb5;
    }
     .event-area h4 {
         font-size: 17px;
         line-height: 25px;
         padding-bottom: 60px;
         text-align: center;
    }
     .descin {
         width: 100%;
         overflow: hidden;
         padding-bottom: 9px;
         float: left;
         box-sizing: border-box;
         padding-right: 15px;
    }
     .descin dt {
         text-align: center;
         width: 18%;
         float: left;
    }
     .descin dd {
         float: right;
         width: 76%;
    }
     .descin dt, .descin dd {
         line-height: 33px;
    }
     .event-area h5, .descin dt, .descin dd {
         font-size: 15px;
    }
     .event-area h5 {
         padding-top: 30px;
         line-height: 23px;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .event-area h3, h3.subtitst01 {
         font-size: 18px;
         text-align: Center;
         position: relative;
         line-height: 30px;
         letter-spacing: -1px;
         padding-top: 100px;
         width: 100%;
    }
     .event-area h3::before, h3.subtitst01::before {
         content: '';
         position: absolute;
         top: 80px;
         left: 0;
         right: 0;
         margin: auto;
         width: 30px;
         height: 3px;
         background: #224fb5;
    }
     .event-area h4 {
         font-size: 16px;
         line-height: 23px;
         padding-bottom: 40px;
         text-align: center;
    }
     .descin {
         width: 100%;
         overflow: hidden;
         padding-bottom: 9px;
         float: left;
         box-sizing: border-box;
         padding-right: 15px;
    }
     .descin dt {
         text-align: center;
         width: 25%;
         float: left;
    }
     .descin dd {
         float: right;
         width: 66%;
    }
     .descin dt, .descin dd {
         line-height: 33px;
    }
     .event-area h5, .descin dt, .descin dd {
         font-size: 14px;
    }
     .event-area h5 {
         padding-top: 30px;
         line-height: 23px;
    }
     .event-area p img {
         width:96% 
    }
}
/* **************************************** * * event-area2 * **************************************** */
 .event-area2 {
     overflow: hidden;
}
 .event-area2 p{
     width:100%;
     float:left;
}
 .event-area2 h3, h3.subtitst01 {
     font-weight: 500;
     color: #225ad8;
     overflow: hidden;
     font-family: 'Do Hyeon', sans-serif;
}
 .event-area2 h3, .event-area2 h4 {
     color: #003366;
}
 .event-area2 h4 {
     font-weight: 400;
     opacity: 0.8;
     overflow: hidden;
}
 .descin dt {
     background: #d4694a;
     color: #fff;
     border-radius: 5px;
     overflow: hidden;
}
 .descin dt, .event-area2 h5 {
     font-weight: 500;
     overflow: hidden;
}
 .event-area2 h5 {
     color: #1e8ede;
}
 .descin dd {
     color: #666;
     overflow: hidden;
}
 .event-area2 h3:first-child {
     margin-top: -60px;
     !important 
}
/*웹*/
 @media (min-width: 1024px) {
     .event-area2 h3, h3.subtitst01 {
         font-size: 36px;
         line-height: 53px;
         text-align: left;
         position: relative;
         letter-spacing: -1px;
         padding-top: 100px;
         padding-bottom: 15px;
         width: 100%;
    }
     .event-area2 h3::before, h3.subtitst01::before {
         content: '';
         position: absolute;
         top: 80px;
         left: 0;
         margin: auto;
         width: 60px;
         height: 3px;
         background: #224fb5;
    }
     .event-area2 h4 {
         font-size: 20px;
         line-height: 30px;
         padding-bottom: 60px;
         text-align: center;
    }
     .event-area2 .descin {
         width: 50%;
         overflow: hidden;
         padding-bottom: 25px;
         float: left;
         box-sizing: border-box;
         padding-right: 15px;
    }
     .descin dt {
         text-align: center;
         width: 18%;
         float: left;
    }
     .descin dd {
         float: right;
         width: 76%;
    }
     .descin dt, .descin dd {
         line-height: 1.5;
    }
     .event-area2 h5, .descin dt, .descin dd {
         font-size: 16px;
    }
     .event-area2 h5 {
         padding-top: 35px;
         line-height: 23px;
         font-size: 20px !important 
    }
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .event-area2 h3, h3.subtitst01 {
         font-size: 25px;
         text-align: Center;
         position: relative;
         line-height: 50px;
         letter-spacing: -1px;
         padding-top: 100px;
         width: 100%;
    }
     .event-area2 h3::before, h3.subtitst01::before {
         content: '';
         position: absolute;
         top: 80px;
         left: 0;
         right: 0;
         margin: auto;
         width: 40px;
         height: 3px;
         background: #224fb5;
    }
     .event-area2 h4 {
         font-size: 17px;
         line-height: 25px;
         padding-bottom: 60px;
         text-align: center;
    }
     .descin {
         width: 100%;
         overflow: hidden;
         padding-bottom: 9px;
         float: left;
         box-sizing: border-box;
         padding-right: 15px;
    }
     .descin dt {
         text-align: center;
         width: 18%;
         float: left;
    }
     .descin dd {
         float: right;
         width: 76%;
    }
     .descin dt, .descin dd {
         line-height: 33px;
    }
     .event-area2 h5, .descin dt, .descin dd {
         font-size: 15px;
    }
     .event-area2 h5 {
         padding-top: 30px;
         line-height: 23px;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .event-area2 h3, h3.subtitst01 {
         font-size: 18px;
         text-align: Center;
         position: relative;
         line-height: 30px;
         letter-spacing: -1px;
         padding-top: 100px;
         width: 100%;
    }
     .event-area2 h3::before, h3.subtitst01::before {
         content: '';
         position: absolute;
         top: 80px;
         left: 0;
         right: 0;
         margin: auto;
         width: 30px;
         height: 3px;
         background: #224fb5;
    }
     .event-area2 h4 {
         font-size: 16px;
         line-height: 23px;
         padding-bottom: 40px;
         text-align: center;
    }
     .descin {
         width: 100%;
         overflow: hidden;
         padding-bottom: 9px;
         float: left;
         box-sizing: border-box;
         padding-right: 15px;
    }
     .descin dt {
         text-align: center;
         width: 25%;
         float: left;
    }
     .descin dd {
         float: right;
         width: 66%;
    }
     .descin dt, .descin dd {
         line-height: 33px;
    }
     .event-area2 h5, .descin dt, .descin dd {
         font-size: 12px;
         line-height:1.7;
         letter-spacing:-1px 
    }
     .event-area2 h5 {
         padding-top: 30px;
         line-height: 23px;
    }
}
/* **************************************** * * program_wrap * **************************************** */
 .program_wrap .sector {
     overflow: hidden;
     position: relative;
     border: 1px solid #ddd;
     box-sizing: border-box;
}
 .program_wrap .sector dl {
     overflow: hidden;
     box-sizing: border-box;
}
 .program_wrap .sector dt p {
     opacity: 0.6;
     color: #225ad8;
}
 .program_wrap .sector dt {
     color: #225ad8;
     font-weight: 600;
     border-bottom: 1px solid #ddd;
}
 .program_wrap .sector dd {
     color: #666;
     font-weight: 300;
}
 .program_wrap .moderator p {
     border-radius: 50%;
     margin-bottom: 10px;
     position: relative;
     overflow: hidden;
     border: 1px solid #ddd;
}
 .program_wrap .moderator p img {
     width: 100%;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
}
 .program_wrap .moderator {
     overflow: hidden;
}
 .program_wrap .moderator dl {
     overflow: hidden;
     width: 100% !important;
     padding: 0 !important;
}
 .program_wrap .moderator dl dt, .program_wrap .moderator dl dd {
     overflow: hidden;
     width: 100% !important;
}
 .program_wrap .moderator h4:before {
     content: '';
     position: absolute;
     background: #225ad8 
}
 .program_wrap .moderator h4 {
     color: #225ad8;
     overflow: hidden;
     width: 100%;
     position: relative;
}
 .program_wrap .moderator dl dt {
     padding: 0px;
     text-align: left;
     color: #000;
     border-bottom: none;
}
 .program_wrap .moderator dl dd:nth-child(2), .program_wrap .moderator dl dd:nth-child(4) {
     color: #000;
     padding: 0px;
     text-align: left;
     font-weight: 300;
}
 .program_wrap .moderator dl dd:nth-child(3), .program_wrap .moderator dl dd:nth-child(5) {
     text-align: left;
}
 .program_wrap .moderator dl dd:nth-child(5) {
     padding-top: 0;
}
 .program_wrap h3 {
     text-align: Center;
}
 .new_program p {
     text-align: center 
}
 .new_program p img {
     text-align: center;
     padding: 20px 0;
     margin: 0 auto 
}
/*웹*/
 @media (min-width: 1024px) {
     .program_wrap h3 {
         font-size: 30px;
         line-height: 50px;
         text-align: Center;
         letter-spacing: -1px;
         padding-bottom: 40px;
         width: 100%;
    }
     .program_wrap .sector {
         margin-bottom: 30px;
         background: linear-gradient(to right, #fff 65%, #eee 35%);
    }
     .program_wrap .sector dl {
         float: left;
         width: 67%;
         padding: 100px;
    }
     .program_wrap .sector dt {
         font-size: 27px;
         line-height: 46px;
         padding-bottom: 60px;
    }
     .program_wrap .sector dt p {
         font-size: 17px;
         line-height: 20px;
         padding-bottom: 20px;
    }
     .program_wrap .sector dd {
         font-size: 16px;
         line-height: 28px;
         padding-top: 50px;
    }
     .program_wrap .moderator {
         width: 24%;
         padding: 30px 20px 30px 50px;
    }
     .program_wrap .moderator p {
         width: 110px;
         height: 110px;
    }
     .program_wrap .moderator h4:before {
         top: 10px;
         width: 30px;
         height: 3px;
    }
     .program_wrap .moderator h4 {
         padding-top: 30px;
         margin-top: 40px;
         font-size: 18px;
         line-height: 23px;
         padding-bottom: 30px;
    }
     .program_wrap .moderator dl dt {
         font-size: 17px;
         line-height: 26px;
    }
     .program_wrap .moderator dl dd:nth-child(2), .program_wrap .moderator dl dd:nth-child(4) {
         font-size: 15px;
         line-height: 22px;
    }
     .program_wrap .moderator dl dd:nth-child(3), .program_wrap .moderator dl dd:nth-child(5) {
         font-size: 13px;
         line-height: 22px;
         padding-top: 5px;
         padding-bottom: 23px;
    }
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .program_wrap h3 {
         font-size: 25px;
         line-height: 50px;
         padding-bottom: 40px;
         width: 100%;
         padding-top: 30px;
    }
     .program_wrap .sector dt {
         font-size: 20px;
         line-height: 36px;
         padding-bottom: 40px;
    }
     .program_wrap .sector {
         margin-bottom: 30px;
    }
     .program_wrap .sector dl {
         width: 100%;
         padding: 50px;
    }
     .program_wrap .sector dt p {
         font-size: 14px;
         line-height: 17px;
         padding-bottom: 15px;
    }
     .program_wrap .sector dd {
         font-size: 14px;
         line-height: 26px;
         padding-top: 40px;
    }
     .program_wrap .moderator {
         width: 100%;
         padding: 30px 20px 30px 50px;
         background: #eee;
    }
     .program_wrap .moderator div {
         float: left;
         width: 30%;
         overflow: hidden;
         box-sizing: border-box;
    }
     .program_wrap .moderator div:nth-child(3) {
         padding-top: 50px;
    }
     .program_wrap .moderator p {
         width: 80px;
         height: 80px;
    }
     .program_wrap .moderator h4:before {
         top: 10px;
         width: 30px;
         height: 3px;
    }
     .program_wrap .moderator h4 {
         padding-top: 30px;
         font-size: 18px;
         line-height: 23px;
         padding-bottom: 30px;
    }
     .program_wrap .moderator dl dt {
         font-size: 17px;
         line-height: 26px;
    }
     .program_wrap .moderator dl dd:nth-child(2), .program_wrap .moderator dl dd:nth-child(4) {
         font-size: 15px;
         line-height: 22px;
    }
     .program_wrap .moderator dl dd:nth-child(3), .program_wrap .moderator dl dd:nth-child(5) {
         font-size: 13px;
         line-height: 22px;
         padding-top: 5px;
         padding-bottom: 23px;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .program_wrap h3 {
         font-size: 18px;
         line-height: 30px;
    }
     .program_wrap h3 {
         font-size: 25px;
         line-height: 50px;
         padding-bottom: 40px;
         width: 100%;
         padding-top: 30px;
    }
     .program_wrap .sector dt {
         font-size: 18px;
         line-height: 26px;
         padding-bottom: 40px;
    }
     .program_wrap .sector {
         margin-bottom: 30px;
    }
     .program_wrap .sector dl {
         width: 100%;
         padding: 20px;
    }
     .program_wrap .sector dt p {
         font-size: 13px;
         line-height: 17px;
         padding-bottom: 10px;
    }
     .program_wrap .sector dd {
         font-size: 14px;
         line-height: 26px;
         padding-top: 40px;
    }
     .program_wrap .moderator {
         width: 100%;
         padding: 20px 20px 30px 20px;
         background: #eee;
    }
     .program_wrap .moderator p {
         width: 60px;
         height: 60px;
    }
     .program_wrap .moderator h4:before {
         top: 10px;
         width: 30px;
         height: 2px;
    }
     .program_wrap .moderator h4 {
         padding-top: 20px;
         font-size: 16px;
         line-height: 23px;
         padding-bottom: 30px;
    }
     .program_wrap .moderator dl dt {
         font-size: 15px;
         line-height: 23px;
    }
     .program_wrap .moderator dl dd:nth-child(2), .program_wrap .moderator dl dd:nth-child(4) {
         font-size: 13px;
         line-height: 20px;
    }
     .program_wrap .moderator dl dd:nth-child(3), .program_wrap .moderator dl dd:nth-child(5) {
         font-size: 11px;
         line-height: 20px;
         padding-top: 5px;
         padding-bottom: 23px;
    }
     .new_program p img {
         width:100% 
    }
}




/* **************************************** * * 고속버스 * **************************************** */
 h4.bustit, h4.traintit, h4.airtit {
     text-align: center;
     width: 100%;
     font-weight: 500;
}
 h4.bustit p, h4.airtit p, h4.traintit p {
     display: inline-block;
     position: relative;
     overflow: hidden;
}
 h4.bustit p::after, h4.traintit p::after, h4.airtit p::after {
     content: '';
     position: absolute;
     z-index: 1;
     width: 100%;
}
 h4.bustit p::before, h4.traintit p::before, h4.airtit p::before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 2;
}
 h4.bustit p::before {
     background: url('/kor/pic/sub/bus.png') no-repeat center center;
}
 h4.traintit p::before {
     background: url('/kor/pic/sub/train.png') no-repeat center center;
}
 h4.airtit p::before {
     background: url('/kor/pic/sub/air.png') no-repeat center center;
}
 h4.bustit span, h4.traintit span, h4.airtit span {
     position: relative;
     z-index: 3;
     background: #fff;
}
 ul.notice_alert {
     overflow: hidden;
}
 ul.notice_alert li {
     position: relative;
     padding-left: 30px;
}
 ul.notice_alert li::before {
     content: '!';
     padding: 0px 10px;
     font-weight: 800;
     position: Absolute;
     top: 0;
     left: 0;
     border: 1px solid #000;
     color: #000;
     margin-right: 10px;
}
 ul.notice_alert a {
     color: #225ad8;
     border: 1px solid #225ad8;
     display: inline-block;
     vertical-align: middle;
}
 .subtitst01 span {
     opacity: 0.3;
     padding: 0px 10px;
}
/*웹*/
 @media (min-width: 1024px) {
     h4.bustit, h4.traintit, h4.airtit {
         text-align: center;
         padding-bottom: 20px;
         margin-top: 40px;
    }
     h4.bustit p::after, h4.traintit p::after, h4.airtit p::after {
         border-top: 4px dotted #ddd;
         top: 24px;
         left: 0px;
         height: 5px;
    }
     h4.bustit p::before {
         background-size: auto 17px;
    }
     h4.traintit p::before {
         background-size: auto 17px;
    }
     h4.airtit p::before {
         background-size: auto 17px;
    }
     h4.bustit p span:first-child, h4.traintit p span:first-child, h4.airtit p span:first-child {
         margin-right: 120px;
    }
     h4.bustit p span:last-child, h4.traintit p span:last-child, h4.airtit p span:last-child {
         margin-left: 120px;
    }
     h4.bustit span, h4.traintit span, h4.airtit span {
         font-size: 22px;
         line-height: 50px;
         padding: 0px 10px;
    }
     ul.notice_alert {
text-align:right !important; width:100%;

    }
     ul.notice_alert li::before {
         margin-right: 10px;
    }
     ul.notice_alert li {
         font-size: 16px; display:inline-block;
         line-height: 23px;
         margin-bottom: 10px;
    }
     ul.notice_alert a {
         font-size: 14px;
         padding: 0px 20px;
         margin-left: 30px;
         line-height: 30px;
    }
     ul.notice_alert li {
         padding-left: 40px;
    }
     th a.link {
         margin-left: 10px;
    }
     th a.link img {
         width: 16px;
         vertical-align: middle;
    }
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     h4.bustit, h4.traintit, h4.airtit {
         text-align: center;
         padding-bottom: 20px;
         margin-top: 40px;
    }
     h4.bustit p::after, h4.airtit p::after, h4.traintit p::after {
         border-top: 3px dotted #ddd;
         top: 20px;
         left: 0px;
         height: 5px;
    }
     h4.bustit p::before {
         background-size: auto 12px;
    }
     h4.traintit p::before {
         background-size: auto 12px;
    }
     h4.airtit p::before {
         background-size: auto 12px;
    }
     h4.bustit p span:first-child, h4.traintit p span:first-child, h4.airtit p span:first-child {
         margin-right: 80px;
    }
     h4.bustit p span:last-child, h4.traintit p span:last-child, h4.airtit p span:last-child {
         margin-left: 80px;
    }
     h4.bustit span, h4.traintit span, h4.airtit span {
         font-size: 18px;
         line-height: 40px;
         padding: 0px 10px;
    }
     ul.notice_alert {
         padding-top: 30px;
    }
     ul.notice_alert li::before {
         margin-right: 5px;
    }
     ul.notice_alert li {
         font-size: 13px;
         line-height: 20px;
         margin-bottom: 10px;
    }
     ul.notice_alert a {
         font-size: 14px;
         padding: 0px 20px;
         margin-left: 30px;
         line-height: 20px;
    }
     ul.notice_alert li {
         padding-left: 40px;
    }
     th a.link {
         margin-left: 5px;
    }
     th a.link img {
         width: 13px;
         vertical-align: middle;
    }
}
/*모바일*/
 @media (max-width:640px) {
     h4.bustit, h4.traintit {
         text-align: center;
         padding-bottom: 20px;
         margin-top: 40px;
    }
     h4.bustit p::after, h4.traintit p::after {
         border-left: 2px dotted #ddd;
         top: 0px;
         left: 50%;
         height: 100%;
    }
     h4.bustit p::before {
         background-size: auto 10px;
         left: 0;
    }
     h4.traintit p::before {
         background-size: auto 10px;
         left: 0;
    }
     h4.bustit p span, h4.traintit p span {
         display: block;
    }
     h4.bustit p span:first-child, h4.traintit p span:first-child {
         margin-bottom: 40px;
    }
     h4.bustit span, h4.traintit span {
         font-size: 15px;
         line-height: 30px;
         padding: 0px 10px;
    }
     ul.notice_alert {
         padding-top: 30px;
    }
     ul.notice_alert li::before {
         margin-right: 5px;
    }
     ul.notice_alert li {
         font-size: 13px;
         line-height: 20px;
         margin-bottom: 10px;
    }
     ul.notice_alert a {
         font-size: 14px;
         padding: 0px 20px;
         margin-left: 30px;
         line-height: 20px;
    }
     ul.notice_alert li {
         padding-left: 40px;
    }
     th a.link {
         display: block;
    }
     th a.link img {
         margin-top: 5px;
         width: 11px;
         vertical-align: middle;
    }
}
/* **************************************** * * 기본 * **************************************** */
/*웹*/
 @media (min-width: 1024px) {
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
}
/*모바일*/
 @media (max-width:640px) {
}
/* **************************************** * * subdec_top * **************************************** */
 .subdec_top {
     text-align: center;
     box-sizing: border-box;
     position: relative;
}
 .subdec_top::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.5) 
}
 .subdec_top dt, .subdec_top dd {
     color: #fff;
     position: relative;
     text-align: center;
     z-index: 2;
}
 .subdec_top dt {
     font-weight: 600;
}
 .subdec_top dd {
     opacity: 0.7;
}
 .subdec_top.insubbg01 {
     background: url('/kor/pic/sub/sb01.gif') no-repeat center center 
}
 .subdec_top.insubbg02 {
     background: url('/kor/pic/sub/in11.gif') no-repeat center center 
}
 .subdec_top.insubbg03 {
     background: url('/kor/pic/sub/in12.gif') no-repeat center center 
}
 .subdec_top.insubbg04 {
     background: url('/kor/pic/sub/m14.gif') no-repeat center center 
}
 .subdec_top.insubbg05 {
     background: url('/kor/pic/sub/m15.gif') no-repeat center center 
}
 .subdec_top.insubbg06 {
     background: url('/kor/pic/sub/m16.gif') no-repeat center center 
}
 .subdec_top {
     background-size: cover !important;
}
/*웹*/
 @media (min-width: 1024px) {
     .subdec_top {
         padding: 110px 0px;
         margin-bottom: 30px;
    }
     .subdec_top dt {
         font-size: 30px;
         line-height: 40px;
         padding-bottom: 20px;
    }
     .subdec_top dd {
         font-size: 16px;
         line-height: 20px;
    }
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .subdec_top {
         padding: 90px 0px;
         margin-bottom: 30px;
    }
     .subdec_top dt {
         font-size: 26px;
         line-height: 30px;
         padding-bottom: 20px;
    }
     .subdec_top dd {
         font-size: 15px;
         line-height: 20px;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .subdec_top {
         padding: 50px 0px;
         margin-bottom: 30px;
    }
     .subdec_top dt {
         font-size: 18px;
         line-height: 25px;
         padding-bottom: 20px;
    }
     .subdec_top dd {
         font-size: 13px;
         line-height: 20px;
    }
}
/* **************************************** * * 맛집 * **************************************** */
 .area_list_food {
     text-align: center;
}
 .area_list_food div {
     border: 1px solid #ddd;
     overflow: hidden;
     display: inline-block;
}
 .area_list_food div img {
     width: 100%;
}
 .area_list_food div dl {
     overflow: hidden;
     width: 100%;
}
 .area_list_food div dt {
     font-weight: 600;
}
 .area_list_food div dd {
     font-weight: 300;
     color: #666;
}
/*웹*/
 @media (min-width: 1024px) {
     .area_list_food div {
         width: 19.5%;
         margin: 15px 15px;
    }
     .area_list_food div dl {
         padding: 10px 0px;
    }
     .area_list_food div dt {
         font-size: 20px;
         line-height: 30px;
         padding-bottom: 15px;
    }
     .area_list_food div dd {
         font-size: 15px;
         padding-bottom: 10px;
    }
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .area_list_food div {
         width: 39%;
         margin: 15px 15px;
    }
     .area_list_food div dl {
         padding: 10px 0px;
    }
     .area_list_food div dt {
         font-size: 18px;
         line-height: 30px;
         padding-bottom: 10px;
    }
     .area_list_food div dd {
         font-size: 15px;
         padding-bottom: 10px;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .area_list_food div {
         width: 47%;
         margin: 15px 1%;
    }
     .area_list_food div dl {
         padding: 10px 0px;
    }
     .area_list_food div dt {
         font-size: 14px;
         line-height: 25px;
         padding-bottom: 10px;
    }
     .area_list_food div dd {
         font-size: 12px;
         padding-bottom: 10px;
    }
}
/* **************************************** * * 투어 * **************************************** */
 .area_list {
     overflow: hidden;
}
 .area_list .vrBox {
     overflow: hidden;
     border: 1px solid #ddd;
     cursor: pointer;
     z-index: 1;
     position: relative;
}
 .area_list .vrBox::before {
     content: '';
     background: #225ad8 url('/kor/pic/sub/vr.png') no-repeat center center;
     z-index: 2;
     position: ABSOLUTE;
     background-size: 47% auto;
}
 .area_list .vrBox .vrAddress {
     color: #666;
}
/*웹*/
 @media (min-width: 1024px) {
     .area_list .vrBox {
         float: left;
         margin: 20px 0px;
         width: 48%;
         overflow: hidden;
    }
     .area_list .vrBox:nth-child(2n) {
         float: right;
    }
     .area_list .vrBox .vrBox_img {
         float: left;
         width: 35%;
         overflow: hidden;
    }
     .area_list .vrBox .vrBox_img img {
         width: 100%;
    }
     .area_list .vrBox .vrTitle {
         float: right;
         overflow: hidden;
         width: 60%;
    }
     .area_list .vrBox .vrAddress {
         float: right;
         overflow: hidden;
         width: 60%;
    }
     .area_list .vrBox .vrTitle {
         font-size: 20px;
         line-height: 30px;
         padding-bottom: 10px;
         margin-top: 60px;
    }
     .area_list .vrBox .vrAddress {
         font-size: 17px;
         line-height: 20px;
    }
     .area_list .vrBox::before {
         top: 0px;
         right: 0px;
         width: 60px;
         height: 60px;
    }
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .area_list .vrBox {
         margin: 20px 0px;
         overflow: hidden;
    }
     .area_list .vrBox .vrBox_img {
         float: left;
         width: 35%;
         overflow: hidden;
    }
     .area_list .vrBox .vrBox_img img {
         width: 100%;
    }
     .area_list .vrBox .vrTitle {
         float: right;
         overflow: hidden;
         width: 60%;
    }
     .area_list .vrBox .vrAddress {
         float: right;
         overflow: hidden;
         width: 60%;
    }
     .area_list .vrBox .vrTitle {
         font-size: 18px;
         line-height: 25px;
         padding-bottom: 10px;
         margin-top: 40px;
    }
     .area_list .vrBox .vrAddress {
         font-size: 17px;
         line-height: 20px;
    }
     .area_list .vrBox::before {
         top: 0px;
         right: 0px;
         width: 60px;
         height: 60px;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .area_list .vrBox {
         margin: 20px 0px;
         padding-bottom: 30px;
         overflow: hidden;
    }
     .area_list .vrBox .vrBox_img {
         overflow: hidden;
    }
     .area_list .vrBox .vrBox_img img {
         width: 100%;
    }
     .area_list .vrBox .vrTitle {
    }
     .area_list .vrBox .vrAddress {
    }
     .area_list .vrBox .vrTitle {
         font-size: 16px;
         line-height: 22px;
         text-align: center;
         padding-bottom: 10px;
         margin-top: 40px;
    }
     .area_list .vrBox .vrAddress {
         font-size: 13px;
         line-height: 20px;
         text-align: center;
    }
     .area_list .vrBox::before {
         top: 0px;
         right: 0px;
         width: 60px;
         height: 60px;
    }
}
/* **************************************** * * 맛집 * **************************************** */
 .desc_inwrap_icon {
     overflow: hidden;
     text-align: center;
}
 .desc_inwrap_icon div {
     display: inline-block;
}
 .desc_inwrap_icon dl dt {
     color: #000;
     font-weight: 600;
}
 .desc_inwrap_icon dl dd {
     color: #666;
}
/*웹*/
 @media (min-width: 1024px) {
     .desc_inwrap_icon {
         padding: 40px 0px;
    }
     .desc_inwrap_icon div {
         padding: 20px 50px;
    }
     .desc_inwrap_icon p img {
         height: 160px;
    }
     .desc_inwrap_icon dl dt {
         font-size: 17px;
         line-height: 25px;
         padding-bottom: 30px;
    }
     .desc_inwrap_icon dl dd {
         font-size: 15px;
         line-height: 22px;
    }
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
}
/*모바일*/
 @media (max-width:640px) {
}
/** 이까지 추가함 새로추가 새로추가 새로추가 새로추가 새로추가 **/
/* main_product */
 .main_product {
     overflow: Hidden;
}
 .main_product dl {
     overflow: Hidden;
     cursor: pointer;
     box-sizing: border-box;
}
 .main_product dl dt {
     color: #000;
     font-weight: 600;
}
 .main_product dl dd {
     color: #333;
     font-weight: 300;
}
 .main_product dl dd img {
     width: 100%;
}
/*웹*/
 @media (min-width: 1024px) {
     .main_product {
         padding: 50px 0px;
    }
     .main_product dl {
         width: 25%;
         border-left: 1px solid #ddd;
         float: left;
         padding: 20px 3% 
    }
     .main_product dl:nth-child(1) {
         border: none;
    }
     .main_product dl dt {
         font-size: 21px;
         line-height: 37px;
    }
     .main_product dl dd {
         font-size: 15px;
         line-height: 20px;
         padding-top: 20px;
         min-height: 60px;
    }
     .main_product dl dd img {
         margin-top: 30px;
    }
}
/*패드와 모바일*/
 @media (max-width:1023px) {
     .main_product {
         padding: 50px 0px;
         text-align: left;
    }
     .main_product dl {
         width: 50%;
         float: left;
         padding: 20px 3%;
         height: 350px;
    }
     .main_product dl:nth-child(1) {
         border-bottom: 1px solid #ddd;
    }
     .main_product dl:nth-child(2) {
         border-bottom: 1px solid #ddd;
         border-left: 1px solid #ddd;
    }
     .main_product dl:nth-child(4) {
         border-left: 1px solid #ddd;
    }
     .main_product dl dd img {
         max-width: 300px;
    }
     .main_product dl dd:nth-child(3) {
         text-align: center;
    }
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .main_product dl {
         height: 350px;
    }
     .main_product dl dt {
         font-size: 19px;
         line-height: 37px;
    }
     .main_product dl dd {
         font-size: 14px;
         line-height: 20px;
         padding-top: 10px;
         min-height: 60px;
    }
     .main_product dl dd img {
         margin-top: 10px;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .main_product dl {
         height: 200px !important;
    }
     .main_product dl dt {
         font-size: 16px;
         line-height: 37px;
    }
     .main_product dl dd:nth-child(2) {
         font-size: 12px;
         line-height: 18px;
         padding-top: 10px;
         min-height: 60px;
         display: none 
    }
}
/* .main_banner */
 .main_banner {
     overflow: hidden;
}
 .main_banner dl {
     overflow: hidden;
     box-sizing: border-box;
     cursor: pointer;
}
 .main_banner dl dt {
     font-weight: 700;
     color: #000;
     padding: 0;
     letter-spacing: -1px;
}
 .main_banner dl dd {
     color: #333;
     padding: 0;
     margin: 0;
}
 .main_banner dl:nth-child(1) {
     background: url('/kor/pic/main/bannerbg01.jpg') no-repeat right center;
}
 .main_banner dl:nth-child(2) {
     background: url('/kor/pic/main/bannerbg02.jpg') no-repeat right center;
}
/*웹*/
 @media (min-width: 1024px) {
     .main_banner {
         padding-bottom: 40px;
         margin-bottom: 0px;
    }
     .main_banner dl {
         width: 49%;
         padding: 30px 70px;
    }
     .main_banner dl dt {
         font-size: 21px;
         line-height: 37px;
    }
     .main_banner dl dd {
         font-size: 15px;
         line-height: 20px;
    }
     .main_banner dl:nth-child(1) {
         float: left;
         background-size: 100% auto;
    }
     .main_banner dl:nth-child(2) {
         float: right;
         background-size: 100% auto;
    }
}
/*패드와 모바일*/
 @media (max-width:1023px) {
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .main_banner {
         padding-bottom: 20px;
    }
     .main_banner dl {
         width: 49%;
         padding: 30px 30px;
         text-align: left;
    }
     .main_banner dl dt {
         font-size: 19px;
         line-height: 37px;
    }
     .main_banner dl dd {
         font-size: 14px;
         line-height: 20px;
    }
     .main_banner dl:nth-child(1) {
         float: left;
         background-size: 100% auto;
    }
     .main_banner dl:nth-child(2) {
         float: right;
         background-size: 100% auto;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .main_banner {
         padding-bottom: 20px;
         overflow: hidden;
    }
     .main_banner dl {
         width: 100%;
         padding: 20px 20px;
         text-align: left;
         margin: 5px 0px;
    }
     .main_banner dl dt {
         font-size: 16px;
         line-height: 27px;
    }
     .main_banner dl dd {
         font-size: 13px;
         line-height: 20px;
    }
     .main_banner dl:nth-child(1) {
         float: left;
         background-size: 100% auto;
    }
     .main_banner dl:nth-child(2) {
         float: right;
         background-size: 100% auto;
    }
}
/* notice_area */
 .notice_area {
     width: 100%;
     background: #ec1c24;
     overflow: hidden;
     position: relative;
}
 .notice_area .div, .notice_area .btn {
     overflow: hidden;
}
 .notice_area .btn a {
     display: inline-block;
     color: #fff;
     font-weight: 600;
     vertical-align: middle 
}
 .notice_area .btn a:nth-child(1) {
     background: url('/kor/pic/main/micon01.png') no-repeat center left;
}
 .notice_area .btn a:nth-child(2) {
     background: url('/kor/pic/main/micon02.png') no-repeat center left;
}
 .notice_area .div a.list {
     color: #fff;
     display: block;
     font-weight: 400;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}
 .notice_area h2 {
     float: left;
     font-weight: 600;
}
 .notice_area .div a.list, .notice_area h2 {
     color: #fff;
}
 .notice_area .bx-prev, .notice_area .bx-next {
     color: rgba(255,255,255,0.5);
     font-weight: 100;
}
 .notice_area .bx-prev, .notice_area .bx-next {
     display: block;
}
/*웹*/
 @media (min-width: 1024px) {
     .notice_area {
         margin-top: -2px;
    }
     .notice_area .bx-wrapper {
         float: left !important;
         width: 500px !important;
    }
     .notice_area .bx-prev {
         top: 25px !important;
         left: 20px !important;
    }
     .notice_area .bx-next {
         top: 40px !important;
         left: 20px !important;
    }
     .notice_area .bx-prev, .notice_area .bx-next {
         width: 33px !important;
         height: 10px !important;
         font-size: 12px;
    }
     .notice_area .bx-prev {
         transform: rotate(90deg) scale(1, 1.5);
    }
     .notice_area .bx-next {
         transform: rotate(90deg) scale(1, 1.5);
    }
     .notice_area .div a.list, .notice_area h2 {
         font-size: 15px;
         line-height: 53px;
    }
     .notice_area .div a.list {
         padding-left: 70px;
    }
     .notice_area h2 {
         float: left;
    }
     .notice_area .btn {
         float: right;
    }
     .notice_area .btn a {
         margin-left: 30px;
         text-overflow: hidden;
         padding-left: 30px;
         font-size: 14px;
         line-height: 53px;
         background-size: 20% auto;
    }
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .notice_area .bx-wrapper {
         float: left !important;
         width: 300px !important;
    }
     .notice_area .bx-prev {
         top: 15px !important;
         left: 0px !important;
    }
     .notice_area .bx-next {
         top: 30px !important;
         left: 0px !important;
    }
     .notice_area .bx-prev, .notice_area .bx-next {
         width: 33px !important;
         height: 10px !important;
         font-size: 12px;
    }
     .notice_area .bx-prev {
         transform: rotate(90deg) scale(1, 1.5);
    }
     .notice_area .bx-next {
         transform: rotate(90deg) scale(1, 1.5);
    }
     .notice_area .div a.list, .notice_area h2 {
         font-size: 15px;
         line-height: 53px;
    }
     .notice_area .div a.list {
         padding-left: 30px;
         width: 280px;
         overflow: hidden;
    }
     .notice_area h2 {
         float: left;
    }
     .notice_area .btn {
         float: right;
    }
     .notice_area .btn a {
         margin-left: 10px;
         padding-left: 30px;
         font-size: 14px;
         line-height: 53px;
         background-size: 20% auto;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .notice_area .bx-wrapper {
         float: left !important;
         width: 240px !important;
    }
     .notice_area .bx-prev {
         top: 15px !important;
         left: 0px !important;
    }
     .notice_area .bx-next {
         top: 30px !important;
         left: 0px !important;
    }
     .notice_area .bx-prev, .notice_area .bx-next {
         width: 33px !important;
         height: 10px !important;
         font-size: 12px;
    }
     .notice_area .bx-prev {
         transform: rotate(90deg) scale(1, 1.5);
    }
     .notice_area .bx-next {
         transform: rotate(90deg) scale(1, 1.5);
    }
     .notice_area .div a.list, .notice_area h2 {
         font-size: 14px;
         line-height: 53px;
    }
     .notice_area .div a.list {
         padding-left: 10px;
         overflow: hidden;
    }
     .notice_area h2 {
    }
     .notice_area .btn {
         display: none 
    }
}
/* nviual_main */
 .nviual_main .bx-controls-direction {
     display: none;
}
 .nviual_main .txt {
     position: relative;
     z-index: 80;
}
 .nviual_main .txt .int {
     position: absolute;
     z-index: 80;
}
 .nviual_main .txt .int div span {
     color: #fff;
     font-weight: 700;
     position: relative;
     text-shadow: 1px 1px 3px rgba(0,0,0,0.3) 
}
 .nviual_main .txt .int div span::before {
     content: '.';
     position: absolute;
     color: #fe0000;
}
 .nviual_main .txt .int div span:nth-child(1)::before {
     display: none;
}
 .nviual_main .txt .int div span:nth-child(1) {
     padding-left: 0px !important;
}
 .nviual_main .txt .int h3 {
     color: #fff;
     font-weight: 400;
     text-shadow: 2px 2px 6px rgba(0,0,0,0.4);
}
 .nviual_main .txt .int h2 {
     color: #fe0000;
     font-weight: 800;
     letter-spacing: -1px;
     text-shadow: 2px 2px 2px rgba(0,0,0,0.1) 
}
 .nviual_main .bx-controls {
     width: 94%;
     max-width: 1300px;
     padding: 0;
     margin: 0;
     margin-left: auto;
     margin-right: auto;
     box-sizing: border-box;
}
 .nviual_main .bx-pager-item {
     display: inline-block;
}
 .nviual_main .bx-pager-item a {
     display: inline-block;
     border-radius: 50%;
     text-indent: -999px;
     background: #fff;
}
 .nviual_main .bx-wrapper {
     margin-bottom: 0px;
}
 .nviual_main .bx-pager-item a.active {
     border: 3px solid red;
}
 .mvisual {
     background: url('/kor/pic/main/m1.jpg') no-repeat center center;
     background-size: cover;
}
 .mvisual2 {
     background: url('/kor/pic/main/m2.jpg') no-repeat center center;
     background-size: cover;
}
 .mvisual3 {
     background: url('/kor/pic/main/m3.jpg') no-repeat center center;
     background-size: cover;
}
/*웹*/
 @media (min-width: 1024px) {
     .nviual_main {
         margin-top: 100px;
    }
     .nviual_main .txt .int {
         top: 140px 
    }
     .nviual_main .txt .int div span::before {
    }
     .nviual_main .txt .int div span {
         font-size: 23px;
         line-height: 40px;
         padding: 0px 11px;
    }
     .nviual_main .txt .int div span::before {
         top: -8px;
         left: -2px;
    }
     .nviual_main .txt .int h3 {
         font-size: 30px;
         margin-top: 30px;
         line-height: 38px;
         padding: 10px 0px;
         letter-spacing: -1px;
    }
     .nviual_main .txt .int h2 {
         font-size: 75px;
         line-height: 80px;
    }
     .nviual_main .bx-pager-item a {
         width: 14px;
         height: 14px;
         margin-right: 10px;
    }
     .nviual_main .bx-pager {
         bottom: 50px !important;
    }
     .nviual_main .mvisual, .nviual_main .mvisual2, .nviual_main .mvisual3 {
         width: 100%;
         height: 600px;
    }
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .nviual_main .mvisual, .nviual_main .mvisual2, .nviual_main .mvisual3 {
         width: 100%;
         height: 500px;
    }
     .nviual_main .txt .int {
         top: 140px;
         text-align: center;
         width: 100%;
    }
     .nviual_main .txt .int div span {
         font-size: 19px;
         line-height: 30px;
         padding: 0px 11px;
    }
     .nviual_main .txt .int div span::before {
         top: -5px;
         left: -2px;
    }
     .nviual_main .txt .int h3 {
         font-size: 24px;
         line-height: 27px;
         padding: 10px 0px;
         letter-spacing: -1px;
    }
     .nviual_main .txt .int h2 {
         font-size: 50px;
         line-height: 80px;
    }
     .nviual_main .bx-pager-item a {
         width: 13px;
         height: 13px;
         margin-right: 10px;
    }
     .nviual_main .bx-pager {
         bottom: 50px !important;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .nviual_main .mvisual, .nviual_main .mvisual2, .nviual_main .mvisual {
         width: 100%;
         height: 260px;
    }
     .nviual_main .txt .int {
         top: 40px;
         text-align: center;
         width: 100%;
    }
     .nviual_main .txt .int div span {
         font-size: 13px;
         line-height: 30px;
         padding: 0px 5px;
    }
     .nviual_main .txt .int div span::before {
         top: -10px;
         left: -2px;
    }
     .nviual_main .txt .int h3 {
         font-size: 16px;
         line-height: 24px;
         padding: 10px 0px;
         letter-spacing: -1px;
    }
     .nviual_main .txt .int h2 {
         font-size: 30px;
         line-height: 40px;
    }
     .nviual_main .bx-pager-item a {
         width: 12px;
         height: 12px;
         margin-right: 10px;
    }
     .nviual_main .center img {
         max-width: 700px;
    }
     .nviual_main .bx-pager {
         bottom: 20px !important;
    }
}
/* nviual_main */
 .nviual_main .bx-controls-direction {
     display: none;
}
 .nviual_main .txt {
     position: relative;
     z-index: 80;
}
 .nviual_main .txt .int {
     position: absolute;
     z-index: 80;
}
 .nviual_main .txt .int div span {
     color: #fff;
     font-weight: 700;
     position: relative;
}
 .nviual_main .txt .int div span::before {
     content: '.';
     position: absolute;
     color: #fe0000;
}
 .nviual_main .txt .int div span:nth-child(1)::before {
     display: none;
}
 .nviual_main .txt .int div span:nth-child(1) {
     padding-left: 0px !important;
}
 .nviual_main .txt .int h3 {
     color: #fff;
     font-weight: 400;
}
 .nviual_main .txt .int h2 {
     color: #fe0000;
     font-weight: 800;
     letter-spacing: -1px;
}
 .nviual_main .bx-controls {
     width: 94%;
     max-width: 1300px;
     padding: 0;
     margin: 0;
     margin-left: auto;
     margin-right: auto;
     box-sizing: border-box;
}
 .nviual_main .bx-pager-item {
     display: inline-block;
}
 .nviual_main .bx-pager-item a {
     display: inline-block;
     border-radius: 50%;
     text-indent: -999px;
     background: #fff;
}
 .nviual_main .bx-wrapper {
     margin-bottom: 0px;
}
 .nviual_main .bx-pager-item a.active {
     border: 3px solid red;
}
/*웹*/
 @media (min-width: 1024px) {
}
/*패드와 모바일*/
 @media (max-width:1023px) {
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
}
/*모바일*/
 @media (max-width:640px) {
}
/* **************************************** * * 인사말 * **************************************** */
 .greeting_area {
     overflow: hidden;
     width: 100%;
}
 .greeting_area .img_txt {
     overflow: hidden;
     width: 100%;
     background: url('/kor/images/sub/greeting_bg.jpg') no-repeat center center;
}
 .greeting_area .img_txt div {
     overflow: hidden;
     box-sizing: border-box;
     color: #fff;
     font-weight: 300;
}
 .greeting_area .width_area div {
     box-sizing: border-box;
     padding: 10px 0px;
}
 .greeting_area p {
     padding: 10px 0px;
     overflow: hidden;
     font-weight: 300;
     color: #333;
}
 .greeting_area .sign {
     overflow: hidden;
     font-weight: 600;
     color: #000;
     width: 100%;
     border-top: 1px solid #ddd 
}
/*웹*/
 @media (min-width: 1024px) {
     .greeting_area .img_txt {
         padding: 77px 0px;
         margin-bottom: 30px;
    }
     .greeting_area .img_txt div {
         font-size: 28px;
         line-height: 42px;
         letter-spacing: -1px;
    }
     .greeting_area .width_area div {
         width: 48%;
         padding-bottom: 30px;
    }
     .greeting_area .width_area div:nth-child(1) {
         float: left;
    }
     .greeting_area .width_area div:nth-child(2) {
         float: right;
    }
     .greeting_area p {
         font-size: 17px;
         line-height: 30px;
    }
     .greeting_area .sign {
         line-height: 80px;
         font-size: 20px;
         margin-top: 30px 
    }
}
/*패드와 모바일*/
 @media (max-width:1023px) {
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .greeting_area .img_txt {
         padding: 47px 0px;
         margin-bottom: 30px;
    }
     .greeting_area .img_txt div {
         font-size: 21px;
         line-height: 32px;
         letter-spacing: -1px;
    }
     .greeting_area .width_area div {
         width: 48%;
         text-align: left;
    }
     .greeting_area .width_area div:nth-child(1) {
         float: left;
    }
     .greeting_area .width_area div:nth-child(2) {
         float: right;
    }
     .greeting_area p {
         font-size: 15px;
         line-height: 24px;
    }
     .greeting_area .sign {
         line-height: 80px;
         font-size: 17px;
         text-align: left;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .greeting_area .img_txt {
         padding: 37px 0px;
         margin-bottom: 30px;
    }
     .greeting_area .img_txt div {
         font-size: 18px;
         line-height: 24px;
         letter-spacing: -1px;
    }
     .greeting_area .width_area div {
         width: 100%;
    }
     .greeting_area .width_area div:nth-child(1) {
         float: left;
    }
     .greeting_area .width_area div:nth-child(2) {
         float: right;
    }
     .greeting_area p {
         font-size: 13px;
         line-height: 22px;
    }
     .greeting_area .sign {
         line-height: 80px;
         font-size: 15px;
    }
}
/* **************************************** * * 비전 * **************************************** */
 .company_info {
     overflow: hidden;
     width: 100%;
}
 .company_info h3, .company_info dl {
     overflow: hidden;
     position: relative;
}
 .company_info h3 span:nth-child(1) {
     top: 0px;
     left: 0px;
     color: rgba(0,0,0,0.7) 
}
 .company_info h3 span:nth-child(2) {
     top: 130px;
     left: 150px;
     color: rgba(0,0,0,0.4) 
}
 .company_info dl {
     position: relative;
}
 .company_info dl dt {
     font-weight: 600;
     color: #ec1c24;
     position: relative;
     z-index: 2;
}
 .company_info dl dt:before {
     content: '';
     position: Absolute;
     background: rgba(255, 200, 200, 0.6);
     z-index: 1;
}
 .company_info dl dd:nth-child(3) {
     color: #666;
     font-weight: 300;
}
 .circle_company {
     width: 100%;
     overflow: hidden;
     background: url('/kor/images/sub/bg4.jpg') no-repeat center center;
     background-size: cover;
     background-attachment: fixed;
}
 .circle_company span {
     display: inline-block;
     color: #fff;
     font-weight: 600;
     text-align: center;
     vertical-align: middle;
     position: relative;
     border-radius: 50%;
     box-sizing: border-box;
     word-break: keep-all;
     z-index: 2;
}
 .circle_company span:nth-child(1) {
     background: rgba(232, 16, 16, 0.7) 
}
 .circle_company span:nth-child(2) {
     background: rgba(187, 20, 20, 0.6) 
}
 .circle_company span:nth-child(3) {
     background: rgba(151, 43, 43, 0.5) 
}
 .circle_company span::before {
     content: '';
     position: absolute;
     border-style: dotted;
     border-radius: 50%;
     z-index: 1;
     border-color: rgba(255, 255, 255, 0.1) 
}
/*웹*/
 @media (min-width: 1024px) {
     .company_info {
         background: url('/kor/pic/eng.gif') no-repeat bottom right;
         background-size: 60px auto;
    }
     .company_info h3 {
         float: left;
         min-width: 400px;
         min-height: 500px;
    }
     .company_info h3 span {
         font-size: 240px;
         line-height: 340px;
         position: absolute;
         font-weight: 800;
    }
     .company_info h3 span:nth-child(1) {
         top: 0px;
         left: 0px;
         opacity: 0.8;
    }
     .company_info h3 span:nth-child(2) {
         top: 130px;
         left: 150px;
    }
     .company_info dl {
         float: right;
         width: 60%;
         padding-top: 110px;
    }
     .company_info dl dt {
         font-size: 70px;
         line-height: 110px;
    }
     .company_info dl dt:before {
         bottom: 10px;
         left: 0;
         width: 120px;
         height: 13px;
    }
     .company_info dl dd:nth-child(2) {
         font-size: 40px;
         line-height: 50px;
    }
     .company_info dl dd:nth-child(3) {
         color: #666;
         font-size: 20px;
         line-height: 30px;
         padding-top: 30px;
    }
     .circle_company {
         margin-bottom: 20px;
         padding: 150px 0px;
    }
     .circle_company span {
         margin: 0px -30px;
         width: 260px;
         height: 260px;
    }
     .circle_company span {
         font-size: 23px;
         line-height: 30px;
    }
     .circle_company span::before {
         content: '';
         width: 280px;
         height: 280px;
         border-width: 4px;
         top: -15px;
         left: -15px;
    }
     .circle_company span:nth-child(1) {
         padding-top: 80px;
    }
     .circle_company span:nth-child(2) {
         padding-top: 100px;
    }
     .circle_company span:nth-child(3) {
         padding-top: 80px;
    }
}
/*패드와 모바일*/
 @media (max-width:1023px) {
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .company_info h3 {
         float: left;
         min-width: 240px;
         min-height: 300px;
    }
     .company_info h3 span {
         font-size: 130px;
         line-height: 200px;
         position: absolute;
         font-weight: 800;
    }
     .company_info h3 span:nth-child(1) {
         top: 0px;
         left: 0px;
         opacity: 0.8;
    }
     .company_info h3 span:nth-child(2) {
         top: 90px;
         left: 80px;
    }
     .company_info dl {
         float: right;
         width: 60%;
         padding-top: 30px;
         text-align: left;
    }
     .company_info dl dt {
         font-size: 40px;
         line-height: 60px;
    }
     .company_info dl dt:before {
         bottom: 10px;
         left: 0;
         width: 70px;
         height: 13px;
    }
     .company_info dl dd:nth-child(2) {
         font-size: 20px;
         line-height: 30px;
    }
     .company_info dl dd:nth-child(3) {
         color: #666;
         font-size: 16px;
         line-height: 24px;
         padding-top: 30px;
    }
     .circle_company {
         margin-bottom: -20px;
         padding: 60px 0px;
    }
     .circle_company span {
         margin: 0px -30px;
         width: 220px;
         height: 220px;
    }
     .circle_company span {
         font-size: 18px;
         line-height: 20px;
    }
     .circle_company span:nth-child(1) {
         padding-top: 80px;
    }
     .circle_company span:nth-child(2) {
         padding-top: 100px;
    }
     .circle_company span:nth-child(3) {
         padding-top: 80px;
    }
     .circle_company span::before {
         content: '';
         width: 250px;
         height: 250px;
         border-width: 4px;
         top: -15px;
         left: -15px;
    }
     .circle_company span:nth-child(1) {
         padding-top: 80px;
    }
     .circle_company span:nth-child(2) {
         padding-top: 100px;
    }
     .circle_company span:nth-child(3) {
         padding-top: 80px;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .company_info h3 {
         text-align: center;
    }
     .company_info h3 span {
         font-size: 100px;
         line-height: 160px;
         font-weight: 800;
         display: inline-block !important;
    }
     .company_info dl {
         width: 100%;
         padding-bottom: 30px;
    }
     .company_info dl dt {
         font-size: 40px;
         line-height: 60px;
    }
     .company_info dl dt:before {
         display: none 
    }
     .company_info dl dd:nth-child(2) {
         font-size: 20px;
         line-height: 30px;
    }
     .company_info dl dd:nth-child(3) {
         color: #666;
         font-size: 16px;
         line-height: 24px;
         padding-top: 30px;
    }
     .circle_company {
         margin-bottom: -20px;
         padding: 60px 0px;
    }
     .circle_company span {
         margin: 0px -10px;
         width: 130px;
         height: 130px;
    }
     .circle_company span {
         font-size: 14px;
         line-height: 20px;
    }
     .circle_company span:nth-child(1) {
         padding-top: 30px;
    }
     .circle_company span:nth-child(2) {
         padding-top: 40px;
    }
     .circle_company span:nth-child(3) {
         padding-top: 30px;
    }
     .circle_company span::before {
         content: '';
         width: 150px;
         height: 150px;
         border-width: 4px;
         top: -15px;
         left: -15px;
    }
}
/* **************************************** * * 연혁 * **************************************** */
 .history_wrap {
     overflow: hidden;
     background: url('/kor/images/sub/history_bg.gif') no-repeat right bottom;
     background-size: auto 80%;
}
 .history_wrap h3 {
     font-weight: 300;
}
 .history_wrap h3 strong {
     font-weight: 600;
     color: #df3b42;
}
 .history_wrap .width_area {
     position: relative;
}
 .history_wrap .width_area.list::before {
     content: '';
     position: absolute;
     top: 0px;
     z-index: 1;
     height: 100%;
     width: 1px;
     background: #ddd;
}
 .history_wrap div.inner {
     position: relative;
     overflow: hidden;
     z-index: 2;
     background: url('/kor/nimg/sub/history_icon.png') no-repeat;
}
/* .history_wrap div.inner::before{
    content:'';
     position:absolute;
     border-radius:50%;
     border-style:solid ;
    border-color: #df3b42;
     background:#fff;
     z-index:3;
}
 .history_wrap div.inner::after {
    content:'';
    position:absolute;
     border-radius:50%;
     box-sizing:border-box;
     background: rgba(230, 106, 112, 0.8);
     border-color:rgba(230, 106, 112, 0.3);
     border-style:solid;
     z-index:2;
}
 */
 .history_wrap div.inner h2 {
     color: #000;
     opacity: 0.8;
}
 .history_wrap div p {
     overflow: hidden;
     color: #777;
}
/*웹*/
 @media (min-width: 1024px) {
     .history_wrap {
         margin-bottom: -140px;
         padding: 40px 40px 140px 40px;
         background-size: auto 80%;
         background-attachment: fixed;
    }
     .history_wrap h3 {
         font-size: 40px;
         line-height: 60px;
         padding-bottom: 80px;
         letter-spacing: -1px;
    }
     .history_wrap .width_area.list::before {
         left: 35px;
    }
     .history_wrap div.inner {
         padding: 10px 70px;
         background-size: auto 30px;
         background-position: 20px 20px;
    }
    /* .history_wrap div.inner::before{
        top:26px;
         left:25px;
         height:6px;
         width:6px;
         border-width:3px;
    }
     .history_wrap div.inner:after {
        width:30px;
         height:30px;
         border-width:7px;
         top:16px;
         left:16px;
    }
     */
     .history_wrap div.inner h2 {
         font-size: 26px;
         line-height: 40px;
    }
     .history_wrap div p {
         font-size: 16px;
         line-height: 22px;
    }
}
/*패드와 모바일*/
 @media (max-width:1023px) {
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .history_wrap {
         margin-bottom: -50px;
         padding: 40px 40px;
         background-size: auto 80%;
         background-attachment: fixed;
    }
     .history_wrap h3 {
         font-size: 30px;
         text-align: left;
         line-height: 40px;
         padding-bottom: 50px;
         letter-spacing: -1px;
    }
     .history_wrap .width_area.list::before {
         left: 15px;
    }
     .history_wrap div.inner {
         padding: 10px 60px;
    }
    /* .history_wrap div.inner::before{
        top:16px;
         left:24px;
         height:6px;
         width:6px;
         border-width:4px;
         ;
    }
     */
     .history_wrap div.inner {
         padding: 10px 70px;
         background-size: auto 30px;
         background-position: 0px 20px;
    }
     .history_wrap div.inner h2 {
         font-size: 20px;
         line-height: 30px;
    }
     .history_wrap div p {
         font-size: 15px;
         line-height: 20px;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .history_wrap {
         margin-bottom: -50px;
         padding: 40px 40px;
         background-size: auto 80%;
         background-attachment: fixed;
    }
     .history_wrap h3 {
         font-size: 20px;
         text-align: left;
         line-height: 30px;
         padding-bottom: 50px;
         letter-spacing: -1px;
    }
     .history_wrap .width_area.list::before {
         left: 15px;
    }
     .history_wrap div.inner {
         padding: 10px 70px;
         background-size: auto 20px;
         background-position: 7px 16px;
    }
     .history_wrap div.inner {
         padding: 10px 60px;
    }
     .history_wrap div.inner::before {
         top: 16px;
         left: 24px;
         height: 6px;
         width: 6px;
         border-width: 4px;
    }
     .history_wrap div.inner h2 {
         font-size: 17px;
         line-height: 25px;
    }
     .history_wrap div p {
         font-size: 13px;
         line-height: 18px;
    }
}






/* **************************************** * * 특허 * **************************************** */
 .p_gallery_type01 .list {
     text-align: center;
     overflow: hidden;
}
 .p_gallery_type01 .list dl {
     overflow: hidden;
     display: inline-block;
     cursor: pointer;
     vertical-align: top;
     border: 1px solid #ddd;
}
 .p_gallery_type01 .list dl dt img {
     width: 100%;
}
 .p_gallery_type01 .list dl dt {
     overflow: hidden;
     border-bottom: 1px solid #ddd;
}
 .p_gallery_type01 .list dl dd {
     padding: 10px 20px;
     overflow: hidden;
     display: table;
     text-align: center;
     margin: auto;
     box-sizing: border-box;
     font-weight: 300;
     position: relative;
}
 .p_gallery_type01 .list dl dd p {
     display: table-cell;
     overflow: hidden;
     vertical-align: middle;
     width: 100%;
}
 .p_gallery_type01 .list dl dd p span {
     border: 1px solid #fb2950;
     font-weight: 400;
     color: #fb2950;
     border-radius: 4px;
     vertical-align: middle;
}
 .p_gallery_type01 .top {
     width: 100%;
     box-sizing: border-box;
}
 .p_gallery_type01 .top dt {
     position: relative;
     text-align: center;
     color: #fff;
     font-weight: 300;
     width: 100%;
}
 .p_gallery_type01 .top dt strong {
     font-weight: 500;
}
 .p_gallery_type01 .top dt::before {
     content: '';
     background: #fff;
     position: absolute;
     bottom: 0px;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
}
 .p_gallery_type01 .top dd {
     text-align: center;
     color: rgba(255,255,255,0.5);
     font-weight: 300;
}
 .p_gallery_type01 .top.bgst01 {
     background: url('/kor/pic/sub/t01.jpg') no-repeat center center;
     background-size: cover;
}
 .p_gallery_type01 .top.bgst02 {
     background: url('/kor/pic/sub/t02.jpg') no-repeat center center;
     background-size: cover;
}
 .p_gallery_type01 .top.bgst03 {
     background: url('/kor/pic/sub/t03.jpg') no-repeat center center;
     background-size: cover;
}
/*웹*/
 @media (min-width: 1024px) {
     .p_gallery_type01 .top {
         padding: 60px 40px;
         margin-bottom: 40px;
    }
     .p_gallery_type01 .top dt {
         font-size: 30px;
         line-height: 40px;
         padding-bottom: 20px;
    }
     .p_gallery_type01 .top dt::before {
         width: 100px;
         height: 3px;
    }
     .p_gallery_type01 .top dd {
         padding-top: 30px;
         font-size: 15px;
         line-height: 23px;
    }
     .p_gallery_type01 .list dl {
         width: 17%;
         margin: 20px 1%;
    }
     .p_gallery_type01.wide_ver .list dl {
         width: 33%;
    }
     .p_gallery_type01 .list dl dd p {
         font-size: 16px;
         line-height: 25px;
    }
     .p_gallery_type01 .list dl dd p {
         height: 70px;
    }
     .p_gallery_type01 .list dl dd p span {
         padding: 0px 10px;
         line-height: 20px;
         font-size: 12px;
    }
     .btn_link {
         border: 1px solid #fb2950;
         font-weight: 400;
         color: #fb2950 !important;
         border-radius: 4px;
         vertical-align: middle;
         padding: 5px;
         width: 150px;
         margin: 0 auto 
    }
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .p_gallery_type01 .top {
         padding: 40px 30px;
         margin-bottom: 40px;
    }
     .p_gallery_type01 .top dt {
         font-size: 25px;
         line-height: 30px;
         padding-bottom: 20px;
    }
     .p_gallery_type01 .top dt::before {
         width: 80px;
         height: 3px;
    }
     .p_gallery_type01 .top dd {
         padding-top: 30px;
         font-size: 15px;
         line-height: 23px;
    }
     .p_gallery_type01 .list dl {
         width: 23%;
         margin: 20px 1%;
    }
     .p_gallery_type01 .list dl dd p {
         font-size: 15px;
         line-height: 20px;
    }
     .p_gallery_type01 .list dl dd p {
         height: 70px;
    }
     .p_gallery_type01 .list dl dd p span {
         padding: 0px 10px;
         line-height: 20px;
         font-size: 12px;
    }
     .p_gallery_type01.wide_ver .list dl {
         width: 40%;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .p_gallery_type01 .top {
         padding: 20px 20px;
         margin-bottom: 40px;
    }
     .p_gallery_type01 .top dt {
         font-size: 18px;
         line-height: 25px;
         padding-bottom: 20px;
    }
     .p_gallery_type01 .top dt::before {
         width: 60px;
         height: 3px;
    }
     .p_gallery_type01 .top dd {
         padding-top: 20px;
         font-size: 14px;
         line-height: 23px;
    }
     .p_gallery_type01 .list dl {
         width: 46%;
         margin: 10px 1%;
    }
     .p_gallery_type01 .list dl dd p {
         font-size: 13px;
         line-height: 18px;
    }
     .p_gallery_type01 .list dl dd p {
         height: 70px;
    }
     .p_gallery_type01 .list dl dd p span {
         padding: 0px 6px;
         line-height: 17px;
         font-size: 10px;
    }
}
/* **************************************** * * window * **************************************** */
 .window {
     display: none;
     box-sizing: border-box;
     padding: 50px 30px 30px 30px;
     background: #fff;
     border-color: #ddd #aaa #888 #ddd;
     box-shadow: 2px 5px 17px rgba(0, 0, 0, 0.7);
     width: 860px;
}
 .window .sm div {
     display: none;
}
 .window li {
     width: 100%;
     overflow: hidden;
     border-bottom: 1px solid #ddd;
     padding: 11px 15px;
     box-sizing: border-box;
}
 .window li br {
     display: none;
}
 .window li:last-child {
     border-bottom: none;
}
 .window li a {
     float: left;
     width: 200px;
     font-size: 20px;
     line-height: 61px;
     color: #fff;
     background: #e02b31;
     padding: 10px 20px;
     box-sizing: border-box;
     font-weight: 600;
     text-align: center;
}
 .window .sub_menu {
     overflow: hidden;
     width: 100%;
}
 .window .sub_menu li {
     overflow: hidden;
     box-sizing: border-box;
     float: left;
     border: none !important;
     width: auto !important;
     padding: 12px 7px !important;
}
 .window .sub_menu li a {
     display: block;
     font-size: 17px;
     width: auto !important;
     padding: 0px 2px !important;
     line-height: 61px;
     font-weight: 300;
     color: #333;
     width: auto !important;
     background: #fff;
     border: none;
}
 .window .sm {
     overflow: hidden;
     float: right;
     width: 540px;
     box-sizing: border-box;
     padding: 0px 10px;
}
 .window .btn_close {
     position: absolute;
     top: 30px;
     right: 30px;
     overflow: hidden;
     box-sizing: border-box;
}
 .window .btn_close {
     top: 25px;
     right: 30px;
     font-size: 27px;
     line-height: 30px;
     transform: scale(1, 0.7);
     font-weight: 300;
}
/* **************************************** * * window2 * **************************************** */
 .window2 {
     display: none;
     box-sizing: border-box;
     background: #fff;
     border-color: #ddd #aaa #888 #ddd;
     box-shadow: 2px 5px 17px rgba(0, 0, 0, 0.7);
}
 .window2 .btn_close {
     position: absolute;
     color: #000;
     font-weight: 200;
}
 .window2 h2 {
     color: #ec1c24;
     border-bottom: 1px dotted #bbb;
     margin-bottom: 30px;
}
 .window2 .privacy h3, .privacy_in h3 {
     color: #ec1c24;
     font-weight: 500;
}
 .privacy_in {
     background: #eee;
     overflow-y: scroll;
     box-sizing: broder-box;
     border: 1px solid #ddd;
}




/*웹*/
 @media (min-width: 1024px) {
     .window2 {
         padding: 30px 30px 30px 30px;
         width: 580px;
         height: 850px;
    }
     .window2 h2 {
         font-size: 20px;
         line-height: 43px;
         margin-bottom: 30px;
    }
     .window2 .btn_close {
         top: 25px;
         right: 30px;
         font-size: 30px;
         line-height: 40px;
         transform: scale(1, 0.7);
    }
     .window2 .privacy {
         font-size: 15px;
         position: absolute;
         top: 110px;
         left: 5%;
         line-height: 24px;
         width: 90%;
         height: 600px;
         overflow-y: auto;
    }
     .window2 .privacy h4, .privacy_in h4 {
         font-size: 14px;
         line-height: 26px;
         margin-top: 10px;
    }
     .window2 .privacy h3, .privacy_in h3 {
         font-size: 16px;
         line-height: 30px;
         margin-top: 30px;
    }
     .window2 .privacy, .window2 .privacy p {
         font-size: 13px;
         line-height: 20px;
         margin-bottom: 20px;
    }
     .privacy_in {
         width: 100%;
         height: 300px;
         padding: 40px 40px;
         box-sizing: border-box;
    }
}
/*패드와 모바일*/
 @media (max-width:1023px) {
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .window2 {
         padding: 30px 30px 30px 30px;
         width: 380px;
         height: 550px;
    }
     .window2 h2 {
         font-size: 18px;
         line-height: 33px;
         margin-bottom: 30px;
         text-align: left;
    }
     .window2 .btn_close {
         top: 25px;
         right: 30px;
         font-size: 27px;
         line-height: 30px;
         transform: scale(1, 0.7);
    }
     .window2 .privacy {
         font-size: 15px;
         position: absolute;
         top: 110px;
         left: 5%;
         line-height: 24px;
         width: 90%;
         height: 600px;
         overflow-y: auto;
    }
     .window2 .privacy h4, .privacy_in h4 {
         font-size: 14px;
         line-height: 26px;
         margin-top: 10px;
    }
     .window2 .privacy h3, .privacy_in h3 {
         font-size: 16px;
         line-height: 30px;
         margin-top: 30px;
    }
     .window2 .privacy, .window2 .privacy p {
         font-size: 13px;
         line-height: 20px;
         margin-bottom: 20px;
    }
     .privacy_in {
         width: 100%;
         height: 300px;
         padding: 40px 40px;
         text-align: left;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .window2 {
         padding: 30px 30px 30px 30px;
         width: 380px;
         height: 550px;
    }
     .window2 h2 {
         font-size: 18px;
         line-height: 33px;
         margin-bottom: 30px;
         text-align: left;
    }
     .window2 .btn_close {
         top: 25px;
         right: 30px;
         font-size: 27px;
         line-height: 30px;
         transform: scale(1, 0.7);
    }
     .window2 .privacy {
         font-size: 15px;
         position: absolute;
         top: 110px;
         left: 5%;
         line-height: 24px;
         width: 90%;
         height: 600px;
         overflow-y: auto;
    }
     .window2 .privacy h4, .privacy_in h4 {
         font-size: 14px;
         line-height: 26px;
         margin-top: 10px;
    }
     .window2 .privacy h3, .privacy_in h3 {
         font-size: 16px;
         line-height: 30px;
         margin-top: 30px;
    }
     .window2 .privacy, .window2 .privacy p, .privacy_in {
         font-size: 12px;
         line-height: 20px !important;
         margin-bottom: 20px;
    }
     .privacy_in {
         width: 100%;
         height: 100px;
         padding: 10px 10px;
         text-align: left;
    }
}
/*사업소개*/
/* **************************************** * * window2 * **************************************** */
 .productlist {
}
 .productlist .content {
     background: #eee;
     position: relative;
     margin-bottom: 20px;
     overflow: hidden;
}
 .productlist .content h2 {
     float: left;
     overflow: hidden;
     color: #fff;
     font-weight: 600;
     position: relative;
     z-index: 2;
}
 .productlist .content h3 {
     color: #000;
     font-weight: 300;
}
 .productlist h4 {
     color: #ec1c24;
     font-weight: 600;
}
 .productlist .spec {
     overflow: hidden;
     padding: 30px 0px;
}
 .productlist .spec dl {
     overflow: hidden;
}
 .productlist .spec dl dt, .productlist h5 {
     color: #000;
     font-weight: 600;
     position: relative;
}
 .productlist .spec dl dt::before, .productlist h5::before {
     content: '';
     position: absolute;
     background: url('/kor/pic/sub/in13.jpg') no-repeat center center;
     background-size: cover;
}
 .productlist .imgarea img {
     width: 100%;
     border: 1px solid #ddd;
}
 .productlist .imgarea {
     border: none;
}
 .productlist .spec dl dd {
     color: #666;
}
 .productlist .spec dl dd ul li {
     color: #666;
     padding-left: 10px;
     position: relative;
}
 .productlist .spec dl dd ul li::before {
     position: Absolute;
     content: '- ';
}
 .productlist .spec dl dd ul li ul li {
     color: #888;
}
 .productlist .spec dl dd ul li ul li::before {
     position: Absolute;
     content: '. ';
}
 .productlist .tab {
     text-align: Center;
     width: 100%;
     overflow: hidden;
     margin-bottom: 30px;
     border-top: 2px solid #ec1c24;
     border-bottom: 1px solid #ec1c24;
}
 .productlist .tab a {
     display: inline-block;
     color: #000;
     font-weight: 300;
     position: relative;
}
 .productlist .tab a.on {
     display: inline-block;
     color: #ec1c24;
     font-weight: 600;
}
 .productlist .tab a::before {
     content: '';
     background: #ddd;
     position: Absolute;
}
 .productlist .tab a:first-child::before {
     display: none 
}
 .onimport {
     position: relative;
}
 .onimport::before {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     width: 17%;
     height: 100%;
     border: 5px solid #ec1c24;
     box-sizing: border-box;
}
 .onimport .important {
     background: rgba(249, 77, 77, 0.8);
     color: #fff;
     border-bottom: 1px solid rgba(255,255,255,0.2) !important 
}
 span.s {
     vertical-align: bottom !important;
     display: inline-block;
}
 .main_b_zone_2 {
     width: 100%;
     background-color: #eaeaea;
}
 .main_b_zone_2 *{
    box-sizing: border-box;
}
 .b_zone_in{
     width: 100%;
     max-width: 1300px;
     margin: 0 auto;
     padding: 15px 5px;
     display: flex;
     flex-wrap: wrap;
     flex-direction: row;
     justify-content: flex-start;
}
 .b_zone_in dl{
    display: flex;
     flex: 1 1 33.3%;
     align-content: center;
     margin-bottom: 10px;
     flex-direction: row;
}
 .b_zone_in dl:first-of-type{
    max-width: 340px;
}
 .b_zone_in dl:nth-of-type(2){
    max-width: 275px;
}
 .b_zone_in dl:nth-of-type(3){
    max-width: px;
}
 .b_zone_in dl dt{
    min-width: 70px;
     margin-right: 10px;
     text-align: right;
     font-weight: 500;
}
 .b_zone_in dl dd{
    text-align: left;
     line-height: 1.5;
}
/*웹*/
 @media (min-width: 1024px) {
     span.s {
         font-size: 9px;
         line-height: 18px;
         padding: 0px 1px;
    }
     .productlist .content::before {
         content: '';
         position: absolute;
         background: #333;
         background-size: cover;
         width: 28%;
         height: 100%;
         z-index: 1;
         top: 0;
         left: 0;
    }
     .productlist .content h2::before {
         content: ' ';
         z-index: 2;
         width: 100%;
         height: 100%;
         top: 0;
         left: 0;
         position: absolute;
         opacity: 0.2;
    }
     .productlist .content h2.tn01::before {
         background: url('/kor/pic/sub/p1_3.jpg') no-repeat center center;
         background-size: cover;
    }
     .productlist .content h2.tn02::before {
         background: url('/kor/pic/sub/p2_1.jpg') no-repeat center center;
         background-size: cover;
    }
     .productlist .content h2.tn022::before {
         background: url('/kor/pic/sub/p222_1.jpg') no-repeat center center;
         background-size: cover;
    }
     .productlist .content h2.tn03::before {
         background: url('/kor/pic/sub/p3_1.jpg') no-repeat center center;
         background-size: auto 250%;
    }
     .productlist .content h2.tn04::before {
         background: url('/kor/pic/sub/p4_3.jpg') no-repeat center center;
         background-size: cover;
    }
    /* .productlist .content h2 {
        position:absolute;
         display:table;
         top:0;
         left:0;
         width:28%;
         text-align:center;
         font-size:23px;
         height:100%;
         display:table-cell;
    }
     .productlist .content h2 span {
         text-align:center;
         display:table-cell;
         vertical-align:middle;
    }
     */
     .productlist .content h2 {
         position: absolute;
         top: 0;
         left: 0;
         width: 28%;
         font-size: 23px;
         height: 100%;
    }
     .productlist .content h2 span {
         width: auto;
         height: auto;
         text-align: center;
         vertical-align: middle;
         z-index: 3;
         position: absolute;
         top: 50%;
        /* position the top edge of the element at the middle of the parent */
         left: 50%;
        /* position the left edge of the element at the middle of the parent */
         transform: translate(-50%, -50%);
         display: inline-block;
    }
     .productlist .content h3 {
         float: right;
         width: 67%;
         padding: 30px 30px;
         font-size: 17px;
         line-height: 28px;
    }
     .productlist h4 {
         font-size: 30px;
         line-height: 40px;
    }
     .productlist .spec {
         width: 100%;
         position: relative;
    }
     .productlist h5 {
         position: relative;
    }
     .productlist .spec dl {
         margin-bottom: 10px;
         width: 64%;
    }
     .productlist .spec dl dt, .productlist h5 {
         font-size: 23px;
         line-height: 36px;
         padding-top: 10px;
         margin-top: 30px;
    }
     .productlist .spec dl dt::before, .productlist h5::before {
         top: 0px;
         left: 0px;
         width: 26px;
         height: 2px;
    }
     .productlist .spec dl dd {
         padding-top: 10px;
         font-size: 17px;
         line-height: 24px;
    }
     .productlist .imgarea {
         overflow: hidden;
         top: 30px;
         right: 0;
         width: 30%;
         position: absolute;
    }
     .productlist .imgarea img {
         margin-bottom: 10px;
    }
     .productlist .spec dl dd ul li {
         padding-left: 10px;
         padding-bottom: 10px;
    }
     .productlist .spec dl dd ul li::before {
         top: 0;
         left: 0;
    }
     .productlist .spec dl dd ul li ul li {
         font-size: 13px;
         line-height: 20px;
         padding-bottom: 0px;
         padding-top: 10px;
    }
     .productlist .spec dl dd ul li ul li::before {
         top: 5px;
         left: 0;
    }
     .productlist .tab a {
         font-size: 20px;
         line-height: 70px;
         padding: 0px 30px;
    }
     .productlist .tab a::before {
         width: 1px;
         height: 16px;
         top: 30px;
         left: 0;
    }
     .mh400 {
         min-height: 970px;
    }
     .productlist .imgarea2 {
         text-align: center;
    }
     .productlist .imgarea2 img {
         width: 32.5%;
    }
     .productlist .imgarea2 img:nth-child(2) {
         margin: 0px 1%;
    }
     .main_b_zone {
         width: 100%;

     overflow:hidden; padding-bottom:40px;
    }
     .main_b_zone_2 {
         width: 100%;
         background-color: #eaeaea;
         padding: 20px 0;
         text-align: center;
    }
}
/*패드와 모바일*/
 @media (max-width:1023px) {
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
     .productlist {
         text-align: left;
    }
     span.s {
         font-size: 9px;
         line-height: 18px;
         padding: 0px 1px;
    }
     .productlist .content::before {
         content: '';
         position: absolute;
         background: #333;
         width: 28%;
         height: 100%;
         z-index: 1;
         top: 0;
         left: 0;
    }
     .productlist .content h2::before {
         content: ' ';
         z-index: 2;
         width: 100%;
         height: 100%;
         top: 0;
         left: 0;
         position: absolute;
         opacity: 0.2;
    }
     .productlist .content h2.tn01::before {
         background: url('/kor/pic/sub/p1_3.jpg') no-repeat center center;
         background-size: cover;
    }
     .productlist .content h2.tn02::before {
         background: url('/kor/pic/sub/p2_1.jpg') no-repeat center center;
         background-size: cover;
    }
     .productlist .content h2.tn03::before {
         background: url('/kor/pic/sub/p3_1.jpg') no-repeat center center;
         background-size: auto 250%;
    }
     .productlist .content h2.tn04::before {
         background: url('/kor/pic/sub/p4_3.jpg') no-repeat center center;
         background-size: cover;
    }
     .productlist .content h2.tn022::before {
         background: url('/kor/pic/sub/p222_1.jpg') no-repeat center center;
         background-size: cover;
    }
     .productlist .content h2 {
         position: absolute;
         top: 0;
         left: 0;
         width: 28%;
         text-align: center;
         font-size: 19px;
         height: 100%;
         display: table;
    }
     .productlist .content h2 span {
         display: inline-block;
         vertical-align: middle;
         text-align: center;
         display: table-cell;
    }
     .productlist .content h3 {
         float: right;
         width: 60%;
         padding: 30px 30px;
         font-size: 16px;
         line-height: 27px;
    }
     .productlist h4 {
         font-size: 26px;
         line-height: 33px;
    }
     .productlist .spec {
         width: 100%;
         position: relative;
    }
     .productlist h5 {
         position: relative;
    }
     .productlist .spec dl {
         margin-bottom: 10px;
    }
     .productlist .spec dl dt, .productlist h5 {
         font-size: 19px;
         line-height: 30px;
         padding-top: 10px;
         margin-top: 20px;
    }
     .productlist .spec dl dt::before, .productlist h5::before {
         top: 0px;
         left: 0px;
         width: 20px;
         height: 2px;
    }
     .productlist .spec dl dd {
         padding-top: 10px;
         font-size: 16px;
         line-height: 22px;
    }
     .productlist .imgarea {
         overflow: hidden;
         text-align: center;
    }
     .productlist .imgarea img {
         margin-bottom: 10px;
         width: 31%;
    }
     .productlist .spec dl dd ul li {
         padding-left: 10px;
         padding-bottom: 10px;
    }
     .productlist .spec dl dd ul li::before {
         top: 0;
         left: 0;
    }
     .productlist .spec dl dd ul li ul li {
         font-size: 13px;
         line-height: 20px;
         padding-bottom: 0px;
         padding-top: 10px;
    }
     .productlist .spec dl dd ul li ul li::before {
         top: 5px;
         left: 0;
    }
     .productlist .tab a {
         font-size: 17px;
         line-height: 60px;
         padding: 0px 20px;
    }
     .productlist .tab a::before {
         width: 1px;
         height: 12px;
         top: 24px;
         left: 0;
    }
     .productlist .imgarea2 {
         text-align: center;
    }
     .productlist .imgarea2 img {
         width: 32.5%;
    }
     .productlist .imgarea2 img:nth-child(2) {
         margin: 0px 1%;
    }
     .b_zone_in{
        width: 100%;
         max-width: 1300px;
         margin: 0 auto;
         padding: 15px 5px;
         display: flex;
         flex-wrap: wrap;
         flex-direction: column;
         justify-content: flex-start;
    }
     .b_zone_in dl{
        display: flex;
         flex: 1 1 0;
         align-content: center;
         margin-bottom: 10px;
         flex-direction: row;
         width: 95%;
    }
     .b_zone_in dl dt{
        min-width: 70px;
         margin-right: 10px;
         text-align: right;
         font-weight: 500;
    }
     .b_zone_in dl dd{
        text-align: left;
         line-height: 1.5;
         font-size: 14px;
    }
     .b_zone_in dl dd img{
        max-width: 215px;
    }
}
/*모바일*/
 @media (max-width:640px) {
     .productlist {
         text-align: left;
    }
     .productlist .content::before {
         content: '';
         position: absolute;
         background: #333;
         width: 28%;
         height: 100%;
         z-index: 1;
         top: 0;
         left: 0;
    }
     .productlist .content h2 {
         position: absolute;
         top: 0;
         left: 0;
         width: 28%;
         text-align: center;
         font-size: 15px;
         line-height: 22px;
         height: 100%;
         display: table;
    }
     .productlist .content h2::before {
         content: ' ';
         z-index: 2;
         width: 100%;
         height: 100%;
         top: 0;
         left: 0;
         position: absolute;
         opacity: 0.2;
    }
     .productlist .content h2.tn01::before {
         background: url('/kor/pic/sub/p1_3.jpg') no-repeat center center;
         background-size: cover;
    }
     .productlist .content h2.tn02::before {
         background: url('/kor/pic/sub/p2_1.jpg') no-repeat center center;
         background-size: cover;
    }
     .productlist .content h2.tn03::before {
         background: url('/kor/pic/sub/p3_1.jpg') no-repeat center center;
         background-size: auto 250%;
    }
     .productlist .content h2.tn04::before {
         background: url('/kor/pic/sub/p4_3.jpg') no-repeat center center;
         background-size: cover;
    }
     .productlist .content h2.tn022::before {
         background: url('/kor/pic/sub/p222_1.jpg') no-repeat center right;
         background-size: cover;
    }
     .productlist .content h2 span {
         display: inline-block;
         vertical-align: middle;
         text-align: center;
         display: table-cell;
    }
     .productlist .content h3 {
         float: right;
         width: 60%;
         padding: 20px 20px;
         font-size: 14px;
         line-height: 22px;
    }
     .productlist h4 {
         font-size: 19px;
         line-height: 33px;
    }
     .productlist .spec {
         width: 100%;
         position: relative;
    }
     .productlist h5 {
         position: relative;
    }
     .productlist .spec dl {
         margin-bottom: 10px;
    }
     .productlist .spec dl dt, .productlist h5 {
         font-size: 16px;
         line-height: 23px;
         padding-top: 10px;
         margin-top: 20px;
    }
     .productlist .spec dl dt::before, .productlist h5::before {
         top: 0px;
         left: 0px;
         width: 20px;
         height: 2px;
    }
     .productlist .spec dl dd {
         padding-top: 10px;
         font-size: 13px;
         line-height: 20px;
    }
     .productlist .imgarea {
         overflow: hidden;
         text-align: center;
    }
     .productlist .imgarea img {
         margin-bottom: 10px;
         width: 100%;
    }
     .productlist .spec dl dd ul li {
         padding-left: 10px;
         padding-bottom: 10px;
    }
     .productlist .spec dl dd ul li::before {
         top: 0;
         left: 0;
    }
     .productlist .spec dl dd ul li ul li {
         font-size: 11px;
         line-height: 20px;
         padding-bottom: 0px;
         padding-top: 10px;
    }
     .productlist .spec dl dd ul li ul li::before {
         top: 5px;
         left: 0;
    }
     .productlist .tab a {
         font-size: 17px;
         line-height: 53px;
         padding: 0px 20px;
    }
     .productlist .tab a::before {
         width: 1px;
         height: 12px;
         top: 20px;
         left: 0;
    }
     .productlist table th, .productlist table td {
         font-size: 12px !important;
         line-height: 20px;
         word-break: keep-all;
    }
     .productlist .imgarea2 {
         text-align: center;
    }
     .productlist .imgarea2 img {
         width: 100%;
         margin-bottom: 10px;
    }
     .main_b_zone {
         width: 100%;
         background-color: #f8f8f8;
    }
     .main_b_zone_2 {
         width: 100%;
         background-color: #eaeaea;
         padding: 20px 0;
         text-align: center;
    }
     .b_zone_in{
        padding: 5px;
         flex-direction: column;
    }
     .b_zone_in dl{
        display: flex;
         flex: 1 1 0;
         align-content: center;
         margin-bottom: 10px;
         flex-direction: row;
         width: 95%;
    }
     .b_zone_in dl dt{
        min-width: 70px;
         margin-right: 10px;
         text-align: right;
         font-weight: 500;
    }
     .b_zone_in dl dd{
        text-align: left;
         line-height: 1.5;
         font-size: 14px;
    }
     .b_zone_in dl dd img{
        max-width: 215px;
    }
}
 .sponsor {
     width: 100%;
     background-color: #F0F0F0;
     padding: 2% 0;
     text-align: center;
}
 .sponsor li {
     width: 46%;
     display: inline-block;
}
 .sponsor li a{
     display: block;
     width: 100%;
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px){
     .sponsor li {
         width: 30%;
    }
     .sponsor li a img{
         width: 100%;
    }
}
/*모바일*/
 @media (max-width:640px){
     .sponsor li {
         width: 43%;
    }
     .sponsor li a img{
         width: 100%;
    }
}
 .privacy {
     width: 100% 
}
 .privacy dt {
     font-size: 15px;
     font-weight: bold;
     padding: 10px 0 
}
 .privacy dd {
     font-size: 12px;
     padding-left: 20px 
}
 .btn_ty2 {
     padding: 25px;
     background-color: #d4694a;
     color: #fff;
     font-size: 16px;
     border: none 
}
 .tbl_2 {
     border-top: 2px solid #d4694a;
     width: 100%;
}
 .tbl_2 caption {
     text-align: left;
     padding: 0 0 7px 0;
     font-size: 0;
     line-height: 0;
}
 .tbl_2 caption .memo {
     float: right;
     margin: 6px 0 0 0;
     font: normal 11px;
     color: #858585;
}
 .tbl_2 caption .memo span {
     color: #cc3300;
     font: normal 11px;
}
 .tbl_2 th {
     border: 0.5px solid #ddd;
     background: #f5f5f5;
     font: 16px;
	 font-weight:500;
     letter-spacing: -1px;
     text-align: left;
     padding: 12px 10px;
}
 .tbl_2 th span {
     color: #cc3300;
     vertical-align: -3px;
}
 .tbl_2 th img {
     margin-right: 1px;
}
 .tbl_2 td {
     border : 0.5px solid #ddd;
     font: normal 11px;
     padding:15px;
     text-align: left;
}
 .tbl_2 td span {
     width: 45px;
     font: normal 11px;
}
 .tbl_2 td input.box {
     border: 1px solid #aaa!important;
     line-height:40px !important;
     height:40px !important;
     vertical-align: -1px;
}
 .tbl_2 th, .tbl_2 td {
    padding-top:10px !important;
     padding-bottom:10px !important;
}
 .tbl_2 td textarea.box {
     border: 1px solid #aaa;
     vertical-align: -1px;
}
.tbl_2_div.type4 dl dd{font-size:16px; line-height:1.4;}
 .sub0201_c {
     position: relative;
     margin-bottom: 20px;
}
 .sub0201_c p {
     margin-bottom: 10px;
     line-height: 20px;
     font-size: 20px;
     font-weight: bold;
     color: #003366;
}
 .sub0201_c span {
     margin: 0 0 0px 20px;
     display: block;
     padding-left: 10px;
     background: url(/images/common/bl_blue.png) 0 5px no-repeat;
     line-height: 1.9;
     font-size: 15px;
}
 .sub0201_c span.span_red {
     color: red;
     background: none;
     padding-left: 0;
     letter-spacing: -1px;
}
 .sub0201_c table {
     border-top: 2px solid #00489d;
     width: 100%;
     border-right: 1px solid #ddd;
}
 .sub0201_c table thead th {
     border-bottom: 1px solid #ddd;
     background: #22417c;
     border-left: 1px solid rgba(255,255,255,0.2);
     font: bold 11px;
     letter-spacing: -1px;
     text-align: center;
     padding: 12px 0 10px 8px;
     color: #fff;
}
 .bg_blue {
     background-color: #034387 !important 
}
 .f_t_01 {
     font-family: 'OTEnjoystoriesBA';
     font-size:55px;
     letter-spacing:-2px;
     width:100%;
     text-align:center;
     padding:30px 0 
}
 .top_text{
    position: relative;
     color: #003366;
     font-size: 32px;
     font-family: 'Do Hyeon', sans-serif;
     padding-left: 20px;
     margin-bottom: 15px;
}
 .top_text::before{
    position: absolute;
     top: 0;
     left: 5px;
     display: block;
     content:'';
     width: 3px;
     height: 100%;
     background: linear-gradient(to top,#083256 80% , #ece109 20%);
}
 .imgbox-01576 {
    text-align:center;
     padding:30px;
     width:100%;
     box-sizing:border-box;
     max-width: 1300px;
     border:1px solid #ddd;
     margin-left:auto;
     margin-right:auto;
}
 .imgbox-01576 img {
    width:100%;
}
 .new-bottton-area {
    text-align:center;
     padding:20px 0px;
}
 .new-bottton-area a {
    width:200px;
     display:inline-block;
     background:#26aadd;
     color:#fff;
     text-align:center;
     font-size:17px;
     line-height:60px;
}
/*웹*/
 @media (min-width: 1024px) {
}
/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
}
/*모바일*/
 @media (max-width:640px) {
     .new-bottton-area a {
        width:150px;
         font-size:14px;
         line-height:40px;
    }
}
/* **************************************** * * 전체일정 * **************************************** */
 .lefttd td{
     padding-left:20px !important;
     text-align:left !important;
}
 .schedule_2022{
    max-width: 1300px;
     margin: 0px auto;
     padding: 20px;
     box-sizing: border-box;
}
 .pre_new {
    max-width: 1300px;
     margin: 0 auto;
     background: rgba(192, 239, 255, 0.15);
     padding: 30px 10px;
}
/*웹*/
 @media (min-width: 1024px) {
     .big_table th {
        font-size:20px !important;
         line-height:30px !important;
         color:#4851d0 !important;
         background:#f0f3f9 !important;
    }
     .big_table th img {
        width:80%;
         max-width:170px;
    }
     .big_table td {
        font-size:16px;
         line-height:25px;
    }
}
 

/**********서브추가******************/
/*프로그램 대회*/
h5.intit01 { text-align:center; color:#5b95b7;  letter-spacing:-1px; }
h5.intit01 a {margin-left:10px; vertical-align:middle; 
background:#5b95b7; border-radius:50%; display:inline-block;
 box-sizing:border-box; position:relative;}
h5.intit01 a  svg {color:#fff; position:absolute; }

.Contest .cont_in .cont_right ,
.Contest .cont_in  {overflow:hidden; width:100%;}
.Contest .cont_in .cont_right dl {overflow:hidden; }
.Contest .cont_in .cont_right dl dt {font-weight:500;  letter-spacing:-1px;}
.Contest .cont_in .cont_right dl dd { color:#666;}
.Contest .cont_in .spon {box-sizing:border-box;background:#f6f9f8; }
.Contest .cont_in .spon dl { overflow:hidden;}
.Contest .cont_in .spon dl dt {font-weight:600; color:#d4694a;  position:relative;}
.Contest .cont_in .spon dl dt:before {content:''; position:absolute; 
background:#d4694a; }








	/*웹*/
	@media (min-width: 1024px) {
		h5.intit01 { font-size:38px; line-height:46px;}
		h5.intit01 a {width:35px; height:35px; ;}
		h5.intit01 a  svg { top:5px; left:5px; width:25px; height:25px;}
		h5.intit01 a .bi-zoom-in{ top:8px; left:8px; width:20px; height:20px;}



		.Contest .cont_in .cont_right { padding-top:60px;}
		.Contest .cont_in .cont_right img {float:left; width:458px;}
		.Contest .cont_in .cont_right dl {float:right; width:calc(100% - 500px); }
		.Contest .cont_in .cont_right dl dt { font-size:21px; line-height:37px; padding-bottom:20px; }
		.Contest .cont_in .cont_right dl dd {font-size:17px; line-height:27px;}
		.Contest .cont_in .spon { padding:60px 5%; border-radius:40px 0px 40px 0px; margin-top:30px; margin-bottom:30px;}
			.Contest .cont_in .spon dl {padding:20px 0px; }
			.Contest .cont_in .spon dl dt {letter-spacing:-2px;
			font-size:23px; line-height:64px; float:left; width:200px;}
		.Contest .cont_in .spon dl dd {float:right;  width:calc(100% - 280px); padding-top:10px;}
		.Contest .cont_in .spon dl dd {font-size:16px; line-height:24px;}
		.Contest .cont_in .spon dl dt:before {width:40px; height:3px; }
	}

/*패드*/
 @media (min-width:641px) and (max-width:1023px) {

		h5.intit01 { font-size:32px; line-height:41px;}
		h5.intit01 a {width:31px; height:31px; ;}
		h5.intit01 a  svg { top:5px; left:5px; width:21px; height:21px;}
		h5.intit01 a .bi-zoom-in{ top:7px; left:7px; width:17px; height:17px;}

		.Contest .cont_in .cont_right { text-align:center; padding-top:40px;}
		.Contest .cont_in .cont_right img { width:458px;}
		.Contest .cont_in .cont_right dl {width:100%; padding-top:30px; }
		.Contest .cont_in .cont_right dl dt { font-size:20px; line-height:32px; padding-bottom:20px; }
		.Contest .cont_in .cont_right dl dd {font-size:16px; line-height:25px;}
		.Contest .cont_in .spon { padding:60px 5%; border-radius:40px 0px 40px 0px; margin-top:30px; margin-bottom:30px;}
			.Contest .cont_in .spon dl {padding:15px 0px; }
			.Contest .cont_in .spon dl dt {letter-spacing:-2px;
			font-size:21px; line-height:54px; float:left; width:160px;}
		.Contest .cont_in .spon dl dd {float:right;  width:calc(100% - 180px); padding-top:10px;}
		.Contest .cont_in .spon dl dd {font-size:16px; line-height:24px;}
		.Contest .cont_in .spon dl dt:before {width:40px; height:3px; }
 }
/*모바일*/
 @media (max-width:640px) {
		h5.intit01 { font-size:32px; line-height:41px;}
		h5.intit01 a {width:31px; height:31px; ;}
		h5.intit01 a  svg { top:5px; left:5px; width:21px; height:21px;}
		h5.intit01 a .bi-zoom-in{ top:7px; left:7px; width:17px; height:17px;}



		.Contest .cont_in .cont_right { text-align:center; padding-top:40px;}
		.Contest .cont_in .cont_right img { width:90%;}
		.Contest .cont_in .cont_right dl {width:100%; padding-top:30px; }
		.Contest .cont_in .cont_right dl dt { font-size:21px; line-height:33px; padding-bottom:20px; }
		.Contest .cont_in .cont_right dl dd {font-size:16px; line-height:25px;}
		.Contest .cont_in .spon { padding:30px 5%; border-radius:40px 0px 40px 0px; margin-top:30px; margin-bottom:30px;}
			.Contest .cont_in .spon dl {padding:25px 0px; }
			.Contest .cont_in .spon dl dt {letter-spacing:-2px;
			font-size:18px; line-height:54px; }
		.Contest .cont_in .spon dl dd { padding-top:10px;}
		.Contest .cont_in .spon dl dd {font-size:16px; line-height:24px;}
		.Contest .cont_in .spon dl dt:before {width:40px; height:3px; }
 }


/*부스배치도*/
.booth_img {text-align:center;}
.booth_img img {width:90%; max-width:1000px; padding-top:30px;}


/*패드*/
 @media (min-width:641px) and (max-width:1023px) {
/* body {border:5px solid blue;}
 */}






/* **************************************** *
 *  board
 * **************************************** */
 .bd_search_wrap {overflow:Hidden; height:auto !important;}
.search_form {width:100%; margin-left:auto !important; margin-right:auto !important;  float:none !important; overflow:hiden;
background:#f9f9f9; box-sizing:border-box; padding:0px !important; text-align:CENTER; margin-bottom:30px !important;}

.search_form select, .search_form input {line-height:50px; height:50px; padding:0px 10px;}
.search_form select {width:100px;
-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none; /* 네이티브 외형 감추기 */
background:#fff url('/kor/images/sub/select_bg.jpg') no-repeat 90% center;
 text-indent: 0.01px;
    text-overflow: "";
}
.search_form input:first-child {width:500px;}

.search_form .btn_ty1 {background:#333 !important; line-height:40px; font-weight:600; color:#fff; text-align:center; 
width:150px; border:none !important; font-size:14px;}




/*바꾼 서브부분*/