/* SUB COMMON */
.sub_content { padding:100px 0 80px 0; } 
.sub_content .container { max-width:890px; padding: 0 15px; margin: 0 auto } 
.sub_content .sub_tit { text-align: center } 
.sub_content .sub_tit .sub_category { text-align: center; display: inline-block; font-size: 20px; padding-bottom: 5px; margin-bottom: 30px; } 
.sub_content .sub_tit .sub_category span { font-size:26px } 
.sub_content .sub_tit h2 { font-size: 36px; font-weight: 900; } 
.sub_content .sub_tit h2 span { display: block; font-size: 30px; font-weight: normal; } 
.sub_content .sub_tit .stit { font-size: 20px; margin-top:20px; margin-bottom:40px } 
.sub_content .content_inner { margin:0 auto; width:100% } 


/* SUB Contents */
.sub_content .part { margin-bottom: 40px; } 
.sub_content .part .txt_tit { font-size:24px; font-weight:600; text-decoration: underline; margin-bottom:15px; } 
.sub_content .part .txt_desc { font-size:16px; line-height:30px; letter-spacing: -0.03em } 
.sub_content .part .txt_wrap { margin: 20px 0; max-width: 800px; margin:0 auto } 
.sub_content .part .txt_wrap p { font-size: 18px; font-weight: 400; line-height: 30px; letter-spacing: -0.03em } 
.sub_content .part .txt_wrap p.line { padding:40px 0; border-top:1px solid #000; border-bottom:1px solid #000; width: 70%; margin: 0 auto; word-break: auto-phrase; } 
.sub_content .part .txt_wrap .title { font-weight: 700; font-size: 22px; margin-bottom: 10px } 
.sub_content .part .txt_wrap span { font-style:italic; } 
.sub_content .part .txt_wrap .stit { font-size: 18px; font-weight: normal; } 

.sub_content .part .img_wrap { text-align: center } 
.sub_content .part .img_wrap:after { display:block; content:''; clear:both; } 
.sub_content .part .img_wrap.two figure { float: left; width: 48.75%; margin-right: 2.5%; } 
.sub_content .part .img_wrap.two figure:nth-last-of-type(1) { margin-right: 0; } 
.sub_content .part .img_wrap figure figcaption { margin: 0.5rem 0 0; font-size: 0.875rem; color: #333; text-align: center; line-height: 1.25rem; transform:skew(-0.03deg); word-break: keep-all; } 
.sub_content .part .img_wrap img { max-width: 100%; width:auto; } 
.sub_content .part .img_wrap .caption { font-size: 13px; color: #808080; margin-top:10px } 
.caption { font-size: 13px; color: #808080; margin-top:10px } 

 /*하단 버튼*/
.sub_content .sub_button { margin:0 auto; text-align: center; padding-top:150px } 
.sub_content .sub_button .opinion_button { display: inline-block; padding:8px 10px; background: #12555f; color:#fff; border-radius: 10px; font-weight: bold; } 
.sub_content .sub_button .opinion_button a { color:#FFf } 
.sub_content .sub_button .share_button { display: flex; justify-content: space-between; width:120px; margin: 50px auto 0; } 
.sub_content .sub_button .share_button .mail,
.sub_content .sub_button .share_button .facebook,
.sub_content .sub_button .share_button .link { display: flex; justify-content: center; align-items: center; background: #7b7b7b; border-radius: 50%; width:46px; height: 46px } 

.tac { text-align: center!important } 
.tal { text-align: left!important } 
.tar { text-align: right!important } 

.mt0 { margin-top:0 !important } 
.mt5 { margin-top:5px !important } 
.mt10 { margin-top: 0.625rem !important; } 
.mt13 { margin-top: 13px !important; } 
.mt20 { margin-top:20px !important; } 
.mt30 { margin-top:30px !important; } 
.mt40 { margin-top:40px !important; } 
.mt50 { margin-top:50px !important; } 
.mt60 { margin-top:60px !important; } 
.mt70 { margin-top:70px !important; } 
.mt80 { margin-top:80px !important; } 
.mb0 { margin-bottom: 0!important; } 
.mb10 { margin-bottom: 10px!important; } 
.mb20 { margin-bottom: 20px!important; } 
.mb40 { margin-bottom: 2.5rem !important; } 
.mb80 { margin-bottom: 80px !important; } 
.mb100 { margin-bottom: 100px !important; } 

.fwb { font-weight: bold; } 
.fsn { font-style: normal !important; } 

.pc-only { } 
.mo-only { display: none; } 

@media all and (max-width:768px){
 .pc-only { display: none; } 
 .mo-only { display: block; } 
 }
/*ROW*/
.row:after { display: block; content: ''; clear: both; } 
.row .col_2 { float: left; width:50%; padding: 10px; box-sizing: border-box; } 
.row .col_2:first-child { padding-left: 0px; } 
.row .col_2:last-child { padding-right: 0px; } 
.row .col_3 { float: left; width:33.3333%; padding: 10px; box-sizing: border-box; } 
.row .col_3.two { width: 66.6666%; } 
.row .col_3:first-child { padding-left: 0px; } 
.row .col_3:last-child { padding-right: 0px; } 
.row .col_4 { float: left; width:25%; padding: 10px; box-sizing: border-box; } 
.row .col_4:first-child { padding-left: 0px; } 
.row .col_4:last-child { padding-right: 0px; } 



/* column */
.row { overflow: hidden; } 
.row:after { content: ''; display: block; clear: both; overflow: hidden; } 
.row.mt30 { margin-top: 1.875rem; } .row.mb30 { margin-bottom: 1.875rem; } 
.row.mb60 { margin-bottom: 3.75rem; } 
.row .column { display: inline-block; float:left; padding-left: 2.5%; } 
.row .column:first-child { padding-left: 0; } 
.row .column figure.mid { margin-bottom: 0.9375rem; } 
.row .column figure.mb0 { margin-bottom: 0; } 
.row .column.mid { vertical-align: middle; } 
.row .column.right { float: right; } 
.row .column.right { padding-left: 2.5%; } 
.row .column.right + .column { padding-left: 0; } 

.row.half > .column:first-child { width: 48.75%; } 
.row.half > .column { width: 51.25%; } 
.row.half > .column.right:first-child { width: 51.25%; } 
.row.half > .column.right + .column { width: 48.75%; } 

.row.width1 > .column:first-child { width: 1%; } 
.row.width1 > .column { width: 99%; } 
.row.width3 > .column:first-child { width: 3%; } 
.row.width3 > .column { width: 97%; } 
.row.width5 > .column:first-child { width: 5%; } 
.row.width5 > .column { width: 95%; } 
.row.width8 > .column:first-child { width: 8%; } 
.row.width8 > .column { width: 92%; } 
.row.width10 > .column:first-child { width: 10%; } 
.row.width10 > .column { width: 90%; } 
.row.width14 > .column:first-child { width: 14%; } 
.row.width14 > .column { width: 86%; } 
.row.width15 > .column:first-child { width: 15%; } 
.row.width15 > .column { width: 85%; } 
.row.width16 > .column:first-child { width: 16%; } 
.row.width16 > .column { width: 84%; } 
.row.width17 > .column:first-child { width: 17%; } 
.row.width17 > .column { width: 83%; } 
.row.width20 > .column:first-child { width: 20%; } 
.row.width20 > .column { width: 80%; } 
.row.width21 > .column:first-child { width: 21%; } 
.row.width21 > .column { width: 79%; } 
.row.width23 > .column:first-child { width: 23%; } 
.row.width23 > .column { width: 77%; } 
.row.width25 > .column:first-child { width: 25%; } 
.row.width25 > .column { width: 75%; } 
.row.width26 > .column:first-child { width: 26%; } 
.row.width26 > .column { width: 74%; } 
.row.width28 > .column:first-child { width: 28%; } 
.row.width28 > .column { width: 71%; } 
.row.width32 > .column:first-child { width: 32%; } 
.row.width32 > .column { width: 67%; } 
.row.width36 > .column:first-child { width: 36%; } 
.row.width36 > .column { width: 64%; } 
.row.width37 > .column:first-child { width: 37%; } 
.row.width37 > .column { width: 63%; } 
/* .row.width36 > .column.right { width: 64%; } 
.row.width36 > .column.right + .column { width: 36%; } /* 454px 40.3333 */
.row.width40 > .column:first-child { width: 40%; } 
.row.width40 > .column { width: 60%; } 
.row.width41 > .column:first-child { width: 41%; } 
.row.width41 > .column { width: 59%; } 
.row.width42 > .column:first-child { width: 42%; } 
.row.width42 > .column { width: 58%; } 
.row.width48 > .column:first-child { width: 48%; } 
.row.width48 > .column { width: 52%; } 

.row.width51 > .column:first-child { width: 51%; } 
.row.width51 > .column { width: 49%; } 

.row.width52 > .column:first-child { width: 52.0834%; } 
.row.width52 > .column { width: 47.9166%; } /* 545px 45.4166 */
.row.width54 > .column:first-child { width: 54.6667%; } 
.row.width54 > .column { width: 45.3333%; } /* 514px */
.row.width56 > .column:first-child { width: 57.1117%; } 
.row.width56 > .column { width: 42.8883%; } 
.row.width57 > .column:first-child { width: 57.6667%; } 
.row.width57 > .column { width: 42.3333%; } /* 478px 40.3333 */

.row.width57_2 > .column:first-child { width: 57%; } 
.row.width57_2 > .column { width: 43%; } /* 478px 40.3333 */

.row.width59_2 > .column:first-child { width: 59%; } 
.row.width59_2 > .column { width: 41%; } /* 462px 41 */

.row.width59 > .column:first-child { width: 59.6667%; } 
.row.width59 > .column { width: 40.3333%; } /* 454px 40.3333 */
.row.width59 > .column.right { width: 62.1667%; } 
.row.width59 > .column.right + .column { width: 37.8333%; } /* 454px 40.3333 */

.row.width60 > .column { width: 60%; } 
.row.width60 > .column + .column { width: 40%; } 
.row.width61 > .column { width: 61%; } 
.row.width61 > .column + .column { width: 39%; } 
.row.width62 > .column { width: 62%; } 
.row.width62 > .column + .column { width: 38%; } 
.row.width63 > .column { width: 63%; } 
.row.width63 > .column + .column { width: 37%; } 

.row.width64 > .column { width: 64.6667%; } 
.row.width64 > .column + .column { width: 35.3333%; } 

.row.width65 > .column { width: 64.6667%; } 
.row.width65 > .column + .column { width: 35.3333%; } 

.row.width66 > .column { width: 66%; } 
.row.width66 > .column + .column { width: 34%; } 
.row.width67 > .column { width: 67%; } 
.row.width67 > .column + .column { width: 33%; } 
.row.width68 > .column { width: 68%; } 
.row.width68 > .column + .column { width: 32%; } 
.row.width70 > .column { width: 70%; } 
.row.width70 > .column + .column { width: 30%; } 
.row.width71 > .column { width: 71%; } 
.row.width71 > .column + .column { width: 29%; } /* 311 */
.row.width72 > .column { width: 72%; } 
.row.width72 > .column + .column { width: 28%; } /* 311 */
.row.width74 > .column { width: 74%; } 
.row.width74 > .column + .column { width: 26%; } /* 311 */
.row.width77 > .column { width: 77%; } 
.row.width77 > .column + .column { width: 23%; } /* 311 */
.row.width85 > .column { width: 85%; } 
.row.width85 > .column + .column { width: 15%; } /* 311 */


/*유튜브*/
.video_wrap { margin: 20px 0; } 
.video_wrap .video { position: relative; width: 100%; padding-bottom: 56.25%; } 
.video_wrap .video .iframe { width: 100%; height: 100%; position: absolute; border: 0; } 



.ls3 { letter-spacing:-0.03em!important } 
.ls4 { letter-spacing:-0.04em!important } 
.ls5 { letter-spacing:-0.05em!important } 
.ls6 { letter-spacing:-0.06em!important } 



.swiper-slide { position: relative !important; } 
.sub-control .swiper-button-prev { background-image:url("../images/sub/arrow.png"); background-color: rgba(0, 0, 0, 0.4); background-size: auto; left: 4.5%!important; width: 40px; height: 60px; border-radius: 5px; transition:ease-in-out 0.3s; z-index: 5px !important; } 
.sub-control .swiper-button-next { background-image:url("../images/sub/arrow.png"); transform: rotate(180deg); background-size: auto; right: 4.5% !important; width: 40px; height: 60px; border-radius: 5px; background-color: rgba(0, 0, 0, 0.4); transition: 0.3s; } 

.sub-control .swiper-button-prev:hover { background-color: rgba(0, 0, 0, 0.5); background-image:url("../images/sub/arrow2.png"); } 
.sub-control .swiper-button-next:hover { background-color: rgba(0, 0, 0, 0.5); background-image:url("../images/sub/arrow2.png"); } 


.sub-control2 .swiper-button-prev { background-image:url("../images/sub/arrow.png"); background-color: rgba(0, 0, 0, 0.4); background-size: auto; left: 16%!important; width: 40px; height: 60px; border-radius: 5px; transition:ease-in-out 0.3s; z-index: 5px !important; } 
.sub-control2 .swiper-button-next { background-image:url("../images/sub/arrow.png"); transform: rotate(180deg); background-size: auto; right: 16% !important; width: 40px; height: 60px; border-radius: 5px; background-color: rgba(0, 0, 0, 0.4); transition: 0.3s; } 


/*기존 sbi에서 가져옴*/
.inr-c-800:after { /*원래는 .wrap_bg1:after*/
 content: ""; position: absolute; left: 30%; top: 4.7em; width: 3em; height: 10em; background-image: url("../images/sub/clip.png"); background-repeat: no-repeat; background-size: 100% auto; } 

@media all and (max-width:1280px){
 .sub_content .part .img_wrap img.wide { width:auto !important; margin-left: 0; max-width: 100% } 
 }
@media all and (max-width:1024px){
 .sub-control .swiper-button-prev { left: 2%!important; background-size: 40% !important; width: 30px; height: 40px; } 
 .sub-control .swiper-button-next { right: 2% !important; background-size: 40% !important; width: 30px; height: 40px; } 
 .with .sub-control2 .swiper-button-prev { left: 2%!important; background-size: 40% !important; width: 30px; height: 40px; } 
.with .sub-control2 .swiper-button-next { right: 2% !important; background-size: 40% !important; width: 30px; height: 40px; } 
 }
@media all and (max-width:768px) {.inr-c-800:after { /*원래는 .wrap_bg1:after*/
 content: ""; position: absolute; left: 10%; top: -1.6em; width: 3em; height: 10em; background-image: url("../images/sub/clip.png"); background-repeat: no-repeat; background-size: 100% auto; } 

/*기존 sbi에서 가져옴*/
.pr2-head-top { padding-top: 11vw !important; } 
.inr-c-800 { margin-left: 30px!important; margin-left: 3.62318841vw!important; margin-right: 30px; margin-right: 3.62318841vw!important;position:relative; max-width: none; width: auto; } 




 .sub_content { padding-top: 0 } 
 .sub_content .part .img_wrap.two figure { width:100% } 
 .sub_content .part .img_wrap.two figure:nth-last-of-type(1) { margin-top:20px } 
 .row .col_2:last-child { margin-top:20px } 
 .re-mt20 { margin-top:20px !important } 
 .re-mt40 { margin-top:40px !important } 
 .re-mt0 { margin-top: 0 } 
 .re-mb0 { margin-bottom:0!important } 
 .row .column { display: block; float: none; width:100% !important } 
 .row .col_2 { width: 100%; padding: 0px; } 
 .row .col_3 { width: 100%; padding: 0px; } 
 .row .col_3.two { width: 100%; padding: 0px; } 
 .row .col_4 { width: 50%; padding: 0px; } 
 .sub_content .part .txt_wrap p.line { width:100% } 

 .sub_content .sub_tit h2 { word-break: keep-all; } 
 .sub_content .sub_tit .sub_category { font-size:16px; padding-bottom: 0 !important; } 
 .sub_content .sub_tit .stit { font-size: 4.46859903vw !important } 
 
 .re-w60 { width:60%!important } 
 }




@media screen and (max-width: 700px){
 .sub_content .sub_tit h2 { font-size:7.2vw } 
 }




/*sms 팝업 복사*/
.tran_none { -webkit-transition: initial; -moz-transition: initial; -ms-transition: initial; -o-transition: initial; transition: initial; } 
.view-m { display: none !important; } 

h1.h3 { font-size: 34px; line-height: 1.2; font-weight: 600; } 


@media screen and (max-width: 840px) { body { padding-top: 240px; padding-top: 60px; } 
h3 { font-size: 18px; } 
#popup-share-Bubble { position: absolute; right: 0; bottom: 50px; bottom: 5.95vw; width: 630px; width: 77.78vw; padding-left: 29px; padding-left: 3.45vw; padding-right: 29px; padding-right: 3.45vw; display: none; } 
#popup-share-Bubble:after { position: absolute; left: 0; top: 0; width: 30px; width: 3.57vw; height: 80px; height: 9.52vw; content: ""; background: url(../images/common/bg_gong_lft.png) 0 0 no-repeat; background-size: 30px 62px; background-size: 3.57vw 7.38vw; z-index: 1; } 
#popup-share-Bubble:before { position: absolute; right: 0; top: 0; width: 30px; width: 3.57vw; height: 80px; height: 9.52vw; content: ""; background: url(../images/common/bg_gong_rgh.png) 0 0 no-repeat; background-size: 30px 73px; background-size: 3.57vw 8.69vw; z-index: 1; } 

#popup-share-Bubble ul { padding-top: 6px; padding-top: 0.71vw; margin-left: -14px; margin-left: -1.67vw; height: 61px; height: 7.26vw; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
#popup-share-Bubble li { float: left; margin-left: 20px; margin-left: 2.38vw; } 

#popup-share-Bubble li button { font-size: 20px; font-size: 2.38vw; height: 37px; height: 4.4vw; line-height: 37px; line-height: 4.4vw; } 

#popup-share-Bubble li button .img { margin-right: 7px; margin-right: 0.83vw; } 
#popup-share-Bubble li button .txt { border-bottom: 1px solid #222; } 
#popup-share-Bubble .close { position: absolute; right: -1px; top: 50%; width: 32px; width: 3.81vw; height: 32px; height: 3.81vw; margin-top: -16px; margin-top: -1.9vw; } 




 h1.h3 { font-size: 36px; font-size: 4.29vw; margin:0 30px; margin:0 3.57vw; } 

 .mt10 { margin-top: 10px; margin-top: 1.2vw; } 
 .mt10 { margin-top: 20px; margin-top: 2.38vw; } 

 .area_fixed { border: 1px solid #ddd; padding: 20px; padding: 2.38vw; margin-top: 20px; margin-top: 2.38vw; text-align: center; } 
 .area_fixed .t1 { margin-bottom: 10px; margin-bottom: 1.79vw; } 
 .area_fixed .inp_txt { width: 300px; width: 35.71vw; } 
 .area_fixed .default_btn { width: 100px; width: 11.9vw; height: 48px; } 

 .fot_logo_sz1 { width: 100px; height: auto; } 

 button { font-size: 24px; font-size: 2.88vw; line-height: 34px; line-height: 4.08vw; } 

 #footer .area.fl ul { float: none; } 

 #wzOpinionTy1 .box-prd2 .inr #form td { padding: 15px; padding: 1.8vw; font-size: 20px; font-size: 2.4vw; } 
 #wzOpinionTy1 .box-prd2 .inr #form input { padding: 0.36vw 1.2vw; } 
 input[type='text'], input[type='password'], textarea { font-size: 22px; font-size: 2.64vw; line-height: 4.32vw; } 
 .view-m { display: block !important; } 
 .view-m-dib { display: inline-block !important; } 
 .hide-m { display: none !important; } 
 .pr-mb2 { margin-bottom: 80px; margin-bottom: 9.52380952vw; } 
 .eventTy1-list .lst { text-align: left !important; } 
 .eventTy1-list .lst .dec1,
 .eventTy1-list .lst .dec2 { font-size: 20px; font-size: 2.38095238vw; } 
 .eventTy1-list .lst .dec1 { position: relative; padding-left: 55px; padding-left: 6.54761905vw; margin-top: 10px; margin-top: 1.19047619vw; } 
 .eventTy1-list .lst .dec1 .h { position: absolute; left: 0; top: 0; } 
 .eventTy1-list .lst .dec2 > span { display: inline-block; margin-right: 5px; margin-right: 0.5952381vw; position: relative; } 
 .bbs-info { display: none; } 
 .wrap_qt { top: 50%; margin-top: -30px; margin-top: -3.57142857vw; right: -176px; right: -20.95238095vw; display: none; } 
 body.share .wrap_qt { top: 50%; } 
 .area_qt { width: 241px; width: 28.69047619vw; height: 261px; height: 31.07142857vw; } 
 .wrap_qt #qt_open { width: 241px; width: 28.69047619vw; height: 261px; height: 31.07142857vw; padding-top: 40px; padding-top: 4.76190476vw; -webkit-background-size: 100%; background-size: 100%; } 
 .wrap_qt #qt_open .close { right: 7px; right: 0.83333333vw; top: 5px; top: 0.5952381vw; width: 40px; width: 4.76190476vw; height: 40px; height: 4.76190476vw; } 
 .wrap_qt #qt_open .close:after { display: inline-block; overflow: hidden; text-align: left; vertical-align: middle; text-indent: -9999px; background-image: url("../images/common/ico_common.png"); background-repeat: no-repeat; *display: inline; *zoom: 1; background-position: -458px -427px; background-position: -54.52380952vw -50.83333333vw; width: 16px; width: 1.9047619vw; height: 15px; height: 1.78571429vw; content: ""; margin-left: -4px; margin-left: -0.47619048vw; margin-top: -7.5px; margin-top: -0.89285714vw; -webkit-background-size: 840px; background-size: 840px; -webkit-background-size: 100vw; background-size: 100vw; } 
 .wrap_qt #qt_open .logo { margin-bottom: 20px; margin-bottom: 2.38095238vw; } 
 .wrap_qt #qt_open .logo img { width: 142px; width: 16.9047619vw; height: auto; } 
 .wrap_qt #qt_open .txt { font-size: 25px; font-size: 2.97619048vw; line-height: 40px; line-height: 4.76190476vw; margin-bottom: 20px; margin-bottom: 2.38095238vw; } 
 .wrap_qt #qt_open .txt > * { margin-left: 2px; margin-left: 0.23809524vw; margin-right: 2px; margin-right: 0.23809524vw; } 
 .wrap_qt #qt_open .btn img { width: 220px; width: 26.19047619vw; height: auto; } 
 .wrap_qt .btn_open img { width: 65px; width: 7.73809524vw; height: auto; } 
 .wrap_qt.open { right: 5px; right: 0.5952381vw; } 
 .wrap_qt.open .btn_open { left: -70px; left: -8.33333333vw; } 
 /*cover*/
 .out_cover:hover .cover:after { top: 20px; top: 2.38095238vw; bottom: 20px; bottom: 2.38095238vw; left: 20px; left: 2.38095238vw; right: 20px; right: 2.38095238vw; } 
 .out_cover .cover:after { border-width: 1px; } 
 [class^="p-solo"] { font-size: 25px; font-size: 2.97619048vw; padding-top: 40px; padding-top: 4.76190476vw; padding-bottom: 40px; padding-bottom: 4.76190476vw; } 
 .inr-c { margin-left: 40px; margin-left: 4.76190476vw; margin-right: 40px; margin-right: 4.76190476vw; } 

 #header.head_scroll.share,
 #header.head_scroll.normal,
 #header.head_scroll.menu { top: 0; height: 240px; height: 28.57142857vw; } 
 #header.head_scroll.share #lnb,
 #header.head_scroll.normal #lnb,
 #header.head_scroll.menu #lnb { top: 0; } 
 #header.head_scroll.share .bar_event { margin-top: 0; } 
 body.share #area_bar_event,
 body.share .bxMain { margin-top: 0; } 
 #header .header_inner > .top { height: 60px; height: 7.14285714vw; z-index: 5; } 
 #header .header_inner > .top .area.fr a { height: 60px; height: 7.14285714vw; margin-left: 20px; margin-left: 2.38095238vw; } 
 #header .header_inner > .top .area.fr a > * { font-size: 25px; font-size: 2.97619048vw; } 
 #header .header_inner > .top .area.fr a.btn_search,
 #header .area_search_top { display: none !important; } 
 #header .header_inner > .mid { height: 120px; height: 14.28571429vw; padding-top: 15px; padding-top: 1.78571429vw; z-index: 5; } 
 #header .header_inner > .mid.pcNone { display: block; } 
 #header .header_inner > .mid .h img { width: auto; height: 65px; height: 7.74vw; } 
 #header .header_inner > .mid .area.fl { top: 32px; top: 3.80952381vw; display: block; } 
 #header .header_inner > .mid .area.fr { top: 50%; margin-top: -1.8vw; } 
 #header .header_inner > .mid .area.fr .search .view-m img { width: 34px; width: 4.04761905vw; height: auto; } 
 #header .header_inner > .mid .area.fr .img_open { width: 40px; width: 4.76190476vw; height: auto; } 
 #header .header_inner > .mid .area.fr .box_search { right: 110px; right: 13.0952381vw; top: -4px; top: -0.47619048vw; } 
 #header .header_inner > .mid .area.fr .box_search input { width: 350px; width: 41.66666667vw; line-height: 1; border: 0.36vw solid #222; padding: 5px 10px; padding: 0.5952381vw 1.19047619vw; font-size: 26px; font-size: 3.0952381vw; } 
 #header .header_inner > .mid > .inr-c { text-align: center !important; } 
 .layerPopup .popup .pop_tit { height: 59px; height: 7.02380952vw; padding-right: 78px; padding-right: 9.28571429vw; } 
 .layerPopup .popup .pop_tit > h1 { padding-top: 9px !important; padding-top: 1.07142857vw !important; padding-left: 20px !important; padding-left: 2.38095238vw !important; font-size: 26px; font-size: 3.0952381vw; } 
 #lnb { z-index: 17; display: none; -webkit-transition: initial; -moz-transition: initial; -ms-transition: initial; -o-transition: initial; transition: initial; height: auto; } 
 #lnb:after { display: none; } 
 #lnb.posa { position: fixed; top: 0 !important; } 
 #lnb .menu { max-width: inherit; } 
 #lnb .depth2 .inner { padding: 0; } 
 #lnb .m2 .depth2,
 #lnb .m3 .depth2,
 #lnb .m4 .depth2 { margin-left: 0; } 
 #lnb .depth2 > .inner > ul > li { margin-right: 0; float: none; } 
 #area_bar_event { margin-top: 0; } 
 #con_bar_event .inr-c.tp { height: 80px; height: 9.52380952vw; } 
 #con_bar_event .inr-c { width: auto; height: auto; } 
 #con_bar_event .inr-c .v-a > * { font-size: 25px; font-size: 2.97619048vw; display: block; } 
 #con_bar_event .tp > * { font-size: 0; } 
 #con_bar_event .now { margin-right: 10px; margin-right: 1.19047619vw; line-height: 30px; line-height: 3.57142857vw; } 
 #con_bar_event .now > * { display: inline-block; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; height: 30px; height: 3.57142857vw; font-size: 29px; font-size: 3.45238095vw; font-weight: 500; } 
 #con_bar_event .now strong { padding-right: 20px; padding-right: 2.38095238vw; margin-right: 10px; margin-right: 1.19047619vw; } 
 #con_bar_event .now strong:after { width: 10px; width: 1.19047619vw; height: 17px; height: 2.02380952vw; margin-top: -9px; margin-top: -1.07142857vw; background-position: -276px -428px; background-position: -32.85714286vw -50.95238095vw; -webkit-background-size: 840px; background-size: 840px; -webkit-background-size: 100vw; background-size: 100vw; } 
 #con_bar_event .now span { display: inline-block; width: 630px; width: 75vw; height: 30px; height: 3.57142857vw; line-height: 30px; line-height: 3.57142857vw; max-width: inherit; } 
 #con_bar_event .win { margin-top: 10px; margin-top: 1.19047619vw; } 
 #con_bar_event .win > * { padding-left: 33px; padding-left: 3.92857143vw; margin-right: 13px; margin-right: 1.54761905vw; display: inline-block; line-height: 30px; line-height: 3.57142857vw; margin-bottom: 6px; margin-bottom: 0.71428571vw; } 
 #con_bar_event .win > *:after { width: 27px; width: 3.21428571vw; height: 30px; height: 3.57142857vw; margin-top: -15px; margin-top: -1.78571429vw; background-position: -128px -117px; background-position: -15.23809524vw -13.92857143vw; -webkit-background-size: 840px; background-size: 840px; -webkit-background-size: 100vw; background-size: 100vw; } 
 #con_bar_event .more { padding-top: 0; } 
 #con_bar_event .more a { font-size: 25px; font-size: 2.97619048vw; padding-right: 20px; padding-right: 2.38095238vw; } 
 #con_bar_event .more a:after { top: 13px; top: 1.54761905vw; display: inline-block; overflow: hidden; text-align: left; vertical-align: middle; text-indent: -9999px; background-image: url("../images/common/ico_common.png"); background-repeat: no-repeat; *display: inline; *zoom: 1; background-position: -276px -428px; background-position: -32.85714286vw -50.95238095vw; width: 10px; width: 1.19047619vw; height: 17px; height: 2.02380952vw; content: ""; -webkit-background-size: 840px; background-size: 840px; -webkit-background-size: 100vw; background-size: 100vw; } 
 #con_bar_event .list-mormal-a2 { margin-top: 20px; margin-top: 2.38095238vw; padding-bottom: 20px; padding-bottom: 2.38095238vw; } 
 #con_bar_event .lstevent .h1 { font-size: 40px; font-size: 4.76190476vw; margin-top: 10px; margin-top: 1.19047619vw; margin-bottom: 30px; margin-bottom: 3.57142857vw; } 
 #con_bar_event .lstevent .btn_close { top: 21px; top: 2.5vw; display: inline-block; overflow: hidden; text-align: left; vertical-align: middle; text-indent: -9999px; background-image: url("../images/common/ico_common.png"); background-repeat: no-repeat; *display: inline; *zoom: 1; background-position: -261px -19px; background-position: -31.07142857vw -2.26190476vw; width: 28px; width: 3.33333333vw; height: 28px; height: 3.33333333vw; content: ""; -webkit-background-size: 840px; background-size: 840px; -webkit-background-size: 100vw; background-size: 100vw; } 
 .list-mormal-a2 { font-size: 25px; font-size: 2.97619048vw; } 
 .list-mormal-a2 thead th { padding: 10px 10px; padding: 1.19047619vw 1.19047619vw; } 
 .list-mormal-a2 tbody td,
 .list-mormal-a2 tbody th { padding: 12px 30px; padding: 1.42857143vw 3.57142857vw; } 
 .c-navbar__menu { width: 50px; width: 5.95238095vw; height: 40px; height: 4.76190476vw; margin-top: -4px; margin-top: -0.47619048vw; } 
 /*메뉴*/
 #lnb .menu > li { display: block; } 
 #lnb .menu > li.m1 { width: 50%; } 
 #lnb .menu > li.m2 { width: 50%; } 
 #lnb .depth2 { margin-left: 0; } 
 #lnb { position: fixed; left: 0; top: 0; width: 670px; width: 79.76190476vw; height: 100%; text-align: left; } 
 #lnb:after { display: none; } 
 #lnb .top { height: 110px; height: 13.0952381vw; background-color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 30px; padding-left: 3.57142857vw; font-size: 0; text-align: left; } 
 #lnb .top:after { display: inline-block; vertical-align: middle; width: 0; height: 100%; content: ""; } 
 #lnb .top h1 { font-size: 0; line-height: 0; display: inline-block; vertical-align: middle; } 
 #lnb .top h1 img { width: 186px; width: 22.14285714vw; height: auto; } 
 #lnb .top .close { position: absolute; right: 30px; right: 3.57142857vw; top: 45px; top: 5.35714286vw; font-size: 0; line-height: 0; } 
 #lnb .top .close img { width: 31px; width: 3.69047619vw; height: auto; } 
 #lnb .scroll { position: relative; overflow: hidden; } 
 #lnb .menu { width: 100%; position: absolute; left: 0; top: 0; padding: 0; z-index: 2; text-align: left; } 
 #lnb .menu > li { width: 50%; float: none; } 
 #lnb .menu > li > a { display: block; width: 100%; padding: 35px 30px; padding: 4.16666667vw 3.57142857vw; font-size: 26px; font-size: 3.0952381vw; height: auto; line-height: 32px; line-height: 3.80952381vw; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #efefef; font-weight: 500; text-align: left; -ms-word-break: keep-all; word-break: keep-all; } 
 #lnb .menu > li > a:after { display: none; } 
 #lnb .menu > li.on a { -ms-word-break: keep-all; word-break: keep-all; background-color: #323b50; color: #fff; } 
 #lnb .menu > li.on .depth2 { display: block; } 
 #lnb .menu > li:first-child .depth2 { border-left: 0; } 
 #lnb .depth2 { padding: 0; border-right: 0; height: auto; position: relative; z-index: 0; position: absolute; left: 50%; top: 0; width: 50%; display: none; background-color: #323b50; color: #fff; } 
 #lnb .depth2 li { padding-left: 30px; padding-left: 3.57vw; } 
 #lnb .depth2 a { display: block; width: 100%; margin-bottom: 0; padding-left: 30px; padding-left: 3.57142857vw; font-size: 24px; font-size: 2.85714286vw; min-height: 95px; min-height: 11.30952381vw; line-height: 32px; line-height: 3.80952381vw; padding-top: 35px; padding-top: 4.16666667vw; padding-right: 10px; padding-right: 1.19047619vw; padding-bottom: 35px; padding-bottom: 4.16666667vw; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; color: #fff; font-weight: 300; } 
 #lnb .depth2 a:after { position: absolute; right: 0; bottom: 0; background-color: #fff; opacity: 0.3; content: ""; width: 100%; height: 1px; } 
 #lnb .scroll:after { position: absolute; left: 50%; width: 50%; top: 0; height: 100%; content: ""; background-color: #323b50; z-index: 0; } 
 #footer { padding-top: 0; font-size: 25px; font-size: 2.97619048vw; line-height: 1.3; } 
 #footer .inr-c { margin-left: 0; margin-right: 0; } 
 #footer .sns_mo { background-color: #525252; padding-top: 20px; padding-top: 2.38095238vw; padding-bottom: 20px; padding-bottom: 2.38095238vw; text-align: center; font-size: 0; } 
 #footer .sns_mo li { display: inline-block; margin-left: 20px; margin-left: 2.38095238vw; margin-right: 20px; margin-right: 2.38095238vw; } 
 #footer .sns_mo li img { width: 50px; width: 5.95238095vw; height: auto; } 
 #footer .area.fl { float: none; text-align: center; margin-bottom: 30px; margin-bottom: 3.57142857vw; padding-top: 60px; padding-top: 7.2vw; } 
 #footer .area.fr { float: none; text-align: center; } 
 #footer .area.fl ul { text-align: center; } 
 #footer .area.fl ul li { display: inline-block; float: none; width: auto; border: 0; text-align: left; margin-left: 0px; margin-left: 0vw; margin-right: 0px; margin-right: 0vw; } 
 #footer .area.fl ul li a { display: block; width: 100%; padding: 0; padding-left: 40px; padding-left: 4.76190476vw; border: 0; } 
 #footer .area.fl ul li a:after { position: absolute; left: 0; top: 0; } 
 #footer .area.fl ul li.n1 a:after { background-position: -64px -83px; background-position: -7.61904762vw -9.88095238vw; -webkit-background-size: 420px; background-size: 420px; -webkit-background-size: 50vw; background-size: 50vw; width: 35px; width: 4.16666667vw; height: 27px; height: 3.21428571vw; margin-left: 0; } 
 #footer .area.fl ul li.n2 a:after { background-position: -104px -82px; background-position: -12.38095238vw -9.76190476vw; -webkit-background-size: 420px; background-size: 420px; -webkit-background-size: 50vw; background-size: 50vw; width: 35px; width: 4.16666667vw; height: 29px; height: 3.45238095vw; margin-left: 0; } 
 #footer .area.fl ul li.n2 { padding-left: 20px; padding-left: 2.38095238vw; margin-left: 20px; margin-left: 2.38095238vw; position: relative; } 
 #footer .area.fl ul li.n2:after { position: absolute; left: 0; top: 4px; top: 0.47619048vw; width: 1px; height: 21px; height: 2.5vw; background-color: #505050; content: ""; } 
 #footer .area.fl ul li:first-child { border: 0; } 
 #footer .area.fl ul li:first-child a { border: 0; } 
 #footer .area.fl ul li.n1 a:hover:after { background-position: -10px -241px; background-position: -1.19047619vw -28.69047619vw; } 
 #footer .area.fl ul li.n2 a:hover:after { background-position: -47px -243px; background-position: -5.5952381vw -28.92857143vw; } 
 #footer .area.fr .mobile { margin-bottom: 35px; margin-bottom: 4.16666667vw; } 
 #footer .area.fr .mobile > * { margin-left: 10px; margin-left: 1.19047619vw; margin-right: 10px; margin-right: 1.19047619vw; display: inline-block; } 
 #footer .area.fr .mobile > * img { width: 87px; width: 10.35714286vw; height: auto; } 
 #footer .area.fr .mobile .pr img { width: 87px; width: 10.35714286vw; height: auto; } 
 #footer .area.fr .mobile .as img { width: 224px; width: 26.66666667vw; height: auto; } 
 #footer .area.fr .mobile .gp img { width: 224px; width: 26.66666667vw; height: auto; } 
 #footer .sns .add { float: none; text-align: center; } 
 #footer .top { margin-top: 70px; margin-top: 8.33333333vw; text-align: center; } 
 #footer .top img { width: 62px; width: 7.38095238vw; height: auto; } 
 .box-prd1 { margin-bottom: 10px; margin-bottom: 1.19047619vw; } 
 .box-prd1 .thumb { padding: 12px; padding: 1.42857143vw; } 
 .box-prd1 .thumb img { width: 100%; height: auto; } 
 .box-prd1 .summary { padding: 12px; padding: 1.42857143vw; font-size: 25px; font-size: 2.97619048vw; } 
 .box-prd2 .thumb img { width: 100%; height: auto; } 
 .box-prd2 .summary { padding: 25px; padding: 2.97619048vw; } 
 .box-prd2 .summary .cate { font-size: 25px; font-size: 2.97619048vw; line-height: 35px; line-height: 4.16666667vw; margin-bottom: 7px; margin-bottom: 0.83333333vw; } 
 .box-prd2 .summary .h1 { font-size: 30px; font-size: 3.57142857vw; line-height: 40px; line-height: 4.76190476vw; } 
 .box-prd2 .summary .txt.lt { padding-top: 15px; padding-top: 1.78571429vw; margin-top: 15px; margin-top: 1.78571429vw; } 
 .box-prd2 .summary .txt.lt:after { width: 50px; width: 5.95238095vw; } 
 .header_list { margin-bottom: 40px; margin-bottom: 4.76190476vw; } 
 .header_list .area_fl { float: none; } 
 .header_list .area_fl .col { margin-left: 0px; margin-left: 0vw; font-size: 25px; font-size: 2.97619048vw; margin-top: 10px; margin-top: 1.19047619vw; } 
 .header_list .area_fr { float: none; text-align: left; } 
 .list-thumb-a > *:nth-child(1n + 1) { width: 100%; margin-right: 0; margin-top: 20px; margin-top: 2.38095238vw; } 
 .list-thumb-a > *:first-child { margin-top: 0; } 
 .list-thumb-a .lst .thumb { width: 375px; width: 44.64285714vw; } 
 .list-thumb-a .lst .thumb img { width: 100%; height: auto; } 
 .list-thumb-a .lst .cont { width: 350px; width: 41.66666667vw; padding-right: 30px; padding-right: 3.57142857vw; } 
 .list-thumb-a .lst .thumb,
 .list-thumb-a .lst .thumb a,
 .list-thumb-a .lst .cont { height: 200px; height: 23.80952381vw; } 
 .list-thumb-a .lst .cont .inr { font-size: 23px; font-size: 2.73809524vw; } 
 .list-thumb-a .lst .cont .head { padding-bottom: 5px; padding-bottom: 0.5952381vw; margin-bottom: 5px; margin-bottom: 0.5952381vw; } 
 .list-thumb-a .lst .cont .head:after { width: 25px; width: 2.97619048vw; } 
 .list-thumb-a .lst .cont .h1 { font-size: 25px; font-size: 2.97619048vw; line-height: 35px; line-height: 4.16666667vw; max-height: 35px; max-height: 4.16666667vw; overflow: hidden; } 
 .list-thumb-a .lst .cont .h2 { color: #107ea0; font-size: 30px; font-size: 3.57142857vw; line-height: 40px; line-height: 4.76190476vw; max-height: 40px; max-height: 4.76190476vw; overflow: hidden; } 
 .list-thumb-a .lst .cont .summary { margin-top: 5px; margin-top: 0.5952381vw; font-size: 25px; font-size: 2.97619048vw; line-height: 35px; line-height: 4.16666667vw; max-height: 70px; max-height: 8.33333333vw; overflow: hidden; } 
 /*#contents > .inr-c { padding-top: 40px; padding-top: 4.76190476vw; } */
 #contents > .inr-c > .header.type1 { padding-top: 50px; padding-top: 6vw; } 
 .tbl.type2 thead th { padding: 20px 15px; padding: 2.38095238vw 1.78571429vw; } 
 .list-thumb-a .lst:after { position: absolute; right: 10px; top: 50%; margin-top: -9.5px; width: 10px; height: 19px; background-image: url(../images/common/ico_common.png); background-repeat: no-repeat; background-position: -17px -25px; content: ""; } 
 .btn_search2.i-set { width: 50px; width: 5.95238095vw; height: 50px; height: 5.95238095vw; } 
 .btn_search2.i-set:after { width: 21px; width: 2.5vw; height: 20px; height: 2.38095238vw; margin-left: -10.5px; margin-left: -1.25vw; margin-top: -10px; margin-top: -1.19047619vw; background-position: -53.69vw -12.38vw; -webkit-background-size: 100vw; background-size: 100vw; } 
 .list-thumb-b .lst { padding-right: 40px; padding-right: 4.76190476vw; } 
 .list-thumb-b .lst .thumb,
 .list-thumb-b .lst .cont { height: 215px; height: 25.5952381vw; } 
 .list-thumb-b .lst .thumb { width: 325px; width: 38.69047619vw; } 
 .list-thumb-b .lst .thumb a { width: 325px; width: 38.69047619vw; height: 215px; height: 25.5952381vw; } 
 .list-thumb-b .lst .thumb + .cont { margin-left: 350px; margin-left: 41.66666667vw; } 
 .list-thumb-b .lst .cont { margin-left: 30px; margin-left: 3.57142857vw; height: 215px; height: 25.5952381vw; } 
 .list-thumb-b .lst .cont .inr { font-size: 25px; font-size: 2.97619048vw; } 
 .list-thumb-b .lst .cont .head { padding-bottom: 15px; padding-bottom: 1.78571429vw; margin-bottom: 15px; margin-bottom: 1.78571429vw; } 
 .list-thumb-b .lst .cont .head:after { width: 50px; width: 5.95238095vw; } 
 .list-thumb-b .lst .cont .cate { margin-bottom: 10px; margin-bottom: 1.19047619vw; } 
 .list-thumb-b .lst .cont .h1 { font-size: 30px; font-size: 3.57142857vw; line-height: 35px; line-height: 4.16666667vw; max-height: 35px; max-height: 4.16666667vw; overflow: hidden; } 
 .list-thumb-b .lst .cont .summary { margin-top: 5px; margin-top: 0.5952381vw; font-size: 25px; font-size: 2.97619048vw; line-height: 35px; line-height: 4.16666667vw; max-height: 70px; max-height: 8.33333333vw; overflow: hidden; } 
 .list-thumb-b .lst.noimg .cont { margin-left: 20px; margin-left: 2.38095238vw; height: 215px; height: 25.5952381vw; } 
 .list-thumb-b.sz2 .lst .thumb,
 .list-thumb-b.sz2 .lst .cont { height: 180px; height: 21.42857143vw; } 
 .list-thumb-b.sz2 .lst .thumb { width: 235px; width: 27.97619048vw; } 
 .list-thumb-b.sz2 .lst .thumb a { height: 180px; height: 21.42857143vw; } 
 .list-thumb-b.sz2 .lst .cont { margin-left: 265px; margin-left: 31.54761905vw; height: 180px; height: 21.42857143vw; } 
 .list-thumb-b.sz2 .lst .cont .h1 { font-size: 30px; font-size: 3.57142857vw; line-height: 35px; line-height: 4.16666667vw; } 
 .list-thumb-b .lst.noimg .cont { margin-left: 40px; margin-left: 4.76190476vw; height: 215px; height: 25.5952381vw; } 
 .list-thumb-a.ty2 > *:nth-child(1n + 1) { width: auto; margin-right: 0; font-size: 25px; font-size: 2.97619048vw; margin-top: 20px; margin-top: 2.38095238vw; } 
 .list-thumb-a.ty2 .lst .thumb,
 .list-thumb-a.ty2 .lst .cont { height: 226px; height: 26.9047619vw; } 
 .list-thumb-a.ty2 .lst .thumb { width: 265px; width: 31.54761905vw; } 
 .list-thumb-a.ty2 .lst .thumb a { height: 226px; height: 26.9047619vw; } 
 .list-thumb-a.ty2 .lst .cont { margin-left: 285px; margin-left: 33.92857143vw; } 
 .list-thumb-a.ty2 .lst .cont .inr { margin-top: 20px; margin-top: 2.38095238vw; } 
 .list-thumb-a.ty2 .lst .cont .h1 { font-size: 30px; font-size: 3.57142857vw; line-height: 35px; line-height: 4.16666667vw; max-height: 35px; max-height: 4.16666667vw; overflow: hidden; } 
 .list-thumb-a.ty2 .lst .cont .info { font-size: 25px; font-size: 2.97619048vw; margin-top: 6px; margin-top: 0.71428571vw; } 
 .list-thumb-a.ty2 .lst .cont .summary { font-size: 25px; font-size: 2.97619048vw; line-height: 35px; line-height: 4.16666667vw; max-height: 70px; max-height: 8.33333333vw; overflow: hidden; } 
 .list-thumb-a.ty2 .bbs-info { bottom: 10px; bottom: 1.19047619vw; } 
 .list-thumb-a.ty2 .noimg .cont { margin-left: 20px; margin-left: 2.38095238vw; } 
 .list-normal-a .lst { padding-right: 40px; padding-right: 4.76190476vw; } 
 .list-normal-a .lst .cont { padding-top: 30px; padding-top: 3.57142857vw; padding-bottom: 30px; padding-bottom: 3.57142857vw; } 
 .list-normal-a .lst .cont { margin-left: 20px; margin-left: 2.38095238vw; } 
 .list-normal-a .lst .cont .inr { font-size: 25px; font-size: 2.97619048vw; } 
 .list-normal-a .lst .cont .txt.lt { padding-top: 15px; padding-top: 1.78571429vw; margin-top: 15px; margin-top: 1.78571429vw; } 
 .list-normal-a .lst .cont .txt.lt:after { width: 50px; width: 5.95238095vw; } 
 .list-normal-a .lst .cont .cate { margin-bottom: 10px; margin-bottom: 1.19047619vw; } 
 .list-normal-a .lst .cont .h1 { font-size: 30px; font-size: 3.57142857vw; line-height: 35px; line-height: 4.16666667vw; max-height: 35px; max-height: 4.16666667vw; overflow: hidden; } 
 .list-normal-a .lst .cont .summary { margin-top: 10px; margin-top: 1.19047619vw; font-size: 25px; font-size: 2.97619048vw; line-height: 35px; line-height: 4.16666667vw; max-height: 105px; max-height: 12.5vw; overflow: hidden; } 
 /*/리스트/*/
 /*리스트 : 아무것도 없을때*/
 .lst-none { padding: 50px; padding: 5.95238095vw; } 
 .lst-none .t1 { margin-top: 30px; margin-top: 3.57142857vw; font-size: 25px; font-size: 2.97619048vw; } 
 .lst-none .t2 { margin-top: 15px; margin-top: 1.78571429vw; } 
 .lst-none.type1 { padding: 180px 50px 140px 50px; padding: 21.42857143vw 5.95238095vw 16.66666667vw 5.95238095vw; } 
 .lst-none.type1 .t1 { margin-top: 20px; margin-top: 2.38095238vw; font-size: 25px; font-size: 2.97619048vw; } 
 /*헤더 박스 타입*/
 .header.type1 { margin-bottom: 20px; margin-bottom: 2.38095238vw; } 
 .header.type1 .p_total .categori { font-size: 25px; font-size: 2.97619048vw; padding-right: 10px; padding-right: 1.19047619vw; margin-right: 10px; margin-right: 1.19047619vw; } 
 .box-search1 { width: 200px; width: 23.80952381vw; } 
 .box-search1 .btn { top: -2px; top: -0.23809524vw; } 
 .box-search1 { width: 235px; width: 27.97619048vw; height: 50px; height: 5.95238095vw; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-border-radius: 5.95238095vw; -moz-border-radius: 5.95238095vw; border-radius: 5.95238095vw; } 
 .box-search1 > input { height: 50px; height: 5.95238095vw; line-height: 50px; line-height: 5.95238095vw; padding: 0px 50px 0px 20px; padding: 0vw 5.95238095vw 0vw 2.38095238vw; } 
 .box-search1 .btn { width: 50px; width: 5.95238095vw; height: 50px; height: 5.95238095vw; } 
 /*게시판(테이블)*/
 col.no { width: 80px; width: 9.52380952vw; } 
 col.data { width: 140px; width: 16.66666667vw; } 
 col.re { width: 130px; width: 15.6vw; } 
 col.form_th { width: 128px; width: 15.23809524vw; } 
 .tbl.type2 th,
 .tbl.type2 td { padding: 15px; padding: 1.78571429vw; } 
 .tbl.type2 tbody td.tit { padding-left: 30px; padding-left: 3.57142857vw; } 
 .tbl.type3 { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-border-radius: 2.38095238vw; -moz-border-radius: 2.38095238vw; border-radius: 2.38095238vw; } 
 .tbl.type3 table thead th,
 .tbl.type3 table tbody th { padding: 15px; padding: 1.78571429vw; } 
 .tbl.type3 table tbody td .inner { padding: 30px; padding: 3.57142857vw; } 
 #spot.main,
 .bxMain,
 .bxMain .bg { height: auto; font-size: 0; } 
 .bxMain { position: relative; left: 0; top: 0; /*height: 950px; height: 113.0952381vw; */}
 .bxMain .bg { background: none; } 
 .bxMain .bg img { width: 100%; height: auto; } 
 .pos-r { position: relative; } 
 .main-page { padding-top: 70px; padding-top: 8.33333333vw; padding-bottom: 70px; padding-bottom: 8.33333333vw; } 
 .main-page > .header { padding-top: 20px; padding-top: 2.38095238vw; margin-bottom: 40px; margin-bottom: 4.76190476vw; } 
 .main-page > .header:after { width: 60px; width: 7.14285714vw; margin-left: -30px; margin-left: -3.57142857vw; } 
 .main-page > .header .h1 { font-size: 50px; font-size: 5.95238095vw; } 
 .main-page.banner img { width: 100%; height: auto; } 
 .main-page.banner .bx-pager1 { left: 0; margin-left: 0; width: 100%; top: inherit; bottom: 15px; bottom: 1.78571429vw; margin-top: 0; text-align: center; } 
 .main-page.banner .bx-pager1 li { display: inline-block; width: 25px; width: 2.97619048vw; } 
 .main-page.banner .bx-pager1 li a { width: 15px; width: 1.78571429vw; height: 15px; height: 1.78571429vw; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-border-radius: 1.78571429vw; -moz-border-radius: 1.78571429vw; border-radius: 1.78571429vw; overflow: hidden; } 
 .main-page.banner .bx-pager1 li a span { font-size: 0; } 
 .main-page.banner.slide .inr-c { margin-left: 0; margin-right: 0; } 
 .main-page.banner .event_info { position: absolute; left: 0; height: 170px; height: 20.23809524vw; top: -170px; top: -20.23809524vw; width: 100%; padding: 15px 20px; padding: 1.78571429vw 2.38095238vw; font-size: 25px; font-size: 2.97619048vw; } 
 .main-page.banner .event_info .area.fr { position: absolute; right: 30px; right: 3.57142857vw; top: 0; top: 0; } 
 .main-page.banner .event_info .area.fl .t1 { margin-bottom: 5px; margin-bottom: 0.5952381vw; } 
 .main-page.banner .event_info .area.fl .t2 { margin-bottom: 5px; margin-bottom: 0.5952381vw; max-height: 56px; max-height: 6.66666667vw; line-height: 28px; line-height: 3.33333333vw; width: 380px; width: 45.23809524vw; margin-bottom: 0; } 
 .main-page.banner .event_info .item { height: 133px; height: 15.96vw; } 
 .main-page.banner .event_info .area.fr .t1,
 .main-page.banner .event_info .area.fr .t2 { width: 130px; width: 15.6vw; height: 130px; height: 15.6vw; -webkit-border-radius: 130px; -moz-border-radius: 130px; border-radius: 130px; -webkit-border-radius: 15.6vw; -moz-border-radius: 15.6vw; border-radius: 15.6vw; } 
 .main-page.banner .event_info .area.fr .t2 { margin-left: 20px; margin-left: 2.38095238vw; } 
 .main-page.banner .event_info .area.fr .t1 > *,
 .main-page.banner .event_info .area.fr .t2 > * { font-size: 25px; font-size: 2.97619048vw; line-height: 1.6; } 
 .main-page.banner .event_info .area.fr .t1 .vm > *,
 .main-page.banner .event_info .area.fr .t2 .vm > * { font-weight: 300; } 
 .main-page.banner.n2 { padding-bottom: 60px; padding-bottom: 7.14285714vw; padding-top: 60px; padding-top: 7.14285714vw; } 
 .main-page.banner.n2 img { width: 100%; height: auto; } 
 .main-page.banner.n2 .area.fl,
 .main-page.banner.n2 .area.fr { width: auto; float: none; } 
 .main-page.banner.n2 .area.fr { margin-top: 20px; margin-top: 2.38095238vw; } 
 .main-page.banner .circle_info.pt,
 .main-page.banner .circle_info { top: -130px; top: -15.47619048vw; padding-right: 20px; padding-right: 2.38095238vw; width: 100%; height: 140px; height: 16.66666667vw; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
 .main-page.banner .circle_info.oeb { top: -310px; top: -36.9vw; } 
 .main-page.banner .circle_info .lst li { margin-left: 20px; margin-left: 2.38095238vw; } 
 .main-page.banner .circle_info .lst li a { width: 120px; width: 14.28571429vw; height: 120px; height: 14.28571429vw; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; -webkit-border-radius: 14.28571429vw; -moz-border-radius: 14.28571429vw; border-radius: 14.28571429vw; } 
 .main-page.banner .circle_info .lst li a span { font-size: 22px; font-size: 2.61904762vw; line-height: 1.2; padding: 0px 5px; padding: 0vw 0.5952381vw; } 
 .wrap-travel.main-page .lst .thumb a { display: block; width: 100%; height: 180px; height: 21.42857143vw; overflow: hidden; position: relative; } 
 .wrap-travel.main-page .lst .h1 { color: #1f86a5; font-size: 30px; font-size: 3.57142857vw; line-height: 40px; line-height: 4.76190476vw; height: 80px; height: 9.52380952vw; overflow: hidden; } 
 .wrap-travel.main-page .lst .txt { color: #000; font-size: 25px; font-size: 2.97619048vw; line-height: 35px; line-height: 4.16666667vw; height: 70px; height: 8.33333333vw; overflow: hidden; } 
 .wrap-lifestyle.main-page .inr-c { width: auto; margin-left: 30px; margin-left: 3.57142857vw; margin-right: 30px; margin-right: 3.57142857vw; } 
 .wrap-lifestyle.ty2.main-page .lst-isotope > *:nth-child(1n + 1),
 .wrap-lifestyle.main-page .lst-isotope > *:nth-child(1n + 1) { width: 46%; margin-left: 2%; margin-right: 2%; margin-bottom: 20px; margin-bottom: 2.38095238vw; margin-top: 0; } 
 .wrap-lifestyle.main-page .lst-isotope .summary { font-size: 24px; font-size: 2.85714286vw; } 
 .wrap-lifestyle.ty2.main-page .area.fl { width: auto; padding-left: 0; height: auto; float: none; } 
 .wrap-lifestyle.ty2.main-page .area.fr { width: auto; float: none; display: none; } 
 .wrap-lifestyle.ty2.main-page .area.fr .head { margin-bottom: 35px; margin-bottom: 4.16666667vw; } 
 .wrap-lifestyle.ty2.main-page .area.fr .head .txt { margin-top: 10px; margin-top: 1.19047619vw; } 
 .wrap-lifestyle.ty2.main-page .area.fr .head .txt .t2 { margin-left: 10px; margin-left: 1.19047619vw; } 
 .wrap-lifestyle.ty2.main-page .area.fr .head .prev,
 .wrap-lifestyle.ty2.main-page .area.fr .head .next { top: 20px; top: 2.38095238vw; width: 13px; width: 1.54761905vw; height: 25px; height: 2.97619048vw; -webkit-background-size: 840px; background-size: 840px; -webkit-background-size: 100vw; background-size: 100vw; } 
 .wrap-lifestyle.ty2.main-page .area.fr .head .prev { background-position: -171px -22px; background-position: -20.35714286vw -2.61904762vw; } 
 .wrap-lifestyle.ty2.main-page .area.fr .head .next { background-position: -211px -22px; background-position: -25.11904762vw -2.61904762vw; } 
 .list-mormal-a1 li a { height: 120px; height: 14.28571429vw; padding: 0px 70px 0px 15px; padding: 0vw 8.33333333vw 0vw 1.78571429vw; } 
 .list-mormal-a1 li a .h1 { font-size: 30px; font-size: 3.57142857vw; line-height: 40px; line-height: 4.76190476vw; height: 40px; height: 4.76190476vw; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } 
 .list-mormal-a1 li a .h1:after { right: 15px; right: 1.78571429vw; margin-top: -21.5px; margin-top: -2.55952381vw; width: 43px; width: 5.11904762vw; height: 43px; height: 5.11904762vw; line-height: 42px; line-height: 5vw; font-size: 30px; font-size: 3.57142857vw; content: "+"; } 
 .list-mormal-a1 li a .t1 { font-size: 25px; font-size: 2.97619048vw; line-height: 35px; line-height: 4.16666667vw; height: 35px; height: 4.16666667vw; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; margin-top: 0.5952381vw; } 
 .wrap-ebook.main-page .lst-owl { padding-top: 60px; padding-top: 7.14285714vw; padding-bottom: 60px; padding-bottom: 7.14285714vw; } 
 .wrap-ebook.main-page .box-prd1 .cont { font-size: 24px; font-size: 2.85714286vw; } 
 .wrap-ebook.main-page .box-prd1 .btn { margin-top: 10px; margin-top: 1.19047619vw; padding: 5px 10px; padding: 0.5952381vw 1.19047619vw; } 
 .wrap-ebook .lst-owl.nav3 .owl-prev { left: -49px; left: -5.83333333vw; width: 60px; width: 7.14285714vw; } 
 .wrap-ebook .lst-owl.nav3 .owl-next { right: -49px; right: -5.83333333vw; width: 60px; width: 7.14285714vw; } 
 .lst-owl .lst { font-size: 25px; font-size: 2.97619048vw; } 
 .lst-owl .lst img { width: 100%; height: auto; } 
 .owl-dots { margin-top: 30px; margin-top: 3.57142857vw; } 
 .wrap-ebook .owl-dots { display: none; } 
 .owl-dots .owl-dot { width: 20px; width: 2.38095238vw; height: 20px; height: 2.38095238vw; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-border-radius: 2.38095238vw; -moz-border-radius: 2.38095238vw; border-radius: 2.38095238vw; margin-left: 10px; margin-left: 1.19047619vw; margin-right: 10px; margin-right: 1.19047619vw; } 
 .lst-owl .owl-prev { left: -40px; left: -4.76190476vw; margin-top: -32.5px; margin-top: -3.86904762vw; width: 22px; width: 2.61904762vw; height: 65px; height: 7.73809524vw; -webkit-background-size: 840px; background-size: 840px; -webkit-background-size: 100vw; background-size: 100vw; } 
 .lst-owl .owl-next { right: -40px; right: -4.76190476vw; margin-top: -32.5px; margin-top: -3.86904762vw; width: 22px; width: 2.61904762vw; height: 65px; height: 7.73809524vw; -webkit-background-size: 840px; background-size: 840px; -webkit-background-size: 100vw; background-size: 100vw; } 
 .lst-owl.nav2 .owl-prev { left: -75px; left: -8.92857143vw; margin-top: -32.5px; margin-top: -3.86904762vw; width: 65px; width: 7.73809524vw; height: 65px; height: 7.73809524vw; -webkit-background-size: 840px; background-size: 840px; -webkit-background-size: 100vw; background-size: 100vw; } 
 .lst-owl.nav2 .owl-next { right: -75px; right: -8.92857143vw; margin-top: -32.5px; margin-top: -3.86904762vw; width: 65px; width: 7.73809524vw; height: 65px; height: 7.73809524vw; -webkit-background-size: 840px; background-size: 840px; -webkit-background-size: 100vw; background-size: 100vw; } 
 .lst-owl.nav3 .owl-prev,
 .lst-owl.nav3 .owl-next { width: 50px; width: 5.95238095vw; } 
 .lst-owl.nav3 .owl-prev:after { left: 20px; left: 2.38095238vw; margin-top: -21.5px; margin-top: -2.55952381vw; width: 22px; width: 2.61904762vw; height: 43px; height: 5.11904762vw; background-position: -107px -13px; background-position: -12.73809524vw -1.54761905vw; -webkit-background-size: 840px; background-size: 840px; -webkit-background-size: 100vw; background-size: 100vw; } 
 .lst-owl.nav3 .owl-next:after { right: 20px; right: 2.38095238vw; margin-top: -21.5px; margin-top: -2.55952381vw; width: 22px; width: 2.61904762vw; height: 43px; height: 5.11904762vw; background-position: -80px -13px; background-position: -9.52380952vw -1.54761905vw; -webkit-background-size: 840px; background-size: 840px; -webkit-background-size: 100vw; background-size: 100vw; } 
 .lst-owl.dot2 .owl-dots .owl-dot { width: 20px; width: 2.38095238vw; height: 20px; height: 2.38095238vw; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-border-radius: 2.38095238vw; -moz-border-radius: 2.38095238vw; border-radius: 2.38095238vw; margin-left: 10px; margin-left: 1.19047619vw; margin-right: 10px; margin-right: 1.19047619vw; } 
 .layerPopup .popup { min-height: 489px; min-height: 58.21428571vw; } 
 .layerPopup .popup .pop_tit2 { padding-top: 20px; padding-top: 2.38095238vw; margin-bottom: 60px; margin-bottom: 7.14285714vw; } 
 .layerPopup .popup .pop_tit2 h1 { padding-top: 72px; padding-top: 8.57142857vw; font-size: 50px; font-size: 5.95238095vw; line-height: 1.2; } 
 .layerPopup .popup .pop_tit2 h1 :after { display: inline-block; overflow: hidden; text-align: left; vertical-align: middle; text-indent: -9999px; background-image: url('../images/common/bg_pop_tit.png'); background-repeat: no-repeat; *display: inline; *zoom: 1; background-position: 0px 0px; background-position: 0vw 0vw; width: 90px; width: 10.71428571vw; height: 51px; height: 6.07142857vw; margin-left: -45px; margin-left: -5.35714286vw; content: ""; -webkit-background-size: 90px 51px; background-size: 90px 51px; -webkit-background-size: 10.71428571vw 6.07142857vw; background-size: 10.71428571vw 6.07142857vw; } 
 .layerPopup .popup .btn_close2 { width: 80px; width: 9.52380952vw; height: 80px; height: 9.52380952vw; } 
 .layerPopup .popup .btn_close2:after { display: inline-block; overflow: hidden; text-align: left; vertical-align: middle; text-indent: -9999px; background-image: url("../images/common/ico_common.png"); background-repeat: no-repeat; *display: inline; *zoom: 1; background-position: -261px -19px; background-position: -31.07142857vw -2.26190476vw; width: 28px; width: 3.33333333vw; height: 27px; height: 3.21428571vw; content: ""; -webkit-background-size: 840px; background-size: 840px; -webkit-background-size: 100vw; background-size: 100vw; margin-left: -14px; margin-left: -1.66666667vw; margin-top: -13.5px; margin-top: -1.60714286vw; } 
 .view_pop1.layerPopup .popup { background-position: 40px 30px; background-position: 4.76190476vw 3.57142857vw; -webkit-background-size: 140px 54px; background-size: 140px 54px; -webkit-background-size: 16.66666667vw 6.42857143vw; background-size: 16.66666667vw 6.42857143vw; } 
 .view_pop1.layerPopup .popup:after { right: 40px; right: 4.76190476vw; top: 170px; top: 20.23809524vw; display: inline-block; overflow: hidden; text-align: left; vertical-align: middle; text-indent: -9999px; background-image: url('../images/common/bg_pop1.png'); background-repeat: no-repeat; *display: inline; *zoom: 1; background-position: 0px 0px; background-position: 0vw 0vw; width: 140px; width: 16.66666667vw; height: 54px; height: 6.42857143vw; content: ""; -webkit-background-size: 140px 54px; background-size: 140px 54px; -webkit-background-size: 16.66666667vw 6.42857143vw; background-size: 16.66666667vw 6.42857143vw; z-index: 0; } 
 .layerPopup .popup > .cont { padding: 0px 30px; padding: 0vw 3.57142857vw; min-height: 900px; min-height: 75vh; } 
 .layerPopup .popup .iscrollY { height: 860px; height: 73vh; margin-top: 10px; margin-top: 1.19047619vw; } 
 .view_pop1.layerPopup .list_thumb { text-align: left; font-size: 0; -ms-word-break: keep-all; word-break: keep-all; } 
 .view_pop1.layerPopup .list_thumb > *:nth-child(1n + 1) { width: 100%; margin-right: NaN%; margin-top: 4.16666667%; display: inline-block; font-size: 1rem; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
 .view_pop1.layerPopup .list_thumb > *:nth-child(1n + 0) { margin-right: 0; } 
 .view_pop1.layerPopup .list_thumb > *:nth-child(-n + 1) { margin-top: 0; } 
 .view_pop1.layerPopup .list_thumb .i-cut { height: 463px; height: 55.11904762vw; } 
 .view_pop1.layerPopup .list_thumb .box-prd2 .cont { font-size: 25px; font-size: 2.97619048vw; line-height: 35px; line-height: 4.16666667vw; } 
 .view_pop1.layerPopup .list_thumb .box-prd2 .cont .inr { padding: 15px 35px 15px 30px; padding: 1.78571429vw 4.16666667vw 1.78571429vw 3.57142857vw; } 
 .view_pop1.layerPopup .list_thumb .box-prd2 .cont .head { margin-bottom: 10px; margin-bottom: 1.19047619vw; } 
 .view_pop1.layerPopup .list_thumb .box-prd2 .cont .h1 { font-size: 30px; font-size: 3.57142857vw; line-height: 40px; line-height: 4.76190476vw; } 
 .view_pop1.layerPopup .list_thumb .box-prd2 .cont .summary { margin-bottom: 10px; margin-bottom: 1.19047619vw; } 
 .view_pop1.layerPopup .list_thumb .box-prd2 .cont .summary .ico { padding-right: 32px; padding-right: 3.80952381vw; } 
 .view_pop1.layerPopup .list_thumb .box-prd2 .cont .summary .ico:after { display: inline-block; overflow: hidden; text-align: left; vertical-align: middle; text-indent: -9999px; background-image: url("../images/common/ico_common.png"); background-repeat: no-repeat; *display: inline; *zoom: 1; background-position: -83px -119px; background-position: -9.88095238vw -14.16666667vw; width: 21px; width: 2.5vw; height: 21px; height: 2.5vw; content: ""; top: 1px; top: 0.11904762vw; } 
 #spot.sub .thumb .img { height: 270px; height: 32.14285714vw; } 
 .tab-ty1 { top: 0; margin-bottom: 60px; margin-bottom: 7.14285714vw; border-top: 1px solid #ddd; background-color: #fff; } 
 .tab-ty1 > ul { display: block; border-width: 0; border-style: solid; } 
 .tab-ty1 > ul > li { font-size: 30px; font-size: 3.57142857vw; line-height: 30px; line-height: 3.57142857vw; } 
 .tab-ty1 > ul > li > a { padding: 20px 0px; padding: 2.38095238vw 0vw; display: block; width: 100%; height: 50px; height: 5.95238095vw; line-height: 50px; line-height: 5.95238095vw; background-color: #fff; border-style: solid; border-width: 0 0 0.36vw 0; border-color: #fff; font-weight: 700; } 
 .tab-ty1 > ul > li:first-child > a { border-width: 0 0 0.36vw 0; } 
 .tab-ty1 > ul > li > a:hover { background: none; color: #5a9d4f; border-color: #fff; } 
 .tab-ty1 > ul > li.on > a { border-color: #5a9d4f; color: #5a9d4f; background: #fff; } 
 #container,
 #container.sub { min-height: 500px; min-height: 59.52380952vw; } 
 #container.sub .inr-c { margin-left: 30px; margin-left: 3.57142857vw; margin-right: 30px; margin-right: 3.57142857vw; } 
 #container.sub .path { width: 99%; left: 0.5%; height: 140px; height: 16.66666667vw; padding-top: 12px; padding-top: 1.42857143vw; top: -50px; top: -5.95238095vw; border-bottom: 0; } 
 #container.sub .path h1.h1 { font-size: 25px; font-size: 2.97619048vw; font-weight: 300; } 
 #container.sub .path h1.h1 > * { display: block; position: relative; } 
 #container.sub .path h1.h1 .t1 { padding-bottom: 10px; padding-bottom: 1.19vw; /*margin-bottom: 15px; margin-bottom: 1.78571429vw; */
 font-size: 25px; font-size: 2.97619048vw; } 
 #container.sub .path h1.h1 .t1:after { width: 30px; width: 3.57142857vw; height: 2px; height: 0.23809524vw; margin-left: -15px; margin-left: -1.78571429vw; } 
 #container.sub .path h1.h1 .t2 { font-size: 36px; font-size: 4.29vw; margin-top: 6px; margin-top: 0.71vw; } 
 #container.sub .path .lst_sns { position: absolute; right: 30px; right: 3.57142857vw; top: 18px; top: 2.14285714vw; } 
 #container.sub .path .lst_sns > ul > li { margin-left: 10px; margin-left: 1.19047619vw; } 
 #container.sub .path .lst_sns > ul > li.btn_ebook { margin-left: 10px; margin-left: 1.19047619vw; padding-top: 3px; padding-top: 0.35714286vw; } 
 #container.sub .path .lst_sns img { width: 40px; width: 4.76vw; height: auto; } 
 .i-txt { min-width: 40px; min-width: 4.76190476vw; height: 30px; height: 3.57142857vw; line-height: 30px; line-height: 3.57142857vw; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-border-radius: 5.95238095vw; -moz-border-radius: 5.95238095vw; border-radius: 5.95238095vw; font-size: 20px; font-size: 2.38095238vw; padding-left: 10px; padding-left: 1.19047619vw; padding-right: 10px; padding-right: 1.19047619vw; } 
 .i-txt.w2 { min-width: 40px; } 
 .content_h1 { font-size: 50px; font-size: 5.95238095vw; } 
 .content_h2 { font-size: 40px; font-size: 4.76190476vw; } 
 .content_h3 { font-size: 30px; font-size: 3.57142857vw; } 
 .content_h4 { font-size: 25px; font-size: 2.97619048vw; } 
 /*
 기사 헤더 타입1
*/
 .header-content { margin-bottom: 40px; margin-bottom: 4.76190476vw; } 
 .header-content .embe { font-size: 30px; font-size: 3.57142857vw; } 
 .header-content .h1 { margin-top: 10px; margin-top: 1.19047619vw; margin-top: 5px; text-align: center; font-size: 50px; font-size: 5.95238095vw; } 
 /*
 발문
*/
 .epilogue-content { margin-top: 50px; margin-top: 5.95238095vw; margin-bottom: 50px; margin-bottom: 5.95238095vw; } 
 .epilogue-content .t1 { margin-top: 20px; margin-top: 2.38095238vw; } 
 .title-cont { margin-bottom: 70px; margin-bottom: 8.33333333vw; } 
 .title-cont .area.fl,
 .title-cont .area.fr { float: none; } 
 .title-cont .area.fl .h { font-size: 50px; font-size: 5.95238095vw; line-height: 1.4; letter-spacing: -1px; } 
 .title-cont .area.fr { padding-top: 24px; padding-top: 2.85714286vw; } 
 .title-cont .area.fr > * { font-size: 25px; font-size: 2.97619048vw; margin-left: 30px; margin-left: 3.57142857vw; } 
 .title-cont .area.fr .like { padding-left: 35px; padding-left: 4.16666667vw; } 
 .title-cont .area.fr .like:after { display: inline-block; overflow: hidden; text-align: left; vertical-align: middle; text-indent: -9999px; background-image: url("../images/common/ico_common.png"); background-repeat: no-repeat; *display: inline; *zoom: 1; background-position: -128px -117px; background-position: -15.23809524vw -13.92857143vw; width: 27px; width: 3.21428571vw; height: 25px; height: 2.97619048vw; content: ""; -webkit-background-size: 840px; background-size: 840px; -webkit-background-size: 100vw; background-size: 100vw; margin-top: -13px; margin-top: -1.54761905vw; } 
 .bbs-pageing { margin-top: 52px; margin-top: 6.19047619vw; } 
 .bbs-pageing:hover { opacity: 1; } 
 .bbs-pageing .pageprev { left: 30px; left: 3.57142857vw; display: inline-block; overflow: hidden; text-align: left; vertical-align: middle; text-indent: -9999px; background-image: url("../images/common/ico_common.png"); background-repeat: no-repeat; *display: inline; *zoom: 1; background-position: -31px -515px; background-position: -3.69047619vw -61.30952381vw; width: 51px; width: 6.07142857vw; height: 116px; height: 13.80952381vw; content: ""; -webkit-background-size: 840px; background-size: 840px; -webkit-background-size: 100vw; background-size: 100vw; } 
 .bbs-pageing .pagenext { right: 30px; right: 3.57142857vw; display: inline-block; overflow: hidden; text-align: left; vertical-align: middle; text-indent: -9999px; background-image: url("../images/common/ico_common.png"); background-repeat: no-repeat; *display: inline; *zoom: 1; background-position: -96px -516px; background-position: -11.42857143vw -61.42857143vw; width: 51px; width: 6.07142857vw; height: 116px; height: 13.80952381vw; content: ""; -webkit-background-size: 840px; background-size: 840px; -webkit-background-size: 100vw; background-size: 100vw; } 
 [class^="content-ty"] { margin-bottom: 70px; margin-bottom: 8.33333333vw; font-size: 25px; font-size: 2.97619048vw; } 
 [class^="content-ty"] img { width: 100%; height: auto; } 
 [class^="content-ty"] .thumb,
 [class^="content-ty"] .cont { margin-bottom: 35px; margin-bottom: 4.16666667vw; } 
 [class^="content-ty"] .thumb .summary { margin-top: 15px; margin-top: 1.78571429vw; padding-bottom: 20px; padding-bottom: 2.38095238vw; } 
 [class^="content-ty"] .thumb .summary p { font-size: 21px; font-size: 2.5vw; margin-bottom: 10px; margin-bottom: 1.19047619vw; } 
 [class^="content-ty"] .vd { margin-bottom: 35px; margin-bottom: 4.16666667vw; } 
 [class^="content-ty"] .cont .h1 { margin-bottom: 25px; margin-bottom: 2.97619048vw; font-size: 50px; font-size: 5.95238095vw; } 
 [class^="content-ty"] .cont .h2 { margin-bottom: 25px; margin-bottom: 2.97619048vw; font-size: 40px; font-size: 4.76190476vw; } 
 [class^="content-ty"] .cont .h3 { margin-top: 40px; margin-top: 4.76190476vw; margin-bottom: 20px; margin-bottom: 2.38095238vw; font-size: 30px; font-size: 3.57142857vw; } 
 [class^="content-ty"] .cont .txt .h4 { margin-bottom: 10px; margin-bottom: 1.19047619vw; font-size: 25px; font-size: 2.97619048vw; } 
 [class^="content-ty"] .cont .txt { font-size: 32px; font-size: 3.80952381vw; } 
 [class^="content-ty"] .cont .txt p { margin-bottom: 35px; margin-bottom: 4.16666667vw; } 
 [class^="content-ty"].hori.bx2 { font-size: 0; } 
 [class^="content-ty"].hori.bx2 .area { display: inline-block; width: 100%; font-size: 25px; font-size: 2.97619048vw; } 
 [class^="content-ty"].vati .area { margin-top: 30px; } 
 [class^="content-ty"].vati .area:after { display: block; visibility: hidden; clear: both; height: 0; content: ''; } 
 [class^="content-ty"].vati .area:first-child { margin-top: 0; } 
 [class^="content-ty"].vati .thumb { width: 100%; float: none; } 
 [class^="content-ty"].vati .cont { width: 100%; float: none; } 
 [class^="content-ty"] .thumb .imgtxt { font-size: 22px; font-size: 2.61904762vw; } 
 [class^="content-ty"] .thumb .imgtxt.top { margin-bottom: 20px; margin-bottom: 2.38095238vw; } 
 [class^="content-ty"] .thumb .imgtxt.bot { margin-top: 20px; margin-top: 2.38095238vw; } 
 .content-ty4.hori.bx2 .area .thumb { margin-bottom: 0; } 
 .content-ty4.hori.bx2 .area.fr { margin-top: 30px; margin-top: 3.57142857vw; } 
 .content-ty4 .area:after { display: block; visibility: hidden; clear: both; height: 0; content: ''; } 
 .content-ty4 .area .thumb { width: 35.71428571%; float: left; } 
 .content-ty4 .area .cont { float: none; padding-left: 40.47619048%; width: auto; } 
 [class^="content-ty"] .chimg .prev:after,
 [class^="content-ty"] .chimg .next:after { margin-top: -28.5px; margin-top: -3.39285714vw; margin-left: -14px; margin-left: -1.66666667vw; } 
 [class^="content-ty"] .chimg .prev:after { display: inline-block; overflow: hidden; text-align: left; vertical-align: middle; text-indent: -9999px; background-image: url("../images/common/ico_common.png"); background-repeat: no-repeat; *display: inline; *zoom: 1; background-position: -578px -402px; background-position: -68.80952381vw -47.85714286vw; width: 28px; width: 3.33333333vw; height: 57px; height: 6.78571429vw; content: ""; -webkit-background-size: 840px; background-size: 840px; -webkit-background-size: 100vw; background-size: 100vw; } 
 [class^="content-ty"] .chimg .next:after { display: inline-block; overflow: hidden; text-align: left; vertical-align: middle; text-indent: -9999px; background-image: url("../images/common/ico_common.png"); background-repeat: no-repeat; *display: inline; *zoom: 1; background-position: -626px -402px; background-position: -74.52380952vw -47.85714286vw; width: 28px; width: 3.33333333vw; height: 57px; height: 6.78571429vw; content: ""; -webkit-background-size: 840px; background-size: 840px; -webkit-background-size: 100vw; background-size: 100vw; } 
 [class^="content-ty"] .owl-nav .owl-prev,
 [class^="content-ty"] .owl-nav .owl-next { visibility: hidden; } 
 .line_bot { margin-bottom: 60px; margin-bottom: 7.14285714vw; margin-top: 60px; margin-top: 7.14285714vw; } 
 .title2 { font-size: 40px; font-size: 4.76190476vw; margin-bottom: 20px; margin-bottom: 2.38095238vw; } 
 .lst-related { margin-bottom: 50px; margin-bottom: 5.95238095vw; } 
 .txt-balloon { margin-bottom: 60px; margin-bottom: 7.14285714vw; } 
 .txt-balloon .inner { width: 70%; font-size: 30px; font-size: 3.57142857vw; } 
 .txt-balloon.bot { margin-bottom: 70px; margin-bottom: 8.33333333vw; } 
 .p-write { margin-top: 40px; margin-top: 4.76190476vw; } 
 .p-write.ty2 { padding-top: 25px; padding-top: 2.97619048vw; margin-top: 40px; margin-top: 4.76190476vw; } 
 .p-write.ty2:after { width: 30px; width: 3.57142857vw; } 
 .content-ty-hov .inr-c:after { display: block; visibility: hidden; clear: both; height: 0; content: ''; } 
 .content-ty-hov .thumb { width: 400px; width: 47.61904762vw; margin-right: 30px; margin-right: 3.57142857vw; margin-bottom: 0; } 
 .content-ty-hov .cont { margin-left: 0; display: inline; } 
 .lst-related .box-prd2 .thumb .i-cut { height: 240px; height: 28.57142857vw; } 
 .lst-related .box-prd2 .summary { padding: 22px 20px; padding: 2.61904762vw 2.38095238vw; } 
 .lst-related .box-prd2 .summary .cate { font-size: 25px; font-size: 2.97619048vw; line-height: 40px; line-height: 4.76190476vw; height: 40px; height: 4.76190476vw; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } 
 .lst-related .box-prd2 .summary .h1 { font-size: 25px; font-size: 2.97619048vw; line-height: 40px; line-height: 4.76190476vw; height: 40px; height: 4.76190476vw; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } 
 #area_allmenu { position: fixed; left: 0; bottom: -30px; bottom: -3.57142857vw; width: 100%; z-index: 11; } 
 #area_allmenu.allOpen,
 #area_allmenu.btn_open { bottom: 0; } 
 .allmenu_fot .inr-c { margin-right: 30px; margin-right: 3.57142857vw; margin-left: 30px; margin-left: 3.57142857vw; } 
 .allmenu_fot .area_iscroll { margin-top: 30px; margin-top: 3.57142857vw; margin-left: 30px; margin-left: 3.57142857vw; margin-right: 30px; margin-right: 3.57142857vw; } 
 .allmenu_fot .btn_all,
 .allmenu_fot .btn_open { position: absolute; bottom: 0; background-color: #3c3c3c; width: 100px; width: 11.9047619vw; height: 60px; height: 7.14285714vw; -webkit-border-radius: 2.38095238vw 1.78571429vw 0 0; -moz-border-radius: 2.38095238vw 1.78571429vw 0 0; border-radius: 2.38095238vw 1.78571429vw 0 0; } 
 .allmenu_fot .btn_open:after { display: inline-block; overflow: hidden; text-align: left; vertical-align: middle; text-indent: -9999px; background-image: url("../images/common/ico_common.png"); background-repeat: no-repeat; *display: inline; *zoom: 1; background-position: -276px -428px; background-position: -32.85714286vw -50.95238095vw; width: 10px; width: 1.19047619vw; height: 17px; height: 2.02380952vw; content: ""; margin-left: -5px; margin-left: -0.5952381vw; margin-top: -8.5px; margin-top: -1.01190476vw; -webkit-background-size: 840px; background-size: 840px; -webkit-background-size: 100vw; background-size: 100vw; } 
 .allmenu_fot .btn_all span { height: 24px; height: 2.85714286vw; margin-top: -12px; margin-top: -1.42857143vw; } 
 .allmenu_fot .btn_all span:after { height: 24px; height: 2.85714286vw; margin-top: -12px; margin-top: -1.42857143vw; } 
 .allmenu_fot .inr-c.pa { padding-bottom: 40px; padding-bottom: 4.76190476vw; position: absolute; left: 0; top: 0; width: 720px; width: 85.71428571vw; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; } 
 .allmenu_fot .header { margin-bottom: 30px; margin-bottom: 3.57142857vw; } 
 .allmenu_fot .header .h1 { font-size: 40px; font-size: 4.76190476vw; margin-right: 150px; margin-right: 17.85714286vw; } 
 #area_allmenu.open .btn_open:after { margin-top: -6px; margin-top: -0.71428571vw; } 
 /*
 카테고리 맵
 */
 .cate-map .inner { padding: 30px; padding: 3.57142857vw; } 
 .cate-map .map .pos { font-size: 25px; font-size: 2.97619048vw; } 
 #footer .ar_foo_c { padding: 0 5%; } 
 #footer .ar_foo_c a { color: #fff; } 
 #footer .ar_foo_c .flogo img { height: 45px; height: 5.35714286vw; } 
 #footer.chf .ar_foo_c .flogo img,
 #footer.kwater .ar_foo_c .flogo img,
 #footer.thek .ar_foo_c .flogo img { height: 80px; height: 9.52380952vw; } 
 #footer .ar_foo_c .txt1 { font-size: 25px; font-size: 2.97619048vw; text-align: center; } 
 #footer .ar_foo_c .txt2 { font-size: 30px; font-size: 3.57142857vw; } 
 #footer .ar_foo_c .txt2 > span { margin-left: 0; display: block; } 
 #footer .ar_foo_c.pb-ty { padding-bottom: 0; } 
 #footer .ar_foo_c .flogo.ty2 { float: none; width: auto; width: 50%; margin-left: auto; margin-right: auto; } 
 #footer .ar_foo_c .flogo.ty2 img { max-width: 100%; height: auto; } 
 #footer .ar_foo_c .info { float: none; margin-left: 0; margin-top: 1em; } 
 #footer .ar_foo_c .lst ul li { margin-bottom: 0.6em; display: block; text-align: center; } 
 #footer .ar_foo_c .lst ul li p { display: block; font-size: 25px; font-size: 2.97619048vw; margin: 0 2%; margin-top: 20px; margin-top: 2.4vw; } 
 #footer .ar_foo_c .lst ul li p.mt10 { margin-top: 0.6em; } 
 #footer .ar_foo_c .lst ul li p span:first-child { margin-right: 16px; margin-right: 1.9047619vw; padding-right: 15px; padding-right: 1.78571429vw; } 
 #footer .ar_foo_c .lst ul li p span:first-child:after { margin-top: 0; top: 5%; width: 1px; height: 90%; } 
 #footer .ar_foo_c .lst ul li p span:first-child:before { right: -1px; margin-top: 0; top: 5%; width: 1px; height: 90%; } 
 #footer .ar_foo_c .copy { margin-top: 1em; font-size: 25px; font-size: 2.97619048vw; } 
 #footer .ar_foo_c .copy span.line { padding-left: 7px; padding-left: 0.83333333vw; padding-right: 7px; padding-right: 0.83333333vw; } 
 #footer .ar_foo_c .copy span.line:after { width: 1px; height: 20px; height: 2.38095238vw; margin-top: -10px; margin-top: -1.19047619vw; } 
 #footer .ar_foo_c .bbt .btn-mor { margin: .5%; font-size: 25px; font-size: 2.97619048vw; line-height: 40px; line-height: 4.76190476vw; width: auto; padding: 0.3em 0.5em; background: url(../images/common/ico_bbt_m.png) right center no-repeat; -webkit-background-size: auto 20%; background-size: auto 20%; } 
 #footer .ar_foo_c .bbt .btn-mor span { padding-right: 25px; padding-right: 2.97619048vw; } 
 #footer .ar_foo_c .sns .bbt { float: none; margin-left: 0; } 
 #btn-event_applcn { padding-bottom: 50px; padding-bottom: 5.95238095vw; } 

 .btn_dark,
 .btn-dark,
 #wzOpinionTy1 .box-prd2 .buttons button { padding: 7px 30px; padding: 0.84vw 3.6vw; border: 2px solid #222; min-width: 180px; min-width: 21.6vw; font-weight: 700; } 



}
/*sbi*/


/*-----subpage-----*/

/*like*/
.like1 { background: url(../images/sub/like.png) 0 0 no-repeat; width:47px; height: 51px; display: block; margin-bottom: 30px } 
.like1.on { background: url(../images/sub/like_on.png) 0 0 no-repeat !important; } 

/*withpeople*/
.with .sub-slider,.with .content_inner .img_wrap{ width: 100%; max-width: 800px; margin: 0 auto;}
.sub-slider { position:relative; overflow:hidden; } 
.sub-slider .sub-control { position:absolute; top:50%; width:100% } 
.swiper-button-prev { left:0px!important } 
.swiper-button-next { right:0px!important } 
/*
.swiper-pagination-bullet-active { background: rgb(255, 255, 255) !important; } */

/*TrendCatchUp*/
.tcu .icon { font-style: normal !important; position: relative; padding-left: 20px; display: block; } 
.tcu .icon::after { position: absolute; content: '✅'; left: -5px; top:0; } 

/*포커스1*/
.focus_btn { display: inline-block; } 
.focus_btn p { text-align: center; width: fit-content; border: 3px solid #027ffd; color: #027ffd; padding:20px 30px; border-radius: 50px; font-weight: bold !important; font-size: 24px; } 

/*스페셜데이*/
.spday .width800{max-width: 800px; width: 100%; margin: 0 auto;}
.spday .video_wrap {max-width: 800px; width: 100%; margin: 0 auto;}
/*TeamToon*/
.base { inset: auto; margin: 0 auto; display: block; position: relative; box-sizing: content-box; min-height: 835px; height: 835px; width: 100%; } 
.base .fix { position: fixed; margin: auto; inset: 0px auto auto 0px; box-sizing: border-box; padding-top:40px; transform: translateX(-50%); left: 50%; height: 100%; width: 70%; } 
.base img { width:100% } 
.inner { background: #fff; padding-top:80px; position: relative; padding:40px 0 } 
@media (max-width:768px) {.base .fix { width: 100%; } 
}
/*news*/
/*news*/
.news h2 { font-size: 26px!important; } 
.news .stit { font-size: 27px!important; padding-bottom:30px; border-bottom: 1px solid #000; font-weight: bold; } 


.writer span { display: inline-block; margin-left: 10px; margin-right: 10px; vertical-align: middle; } 

@media (max-width:768px) {.sub-slider .item img { width:100% !important } 
.tcu .button { font-size:1.5em } 
.news h3 { font-size: 1.17em!important; } 
.news .sub_category { font-size:2.77777778vw !important; } 
 }

/*open*/
.open_pd { padding:0 70px; } 

@media (max-width:768px) {.open_pd { padding:0 20px; } 

.open_sub_img { margin-top: 50px !important; } 
}

.open_sub_img { margin-left: 30px!important; margin-left: 3.62318841vw!important; margin-right: 30px; margin-right: 3.62318841vw!important; margin-top: 70px; } 

/*quiz*/
.qbox { padding: 30px; margin-bottom: 30px; border-radius: 20px; background-repeat: no-repeat; background-position: right bottom 70px; background-color: #fff; } 
.qbox.q1 { background-color: #F5F3E6; background-size: auto 50%; } 
.qbox.q2 { background-color:#FBECF1 } 
.qbox.q3 { background-color:#F8ECE0; } 

@media all and (max-width:768px){
 .sub_content .part .txt_wrap p { font-size: 16px!important; } 
 .news h2 { font-size: 4.57246377vw!important; } 
}




#container.sub { padding-bottom: 100px; background-color: #e3edff; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; } 
.qbox { padding: 30px; margin-bottom: 30px; border-radius: 20px; background-repeat: no-repeat; background-position: right bottom 80px; background-color: #fff; } 
.qbox.q1 { background-image: url('../images/sub/quiz_2.jpg'); background-size:auto; background-position: 100% 100%; } 


.qbox.q2 .cont { text-align: center; } 
.qbox.q2 .inp_radio { display: inline-block; vertical-align: middle; margin: 0 5%; } 
.qbox.q2 .inp_radio input + label::after, .qbox.q2 .inp_radio input + label:after { border-color: ff5437; } 
.qbox.q2 .inp_radio input:checked + label::after, .qbox.q2 .inp_radio input:checked + label:after { background-color: #E15524; } 


.qbox.q3 { background-image: url('../images/sub/quiz_5.jpg'); background-size:auto; background-position: 92% 30%; } 


.qbox.bom { position: relative; text-align: center; padding: 20px 30px; margin-bottom: 0; background-color: #F9DDD2; color: #E15524; } 
.qbox.bom:after { content:""; position: absolute; left: 10%; top: -40px; width: 20px; height: 60px; border-radius: 20px; border: 2px solid #fff; background-color: #E15524; } 
.qbox.bom:before { content:""; position: absolute; right: 10%; top: -40px; width: 20px; height: 60px; border-radius: 20px; border: 2px solid #fff; background-color: #E15524; } 
.qbox.bom .tit { padding-left: 0; padding-right: 0; margin-bottom: 15px; padding-bottom: 15px; margin-left: 0; } 
.qbox.bom .tit .h1 { color: #000000; font-weight: 900; font-size: 25px; } 
.qbox.bom .cont { padding-left: 0; padding-right: 0; margin-left: 0; font-size: 20px; } 


.qbox .tit { position: relative; padding-left: 80px; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 2px solid #E15524; } 
.qbox .tit.width74 { width: 74%; } 

.qbox .tit .num { position: absolute; left: -30px; top: 0px; padding: 15px 10px 15px 10px; background-color: #E15524; border-radius: 0px 50px 50px 0px; line-height: 1; color: #fff; } 
.qbox .tit .num img { width: 45px; display: block; } 
.qbox .tit .h1 { font-size: 22px; line-height: 1.5; color: #000; font-weight: 500; margin-bottom: 10px; } 
.qbox .tit .p_hint { font-size: 18px; color: #E15524; } 
.qbox .tit .p_hint span { display: inline-block; padding: 2px 5px 3px; margin-right: 5px; font-weight: 500; color: #fff; line-height: 1; background-color: #E15524 } 
.qbox .cont { padding-left: 80px; padding-right: 80px; font-size: 18px; } 
.qbox .cont .inp { margin-bottom: 40px; } 
.qbox .cont .ans { display: none; padding: 5px; background-color: #ffffff; color:#e7242e; text-align: center; } 
.qbox .cont .ans.active { display:block; } 
.qbox .cont .ans .an1 { display:none; } 
.qbox .cont .ans .an1.active { display:block; } 
.qbox .cont .ans .an2 { display:none; } 
.qbox .cont .ans .an2.active { display:block; } 
.qbox .cont .ans img { height: 25px; } 

.inp_radio { z-index:0; position: relative; min-height: 20px; margin-top: 1em; } 
.inp_radio:first-child { margin-top: 0; } 
.inp_radio input { position: absolute; opacity:0; z-index: 0; } 
.inp_radio input + label { position:relative; display:inline-block; padding-left:30px; font-size: 20px; min-height:20px; line-height:20px; cursor:pointer; vertical-align:top; } 
.inp_radio input + label::after,
.inp_radio input + label:after { content:""; width:16px; height:16px; position:absolute; left:0; top:50%; margin-top: -10px; border: 2px solid #E15524; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } 
.inp_radio input:checked + label::after,
.inp_radio input:checked + label:after { background-color:#E15524; } 


.qbox_end { padding: 30px; margin-bottom: 20px; border-radius: 20px; font-size: 20px; color: #000; line-height: 1.5; background-color: #F9DDD2; background-image: url('../images/sub/quiz_6.jpg'); background-size: auto 35%; background-repeat: no-repeat; background-position: right bottom 200px; } 
.qbox_end .tit { padding-bottom: 30px; text-align: center; font-weight: 900; font-size: 50px; line-height: 1; } 
.qbox_end .tit img { height: 40px; margin-bottom: 5px; } 
.qbox_end .cont { padding: 15px 0; margin-bottom: 30px; border-top: 1px solid #E15524; border-bottom: 1px solid #E15524; background-image: url('/story/upload/share/T1/images/s5/a20/quiz4.png'); background-repeat: no-repeat; background-position: right center; background-size: auto 90%; } 
.qbox_end .cont li { overflow:hidden; margin: 10px 0; } 
.qbox_end .cont li .h1 { display: block; padding-right: 10px; float: left; border-right: 1px solid #000; margin-top: 5px; line-height: 1; } 
.qbox_end .cont li .t1 { display: block; margin-left: 105px; font-weight: normal; } 
.qbox_end .botm { text-align: center; } 
.qbox_end .botm input[type='text'] { appearance:none; -moz-appearance:none; -webkit-appearance:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100%; height: 50px; line-height: 50px; border: 0; max-width:300px; font-size: 20px; text-align: center; margin-bottom: 20px; } 
.qbox_end .botm .btns { display: inline-block; width: 100%; max-width:240px; padding: 0 20px; height: 50px; font-size: 30px; font-weight: 700; color: #E15524; background-color: #fff; border-radius: 50px; } 
.qbox_end .botm button { display:inline-block; width: 200px; padding: 10px; background-color:#ffffff; color:#E15524; font-weight:bold; border: 1px solid #E15524; border-radius:30px; font-size: 25px; } 

@media (max-width:840px){
 .qbox { padding:20px; border-radius: 4vw; background-position: right bottom 10px; } 
 .qbox .tit { padding-left: 0; padding-bottom: 3vw; margin-bottom: 4vw; } 
 .qbox .tit .num { position: static; display: inline-block; margin-bottom: .2em; padding: .3em .5em; border-radius: .4em; font-size: 5vw; line-height: 1; } 
 .qbox .tit .num img { width: 6vw; } 
 .qbox .tit .h1 { font-size: 4vw; } 
 .qbox .tit .p_hint { font-size: 3.2vw; letter-spacing:-0.03em; } 
 .qbox .cont { padding-left: 0; padding-right: 0; font-size: 3.4vw; } 
 .qbox .cont .inp { margin-bottom: 6vw; } 
 .qbox .cont .ans { padding: .5em; } 
 .qbox .cont .ans img { height: 4vw; } 

 .qbox.bom { padding: 2vw 4vw; } 
 .qbox.bom:after { left: 8%; top: -5vw; width: 3vw; height: 7vw; } 
.qbox.bom:before
 {
 right: 8%; top: -5vw; width: 3vw; height: 7vw; } 
 .qbox.bom .tit { margin-bottom: 2vw; padding-bottom: 2vw; } 
 .qbox.bom .tit .h1 { font-size: 4.5vw; } 
 .qbox.bom .cont { font-size: 3.4vw; } 
.qbox.q1 { background-size:auto 40%; } 
 .qbox.q3 { background-size: 20% auto; background-position: 90% 90%; } 
 .qbox.q2 .inp_radio img { width: 14vw; } 
.qbox .tit.width74 { width: 100%; } 
 .inp_radio { min-height:3.4vw } 
 .inp_radio input + label { font-size: 3.4vw; padding-left:4.5vw; min-height:3.4vw; line-height:3.4vw; } 
 .inp_radio input + label::after,
 .inp_radio input + label:after { width: 3.4vw; height: 3.4vw; margin-top: -1.5vw; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 


 .qbox_end { padding: 20px; margin-bottom: 2vw; border-radius: 4vw; font-size: 3.4vw; background-size: auto 20%; background-position: right 95% } 
 .qbox_end .tit { padding-bottom: 3vw; font-size: 7vw; } 
 .qbox_end .tit img { height: 5vw; margin-bottom: 5px; } 
 .qbox_end .cont { margin-bottom: 3vw; background-size: 20vw auto; background-position: right 99%; } 
 .qbox_end .cont ul { } 
 .qbox_end .cont li { margin: 1vw 0; } 
 .qbox_end .cont li .h1 { padding-right: 1.5vw; margin-top: .9vw; } 
 .qbox_end .cont li .t1 { margin-left: 16vw; } 
 .qbox_end .cont li:last-child { line-height: 1.3; } 
 .qbox_end .cont li:last-child .t1 { padding-top: .15em; } 
 .qbox_end .botm input[type='text'] { max-width:50vw; font-size: 4.5vw; height: 8vw; line-height: 8vw; margin-bottom: 2vw; } 
 .qbox_end .botm .btns { padding: 0 5vw; max-width:50vw; height: 8vw; font-size: 5vw; } 
.qbox_end .botm button { max-width: fit-content; font-size: 18px; padding:10px 20px; } 
 }


/*opinion*/
.opinion .b_box { border:1px solid #aaa; border-radius: 10px; padding:20px; margin: 20px 0; } 
.opinion .label { font-size: 20px } 
.opinion .flex { display: flex } 
.opinion .flex .box2 { width:32% } 
.opinion .flex2 { display: flex } 
.opinion .flex2 .box2 { width:48% } 
.opinion { /*background: #f7f8fb; */ padding:40px; margin:0 auto } 
.opinion .box2 { text-align: center; border:1px solid #Ddd; box-sizing: border-box; margin-bottom: 10px; background: #f7f8fb; margin:20px auto; } 
.opinion .box2 span { display: block; padding:10px; border-bottom: #Ddd } 
.opinion .box2 span:last-of-type { font-size: 14px; background: } 


.quiz__enter { border:1px solid #ddd; padding: 40px; border-radius: 10px; } 
.quiz__enter-col { margin-bottom: 10px } 
.quiz__enter-col .tit { width:130px; float:left; line-height: 40px } 
.quiz__enter-col .input input { width:calc(100% - 130px); border:1px solid #aaaaaa; height: 40px; border-radius: 10px; padding-left: 15px } 
.quiz__enter-col .tit.long { width:100% } 
.quiz__enter-col .long input { width:100%; border:1px solid #aaaaaa; height: 40px; border-radius: 10px; padding-left: 15px } 

.quiz-wrap__button button { background: #0dcb67; width: 140px; height: 45px; color:#FFF; margin:20px auto 0 auto; border-radius: 10px } 


/*popup*/
.popup { position: fixed; z-index: 9999; opacity: 1; left:0; top:0; background: rgba(0, 0, 0, 0.5); width: 100vw; height: 100%; display: none}
.popup .pop_inner { left: 50%; position: absolute; top: 100px; z-index: 9999; opacity: 1; background: #fff; width: 100%;min-height: 489px;max-width: 1200px;margin-left: -600px;max-height: 700px;height: 100%}

.popup .pop_tit { height: 49px; padding: 0 78px 0 0; border-bottom: 1px solid #d5d5d5; background-color: #2c3d5e; padding-top: 5px; padding-left: 20px; color: #ffffff; font-size: 26px; position: relative; } 
.popup .pop_tit button { position: absolute; right:20px}
.popup .pop_cont { padding:10px}
.popup .pop_cont table { border:1px solid #ddd } 
.popup .pop_cont .number { padding: 15px;border-bottom: 1px solid #ddd; } 
.popup .pop_cont .cont { padding: 15px;border-bottom: 1px solid #ddd; } 
.popup .pop_cont .number td { padding: 10px;border: 1px solid #c3c3c3; } 
.popup .pop_cont .cont td { padding: 10px;border: 1px solid #c3c3c3; } 

.popup .pop_cont .inp_txt { width: 100%;height: auto;line-height: normal;padding: 9px 20px;border: 1px solid #c3c3c3;border-radius: 0;outline-style: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.textarea { width: 100%; height: 150px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #c3c3c3; padding: 15px; } 
.buttons { text-align: right; } 
.btn_dark { padding: 7px 30px; border-radius: 30px;background-color: transparent;border: 4px solid #222;color: #222;text-align: center;min-width: 180px;font-weight: 700; } 

/*문자*/
.popup.active { display: block } 

@media all and (max-width:768px) {.popup .pop_inner { position:relative; margin-left:0; left: inherit; width:90%; margin:0 auto; height:auto } 
 }

#videos { position: relative; margin-bottom: 50px; } 
#videos .swiper-pagination { position: absolute; bottom: -50px; } 

.flexs { display: flex; justify-content: space-between; } 
.flexs>div { width: 50%; } 
.flexs>:nth-child(1) { margin-right: 20px; } 

@media all and (max-width:768px){
 .flexs { display: block; } 
 .flexs>div { width:100%; } 
.flexs>:nth-child(1) { margin-right: 0px; } 
 }

.flexs_three { display: flex; gap: 20px; } 
.flexs_three>div { width: 33%; }