@charset "utf-8";




#wrap{background:#FEF5EC;}
.section > .layout{
	position: absolute; bottom: 50%; left: 50%; width: 100%;
	transform: translate(-50%,50%); -webkit-transform: translate(-50%,50%);
}

.section .layout .title .t_txt{position:relative; display: block; padding-left: 2.6em; font-size: 0.9375em; color: #222E3C; letter-spacing: -0.03em; box-sizing: border-box;}
.section .layout .title .t_txt:before{content: ""; position: absolute; top: -0.4em; left: 0; display: block; width: 2.07em; height: 2.07em; background: url(../../../images/site/kor/main/section_ttxt.svg) no-repeat center center; background-size: contain;}
.section .layout .title strong{display: block; margin-top: 0.3em; font-size: 2.8125em; font-weight: 500; line-height: 1.35; color: #222E3C; letter-spacing: -0.03em;}

@media screen and (max-width: 1200px){
    .section .layout .title strong{font-size:2.4em;}
}
@media screen and (max-width: 1024px){
    .section .layout{font-size: 1em;}
	.section{padding: 2.94em 0 2.34em; box-sizing:border-box;}
	.section > .layout{
		position: relative; bottom: auto; left: auto; width: 100%; overflow: hidden;
		transform: translate(0,0); -webkit-transform: translate(0,0);
	}
    .section .layout .title .t_txt{display: none;}
    .section .layout .title strong{margin-top: 0; font-size: 1.6em;}
}
@media screen and (max-height:850px) and (min-width: 1024px){
    #section2 .layout{/* padding-top: 250px;  padding-bottom: 3em;*/ box-sizing: border-box;}
    #section3 .layout{/* padding-top: 250px;  padding-bottom: 3em; */box-sizing: border-box;}
    #section4 .layout{ padding-bottom: 3em; box-sizing: border-box;}
    /*#section5 .layout{margin-top: 4em; box-sizing: border-box;}*/
}




/* //////////////////////////////////////////////////////////////////////////////

	section1

////////////////////////////////////////////////////////////////////////////// */
#section1{position: relative; height: 100%;}
#section1 .js_slide.sec1_vis{height: 100%; background: url(../../../images/site/kor/main/section1_bg.jpg) no-repeat center center; background-size: cover;}
#section1 .js_slide.sec1_vis .move ul li{position:absolute; opacity: 1; display: none; z-index: 9; left: 100%; width: 100%; overflow: hidden; box-sizing: border-box;}
#section1 .js_slide.sec1_vis .move ul li:first-child{opacity: 1; display: block; z-index: 10; left: 0;}
#section1 .js_slide.sec1_vis .move ul li > img{
    position: absolute; top: calc(-5.1875em - 10%); right: 73%; display: block; height:113%;
    transform: translateX(50%); -webkit-transform: translateX(50%);
}
/*#section1 .js_slide.sec1_vis .move ul li:before{
	content: ""; position: absolute; top:0; left: 28%; display: block; width:2118px; height:100%; background-repeat: no-repeat; background-position:left calc(50% - 2.55em); background-size:auto 113%; background-position:top -13em center;
    transform: translateX(-50%); -webkit-transform: translateX(-50%);
}*/
/*#section1 .js_slide.sec1_vis .move ul li:nth-child(1):before{background-image: url(../../../images/site/kor/main/section1_vis01a.png);}
#section1 .js_slide.sec1_vis .move ul li:nth-child(2):before{width:2118px; background-image: url(../../../images/site/kor/main/section1_vis02.png);
}
#section1 .js_slide.sec1_vis .move ul li:nth-child(3):before{background-image: url(../../../images/site/kor/main/section1_vis03a.png);}*/
#section1 .js_slide.sec1_vis .move ul li .txt_wrap{
	position: absolute; top: calc(50% - 2.55em); left: 50%; z-index: 1; width: 100%;max-width: calc(1440px + 4em); padding: 0 2em; box-sizing: border-box;
	transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
}
#section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt{padding-left: 50%; padding-right: 1em; box-sizing:border-box;}
#section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt .t_txt{position:relative; display: block; padding-left: 2.6em; font-size: 0.9375em; color: #222E3C; letter-spacing: -0.03em; box-sizing: border-box;}
#section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt .t_txt:before{content: ""; position: absolute; top: -0.4em; left: 0; display: block; width: 2.07em; height: 2.07em; background: url(../../../images/site/kor/main/section_ttxt.svg) no-repeat center center; background-size: contain;}
#section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt .titles{display: block; margin-top: 0.4em; font-size: 3.125em; font-weight: bold; font-family:'Nanum Myeongjo'; line-height: 1.35; color: #222E3C; letter-spacing: -0.04em; font-weight: 600;}
#section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt .titles span{display: block;}
#section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt > p{max-width: 31em; margin-top: 0.8em; font-size: 1.1875em; color: rgba(34,46,60,0.8); letter-spacing: -0.05em; line-height: 1.65;}
#section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt .more_btn{
	display: inline-block; width: auto; height: auto; margin-top: 2.4em; padding: 0.883em 3em; font-size: 1.0625em; font-weight: 300; border: none; background-color: #222E3C; color: #fff; letter-spacing: -0.03em; cursor: pointer; text-decoration: none;
	border-radius: 2em; -webkit-border-radius: 2em;
    transition: background-color 0.3s ease, color 0.3s ease; -webkit-transition: background-color 0.3s ease, color 0.3s ease;
}
#section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt .more_btn:hover,
#section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt .more_btn:active{background-color: #fff; color: #222E3C; font-weight: 400;}
#section1 .js_slide.sec1_vis .control{position:static; z-index:1; width:auto; height: auto;}
#section1 .js_slide.sec1_vis .control a[class*="btn_"]{border: none;}
#section1 .js_slide.sec1_vis .control a.btn_left,
#section1 .js_slide.sec1_vis .control a.btn_right{
    top: calc(50% - 2.55em); left: 50%; width: 1.875em; height: 3.75em; margin-left: calc(-720px - 3.75em); background: url(../../../images/site/kor/main/section1_ico1.svg) no-repeat center center;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
    transition: background-image 0.3s ease; -webkit-transition: background-image 0.3s ease;
}
#section1 .js_slide.sec1_vis .control a.btn_left:hover,
#section1 .js_slide.sec1_vis .control a.btn_left:active{background-image: url(../../../images/site/kor/main/section1_ico9.svg);}
#section1 .js_slide.sec1_vis .control a.btn_left span,
#section1 .js_slide.sec1_vis .control a.btn_right span{top: auto; width: 100%; height: 100%; margin-top: 0; background: none;}
#section1 .js_slide.sec1_vis .control a.btn_right{left: auto; right: 50%; margin-left: 0; margin-right: calc(-720px - 3.75em); background-image: url(../../../images/site/kor/main/section1_ico1r.svg);}
#section1 .js_slide.sec1_vis .control a.btn_right:hover,
#section1 .js_slide.sec1_vis .control a.btn_right:active{background-image: url(../../../images/site/kor/main/section1_ico9r.svg);}
#section1 .js_slide.sec1_vis .control a.btn_play,
#section1 .js_slide.sec1_vis .control a.btn_stop{right: auto; left: calc(50% + 3.8em);  bottom: 7.28em; width: 1.3125em; height: 1.3125em; background: url(../../../images/site/kor/main/section1_ico7.svg) no-repeat center center;}
#section1 .js_slide.sec1_vis .control a.btn_stop{background-image: url(../../../images/site/kor/main/section1_ico2.svg)}
#section1 .js_slide.sec1_vis .control ul{
    width: auto; bottom: 7.5625em; left: 50%; 
    transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
#section1 .js_slide.sec1_vis .control ul li{float:left; margin: 0 0 0 1em; }
#section1 .js_slide.sec1_vis .control ul li:first-child{margin-left: 0;}
#section1 .js_slide.sec1_vis .control ul li a{
	width: 0.75em; height: 0.75em; background-color: transparent; border: 1px solid #222E3C; box-sizing:border-box;
	border-radius: 50%; -webkit-border-radius: 50%;
}
#section1 .js_slide.sec1_vis .control ul li a.on{width: 0.75em; background-color: #222E3C;}

#section1 .cal_box{position: absolute; bottom: 0; left: 0; overflow: hidden; display: block; width: 100%; height: 5.1875em; background-color: #ebebdf;}
#section1 .cal_box .cal_wrap{position: relative; max-width: calc(1440px + 4em); margin: 0 auto; padding: 1.4688em 2em; box-sizing: border-box;}
#section1 .cal_box .cal_wrap:after{content: ""; display: block; clear: both;}
#section1 .cal_box .cal_wrap > strong{
    position: absolute; top: 50%; left: 0; z-index: 1; display: inline-block; padding-left: 1.4em; font-size: 1.4375em; font-weight: 700; letter-spacing: -0.06em; color: #436049; box-sizing: border-box;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
#section1 .cal_box .cal_wrap > strong:before{
	content: ""; position: absolute; top: 50%; left: 0; display: block; width: 1.218em; height: 1.218em; background: url(../../../images/site/kor/main/section1_ico3.svg) no-repeat center center; background-size: contain;
	transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
#section1 .cal_box .cal_wrap > .cal_btn{
    position: absolute; top: 50%; right: 0; display: inline-block; padding: 0.65em 1.9em 0.65em 1.4em; background-color: #46644C; font-size: 0.875em; letter-spacing: -0.06em; color: #fff; text-decoration: none; border: 1px solid #46644C; box-sizing: border-box;
	transform: translateY(-50%); -webkit-transform: translateY(-50%);
	transition: background-color 0.2s ease, color 0.2s ease; -webkit-transition: background-color 0.2s ease, color 0.2s ease;
}
#section1 .cal_box .cal_wrap > .cal_btn:before{
	content: ""; display: inline-block; width: 1.6em; height: 1em; background-image: url(../../../images/site/kor/main/section1_ico6.svg); background-repeat: no-repeat; background-position: left center; background-size:1.4em 1.4em; vertical-align: middle;
	transition: background-image 0.2s ease; -webkit-transition: background-image 0.2s ease;
}
#section1 .cal_box .cal_wrap > .cal_btn:hover{color: #46644C; background-color: #fff;}
#section1 .cal_box .cal_wrap > .cal_btn:hover:before{background-image: url(../../../images/site/kor/main/section1_ico6on.svg);}
#section1 .cal_box .cal_wrap > strong span{display: none;}
#section1 .cal_box .cal_wrap > .con_box{position: relative; width: calc(100% - 7em); padding-left: 7em; height: 2.2em; box-sizing: border-box;}
#section1 .cal_box .cal_wrap > .con_box:after{content: ""; display: block; clear: both;}
#section1 .cal_box .cal_wrap > .con_box .control,
#section1 .cal_box .cal_wrap > .con_box .move{float: left;}
#section1 .cal_box .cal_wrap > .con_box .control{position: relative; left: auto; top: auto; width: 11em;}
#section1 .cal_box .cal_wrap > .con_box .control ul{display: none;}
#section1 .cal_box .cal_wrap > .con_box .control a{
    top: 50%; display: inline-block; width: 1.5em; height: 1.5em; margin-right: 0.84em; background: url(../../../images/site/kor/main/section1_ico4.svg) no-repeat center center; background-size: contain; text-indent: -9999px; box-shadow: -2px 2px 4px rgba(84,84,84,0.15);
    border-radius: 50%; -webkit-border-radius: 50%;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
#section1 .cal_box .cal_wrap > .con_box .control a.btn_right{
	margin-left: 0.84em; margin-right: 0; box-shadow: 2px -2px 4px rgba(84,84,84,0.15);
	transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); 
}
#section1 .cal_box .cal_wrap > .con_box .control a.btn_play,
#section1 .cal_box .cal_wrap > .con_box .control a.btn_stop{display: none !important;}
#section1 .cal_box .cal_wrap > .con_box .control a span{top: 0; width: 100%; height: 100%; margin-top: 0; background: none;}
#section1 .cal_box .cal_wrap > .con_box .control strong{font-size: 1.5625em; line-height: 1; color: #46644C; font-weight: 400; vertical-align: middle; line-height: 1.4;}
#section1 .cal_box .cal_wrap > .con_box .move{position: relative; left: auto; top: auto; width: calc(100% - 11em); padding-left: 2em; box-sizing: border-box; }
#section1 .cal_box .cal_wrap > .con_box .move ul{position: relative; left: auto; top: auto; width: 100%;}
#section1 .cal_box .cal_wrap > .con_box .move ul li{width: 100%; font-size: 1.1875em;}
#section1 .cal_box .cal_wrap > .con_box .move ul li:after{content: ""; display: block; clear: both;}
#section1 .cal_box .cal_wrap > .con_box .move ul li p,
#section1 .cal_box .cal_wrap > .con_box .move ul li .date{float: left; }
#section1 .cal_box .cal_wrap > .con_box .move ul li p{overflow: hidden; position: relative; display: inline-block; max-width: calc(100% - 7em); white-space: nowrap; text-overflow: ellipsis; color: #44614A; font-weight: 500; line-height: 1.85;}
#section1 .cal_box .cal_wrap > .con_box .move ul li p.new{max-width: calc(100% - 8em); }
#section1 .cal_box .cal_wrap > .con_box .move ul li p.new img{ display: inline-block; margin: 0 0 0 5px;}
/*#section1 .cal_box .cal_wrap > .con_box .move ul li p.new:after{content: ""; display: inline-block; margin-left: 0.2em; width: 15px; height: 15px; 
    background: url(../../../images/site/kor/main/section1_ico5.svg) no-repeat center center; background-size: 100% 100%; vertical-align: revert;}*/
#section1 .cal_box .cal_wrap > .con_box .move ul li .date{margin-left: 1em; font-size: 0.85em; color: #666; line-height: 2.2;}

@media screen and (max-height:969px){
    #section1 .js_slide.sec1_vis .move ul li > img{right: 78%;}
}
@media screen and (max-width: 1670px){
    #section1 .js_slide.sec1_vis .control a.btn_left, 
    #section1 .js_slide.sec1_vis .control a.btn_right{left: 4em; margin-left: 0;}
    #section1 .js_slide.sec1_vis .control a.btn_right{left: auto; right: 4em; margin-right: 0;}
    #section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt{padding-right: 6em;}
    #section1 .js_slide.sec1_vis .move ul li:before{left: 21%;}
}
@media screen and (max-width:  1560px){
    #section1 .cal_box .cal_wrap > strong{left: 2em;}
    #section1 .cal_box .cal_wrap > .cal_btn{right: 2em;}
    #section1 .cal_box .cal_wrap > .con_box{padding-left: 9em; width: calc(100% - 9em);}
}
@media screen and (max-width: 1300px){
    #section1 .js_slide.sec1_vis .move ul li:before{left: 19%;}
    #section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt .titles{font-size: 2.7em;}
    #section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt > p{font-size: 1.08em;}
    #section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt .more_btn{margin-top: 2em; padding: 0.7em 2.5em;}
}
@media screen and (max-width: 1200px){
    #section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt .titles{font-size: 2.4em;}
}
@media screen and (max-width: 1024px){
	#section1{height: 33.67em !important;}
    #section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt .titles{font-size: 1.8em;}
    #section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt > p{display: none;}
    #section1 .js_slide.sec1_vis .control ul li{margin: 0 0 0 0.8em;}
    #section1 .js_slide.sec1_vis .control ul li a{width: 0.6em; height: 0.6em;}
    #section1 .js_slide.sec1_vis .control ul li a.on{width: 0.6em;}
    #section1 .js_slide.sec1_vis .control a.btn_play, 
    #section1 .js_slide.sec1_vis .control a.btn_stop{left: calc(50% + 3em); width: 1.2em; height: 1.2em; background-size: contain; }
    #section1 .js_slide.sec1_vis .control a.btn_left, 
    #section1 .js_slide.sec1_vis .control a.btn_right{width:1em; height: 1.94em; background-size: contain;}
    #section1 .js_slide.sec1_vis .control a.btn_left{left: 1.26em;}
    #section1 .js_slide.sec1_vis .control a.btn_right{right: 1.26em;}
    #section1 .js_slide.sec1_vis .move ul li > img{top: calc(-5.1875em - 9%);}
    #section1 .js_slide.sec1_vis .move ul li:nth-child(2) > img{top: calc(-5.1875em - 6%);}
    #section1 .js_slide.sec1_vis .move ul li:nth-child(3) > img{right: 80%;}
    #section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt{padding-right: 0;}
    #section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt .more_btn{
        padding: 0; margin-top: 1.6em; background-color: transparent; color: #222E3C; font-weight: 500; text-decoration: underline; text-underline-position: under;
        border-radius: 0; -webkit-border-radius: 0;
    }
    #section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt .more_btn:hover,
    #section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt .more_btn:active{background-color: transparent; font-weight: 500;}
    #section1 .cal_box{height: 4.8em;}
    #section1 .cal_box .cal_wrap{padding: 1.334em 2em;}
    #section1 .cal_box .cal_wrap > strong{display: none;}
    
    #section1 .cal_box .cal_wrap > .con_box{padding-left: 0;}
    #section1 .cal_box .cal_wrap > .con_box .control{width: 10em;}
    #section1 .cal_box .cal_wrap > .con_box .control strong{font-size: 1.34em; line-height: 1.6;}
    #section1 .cal_box .cal_wrap > .con_box .control a{width: 1.4em; height: 1.4em;}
    #section1 .cal_box .cal_wrap > .con_box .move{width: calc(100% - 10em);}
    #section1 .cal_box .cal_wrap > .con_box .move ul li{font-size: 1em; line-height: 2.2;}
    #section1 .cal_box .cal_wrap > .con_box .move ul li p,
    #section1 .cal_box .cal_wrap > .con_box .move ul li p.new{max-width: calc(100% - 6em); line-height: 2.25}
    #section1 .cal_box .cal_wrap > .con_box .move ul li .date{font-size: 0.94em; line-height: 2.35;}
    #section1 .cal_box .cal_wrap > .cal_btn{padding: 0.4em 1.3em 0.4em 0.8em; font-size: 0.95em;}
    #section1 .cal_box .cal_wrap > .cal_btn:hover{border-color: transparent; background-color:#46644C; color: #fff;}
    #section1 .cal_box .cal_wrap > .cal_btn:hover:before{background-image: url(../../../images/site/kor/main/section1_ico6.svg);}
    #section1 .cal_box .cal_wrap > .con_box .txt_box p{font-size: 1em;}
    #section1 .cal_box .cal_wrap > .con_box .txt_box.new p:after{width: 13px; height: 13px;}
    #section1 .cal_box .cal_wrap > .con_box .txt_box .date{font-size: 0.94em;}
    #section1 .cal_box .cal_wrap > .con_box .cal_btn{padding: 0.46em 1.465em 0.46em 0.965em;}
}
@media screen and (max-width: 840px){
    #section1 .js_slide.sec1_vis .move ul li > img{right: 80%;}
    #section1 .js_slide.sec1_vis .move ul li:nth-child(3) > img{}
}
@media screen and (max-width: 740px){
    #section1 .js_slide.sec1_vis .move ul li > img{right: 83%;}
    #section1 .js_slide.sec1_vis .move ul li:nth-child(3) > img{right: 85%;}
}
@media screen and (max-width: 640px){
    #section1{height: 34em !important;}
    #section1 .js_slide.sec1_vis .move ul li .txt_wrap{
        position: relative; top: auto; left: auto; height: 100%; padding: 5.6em 1.7em 0;
        transform: translate(0,0); -webkit-transform: translate(0,0);
    }
    #section1 .js_slide.sec1_vis .move ul li > img{
        right: -12em;
        top: -2.5em;
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    #section1 .js_slide.sec1_vis .move ul li:nth-child(2) > img{top: -2em;}
    #section1 .js_slide.sec1_vis .move ul li:nth-child(3) > img{right: 0; top: 0em; height: 96%;}
    #section1 .js_slide.sec1_vis .move ul li:nth-child(3) > img{top: 0em;}
    #section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt{padding-left: 0;}
    #section1 .js_slide.sec1_vis .move ul li:nth-child(1) .txt_wrap:before{width: 230px; height: 223px; right: 5%;}
    #section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt .t_txt{padding-left: 2em;}
    #section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt .t_txt:before{width: 1.58em; height: 1.58em; top: 0; }
    #section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt .titles{margin-top: 0.5em; font-size: 1.43em;}
    #section1 .js_slide.sec1_vis .move ul li .txt_wrap .txt .more_btn{margin-top: 1.2em; color: #666; font-weight: 500; font-size: 0.93em;}
    #section1 .js_slide.sec1_vis .control ul{display: none;}
    #section1 .js_slide.sec1_vis .control .count{position: absolute; top: 13.75em; left: 12em; z-index: 1; display: inline-block; color: #222E3C; font-size: 0.93em;}
    #section1 .js_slide.sec1_vis .control a.btn_left, 
    #section1 .js_slide.sec1_vis .control a.btn_right{
        top: 12.9em; display: block !important; width: 1.3125em; height: 1.3125em;
        transform: translateY(0); -webkik-transform: translateY(0);
    }
    #section1 .js_slide.sec1_vis .control a.btn_left{left: 6.4em; background-image: url(../../../images/site/kor/main/section1_ico1m.svg);}
    #section1 .js_slide.sec1_vis .control a.btn_left:hover, 
    #section1 .js_slide.sec1_vis .control a.btn_left:active{background-image: url(../../../images/site/kor/main/section1_ico1m.svg);}
    #section1 .js_slide.sec1_vis .control a.btn_right{right: auto; left: 9.4em; background-image: url(../../../images/site/kor/main/section1_ico1rm.svg);}
    #section1 .js_slide.sec1_vis .control a.btn_right:hover, 
    #section1 .js_slide.sec1_vis .control a.btn_right:active{background-image: url(../../../images/site/kor/main/section1_ico1rm.svg);}
    #section1 .js_slide.sec1_vis .control a.btn_play, 
    #section1 .js_slide.sec1_vis .control a.btn_stop{left: 0; bottom: auto; top: 12.9em; left: 8em;}
    #section1 .cal_box{height: 3.43em;}
    #section1 .cal_box{width: 100%;}
    #section1 .cal_box .cal_wrap{width:100%; height: 100%; padding: 0.92em 0; padding: 0; text-align: center;}
    #section1 .cal_box .cal_wrap > .con_box{height: 100%; display: none;}
    #section1 .cal_box .cal_wrap > strong{
        position: absolute; left: 50%; display: inline-block; font-size: 1em;
        transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
    }
    #section1 .cal_box .cal_wrap > strong span{display: inline-block;}
    #section1 .cal_box .cal_wrap > .cal_btn{
        right: 50%; z-index: 1; width: 9.7em; margin-left: 0; padding:0.2em 0; background-color: transparent; text-indent: -9999px; border: none;
        transform: translate(50%,-50%); -webkit-transform: translate(50%,-50%);
    }
    #section1 .cal_box .cal_wrap > .cal_btn:hover{background-color: transparent;}
}
@media screen and (max-width: 480px){
    #section1 .js_slide.sec1_vis .move ul li:nth-child(3) > img{top: 2em; height: 90%;}
}
@media screen and (max-width: 400px){
    #section1 .js_slide.sec1_vis .move ul li:before{background-position: bottom -1em right -10.5em;}
    #section1 .js_slide.sec1_vis .move ul li:nth-child(2):before{left: 47.5%;}
}
@media screen and (max-width: 360px){
    #section1 .js_slide.sec1_vis .move ul li:nth-child(3) > img{right: -0.7em; top: 5em; height: 82%;}
}


/* //////////////////////////////////////////////////////////////////////////////

	section2

////////////////////////////////////////////////////////////////////////////// */
#section2{}
#section2 .layout:before{
	content: ""; position: absolute; top: 6%; left: 2.5%; display:block; width: 22.1875em; height: 15.8125em; background: url(../../../images/site/kor/main/section2_bg.svg) no-repeat center center;
	transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
}
#section2 .title{position: absolute;top: 3.4375em;left: 2em;width: 100%;max-width: 18em;}
#section2 .layout .title .t_txt:before{background-image: url(../../../images/site/kor/main/section_ttxt02.svg);}
#section2 .layout .title strong span{display: block;}
#section2 .top_box{position: relative;padding: 3.9375em 0 0 calc(11.3em + 8%);box-sizing: border-box;}
#section2 .top_box .tab_btn{position: absolute; top: 0; left:calc(11.3em + 8%);}
#section2 .top_box .tab_btn ul{}
#section2 .top_box .tab_btn ul:after{content: ""; display: block; clear: both;}
#section2 .top_box .tab_btn ul li{float: left; margin-left: 1.6em;}
#section2 .top_box .tab_btn ul li:first-child{margin-left: 0;}
#section2 .top_box .tab_btn ul li a{display: inline-block; padding: 0.334em 1.42em; font-size: 1.125em; letter-spacing: -0.06em; color: #222E3C; text-decoration: none; box-sizing: border-box;}
#section2 .top_box .tab_btn ul li a.on{background-color: #46644C; box-shadow: 6.17106px 6.17106px 15.4277px rgba(129, 118, 107, 0.3); color: #fff; }
#section2 .top_box .tab_btn ul li a.on strong{font-weight: 400;}
#section2 .top_box .tab_cont{display: none;height: calc(12.875em + 25px);}
#section2 .top_box .tab_cont.on{display: block;}
#section2 .top_box .tab_cont .js_slide{position: static; width: calc(100% + 25px); height: 100%; padding: 0; overflow: hidden;}
#section2 .top_box .tab_cont .js_slide .move{width: 200%;}
#section2 .top_box .tab_cont .js_slide .move ul{width: calc(100%);}
#section2 .top_box .tab_cont .js_slide .move ul li{width: calc((50% + 1px) / 3); height: calc(100% - 25px); padding: 0 1.5em 0 0; text-align: left; box-sizing: border-box;}
#section2 .top_box .tab_cont .js_slide .move ul li:nth-child(n+7){margin-top: 5em;}
#section2 .top_box .tab_cont .js_slide .move ul li a{display: block;padding: 1.4em 8% 1.2em;border: none;background-color: #FFFCF9;text-decoration: none;box-sizing: border-box;}
#section2 .top_box .tab_cont .js_slide .move ul li a:hover{background-color: #fff; box-shadow: 10.2851px 10.2851px 25.7128px #E8E0D8;}
#section2 .top_box .tab_cont .js_slide .move ul li a strong{position: relative; overflow: hidden; display: block; display: -webkit-box; width: 100%; height: 3.2em; font-size: 1.25em; font-weight: 500; letter-spacing: -0.05em; color: #666; text-align: left; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; box-sizing: border-box;}
#section2 .top_box .tab_cont .js_slide .move ul li a:hover strong{color: #415746;}
#section2 .top_box .tab_cont .js_slide .move ul li a strong .new{display: inline-block; width: 0.75em; height: 1em; margin-left: 0.2em; background: url(../../../images/site/kor/main/section2_ico03.svg) no-repeat center top 0.05em; vertical-align: middle; background-size: 0.75em 0.75em; text-indent: -9999px; }
#section2 .top_box .tab_cont .js_slide .move ul li a span{position: relative; left: auto; top: auto; width: 100%; height: auto; margin-left: 0; text-align: left; color: #666; }
#section2 .top_box .tab_cont .js_slide .move ul li a:hover span{color: #333;}
#section2 .top_box .tab_cont .js_slide .move ul li a .txts{overflow: hidden;display: -webkit-box;width: 100%;height: 3.2em;margin-top: 0.8em;font-size: 0.9375em;letter-spacing: -0.05em;color: #666;text-align: left;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;box-sizing: border-box;}
#section2 .top_box .tab_cont .js_slide .move ul li a .date{position: absolute;bottom: 1.23em;right: 8%;display: inline-block;padding-left: 1.4em;width: auto;font-size: 0.9375em;color: #7E7E7E;box-sizing: border-box;}
#section2 .top_box .tab_cont .js_slide .move ul li a .date:before{
	content: ""; position: absolute; top: 50%; left: 0; display: block; width: 1.07em; height: 1.07em; background: url(../../../images/site/kor/main/section2_ico04.svg) no-repeat center center; background-size: contain;
	transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
#section2 .top_box .tab_cont .js_slide .control{bottom: 2em;}
#section2 .top_box .tab_cont .js_slide .control a[class*="btn_"]{
    border: none; width: 3em; height: 0.875em; background-repeat: no-repeat; background-position: center center; background-size: 2.8125em 0.6875em; 
    transition: background-image 0.2s ease; -webkit-transition: background-image 0.2s ease;
}
#section2 .top_box .tab_cont .js_slide .control a.btn_play,
#section2 .top_box .tab_cont .js_slide .control a.btn_stop{display: none !important;}
#section2 .top_box .tab_cont .js_slide .control a.btn_left{ background:url(../../../images/site/kor/main/section2_ico01.svg) no-repeat center center;}
#section2 .top_box .tab_cont .js_slide .control a.btn_left:active,
#section2 .top_box .tab_cont .js_slide .control a.btn_left:hover{background-image:url(../../../images/site/kor/main/section2_ico01on.svg);}
#section2 .top_box .tab_cont .js_slide .control a.btn_right{margin-left: 1em;  background:url(../../../images/site/kor/main/section2_ico02.svg) no-repeat center center;}
#section2 .top_box .tab_cont .js_slide .control a.btn_right:active,
#section2 .top_box .tab_cont .js_slide .control a.btn_right:hover{background-image:url(../../../images/site/kor/main/section2_ico02on.svg);}

#section2 .top_box .tab_cont .more_btn{position: absolute; top: 0; right: 0; display: block; width: 2.5em; height: 2.5em; text-indent: -9999px; background-color: #fff; background-size: contain; box-shadow: 6.17px 6.17px 15.43px rgba(129, 118, 107, 0.1);}
#section2 .top_box .tab_cont .more_btn:before{
    content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 100%; background: url(../../../images/site/kor/main/section2_ico15.svg) no-repeat center center; background-size: contain;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
    transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease;
}
#section2 .top_box .tab_cont .more_btn:hover:before{
    transform: translate(-50%,-50%) rotate(180deg); -webkit-transform: translate(-50%,-50%) rotate(180deg);
}


#section2 .bot_box{position: relative;margin-top: 0;}
#section2 .bot_box:after{content: ""; display: block; clear: both;}
#section2 .bot_box > div{float: left; width: calc((100% - 3.06em) * 0.368); margin-left:1.5em;}
#section2 .bot_box > div .tits{font-size: 1.8125em; color: #222E3C; /* font-family:'Nanum Myeongjo';  */letter-spacing: -0.03em; font-weight: 500;}
#section2 .bot_box > div .txts{width: 100%; height: 23.25em; margin-top: 0.5em;}
#section2 .bot_box .pop_box{margin-left: 0;}
#section2 .bot_box .pop_box .txts .js_slide{width: 100%; height: 17.1875em;}
#section2 .bot_box .pop_box .txts .js_slide .move ul li{display: none;}
#section2 .bot_box .pop_box .txts .js_slide .move ul li:nth-child(1),
#section2 .bot_box .pop_box .txts .js_slide .move ul li:nth-child(2){display: block;}
#section2 .bot_box .pop_box .txts .js_slide .move ul li a{border: none;}
#section2 .bot_box .pop_box .txts .js_slide .move ul li a:focus img{border: 2px solid black; box-sizing: border-box;}
#section2 .bot_box .pop_box .txts .js_slide .control{width: 9.375em; right: -1px; top: auto; bottom: 0; height: 2.875em; padding: 0.6em 0.4em 0.6em 3.6em; box-sizing: border-box;}
#section2 .bot_box .pop_box .txts .js_slide .control .count{
    position: absolute; top: 50%; left: 1em; font-size: 1.125em;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
#section2 .bot_box .pop_box .txts .js_slide .control .count span{font-weight: 400;}
#section2 .bot_box .pop_box .txts .js_slide .control a[class*="btn_"]{width: 1.3125em; height: 1.3125em; margin-left: 0.2em; background-repeat: no-repeat; background-position: center center; background-size: contain;}
#section2 .bot_box .pop_box .txts .js_slide .control .btn_left,
#section2 .bot_box .pop_box .txts .js_slide .control .btn_right{background-image: url(../../../images/site/kor/main/section2_ico05.svg);}
#section2 .bot_box .pop_box .txts .js_slide .control .btn_right{
    transform: rotate(180deg); -webkit-transform: rotate(180deg);
}
#section2 .bot_box .pop_box .txts .js_slide .control .btn_stop{background-image: url(../../../images/site/kor/main/section2_ico06.svg);}
#section2 .bot_box .pop_box .txts .js_slide .control .btn_play{background-image: url(../../../images/site/kor/main/section2_ico19.svg);}

#section2 .bot_box .pop_box .txts .fomo_box{position: relative; display: table; table-layout: fixed; width: 100%; height: 4.8125em; margin-top: 1.25em; padding: 0 4.8125em 0 6%; background-color: #A08359; box-sizing: border-box;}
#section2 .bot_box .pop_box .txts .fomo_box:after{content: ""; display: block; clear: both;}
#section2 .bot_box .pop_box .txts .fomo_box strong,
#section2 .bot_box .pop_box .txts .fomo_box p{display: table-cell; vertical-align: middle;color: #fff;}
#section2 .bot_box .pop_box .txts .fomo_box strong{width: 6em; font-size: 1.5375em; font-weight:400; letter-spacing: -0.02em;}
#section2 .bot_box .pop_box .txts .fomo_box p{position: relative; width: 100%; padding-left: 2.3em; font-size: 1.15625em; font-weight: 300; letter-spacing: -0.03em; box-sizing: border-box;}
#section2 .bot_box .pop_box .txts .fomo_box p:before{
    content: ""; position: absolute; top: 1.6em; left: 1em; display: block; width: 1px; height: 0.9em; background-color: rgba(255,255,255,0.4);
    /*transform: translateY(-50%); -webkit-transform: translateY(-50%);*/
}
#section2 .bot_box .pop_box .txts .fomo_box .more_btn{position: absolute; top: 0; right: 0; width: 4.8125em; height: 4.8125em; background: #46644C; box-shadow: 8.22808px 8.22808px 25.7128px rgba(0, 0, 0, 0.15); text-indent: -9999px;}
#section2 .bot_box .pop_box .txts .fomo_box .more_btn:before{
    content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url(../../../images/site/kor/main/section2_ico07.svg) no-repeat center center; background-size: 1.0625em 1.0625em;
    transform: rotate(0);
    transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease;
}
#section2 .bot_box .pop_box .txts .fomo_box .more_btn:hover:before{
    transform: rotate(180deg); -webkit-transform: rotate(180deg);
}

#section2 .bot_box .card_box{position: relative;}
#section2 .bot_box .card_box .more_btn{
    position: absolute; top: 1em; right: 0; width: 1.0625em; height: 1.0625em; background: url(../../../images/site/kor/main/section2_ico14.svg) no-repeat center center; background-size: contain; text-indent: -9999px;
    transform: rotate(0); -webkit-transform: rotate(0);
    transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease;
}
#section2 .bot_box .card_box .more_btn:hover{
    transform: rotate(180deg); -webkit-transform: rotate(180deg);
}
#section2 .bot_box .card_box .js_slide .move ul{background-color: #fff;}

#section2 .bot_box .card_box .js_slide .move ul li a{height: calc(100% - 4.8125em);}
#section2 .bot_box .card_box .js_slide .move ul li a:focus{outline:3px solid #000 !important ; border:3px solid #000 !important;}
#section2 .bot_box .card_box .js_slide .move ul li p{position: absolute;bottom: 0; left: 0; display: inline-block; width: 100%; height: 4.8125em; line-height:4.8125em; padding:0 5em 0 1.8em; background-color: #fff; box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;}
#section2 .bot_box .card_box .js_slide .move ul li p span{position: relative;overflow: hidden;display:inline-block;max-width:calc(100% - 1.5em);text-overflow: ellipsis;white-space: nowrap;font-size: 1.125em;color: #333;letter-spacing: -0.05em;font-weight: 500;vertical-align:top;z-index: 0;}
#section2 .bot_box .card_box .js_slide .move ul li a span{left: 0; width: 100%; margin-left: 0;}
#section2 .bot_box .card_box .js_slide .move ul li a img{width: 100%; height: auto;}
#section2 .bot_box .card_box .js_slide .control{width: auto; right: 2em; top: -2.6em; height: auto; bottom: auto; background: transparent; }
#section2 .bot_box .card_box .js_slide .control:after{content: ""; display: block; clear: both;}
#section2 .bot_box .card_box .js_slide .control .count{position: absolute;top: 20.25em;right: -1.9em;font-size: 1.0625em;z-index: 1;background-color: #fff;padding: 1em 1.5em;box-sizing: border-box;}
#section2 .bot_box .card_box .js_slide:after{/* content: ""; */display: inline-block;position: absolute;bottom: 0;right: 0;width: 4em;height: 4.8125em;background-color: red;}
#section2 .bot_box .card_box .js_slide .control .count span{font-weight: 400;}
#section2 .bot_box .card_box .js_slide .control a[class*="btn_"]{float: left; width: 1.5625em; height: 1.5625em; margin-left: 0; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain;}
#section2 .bot_box .card_box .js_slide .control .btn_left,
#section2 .bot_box .card_box .js_slide .control .btn_right{background-image: url(../../../images/site/kor/main/section2_ico16.svg);}
#section2 .bot_box .card_box .js_slide .control .btn_right{
    transform: rotate(180deg); -webkit-transform: rotate(180deg);
}
#section2 .bot_box .card_box .js_slide .control .btn_stop{background-image: url(../../../images/site/kor/main/section2_ico17.svg);}
#section2 .bot_box .card_box .js_slide .control .btn_play{background-image: url(../../../images/site/kor/main/section2_ico18.svg);}


#section2 .bot_box .sns_box{position: relative; width: calc((100% - 2.875em) * 0.264);}
#section2 .bot_box .sns_box .snslink{position: absolute; top: 0.6em; right: 0;}
#section2 .bot_box .sns_box .snslink:after{content: ""; display: block; clear: both;}
#section2 .bot_box .sns_box .snslink a{
	float: left; position: relative; display: inline-block; width: 22px; height: 22px; margin-left: 0.3em; background-color: #C3A57A; text-indent: -9999px;
    border-radius: 50%; -webkit-border-radius: 50%;
    transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease
}
#section2 .bot_box .sns_box .snslink a:before{content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain; }
#section2 .bot_box .sns_box .snslink a:hover,
#section2 .bot_box .sns_box .snslink a:active{background-color: #46644C;}
#section2 .bot_box .sns_box .snslink a.face{background-color: #3A5897;}
#section2 .bot_box .sns_box .snslink a.face:before{background-image: url(../../../images/site/kor/main/section2_ico08.svg);}
#section2 .bot_box .sns_box .snslink a.face:hover,
#section2 .bot_box .sns_box .snslink a.face:active{background-color: #fff;}
#section2 .bot_box .sns_box .snslink a.face:hover:before,
#section2 .bot_box .sns_box .snslink a.face:active:before{background-image: url(../../../images/site/kor/main/section2_ico20.svg);}
#section2 .bot_box .sns_box .snslink a.twit:before{background-image: url(../../../images/site/kor/main/section2_ico09.svg);}
#section2 .bot_box .sns_box .snslink a.inst:before{background-image: url(../../../images/site/kor/main/section2_ico10.svg);}
#section2 .bot_box .sns_box .snslink a.blog:before{background-image: url(../../../images/site/kor/main/section2_ico11.svg);}
#section2 .bot_box .sns_box .snslink a.yout:before{background-image: url(../../../images/site/kor/main/section2_ico12.svg);}
#section2 .bot_box .sns_box .snslink a:first-child{margin-left: 0;}
#section2 .bot_box .sns_box .txts{background-color:#fff;}
#section2 .bot_box .sns_box .txts .fb_iframe_widget{width: 100% !important; height: 100% !important;}
#section2 .bot_box .sns_box .txts .fb_iframe_widget > span,
#section2 .bot_box .sns_box .txts .fb_iframe_widget > span > iframe{width: 100% !important; height: 100% !important;}

@media screen and (max-width: 1440px){
    #section2 .bot_box .pop_box .txts .fomo_box p{padding-left: 1.5em;}
    #section2 .bot_box .pop_box .txts .fomo_box p:before{left: 0.5em;
    }
}
@media screen and (max-width: 1380px){
    #section2 .bot_box .pop_box .txts .fomo_box p{display: none; }
}
@media screen and (max-width: 1200px){
    /*#section2 .top_box{padding:3.9375em 0 0 calc(11.3em + 3%);}*/
    /*#section2 .top_box .tab_btn{left:calc(11.3em + 3%);}*/
    #section2 .top_box .tab_cont{height:calc(13.375em + 25px);}
    #section2 .top_box .tab_cont .js_slide{width: calc(100% + 1em);}
    #section2 .top_box .tab_cont .js_slide .move ul li{padding:0 1em 0 0;}
    #section2 .top_box .tab_cont .js_slide .move ul li a{padding:1.8em 9.9% 1.6em;}
    #section2 .top_box .tab_cont .js_slide .move ul li a strong{font-size:1.15em;}

    #section2 .bot_box .pop_box .txts .js_slide{height:15em;}
    #section2 .bot_box .pop_box .txts .fomo_box{height:4em;}
    #section2 .bot_box .pop_box .txts .fomo_box .more_btn{width:4em; height:4em;}
    #section2 .bot_box > div{width:calc((100% - 2.06em) * 0.368); margin-left:1em;}
    #section2 .bot_box > div .txts{height:20.3em;}
    #section2 .bot_box .card_box .js_slide .control .count{top: 17.95em;}
    #section2 .bot_box .card_box .js_slide .move ul li a{height:calc(100% - 4em);}
    #section2 .bot_box .card_box .js_slide .move ul li p{height:4em; line-height:4em;}
    #section2 .bot_box .sns_box .snslink a{margin-left: 0.2em;}
}
@media screen and (max-height:850px) and (min-width: 1024px){
    .section .layout{font-size: 0.9em;}
    #section2 .title{top: 5.4375em;}
    #section2 .layout{padding-top: 2em;}
    #section2 .layout .title strong{margin-top: 0.1em; line-height: 1.2;}
    #section2 .top_box{padding: 3.4375em 0 0 calc(11.3em + 8%);}
	#section2 .top_box .tab_cont{height: calc(10.875em + 25px);}
    #section2 .top_box .tab_cont .js_slide .move ul li{/*height: 100%;*/}
    #section2 .top_box .tab_cont .js_slide .move ul li a{padding: 1.2em 8% 0.8em;}
    #section2 .top_box .tab_cont .js_slide .move ul li a strong{height: 2.8em; line-height: 1.4;}
    #section2 .top_box .tab_cont .js_slide .move ul li a .txts{margin-top: 0.65em; height: 2.8em; line-height: 1.4;}
    #section2 .top_box .tab_cont .js_slide .move ul li a .date{right: 8%; bottom: 1.03em;}
    #section2 .top_box .tab_cont .js_slide .control{bottom: 1.5em;}
    #section2 .bot_box{margin-top: -0.8em;}
    #section2 .bot_box > div .txts{height: 19.25em;}
    #section2 .bot_box .pop_box .txts .js_slide{height: 14.1875em;}
    #section2 .bot_box .pop_box .txts .fomo_box{height: 3.8125em;}
    #section2 .bot_box .pop_box .txts .fomo_box .more_btn{width: 3.7125em; height: 3.7125em;}
    #section2 .bot_box .card_box .js_slide .control .count{top: 17.05em; padding: 0.9em 1.5em;}
    #section2 .bot_box .card_box .js_slide .move ul li a{height: calc(100% - 3.8125em);}
    #section2 .bot_box .card_box .js_slide .move ul li p{height: 3.8125em; line-height: 3.8125em;}
}
@media screen and (max-width: 1024px){
    #section2 .layout:before{display: none;}
	#section2 .title{position: relative; top: auto; left: auto; max-width: calc((100% - 1.33em) / 2);}
	#section2 .layout .title strong span{display: inline-block;}
	#section2 .top_box{width: calc((100% - 1.33em) / 2); padding: 0; margin-top: 1em;}
    #section2 .top_box .tab_btn{left: auto; right: 2em; top: -2.8em;}
    #section2 .top_box .tab_btn ul li{margin-left: 0.6em;}
    #section2 .top_box .tab_btn ul li a{padding: 0; font-size: 0.86em;}
    #section2 .top_box .tab_btn ul li a.on{background-color: transparent; box-shadow: none; color: #46644C; text-decoration: underline; text-underline-position: under;}

	#section2 .top_box .tab_cont{height: 20.14em;}
    #section2 .top_box .tab_cont .js_slide{width: 100%; height: 100%;}
    #section2 .top_box .tab_cont .js_slide .control{display: none;}
    #section2 .top_box .tab_cont .js_slide .move{width: 100%;}
    #section2 .top_box .tab_cont .js_slide .move ul{width: 100%;}
    #section2 .top_box .tab_cont .js_slide .move ul li{width: 100%; height: auto; padding-right: 0; margin-top: 0.87em;}
    #section2 .top_box .tab_cont .js_slide .move ul li:first-child{margin-top: 0;}
    #section2 .top_box .tab_cont .js_slide .move ul li a{padding: 0.916em 1.07em; background-color: #fff;}
    #section2 .top_box .tab_cont .js_slide .move ul li a:hover,
    #section2 .top_box .tab_cont .js_slide .move ul li a:active{box-shadow: none;}
    #section2 .top_box .tab_cont .js_slide .move ul li a strong{height: 1.6em; -webkit-line-clamp: 1; overflow: hidden; font-size: 0.94em; color: #415746;}
    #section2 .top_box .tab_cont .js_slide .move ul li a strong .new{width: 1em; background-size: 1em 1em;}
    #section2 .top_box .tab_cont .js_slide .move ul li a .txts{display: none;}
    #section2 .top_box .tab_cont .js_slide .move ul li a .date{display: none;}
    #section2 .top_box .tab_cont .more_btn{top: -2.85em; width: 1.8em; height: 1.8em; box-shadow: none; background-color: transparent;}
    #section2 .top_box .tab_cont .more_btn:hover:before{
        transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
    }

	#section2 .bot_box{margin-top: 3em;}
    #section2 .bot_box > div .tits{font-size: 1.6em;}
	#section2 .bot_box > div,
	#section2 .bot_box .sns_box{width: calc((100% - 1.35em) / 2); margin-left: 1.33em;}
	
	#section2 .bot_box .pop_box{position: absolute; top: -26.2em; right: 0;}
    #section2 .bot_box .pop_box .txts .js_slide{height: 15.94em;}
    #section2 .bot_box .pop_box .txts .fomo_box{height: 3.34em; padding: 0 3.34em 0 1.4em; margin-top: 0.87em;}
    #section2 .bot_box .pop_box .txts .fomo_box strong{font-size: 1.2em;}
    #section2 .bot_box .pop_box .txts .fomo_box p{display: table-cell; padding-left: 0.5em; font-size: 0.94em;}
    #section2 .bot_box .pop_box .txts .fomo_box p:before{display: none;}
    #section2 .bot_box .pop_box .txts .fomo_box .more_btn{width: 3.34em;height: 3.34em;}
    #section2 .bot_box .pop_box .txts .js_slide .control .count{font-size: 1em;}
	#section2 .bot_box .card_box{margin-left: 0;}
    #section2 .bot_box .card_box .js_slide .move ul li a{height: calc(100% - 3.74em);}
    #section2 .bot_box .card_box .js_slide .move ul li p{height:3.74em; line-height:3.74em;}
    #section2 .bot_box .card_box .js_slide .move ul li p span{font-size: 1.07em;}
    #section2 .bot_box .card_box .js_slide .control .count{top: 19em; right: -2em; height: 3.74em; padding: 1em 1.5em; font-size: 1em;}
    #section2 .bot_box .card_box .more_btn{top: 0.65em;}
    #section2 .bot_box .card_box .more_btn:hover{transform: rotate(0); -webkit-transform: rotate(0);}
    #section2 .bot_box .sns_box .snslink a{width: 26px; height: 26px; margin-left: 0.3em;}
    #section2 .bot_box .sns_box .snslink a.face:hover, 
    #section2 .bot_box .sns_box .snslink a.face:active{background-color: #3A5897; background-image: url(../../../images/site/kor/main/section2_ico08.svg);}
    #section2 .bot_box .sns_box .snslink a:hover, 
    #section2 .bot_box .sns_box .snslink a:active{background-color: #C3A57A;}
	#section2 .bot_box > div .txts{height: 20.14em;}
}
@media screen and (max-width: 780px){
    #section2 .top_box{margin-top: 0.4em}
    #section2 .top_box .tab_btn{position: relative; top: auto; right: auto; margin: 0em 0 1em;}
    #section2 .top_box .tab_cont .more_btn{top: 0.2em; right: auto; left: 10.8em; width: 1.267em; height: 1.267em;}
    #section2 .top_box .tab_cont .more_btn:before{background-size: 120% 120%;}
    #section2 .top_box .tab_cont{height: 16em;}
    #section2 .bot_box > div .txts{height: 18.7em;}
    #section2 .bot_box .pop_box{top: -24.4em;}
    #section2 .bot_box .pop_box .txts .js_slide{height: 14em;}
    #section2 .bot_box .pop_box .txts .fomo_box{height: 3.34em; margin-top: 1em;}
    #section2 .bot_box .card_box .js_slide .control .count{top: 17.56em;}
}
@media screen and (max-width: 740px){
    #section2 .bot_box .pop_box .txts .fomo_box p{display: none;}
}
@media screen and (max-width: 640px){
	#section2 .title{max-width: 100%;}
	#section2 .top_box{width: 100%; margin-top: 0;}
    #section2 .top_box .tab_btn{margin: 1em 0;}
    #section2 .top_box .tab_btn ul li a{font-size: 1em;}
	#section2 .top_box .tab_cont{height: 15.7em;}
    #section2 .top_box .tab_cont .more_btn{left: 12.4em;}
    #section2 .top_box .tab_cont .js_slide .move ul li a{padding: 0.844em 1.07em;}
    #section2 .top_box .tab_cont .js_slide .move ul li a strong{font-size: 1em;}
	#section2 .bot_box{margin-top: 0;}
	#section2 .bot_box > div,
	#section2 .bot_box .sns_box{width: 100%; margin-left: 0;margin-top: 1.43em;}
	#section2 .bot_box .pop_box{position: relative; top: auto; right: auto;}
    #section2 .bot_box .pop_box .tits{display: none; margin-top: 0;}
    #section2 .bot_box .pop_box .txts{height: auto;margin-top: 0;}
    #section2 .bot_box .pop_box .txts .js_slide .control{height: 2.72em; padding: 0.5em 0.4em 0.5em 3.6em;}
    #section2 .bot_box .pop_box .txts .js_slide .control .count{font-size: 1.07em;}
    
	#section2 .bot_box > div .txts{height: 20.14em;}
    #section2 .bot_box .pop_box .txts .js_slide{height: 16.3em;}
    #section2 .bot_box .pop_box .txts .fomo_box{height: 3.65em; margin-top: 0.78em;}
    #section2 .bot_box .pop_box .txts .fomo_box p{display: table-cell;}
    #section2 .bot_box .pop_box .txts .fomo_box .more_btn{width: 3.64em; height: 3.64em;}
    #section2 .bot_box .card_box{margin-top: 0.78em;}
    #section2 .bot_box .card_box .tits{display: none;}
    #section2 .bot_box .card_box .txts{margin-top: 0;}
    #section2 .bot_box .card_box .more_btn{display: none;}
    #section2 .bot_box .card_box .js_slide .control{top: auto; bottom: 0em; right: 0; width: 9.375em; height: 3.7em; padding: 1.2em 0.4em 1.2em 3.6em; background-color: #fff; box-sizing: border-box;}
    #section2 .bot_box .card_box .js_slide .control a[class*="btn_"]{width: 1.3125em; height: 1.3125em; margin-left: 0.4em;}
    #section2 .bot_box .card_box .js_slide .control .btn_left, 
    #section2 .bot_box .card_box .js_slide .control .btn_right{background-image: url(../../../images/site/kor/main/section2_ico05.svg);}
    #section2 .bot_box .card_box .js_slide .control .btn_play{background-image: url(../../../images/site/kor/main/section2_ico19.svg);}
    #section2 .bot_box .card_box .js_slide .control .btn_stop{background-image: url(../../../images/site/kor/main/section2_ico06.svg);}
    #section2 .bot_box .card_box .js_slide .control .count{
        top: 50%; bottom: auto; right: auto; left: 1em; padding: 0; height: auto; font-size: 1.08em; 
        transform: translateY(-50%); -webkit-transform: translateY(-50%);
    }
    #section2 .bot_box .card_box .js_slide .move ul li p{padding:0 9em 0 1.4em;}
    #section2 .bot_box .sns_box .snslink{top: 0.2em;}
    #section2 .bot_box .sns_box .snslink a{width: 28px; height: 28px;}
}
@media screen and (max-width: 360px){
    #section2 .bot_box .pop_box .txts .fomo_box p{display: none;}
}



/* //////////////////////////////////////////////////////////////////////////////

	section3

////////////////////////////////////////////////////////////////////////////// */
#section3{background: url(../../../images/site/kor/main/section3_bg.jpg) no-repeat bottom right; background-size: cover;}
#section3 .box_wrap{position: relative; width: 100%; min-height: 37.4375em; margin-top: 2.3125em; background: url(../../../images/site/kor/main/section3_box_wrap.jpg) no-repeat center center; background-size: cover;}
#section3 .box_wrap .menu_box{width: 24%; height: 100%; padding: 3.625em 2.6%; background: url(../../../images/site/kor/main/section3_ico1.svg) no-repeat bottom right; background-size: 13.3125em 14.6875em; box-sizing:border-box;}
#section3 .box_wrap .menu_box > li{margin: 1.4em 0 0;}
#section3 .box_wrap .menu_box > li:first-child{margin-top: 0;}
#section3 .box_wrap .menu_box > li:last-child .txts{display:none !important;}
#section3 .box_wrap .menu_box .titles{
    display: block; color: rgba(255, 255, 255, 0.7); font-weight: 500; font-size: 1.3125em; text-decoration: none;
    transition: color 0.3s ease; -webkit-transition: color 0.3s ease;
}
#section3 .box_wrap .menu_box .titles:hover,
#section3 .box_wrap .menu_box .titles:active{color: #fff;}
#section3 .box_wrap .menu_box .titles.on{color: #fff; }
#section3 .box_wrap .menu_box .txts{display: none; margin-top: 1.5em; background-color: rgba(255, 255, 255, 0.8); padding: 0.75em 6%;}
#section3 .box_wrap .menu_box>li:first-child .txts{display:block;}
#section3 .box_wrap .menu_box .txts .tab_btn > ul > li{margin-top: 0.4em; }
#section3 .box_wrap .menu_box .txts .tab_btn > ul > li:first-child{margin-top: 0;}
#section3 .box_wrap .menu_box .txts .tab_btn > ul > li > a{position: relative; display: block; padding-left: 0.6em; color: #415746; font-weight: 400; letter-spacing: -0.03em; text-decoration: none;box-sizing: border-box;}
#section3 .box_wrap .menu_box .txts .tab_btn > ul > li > a:before{content: ""; position: relative; top: 0.8em; left: -0.6em; display: block; width: 5px; height: 1px; background-color: #415746; }
#section3 .box_wrap .menu_box .txts .tab_btn > ul > li > a.on{text-decoration: underline; text-underline-position: under; font-weight: 500;}


#section3 .box_wrap .menu_box .txts .tab_cont{position: absolute; top: 0; right: 0; display: none; width: 76%; height: 100%; padding:3.0625em 4%; box-sizing: border-box;  background-color: #fff;}
#section3 .box_wrap .menu_box .txts .tab_cont.on{display: block;}
#section3 .box_wrap .menu_box .txts .tab_cont .title{display: block; margin-bottom: 0.55em; font-size:1.9375em; font-weight: 500; letter-spacing: -0.03em; /* font-family:'Nanum Myeongjo'; */ color: #222; box-sizing: border-box;}
#section3 .box_wrap .menu_box .txts .tab_cont .more_btn{
    position: absolute; top: 4em; right:5.5%; display: block; width: 1.0625em; height: 1.0625em; background: url(../../../images/site/kor/main/section3_ico2.svg) no-repeat center center; text-indent: -9999px;
    transform: rotate(0); -webkit-transform: rotate(0);
    transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease;
}
#section3 .box_wrap .menu_box .txts .tab_cont .more_btn:hover{
    transform: rotate(180deg); -webkit-transform: rotate(180deg);
}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box{padding-top: 1.4em; border-top: 1px solid rgba(196, 196, 196, 0.5); box-sizing: border-box;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box:after{content: ""; display: block; clear: both;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box > div{float: left;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box .photo_box{width: 54%;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box .intro_box{width: 43%; margin-left: 3%;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box > div .tits{position: relative; display: block; padding-left: 1.8em; color: #222; font-weight: 400; box-sizing: border-box;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box > div .tits:before{content: ""; position: absolute; top: 0.1em; left: 0; display: block; width: 1.375em; height: 1.375em; background-repeat: no-repeat; background-position: center center; background-size: contain; }
#section3 .box_wrap .menu_box .txts .tab_cont .con_box > div .t_photo{margin-top: 0.8em;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box > div .t_photo:after{content: ""; display: block; clear: both;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box .photo_box .tits:before{background-image: url(../../../images/site/kor/main/section3_ico3.svg);}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box .intro_box .tits:before{background-image: url(../../../images/site/kor/main/section3_ico4.svg);}


/*type1 photo_box*/
#section3 .box_wrap .menu_box .txts .tab_cont .con_box .photo_box .t_photo{display: block; width: 100%; height: 15.625em; }
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box .t_photo a{position: relative; display: block; width: 100%; height: 100%; overflow: hidden; background-color: #eee; border: 1px solid #BFBFBF; box-sizing: border-box;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box .t_photo a:focus,
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap a:focus,
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box .b_photo .ph_wrap a:focus{outline: 2px solid red;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box a.video:before{
    content: ""; position: absolute; top: 50%; left: 50%; z-index: 2; display: block; width: 4.75em; height: 3.375em; background: url(../../../images/site/kor/main/section3_ico5.svg) no-repeat center center; background-size: contain; 
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
    transition: background-image 0.3s ease; -webkit-transition: background-image 0.3s ease;
}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box a.video:hover:before, 
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box a.video:active:before{background-image: url(../../../images/site/kor/main/section3_ico5on.svg);}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box .t_photo a img{
    position: absolute; display: block; top: 50%; left: 50%; width: calc(100% + 2px); height: calc(100% + 2px); 
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box .b_photo{width: 100%; height: 6.625em; margin-top: 1.125em;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box .b_photo:after{content: ""; display: block; clear: both;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box .b_photo .ph_wrap{float: left; width: calc((100% - 1px - 6%) / 3); height: 100%; margin-left: 3%; /*box-shadow: 2px 2px  4px rgba(0, 0, 0, 0.25)*/border: 1px solid #BFBFBF; box-sizing: border-box;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box .b_photo .ph_wrap:first-child{margin-left: 0;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box .b_photo .ph_wrap a{position: relative; display: block; width: 100%; height: 100%; overflow: hidden; background-color: #eee;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box .b_photo .ph_wrap a.video:before{width: 2.5625em; height: 1.8125em;}

#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box .b_photo .ph_wrap a:hover:before,
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box .b_photo .ph_wrap a:active:before{width: 2.5625em; height: 2.5625em;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box .b_photo .ph_wrap a.video:hover:before,
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box .b_photo .ph_wrap a.video:active:before{height: 1.8125em;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box .b_photo .ph_wrap a img{
    position: absolute; display: block; width: calc(100% + 2px); height: calc(100% + 2px); top: 50%; left: 50%; 
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
}

/*type2 photo_box*/
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo{height: auto; }
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap{float: left; width: calc((100% - 6%) / 2); margin-left: 6%; }
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap:first-child{margin-left: 0;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap:nth-child(3){display: none;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap a{position: relative; display: block; width: 100%; height: 20.75em; overflow: hidden; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap a img{
    position: absolute; top: 50%; left: 50%; display: block; width: 100%; min-height: 100%;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap strong{display: block; width: 100%; margin-top: 1em; font-size: 0.9375em; color: #222E3C; font-weight: 500; letter-spacing: -0.03em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


/*intro_box*/
#section3 .box_wrap .menu_box .txts .tab_cont .con_box .intro_box .t_photo{position: relative; display: block; width: 100%; height: 14em; overflow: hidden;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box .intro_box .t_photo img{
    position: absolute; display: block; min-height: 100%; top: 50%; left: 0;
    transform: translate(0,-50%); -webkit-transform: translate(0,-50%);
}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box .intro_box .b_txt .b_txt_t{overflow: hidden; display: block; display: -webkit-box; width: 100%; height: 3.2em; margin: 0.8em 0; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; color: #222E3C; font-size: 1.0625em; font-weight: 500; letter-spacing: -0.03em;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box .intro_box .b_txt p{overflow: hidden; display: block; display: -webkit-box; width: 100%; height: 4.8em; margin: 0.8em 0; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; color: #222E3C; font-size: 0.9375em; letter-spacing: -0.03em;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box a:after,
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap a:after{
	content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index:1; opacity: 0;
    transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease;
}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box a:hover:after,
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box a:active:after,
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap a:hover:after,
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap a:active:after{opacity: 1;}
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box a:not(.video):hover:before,
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box a:not(.video):active:before,
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap a:hover:before,
#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap a:active:before{
	content: ""; position: absolute; top: 50%; left: 50%; z-index: 2; display: block;
	width: 4.375em; height: 4.375em; background-color: rgba(255,255,255,0.4); background-image: url(../../../images/site/skin/board_icon_plus.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; 
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
    transition: background-image 0.3 ease; -webkit-transition: background-image 0.3 ease;
    border-radius: 50%; -webkit-border-radius: 50%;
}
@media screen and (max-width: 1200px){
    #section3 .box_wrap{min-height:32.6em;}
    #section3 .box_wrap .menu_box{padding: 1.8em 2.6%;}
    #section3 .box_wrap .menu_box > li{margin: 1.1em 0 0 ;}
    #section3 .box_wrap .menu_box .txts{margin-top: 1.2em;}
    #section3 .box_wrap .menu_box .txts .tab_cont{padding: 2em 4%;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box .photo_box .t_photo{height: 14em;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box .b_photo{height:5.5em;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box .intro_box .t_photo{height: 11.8em;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap a{height:16em;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap strong{display:-webkit-box; display: box; margin-top:1.5em; font-size:1em; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box .intro_box .b_txt .b_txt_t{margin: 0.8em 0 0.4em;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box .intro_box .b_txt p{margin: 0.4em 0;}
}
@media screen and (max-width: 1024px){
    #section3 .box_wrap{position: relative; min-height: 32.1em; margin-top: 1.4em; background: #fff;}
    #section3 .box_wrap .menu_box{display:block; width: 100%; height: 3.67em; padding:0.8em 2.5em 1em 0; overflow-x: auto; overflow-y:hidden; white-space:nowrap; background: url(../../../images/site/kor/main/section3_box_wrap.jpg) no-repeat center center; background-size:100% 100%;}
    #section3 .box_wrap .menu_box > li{display:inline-block; margin:0 0 0 2.5em; text-align: center;}
    #section3 .box_wrap .menu_box .titles{
        font-size: 1.07em;
        transition: none; -webkit-transition: none;
    }
    #section3 .box_wrap .menu_box .titles:hover, 
    #section3 .box_wrap .menu_box .titles:active{color: rgba(255, 255, 255, 0.7);}
    #section3 .box_wrap .menu_box .txts{position: absolute; left: 0; top: 3.67em; width: 100%; padding: 0.75em 2.5em; margin-top: 0; box-sizing: border-box; background-color: #E6E7D9;}
    #section3 .box_wrap .menu_box .txts .tab_btn ul:after{content: ""; display: block; clear: both;}
    #section3 .box_wrap .menu_box .txts .tab_btn ul li{float: left; margin-top: 0; margin-left: 3.6em;}
    #section3 .box_wrap .menu_box .txts .tab_btn ul li:first-child{margin-left: 0;}
    #section3 .box_wrap .menu_box .txts .tab_btn > ul > li > a{padding-left: 0; font-size: 0.94em;}
    #section3 .box_wrap .menu_box .txts .tab_btn > ul > li > a:before{
        content: ""; position: absolute; top: 50%; left: -1.8em; display: block; width: 1px; height: 60%; margin-left: -0.5px; background-color: rgba(66, 96, 73, 0.2); cursor: auto;
        transform: translateY(-50%); -webkit-transform: translateY(-50%)
    }
    #section3 .box_wrap .menu_box .txts .tab_btn > ul > li:first-child > a:before{display: none;}
    #section3 .box_wrap .menu_box .txts .tab_cont{width: 100%; height: 25.45em; margin-top: 3em; padding: 1.8em 2em 2em;}
    #section3 .box_wrap .menu_box .txts .tab_cont.on:before{content: ""; position: absolute; top: -3em; left: 0; z-index: -1; display: block !important; width: 100%; height: 3em; background-color: #E6E7D9;}
    #section3 .box_wrap .menu_box .txts .tab_cont .title{margin-bottom: 0.4em; text-align: left; font-size: 1.25em;}
    #section3 .box_wrap .menu_box .txts .tab_cont .more_btn{top: 2.5em; right: 2em;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box{padding-top: 1em;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box .photo_box{float:none; width:100%; max-width:45em; margin:0 auto;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box >div .tits{display: none;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box .photo_box:after{content: ""; display: block; clear: both;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box .photo_box > div{float: left;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box .photo_box .t_photo{width: calc((100% - 1em) * 0.77); height: 17.87em; margin-top: 0;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box .b_photo{width: calc((100% - 1em) * 0.23); height: 17.87em; margin-left: 1em; margin-top: 0;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box .b_photo .ph_wrap{float: none; width: 100%; height: calc((100% - 1.34em) / 3); margin-left: 0; margin-top: 0.67em; box-shadow: none;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box .b_photo .ph_wrap:first-child{margin-top: 0;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo{width: 100%;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap{width: calc((100% - 12%) / 3);}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap:nth-child(3){display: block;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap a{height: 18em;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap strong{display: none;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box .intro_box .t_photo{display: none;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box .intro_box .b_txt .b_txt_t{position: absolute; top: 1.6em; left: 8em; display: inline-block; max-width: calc(100% - 12em); height: auto; -webkit-line-clamp:1; font-weight: 400; color: #666; font-size: 0.94em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left;}
    #section3 .box_wrap .menu_box .txts .tab_cont#memo02 .con_box .intro_box .b_txt .b_txt_t,
    #section3 .box_wrap .menu_box .txts .tab_cont#prom01 .con_box .intro_box .b_txt .b_txt_t{left: 6.8em; max-width: calc(100% - 11em);}
    #section3 .box_wrap .menu_box .txts .tab_cont#memo03 .con_box .intro_box .b_txt .b_txt_t,
    #section3 .box_wrap .menu_box .txts .tab_cont#bere01 .con_box .intro_box .b_txt .b_txt_t,
    #section3 .box_wrap .menu_box .txts .tab_cont#bere02 .con_box .intro_box .b_txt .b_txt_t,
    #section3 .box_wrap .menu_box .txts .tab_cont#hist01 .con_box .intro_box .b_txt .b_txt_t{left: 9.4em; max-width: calc(100% - 14em);}
    #section3 .box_wrap .menu_box .txts .tab_cont#exca01 .con_box .intro_box .b_txt .b_txt_t,#section3 .box_wrap .menu_box .txts .tab_cont#prom02 .con_box .intro_box .b_txt .b_txt_t{left: 13em; max-width: calc(100% - 17em);}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box .intro_box .b_txt p{display: none;}
    
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box a:hover:after,
	#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box a:active:after,
	#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap a:hover:after,
	#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap a:active:after{opacity: 0;}
	#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box a:not(.video):hover:before,
	#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box a:not(.video):active:before,
	#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap a:hover:before,
	#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap a:active:before{display: none;}
	#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box a.video:hover:before, 
	#section3 .box_wrap .menu_box .txts .tab_cont .con_box.type1 .photo_box a.video:active:before{background-image: url(../../../images/site/kor/main/section3_ico5.svg);}
}
@media screen and (max-width: 740px){
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo{margin-top:1.6em;}
    #section3 .box_wrap .menu_box .txts .tab_cont .con_box.type2 .photo_box .t_photo .ph_wrap a{height:16em;}
}

@media screen and (max-width: 640px){
    #section3 .box_wrap{min-height: auto; margin-top: 0.8em;}
    #section3 .box_wrap .menu_box{height: auto; padding: 0; overflow: hidden; background: url(../../../images/site/kor/main/section3_ico1m.svg) no-repeat bottom right;}
    #section3 .box_wrap .menu_box:before{content: ""; position: absolute; top: 0; left: 50%; display: block; width: 1px; height: 100%; margin-left: -0.5px; background-color:rgba(65, 87, 70, 0.1);}
    #section3 .box_wrap .menu_box:after{content: ""; display: block; clear: both;}
    #section3 .box_wrap .menu_box > li{float: left; position: relative; display: table; table-layout: fixed; width: 50%; margin: 0;}
    #section3 .box_wrap .menu_box > li:nth-child(n+3):before{content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 1px; margin-top: -0.5px; background-color:rgba(65, 87, 70, 0.1);}
    #section3 .box_wrap .menu_box .titles{display: table-cell; width: 100%; height: 7.35em; padding: 0 1em; vertical-align: middle; font-size: 1.08em; color: #415746 !important; white-space: normal; box-sizing: border-box;}
    #section3 .box_wrap .menu_box .txts{display: none !important;}
}



/* //////////////////////////////////////////////////////////////////////////////

	section4

////////////////////////////////////////////////////////////////////////////// */
#section4{}
#section4:before{content: ""; position: absolute; top: 0; right: 0; display: block; width: 16.0625em; height: 19.0625em; background:url(../../../images/site/kor/main/section4_bg02.svg) no-repeat top right; background-size: contain;}
#section4 .layout{height: 41.4375em;}
#section4 .layout:after{content: ""; display: block; clear: both;}
#section4 .title{position: absolute; left: 2em; top: 0; z-index: 1; width: 100%; max-width: 28.25em;}
#section4 .layout .title .t_txt:before{background-image: url(../../../images/site/kor/main/section_ttxt02.svg);}
#section4 .left_box{
    position: absolute; bottom: 0; left: 2em; width: 28.25em; height: 100%; padding-top: 10em; box-sizing: border-box;
    transition: width 0.3s ease, padding-top 0.3s ease; -webkit-transition: width 0.3s ease, padding-top 0.3s ease;
}
#section4 .left_box .txt_box{height: 100%; padding: 1.6em 1.4375em; box-sizing: border-box; background: url(../../../images/site/kor/main/section4_bg01.png) no-repeat top left; background-size: 100% 49em;}
#section4 .left_box .txt_box .top_box{
    position: relative; display: block; width: 100%; height: 15.3em; 
    transition: height 0.3s ease; -webkit-transition: height 0.3s ease;
}
#section4 .left_box .txt_box .top_box .tits{
	position: absolute; top: 40%; left: 0; display: block; width: 100%; padding: 0 1em; text-align: center; font-size: 1.75em; letter-spacing: -0.07em; /* font-family:'Nanum Myeongjo'; */ color: #fff; font-weight: 300; box-sizing: border-box;
	transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
#section4 .left_box .txt_box .top_box .more_btn{
	position: absolute; top: 60%; left: 50%; display: block; width: auto; color: #fff; font-weight: 300; font-size: 0.875em; text-decoration: none; box-sizing: border-box;
	transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
}
#section4 .left_box .txt_box .top_box .more_btn:before{content: ""; position: absolute; bottom: -3px; left: 0; display: block; width: 100%; height: 1px; background-color: #fff;}
#section4 .left_box .txt_box .top_box:hover .more_btn:before{animation: more_btn 0.3s linear 0s;}
#section4 .left_box .txt_box .bot_box{
    width: 100%; max-width: 15.3125em; margin: 1.75em 1.3125em 0;
    transition: margin 0.3s ease; -webkit-transition: margin 0.3s ease;
}
#section4 .left_box .txt_box .bot_box li{position: relative; margin-top: 1.625em; border-bottom: 1px dashed rgba(34,34,34,0.5); box-sizing: border-box;}
#section4 .left_box .txt_box .bot_box li:first-child{margin-top: 0;}
#section4 .left_box .txt_box .bot_box li a{display: block; width: 100%; margin-bottom: 0.42em; padding-right: 2.5em; font-size: 1.1875em; color: #222; font-weight: 500; letter-spacing: -0.07em; text-decoration: none; box-sizing: border-box;}
#section4 .left_box .txt_box .bot_box li a:before{
	content: ""; position: absolute; top: 50%; right: 1em; display: block; width: 0.74em; height: 0.74em; background: url(../../../images/site/kor/main/section4_ico01.svg) no-repeat center center; background-size: contain;
	transform: translateY(-50%); -webkit-transform: translateY(-50%);
	transition: right 0.3s ease; -webkit-transition: right 0.3s ease;
}
#section4 .left_box .txt_box .bot_box li a:hover:before{right: 0.7em;}

#section4 .right_box{
    height: 100%; padding-left: calc(28.25em + 1.6875em); box-sizing: border-box;
    transition: padding-left 0.3s ease; -webkit-transition: padding-left 0.3s ease;
}
#section4 .right_box > div{height: calc((100% - 1.3125em) / 2);}
#section4 .right_box .top_box{border: 1px solid #46644C; background-color: #FEF5EC; box-sizing: border-box;}
#section4 .right_box .top_box:after{content: ""; display: block; clear: both;}
#section4 .right_box .top_box .mob{float: left; position: relative; width: 25%; height: 100%; text-align: center;}
#section4 .right_box .top_box .mob:before{
    content: ""; position: absolute; top: 50%; left: 0; display: block; width: 1px; height: 5.625em; margin-left: -0.5px; background-color: rgba(128, 142, 137, 0.3);
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
#section4 .right_box .top_box .mob:first-child:before{display: none;}
#section4 .right_box .top_box .mob:after{
    content: ""; position: absolute; top: 53%; left: 50%; display: block; width: 3.125em; height: 3.125em; background-repeat: no-repeat; background-position: center center; background-size: contain; 
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%)
}
#section4 .right_box .top_box .mob1:after{background-image: url(../../../images/site/kor/main/section4_ico02.svg);}
#section4 .right_box .top_box .mob2:after{background-image: url(../../../images/site/kor/main/section4_ico03.svg);}
#section4 .right_box .top_box .mob3:after{background-image: url(../../../images/site/kor/main/section4_ico04.svg);}
#section4 .right_box .top_box .mob4:after{background-image: url(../../../images/site/kor/main/section4_ico05.svg);}
#section4 .right_box .top_box .mob strong{
    position:absolute; top: 25%; left: 0; display: block; width: 100%; /* font-family: 'Nanum Myeongjo'; */ font-size: 1.5em; font-weight: 400; color: #222E3C;
    transform: translate(0,-50%); -webkit-transform: translate(0,-50%);
}
#section4 .right_box .top_box .mob .more_btn{
    position:absolute; top: 80%; left: 50%; display: inline-block; padding: 0.4625em 2.162em; font-size: 0.8125em; border: 1px solid rgba(70, 100, 76, 0.4); color: #46644C; text-decoration: none; box-sizing: border-box;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
    transition: background-color 0.3s ease, color 0.3s ease; -webkit-transition: background-color 0.3s ease, color 0.3s ease;
}
#section4 .right_box .top_box .mob .more_btn:hover,
#section4 .right_box .top_box .mob .more_btn:active{background-color: #46644C; color: #fff;}
#section4 .right_box .bot_box{margin-top: 1.3125em;}
#section4 .right_box .bot_box:after{content: ""; display: block; clear: both;}
#section4 .right_box .bot_box > a{float: left; display: block; width: calc((100% - 1.3125em) / 2); height: 100%; padding: 2em 4.25%; overflow: hidden; text-decoration: none; box-sizing: border-box;}
#section4 .right_box .bot_box > a strong{display: block; position: relative;font-size: 1.75em; letter-spacing: -0.03em; color: #fff; font-weight: 400; /* font-family:'Nanum Myeongjo'; */}
#section4 .right_box .bot_box > a strong span{display: block;}
#section4 .right_box .bot_box > a strong + span{display: block; max-width: 13em; margin-top: 0.6em; color: rgba(255, 255, 255, 0.8); font-weight: 300; letter-spacing: -0.03em;}
#section4 .right_box .bot_box > a .more_btn{position: absolute; bottom: 2.29em; left: 8.5%; color: #fff; font-weight: 300; font-size: 0.875em; text-decoration: none;}
#section4 .right_box .bot_box > a .more_btn:before{content: ""; position: absolute; bottom: -3px; left: 0; display: block; width: 100%; height: 1px; background-color: #fff;}
#section4 .right_box .bot_box > a:hover .more_btn:before{animation: more_btn 0.3s linear 0s;}
@keyframes more_btn{
    0%{width: 0;}
    100%{width: 100%;}
}
#section4 .right_box .bot_box .hist{position: relative; background-color: #222E3C;}
#section4 .right_box .bot_box .hist:before{content: ""; position: absolute; bottom: 0; right: 0; z-index: 0; display: block; width: 29.125em; height: 20.125em; background: url(../../../images/site/kor/main/section4_bg03.png) no-repeat bottom right; background-size: contain;}
#section4 .right_box .bot_box .intr{position: relative; margin-left: 1.3125em; background: url(../../../images/site/kor/main/section4_bg04.jpg) no-repeat center center; background-size: cover;}
#section4 .right_box .bot_box .intr:before{content: ""; position: absolute; bottom: 3.6em; right: 8.5%; display: block; width: 8.125em; height: 5.125em; background: url(../../../images/site/kor/main/section4_bg05.svg) no-repeat bottom right; background-size: contain;}

@media screen and (max-height: 800px){
    #section4 .left_box .txt_box{height: calc(100% - 3em); background-size: 100% 40.5em;}
    #section4 .left_box .txt_box .top_box{height: 12.5em;}
}
@media screen and (max-width: 1200px){
    #section4 .layout{height: 38em;}
    #section4 .left_box{width: 24em; padding-top: 10em;}
    #section4 .left_box .txt_box{background-size: 100% 35em;}
    #section4 .left_box .txt_box .top_box{height: 10em;}
    #section4 .right_box{padding-left: calc(24em + 1.6875em);}
}
@media screen and (max-width: 1024px){
    #section4{overflow: hidden;}
    #section4:before{
        top: -4.6em; right: 0; width: 18.7em; height: 13.4em; background: url(../../../images/site/kor/main/section4_bg02m.svg) no-repeat right bottom; background-size: contain;
    }
	#section4 .layout{height: auto;}
	#section4 .title{position: relative;left: 0; top: auto; max-width: 100%; margin-bottom: 1.4em;}
	#section4 .left_box,
	#section4 .right_box{float: left;}
	#section4 .left_box{position: relative; bottom: auto; left: auto; width: calc((100% - 1.4em) / 2); height: 23.67em; padding-top: 0;}
    #section4 .left_box .txt_box{height: 100%; padding: 1.2em; background-size: 100% 35em;}
    #section4 .left_box .txt_box .top_box{height: 11em;}
    #section4 .left_box .txt_box .top_box .tits{top: 38%; font-size: 1.47em;}
    #section4 .left_box .txt_box .top_box .more_btn{top: 62%; font-size: 0.94em;}
    #section4 .left_box .txt_box .top_box:hover .more_btn:before{animation: none;}
    #section4 .left_box .txt_box .bot_box{max-width: 17em; margin: 1.2em 0 0; padding: 0 1em; box-sizing: border-box;}
    #section4 .left_box .txt_box .bot_box li{margin: 0; padding: 0.9em 0; box-sizing: border-box;}
    #section4 .left_box .txt_box .bot_box li:first-child{padding-top: 0;}
    #section4 .left_box .txt_box .bot_box li:last-child{border-bottom: none;}
    #section4 .left_box .txt_box .bot_box li a{margin-bottom: 0; font-size: 1em;}
    #section4 .left_box .txt_box .bot_box li a:hover:before{right: 1em;}
    #section4 .left_box .txt_box .bot_box li:first-child a:before{margin-top: -0.45em;}
    
    #section4 .right_box > div{height: calc((100% - 1em) / 2);}
	#section4 .right_box{padding-left: 0; width: calc((100% - 1.4em) / 2); height: 23.67em; margin-left: 1.4em;}
    #section4 .right_box .top_box{position: relative; }
    #section4 .right_box .top_box:before{content: ""; position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 1px; margin-top: -0.5px; background-color: rgba(128, 142, 137, 0.3);}
    #section4 .right_box .top_box .mob{position: relative; width: 50%; height: 50%;}
    #section4 .right_box .top_box .mob:before{height: 100%;}
    #section4 .right_box .top_box .mob:before:nth-child(2n+1){display: none;}
    #section4 .right_box .top_box .mob:after{top: 50%; left: calc(50% - 3.4em); width: 2em; height: 2em;}
    #section4 .right_box .top_box .mob2:after{left: calc(50% - 3em);}
    #section4 .right_box .top_box .mob strong{top: 50%; font-size: 1.2em; text-indent: 1.7em;}
    #section4 .right_box .top_box .mob .more_btn{
        position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; padding: 0; border: none; text-indent: -9999px;
        transform: translate(0,0); -webkit-transform: translate(0,0);
    }
    #section4 .right_box .top_box .mob .more_btn:hover{background-color: transparent;}
    
    #section4 .right_box .bot_box{margin-top: 1em;}
    #section4 .right_box .bot_box > a{float: none; width: 100%; height: calc((100% - 1em) / 2); margin-left: 0; padding: 1.7em 1.74em;}
    #section4 .right_box .bot_box > a strong{font-size: 1.34em;}
    #section4 .right_box .bot_box > a strong span{display: inline-block;}
    #section4 .right_box .bot_box > a strong + span{display: none;}
    #section4 .right_box .bot_box > a .more_btn{
        position: absolute; bottom: 50%; display: inline-block; left: auto; right: 0; z-index: 0; font-size: 0.94em;
        transform: translate(-50%,50%); -webkit-transform: translate(-50%,50%);
    }
    #section4 .right_box .bot_box > a:hover .more_btn:before{animation: none;}
    #section4 .right_box .bot_box .hist:before{background: url(../../../images/site/kor/main/section4_bg03m.png) no-repeat bottom right;}
    #section4 .right_box .bot_box .intr{margin-left: 0; margin-top: 1em;}
    #section4 .right_box .bot_box .intr:before{bottom: -0.7em; right: -2.5em; opacity: 0.4;}
}
@media screen and (max-width: 740px){
    #section4 .right_box .bot_box > a .more_btn{
        top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px;
        transform: translate(0,0); -webkit-transform: translate(0,0);
    }
}
@media screen and (max-width: 640px){
    #section4:before{display: none;}
    #section4 .title{margin-bottom: 0.8em;}
    #section4 .left_box{width: 100%;}
    #section4 .left_box .txt_box .top_box .tits{font-size: 1.29em;}
    #section4 .left_box .txt_box .bot_box{max-width: 25em;}
    #section4 .left_box .txt_box .bot_box li a{font-size: 1.07em; }
    #section4 .left_box .txt_box .bot_box li a:before{right: 0.6em;}
    #section4 .right_box .top_box .mob strong{font-size: 1.15em;}
    #section4 .right_box{width: 100%; height: 21.78em; margin-left: 0; margin-top: 1.07em;}
    #section4 .right_box .bot_box > a{padding: 1.4em 1.85em;}
    #section4 .right_box .bot_box > a strong{font-size: 1.29em;}
}



/* //////////////////////////////////////////////////////////////////////////////

	section5

////////////////////////////////////////////////////////////////////////////// */
#section5{background: url(../../../images/site/kor/main/section5_bg.jpg) no-repeat center center; background-size: cover;}
#section5 .layout:before{
	content: ""; position: absolute; bottom: -46%; left: 7%; display: block; width: 35.4em; height: 25.55em; background:  url(../../../images/site/kor/main/section5_bg06.svg) no-repeat center center; background-size: contain;
	transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
}
#section5 .box_wrap{position: relative; width: 100%; height: 31.25em; margin-top: 3.375em;}
#section5 .box_wrap .tits{font-size: 1.875em; letter-spacing: -0.03em; color: #fff; font-weight: 400; /* font-family:'Nanum Myeongjo'; */}
#section5 .box_wrap .txts{margin-top: 0.2em; color: rgba(255, 255, 255, 0.8); font-weight: 300;}
#section5 .box_wrap .more_btn{
    display: inline-block; padding: 0.536em 2.48635em; font-size: 0.875em; color: rgba(255, 255, 255, 0.8); border: 1px solid rgba(255, 255, 255, 0.65); font-weight: 300; text-decoration: none; box-sizing: border-box;
    transition: background-color 0.3s ease, color 0.3s ease; -webkit-transition: background-color 0.3s ease, color 0.3s ease;
}
#section5 .box_wrap .more_btn:hover,
#section5 .box_wrap .more_btn:active{background-color: #fff; font-weight: 400;}
#section5 .cyb_box{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; padding: 4em 4%; background-color: #46644C; box-sizing: border-box;}
#section5 .cyb_box .tits{position: relative;}
#section5 .cyb_box .txts{position: relative;}
#section5 .cyb_box .more_btn{position: absolute; bottom: 4.6em; left: 4%;}
#section5 .cyb_box .more_btn:hover,
#section5 .cyb_box .more_btn:active{color: #46644C;}
#section5 .cyb_box:before{content: ""; position: absolute;top: 0; left: 0; display: block; width: 31.25em; height: 100%; background: url(../../../images/site/kor/main/section5_bg02.png) no-repeat left top;}
#section5 .mem_box{position: absolute; bottom: 3.375em; right: calc(32.5% + 4.4em); width: 32.5%; height: 122%; text-align: center; background: url(../../../images/site/kor/main/section5_bg03.png) no-repeat center center; background-size: cover;} 
#section5 .mem_box:before{content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url(../../../images/site/kor/main/section5_bg04.png) no-repeat center center; background-size: 100% 100%;}
#section5 .mem_box .inn_wrap{
    position: absolute; top: 70%; left: 0; width: 100%; 
    transform: translateY(-50%);
}
#section5 .mem_box .more_btn{margin-top: 1.8125em;}
#section5 .mem_box .more_btn:hover,
#section5 .mem_box .more_btn:active{color: #222;}
#section5 .bon_box{position: absolute; bottom: 3.375em; right: 2.875em; width: 32.5%; height: 122%; text-align: center; background: #222E3C url(../../../images/site/kor/main/section5_bg05.jpg) no-repeat bottom left; background-size: 23.125em 33.125em;}
#section5 .bon_box .inn_wrap{
    position: absolute; top: 63%; left: 0; width: 100%; 
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
#section5 .bon_box .inn_wrap:before{
    content: ""; position: absolute; top: -80%; left: 50%; display: block; width: 5em; height: 5em; background: url(../../../images/site/kor/main/section5_ico01.svg) no-repeat center center; background-size: contain; 
    transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
#section5 .bon_box .more_btn{margin-top: 7em;}
#section5 .bon_box .more_btn:hover,
#section5 .bon_box .more_btn:active{color: #222E3C;}

@media screen and (max-width: 1440px){
    #section5 .box_wrap{height: 27em;}
}
@media screen and (max-width: 1200px){
    #section5 .box_wrap{height: 25em;}
    #section5 .mem_box{right: calc(31% + 3.2em); width: 31%;}
    #section5 .mem_box:before{background-size: 105% 105%;}
    #section5 .bon_box{width: 31%; right: 1.8em}
    #section5 .mem_box .inn_wrap{padding: 0 2em; box-sizing: border-box;}
    #section5 .bon_box .inn_wrap{padding: 0 2em; box-sizing: border-box;}
    #section5 .bon_box .inn_wrap:before{top: -70%;}
    #section5 .bon_box .more_btn{margin-top: 4.9em;}
}
@media screen and (max-width: 1024px){
    #section5 .layout:before{display: none;}
	#section5 .box_wrap{height: 32.4em; margin-top: 1.4em;}
    #section5 .box_wrap .tits{font-size: 1.46em;}
    #section5 .box_wrap .txts{margin-top: 0.2em;}
    #section5 .box_wrap .txts span{display: none;}
    #section5 .box_wrap .more_btn{border: none; text-decoration: underline; text-underline-position: under; color: #fff; font-size: 0.94em;}
    #section5 .box_wrap .more_btn:hover, 
    #section5 .box_wrap .more_btn:active{background-color: transparent; font-weight: 300;}
	#section5 .cyb_box{bottom: auto; top: 0; height: calc(100% - 2.4em); padding: 2.6em; text-align: center;} 
    #section5 .cyb_box:before{width: 100%; height: 100%; background: url(../../../images/site/kor/main/section5_bg02t.png) no-repeat left top;}
    #section5 .cyb_box .tits{line-height: 1; font-size: 1.6em;}
    #section5 .cyb_box .txts{display: none;}
    #section5 .cyb_box .more_btn{position: relative; bottom: auto; left: auto; margin-left: 2em; padding: 0.2em 1.53em; text-decoration: none; border: 1px solid #fff; vertical-align: bottom;}
    #section5 .cyb_box .more_btn:hover, 
    #section5 .cyb_box .more_btn:active{color: #fff;}
	#section5 .mem_box{bottom: 0; right: auto; left: calc(50% - 1em); width: 40%; max-width: 19.14em; height: 77.5%; transform: translateX(-100%); }
    #section5 .mem_box:before{background-size: 100% 100%;}
    #section5 .mem_box .inn_wrap{top: 60%;}
    #section5 .mem_box .more_btn:hover, 
    #section5 .mem_box .more_btn:active{color: #fff;}
	#section5 .bon_box{
        bottom: 0; right: calc(50% - 1em); width: 40%; max-width: 19.14em; height: 77.5%; background-size: 85%;
        transform: translateX(100%); -webkit-transform: translateX(100%); 
    }
    #section5 .bon_box .inn_wrap{top: 60%;}
    #section5 .bon_box .inn_wrap:before{top: -6em;  width: 4em; height: 4em; background-size: contain; }
    #section5 .bon_box .more_btn{
        position: relative; left: auto; margin-top: 1.8125em;
        transform: translateX(0); -webkit-transform: translateX(0);
    }
    #section5 .bon_box .more_btn:hover, 
    #section5 .bon_box .more_btn:active{color: #fff;}
}
@media screen and (max-width: 640px){
	#section5 .box_wrap{height: auto; margin-top: 0.8em;}
	#section5 .box_wrap:after{content: ""; display: block; clear: both;}
	#section5 .box_wrap > div{float: left; position: relative;}
    #section5 .box_wrap .tits{font-size: 1.29em;}
    #section5 .box_wrap .tits span{display: block;}
    #section5 .box_wrap .txts{display: none;}
	#section5 .cyb_box{position: relative; top: auto; left: auto; height: 5.93em; padding: 2.2em 1em;}
    #section5 .cyb_box:before{width: 100%; height: 100%; background: url(../../../images/site/kor/main/section5_bg02m.png) no-repeat center top; background-size: cover}
    #section5 .cyb_box .tits{font-size: 1.29em;}
    #section5 .mem_box .inn_wrap{
        position: relative; top: auto; height: 100%;
        transform: translateY(0); -webkit-transform: translateY(0);
    }
    #section5 .mem_box .inn_wrap .tits{
        position: absolute; top: 50%; left: 50%; width: 100%; 
        transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
    }
    #section5 .box_wrap .more_btn{position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: none; text-indent: -9999px;}
	#section5 .mem_box{
        position: relative; bottom: auto; left: auto; width: 50%; max-width: 100%; height: 23em; 
        transform: translateX(0); -webkit-transform: translateX(0);
    }
	#section5 .bon_box{
        position: relative; bottom: auto; right: auto; width: 50%; max-width: 100%; height: 23em; 
        transform: translateX(0); -webkit-transform: translateX(0);
    }
    #section5 .bon_box .inn_wrap:before{display: none;}
    #section5 .bon_box .inn_wrap{
        position: relative; top: auto; height: 100%;
        transform: translateY(0); -webkit-transform: translateY(0);
    }
    #section5 .bon_box .inn_wrap .tits{
        position: absolute; top: 50%; left: 50%; width: 100%; 
        transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
    }

}
@media screen and (max-width: 540px){
    #section5 .mem_box,
    #section5 .bon_box{
        height: 20em;
        transition: height 0.3s ease; -webkit-transition: height 0.3s ease;
    }
}
@media screen and (max-width: 480px){
    #section5 .mem_box,
    #section5 .bon_box{height: 18em;}
}
@media screen and (max-width: 420px){
    #section5 .mem_box,
    #section5 .bon_box{height: 16em;}
}
@media screen and (max-width: 360px){
    #section5 .mem_box,
    #section5 .bon_box{height: 14em;}
}

/* //////////////////////////////////////////////////////////////////////////////

	main_pop

////////////////////////////////////////////////////////////////////////////// */
.main_pop{display:none; position:fixed; top:0; left:0; z-index:10; width:100%; height:100%;}
.main_pop.on{z-index:73; display:block;}
.main_pop:before{content:""; display:block; position:fixed; left:0; top:0; z-index:0; width:100%; height:100%; background-color:rgba(28, 28, 28, 0.7);}
.main_pop>.bx{
    position:fixed; top:50%; left:50%; z-index:1; width: auto; padding: 0 2em; box-sizing:border-box;
    transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);
}
.main_pop>.bx .txts{position: relative; height: auto; padding: 0 8.125em; text-align: center; box-sizing: border-box; overflow: hidden;}
.main_pop>.bx .txts .js_slide{display: inline-block; width: 25em; height: 35.1875em; /*width: 60em; height: 45em;*/}
.main_pop>.bx .txts .js_slide .control{position: absolute; top: auto; right: auto; bottom: auto; left: auto; z-index: 0; width: 100%; height: 100%; background-color: transparent;}
.main_pop>.bx .txts .js_slide .control .count{position: absolute; bottom: -2.4em; color: #fff; /* font-size: 1.125em; */ font-weight: 300;}
.main_pop>.bx .txts .js_slide .control .count span{font-weight: 300;}
.main_pop>.bx .txts .js_slide .control .btn_left,
.main_pop>.bx .txts .js_slide .control .btn_right{position: absolute; top: 50%; width: 2.0625em; height: 3.875em; background: url(../../../images/site/kor/main/pop_arrow.svg) no-repeat center center; background-size: contain;}
.main_pop>.bx .txts .js_slide .control .btn_left{
    left: -8.125em;
    transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg);
}
.main_pop>.bx .txts .js_slide .control .btn_right{
    right: -8.125em;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.main_pop>.bx .txts .js_slide .control .btn_stop,
.main_pop>.bx .txts .js_slide .control .btn_play{display: none !important;}
.main_pop>.bx .txts .js_slide .move{}
.main_pop>.bx .txts .js_slide .move ul{}
.main_pop>.bx .txts .js_slide .move ul li{ position: relative;}
.main_pop>.bx .txts .js_slide .move ul li a{width: 100%; height: 100%; background-color: transparent; border: none;}
.main_pop>.bx .txts .js_slide .move ul li a:focus{border: 2px solid red;}
.main_pop>.bx .txts .js_slide .move ul li a img{width: 100%; height: 100%;}
.main_pop>.bx .txts .bot{position: relative; margin-top: 0.3em; text-align: left;}
.main_pop>.bx .txts .bot input,
.main_pop>.bx .txts .bot label{color: #fff; cursor: pointer;/*   font-size: 1.125em; */}
.main_pop .bx .txts .bot .close{
    overflow:hidden; position:absolute; right: 0; top: 50%; padding: 0 1.2em 0 0; color: #fff;/*   */; text-decoration: none; font-weight: 300; box-sizing: border-box;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.main_pop .bx .txts .bot .close:after{
    content: ""; position: absolute; top: 50%; right: 0; display: inline-block; width: 0.85em; height: 1em; background: url(../../../images/site/kor/main/pop_close.svg) no-repeat center center; background-size: 0.85em 0.85em; 
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}

.main_pop>.bx .txts .js_slide .move ul li strong{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.main_pop>.bx .txts .js_slide .move ul li strong a{ display: block; position: absolute; width: 54%;  height: 8%; left: 50%; transform:  translateX(-50%);  text-indent: -9999999px;}

@media screen and (max-height: 850px) and (min-width: 1024px){
    .main_pop{font-size: 0.9em;}
}
@media all and (max-width : 1024px){
    .main_pop{font-size: 0.9em;}
    .main_pop>.bx .txts .js_slide .control .count{bottom: -2.1em; font-size: 1.2em;}
    .main_pop>.bx .txts .bot{margin-top: 0.2em; font-size: 1.1em;}

}
@media all and (max-width : 840px){
    .main_pop>.bx .txts .js_slide{width: 25em; height: 35.1875em;}
}
@media all and (max-width : 640px){
    .main_pop>.bx .txts{padding: 0 5.8em;}
    .main_pop>.bx .txts .js_slide .control .count{bottom: -2.3em; font-size: 1.2em;}
    .main_pop>.bx .txts .js_slide .control .btn_left{left: -5.8em;}
    .main_pop>.bx .txts .js_slide .control .btn_right{right: -5.8em;}
    .main_pop>.bx .txts .bot{font-size: 1.2em;}

   

}
@media all and (max-width : 480px){
    .main_pop{font-size: 0.8em;}
    .main_pop>.bx .txts{padding: 3em 0 2em;}
    .main_pop>.bx .txts .js_slide .control .btn_left,
    .main_pop>.bx .txts .js_slide .control .btn_right{top: -3.4em; font-size: 0.5em;}
    .main_pop>.bx .txts .js_slide .control .btn_left{left: auto; right: 6em;}
    .main_pop>.bx .txts .js_slide .control .btn_right{right: 0;}
    .main_pop>.bx .txts .js_slide .control .count{bottom: -3.5em; font-size: 1.3em;}
    .main_pop>.bx .txts .bot{margin-top: 0.3em; font-size: 1.2em;}
    .main_pop>.bx .txts .bot input, 
    .main_pop>.bx .txts .bot label,
    .main_pop .bx .txts .bot .close{font-size: 1.05em;}
}


/*2.25.3.17 메인 카드뉴스sns 변경*/
#section2 .bot_box .card_box_modify{ width: calc((100% - 0.875em) * 0.264);}
#section2 .bot_box .card_box.card_box_modify .js_slide .move ul{ background-color: transparent !important;}
#section2 .bot_box .card_box.card_box_modify .js_slide .move ul li a{ height: auto !important; border: none;}
#section2 .bot_box .card_box.card_box_modify .js_slide .control .count{ top: 0; right: 4.7em; background-color:  transparent !important; padding: 0;}




#section2 .bot_box .sns_box.sns_box_modify{ width: calc((100% - 6.12em) * 0.36); display: flex; flex-direction: column;  align-items: center; padding-top: 60px; margin-left: 2.5em; }
#section2 .bot_box .sns_box.sns_box_modify .sns-title{ background-color: #fff; border-radius: 100px; padding: 34px 16%; position: relative; text-align: center; transform: translateX(25px);}
#section2 .bot_box .sns_box.sns_box_modify .sns-title:after{content: "";display: block; width:140px ; height: 163px; 
    background-image:url(/images/site/kor/content/int_char_img05.svg; ); background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; 
    left: -73px; bottom:15px}
#section2 .bot_box .sns_box.sns_box_modify .sns-title .tits{ margin: 0 0 14px 0; display: block;}
#section2 .bot_box .sns_box.sns_box_modify .sns-title p{ line-height: 150%;}
#section2 .bot_box .sns_box.sns_box_modify .sns-title::before{ content: ""; display: block; width:63px ; height:41px ;background:url(/images/site/kor/main/sns-bg.png; ) ;
position: absolute; bottom: 0; left: 0; }

.sns-link{ display: flex;  margin: 36px 0 0 0; justify-content: center;}
.sns-link li{ flex: 0 0 78px;}
.sns-link a{ display:block; padding-top: 64px; text-align: center; position: relative; color: rgba(0,0,0,0.7);}
.sns-link a:before, .sns-link a:after{ content: ""; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 54px; height: 54px;  border-radius: 50%;}
.sns-link a.inst:before{background: linear-gradient(45deg, #BE3AB5, #E8407A);}
.sns-link a.inst:after{ background:url(/images/site/kor/main/ico-insta.svg; ) no-repeat center center;}
.sns-link a.blog:after{ background:#62BC48 url(/images/site/kor/main/ico-blog.svg; ) no-repeat center center;}
.sns-link a.yout:after{ background:#EC2208 url(/images/site/kor/main/ico-youtube.svg; ) no-repeat center center;}
.sns-link a.thread:after{ background:#454545 url(/images/site/kor/main/ico-threads.svg; ) no-repeat center center;}
.sns-link a.twit:after{ background:#252525 url(/images/site/kor/main/ico-x.svg; ) no-repeat center center;}

@media screen and (max-width: 1024px){
 #section2 .bot_box .card_box.card_box_modify{width: calc((100% - 1.35em) / 2) }  
 #section2 .bot_box .sns_box.sns_box_modify{width: calc((100% - 1.35em) / 2); margin-left: 1.33em; padding-top: 10px;} 
}

@media screen and (max-width: 760px){
 #section2 .bot_box .card_box.card_box_modify .js_slide .control .count{ top: 50%; right: auto; padding: 0; transform:translateY(-50%)}
    #section2 .bot_box .card_box.card_box_modify,
	#section2 .bot_box > div,
	#section2 .bot_box .sns_box.sns_box_modify{width: 100%; margin-left: 0;margin-top: 1.43em;}

    #section2 .bot_box > div .txts{ height: auto;}
    .card_box_modify .js_slide.type_02 .move{ position: relative; padding-top: 99%; height: 0 !important;}
    .card_box_modify .js_slide.type_02 .move ul, .card_box_modify .js_slide.type_02 .move ul li{  height: 100%;}
    .card_box_modify .js_slide.type_02 .move ul li img{ width: 100% !important; }


}

@media screen and (max-width: 600px){
    .sns-link{ width: 96%;}
    .sns-link a:before, .sns-link a:after{ width: 48px;  height: 48px;}
    .sns-link li{ flex: 1; width: 20%;}
    #section2 .bot_box .sns_box.sns_box_modify .sns-title:after{ width: 120px; height: 143px;}
    #section2 .bot_box .sns_box.sns_box_modify .sns-title { transform: translateX(36px);}
    
}



@media print {
  
  html, body {
    width: 1200px !important;
    max-width: 1200px !important;
    min-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    zoom: 1 !important;
    overflow: visible !important;
  }

 
  /* 컨테이너 강제 고정 */
  .container, .wrap, .content, #wrap, #main, #container, #fullpage, .user #header, #wrap, #txt, .user #header, .user #header #gnb{
    width: 1200px !important;
    max-width: 1200px !important;
    min-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* 이미지도 고정 너비 처리 */
  img {
    max-width: 100% !important;
    height: auto !important;
  }
 
}