@import url(../../../fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cafe24Shiningstar';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
font-family:NanumGothic;
src:url(Font/NanumGothic.eot), url(Font/NanumGothic.woff) format('woff'), url(Font/NanumGothic.ttf) format('truetype');
}

@font-face {
     font-family: 'S-CoreDream-9Black';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream-7ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-8Heavy';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

/**********************************************
WEB FONTS START
name: vol29
**********************************************/

/* 세방고딕 */
@font-face {
	font-family: 'SEBANG_Gothic_Regular';    
	font-style: normal;    
	font-weight: normal;
	src: local('SEBANGGothicOTF'), local('SEBANGGothicOTF'),
		 url('/2021/css/fonts/SebangGothicRegular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('/2021/css/fonts/SebangGothicRegular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
	font-family: 'SEBANG_Gothic_Bold';    
	font-style: normal;    
	font-weight: normal;
	src: local('SEBANGGothicOTFBold'), local('SEBANGGothicOTFBold'),
		 url('/2021/css/fonts/SebangGothicBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('/2021/css/fonts/SebangGothicBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* noto sans */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 100;
  src: url('/2021/css/fonts/NotoSerifKR-ExtraLight.woff2') format('woff2'),
       url('/2021/css/fonts/NotoSerifKR-ExtraLight.woff') format('woff'),
       url('/2021/css/fonts/NotoSerifKR-ExtraLight.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 300;
  src: url('/2021/css/fonts/NotoSerifKR-Light.woff2') format('woff2'),
       url('/2021/css/fonts/NotoSerifKR-Light.woff') format('woff'),
       url('/2021/css/fonts/NotoSerifKR-Light.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 400;
  src: url('/2021/css/fonts/NotoSerifKR-Regular.woff2') format('woff2'),
       url('/2021/css/fonts/NotoSerifKR-Regular.woff') format('woff'),
       url('/2021/css/fonts/NotoSerifKR-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 500;
  src: url('/2021/css/fonts/NotoSerifKR-Medium.woff2') format('woff2'),
       url('/2021/css/fonts/NotoSerifKR-Medium.woff') format('woff'),
       url('/2021/css/fonts/NotoSerifKR-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 600;
  src: url('/2021/css/fonts/NotoSerifKR-Bold.woff2') format('woff2'),
       url('/2021/css/fonts/NotoSerifKR-Bold.woff') format('woff'),
       url('/2021/css/fonts/NotoSerifKR-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 700;
  src: url('/2021/css/fonts/NotoSerifKR-semiBold.woff2') format('woff2'),
       url('/2021/css/fonts/NotoSerifKR-semiBold.woff') format('woff'),
       url('/2021/css/fonts/NotoSerifKR-semiBold.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 800;
  src: url('/2021/css/fonts/NotoSerifKR-Black.woff2') format('woff2'),
       url('/2021/css/fonts/NotoSerifKR-Black.woff') format('woff'),
       url('/2021/css/fonts/NotoSerifKR-Black.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('/2021/css/fonts/NotoSansKR-Thin.woff2') format('woff2'),
       url('/2021/css/fonts/NotoSansKR-Thin.woff') format('woff'),
       url('/2021/css/fonts/NotoSansKR-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('/2021/css/fonts/NotoSansKR-Light.woff2') format('woff2'),
       url('/2021/css/fonts/NotoSansKR-Light.woff') format('woff'),
       url('/2021/css/fonts/NotoSansKR-Light.otf') format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url('/2021/css/fonts/NotoSansKR-Regular.woff2') format('woff2'),
        url('/2021/css/fonts/NotoSansKR-Regular.woff') format('woff'),
        url('/2021/css/fonts/NotoSansKR-Regular.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url('/2021/css/fonts/NotoSansKR-Medium.woff2') format('woff2'),
        url('/2021/css/fonts/NotoSansKR-Medium.woff') format('woff'),
        url('/2021/css/fonts/NotoSansKR-Medium.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url('/2021/css/fonts/NotoSansKR-Bold.woff2') format('woff2'),
        url('/2021/css/fonts/NotoSansKR-Bold.woff') format('woff'),
        url('/2021/css/fonts/NotoSansKR-Bold.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url('/sbiz/css/fonts/NotoSansKR-Black.woff2') format('woff2'),
        url('/sbiz/css/fonts/NotoSansKR-Black.woff') format('woff'),
        url('/sbiz/css/fonts/NotoSansKR-Black.otf') format('opentype');
 }

/* 제주명조 */
@font-face {
    font-family: 'JejuMyeongjo';
    font-style: normal;
    font-weight: normal;
    src: url('/2023/css/fonts/JejuMyeongjo.otf') format('opentype');
}

@font-face {
    font-family: 'AkayaKanadaka';
    font-style: normal;
    font-weight: normal;
    src: url('/2023/css/fonts/AkayaKanadaka-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'GangwonEduPower';
  font-weight: normal;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/gangwon/GangwonEduPower.eot');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/gangwon/GangwonEduPower.eot?#iefix') format('embedded-opentype'),
       url('https://cdn.jsdelivr.net/gh/webfontworld/gangwon/GangwonEduPower.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/gh/webfontworld/gangwon/GangwonEduPower.woff') format('woff'),
       url('https://cdn.jsdelivr.net/gh/webfontworld/gangwon/GangwonEduPower.ttf') format("truetype");
  font-display: swap;
} 


/**********************************************
WEB FONTS END
**********************************************/


/* 기본 세팅 */
*{margin:0;padding:0;}
.pc {display:revert;}
.mo {display:none}
img {border:0;font-size:0;line-height:0;vertical-align:top;}
li {list-style:none}
a {color:#707070;text-decoration:none}
fieldset {border:0;}
textarea {resize:none;}
table {border-collapse:collapse;border-spacing:0;}
em {font-style:normal;}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {margin: 0;padding:0}
body, div, table, li, td, ul, tr{box-sizing:border-box;font-family:"Noto Sans Korean", sans-serif;color:#707070;font-size:12px;letter-spacing:-0.05em;}
input[type="text"]{box-sizing:border-box;}
.clear{clear:both}
.line{margin-top:50px;border-top:1px solid #ccc;}
.dot_line{margin-top:50px;color:#fff;background:url('../images/common/bg_dotted_line.jpg') repeat-x left bottom}
.alignR{text-align:right !important;}
.pt0{padding-top:0;}
.pr30{padding-right:30px;}
.mt0{margin-top:0px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px !important;}
.mt130{margin-top:130px;}
.mb30{margin-bottom:30px !important;}
.mimg_t10{margin-top:10px !important;}
.point-c1 {color:#117539 !important}
.point-c2 {color:#2d642b !important}
.point-c3 {color:#f37420 !important}
.point-c4 {color:#3e4e67 !important}
.point-c5 {color:#005b9b !important}
.black {color:#000}
.white {color:#fefefe !important}
.letter-0 {letter-spacing:0}
.letter-1 {letter-spacing:-.08em}
.letter-2 {letter-spacing:-.12em}
.font-noto {font-family:'Noto Sans KR'}
.font-serif {font-family:'Noto Serif KR'}
.font-seR {font-family:'SEBANG_Gothic_Regular'}
.font-seB {font-family:'SEBANG_Gothic_Bold'}
.dis-block {display:block}
.dis-flex {display:flex}
.dis-inblock {display:inline-block}
.width-pec-100 {width:100% !important}

/* Layout */
body{background:#fff;}
#wrap{width:100%;min-width:320px;}
#mHeader, #m_footer, #m_webzine{display:none;}
#content .event img{width:100%;max-width:1040px;}


/* Popup */
#popup01{display:none;}
.Pstyle {opacity: 0;display: none;position: relative;width:640px;background-color: #fff;box-sizing:border-box;margin-top:20px;height:500px}
.content01{background:url('../images/pop_bg01.jpg');height:520px;position:relative}
.p02 input{border:1px solid #d8d8d8;width:337px;height:32px;}
.b-close{position:absolute;top:0;right:0px;width:31px;height:30px;}
.p01{position:absolute;top:168px;left:62px;font-size:15px;color:#404040}
.p01 span{font-weight:bold;color:#a51e1e}
.p02{position:absolute;top:269px;left:155px}
.p03{position:absolute;top:269px;right:55px;width:85px;height:32px;}
.p04{position:absolute;top:453px;left:0;text-align:center;width:100%}
.p05{position:absolute;top:340px;left:0px;text-align:center;width:100%}
.content02{background:url('../images/pop_bg02.jpg');height:520px;position:relative}

#wrap{position:relative;width:100%;z-index:10;}
/*#header, #containerWrap, .max-1196{max-width:1196px;margin:0 auto;}*/

/** header **/
#header{position:relative;padding-top:30px;z-index:1000;}
#header .title {display:grid;padding:79px 0;grid-template-columns:20% 60% 20%; width:100%;}
#header .title>* {align-self: end; justify-self: center;}
#header .title .preview {text-align: center;}
#header .title .preview img {width: 50%;}
.gnb{width:100%;background-color:#F1F9FD; height: 70px;}
.gnb .gnb_list{width:64.8%;margin:0 auto;padding:30px 0;min-width:924px;display:flex;place-items: center;justify-content: space-around; height:100%;}
.gnb a{text-align: center; min-width: 171px;}
.subMenu.vol32{width:64.8%; margin:0 auto; min-width:924px; display:flex; place-content:space-around; padding-top:30px;}
.subMenu.vol32 ul{min-width: 171px;}
.subMenu.vol32 ul li{ text-align: center; padding:15px 0; margin:auto;}
.subMenu.vol32 ul li a {font-size:19px; color:#8a8a8a; font-family: "SUIT Variable";}
.subMenu.vol32 ul li a sup{line-height: 0;}
.subMenu.vol32 ul li a:hover {color:#000;}
.subMenu.vol32 ul li a img {opacity: 0.5;}
.subMenu.vol32 ul li a img:hover {opacity: 1;}
.subMenu_wrap{display: none;position: absolute;left: 0;width: 100%;background: rgba(255, 255, 255, .9);z-index: 100;padding-bottom: 30px; text-align: center;}


/* up_btn */

.up_btn { position: fixed; bottom: 30px; right: 30px; padding: 10px; border-radius: 100%; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; z-index: 100; background-color: white;}
.up_btn img{ width: 30px; }

/* share */

.share { position: fixed; bottom: 90px; right: 30px; padding: 10px; border-radius: 100%; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; z-index: 100; background-color: white;}
.share img{ width: 30px; }

/*** main ***/
#main-img img{width:100%;}
#main-img .main_img_mo{display:none;}
.enlarge_image_box {display:none;}
.enlarge_image_box .enlarge_image_bg {position:fixed; width:100%; height:100%; background:#000; opacity:.5; z-index:9998; top:0; left:0;}
.enlarge_image_box .enlarge_image {position: fixed; top:0; left:0; z-index:9999; display:flex; justify-content: center; align-items: center; height: 100%; width: 100%; overflow: hidden;}
.enlarge_image_box .enlarge_image img {opacity: 1; object-fit: fill;}
.main-slide-wrap {box-sizing: border-box; position:relative;overflow:hidden;width:90%;max-width:1260px;margin:0 auto; padding:105px 0 83px;}
.main-slide-wrap .main-slide {position:relative;}
.main-slide-wrap .main-slide-list-wrap {position:relative;}

.main-slide-wrap .main-slide-list-wrap .main-slide .swiper-pagination{position: relative;bottom: 0;}

.main-slide-wrap .main-slide-list-wrap .main-slide .swiper-pagination .swiper-pagination-bullet{width:14px; height:14px; background:#d9d9d9; opacity:1; margin:60px 11px 0;}
.main-slide-wrap .main-slide-list-wrap .main-slide .swiper-pagination .swiper-pagination-bullet-active{background:#000;}
.main-slide-wrap .main-slide-list-wrap .swiper-slide .main-slide-img {width:100%;/* padding-top:42%; padding-top:39.75%;*/background-size:contain;background-position:top center;background-repeat:no-repeat; cursor: pointer;}
.main-slide-wrap .main-slide-list-wrap .swiper-slide .main-slide-img img {width: 100%;}
.main-slide-wrap .main-slide .pagination-wrap {display:none;}
.main-slide-wrap .main-slide:hover .pagination-wrap {display:block;}
.main-slide-wrap .main-slide .pagination-wrap .swiper-button-next.swiper-button-disabled, .main-slide-wrap .main-slide .pagination-wrap .swiper-button-prev.swiper-button-disabled {opacity:unset; cursor:pointer; pointer-events: auto;}
.main-slide-wrap .main-slide .pagination-wrap .swiper-button-next {height: calc(100% - 76px);background:url("/2023/vol32/images/main_slide/view_box.png");top:0;right:0;margin:0;}
.main-slide-wrap .main-slide .pagination-wrap .swiper-button-next::after {content:''; background-image: url("/2023/vol32/images/main_slide/main_right_arrow.png"); width: 100%; height: 100%; background-repeat: no-repeat; background-position: center;}
.main-slide-wrap .main-slide .pagination-wrap .swiper-button-prev {height: calc(100% - 76px);background:url("/2023/vol32/images/main_slide/view_box.png");top:0;left:0;margin:0;}
.main-slide-wrap .main-slide .pagination-wrap .swiper-button-prev::after {content:''; background-image: url("/2023/vol32/images/main_slide/main_right_arrow.png"); width: 100%; height: 100%; background-repeat: no-repeat; background-position: center;transform:rotateY(180deg);}
.main-slide-mo-wrap {display:none;}
/** content **/
#content {margin-bottom:0; overflow:hidden;}
/* focus_section */
#content .focus_section {padding-top:13px; display:grid; grid-template-columns: 24% 76%;}
#content .focus_section .pagination-wrap-pc {position: relative; margin-top: 34px; height:20px; width:100%;display: flex; justify-content: end;user-select: none;}
#content .focus_section .pagination-wrap-pc .swiper-button-next:after, #content .focus_section .pagination-wrap-pc .swiper-button-prev:after {content:'';}
#content .focus_section .pagination-wrap-pc .swiper-button-next, #content .focus_section .pagination-wrap-pc .swiper-button-prev{margin:0; position:relative;top:unset;left:unset;right: unset;height: auto;width:auto;}
#content .focus_section .pagination-wrap-pc .swiper-button-next {margin-left:41px;}
#content .focus_section .text_layer {padding:0 16.5%;}
#content .focus_section .text_layer .focus_topic {padding-top:73px; margin-bottom:53px; font-family: "SUIT Variable";font-size: 50px; font-weight: 900; color:#000;}
#content .focus_section .text_layer .focus_comment img {width: 100%;}
#content .focus_section .slide_layer {overflow: hidden;}
#content .focus_section .slide_layer .focus_wrap_pc {display:block;}
#content .focus_section .slide_layer .focus_wrap_mo {display:none;}
#content .focus_section .slide_layer .image_layer {position: relative;}
#content .focus_section .slide_layer .image_layer img {width: 100%;}
#content .focus_section .slide_layer .image_layer .background {display:none;width:100%;height:100%;position:absolute;top:0;left:0;background: #000; /*mix-blend-mode: multiply*/;justify-content: center;align-items: center; opacity:0.7;}
#content .focus_section .slide_layer .image_layer .background .background_text {font-family:"JejuMyeongjo";font-weight:400;font-size:30px;line-height:38px;text-align:center;color:#fff;user-select: none;}
#content .focus_section .slide_layer .image_layer:hover .background {display:flex;}
#content .focus_section .slide_layer .comment_layer * {color: #000; user-select: none;}
#content .focus_section .slide_layer .comment_layer .sub_topic {margin:20px auto 14px; font-family:"NanumMyeongjo";font-weight: 600; font-size: 30px; line-height: 37px;}
#content .focus_section .slide_layer .comment_layer .sub_comment {font-family: "JejuMyeongjo"; font-weight: 400; font-size: 25px; line-height: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
/* inside_section */
#content .inside_section {margin:99px auto 61px; padding:54px 17.2% 135px;width:100%; background:#F5F5F7;}
#content .inside_section .inside_topic {text-align: center; margin-bottom:58px; font-family: "SUIT Variable";font-size: 50px;font-weight: 900; color: #000;}
#content .inside_section .inside_content {display:grid; grid-template-columns: 62% 35%; grid-column-gap: 3%;}
/*#content .inside_section .inside_content .inside_video{position:relative;padding-bottom: 56.25%;}
#content .inside_section .inside_content .inside_video iframe{position:absolute;width:100%;height:100%;top:0;left:0;}*/
#content .inside_section .inside_content .inside_video video {width: 100%;}
#content .inside_section .inside_content .inside_image img {width:100%;}
/*#content .inside_section .inside_content .inside_image .inside_image_pc {display:inline-block;}
#content .inside_section .inside_content .inside_image .inside_image_mo {display:none;}*/
#content .inside_section .inside_content .sub_topic, #content .inside_section .inside_content .sub_title {font-family: "JejuMyeongjo"; line-height: 37px; display:inline-block; color:#000;}
#content .inside_section .inside_content .sub_topic {font-size:26px; font-weight: 600;}
#content .inside_section .inside_content .sub_title {font-size:23px; font-weight: 400;}
#content .inside_section .inside_content .play_kamco_content, #content .inside_section .inside_content .kamco_mate_content {margin-top:15px;white-space: nowrap;overflow: hidden; user-select:none;}
#content .inside_section .inside_content .play_kamco_content img, #content .inside_section .inside_content .kamco_mate_content img{margin: 5px 15px 0;}
/*#content .inside_section .inside_content .play_kamco_content img.pc, #content .inside_section .inside_content .kamco_mate_content img.pc{width: 100%;}*/
/* view_section */
#content .view_section {padding:0 17.2%; margin-bottom: 172px;}
#content .view_section .view_topic {text-align: center; margin-bottom: 61px; font-family: "SUIT Variable";font-size: 50px;font-weight: 900; color: #000;}
#content .view_section .view_content_pc{display:block;}
#content .view_section .view_content_mo{display:none;}
#content .view_section .view_content_pc .view_swap_image {display:grid; grid-template-columns: 78.2% 21.8%; background-repeat: no-repeat; background-size: cover; background-position: center; height:712px;}
#content .view_section .view_content_pc .view_swap_image.culture_museum{background-image:url(/2023/vol32/images/culture_museum.png);}
#content .view_section .view_content_pc .view_swap_image.now_pick{background-image:url(/2023/vol32/images/now_pick.png);}
#content .view_section .view_content_pc .view_swap_image.life_plus{background-image:url(/2023/vol32/images/life_plus.png);}
#content .view_section .view_content_pc .view_swap_image.together_esg{background-image:url(/2023/vol32/images/together_esg.png);}
#content .view_section .view_content_pc .view_swap_image .swap_text {padding:107px 17% 0; /*background-color: rgba(255, 255, 255, .8);*/ position:relative;}
#content .view_section .view_content_pc .view_swap_image .swap_text .float_content {position: absolute; top:105px; left:60px; width: 340px;}
#content .view_section .view_content_pc .view_swap_image .swap_text .swap_title {margin-bottom:25px;}
#content .view_section .view_content_pc .view_swap_image .swap_text>img {width: 100%;}
#content .view_section .view_content_pc .view_swap_image .swap_text .swap_subtitle, #content .view_section .view_content .view_swap_image .swap_text .swap_content {white-space: nowrap; color:#000;}
#content .view_section .view_content .view_swap_image .swap_text .swap_content {overflow: hidden;}
#content .view_section .view_content_pc .view_swap_image .swap_text .swap_subtitle {margin-top:21px;font-family: "JejuMyeongjo";font-weight: 400;font-size: 24px;line-height: 40px;}
#content .view_section .view_content_pc .view_swap_image .swap_text .swap_content {margin-top:34px; font-family: "JejuMyeongjo";font-weight: 400;font-size: 18px;line-height: 29.5px;}
#content .view_section .view_content_pc .view_swap_image .swap_text .swap_more {margin-top:58px;}
#content .view_section .view_content_pc .view_swap_image .swap_text .swap_more img {width: 43%;}
#content .view_section .view_content_pc .view_button {display: grid; grid-template-columns: 50% 50%;}
#content .view_section .view_content_pc .view_button div.view_selected .default {display: none;}
#content .view_section .view_content_pc .view_button div:not(.view_selected) .selected {display: none;}
#content .view_section .view_content_pc .view_button img {width:100%; border: 1px solid #babcbe; border-collapse: collapse;box-sizing: border-box;height: 100%; cursor: pointer;}
/* event_section */
#content .event_section {width: 100%;}
#content .event_section img {width: 100%; display: block;}
#content .event_section img.mo {display: none;}
#content .event_section a {width: 100%; display: block;}
#content .event_section a:first-child {margin-bottom:31px;}

/** footer **/
#footer {overflow: hidden; margin:0 auto 53px; position: relative; padding-bottom:35px; width:100%}
#footer .subscription {background: #f5f5f7; padding: 87px 4%; position: relative;}
/*#footer .subscription .subscription_message {width:26.8%;}*/
#footer .subscription .subscription_message img {zoom: 33%;}
#footer .subscription .subscription_input {margin-top:41px;}
#footer .subscription .subscription_input .frm_input {width:497px; height:54px; text-align: center; border:1px solid black; border-radius: unset; margin:0; font-family: "JejuMyeongjo"; font-weight: 400; font-size: 21px;box-sizing: border-box;}
#footer .subscription .subscription_input .frm_input::placeholder {color: rgba(0, 0, 0, .65); margin:0;}
#footer .subscription .subscription_input .frm_submit {background:#000; color:#fff; font-family: "JejuMyeongjo";font-weight: 400; font-size: 18px; text-align: center; width: 148px; height: 54px; vertical-align: top;}
#footer .subscription .bottom_sns{width: 233px; display: grid; grid-template-columns: 47px 47px 47px 47px; grid-column-gap: 15px; position: absolute; right:85px; bottom:87px;}
/*#footer .subscription .bottom_sns a {display: inline-block;}*/
#footer .subscription .bottom_sns a img {width: 100%;}
#footer .preview {margin-left: 27px; font-family: "JejuMyeongjo"; font-weight: 400; font-size: 18px; background:#000; color: #fff; width: 167px; height: 54px; display: inline-flex; align-items: center; justify-content: center; vertical-align: top;}
#footer .footer_bottom {margin:72px 4% 0; display: grid; grid-template-columns: 60% 40%;}
#footer .footer_bottom .bottom_menu {display: grid; grid-template-columns: auto auto auto; padding-right:30%;}
#footer .footer_bottom .bottom_menu .bottom_menu_title a{font-family:  "SUIT Variable", sans-serif; font-weight: 400; font-size: 25px; color: black;}
#footer .footer_bottom .bottom_menu .bottom_menu_sub {margin-top:16px;}
#footer .footer_bottom .bottom_menu .bottom_menu_sub .bottom_menu_list {padding: 14px 0;}
#footer .footer_bottom .bottom_menu .bottom_menu_sub .bottom_menu_list a {font-family:  "SUIT Variable", sans-serif; font-weight: 300; font-size: 25px;}
#footer .footer_bottom .bottom_info .bottom_info_list {margin-bottom: 38px;}
#footer .footer_bottom .bottom_info .bottom_info_list img {max-width:100%;}
#footer .footer_logo {position: absolute; right: 4%; bottom: 18px;}
#footer .footer_bottom .bottom_info_sub {display: none;}

/*** main_page ***/

#main_container.container_1 {width: 100%; background: url(../images/main/main_bg01.png); padding: 1390px 77px 0px 77px; background-repeat: no-repeat; background-position: top center; background-size: contain;}

#main_container.container_1 .focus{ display: flex; justify-content: space-between; align-items: flex-end;}
#main_container.container_1 .thumbnail{ border-top: 15px solid black; margin-top: 15px; }
#main_container.container_1 .thumbnail_list{ display: flex; }
#main_container.container_1 .thumbnail_list li{ width: 25%; cursor: pointer; background-color: black;}
#main_container.container_1 .thumbnail_list li img{ width: 100%; }
#main_container.container_1 .thumbnail_list li:hover img{ opacity: 0.5; }
#main_container.container_1 .thumbnail_active { width: 100%; } 
#main_container.container_1 .thumbnail_active a{ display: none; } 
#main_container.container_1 .thumbnail_active a img{ width: 100%; } 
#main_container.container_1 .thumbnail_active .active{ width: 100%; display: block; } 
#main_container.container_1 .thumbnail_info_list{ margin-top: 48px;} 
#main_container.container_1 .thumbnail_info_list li{ display: none;} 
#main_container.container_1 .thumbnail_info_list .active{ display: flex; justify-content: space-between; align-items: center; } 
#main_container.container_1 .thumbnail_info_list li a{ display: flex; gap: 80px; align-items: center; } 
#main_container.container_1 .inside{ display: flex; flex-flow: column; align-items: flex-start; margin-top: 170px;} 
#main_container.container_1 .info_label { margin-top: 48px; width: 100%; display: flex; justify-content: space-between; align-items: center; } 
#main_container.container_1 .info_label .title{ font-family: 'GangwonEduPower'; font-size: 45px; line-height: 30px; color: black; } 
#main_container.container_1 .info_label a{ display: flex; gap: 80px; align-items: center; } 
#main_container.container_1 .inside .inside_img_link{ width: 100%;} 
#main_container.container_1 .inside .inside_img{ margin-top: 15px; width: 100%;} 
#main_container.container_1 .mbti { border-top: 15px solid black; margin-top: 48px;} 
#main_container.container_1 .mbti img{ width: 100%;} 
#main_container.view{ background-image: url(../images/main/view_bg.png); padding: 170px 77px 312px 77px; background-repeat: no-repeat; background-position: bottom center; background-size: 100%;} 
#main_container.view .view_title{ display: flex; justify-content: space-between; align-items: flex-end; } 
#main_container.view .view_thumbnail{ border-top: 15px solid black; margin-top: 15px; } 
#main_container.view .view_thumbnail .view_thumbnail_active a{ width: 100%; display: none; } 
#main_container.view .view_thumbnail .view_thumbnail_active img{ width: 100%;} 
#main_container.view .view_thumbnail .view_thumbnail_active .active{ display: block; } 
#main_container.view .view_thumbnail .view_list li {border-top: 5px solid black; } 
#main_container.view .view_thumbnail .view_list li .pc_title{  font-family: 'GangwonEduPower'; color: black; font-size: 45px;} 
#main_container.view .view_thumbnail .view_list li .pc_title sup{  font-family: 'GangwonEduPower'; color: black; font-size: 45px; line-height: 0;} 
#main_container.view .view_thumbnail .view_list li { display: flex; align-items: center; justify-content: space-between; background: rgba(255, 255, 255, .92); padding: 45px 54px 45px 37px;} 
#main_container.view .view_thumbnail .view_list li:hover { background: rgba(255, 255, 255, 1); } 
#main_container.view .view_thumbnail .view_list li:nth-last-child(1) {border-bottom: 15px solid black;} 
#main_container.view .view_thumbnail .view_list li .title_label{ display: flex; align-items: center;} 
#main_container.view .view_thumbnail .view_list li .title{ width: 300px;} 
#bottom_banner a img{ width: 100%;} 

/*** sub_page ***/
/** header **/
.headerNav.vol32 {display: grid; grid-template-columns: 300px auto 300px; padding:71px 7% 50px; max-width: 1650px; margin:0 auto;}
/*.headerNav.vol32>div {text-align: center;}*/
.headerNav.vol32 .menu {text-align: left;}
.headerNav.vol32 .headLogo {text-align: center;}
.headerNav.vol32 .rightVol {text-align: right;}
.headerNav.vol32 .btn_menu img {max-width: 41px; cursor: pointer;}
.headerNav.vol32 .headLogo a {max-width:415px; display: inline-block;}
.headerNav.vol32 .headLogo img {width: 100%;}
.headerNav.vol32 .rightVol{align-self: end;}
.headerNav.vol32 .rightVol img {zoom:50%;}
.headerNav.vol32 .rightVol ul li{display: inline-block; margin-right:10px;}
/** container **/
#contentsWrap .strong {font-weight: 700;}
/* title */
#contentsWrap #title {padding:213px 0 0; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; height: 630px;}
#contentsWrap #title .path img {height: 30px;}
#contentsWrap #title .subject{font-family: "JejuMyeongjo";font-size: 45px !important; text-align: center; color: #fff; user-select: none; line-height: 60px;}
#contentsWrap #title .hr {width:144px; height:1px; margin:72px auto 42px; background:#fff;}
#contentsWrap #title .writer{font-family: "JejuMyeongjo"; font-size: 30px; color: #fff; margin-top:25px; line-height:30px;}
#contentsWrap #title.kamco_now {background-image: url("/2023/vol32/images/focus/kamco_now_title_bg.png"); padding-bottom: 77px;}
#contentsWrap #title.kamco_now .subject {margin-bottom:32px;}
#contentsWrap #title.zoomin_kamco {background-image: url("/2023/vol32/images/focus/zoomin_kamco_title_bg.png");}
#contentsWrap #title.kiumi_and {background-image: url("/2023/vol32/images/focus/kiumi_and_title_bg.png");}
#contentsWrap #title.kamco_dic {background-image: url("/2023/vol32/images/focus/kamco_dic_title_bg.png");}
#contentsWrap #title.play_kamco {background-image:url("/2023/vol32/images/inside/play_kamco_title_bg.png");}
#contentsWrap #title.kamco_mate {background-image: url("/2023/vol32/images/inside/kamco_mate_title_bg.png");}
#contentsWrap #title.now_pick {background-image: url("/2023/vol32/images/view/now_pick_title_bg.png");}
#contentsWrap #title.culture_museum {background-image: url("/2023/vol32/images/view/culture_museum_title_bg.png");}
#contentsWrap #title.life_plus {background-image:url("/2023/vol32/images/view/life_plus_title_bg.png");}
#contentsWrap #title.together_esg {background-image: url("/2023/vol32/images/view/together_esg_title_bg.png");}
#contentsWrap #title.event_with_u {background-image: url("/2023/vol32/images/event_with_u/event_with_u_title_bg.png");}

/* content */
#contentsWrap #content>img {display: block; max-width: 1000px; margin-right: auto; margin-left:auto;}
#contentsWrap #content .mo {display: none;}
#contentsWrap #content .text {font-size:17px; max-width: 1000px; font-family: "SUIT Variable", sans-serif; line-height: 34px; margin:0 auto; text-align: justify;}
#contentsWrap #content .move_btn {display: grid; grid-template-columns: 50% 50%; max-width: 1000px; margin: 0 auto 95px;}
#contentsWrap #content .move_btn a .hover {display: none;}
#contentsWrap #content .move_btn a:hover .non_hover{display: none;}
#contentsWrap #content .move_btn a:hover .hover{display: revert;}
#contentsWrap #content .move_btn img {width: 100%; height: auto;}
#contentsWrap #content .event_description {font-family: "SUIT Variable";font-size: 37px; max-width: 1000px; margin: 0 auto 100px; text-align: center;}
/* kamco_now */
#contentsWrap #content.kamco_now * {color: #000;}
#contentsWrap #content.kamco_now .block01 {text-align:center; padding:188px 0px 42px 0px; max-width: 1000px; margin: 0 auto;}
#contentsWrap #content.kamco_now .block01 .introduce {font-family: "JejuMyeongjo"; font-size: 17px;font-weight: 400; margin-bottom:40px; line-height: 33px;}
#contentsWrap #content.kamco_now .block01 .greeting {font-family:"JejuMyeongjo"; font-size: 20px; font-weight: 400; line-height: 41px;}
#contentsWrap #content.kamco_now .block01 .slide_layer{overflow: hidden}
#contentsWrap #content.kamco_now .block01 .slide_image {position: relative;}
#contentsWrap #content.kamco_now .slide_image .slide_layer .arrow_layer>div {width:80px;}
#contentsWrap #content.kamco_now .slide_image .slide_layer .arrow_layer .swiper-button-prev {left:-180px;}
#contentsWrap #content.kamco_now .slide_image .slide_layer .arrow_layer .swiper-button-next {right:-180px;}
#contentsWrap #content.kamco_now .slide_image .slide_layer .arrow_layer>div:after{content:'';}
#contentsWrap #content.kamco_now .block02 .box { max-width: 1000px; width: 100%; margin: auto; background: #FFF5EB; border-radius: 13px; padding: 38px 36px;}
#contentsWrap #content.kamco_now .block02 .box p{font-family: "JejuMyeongjo"; font-size: 17px;font-weight: 400; line-height: 33px; margin-top: 20px;}
#contentsWrap #content.kamco_now .block02 .box .add_text{font-family: "JejuMyeongjo"; font-size: 15px;font-weight: 400; line-height: 20px; color: #6C6C6C; margin-top: 10px; margin-bottom: 20px;}

#contentsWrap #content.kamco_now>a {margin:0 auto; display: block;max-width: 1000px;}
#contentsWrap #content.kamco_now>a>img {width: 100%;}
#contentsWrap #content.kamco_now .block03 {max-width: 1000px; margin:84px auto 150px;}
#contentsWrap #content.kamco_now .block03 .box .box_title{font-family: "SUIT Variable"; font-size: 25px; line-height: 33px; font-weight: 600;}
#contentsWrap #content.kamco_now .block03 .box .box_content{display: flex; gap: 42px; margin-top: 20px;}
#contentsWrap #content.kamco_now .block03 .box .box_content div{width: 50%;}
#contentsWrap #content.kamco_now .block03 .box .box_content div p{ font-family: "SUIT Variable"; font-size: 17px; line-height: 33px; font-weight: 400; text-align: justify; margin-bottom: 40px;}
#contentsWrap #content.kamco_now .block03 .box .box_content div p .title_num{ font-family: "SUIT Variable";font-weight: 700; color: #FF9431;}
#contentsWrap #content.kamco_now .block03 .box .box_content div p .title{ font-family: "SUIT Variable";
font-weight: 700;}
#contentsWrap #content.kamco_now .block03 .box .box_content div p .strong{ font-family: "SUIT Variable";
font-weight: 700;}
#contentsWrap #content.kamco_now .move_btn {margin-top:100px;}
#contentsWrap #content.kamco_now .full_width_img {max-width: unset; width: 100%; margin-top:0;}
/* zoomin_kamco */
#contentsWrap #content.zoomin_kamco * {color:#232323;}
#contentsWrap #content.zoomin_kamco>div {max-width:1000px; margin-left:auto; margin-right:auto;}
#contentsWrap #content.zoomin_kamco .block01 .title{display: flex; margin-top: 140px;}
#contentsWrap #content.zoomin_kamco .block01 .title .deco{border-bottom: 2px solid black; width: 100%;}
#contentsWrap #content.zoomin_kamco .block01 .title_img {width: 100%; display: flex;}
#contentsWrap #content.zoomin_kamco .block01 .title_img .space{width: 100%;}
#contentsWrap #content.zoomin_kamco .block02 {margin-top: 38px; margin-bottom:68px;}
#contentsWrap #content.zoomin_kamco .block02 img {width: 100%;}
#contentsWrap #content.zoomin_kamco .block02 .text{font-family: "JejuMyeongjo"; font-weight: 400; font-size: 17px; margin-top:28px;}
#contentsWrap #content.zoomin_kamco .block02 .text.strong{font-weight: 700;}
#contentsWrap #content.zoomin_kamco .block02 .box{ margin-top: 22px; display: grid; grid-template-columns: 52% 46%; grid-column-gap: 2%;}
#contentsWrap #content.zoomin_kamco .block02 .box .text{margin-top: 0px; line-height: 26px;}
#contentsWrap #content.zoomin_kamco .block03 {background-color: #F5F5F5; max-width: 100%; padding-top: 40px; padding-bottom: 60px;}
#contentsWrap #content.zoomin_kamco .block03 .container{max-width: 1000px; margin: auto;}
#contentsWrap #content.zoomin_kamco .block03 .title{display: flex; flex-flow: column; align-items: flex-end;}
#contentsWrap #content.zoomin_kamco .block03 .title .first_line{font-family: "Noto Sans KR"; font-size: 38px; font-weight: 700; line-height: 55px;}
#contentsWrap #content.zoomin_kamco .block03 .title .second_line{display: flex; gap: 20px; width: 100%;}
#contentsWrap #content.zoomin_kamco .block03 .title .second_line p{font-family: "Noto Sans KR"; font-size: 38px; font-weight: 500; line-height: 55px; white-space: nowrap;}
#contentsWrap #content.zoomin_kamco .block03 .title .deco{border-bottom: 2px solid black; width: 100%;}
#contentsWrap #content.zoomin_kamco .block03 .text {font-family: "JejuMyeongjo"; font-size: 17px; font-weight: 400; line-height: 26px; margin-top: 28px;}
#contentsWrap #content.zoomin_kamco .block03 .img {margin-top: 40px; margin-bottom: 12px;}
#contentsWrap #content.zoomin_kamco .block04 {margin-bottom:80px; margin-top: 80px;}
#contentsWrap #content.zoomin_kamco .block04 .title{ width: 100%; display: flex; flex-flow: column;}
#contentsWrap #content.zoomin_kamco .block04 .title .first_line{font-family: "Noto Sans KR"; font-size: 38px; font-weight: 700; line-height: 55px;}
#contentsWrap #content.zoomin_kamco .block04 .title .second_line{display: flex; gap: 20px; width: 100%;}
#contentsWrap #content.zoomin_kamco .block04 .title .second_line p{font-family: "Noto Sans KR"; font-size: 38px; font-weight: 500; line-height: 55px; white-space: nowrap;}
#contentsWrap #content.zoomin_kamco .block04 .title .second_line .deco{border-bottom: 2px solid black; width: 100%;}
#contentsWrap #content.zoomin_kamco .block04 .box{display: flex; gap: 20px;}
#contentsWrap #content.zoomin_kamco .block04 .text{font-family: "JejuMyeongjo"; font-size: 17px; font-weight: 400; line-height: 26px; margin-top: 28px;}
#contentsWrap #content.zoomin_kamco .block04 .end_img{ margin-top: 80px;}
#contentsWrap #content.zoomin_kamco .block16 {margin-bottom:95px;}
#contentsWrap #content.zoomin_kamco .block16 img {width: 100%;}

/* kiumi_and */
#contentsWrap #content.kiumi_and * {color:#000;}
#contentsWrap #content.kiumi_and .mo {display: none;}
#contentsWrap #content.kiumi_and img {width: 100%; display: block;}
#contentsWrap #content.kiumi_and>div {max-width: 1000px; margin-left:auto; margin-right:auto;}
#contentsWrap #content.kiumi_and .bg_gray {max-width: revert; background:#f5f5f7; padding-top:100px;}
#contentsWrap #content.kiumi_and .bg_gray>div {max-width: 1000px; margin-left:auto; margin-right:auto;}
#contentsWrap #content.kiumi_and .title{font-family: "SUIT Variable"; font-size: 35px; line-height: 43.5px; font-weight: 600; text-align: center;}
#contentsWrap #content.kiumi_and .title_sub{font-family: "SUIT Variable"; font-size: 35px; line-height: 43.5px; font-weight: 400; text-align: center;}
#contentsWrap #content.kiumi_and .info{font-family: "SUIT Variable"; font-size: 23px; line-height: 31px; font-weight: 400; text-align: center; margin-top:5px; border-bottom:1px solid #000;}
#contentsWrap #content.kiumi_and .wish_text {font-family: "SUIT Variable"; font-size: 38px; line-height: 38px; font-weight: 500; text-align: center; margin-top:70px;}
#contentsWrap #content.kiumi_and .wish_image {width: 80%; margin: auto;}
#contentsWrap #content.kiumi_and .fighting_image {margin-top:80px;}
#contentsWrap #content.kiumi_and .block_video {max-width: 1000px; margin:100px auto;}
#contentsWrap #content.kiumi_and .block_video video {width: 100%;}
#contentsWrap #content.kiumi_and .bg_gray .block01 {margin-top:120px; padding-bottom:100px;}
#contentsWrap #content.kiumi_and .bg_gray .block01 .text {font-family: "SUIT Variable"; font-size: 35px; line-height: 45px; font-weight: 400; text-align: center; margin-bottom:100px;}
#contentsWrap #content.kiumi_and .bg_gray .block01 .text .bold {font-family: "SUIT Variable"; font-weight: 600; font-size:35px; line-height: 45px;}
#contentsWrap #content.kiumi_and .block02 {margin-top:100px;}
#contentsWrap #content.kiumi_and .block02 .info{margin-top: 10px; margin-bottom:25px;}
#contentsWrap #content.kiumi_and .block03 {margin-top:200px;}
#contentsWrap #content.kiumi_and .block04 {margin:200px auto;}
#contentsWrap #content.kiumi_and .block05 {padding-bottom:70px; margin-bottom:100px;}
#contentsWrap #content.kiumi_and .block05 .text {text-align: center; font-family: "SUIT Variable"; font-size: 35px; line-height: 45px; font-weight: 700; margin-top:50px; margin-bottom: 70px;}

/* kamco_dic */
#contentsWrap #content.kamco_dic {margin-top:100px;}
#contentsWrap #content.kamco_dic img {margin-bottom:60px;}
#contentsWrap #content.kamco_dic .move_btn {margin-top:195px;}

/* play_kamco */
#contentsWrap #content.play_kamco .block_video {max-width: 1000px; margin:100px auto 200px;}
#contentsWrap #content.play_kamco .block_video img {width: 100%; margin-bottom: 43px;}
#contentsWrap #content.play_kamco .block_video video {width: 100%;}
#contentsWrap #content.play_kamco .content_block * {color:#000;}
#contentsWrap #content.play_kamco .content_block {display:grid; grid-template-columns: 41% 54%; grid-column-gap: 5%; margin:0 auto 75px; max-width: 1000px; align-items: center;}
#contentsWrap #content.play_kamco .content_block .image_layer img {width: 100%;}
#contentsWrap #content.play_kamco .content_block .text_layer .numbering {display: inline-block; font-family: "S-CoreDream-7ExtraBold"; font-size: 28px; line-height: 35px; font-weight: 700; color:#A8A8A8; vertical-align: top;}
#contentsWrap #content.play_kamco .content_block .text_layer .title {font-family: "S-CoreDream-7ExtraBold"; font-size: 28px; line-height: 35px; font-weight: 700; display: inline-block;}
#contentsWrap #content.play_kamco .content_block .text_layer .text_content {font-family: "AkayaKanadaka"; font-size: 17px; line-height: 31px; margin-top:16px;}
#contentsWrap #content.play_kamco .content_block .text_layer .tag {font-family: "Noto Sans"; font-size: 17px; line-height: 31px; color:#ea7f74;margin-top:22px; font-weight: 600;}
#contentsWrap #content.play_kamco .move_btn {margin-top:200px;}

/* kamco_mate */
#contentsWrap #content.kamco_mate .block01 {margin:100px auto 0; font-family: "SUIT Variable"; font-size: 26px; line-height: 42px; font-weight: 400; text-align: center; color: #000;}
#contentsWrap #content.kamco_mate .block02 {margin: 40px auto 0; font-family: "SUIT Variable"; font-size: 30px; line-height: 42px; font-weight: 700; text-align: center; color: #000;}
#contentsWrap #content.kamco_mate .block03 {max-width: 1000px; margin:120px auto 175px;}
#contentsWrap #content.kamco_mate .block03 img {width: 100%; display: block; margin-bottom: 75px;}

/* now_pick */
#contentsWrap #content.now_pick * {color:#000;}
#contentsWrap #content.now_pick .mo {display: none;}
#contentsWrap #content.now_pick img {width: 100%; display: block;}
#contentsWrap #content.now_pick .img {margin-top:30px;}
#contentsWrap #content.now_pick>div {max-width: 1000px; margin-left:auto; margin-right:auto;}
#contentsWrap #content.now_pick .bg_gray {max-width: revert; background:#f5f5f7; padding-top:63px; margin-top:70px; padding-bottom:100px;}
#contentsWrap #content.now_pick .bg_gray>div {max-width: 1000px; margin-left:auto; margin-right:auto;}
#contentsWrap #content.now_pick .title {font-family: "JejuMyeongjo"; padding-bottom: 10px; font-size: 40px; line-height: 40px; font-weight: 800; border-bottom: 1px solid black;}
#contentsWrap #content.now_pick .sub_title {font-family: "JejuMyeongjo"; font-size:22px; line-height: 32px; font-weight: 400; margin-top:15px;}
#contentsWrap #content.now_pick .text {font-family: "SUIT Variable"; font-size: 17px; line-height: 31px; font-weight: 400; text-align: justify;}
#contentsWrap #content.now_pick .stroke {font-family: "JejuMyeongjo"; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
#contentsWrap #content.now_pick .block01 {margin-top:150px;}
#contentsWrap #content.now_pick .block01 .grid_content {display: grid; grid-template-columns: 63% 35%; grid-column-gap: 2%; margin-top:50px; align-items: end;}
#contentsWrap #content.now_pick .block01>.text {margin-top:10px;}
#contentsWrap #content.now_pick .block02 {margin-top:70px;}
#contentsWrap #content.now_pick .block02 .text {margin-top:30px;}
#contentsWrap #content.now_pick .block02 .flex_content {display: flex; gap: 48px;}
#contentsWrap #content.now_pick .block02 .flex_content .left{ flex: 1;}
#contentsWrap #content.now_pick .block02 .flex_content .right{ flex: 1;}
#contentsWrap #content.now_pick .block03 .text {margin-top: 30px;}
#contentsWrap #content.now_pick .block03 .grid_content {display: grid; grid-template-columns: 50% 50%; align-items: end; margin-top: 70px;}
#contentsWrap #content.now_pick .block03 .grid_content .left {padding-right:10%; border-right:1px solid #000;}
#contentsWrap #content.now_pick .block03 .grid_content .left .img{margin-top: 10px;}
#contentsWrap #content.now_pick .block03 .grid_content .left .source {font-family: "SUIT Variable"; font-size: 17px; line-height: 43px; font-weight: 400; text-align: center; color:#8A8A8A;}
#contentsWrap #content.now_pick .block03 .grid_content .right .source {font-family: "SUIT Variable"; font-size: 17px; line-height: 43px; font-weight: 400; text-align: center; color:#8A8A8A;}
#contentsWrap #content.now_pick .block03 .grid_content .right {padding-left:10%; height: 100%; }
#contentsWrap #content.now_pick .block03 .grid_content .right .text { margin-top: 15px; margin-bottom: 15px;}
#contentsWrap #content.now_pick .block03 .grid_content .right .text_2 { margin-top: 45px;}
#contentsWrap #content.now_pick .block05 {margin: 85px auto;}

/* culture_museum */
#contentsWrap #content.culture_museum * {color:#000;}
#contentsWrap #content.culture_museum .block {width:100%;}
#contentsWrap #content.culture_museum .in_text { border-left: 2px solid black; padding: 0px 0px 0px 12px; }
#contentsWrap #content.culture_museum .in_text .text{ font-family: 'JejuMyeongjo'; font-size: 20px; line-height: 31px; font-weight: 400; }
#contentsWrap #content.culture_museum .in_box{ background-color: rgba(235, 235, 235, 0.5); border: 1px solid black; max-width: 1000px; width: 100%; padding: 36px 80px; }
#contentsWrap #content.culture_museum .in_box .text{ font-family: 'Nanum Myeongjo', serif; font-weight: 400; }
#contentsWrap #content.culture_museum .in_box .text .highlight{ font-family: 'Nanum Myeongjo', serif !important; font-weight: 800; }
#contentsWrap #content.culture_museum .highlight { font-family: "SUIT Variable", sans-serif !important; font-weight: 700;}
#contentsWrap #content.culture_museum .section_title_label {display: flex; gap: 14px; margin-bottom: 40px; align-items: flex-end; width: 94%; max-width: 1000px; margin-right: auto; margin-left: auto;}
#contentsWrap #content.culture_museum .second_section_title_label {margin-top: 83px;}
#contentsWrap #content.culture_museum .section_title { font-family: "SUIT Variable"; font-weight: 300; font-size: 50px; line-height: 0.8; display: flex; white-space: nowrap;}
#contentsWrap #content.culture_museum .section_title span{ font-family: "SUIT Variable"; font-weight: 500;}
#contentsWrap #content.culture_museum .section_title_deco {width: 100%; border-bottom: 2px solid black;}
#contentsWrap #content.culture_museum .second_image_block {display: grid; grid-template-columns: 51.2% 45.9%; max-width: 1000px; justify-content: space-between; align-items: flex-end; margin:0px auto 35px;}
#contentsWrap #content.culture_museum>img {width: 94%; max-width: 1000px; margin-right: auto; margin-left: auto;}
#contentsWrap #content.culture_museum .block>* {max-width: 1000px; margin:0 auto; display: block;}
#contentsWrap #content.culture_museum .block.block01 {padding:160px 0 60px;}
#contentsWrap #content.culture_museum .block.block01 img {margin-bottom:25px;}
#contentsWrap #content.culture_museum .block.block02 {padding:83px 0; background:#f5f5f7; margin-bottom:83px;}
#contentsWrap #content.culture_museum .block.block02 .image_block {display: grid; grid-template-columns: 70.8% 26%; max-width: 1000px; justify-content: space-between;align-items: flex-end; margin-bottom:35px;}
#contentsWrap #content.culture_museum .block.block02 .image_block>img {width:100%;}
#contentsWrap #content.culture_museum .block.block02 + img {margin-bottom:20px;}
#contentsWrap #content.culture_museum .writer_info {max-width: 1000px; margin:85px auto 90px;}
#contentsWrap #content.culture_museum .writer_info img {width: 100%;}
@media(min-width: 1024px) {
    #contentsWrap #content.culture_museum .content05 {margin:70px auto;}
}

/* life_plus */
#contentsWrap #content.life_plus * {color:#000;}
#contentsWrap #content.life_plus .text {font-family: 'JejuMyeongjo'; font-size: 25px; line-height: 45.5px; font-weight: 400;}
#contentsWrap #content.life_plus .add_comment {font-family: "SUIT Variable", sans-serif; color: #8A8A8A; font-size: 17px; line-height: 31px; font-weight: 400; text-align: center;}
#contentsWrap #content.life_plus>div {max-width: 1000px; margin-left:auto; margin-right:auto;}
#contentsWrap #content.life_plus>div.bg_sky {max-width: revert; width: 100%; background:#FFF2DE;}
#contentsWrap #content.life_plus>div.bg_sky>div {max-width: 1000px; margin-left:auto; margin-right:auto;}
#contentsWrap #content.life_plus img {width: 100%;}
#contentsWrap #content.life_plus .block01 {margin-top:173px;}
#contentsWrap #content.life_plus .block02 {margin-top:36px;}
#contentsWrap #content.life_plus .block02 .text {margin-top:34px;}
#contentsWrap #content.life_plus .block03 {margin-top:70px;}
#contentsWrap #content.life_plus .block03 .container{display: grid; grid-template-columns: 49.4% 49.4%; grid-column-gap: 1.2%;}
#contentsWrap #content.life_plus .block03 .container_2{display: grid; grid-template-columns: 47.7% 49.4%; grid-column-gap: 2.9%; margin-top: 34px;}
#contentsWrap #content.life_plus .block04 {margin-top:75px; display: grid; grid-template-columns: 47.7% 47.7%; grid-column-gap: 4.6%}
#contentsWrap #content.life_plus .block05 {margin-top:100px;}
#contentsWrap #content.life_plus .block_vr{height: 0; position: relative; padding:174.5px 0;}
#contentsWrap #content.life_plus .block_vr.top{height: 0; position: relative; padding:124.5px 0;}
#contentsWrap #content.life_plus .block_vr .vr {position: absolute; left: 50%; width: 2px; height: 257px; top:66%; background:#000;}
#contentsWrap #content.life_plus .block_vr.top .vr {top:-50%;}
#contentsWrap #content.life_plus .bg_sky {}
#contentsWrap #content.life_plus .bg_sky .block06 {padding-top:250px; max-width: 655px; margin:0 auto; }
#contentsWrap #content.life_plus .block07 {margin-top:173px;}
#contentsWrap #content.life_plus .block07 .recipe{border: 1px solid black; padding: 30px 58px; margin-top: 55px; background-color: #F0F0F0; }
#contentsWrap #content.life_plus .block07 .recipe .title{ text-align: center; font-family: "JejuMyeongjo"; font-size: 55px; font-weight: 400; margin-bottom: 20px;}
#contentsWrap #content.life_plus .block07 .recipe .content{ text-align: center; font-family: "JejuMyeongjo";
font-size: 25px; font-weight: 400; margin-top: 30px; line-height: 45px; }
#contentsWrap #content.life_plus div .title {text-align: center; font-family: "JejuMyeongjo"; font-size: 55px; line-height: 55px; color: #000;}
#contentsWrap #content.life_plus div .title .numbering {font-family: "SUIT Variable"; color: #A45858;}
#contentsWrap #content.life_plus .block08 {margin-top:173px; padding-bottom: 278px;}
#contentsWrap #content.life_plus .block08 .step{ margin-top:30px; margin-bottom: 80px;}
#contentsWrap #content.life_plus .block08 .step p{ text-align: center; font-family: "JejuMyeongjo";
  font-size: 25px; font-weight: 400; margin-top: 30px; line-height: 45px;}
#contentsWrap #content.life_plus .block09 {margin:0 auto; max-width: 1486px;}
#contentsWrap #content.life_plus .block10 {margin-top:182px;}
#contentsWrap #content.life_plus .block10 .recipe{border: 1px solid black; padding: 30px 58px; margin-top: 55px; background-color: #F0F0F0; }
#contentsWrap #content.life_plus .block10 .recipe .title{ text-align: center; font-family: "JejuMyeongjo"; font-size: 55px; font-weight: 400; margin-bottom: 20px;}
#contentsWrap #content.life_plus .block10 .recipe .content{ text-align: center; font-family: "JejuMyeongjo";
font-size: 25px; font-weight: 400; margin-top: 30px; line-height: 45px; }
#contentsWrap #content.life_plus .block11 {margin-top:150px;}
#contentsWrap #content.life_plus .block11 .after_text{ width: 100%; display: flex; gap: 24px; margin-top: 9px;}
#contentsWrap #content.life_plus .block11 .after_text p { text-align: left !important; margin: 0 !important;}
#contentsWrap #content.life_plus .block11 .plate{ width: 100%; display: flex; gap: 9px; margin-bottom: 9px;}
#contentsWrap #content.life_plus .block11 .plate img{ width: 50%; }
#contentsWrap #content.life_plus .block11 .step{ margin-top:30px; margin-bottom: 80px;}
#contentsWrap #content.life_plus .block11 .step p{ text-align: center; font-family: "JejuMyeongjo";
  font-size: 25px; font-weight: 400; margin-top: 30px; line-height: 45px;}
#contentsWrap #content.life_plus .block12{margin-top:125px;}
#contentsWrap #content.life_plus .block13{margin-top:125px; margin-bottom:100px;}
/* together_esg */
#contentsWrap #content.together_esg * {color: #000;}
#contentsWrap #content.together_esg>div {max-width: 1000px; margin-left:auto; margin-right:auto;}
#contentsWrap #content.together_esg img {width: 100%;}
#contentsWrap #content.together_esg .text {font-family: "SUIT Variable"; font-size: 17px; line-height: 31px; font-weight: 400; text-align: justify;}
#contentsWrap #content.together_esg .text sup{line-height: 0;}
#contentsWrap #content.together_esg .block01 {margin-top:90px;}
#contentsWrap #content.together_esg .block01 .title_img{ width: 90%; margin: auto;}
#contentsWrap #content.together_esg .block01 .main_img{ margin-top: 63px; margin-bottom: 47px;}
#contentsWrap #content.together_esg .block01 .box{ margin-top: 20px; margin-bottom: 25px;}
#contentsWrap #content.together_esg .block01 .text sup{font-family: "SUIT Variable"; font-weight: 400; font-size: 10px; }
#contentsWrap #content.together_esg .block02 {margin-top:56px;}
#contentsWrap #content.together_esg .block02 .contents {display: flex; flex-flow: column; align-items: center;}
#contentsWrap #content.together_esg .block02 .contents img{width: auto;}
#contentsWrap #content.together_esg .block02 .contents .contents_title{font-family: "SUIT Variable"; font-size: 35px; line-height: 31px; font-weight: 400; margin-top: 20px; margin-bottom: 30px;}
#contentsWrap #content.together_esg .block02 .contents .box{display: flex; gap: 32px;}
#contentsWrap #content.together_esg .block02 .contents .box .text .bold{font-family: "SUIT Variable"; font-weight: 700; }
#contentsWrap #content.together_esg .block02 .slide_layer{overflow: hidden}
#contentsWrap #content.together_esg .block02 .slide_image {position: relative;}
#contentsWrap #content.together_esg .slide_image .slide_layer .arrow_layer>div {width:80px;}
#contentsWrap #content.together_esg .slide_image .slide_layer .arrow_layer .swiper-button-prev {left:-180px;}
#contentsWrap #content.together_esg .slide_image .slide_layer .arrow_layer .swiper-button-next {right:-180px;}
#contentsWrap #content.together_esg .slide_image .slide_layer .arrow_layer>div:after{content:'';}
#contentsWrap #content.together_esg .block03 {margin-top:56px;}
#contentsWrap #content.together_esg .block03 .contents {display: flex; flex-flow: column; align-items: center;}
#contentsWrap #content.together_esg .block03 .contents img{width: auto;}
#contentsWrap #content.together_esg .block03 .contents .contents_title{font-family: "SUIT Variable"; font-size: 35px; line-height: 31px; font-weight: 400; margin-top: 20px; margin-bottom: 30px;}
#contentsWrap #content.together_esg .block03 .contents .box{display: flex; gap: 32px; margin-top: 28px;}
#contentsWrap #content.together_esg .block03 .contents .box .text_box{ display: flex; flex-flow: column; justify-content: space-between;}
#contentsWrap #content.together_esg .block03 .contents .box .point p{font-family: "SUIT Variable"; font-size: 17px; line-height: 31px; font-weight: 400; color: #8A8A8A; text-align: right;}
#contentsWrap #content.together_esg .block03 .contents .box .point .bottom_text{ margin-top: 10px; line-height: 25px;}
#contentsWrap #content.together_esg .block03 .contents .text .bold{font-family: "SUIT Variable"; font-weight: 700; }
#contentsWrap #content.together_esg .block03 .contents .box_2{display: flex; gap: 20px; margin-top: 28px; padding: 20px 26px; background-color: #F5F5F7;}
#contentsWrap #content.together_esg .block03 .contents .box_2 div{display: flex; flex-flow: column; align-items: center;}
#contentsWrap #content.together_esg .block03 .contents .box_2 div p{font-family: "SUIT Variable"; font-size: 17px; line-height: 31px; font-weight: 400; color: #8A8A8A;}
#contentsWrap #content.together_esg .block03 .contents .box_2 div .top_text{margin-top: 10px;}
#contentsWrap #content.together_esg .block03 .contents .box_2 div .bottom_text{margin-top: 10px; line-height: 25px; text-align: center;}

#contentsWrap #content.together_esg .block04 {margin-top:56px;}
#contentsWrap #content.together_esg .block04 .contents {display: flex; flex-flow: column; align-items: center;}
#contentsWrap #content.together_esg .block04 .contents img{width: auto;}
#contentsWrap #content.together_esg .block04 .contents .contents_title{font-family: "SUIT Variable"; font-size: 35px; line-height: 31px; font-weight: 400; margin-top: 20px; margin-bottom: 30px;}
#contentsWrap #content.together_esg .block04 .contents .box{display: flex; gap: 32px;}
#contentsWrap #content.together_esg .block04 .contents .box .img_box{position: relative;}
#contentsWrap #content.together_esg .block04 .contents .box .img_box .point{position: absolute; bottom: -75px; right: -198px;}
#contentsWrap #content.together_esg .block04 .contents .box .text_box{ display: flex; flex-flow: column; justify-content: space-between;}
#contentsWrap #content.together_esg .block04 .contents .text .bold{font-family: "SUIT Variable"; font-weight: 700; }

#contentsWrap #content.together_esg .block05 {margin-top:146px;}
#contentsWrap #content.together_esg .block05 .contents {display: flex; flex-flow: column; align-items: center;}
#contentsWrap #content.together_esg .block05 .contents img{width: auto;}
#contentsWrap #content.together_esg .block05 .contents .contents_title{font-family: "SUIT Variable"; font-size: 35px; line-height: 31px; font-weight: 400; margin-top:20px; margin-bottom: 30px;}
#contentsWrap #content.together_esg .block05 .contents .box{display: flex; gap: 32px; margin-bottom: 60px;}
#contentsWrap #content.together_esg .block05 .contents .box .left{ display: flex; flex-flow: column; justify-content: space-between; }
#contentsWrap #content.together_esg .block05 .contents .box .left .text{ text-align: right; margin-top: 20px;}
#contentsWrap #content.together_esg .block05 .contents .box div p{font-family: "SUIT Variable"; font-size: 17px; line-height: 31px; font-weight: 400; color: #8A8A8A; text-align: center;}
#contentsWrap #content.together_esg .block05 .contents .box div .top_text{margin-top: 10px;}
#contentsWrap #content.together_esg .block05 .contents .box div .bottom_text{margin-top: 0px; line-height: 25px; text-align: center;}
#contentsWrap #content.together_esg .block05 .contents .box .text_box{ display: flex; flex-flow: column; justify-content: space-between;}
#contentsWrap #content.together_esg .block05 .contents .text .bold{font-family: "SUIT Variable"; font-weight: 700; }


#contentsWrap #content.together_esg .block06 {margin-top:56px;}
#contentsWrap #content.together_esg .block06 .contents {display: flex; flex-flow: column; align-items: center;}
#contentsWrap #content.together_esg .block06 .contents img{width: auto;}
#contentsWrap #content.together_esg .block06 .contents .contents_title{font-family: "SUIT Variable"; font-size: 35px; line-height: 31px; font-weight: 400; margin-top:20px; margin-bottom: 30px;}
#contentsWrap #content.together_esg .block06 .contents .text{ margin-top: 20px; margin-bottom: 40px;}
#contentsWrap #content.together_esg .block06 .contents .text .bold{font-family: "SUIT Variable"; font-weight: 700; }


/* event_with_u */
#contentsWrap #content.event_with_u {margin-top:100px; text-align: center;}
#contentsWrap #content.event_with_u img {margin-bottom:55px;}
#contentsWrap #content.event_with_u .move_btn img {margin:0;}

/** footer **/
#contentsWrap + #footerWrap #footer {margin: 0 auto;}
#contentsWrap + #footerWrap .footer_bottom {display: revert; margin:60px auto;}
#contentsWrap + #footerWrap .footer_bottom .bottom_menu * {display: none;}
#contentsWrap + #footerWrap .footer_bottom .bottom_info {display: none;}
#contentsWrap + #footerWrap .footer_bottom .bottom_info_sub {display: grid; grid-template-columns: 200px 300px auto; align-items: center; width: 60%; margin-left:7%;}
/*#contentsWrap + #footerWrap .footer_bottom .bottom_info_sub .bottom_info_list {display: inline-block;}*/
#contentsWrap + #footerWrap .footer_bottom .bottom_info_sub .bottom_info_list img {height: 24px;}
#contentsWrap + #footerWrap .footer_bottom .bottom_info_sub .bottom_info_list img.logo {height: revert;}
/*#contentsWrap + #footerWrap .footer_bottom .bottom_info {white-space: nowrap;}
#contentsWrap + #footerWrap .footer_bottom .bottom_info .bottom_info_list:first-child {margin-right:3%;}
#contentsWrap + #footerWrap .footer_bottom .bottom_info .bottom_info_list {display: inline-block;}
#contentsWrap + #footerWrap .footer_bottom .bottom_info .bottom_info_list:last-child {display: none;}*/
#contentsWrap + #footerWrap .footer_logo {display: none;}





#header .util{position:absolute;right:0;top:12px;}
#header .util li{float:left;padding-left:3px;}
#header .lastWebzine dl{position:relative;z-index:101;}
#header .lastWebzine dt{padding:4px 10px 5px 10px;font-family:Dotum;color:#707070;border:1px solid #d8d8d8;background:#f8f8f8;cursor:pointer;}
#header .lastWebzine dt img{margin:4px 0 0 16px;}
#header .lastWebzine dd{display:none;position:absolute;left:0;top:24px;width:100%;padding:5px;border:1px solid #d8d8d8;background:#ffffff;box-sizing:border-box;z-index:100;}
#header .lastWebzine dd li{float:none;font-size:14px;line-height:22px;}



#header.vol29 .gnb li.on a,
#mHeader.vol29 .subMenu dt a {color:#085ea9 !important}



/* 메인 */
.main_wrap{overflow:hidden;padding:12px 0;}

.main_cont01{margin-bottom:12px;}
.main_cont02{float:left;width:60.810810810%;}
.main_cont03{float:right;width:37.162162162%;}
.main_type01{float:left;width:48.98648648648%;}
.main_cont05, .main_cont08, .main_cont10{float:right;}
.main_cont06, .main_box{clear:both;padding-top:12px;}



/* 서브페이지 */
.subPage #containerWrap{padding:12px 0;}
.subPage #content{padding-bottom:70px;}
.subPage #page_path{overflow:hidden;background:#4e7dd5;}
.subPage #page_path li{float:left;width:160px;height:46px;padding:17px 0 0 10px;font-family:Dotum;color:#fff;background:url('../images/common/path_arrow.jpg') no-repeat right top;}
.subPage #page_path li:first-child{width:182px;padding:16px 0 0 20px;}
.subPage #page_path li:first-child img{margin:-2px 9px 0 0;}
.subPage #page_path li a{color:#fff;opacity:0.7;}
.subPage #container{position:relative;padding:0 25px 100px 265px;margin-top:12px;background:#fff;}
.eventPage #container{padding-left:25px;}
.subPage #container #lnb{position:absolute;left:25px;top:31px;width:210px;}
.subPage #lnb dt{padding:0 0 17px 20px;border-bottom:3px solid #4e7dd5;}
.subPage #lnb dt h2{margin-top:1px;font-size:25px;color:#303030;}
.subPage #lnb li{padding:0 20px;border-bottom:1px solid #ccc;}
.subPage #lnb li a{font-size:14px;line-height:38px;color:#5a5a5a;}
.subPage #lnb li.on{background:url('../images/common/lnb_arrow.jpg') no-repeat 192px 13px;}
.subPage #lnb li.on a{font-weight:bold;color:#010101;}

.pageTitle{position:relative;height:94px;padding-top:46px;border-bottom:1px solid #ccc;}
.pageTitle h1{padding-left:35px;font-size:25px;color:#303030;background:url('../images/common/icon_title01.jpg') no-repeat 4px 5px;}
.pageTitle .btn{position:absolute;right:0;top:47px;}
.pageTitle .btn span{padding-left:3px;}
.sub_vi{margin-top:30px;text-align:center;}

.sub-tep {
  border-radius: 40px 0px 0px 0px;
  background-color: #f6fbfe;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 30px 30px 30px 30px;
  margin-bottom: 0px;
}
.tebBoxWrap {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  border-radius: 40px 0px 0px 0px;
  border-style: solid;
  border-width: 3px 3px 0px 3px;
  border-color: #e0e0e0;
}

.tep.originWrap {
  background-color: #ffffff;
  border-style: solid;
  border-width: 2px 0px 0px 0px;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-top: 70px;
  margin-bottom: 0px;
  padding: 0px 0px 0px 0px;
}
.tep.originWrap > p {
  font-weight: 300;
  font-size: 14px;
}
.tep.originWrap > p > span {
  font-size: 14px;
  text-align: left;
  font-weight: bold;
}
.tep > p {
  float: left;
  padding: 20px;
  letter-spacing: -0.3px;
  box-sizing: border-box;
  font-size: 1rem;
  text-align: justify;
  font-weight: 300;
  letter-spacing: -0.3px;
  max-width: 50%;
  font-weight: normal;
  line-height: 27px;
}
.w100 {
  max-width: 100% !important;
  width: 100% !important;
}
/* 레이어 팝업 */
.pop_layer{display:none;position:static;width:100%;min-width:320px;height:100%;}
.pop_layer_back{position:absolute;left:0;top:0;width:100%;min-width:320px;height:100%;background:#000;-ms-filter: alpha(opacity=70);filter: alpha(opacity=70);opacity:0.7;-moz-opacity:0.6;z-index:100;}
.pop_layer .popContent{width:100%;min-width:320px;position:absolute;left:0;top:273px;z-index:100;}
.pop_layer .popContainer{position:relative;width:88%;max-width:1000px;margin:0 auto;padding:20px;text-align:center;box-sizing:border-box;background:#f6f6f6;}
.pop_layer .popContainer .img img{width:100%;max-width:960px;}
.pop_layer .btn_close{position:absolute;right:-30px;top:-30px;}


@media (max-width:1100px){
	.vol10_sub0302 .qaMan p{padding-top:80Px;}
}

/* 2021 */

.pc_pd_t10 {padding-top:10px}
.pc_pd_t15 {padding-top:15px}
.pc_pd_t20 {padding-top:20px}
.pc_pd_t25 {padding-top:25px}
.pc_pd_t30 {padding-top:30px}

.pc_pd_l10 {padding-left:10px}
.pc_pd_l15 {padding-left:15px}
.pc_pd_l20 {padding-left:20px}
.pc_pd_l25 {padding-left:25px}
.pc_pd_l30 {padding-left:30px}

.pc-mg-t10 {margin-top:10px}
.pc-mg-t15 {margin-top:15px}
.pc-mg-t20 {margin-top:20px}
.pc-mg-t25 {margin-top:25px}
.pc-mg-t30 {margin-top:30px}


.slider {
	width: 100%;
	margin: 10px auto;
}

/* .slick-slide {
  margin: 0;
  height:240px
} */

.slick-slide.slick-current {
  margin-top: 0;
}

.slick-prev:before,
.slick-next:before {
  color: white;
}


.slick-slide {
  transition: all ease-in-out .3s;
}

.slick-active {

}

.slick-current {
  opacity: 1;
  height: 100% !important;
}

#containerWrap .focus-wrapper {position:relative;}
#containerWrap .focus-wrapper .slick-slide .slide-img {transform:scale(.92);transition:all .35s forwards;-webkit-transition:all .35s forwards;-moz-transition:all .35s forwards}
#containerWrap .focus-wrapper .slick-slide.slick-current .slide-img {transform:scale(1)}
#containerWrap .kamco-focus .slide-kamco {position:absolute;bottom:-50px;right:230px;z-index:1000}

/* 메인 비쥬얼 */
/* .mainImg {width:100%}
.mainImg .slick-slide {width:100%}
.mainImg span {display:block}
.mainImg .right-img {display:table-cell;text-align:right}
.mainImg .bg-img {width:100%;overflow:hidden;position:relative;min-height:auto;height:530px;transition: all 10s;background:url('/2021/vol27/images/main/main_bg.jpg') no-repeat bottom;background-size:cover;animation:animate 10s ease forwards;}
@keyframes animate {
	  from { background-size: 100%; }
	  to {  background-size: 120%; }
	}
.mainImg .main-text-wrap {position:relative;width:1196px;margin: 0 auto}
.mainImg .main-text {position:absolute;top:150px; left:20px;color:#fff;text-align:left}
.mainImg .main-text .first-text {;font-family:'S-CoreDream-9Black';font-size:50px;animation:ani 1 .8s 1s both}
.mainImg .main-text .second-text {font-family:'S-CoreDream-6Bold';font-size:30px;animation:ani 1 .8s 1.5s both}
.mainImg .main-text .last-text {font-family:'S-CoreDream-6Bold';font-size:30px;animation:ani 1 .8s 2.3s both}
@keyframes ani {
	0% {opacity:0;transform:translateY(10px)}
	100% {opacity:1;transform:translateY(0)}
}*/


/* float */
.pc-float-left {float:left}
.pc-float-right {float:right}


/* display */
.mo-disnone {display:block !important}
.pc-disnone {display:none !important}


/* 메인 */
.main_wrap img {width:100%}
.main_wrap a {display:inline-block}
.main_wrap .box01,.main_wrap .box02 {height:502px}
.main_wrap .box03 {height:356px}
.main_wrap .box04 {height:356px}

#content .main_wrap .mbox {display:none}


.main_wrap .box01 .cont01 {width:60%;}
.main_wrap .box01 .cont02 {width:38%}
.main_wrap .box02 .cont01 {width:44%}
.main_wrap .box02 .cont02 {width:54.58%}
.main_wrap .box03 .cont01,.main_wrap .box03 .cont02,.main_wrap .box03 .cont03 {width:32.3%}
.main_wrap .box03 .cont02 {margin-left:18px}
.main_wrap .box04 .cont01 {width:66%}
.main_wrap .box04 .cont02 {width:32.3%}

.main_wrap .title {font-size:30px;margin:55px 0 20px 0;color:#544c4c;letter-spacing:-.03rem}



.img figcaption {font-size:14px;background:#e6e6e6;padding:.5rem;line-height:1}

.title01 {text-align: center; color: #82c1d0; margin: 8% auto; font-size: 1.7rem;}



/* sub */
.tit-in3 {text-align: center;color: #0c133c;margin: 8% auto;font-size: 2.2rem;font-family: 'GongGothicMedium';letter-spacing: -.05rem;line-height:1.3}
.tit-in4 {text-align: center;color: #0c133c;margin: 8% auto;font-size: 1.6rem;font-family: 'NEXON Lv1 Gothic OTF';letter-spacing: -.05rem;line-height:1.5}



/* vol28 슬라이더 style */
.curious-m-box .swiper-button-next,
.together-m-box .swiper-button-next,
.curious-m-box .swiper-button-prev,
.together-m-box .swiper-button-prev {display:none}
.curious-m-box .swiper-pagination-bullet,
.together-m-box .swiper-pagination-bullet {background:#d3d3d3;opacity:1}
.curious-m-box .swiper-pagination-bullet-active,
.together-m-box .swiper-pagination-bullet-active {background:#636363}

/* vol28 메뉴바 */
.vol28 #m_menu .subMenu dl dt.on a {color:#945c38}

.sub-footer .bottom-txt > div:nth-of-type(1) {width:20%}



























/*@font-face {
  font-family: "Noto Sans Korean", sans-serif;
  src: url("../font/noto-sans-kr-v12-latin-regular.eot"),
    url("../font/noto-sans-kr-v12-latin-regular.woff") format("woff");
}*/

* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  border: none;
  font-family: "Noto Sans Korean", sans-serif;
}

.topDrop {
  position: fixed;
  top: 60px;
  z-index: 1000;
  background-color: rgb(255, 255, 255);
  max-width: 3000px;
  width: 100%;
}
.primary-menu {
  text-align: center;
  padding-left: 0px;
  margin: 0px auto;
}
/*pc와 모바일에서 드랍메뉴 바에 해당하는 영역 */
.menu-item.menu-item-type-custom {
  display: inline-block;
  margin: 30px 20px 150px 15px;
  vertical-align: top;
}
.floatR {
  width: 90%;
  float: none;
}
.menu-item.menu-item-type-custom a {
  color: rgb(0, 81, 131);
  font-size: 23px;
}
.menu-item.menu-item-type-custom .sub-menu li {
  line-height: 40px;
}
.menu-item.menu-item-type-custom .sub-menu a {
  font-size: 17px;
  color: rgb(51, 51, 51);
}

.content {
  overflow: hidden;
}
.viewBox img {
  max-width: 100%;
}



.content > .tebBox {
  margin: auto;
  max-width: 940px;
}
.content > .tebBox > div {
  max-width: 100%;
}
.tep {
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 50px;
  background-color: #fff;
}
.tep > p {
  float: left;
  padding: 30px;
  letter-spacing: -0.3px;
  box-sizing: border-box;
  line-height: 1.8em;
  text-align: justify;
  font-weight: 300;
  letter-spacing: -0.3px;
  max-width: 50%;
}
.tep > p.tit {
  font-weight: bold;
  margin: 30px 0 30px 30px;
  font-size: 26px;
  color: #131e9e;
  border-left: 4px solid #131e9e;
  box-sizing: border-box;
  padding: 0 0 0 20px;
}
/* 설명 텍스트 부분 */
.tep > span {
  float: left;
  padding: 30px;
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 2.3em;
  width: 50%;
}
.tep > span:nth-of-type(2) {
  width: 100%;
}
.tep > img {
  max-width: 100%;
}
.tep > div {
  float: left;
  padding: 30px 30px 20px 30px;
  box-sizing: border-box;
  width: 40%;
}
.tep > div > img {
  float: left;
  padding: 30px;
  box-sizing: border-box;
  width: 50%;
}
.tep > div:nth-of-type(2) {
  width: 60%;
}
.tep > .bxsliderBox {
  padding: 30px;
  box-sizing: border-box;
  width: 100%;
}
.tep > div > .bx-wrapper {
  float: left;
  max-width: 45% !important;
}
.tep > div > .bx-wrapper li {
  width: 396px !important;
}
.tep > div > div.img_bgc {
  line-height: 1.8em;
  height: auto;
  background-color: #6ec1e4;
}
.tep > div > div {
  float: right;
  width: 50%;
}
.tep > div > div > span {
  font-family: serif;
  font-size: 30px;
  color: #000;
  letter-spacing: -1px;
  line-height: 45px;
}
.tep > div > div > p {
  font-weight: normal;
  line-height: 27px;
}
.tep > div > div > p:last-of-type {
  padding: 10px;
  background-color: #f8f8f8;
}
.tep > div > div > p > span {
  margin-right: 5px;
  font-weight: bold;
}
.tep > div > div > img {
  vertical-align: text-top;
  max-width: 100%;
}
.bg {
  background-color: transparent;
  border-bottom: 2px solid #6ec1e4;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 20px 20px 20px 20px;
}
.p30 {
  padding: 30px;
  box-sizing: border-box;
}
.fs {
  font-size: 1.5rem;
}
.bg > div {
  padding: 0;
}
.border {
  border: 1px solid #333;
}
.border > p {
  font-size: 19px;
}
.border > p > span {
  display: block;
  font-weight: bold;
  color: #0097dc;
}

.w100 {
  max-width: 100% !important;
  width: 100% !important;
}
.w70 {
  max-width: 70% !important;
  width: 70% !important;
}
.floatL {
  float: left !important;
  padding: 10px;
  box-sizing: border-box;
  width: 30% !important;
}
.floatR {
  margin-bottom: 50px;
  border-top: 2px solid #333;
  width: 100%;
}
.floatR > p {
  font-size: 14px;
  padding: 10px;
  letter-spacing: -0.3px;
  text-align: justify;
  max-width: 100%;
}
.floatR > p > span {
  font-weight: bold;
}

.livechat {
  padding: 10px;
  background-color: #fff;
}
.livechat > img {
  width: 100%;
}
.livechat > p:nth-of-type(2n-1) {
  background-color: #f6f0f0;
}
.livechat > p {
  font-size: 1rem;
  line-height: 28px;
  color: #333;
  letter-spacing: -0.3px;
  padding: 20px;
}
.livechat > p > span {
  border-bottom: 1px solid #333;
  font-weight: bold;
}

.finish {
  margin: 50px auto;
  padding: 30px;
  overflow: hidden;
  border: 3px solid #3abf6d;
  box-sizing: border-box;
  max-width: 940px;
  background-color: #ecf3ed;
}
.finish > div {
  margin: auto;
  overflow: hidden;
  max-width: 1140px;
}
.finish > div > p {
  float: left;
  line-height: 30px;
  text-align: justify;
  letter-spacing: -0.3px;
  min-height: 1px;
  width: 50%;
}
.finish > div > p > span {
  display: block;
  border-left: 2px solid #335034;
  padding-left: 20px;
  font-style: italic;
  font-size: 1.1rem;
  font-weight: bold;
  color: #335034;
}
.finish > div > div {
  float: right;
  width: 50%;
}
.finish > div > div > img {
  margin-left: 20px;
  padding: 10px;
  max-width: 100%;
}


footer {
  height: 46px;
  position: relative;
  padding: 45px 50px 65px;
  background: rgb(235, 235, 235);
}
footer .leftWrap {
  float: left;
}
footer .leftWrap .ftLogo {
  float: left;
}
footer .leftWrap address {
  float: left;
  font-size: 12px;
  font-style: normal;
  color: rgb(155, 156, 158);
  margin-left: 20px;
  margin-top: 17px;
  font-family: "Noto Sans Korean", sans-serif;
}
footer .rightWrap {
  float: right;
}
footer select {
  margin-top: 5px;
  width: 300px;
  height: 30px;
}

.wrapper {
  background-color: #f8f8f8;
}
.subWrap {
  max-width: 940px;
  margin: 0 auto;
  padding: 0 16px;
}
.bx-wrapper .bx-controls-direction a {
  top: 55%;
  right: 2%;
}

.bx-wrapper .bx-controls-direction a.bx-prev {
  left: 2%;
}
/* 내가 만진 코딩 */
.tep .tit {
  font-size: 1.3em;
  color: #666;
  font-family: "Jeju Myeongjo", serif;
}
.tep .bold {
  font-weight: 600;
  font-family: "Jeju Myeongjo", serif;
}
.sliderbox > img {
  width: 100%;
}
.mtep {
  display: none;
}

/* 모바일 버전 숨기기(mob)가 붙여진 부분 디스플레이 논 해놓기 */
.mob_nav_links {
  display: none;
}
.mob_footer {
  display: none;
}
.content .mviewBox img {
  display: none;
  max-width: 100%;
}
.sliderbox {
  display: none;
}

.reple {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}

/* 반응형 모바일 시작 부분   */
@media all and (max-width: 640px) {
  /*    SNS 아이콘들 감추기 */
  .headerNav .rightVol {
    display: none;
  }
  /*    기사 목록보기 메뉴 감추기 */
  .headerNav .menu .menuWord {
    display: none;
  }
  /*    캠코 로고 위치 고정시키기*/

  /*    푸터 부분 이전 페이지 다음 페이지 모바일 사이즈로 맞추기
  .nav_links {
    display: none;
  }
  .mob_nav_links {
    display: block;
    width: 100%;
    height: 110px;
  }
  .mob_nav_links a {
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 50px;
    color: #666;
  }*/
  /*    모바일 버젼 푸터 아이콘들 */
  footer {
    padding-top: 20px;
  }
  .mob_footer {
    display: block;
    /*        border-bottom: 1px solid #ccc;*/
  }
  .mob_footer ul li a {
    float: right;
    width: 40px;
    height: 40px;
  }
  .mob_footer ul .home {
    position: absolute;
    top: 15px;
    right: 10px;
  }
  .mob_footer ul .sns {
  }
  /*    모바일용 메인베너 나오는 곳 */
  .content .viewBox img {
    display: none;
    max-width: 100%;
  }
  .content .mviewBox img {
    display: block;
    max-width: 100%;
  }
  /*    컨텐츠 내용의 (슬라이드) 모바일 버젼*/
  .tep {
    display: none;
  }
  
  .tep.originWrap {display:block !important}
  .content.sub03-4 .tep.originWrap {padding:30px 0 10px}
  .sliderbox {
    display: block;
  }
  .sliderbox .bxsliderBox .slider_2 img {
    width: 95%;
    display: block;
    margin: 0 auto;
  }
  .sliderbox .text {
    margin-top: 15%;
  }
  .sliderbox .mtit {
    font-size: 16px;
    color: #666;
    font-family: "Jeju Myeongjo", serif;
    margin-left: 20px;
    letter-spacing: -0.3px;
  }
  .sliderbox .mbold {
    font-weight: 600;
    font-family: "Jeju Myeongjo", serif;
    font-size: 26px;
    line-height: 47px;
    margin-left: 20px;
  }
  .sliderbox .mobile {
    width: 90%;
    margin: -30px auto;
    line-height: 1.8em;
    letter-spacing: -1px;
  }
  .sliderbox span {
    margin-right: 5px;
    font-weight: bold;
  }
  .sliderbox p:last-of-type {
    background-color: #f8f8f8;
    margin: 20px;
    color: #000;
  }

  .mtep {
    display: block;
  }
  .floatR {
    width: 90%;
    float: none;
    line-height: 25px;
  }
  .floatR .w100 {
    margin: 0 auto;
    background: #fff;
    padding: 3%;
  }
}