@charset "utf-8";

/* 서브페이지 기본 세팅 s */
.contents * {line-height:140%;}
.sub .content{margin: 70px 0 70px 0;}

ol.basic { margin-top:20px;}
ol.basic > li {list-style-type:decimal; margin-left:17px;  border-bottom: 1px dashed #ddd;  padding:7px 0 7px 10px;}
ol.basic > li > ul { margin-top:5px; color:#000; margin-bottom:5px;}
ol.basic > li > ul li {  padding:0 0 0 10px;}
.finish { margin-top:70px; margin-bottom:120px;}


ul.basic {margin-top: 15px;font-family: 'Noto Sans KR', sans-serif;}
ul.basic li{padding-left: 10px; position: relative; margin-bottom: 5px; line-height: 150%; word-break: keep-all;}
ul.basic li:last-child {margin-bottom: 0;}
ul.basic li:before {width: 2px; height: 2px; position: absolute; background-color: #333; content: ""; top: 12px; left: 0;}

h3, .h3 { word-break: keep-all; margin-top:35px; color:#005383; font-size:26px; font-weight: 400; vertical-align: middle; letter-spacing: -1px; position: relative; padding-left: 34px; line-height: 140%;}
h3::before, .h3::before { content:''; display: inline-block; width:22px; height:22px;  background:url("/resources/img/sub/h3_ico.png") center no-repeat; vertical-align: middle; position: absolute; left:0; top:8px;}
h4, .h4 { word-break: keep-all; margin-top:25px;  font-size:20px; font-weight: 500;line-height: 140%;}
.c0 { margin-top: 0;}
.h3box { position: relative; margin-top:55px;}
.h3box h3, .h3box h4 { display: inline-block; margin-top: 0;}
.h3box::after {clear: both;  content: ''; display: block;}
p.basic { margin-top: 10px;}
p.basic.c0 {margin-top: 0;}


select { border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ }
select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
button {/* width: 100%; height: 100%; */ background: none; border: none; cursor: pointer;}

table.basic thead th {background-color: #ececec;}
table.basic tbody th {background-color: #f6f6f6;}
table.basic tbody th.th {background-color: #ececec;}
table.basic tbody td.th {background-color: #f6f6f6;}

/* flicking */
.f_wrapper { border-radius:10px; width:100%; margin-top: 40px;}
.f_wrapper .f_wrapper_inner {overflow:auto; -webkit-overflow-scrolling: touch; overflow-y: hidden;}
.f_wrapper .touch {display:none; background:url("/resources/img/common/ico_flicking.png") left 3px top -2px no-repeat; height:27px; background-size:contain; padding:0 0 0 36px; line-height:27px; margin-bottom:10px;}
.f_wrapper .touch.active {display: block;}
.f_scroller {display:block; height:100%; padding:0; width:100%; text-align:left;}
.f_wrapper .list_table,.f_wrapper .colum_table { margin-top:20px;}
.flicking {min-width: 900px /* !important */;}
.line_dot { border-bottom: 1px dotted #ddd; display: block; margin: 20px 0 10px;}
.c_box { word-break: keep-all; margin-top:20px; width:100%; height: 100%; padding:20px 30px; box-sizing: border-box; border:3px solid #ddd; position: relative;} 


/* print_youtube 기본설정값  */
.prt_video_wrap {display: block; width: 100%; height: 100%;}
.prt_video {position: relative; width: 100%; height: auto; padding-bottom: 56.75%; overflow: hidden;}
.prt_video .print_youtube {position: absolute; width: 100%; height: 100%;}
.prt_video .print_youtube img {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); cursor: pointer;}
.prt_video .prt_video_view {display: none; position: absolute;  width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
.prt_video .prt_video_view iframe {width: 100%; height: 100%;}
.prt_video .prt_btn_play {position: absolute; top: 50%; left: 50%; width: 68px; height: 48px; transform: translate(-50%, -50%); background: url(/resources/img/main/prt_btn_play.png) no-repeat center/cover; cursor: pointer; z-index: 2;}
.prt_video:hover .prt_btn_play {background: url(/resources/img/main/prt_btn_play_hover.png) no-repeat center/cover;}


/*라디오*/
input[type=radio] { display:none; }
input[type=radio] + label {display: inline-block; cursor: pointer; line-height: 18px; padding-left: 27px; background: url("/resources/img/sub/rd_off.png") left/18px no-repeat; margin-right: 10px;}
input[type=radio]:checked + label { background-image: url("/resources/img/sub/rd.png"); }
/*체크박스*/
input[type=checkbox] { display:none; }
input[type=checkbox] + label {display: inline-block; cursor: pointer; line-height: 18px; padding-left: 27px; background: url("/resources/img/sub/chk.jpg") left/18px no-repeat;}
input[type=checkbox]:checked + label { background-image: url("/resources/img/sub/chk_off.jpg"); }


table.basic {background-color: #fff; border-bottom: 1px solid #ddd; width: 100%; border-right:1px solid #ddd;  border-left: 1px solid #ddd; table-layout: fixed;font-family: 'Noto Sans KR', sans-serif; font-weight: 300; min-width: 1024px;}
table.basic th, table.basic td {border-top: 1px solid #ddd; border-right: 1px solid #ddd; width: 30%; padding: 10px 10px; text-align: center; font-weight: 300; vertical-align: middle; word-break: break-all; white-space: normal;}
table.basic td:last-child {width: 30%;}
table.basic td:last-child {border-right: none;}
table.basic img {width: 100%;}
/* 서브페이지 기본 세팅 e */

    /*메인으로돌아가기*/
.sub .header .back > a {display: inline-block; position: relative; width: 185px; z-index:999;}
.sub .header .back .arw {height: 70px; width: 70px; background: #28629c; display: inline-block; float: left; position: relative;}
.sub .header .back .arw::before, .sub .header .back .arw::after {position: absolute; content: ""; width: 18px; height: 5px; background: #fff;top: calc(50% + 5px); left: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.sub .header .back .arw::after {transform: translate(-50%,-50%) rotate(-45deg); top: calc(50% - 5px);}
.sub .header .back .txt {position: absolute; right: -8px; top: 50%; transform: translateY(-50%); color: #fff; font-family: 'GmarketSansMedium';}

.sub_vis {width: 100%; height: 330px; position: relative; background: url("/resources/img/sub/sub_vis01.jpg")no-repeat center/cover;}
.sub_vis02 {background: url("/resources/img/sub/sub_vis02.jpg")no-repeat center/cover;}
.sub_vis03 {background: url("/resources/img/sub/sub_vis03.jpg")no-repeat center/cover;}
.sub_vis04 {background: url("/resources/img/sub/sub_vis04.jpg")no-repeat center/cover;}
.sub_vis05 {background: url("/resources/img/sub/sub_vis05.jpg")no-repeat center/cover;}
.sub_vis06 {background: url("/resources/img/sub/sub_vis06.jpg")no-repeat center/cover;}
.sub_vis h2 {color: #fff; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-14%); text-align: left;  font-family: 'GmarketSansMedium';}
.sub_vis h2 .en_tit { font-size: 30px; font-weight: 400; letter-spacing: 8px; text-shadow: 2px 2px 2px grey;}
.sub_vis h2 .tit {font-size: 45px; font-weight: 600; margin-top: 15px;letter-spacing: 7px; display:block; text-shadow: 2px 2px 2px grey;}


.lnb {height:65px; background:#f9f9f9;border:1px solid #ddd; border-top:0; border-left: 0; z-index:1; position: absolute; left:50%; transform: translateX(-50%); top: 298px; font-size: 17px; box-sizing: border-box;width: 100%; margin: 0 auto; max-width: 1100px; }
.lnb div {float: left;}
.lnb .home {width: 65px; height: 100%; background: #005383 url("/resources/img/common/home_ico.png")no-repeat center;}
.lnb .home a {display: inline-block; width: 100%; height: 100%; text-indent: -9999px;}
.lnb .depth1_name { border-right: 1px solid #ddd; min-width:220px; display: table; height: 100%;  box-sizing: border-box;}
.lnb .depth1_name span {color: #555; font-size: 18px; display: table-cell;vertical-align: middle; padding:0 30px; text-align: center; width: 100%; height: 100%; box-sizing: border-box; font-weight: 500;}
.lnb .lnb_menu { display: inline-block;  box-sizing: border-box; max-width: 260px; width: 100%; position: relative; z-index: 1; vertical-align: middle;}
.lnb .lnb_menu .lnb_title {padding: 24px 0; padding-left:26px; display: block; font-size:17px; cursor: pointer;  border-right:1px solid #ddd}
.lnb .lnb_menu ul { border-top: none; border-bottom: none;box-sizing: border-box; width:100%; display: none; position: absolute; left:0;}
.lnb .lnb_menu li {  box-sizing: border-box; }
.lnb .lnb_menu li a { font-size: 15px; transition: .3s ease; color: #eee; box-sizing: border-box; display: block; padding: 10px 20px; width: 100%; border: 1px solid #206a94; border-top: 0; background: #005383 }
.lnb .lnb_menu li a:hover, .lnb .lnb_menu li.on a {background-color: #0e253c;}
.lnb .lnb_menu li a span { }
.lnb .lnb_menu li.on a span {vertical-align: middle; display: table-cell; transform: skew(-0.03deg);}

.lnb .lnb_menu .more_btn {width: 18px; height: 10px; background: url("/resources/img/sub/lnb_ico.png")no-repeat left 0px bottom 0px; position: absolute; top: 50%; right: 10px; text-indent: -99999px; transform: translateY(-50%); cursor: pointer; transition: all .3s ease-in-out;}
.lnb_menu .more_btn.more_add { transform: translateY(-50%) rotate(-180deg); top: 45%;}




/***************************** contents s ***********************************/
    /*행사개요*/
.info{position: relative;margin: 70px 0 100px 0;font-family: 'GmarketSansMedium';}
.info::before{content: ""; width: 600px; height:600px; position: absolute; right: 200px; top:120px; background: url(/resources/img/sub/info_logo.png)no-repeat top center/cover;}
.info .info_txt_wrap{width: 100%;}
.info .info_txt_wrap li{display: flex; align-items: center; padding: 30px 0 30px 0; border-bottom: 2px dashed #ddd;}
.info .info_txt_wrap li:first-child{border-top:4px solid #28629c;}
.info .info_txt_wrap li:last-child{border-bottom: 4px solid #28629c; align-items: flex-start}
.info .info_txt_wrap .left{width: 30%;}
.info .info_txt_wrap .left p:first-child{margin-bottom: 25px;}
.info .info_txt_wrap .left p:last-child{font-size: 30px; font-weight: 700;}
.info .info_txt_wrap .right{width:70%;}
.info .info_txt_wrap .right p{font-size: 20px; font-weight: 500; line-height: 1.6;}
.info .info_txt_wrap .right a{color:#28629c; }
.info .poster_wrap{ }
.info .poster_wrap img{width: 100%;}

.info .info_btn{margin: 70px auto 0 auto; text-align: center; cursor: pointer; display: none;}
.info .info_btn a{ text-align: center; box-sizing: border-box; padding: 10px 70px 10px 70px; color: #0a4d94;  border: 4px solid #0a4d94;  border-radius: 100px; font-weight: 600; box-shadow: -2px 2px 2px 1px rgb(0 0 0 / 20%), inset -2px 2px 2px 0px rgb(0 0 0 / 20%); /*background: #eee url(/resources/img/power/back_btn.png) center left 43px no-repeat;*/ transition: all .3s ease-in-out; display: inline-block;}
.info .info_btn a:hover{transform: translateY(-7px); background-color: #fff;}

    /*주제관,전력관,원자력관,수소천연가스관*/
.power_wrap {min-width: 1200px;position: relative;padding-bottom: 48%;height: 0; max-width: 100vw;}
.power_wrap .contents {background: url("/resources/img/power/power_bg.jpg") center/cover no-repeat;/* min-height: 100vh; */width: 100%;min-width: 1200px;overflow-x: hidden;height: 0;box-sizing: border-box;padding-bottom: 48.8%;position: relative;}
.power_wrap .vis_wrap {position: absolute; width: 100%; height: 100%;}
.power_wrap .main_ti {width: 39.70%;height: 0;text-indent: -99999px;background: url("/resources/img/premium/prm_ti.png") center/contain no-repeat;position: absolute;top: 28%;left: 50%;transform: translate(-50%, -50%);padding-bottom: 13.8%;}
.power_wrap .main_slick_wrap {padding-top: calc(35% - 200px);}

.power_wrap .main_slick .slick-arrow {width: 50px; height: 50px; border-radius: 100%; background: #002b7d; transition: all .2s ease-in-out;}
.power_wrap .main_slick .slick-arrow:hover {opacity: .5;}
.power_wrap .main_slick .slick-arrow::before {content: ""; opacity: 1; background: url("/resources/img/premium/prm_arw.png") 0 0 no-repeat;width: 11px;height: 16px;position: absolute;top: 50%;left: 36%;transform: translateY(-50%);}
.power_wrap .main_slick .slick-next::before {background-position: top 0 right 0;left: auto;right: 36%;}
.power_wrap .main_slick .slick-list {padding: 0 !important; margin: 0 50px;}
.power_wrap .main_slick .slick-list .slick-track {padding: 20px 0;}
.power_wrap .main_slick .sw {box-sizing: border-box;margin: 0 11px;height: 395px;/* display: flex; *//* flex-direction: column; *//* justify-content: flex-end; */position: relative;}
.power_wrap .main_slick .sw.slick-center {/* height: auto; *//* min-height: 364px; */z-index: 1;}
.power_wrap .main_slick .sw.slick-center .img {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 120%;height: 100%;}
.power_wrap .main_slick .sw .img {/* transform: scale(.8); *//* display: flex; *//* flex-direction: column; *//* justify-content: flex-end; */position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 77%;}
.power_wrap .main_slick .sw .img > img {width: 92%;display: block;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.power_wrap .main_slick .slick-prev {left: 0;}
.power_wrap .main_slick .slick-next {right: 0;}
.power_wrap .main_slick .slick-slide {opacity:0; transition: opacity .5s ease-in;}
.power_wrap .main_slick .slick-active {opacity:1!important; transition: opacity .5s ease-out;}

.sub_wrap .inner1720 {position: absolute; left: 50%; transform: translateX(-50%);height: 100%; width: 97%; margin: 0 auto; max-width: 1720px;}
.sub_wrap .cw {width: 100%;height: 0;position: absolute;top: 10%;transform: translateX(-50%);left: 50%;/* box-sizing: border-box; */overflow: hidden;/* height: 690px; */padding-bottom: 36vw;}
.sub_wrap .cw .cont {width: 100%;height: 100%;display: block; text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.sub_wrap .cw .cont .img {text-align: center;height: 100%;width: auto;display: inline-block;position: relative;-moz-perspective: 800px;perspective: 800px;}
.sub_wrap .cw .cont .img > img {height: 100%;}
.sub_wrap .cw .cont .img > img.bg1 {position: absolute;left: 50%;transform: translateX(-50%); top: 0; z-index: -1;}
.sub_wrap .cw .cont .img > img.bg2 {opacity: 0; display: inline-block;}
.sub_wrap .cw .cont .img > img.cover {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
.sub_wrap .cw .cont .img .bt {position: absolute;text-indent: -99999px; overflow: hidden; z-index: 2;opacity: 0;}
.sub_wrap .cw .cont .img .bt.under {z-index: 0;opacity: 1;background: none;}
.sub_wrap .cw .cont .img .info_bt {opacity: 1;}
.sub_wrap .cw .cont .img .info_bt::before {content: "";position: absolute;width: 30.22%;height: 63.855%;right: 13%; top: 18%;background: url("/resources/img/power/click.png") center/contain no-repeat; animation: bounce 1s infinite ease-in-out; -webkit-animation: bounce 1s infinite ease-in-out; -ms-animation: bounce 1s infinite ease-in-out; -moz-animation: bounce 1s infinite ease-in-out; -o-animation: bounce 1s infinite ease-in-out;}
@keyframes bounce{
	0% {transform: scale(.95);}
	50% {transform: scale(1);}
	100% {transform: scale(.95);}
}
@-webkit-keyframes bounce{
	0% {transform: scale(.95);}
	50% {transform: scale(1);}
	100% {transform: scale(.95);}
}
@-ms-keyframes bounce{
	0% {transform: scale(.95);}
	50% {transform: scale(1);}
	100% {transform: scale(.95);}
}
@-moz-keyframes bounce{
	0% {transform: scale(.95);}
	50% {transform: scale(1);}
	100% {transform: scale(.95);}
}
@-o-keyframes bounce{
	0% {transform: scale(.95);}
	50% {transform: scale(1);}
	100% {transform: scale(.95);}
}
.sub_wrap .cw .cont .img .bt iframe {width: 100%; position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%);}
.sub_wrap .cw .cont .img .bt2 iframe {width: 100%; height: 100%;}
.sub_wrap .cw .cont .img .mag > img {height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.sub_wrap .cw .cont .img .bt1 {width: 18%;height: 12.7%;top: 39.5%;left: 43.2%;}
.sub_wrap .cw .cont .img .bt2 {width: 17.5%;height: 24%;top: 63.6%;left: 25%; transform: matrix(1, 0, .15, 1, 0, 0); border-radius: 5%;}
.sub_wrap .cw .cont .img .bt3 {top: 57.3%;left: 43.7%;height: 33%;width: 17.9%; border-radius: 4%; transform: rotate3d(1, 0, 0, -38deg);}
.sub_wrap .cw .cont .img .bt4 {top: 63.5%; left: 63.5%; height: 23.6%; width: 17.5%; transform: matrix(1, 0, -.15, 1, 0, 0); border-radius: 5%;}
.sub_wrap .cw .cont .img .bt5 {top: 85.7%; left: 44%; height: 13.6%; width: 17.5%;}
.sub_wrap .cw .cont .img .bt6 {top: 79.5%;left: 16.9%;height: 9%;width: 9.8%;transform: skew(0, -2deg);}
.sub_wrap .cw .cont .img .bt7 {top: 77%; left: 84%; height: 21.4%; width: 10%; opacity: 1;}
.sub_wrap .cw .cont .img .bt7::before{content: "";position: absolute;width: 60%;height: 63%;right: 40%; top: 27%;background: url("/resources/img/power/click_qiz.png") center/contain no-repeat; animation: bounce 1s infinite ease-in-out; -webkit-animation: bounce 1s infinite ease-in-out; -ms-animation: bounce 1s infinite ease-in-out; -moz-animation: bounce 1s infinite ease-in-out; -o-animation: bounce 1s infinite ease-in-out;}

    /*전력관*/
.power .cw .cont .img .bt1 {width: 18.6%;height: 12.8%;top: 37.5%;left: 44.6%;}
.power .cw .cont .img .bt2 {width: 18.3%;height: 25%;top: 61.6%;left:25.3%; transform: matrix(1, 0, .15, 1, 0, 0); border-radius: 5%;}
.power .cw .cont .img .bt3 {top: 55.8%;left: 45%;height: 33.5%;width: 18.4%; border-radius: 4%; transform: rotate3d(1, 0, 0, -38deg);}
.power .cw .cont .img .bt4 {top: 62%; left: 65%; height: 25%; width: 18.5%; transform: matrix(1, 0, -.15, 1, 0, 0); border-radius: 5%;}
.power .cw .cont .img .bt5 {top: 85.7%; left: 45%; height: 13.6%; width: 17.5%;}
.power .cw .cont .img .bt6 {top: 78.8%;left: 8.5%;height: 20.5%;width: 5.5%;transform: skew(0, -3deg);}
.power .cw .cont .img .bt7::before{content: "";position: absolute;width: 60%;height: 63%;right:22%; top: 27%;background: url("/resources/img/power/click_qiz.png") center/contain no-repeat; animation: bounce 1s infinite ease-in-out; -webkit-animation: bounce 1s infinite ease-in-out; -ms-animation: bounce 1s infinite ease-in-out; -moz-animation: bounce 1s infinite ease-in-out; -o-animation: bounce 1s infinite ease-in-out;}
.power .cw .cont .img .bt8{top: 78.9%; left: 17.5%; height: 9.5%; width: 10.2%; transform: skew(0, -2deg);}

.power .pop_style3 .cont_wrap{overflow-y: auto; height: calc(100% - 80px);}
.power .pop_style3 .close{right: 80px !important; top: 50px !important;}
.power .pop_style3 .cont_wrap .cont{padding: 50px 50px 50px;}
.power .pop_style3 .sec1{background: url(/resources/img/power/pw_bnr.jpg?ver=211201) no-repeat top center; overflow-y: auto; width: 709px; height: 1557px;}

.pw_zone .submit_qiz_btn a{color: #a40000;}

    /*원자력관*/
.nuclear .cw .cont .img .bt3 iframe{height: 100%;}
.nuclear_zone .qs_anw .anw:nth-child(2){margin-left: 10px;}

    /*수소·천연가스관*/
.gas .cw .cont .img .bt1{width: 19%; height: 12.7%; top: 37%; left: 40.5%;}
.gas .cw .cont .img .bt2{width: 18%; height: 24.9%; top: 61.6%; left: 21.5%; transform: matrix(1, 0, .15, 1, 0, 0); border-radius: 5%;}
.gas .cw .cont .img .bt3{top: 55.1%; left: 41.2%; height: 35%; width: 19.9%; border-radius: 4%; transform: rotate3d(1, 0, 0, -38deg);}
.gas .cw .cont .img .bt3 iframe{height: 100%;}
.gas .cw .cont .img .bt4{top: 61.5%; left: 62%; height: 25%; width: 17.95%;transform: matrix(1, 0, -.15, 1, 0, 0);border-radius: 5%;}
.gas .cw .cont .img .bt5{top: 85.7%; left: 41.5%; height: 13.6%; width: 17.5%;}
.gas .cw .cont .img .bt6{top: 78.5%; left: 13.2%; height: 9.5%; width: 10.2%; transform: skew(0,-2deg);}
.gas .cw .cont .img .bt7{top: 77%; left: 82%; height: 21.4%; width: 7%; opacity: 1;}
.gas .cw .cont .img .bt7::before{content: "";position: absolute;width: 75%;height: 60%;right:15%; top: 27%;background: url("/resources/img/power/click_qiz.png") center/contain no-repeat; animation: bounce 1s infinite ease-in-out; -webkit-animation: bounce 1s infinite ease-in-out; -ms-animation: bounce 1s infinite ease-in-out; -moz-animation: bounce 1s infinite ease-in-out; -o-animation: bounce 1s infinite ease-in-out;}

.gas .ct_left{position: absolute; right:14%; top:65%; width: 110px; height: 211px;}
.gas .ct_left img{width: 85%;}
.gas .btn_left{position: absolute; left: 11%; top: 45%;}
.gas .btn_left a{display: block; text-align: center; box-sizing: border-box; color:#ed6001; border: 4px solid #ed6001; font-weight: 600; box-shadow: -2px 2px 2px 1px rgb(0 0 0 / 20%), inset -2px 2px 2px 0px rgb(0 0 0 / 20%); transition: all .3s ease-in-out; background: #ffefd1 url(/resources/img/power/gas_btn_bg1.jpg) no-repeat top center/cover; padding: 10px 50px 10px 50px; border-radius: 100px;}
.gas .btn_left a:nth-child(2){color:#5c6b38; border: 4px solid #5c6b38; background: #eaf3d4 url(/resources/img/power/gas_btn_bg2.jpg) no-repeat top center/cover;}
.gas .btn_left a:nth-child(3){color:#20a3cc; border: 4px solid #20a3cc; background: #eaf5f5 url(/resources/img/power/gas_btn_bg3.jpg) no-repeat top center/cover; }

.gas .btn_left a:nth-child(2){margin:15px 0 15px 0;}
.gas .btn_left a:hover{transform: translateY(-7px); background-color: #fff;}
gas .ct_left{position: absolute; right: 8%; top:30%;}
.gas .is_wrap{width: 602px; height: 339px; margin: 0 auto; padding-bottom: 50px;}
.gas .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background: #fff;}

.gas #pop_style4 .cont_wrap{overflow-y: auto; height: calc(100% - 80px);}
.gas #pop_style4 .close{right: 80px !important; top: 50px !important;}
.gas #pop_style4 .cont_wrap .cont{padding: 50px 50px 50px;}
.gas #pop_style4 .sec1{background: url(/resources/img/power/gas01.jpg) no-repeat top center; overflow-y: auto; width: 709px; height: 3455px;}

.gas #pop_style5 .cont_wrap{overflow-y: auto; height: calc(100% - 80px);}
.gas #pop_style5 .close{right: 80px !important; top: 50px !important;}
.gas #pop_style5 .cont_wrap .cont{padding: 50px 50px 50px;}
.gas #pop_style5 .sec1{background: url(/resources/img/power/gas02.jpg?ver=211201) no-repeat top center; overflow-y: auto; width: 709px; height: 3765px;}

    /*주제관*/
.subject .cw .cont .img .bt2 {width: 13%;height: 16.6%;top: 61.6%;left: 26.3%; border-radius: 5%; transform: none;}
.subject .cw .cont .img .bt3 {top: 56.1%;left: 42.5%;height: 18.6%;width: 14.4%; border-radius: 4%; transform: none;}
.subject .cw .cont .img .bt4 {top: 61.3%; left: 60%; height: 17.5%; width: 13.5%; transform: none; border-radius: 5%;}
.subject .cw .cont .img .bt5 {top: 85.7%; left: 42%; height: 13.6%; width: 17.5%;}
.subject .cw .cont .img .bt6 {top: 77.8%;left: 12.3%;height: 9.5%;width: 10.7%;transform: skew(0, -2deg);}
.subject .cw .cont .img .bt7 {top: 69%; left: 80%; height: 26.4%; width: 9.5%; opacity: 1;}
.subject .cw .cont .img .bt7::before{content: "";position: absolute;width: 60%;height: 63%;right: 21%; top: 8%;background: url("/resources/img/power/click_qiz.png") center/contain no-repeat; animation: bounce 1s infinite ease-in-out; -webkit-animation: bounce 1s infinite ease-in-out; -ms-animation: bounce 1s infinite ease-in-out; -moz-animation: bounce 1s infinite ease-in-out; -o-animation: bounce 1s infinite ease-in-out;}
.subject .sub_wrap .cw .cont .img .bt7::before{display: none;}

.subject .link_btn{position: absolute; top: 42%; left: 50%; transform: translate(-50%, -50%);}
.subject .link_btn a{display: inline-block; width: 35px; height: 35px; line-height: 35px; background: #f7f7f7; border-radius: 30px; text-align: center; font-weight: 600; color: #333; margin-right: 15px; box-shadow: -2px 2px 2px 1px rgb(0 0 0 / 20%), inset -2px 2px 2px 0px rgb(0 0 0 / 20%); transition: all .3s ease-in-out;}
.subject .link_btn a:last-child{margin-right: 0;}
.subject .link_btn a:hover{transform: translateY(-7px); background-color: #fff;}

.subject .pop_style3 .cont_wrap{overflow-y: auto; height: calc(100% - 80px);}
.subject .pop_style3 .close{right: 80px !important; top: 50px !important;}
.subject .pop_style3 .cont_wrap .cont{padding: 50px 50px 50px;}
.subject #pop_style1 .sec1{background: url(/resources/img/power/sj01.jpg?ver=211130) no-repeat top center; overflow-y: auto; width: 709px; height: 2288px;}
.subject #pop_style2 .sec1{background: url(/resources/img/power/sj02.jpg?ver=211130) no-repeat top center; overflow-y: auto; width: 709px; height: 7943px;}
.subject #pop_style3 .sec1{background: url(/resources/img/power/sj03.jpg?ver=211130) no-repeat top center; overflow-y: auto; width: 709px; height: 2320px;}

.subject_zone .gift_wrap .tit { background: #ffc705 !important;}
.subject_zone .tab-content {background : url(/resources/img/sub/subject_tab_bg.jpg) no-repeat top center/cover !important;}
.subject_zone .qs_box_wrap { border: 3px solid #ffc705 !important; }
.subject_zone .qs_box .qs_num {border: 3px solid #ffc705 !important;}
.subject_zone .qs_box .qs_num .gm_bold {color: #ffc705 !important;}
.subject_zone .qs_box .qs_txt { float:none !important; line-height: 4.5 !important; }
.subject_zone .qs_anw {width: 100% !important;}
.subject_zone #tab-1 .qs_box .qs_anw_wrap .qs_txt { line-height: 2 !important; margin-top: 20px; }
.subject_zone #tab-2 .qs_box .qs_anw_wrap .qs_txt { line-height: 3 !important; }
.subject_zone .qs_box .qs_anw_wrap { display: block; }
.subject_zone .submit_wrap { background: #ffc705 !important; }
.subject_zone .submit_box{background:#fff6d9;}
.subject_zone #tab-1 .qs_anw .anw:nth-child(1) {margin: 0 10px 0 8px;}
.subject_zone #tab-2 .qs_anw .anw:nth-child(2) {margin: 0 10px 0 8px;}
.subject_zone .zone_form .table-bordered .name {color: #ffc705 !important;}


    /*메인화면돌아가기*/
.sub_wrap .btn_wrap {position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%);}
.sub_wrap .btn_wrap .pre_btn {margin: 0;text-align: center;box-sizing: border-box;padding: 10px 50px 10px 70px;color: #0a4d94;border: 4px solid #0a4d94;border-radius: 100px;font-weight: 600;box-shadow: -2px 2px 2px 1px rgba(0,0,0,.2), inset -2px 2px 2px 0px rgba(0,0,0,.2);background: #eee url("/resources/img/power/back_btn.png") center left 43px no-repeat;transition: all .3s ease-in-out;display: inline-block;}

.sub_wrap .btn_wrap .commu_btn{color: #53b100; border: 4px solid #53b100;background: #eee url("/resources/img/power/commu_btn.png") center left 43px no-repeat;}
.sub_wrap .btn_wrap .back_btn{margin: 0 10px 0 10px;}
.sub_wrap .btn_wrap .share_btn{color: #e03b0f; border: 4px solid #e03b0f;background: #eee url("/resources/img/power/share_btn.png") center left 43px no-repeat;}

.sub_wrap .btn_wrap .pre_btn:hover {transform: translateY(-7px); background-color: #fff;}
.sub_wrap .btn_wrap .thumb_btn {color: #06a2af;border-color: #06a2af; margin-right: 10px; background-image: url("/resources/img/premium/pre_thumb.png");}
.sub_wrap .btn_wrap .thumb_btn .num {color: #006a72; margin-left: 8px; transition: all .3s ease;}
.sub_wrap .btn_wrap .thumb_btn .num:empty {margin-left: 0;}

/*툴팁*/
.sub_wrap .btn_wrap .tooltip_box {display:block;opacity:0;position:absolute;top: -80px;background-color: #fff;right: 0;padding: 10px 14px;border-radius:4px;z-index:-1;font-size:inherit;transition:all 0.5s;box-sizing: border-box;border: 1px solid #ddd;box-shadow: 2px 2px 3px 1px rgba(0,0,0,.1);min-width: 185px;}
.sub_wrap .btn_wrap .tooltip_box .ti {font-size: 14px;margin-bottom: 7px;font-weight: 600;color: #555;text-align: center;}
.sub_wrap .btn_wrap .tooltip_box a {text-align:left;color: #ddd;font-size:12px;word-break:break-all;word-wrap:break-word;text-indent: -99999px;display: inline-block;width: 45px;height: 45px;float: left;margin-left: 10px;background: url("/resources/img/common/sns_kakao.jpg") center/cover no-repeat;border-radius: 8px;box-sizing: border-box;}
.sub_wrap .btn_wrap .tooltip_box a.sb2 {background-image: url("/resources/img/common/sns_fb.jpg");}
.sub_wrap .btn_wrap .tooltip_box a.sb3 {background-image: url("/resources/img/common/sns_blog.jpg");}
.sub_wrap .btn_wrap .tooltip_box a:first-child {margin-left: 0;}
.sub_wrap .btn_wrap .on.tooltip_box {opacity:1;z-index: 1;} 


/*리스트 팝업 s*/
    /*layer popup style s*/
.pop_wrap {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; background-color: rgba(0,0,0,.6); display: none;}
.pop_wrap .inner {height: 100%;}
.pop_wrap .cont_wrap {min-height: auto;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 100%;max-width: 800px;box-sizing: border-box;background: #fff;height: auto;max-height: -webkit-fill-available;}
.pop_wrap .cont_wrap .title_wrap {overflow: hidden;padding: 50px 50px 0;}
.pop_wrap .cont_wrap .title_box {position: relative;width: 100%;}
.pop_wrap .cont_wrap .title_box .ti_box {width: 100%;}
.pop_wrap .cont_wrap .title_box .ti {font-size: 25px;color: #fff;position: relative;display: inline-block;background: #06400b;padding: 14px 40px 14px 0;border-radius: 0 100px 100px 0;max-width: 93%;box-sizing: border-box;float: left;}
.pop_wrap .cont_wrap .title_box .ti::before {position: absolute;content: "";left: -110px;height: 100%;width: 100%;top: 0;background: #06400b;z-index: -1;}

.gas .pop_wrap .cont_wrap .title_box .ti {background: #001d70;}
.gas .pop_wrap .cont_wrap .title_box .ti::before {background: #001d70;}

.power .pop_wrap .cont_wrap .title_box .ti {background: #a80000;}
.power .pop_wrap .cont_wrap .title_box .ti::before {background: #a80000;}

.pop_wrap .cont_wrap .title_box .ti > span {display: block;}
.pop_wrap .cont_wrap .title_box .close {display: none;}

.pop_wrap .cont_wrap .en_box {margin: 10px 50px 20px; font-size: 20px; color: #777;}

.pop_wrap .close {position: absolute;height: 60px;width: 60px;right: -70px;top: 10px;background-color: #f5f5f5;cursor: pointer;border: 1px solid #ddd;box-sizing: border-box;}
.pop_wrap .close span {display: block;background-color: #333;position: absolute;width: 2px;height: 26px;top: 16px;left: 28px;transform: rotate(45deg);}
.pop_wrap .close span:last-child {transform: rotate(-45deg);}
.pop_wrap .over_wrap {overflow-y: scroll;overflow-x: hidden;height: 100%;position: relative;}
.pop_wrap .cont_wrap .cont {padding: 20px 50px 50px;}
.pop_wrap .sec::after {clear: both; content: ""; display: block; height: 0;}
.pop_wrap .sec {margin-bottom: 40px;}
.pop_wrap .sec:last-of-type {margin-bottom: 0;padding: 0;}

.pop_wrap .sec .sec_title {font-size: 19px;color: #000;font-weight: 400;margin-bottom: 8px;}
.pop_wrap .sec1 {margin-bottom: 20px;}

    /*기업소개 테이블*/
.pop_wrap .sec4 table {min-width: auto;}
.pop_wrap .sec4 table thead th {background-color: #fff;}
.pop_wrap .sec4 table tbody th {font-size: 17px; color: #000;}
.pop_wrap .sec4 table tbody td {text-align: left; font-size: 15px;}
.pop_wrap .sec4 table tbody .desc {text-align: center; line-height: 140%;}

	/* tbody사이 간격 */
.pop_wrap .sec4 table.basic tbody {border-bottom: 10px solid transparent; position: relative;}
.pop_wrap .sec4 table.basic tbody::after {content: ''; display: block; position: absolute; left: 0; width: 100%; height: 10px; background-color: transparent; border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd; box-sizing: border-box;}
.pop_wrap .sec4 table.basic tbody:last-child::after {border-bottom: 0;}

.pop_wrap .sec4 .company_logo {height: 30px; margin: 0 auto;}
.pop_wrap .sec4 .en_ti {margin-top: 6px; font-weight: 500; display: block;}
.pop_wrap .sec4 .company_logo img {height: 100%; width: auto;}

.prm_eng .pop_wrap .sec4 table tbody th {font-size: 15px;}

    /* 팝업스크롤 */
.pop_wrap .over_wrap::-webkit-scrollbar {width: 8px;}
.pop_wrap .over_wrap::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 5px;}
.pop_wrap .over_wrap::-webkit-scrollbar-track {background-color: #eee;}

    /*팝업 iframe*/
.pop_wrap .iframe_box {width: 100%; height: 376.875px;}
.pop_wrap .iframe_box > iframe {height: 100%; width: 100%;}
/*리스트 팝업 e*/

/*체험존 s*/
    /*tabs s*/
.zone{font-family: 'GmarketSansMedium'; margin: -30px 0 0px 0;}
.zone .tabs{display: flex;justify-content: center;}
.zone .tabs li{width: 33.33%; padding: 15px 3px; border: 1px solid #ddd; border-radius: 30px; display: block; font-size: 18px; color: #28629c; vertical-align: middle; text-align: center; cursor: pointer; background: #fff; box-shadow: 5px 5px 7px 2px rgb(0 0 0 / 10%);}
.zone .tabs li:nth-child(2){margin: 0 10px 0 10px;}
.zone .tabs li.current{background: #28629c; color: #fff; border: 1px solid #28629c; transition: all .3s ease; }
    /*tab-content s*/
.zone .tab_cont{margin-top:-27px;}
.zone .tab-content{ display: none; padding: 12px;}
.zone .tab-content.current{display: inherit;}
    /*공통사항 s*/
.zone .tc_inner{margin:100px auto 100px auto;}
.zone .tc_tit{position: relative; color: #333;text-align: center;padding:40px 0 60px 0; display: flex; align-items: center;}
.zone .tit_ico1{width: 25%;box-sizing: border-box;}
.zone .tit_ico2{width: 25%;box-sizing: border-box;}
.zone .tit_ico1 img{width: 45%;}
.zone .tit_ico2 img{width: 70%;}
.zone .tc_txt{width: 50%;box-sizing: border-box; margin: 0 auto;}
.zone .tc_txt p:first-child{font-size: 33px;}
.zone .tc_txt p:last-child{font-size:60px;}

.zone .gift_wrap{position: relative; background: #fff; width: 80%; border-radius: 50px 50px 0 0; margin: 0 auto; box-sizing: border-box; padding: 27px 80px 20px 80px; box-shadow: 0px -13px 15px -2px rgb(0 76 3 / 18%);}
.zone .gift_wrap .date{float: left; width: 50%;}
.zone .gift_wrap .gift{float:right; width: 50%;}
.zone .gift_wrap .tit{background: #009933; color: #fff; border-radius: 40px; text-align: center; font-size: 24px; width: 180px; height: 50px; line-height: 50px;}
.zone .gift_wrap .txt{color: #333; padding-left:20px; padding:20px 0 25px 20px; font-size: 19px;}
.zone .gift_wrap .gift_txt{width: 100%; text-align: center; color: #717171; font-size: 15px;}
.zone .gift_wrap .gift_txt .og{color: #f6530c;}

.zone .gift_wrap .gift_img{width: 165px; height: 256px; position: absolute; top: -45px; right: -46px;}
.zone .gift_wrap .gift_img img{width: 100%;}
.zone .gift_wrap .gift_img .m_gift_img{display: none;}

.zone .qs_box_wrap{ border: 3px solid #004c03;}
.zone .qs_box{width: 100%;box-sizing: border-box; padding: 40px 50px;}
.zone .qs_box .qs_num{float: left; width: 85px; height: 85px; border: 3px solid #004c03; background: #fff; border-radius: 100px; box-sizing: border-box; margin-right: 2%; text-align: center;}
.zone .qs_box .qs_num p:first-child{color: #333; margin-top: 13px;}
.zone .qs_box .qs_num p:last-child{color:#004c03; font-size: 29px; }
.zone .qs_box .qs_txt{float: left; width: calc(98% - 85px); box-sizing: border-box; font-size: 19px; line-height: 1.7; word-break: keep-all;}

.qs_anw_wrap{display: flex; align-items: center; padding: 30px 30px 40px 30px; border-bottom: 2px dashed #6f9e7f;}
.zone .qs_anw{position: relative; color: #004c03; font-size: 35px; width: 70%; }
.zone .qs_anw p{display: inline-block;}
.zone .qs_anw .qs_arw{width: 28px; height: 26px; vertical-align: middle; display: inline-block; padding-right: 10px;}
.zone .qs_anw .qs_arw img{width: 100%;}
.zone .qs_anw .anw{display: inline-block; vertical-align: middle; width: 50px; height: 50px; background: #fff; border: 3px solid #009933; border-radius: 100px;}
.zone .qs_anw .anw:last-child{margin:0 10px 0 8px;}
.zone .qs_anw .dot{display: inline-block; vertical-align: middle; width: 8px; height: 8px; background: #009933; border-radius: 100px; margin: 0 8px 0 8px;}
.zone .qs_img{width: 30%;}
.zone .qs_img img{width: 100%;}

.zone .zone_form{margin: 30px 0 0;}
.zone .zone_form input[type="text"], input[type="password"]{background: #fff;}
.zone .zone_form .table-bordered{width: 78%; margin: 0 auto;}
.zone .zone_form .table-bordered .form_box{width: 100%; box-sizing: border-box; margin-bottom: 15px;}
.zone .zone_form .table-bordered .name{color: #004c03; width: 20%; text-align: left;}
.zone .zone_form .table-bordered .ip{width: 100%;}
.zone .zone_form .table-bordered .ip input[type="text"], input[type="password"]{width: 100%; font-size: 14px; padding-left: 10px; font-family: 'GmarketSansMedium'; padding: 10px;}
.zone .zone_form .table-bordered .agree2{font-size: 14px; color: #004c03; text-decoration: underline;}
.zone .zone_form .table-bordered .agree2:hover{font-weight: 700;}

.zone .submit_wrap{position: relative; width: 100%; margin-top: 5%;background:#004c03; height: 170px; overflow: hidden;}
.zone .submit_box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; margin: 0 auto; background:#c7dacc; height: 70px; line-height: 70px; border-radius: 10px; overflow: hidden; cursor: pointer;}
.zone .submit_box .evt_extra{float: left; width: 75%; height: 70px; line-height: 70px;}
.zone .submit_box .evt_extra input[type="text"], input[type="password"]{background: none; border: none; width: 100%; font-size: 20px; font-family: 'GmarketSansMedium'; padding: 0 0 0 40px; line-height: 70px;}
.zone .submit_box .submit_btn{float: right; width: 25%; cursor: pointer;}
.zone .submit_box .submit_btn input[type="button"]{width: 100%; height: 70px; line-height: 70px; color: #fff; background: #008a29; border: none; font-size: 24px; letter-spacing: 1px; font-family: 'GmarketSansMedium';}

    /*layer_popup s*/
#agree2{position: fixed; width: 100%; height: 100%; top: 0; left: 0;  z-index: 9999; background-color: rgba(0,0,0,.6); display: none;}
#agree2 .inner{height: 100%;}
#agree2 .cont_wrap{height: 30%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 50%;}
#agree2 .cont_wrap .tit_box{ position: absolute; top: 0; left: 0; width: 100%; height: 80px; background-color: #fff; display: table; padding: 0 3%; box-sizing: border-box; border-bottom: 1px solid #ddd;}
#agree2 .cont_wrap .tit_box p{display: table-cell; vertical-align: middle; font-size: 30px; font-weight: 600; color: #181c25;}
#agree2 .close{position: absolute;height: 100%; width: 80px; right: 0; top: 0; background-color: #28629c; cursor: pointer;}
#agree2 .close span{display: block; background-color: #fff; position: absolute; width: 3px; height: 30px; top: 25px; left: 40px;transform: rotate(45deg);}
#agree2 .close span:last-child{transform: rotate(-45deg);}
#agree2 .cont_wrap .cont{padding: 30px 3%; height: calc(100% - 125px); background-color: #fff; overflow-y: auto; box-sizing: border-box; margin-top: 80px;}
    /*공통사항 e*/

.zone #tab-1{background:url(/resources/img/sub/nuclear_tab1_bg.jpg) no-repeat top center/cover; box-sizing: border-box;}
.zone #tab-2{background:url(/resources/img/sub/nuclear_tab2_bg.jpg) no-repeat top center/cover; box-sizing: border-box;}
.zone #tab-3{background:url(/resources/img/sub/puzzle_bg.jpg) no-repeat top center/cover; box-sizing: border-box;}

    /*puzzle s*/  
.qs_box .pz_tab{margin: 0 auto; width: 100%; text-align: center; margin-bottom: 30px;}
.qs_box .pz_tab a {display: inline-block; font-size: 18px; padding: 0 10px; line-height: 40px; border: 3px solid #004c03; border-radius:30px; background-color: #f7f7f7; width: 200px; margin: 0 auto; height: 50px; line-height: 50px; color: #004c03; transition: .3s ease; margin-right: 10px;}
.qs_box .pz_tab a :last-child{margin-right: 0;}
.qs_box .pz_tab a:hover{transform: translateY(-7px); background-color: #fff;}

.test_puzzle form[name="evt_pz_form"] {display: block; margin-top: 20px;}
.test_puzzle form[name="evt_pz_form"] input[type="text"]{width:25%;}

#puzzle_container{
    line-height:500px;
    text-align:center;
    vertical-align:middle;
    border:10px outset #CCCCCC;
    position:relative;
    color: #FFFFFF;
    background-color: #707070;
    margin-top: 20px;

    width: 520px;	/* IE 5.x */
    width/* */:/**/500px;	/* Other browsers */
    width: /**/500px;	

    height: 520px;	/* IE 5.x */
    height/* */:/**/500px;	/* Other browsers */
    height: /**/500px;	
    margin: 0 auto;

}

#puzzle_container .square{
    overflow:hidden;
    border-left:1px solid #FFF;
    border-top:1px solid #FFF;
    position:absolute;
}

#messageDiv {display: none;}

.activeImageIndicator{
    border:1px solid #FF0000;
    position:absolute;
    z-index:10000;
}
.revealedImage{
    position:absolute;
    left:0px;
    opacity:0;
    filter:alpha(opacity=50);
    top:0px;
    z-index:50000;
}

.submit_qiz_btn{margin: 0 auto; text-align: center;}
.submit_qiz_btn a{text-align: center; margin: 0 auto; margin-top: 50px; background:#009933; color: #fff; width: 200px; height: 45px; line-height: 45px; border-radius: 30px; display: inline-block; transition: .3s ease; cursor: pointer;}
.submit_qiz_btn input[type="button"]{border: none; background: none; color: #fff;font-family: 'GmarketSansMedium'; width: 100%; height: 100%; cursor: pointer;}
.submit_qiz_btn a:hover{transform: translateY(-7px);  box-shadow: 5px 5px 7px 2px rgb(0 0 0 / 10%);}
/*체험존 e*/

/*contents e*/



@media screen and (min-width:1920px) and (min-height:1080px) {
}
@media screen and (max-width:1600px) and (min-height:769px) {
    .power_wrap, .power_wrap .contents {padding-bottom: 48%;}
	.power_wrap .main_slick_wrap {padding-top: calc(35% - 280px);}
}

@media screen and (max-width:1600px) and (max-height:768px) {
    .power_wrap, .power_wrap .contents {padding-bottom: 42%;}
    .sub_wrap, .sub_wrap .contents {padding-bottom: 45.5%;}
    .sub .main_slick_wrap {padding-top: calc(24% - 200px);}
    .sub_wrap .cw { padding-bottom: 35vw; }
}
@media screen and (max-width:1200px){
	.sub_wrap .cw {padding-bottom: 37%;}
}
@media screen and (max-width:1024px){
    .sub .header .back > a {width: 165px;}
    .sub .header .back .arw {height: 50px; width: 50px;}
    .sub .header .back .arw::before, .sub .header .back .arw::after {width: 14px; height: 4px; top: calc(50% + 4px);}
    .sub .header .back .arw::after {top: calc(50% - 4px);}
    
    /*체험존*/
    .zone .gift_wrap .date, .zone .gift_wrap .gift{float: none; width: 100%;}
    .zone .gift_wrap .gift_txt{text-align: left; width: 77%;}
    .zone .gift_wrap .gift_img{top: auto; bottom: 0;}
    .zone .gift_wrap{padding: 27px 25px 20px 25px;}
}

@media screen and (max-width:950px){
    /*리스트 팝업 s*/
    .pop_wrap {overflow: hidden;}
    .pop_wrap .inner {width: 100%;}
    .pop_wrap .cont_wrap {max-width: 950px;}
    .pop_wrap .cont_wrap .title_wrap {overflow: hidden;padding: 10px;position: fixed;z-index: 2;background: #fff;width: 100%;box-sizing: border-box;top: 0;left: 0; touch-action: none; }
    .pop_wrap .cont_wrap .title_box .ti_box {max-width: calc(100% - 60px);}
    .pop_wrap .cont_wrap .title_box .close {display: inline-block; right: 0; top: 0;}
    .pop_wrap .cont_wrap .en_box {margin: 10px 10px 20px; font-size: 20px; color: #777;}
    .pop_wrap .close {display: none;}
    .pop_wrap .cont_wrap .cont {padding: 0 10px 10px;}
    .pop_wrap .sec {margin-bottom: 30px;}
    .pop_wrap .sec:last-of-type {margin-bottom: 0;}
    /*리스트 팝업 e*/
}


@media screen and (max-width:768px){
    .sub_vis h2 .en_tit{font-size:21px;}
    .sub_vis h2 .tit{font-size: 33px;}
    
    /*info s*/
    .info .info_txt_wrap li{display: block;}
    .info .info_txt_wrap .left{width: 100%;}
    .info .info_txt_wrap .right{width: 100%;}
    /*info e*/
    
    .power_wrap, .power_wrap .contents {padding-bottom: 48%;}
    .sub_wrap, .sub_wrap .contents {padding-bottom: 48%;}
    .power_wrap .main_slick_wrap {padding-top: calc(35% - 290px);}

    /*리스트 팝업 s*/	
    .pop_wrap .cont_wrap .title_box .ti {    font-size: 18px;}
    .pop_wrap .close {width: 50px;  height: 50px;}
    .pop_wrap .close span {top: 11px; left: 24px;}
    .pop_wrap .over_wrap::-webkit-scrollbar {width: 3px;}
    .pop_wrap .sec4 table tbody th, .pop_wrap .sec4 table tbody td {padding: 10px 3px; font-size: 13px;}
    /*리스트 팝업 e*/
    
    /*layer popup s*/
    #agree2 .cont_wrap{width: 100%;}
    #agree2 .cont_wrap .cont{height: calc(100% - 125px);}
    /*layer popup e*/
    
    /*체험존 s*/
    .zone .tc_txt p:first-child{font-size: 20px;}
    .zone .tc_txt p:last-child{font-size: 40px;}
    .zone .gift_wrap .tit{font-size: 20px;}
    .zone .gift_wrap .txt, .zone .qs_box .qs_txt{font-size: 17px;}
    .zone .gift_wrap .gift_txt{font-size: 14px;}
    .zone .gift_wrap .gift_img{bottom: -52px; right: -64px;}
    .zone .gift_wrap .gift_img img{width: 80%;}
    
    .zone .qs_box{padding: 30px;}
    .zone .qs_box .qs_txt{line-height: 1.6;}
    .zone .zone_form .table-bordered{width: 100%;}
    .qs_anw_wrap{display: block;}
    .qs_anw_wrap{padding: 30px 0 40px 0;}
    .zone .qs_anw{text-align: center; margin: 0 auto; width: 100%;}
    .zone .qs_img{display: none;}
    
    .zone .submit_wrap{height: 300px;}
    .zone .submit_box{height: 140px; line-height: 140px; overflow: auto;}
    .zone .submit_box .evt_extra,.zone .submit_box .submit_btn{float: none; width: 100%;}
    .zone .submit_box .evt_extra input[type="text"], input[type="password"]{text-align: center; padding-left: 0;}

    
    .qs_box .pz_tab a{display: block; margin: 0 auto; margin-bottom: 10px;}
    .qs_box .pz_tab a:last-child{margin-bottom: 0;}
    /*체험존 e*/
	
}



@media screen and (max-width:500px){
    /*info s*/
    .info::before{right: 0;}
    .info .info_txt_wrap .left p:first-child{margin-bottom: 15px;}
    .info .info_txt_wrap .left p:last-child{font-size: 26px;}
    .info .info_txt_wrap .right p{font-size: 17px;}
    /*info e*/
    
    /*체험존 s*/
    .zone .tabs{display: block; margin-top: 60px;}
    .zone .tabs li{width: 100%;}
    .zone .tabs li:nth-child(2){margin: 10px 0 10px 0;}
    
    .zone .qs_box .qs_num{float: none; margin: 0 auto; margin-bottom: 15px;}
    .zone .qs_box .qs_txt{float: none; width: 100%; text-align: center;}
    
    .zone .tab_cont{margin-top: 30px;}
    .zone .tc_inner{margin: 50px auto 50px auto;}
    
    .zone .gift_wrap .gift_img > img{display: none;}
    .zone .gift_wrap .gift_img{width: 124px; height: 124px; bottom: 0; right: -47px;}
    .zone .gift_wrap .gift_img .m_gift_img{display: block; width: 100%;}
    
	/*체험존 e*/

}

@media screen and (max-width:360px){
    #agree2 .cont_wrap .cont{height: 130px;}

}