/* SUB COMMON */

.sub_content { padding:70px 0 80px 0; } 
.sub_content .container { max-width:880px; margin: 0 auto; padding: 0 40px; } 
.sub_content .sub_tit { text-align: center; } 
.sub_content .sub_tit .sub_category { text-align: center; display: inline-block; font-size: 20px; margin-top: 30px; } 
.sub_content .sub_tit .sub_category span { font-size:26px } 
.sub_content .sub_tit h2 { font-size: 36px } 
.sub_content .sub_tit h3 { font-size: 24px } 
.sub_content .sub_tit h2 span { display: block; font-size: 30px; font-weight: normal; } 
.sub_content .content_inner { padding-top: 50px; } 

.sub_content .sub_tit .sub_category span { display: inline-block; width: 50px } 
.sub_content .sub_tit .sub_category span.color1 { border-bottom: 3px solid #ff8212; } 
.sub_content .sub_tit .sub_category span.color2 { border-bottom: 3px solid #326ae9 } 
.sub_content .sub_tit .sub_category span.color3 { border-bottom: 3px solid #e72c22 } 
.sub_content .sub_tit .sub_category span.color4 { border-bottom: 3px solid#03B82A } 

@media all and (max-width:767px) { 
 .sub_content .top { margin-bottom: 60px; } 
.sub_content .content_inner { padding-top: 0px; } 
.sub_content .sub_tit h2 { font-size: 30px } 
.sub_content .sub_tit h3 { font-size: 20px } 
.sub_content .sub_tit h2 span { font-size: 28px; } 
.sub_content p { font-size: 16px !important; line-height: 30px !important; } 
 } 
@media all and (max-width:480px) { 
 .sub_content .top { margin-bottom: 40px !important; } 
 .sub_content .sub_tit h2 { font-size: 24px; word-break: keep-all; } 
 .sub_content .sub_tit h3 { font-size: 18px; word-break: keep-all; } 
 .sub_content .sub_tit h2 span { font-size: 24px; } 
 .sub_content .sub_tit .sub_category { font-size: 16px !important } 
 } 
/* SUB Contents */
.sub_content .container { position: relative; } 
.arrow { position: fixed; top: 50%; transform: translate(-50%, -50%); display: none; z-index: 90; background: red; width: 100%; left: 50%; text-align: center; } 
.arrow .left { left: 15%; position: absolute; } 
.arrow .right { right : 15%; position: absolute; } 
.arrow .arrow_txt { color: black; font-size: 14px; margin-top: 5px } 
@media all and (max-width:1580px) { 
 .arrow .left { left: 8%; position: absolute; } 
 .arrow .right { right : 8%; position: absolute; } 
 } 
@media all and (max-width:1280px) { 
 .arrow .left { left: 3%; position: absolute; } 
 .arrow .right { right : 3%; position: absolute; } 
 } 
@media all and (max-width:980px) { 
 .arrow .left { left: 1%; position: absolute; } 
 .arrow .right { right : 1%; position: absolute; } 
 .arrow .arrow_txt { font-size: 12px; } 
 } 

@media all and (max-width:880px) { 
.sub_content .container { padding: 0 50px; } 
 } 
@media all and (max-width:765px) { 
 .sub_content .container { padding: 0 15px; } 
 .sub_content .content_inner { padding: 0 0px; } 
 .arrow { display: none !important; } 
 } 
.sub_content .top { margin-bottom: 80px; } 
.sub_content .part { margin-bottom: 48px; } 
.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: 30px 0; } 
.sub_content .part .txt_wrap p { font-size: 18px; font-weight: 400; line-height: 34px; letter-spacing: -0.03em; text-align: justify; } 
.sub_content .part .txt_wrap .title { font-weight: 600; font-size: 20px; margin-bottom: 10px } 
.sub_content .part .txt_wrap span { font-style:italic; } 
.sub_content .part .txt_wrap .stit { font-size: 18px; font-weight: bold; } 
@media all and (max-width:767px) { 
 .sub_content .part .txt_wrap .title { font-size: 18px; } 
 } 
.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 { color:#666666; font-size: 14px; margin-top:10px } 
.sub_content .part .img_wrap img.wide { width:1280px!important; margin-left:-195px; max-width:none } 
 /*하단 버튼*/
.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 } 
.fsi { font-style: italic !important; } 
.fwb { font-weight: 600 !important; } 
.mt0 { margin-top:0 !important } 
.mt5 { margin-top:5px !important } 
.mt10 { margin-top: 0.625rem !important; } 
.mt13 { margin-top: 13px !important; } 
.mt15 { margin-top: 15px !important; } 
.mt20 { margin-top:20px !important; } 
.mt30 { margin-top:30px !important; } 
.mt40 { margin-top:40px !important; } 
.mt48 { margin-top:48px !important; } 
.mt50 { margin-top:50px !important; } 
.mt60 { margin-top:60px !important; } 
.mt70 { margin-top:70px !important; } 
.mt80 { margin-top:80px !important; } 
.mt100 { margin-top:100px !important; } 
.mt120 { margin-top:120px !important; } 
.mt150 { margin-top:150px !important; } 

.mb0 { margin-bottom: 0!important; } 
.mb5 { margin-bottom:5px !important; } 
.mb10 { margin-bottom:10px !important; } 
.mb20 { margin-bottom: 1.25rem !important; } 
.mb30 { margin-bottom:30px!important; } 
.mb36 { margin-bottom:36px!important; } 

.mb40 { margin-bottom: 2.5rem !important; } 
.mb60 { margin-bottom: 60px !important; } 
.mb80 { margin-bottom: 80px !important; } 
.mb100 { margin-bottom: 100px !important; } 

/*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: 30px; } 
.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 */
/* high five*/
.video_wrap { margin: 20px 0; } 
.video_wrap .video { width: 100%; 
 height: 0; 
 padding-top: 56.25%; /* 가장 중요 */
 position: relative; } 
.video_wrap .video .iframe { width: 100%; height: 500px; border: 0; width: 100%; 
 height: 100%; 
 position: absolute; top: 0; 
 left: 0; } 


/* Coarching */
.ego_button { display: inline-block; background: #eb7258; color:#fff; font-weight: bold; padding:15px 50px; border-radius: 50px; font-size: 18px } 


/* inspiting */


/*quiz*/
.quiz_button { display: inline-block; background: #A84023; border-radius: 30px; padding:10px 50px; margin:0 auto; font-size: 18px; font-weight: bold; color: white !important; } 
.event_button { display: inline-block; background: #A84023; border-radius: 30px; padding:10px 50px; margin:0 auto; font-size: 18px; font-weight: bold; color: white !important; } 



@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) { 
 } 
@media all and (max-width:767px) { 
 .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-mt0 { margin-top: 0 } 
 .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; } 
 } 
@media all and (max-width:540px) { 
 } 





/*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; } 



#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; } 

 .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; } 

 .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; } 

 .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; } 





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

.s1_2 .box { border-radius: 24px; text-align: center; padding: 30px; } 
.s1_2 .box.color1 { background: #FBE5D6; } 
.s1_2 .box.color2 { background: #E2F0D9; } 

.s1_2 .box span { display: block; font-style: normal !important; font-weight: bold; margin-bottom: 4px; } 
.s1_2 .box.color1 span { color: #C45911; } 
.s1_2 .box.color2 span { color: rgba(83, 129, 53, 0.99); } 

.s1_2 .box p { line-height: 32px !important; } 
@media all and (max-width:767px) { 
.s1_2 .box p { line-height: 28px !important; } 
 } 


.ccolor1_3 { font-style: normal !important; color: #4472C4; } 
.s1_3 .height.flexs { align-items: stretch; height: 380px; overflow: hidden; } 
.s1_3 .height.flexs .img_wrap { flex: 1; display: flex; justify-content: center; align-items:flex-end; } 
.s1_3 .height.flexs img { max-width: 100%; max-height: 100%; object-fit: cover; } 

.s1_3 .txt_box { position: relative; } 
.s1_3 .txt_box>:nth-child(1) { position: absolute; left: 29%; top:30px; height: 44px; } 

.s1_3 .box { border-radius: 24px; border: 1px solid #4472C4; background: #DAE3F3; margin: 0 auto; text-align: center; padding: 12px 32px; width: fit-content; } 


.s1_3 .ccolor1_3-1{ color: #4472C4; margin-top: 30px;} 

@media all and (max-width:767px) { 
.s1_3 .height.flexs { display: block; height: auto; } 
.s1_3 .height.flexs>:nth-child(1) { margin-bottom: 30px; } 
.s1_3 .height.flexs .img_wrap { flex: none; display: block; box-sizing: border-box; } 
.s1_3 .height.flexs img { width: 100%; height: auto; object-fit: cover; } 

.s1_3 .txt_box>:nth-child(1) { position: absolute; left: 50%; top:390px } 

 } 


.s1_4 .big_tit { font-size: 24px!important; text-align: center; font-weight: 700; line-height: 30px; margin-bottom: 0px; } 
.s1_4 .icon { width: 20px; padding-right: 2px; margin-bottom: 2px; } 
.ccolor1_4 { color:#70AD47 } 
.s1_4 span { font-style: normal !important; } 
.s1_4 span.line { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } 
.s1_4 .h62 { max-height: 62px; } 
@media all and (max-width:767px) { 
.s1_4 .big_tit { font-size: 20px !important; } 
 } 
@media all and (max-width:480px) { 
.mo-none { display: none; } 
 } 

.s1_5 .map { max-width: 860px; margin: 0 auto; width: 100%; } 
.s1_5 .map_flex { display: flex; justify-content: center; } 
.s1_5 .map_flex img { width: fit-content; } 

.s1_5 .ccolor1_5 { color:#548235 } 
.s1_5 .fwn { font-style: normal !important; font-weight:400 !important; } 

.s1_5 .popup_wrap { position: fixed; top:50%; left: 50%; text-align: center; transform: translate(-50%,-50%); max-width: 890px; width: 100%; } 
.s1_5 .popup_wrap .close_btn { font-size: 30px; line-height: 30px; position: absolute; right: 15px; top:15px; cursor: pointer; } 
.s1_5 .popup_wrap .modal { display: flex; background: #fff; padding: 40px; align-items: flex-start; gap: 30px; position: relative; border: 1px solid #dfdfdf; } 
.s1_5 .popup_wrap .modal .img_wrap { width: 50%; } 
.s1_5 .popup_wrap .modal .round { display: flex; align-items: center; width: 150px; height: 150px; background: #C5E0B4; border-radius: 999px; justify-content: center; } 
.s1_5 .popup_wrap .modal .round.top { position: absolute; left: 0; top: 0; } 
.s1_5 .popup_wrap .modal .round.bottom { position: absolute; left: 0; bottom: 0; } 

.s1_5 .popup_wrap .modal .txt_wrap { width: 50%; margin: 0 !important; } 
.s1_5 .popup_wrap .modal .txt_wrap >div { margin: 30px 0; } 
.s1_5 .popup_wrap .modal .txt_wrap .title { margin: 0 0 30px 0; } 
.s1_5 .popup_wrap .modal small { font-size: 14px; line-height: 22px; margin-bottom: 5px; display: block;} 

@media all and (max-width:890px) { 
 .s1_5 .popup_wrap { z-index: 100; width: 767px; } 
 .s1_5 .popup_wrap .modal .txt_wrap >:nth-child(1) { margin-top: 0; } 
 .s1_5 .popup_wrap .modal .txt_wrap >div { margin: 20px 0; } 
 } 
@media all and (max-width:767px) { 
 .s1_5 .popup_wrap { position: absolute; width:90%; } 
 .s1_5 .popup_wrap .modal { display: block; padding: 30px; } 
 .s1_5 .popup_wrap .modal .round { position: absolute; top:0 !important; left: 0; width: 120px; height: 120px; } 
 .s1_5 .popup_wrap .modal .img_wrap,.s1_5 .popup_wrap .modal .txt_wrap { width: 100%; } 

 .s1_5 .popup_wrap .close_btn { font-size: 20px; right: 10px; top:10px; line-height: 20px; } 
 .s1_5 .popup_wrap .modal .txt_wrap >:nth-child(1) { margin-top: 15px; } 
 .s1_5 .popup_wrap .modal .txt_wrap >div { margin: 15px 0; } 
 } 



.s1_6 .big_tit { font-size: 22px!important; text-align: center; font-weight: bold; margin-bottom: 0px; } 
.s1_6 .small_tit { font-weight: bold !important; margin-bottom: 20px; text-align: center !important; } 
.ccolor1_6-1 { color: #4472C4; } 
.ccolor1_6-2 { color: #70AD47; } 
.s1_6 .box { border-radius: 8px; width: fit-content; padding:6px 20px 8px 20px; } 
.s1_6 .box.ccolor-1 { background: #BDD7EE; } 
.s1_6 .box.ccolor-2 { background: #A9D18E; } 
.s1_6 .flex_icon { display: flex; align-items: center; justify-content: center; } 
.s1_6 .flex_icon span { font-style: normal !important; padding-bottom: 3px; } 

.s1_7 .row { overflow: visible !important; } 
.s1_7 .title { color: #fff; padding: 7px 0 10px 0; border-radius: 8px; margin: 0 auto 30px auto !important; width:330px; text-align: center; } 
.s1_7 .title.color1 { background: #7030A0; } 
.s1_7 .title.color2 { background:#548235; } 
.s1_7 .title.color3 { background:#2F5597; } 
.s1_7 .title.color4 { background: #C55A11; } 
@media all and (max-width:380px) { 
.s1_7 .title {width: 100%; } 
}
.s1_7 .ccolor1_7-1 { color: #7030A0; } 
.s1_7 .ccolor1_7-2 { color: #548235; } 
.s1_7 .ccolor1_7-3 { color:#2F5597; } 
.s1_7 .ccolor1_7-4 { color:#C55A11; } 

.s1_7 .img_wrap img { box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.20); } 

.s1_7 [class*="box"] { border: 2px solid #000; padding:24px 30px 0 24px; width: fit-content; margin: auto; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; margin-top: 20px; margin-bottom: 20px; max-width: 700px;} 
.s1_7 [class*="box"]::after { position: absolute; content: ''; background-image: url('../images/sub/sub1_7_box.jpg'); 
 right: -2px; bottom: -2px; width: 35px; height: 36px; background-size:contain; background-repeat: no-repeat; z-index: 2; background-position: right bottom; } 
.s1_7 .box2::after { background-image: url('../images/sub/sub1_7_box2.jpg'); } 
.s1_7 .box3::after { background-image: url('../images/sub/sub1_7_box3.jpg'); } 
.s1_7 .box4::after { background-image: url('../images/sub/sub1_7_box4.jpg'); } 

.s1_7 .box1 { background: #E2F0D9; border-color: #548235; height: 220px; display: flex; align-items: flex-start; } 
.s1_7 .box2 { background: #FBE5D6; border-color: #C55A11; height:  220px; display: flex; align-items: flex-start; } 
.s1_7 .box3 { background: #ECDAFA; border-color: #7030A0; height:  220px; display: flex; align-items: flex-start; } 
.s1_7 .box4 { background: #DAE3F3; border-color: #2F5597; height:  220px; display: flex; align-items: flex-start; } 

@media all and (max-width:1024px) { 
.s1_7 .column { width: 100% !important; padding-left: 0 !important; } 
.s1_7 [class*="box"] { height: auto;  padding: 30px; } 
.m_tac { text-align: center !important; } 


.s1_7 .mt150 { margin-top: 100px !important; } 
 } 


.ccolor1_8 { color:#4472C4 } 
.ccolor1_8-1 { color: #C55A11; } 
.s1_8 .ccolor1_8.title,.s1_8 .ccolor1_8-1.title  { font-size: 24px !important; } 

.s1_8 .bg { background: #CFE6FF; padding: 0 16px; margin-bottom: 12px; display: block; width: fit-content;} 
.s1_8 .md_tit { font-size: 22px !important; margin-bottom: 16px; } 
@media all and (max-width:1024px) { 
.s1_8 .mt150 { margin-top: 100px !important; } 
 } 

@media all and (max-width:767px) { 
.s1_8 .ccolor1_8.title,.s1_8 .ccolor1_8-1.title  { font-size: 20px !important; word-break: keep-all; } 
 .s1_8 .md_tit { font-size: 18px !important; } 
 
 } 

@media all and (max-width:351px) { 
.s1_8 .bg { padding: 1px 2px 3px 2px; } 
 } 

.s1_9 .title { padding: 2px 12px; width: fit-content; position: relative; display: inline-block; overflow: hidden; z-index: 1; } 
.s1_9 .title.highlight::after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: #ff0; transition: width 0.8s ease; z-index: -1; } 
.s1_9 .title.highlight.active::after { width: 100%; } 

.s1_9 .icon { margin-bottom: 4px; padding-right: 4px; } 

@media all and (max-width:1024px) { 
.s1_9 .mt150 { margin-top: 100px !important; } 
 } 
@media all and (max-width:767px) { 
 .s1_9 .icon { margin-bottom: 6px; width: 20px; } 
 } 





.s1_10 .photo_slide { position: relative; } 
.s1_10 .photo_slide .item { text-align: center !important; } 
.s1_10 .photo_slide .item img { max-width:780px!important; margin:0 auto } 
.s1_10 .photo_slide .click { position: absolute; right: -170px; z-index: 9; top: 50%; color: #a8a8a8; font-size: 14px; } 
.s1_10 .photo_slide .owl-theme .owl-nav .owl-next { position: absolute; top:48%; right:-40px !important; background-image: url('../images/sub/sub1_4_next.png'); width: 20px; height: 36px; } 
.s1_10 .photo_slide .owl-theme .owl-nav .owl-prev { position: absolute; top:48%; left:-40px !important; background-image: url('../images/sub/sub1_4_prev.png'); width: 20px; height: 36px; } 
.s1_10 .photo_slide .owl-theme .owl-nav .owl-next span,
.s1_10 .photo_slide .owl-theme .owl-nav .owl-prev span { display: none } 
.s1_10 .photo_slide .owl-theme .owl-nav .owl-next:hover { background-image: url('../images/sub/sub1_4_next_h.png'); } 
.s1_10 .photo_slide .owl-theme .owl-nav .owl-prev:hover { background-image: url('../images/sub/sub1_4_prev_h.png'); } 

.s1_10 .photo_text { max-width:700px; margin:0 auto; background: #ffe7d8; border:2px solid #000; padding:0px 20px; margin-top:40px; text-align: center; } 
.s1_10 .photo_text .txt_wrap p { margin-top: 15px } 
.s1_10 .photo_text .txt_wrap h3 { margin-bottom: 5px !important } 



@media all and (max-width:1280px) { 
.s1_10 .photo_slide .click { display: none; } 
 } 

@media all and (max-width:1080px) { 
 .s1_10 .photo_slide .owl-theme .owl-nav .owl-prev,.s1_10 .photo_slide .owl-theme .owl-nav .owl-next, .s1_10 .photo_slide .click { display: none; } 
 } 


@media all and (max-width:360px) { 
 .owl-dot { max-width: 18px; } 
 } 

@media all and (max-width:360px) { 
 .owl-dot { max-width: 18px; } 
 } 


@media all and (max-width:767px) { 

.s1_11 .column .img_wrap { margin-bottom: 20px; } 

 } 



@media all and (max-width:767px) { 
 .s1_7 .big_tit { font-size: 20px !important; word-break: keep-all; } 
 .s1_9 .flex.three { display: block } 
 .s1_9 .flex.three>div { width: 100%; } 
 
 } 
.btn2_5 { display: inline-block; } 
.btn2_5 p { background: #c3e3d7; color:#16667c; font-weight: bold !important; width: fit-content; text-align: center; padding: 7px 30px; border-radius: 30px; } 


/*---추가 클래스---*/

.flexs { display: flex; justify-content: space-between; gap: 30px; } 

.flexs.end { align-items: end; } 
.flexs.center { align-items: center; } 

.flexs.jcc { justify-content: center; } 

@media all and (max-width:767px) { 
.flexs { width: 100%; flex-wrap: wrap; justify-content: center; } 
 .wkeep { word-break: keep-all; } 
 } 
.wbk { word-break: keep-all; } 
/*서브 목록 중복 스크롤 방지용*/
.gnb { overflow-y: hidden; } 

@media all and (max-width:767px) { 
 .gnb { overflow-y:auto } 
 .column:nth-child(2) { padding-left: 0px; } 
 }