/*************** [visual_0] ***************/
@import url('https://fonts.googleapis.com/earlyaccess/jejuhallasan.css');/*Á¦ÁÖÇѶó»êü*/
@font-face { font-family: 'JSArirang-Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSArirang-RegularA1.woff') format('woff'); font-weight: normal; font-style: normal;}/*Á¤¼±¾Æ¸®¶ûü*/
@font-face { font-family: 'JSArirangHON-Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSArirangHON-RegularA1.woff') format('woff'); font-weight: normal; font-style: normal;}/*Á¤¼±¾Æ¸®¶ûȥü*/
@font-face { font-family: 'Çູ°íÈïL'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/Çູ°íÈïL.woff') format('woff'); font-weight: normal; font-style: normal; }/*Çູ°íÈïü*/
@font-face { font-family: 'Çູ°íÈïM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/Çູ°íÈïM.woff') format('woff'); font-weight: normal; font-style: normal; }/*Çູ°íÈïü*/
@font-face { font-family: 'Çູ°íÈïB'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/Çູ°íÈïB.woff') format('woff'); font-weight: normal; font-style: normal; }/*Çູ°íÈïü*/
@font-face { font-family: 'SangSangRock'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/SangSangRockOTF.woff') format('woff'); font-weight: normal; font-style: normal;}/*»ó»ó¹ÙÀ§*/
@font-face { font-family: 'SangSangAnt'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/SangSangAnt.woff') format('woff'); font-weight: normal; font-style: normal;}/*»ó»ó°³¹Ì*/
@font-face { font-family: 'SangSangFlowerRoad'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/SangSangFlowerRoad.woff') format('woff'); font-weight: normal; font-style: normal; } /*»ó»ó²É±æ*/
@font-face { font-family: 'Nanum Gothic'; src: url('https://cdn.jsdelivr.net/gh/webstoryboy/fonts/nanum/NanumGothic.woff') format('woff'); font-weight: 400; font-style: normal;}/*³ª´®°íµñ*/
@font-face { font-family: 'Nanum Myeongjo'; src: url('https://cdn.jsdelivr.net/gh/webstoryboy/fonts/nanum/NanumMyeongjo.woff') format('woff'); font-weight: 400; font-style: normal;}/*³ª´®¸íÁ¶*/
@font-face { font-family: 'KoPub Batang'; src: url('//fonts.gstatic.com/ea/kopubbatang/v3/KoPubBatang-Regular.woff') format('woff'); font-weight: 600; font-style: normal;}/*´ÜÁ¤ÇÑ ¹ÙÅÁü*/


/****** visual layout *****/
#section_type_visual_12{position:relative;}
#section_type_visual_12 span.btn_prev,
#section_type_visual_12 span.btn_next{position:absolute !important; bottom:25%; z-index:99 !important; width:64px; height:64px; display:block; cursor:pointer;}
#section_type_visual_12 span.btn_prev{background:url(/image/arrow_control.png) no-repeat 0 0; right:200px;}
#section_type_visual_12 span.btn_next{background:url(/image/arrow_control.png) no-repeat -64px 0; right:120px;}

#section_type_visual_12 ul{width:100%; height:100%;}
#section_type_visual_12 ul > li{/*min-width: 100%;*/min-height: 100vh;background-size: cover;background-position: center;background-repeat: no-repeat;height:100%;width:100%;}

/* #section_type_visual_12 ul > li > video, #section_type_visual_12 ul > li > iframeÀº ½ºÅ©·ÑÀ϶§ height:100%; ÁÖ¼® ÇØÁ¦ÇØÁÖ¼¼¿ä */

#section_type_visual_12 ul > li > video, #section_type_visual_12 ul > li > iframe{min-height:100vh; /* height:100%; */}
#section_type_visual_12 ul > li.bg{background-position:center center;}

#section_type_visual_12 video {/*min-width : 100 %; min-height : 100 %;*/ object-fit: cover; /*width : auto; height : auto;*/}
/****** visual layout *****/

/***** visual text *****/
#section_type_visual_12 .text_wrap{position:absolute; width:100%; height:100%;}
#section_type_visual_12 .inner{margin:0 auto;}

#section_type_visual_12 .text{display:table; height:100%;z-index:2; font-size:15px;}
#section_type_visual_12 .text > div{display:table-cell; vertical-align:middle; text-align:center; width:100%; height:100%;}

/*-------- ±âº» ÆùÆ® Á¤ÀÇ --------*/
/** Á¦¸ñ±Û ±âº» **/
#section_type_visual_12 .txt1 {
	font-family: 'GmarketSansMedium';
	font-size:75px;
	letter-spacing:-4px;
	color:#fff;
	margin-bottom:20px;
	line-height:135%;
	text-shadow:1px 1px 5px rgba(0,0,0,0.5);
	-webkit-text-shadow:1px 1px 5px rgba(0,0,0,0.5);
	-moz-text-shadow:1px 1px 5px rgba(0,0,0,0.5);
	-o-text-shadow:1px 1px 5px rgba(0,0,0,0.5);
}

/** Á¦¸ñ±Û ±âº» º¼µåü **/
#section_type_visual_12 .txt1 > span {
	font-family: 'GmarketSansBold';
	font-size:80px;
}

/** ³»¿ë±Û ±âº» **/
#section_type_visual_12 .txt2 {
	font-family: 'GmarketSansLight';
	font-size:40px;
	letter-spacing:-1px;
	color:#fff; line-height:145%;
}

/** ³»¿ë±Û ±âº» º¼µåü **/
#section_type_visual_12 .txt2 > span {
	font-family: 'GmarketSansMedium';
	font-size:45px;
}

/** ¼³¸í±Û ±âº» **/
#section_type_visual_12 .txt3 {
	font-family: 'GmarketSansLight';
	font-size:30px;
	letter-spacing:-1px;
	color:#fff;
	line-height:145%;
}

/** ¼³¸í±Û ±âº» º¼µåü **/
#section_type_visual_12 .txt3 > span {
	font-family: 'GmarketSansMedium';
	font-size:35px;
}

/** Á¦ÁÖÇѶó»êü **/
#section_type_visual_12 .jejuHallasan {
	font-family: 'jeju Hallasan';
}
#section_type_visual_12 span.jejuHallasan {
	font-family: 'jeju Hallasan';
	font-weight: 800;
}

/** Á¤¼±¾Æ¸®¶ûü **/
#section_type_visual_12 .JSArirang {
	font-family: 'JSArirang-Regular';
	font-size:100px;
}
#section_type_visual_12 span.JSArirang {
	font-family: 'JSArirang-Regular';
	font-weight: 800;
}

/** Á¤¼±¾Æ¸®¶ûȥü **/
#section_type_visual_12 .JSArirangHON {
	font-family: 'JSArirangHON-Regular';
}
#section_type_visual_12 span.JSArirangHON {
	font-family: 'JSArirangHON-Regular';
	font-weight: 800;
}

/** Çູ°íÈïü **/
#section_type_visual_12 .happyM {
	font-family: 'Çູ°íÈïM';
	letter-spacing:0px;
	font-size:120px;
}
#section_type_visual_12 span.happyM {
	font-family: 'Çູ°íÈïB';
	font-size:125px;
}
#section_type_visual_12 .txt2.happyM {
	font-family: 'Çູ°íÈïL';
	letter-spacing:0px;
	font-size:70px;
}
#section_type_visual_12 .txt2 span.happyM {
	font-family: 'Çູ°íÈïM';
	font-size:75px;
}
#section_type_visual_12 .txt3.happyM {
	font-family: 'Çູ°íÈïL';
	letter-spacing:0px;
	font-size:55px;
}
#section_type_visual_12 .txt3 span.happyM {
	font-family: 'Çູ°íÈïM';
	font-size:60px;
}

/** »ó»ó°³¹Ì **/
#section_type_visual_12 .SangSangAnt {
	font-family: 'SangSangAnt';
	font-size:130px;
}
#section_type_visual_12 span.SangSangAnt {
	font-family: 'SangSangAnt';
	font-size:135px;
	font-weight: 800;
}
#section_type_visual_12 .txt2.SangSangAnt {
	font-family: 'SangSangAnt';
	font-size:75px;
}
#section_type_visual_12 .txt2 span.SangSangAnt {
	font-family: 'SangSangAnt';
	font-size:80px;
	font-weight: 800;
}
#section_type_visual_12 .txt3.SangSangAnt {
	font-family: 'SangSangAnt';
	font-size:55px;
}
#section_type_visual_12 .txt3 span.SangSangAnt {
	font-family: 'SangSangAnt';
	font-size:60px;
	font-weight: 800;
}

/** »ó»ó²É±æ **/
#section_type_visual_12 .SangSangFlowerRoad {
	font-family: 'SangSangFlowerRoad';
	font-size:100px;
}
#section_type_visual_12 span.SangSangFlowerRoad {
	font-family: 'SangSangFlowerRoad';
	font-size:105px;
	font-weight: 800;
}

#section_type_visual_12 .txt2.SangSangFlowerRoad {
	font-family: 'SangSangFlowerRoad';
	font-size:60px;
}
#section_type_visual_12 .txt2 span.SangSangFlowerRoad {
	font-family: 'SangSangFlowerRoad';
	font-size:65px;
	font-weight: 800;
}
#section_type_visual_12 .txt3.SangSangFlowerRoad {
	font-family: 'SangSangFlowerRoad';
	font-size:48px;
}
#section_type_visual_12 .txt3 span.SangSangFlowerRoad {
	font-family: 'SangSangFlowerRoad';
	font-size:53px;
	font-weight: 800;
}

/** »ó»ó¹ÙÀ§ **/
#section_type_visual_12 .SangSangRock {
	font-family: 'SangSangRock';
	font-size:80px;
}
#section_type_visual_12 span.SangSangRock {
	font-family: 'SangSangRock';
	font-size:85px;
	font-weight: 800;
}
#section_type_visual_12 .txt2.SangSangRock {
	font-family: 'SangSangRock';
	font-size:45px;
}
#section_type_visual_12 .txt2 span.SangSangRock {
	font-family: 'SangSangRock';
	font-size:50px;
	font-weight: 800;
}
#section_type_visual_12 .txt3.SangSangRock {
	font-family: 'SangSangRock';
	font-size:35px;
}
#section_type_visual_12 .txt3 span.SangSangRock {
	font-family: 'SangSangRock';
	font-size:40px;
	font-weight: 800;
}

/** ³ª´®°íµñ **/
#section_type_visual_12 .NanumGothic {
	font-family: 'Nanum Gothic';
	font-size:75px;
}
#section_type_visual_12 span.NanumGothic {
	font-family: 'Nanum Gothic';
	font-size:75px;
	font-weight: 800;
}
#section_type_visual_12 .txt2.NanumGothic {
	font-family: 'Nanum Gothic';
	font-size:40px;
}
#section_type_visual_12 .txt2 span.NanumGothic {
	font-family: 'Nanum Gothic';
	font-size:45px;
	font-weight: 800;
}
#section_type_visual_12 .txt3.NanumGothic {
	font-family: 'Nanum Gothic';
	font-size:35px;
}
#section_type_visual_12 .txt3 span.NanumGothic {
	font-family: 'Nanum Gothic';
	font-size:30px;
	font-weight: 800;
}

/** ³ª´®¸íÁ¶ **/
#section_type_visual_12 .NanumMyeongjo {
	font-family: 'Nanum Myeongjo';
	font-size:75px;
}
#section_type_visual_12 span.NanumMyeongjo {
	font-family: 'Nanum Myeongjo';
	font-size:75px;
	font-weight: 800;
}
#section_type_visual_12 .txt2.NanumMyeongjo {
	font-family: 'Nanum Myeongjo';
	font-size:40px;
}
#section_type_visual_12 .txt2 span.NanumMyeongjo {
	font-family: 'Nanum Myeongjo';
	font-size:45px;
	font-weight: 800;
}
#section_type_visual_12 .txt3.NanumMyeongjo {
	font-family: 'Nanum Myeongjo';
	font-size:35px;
}
#section_type_visual_12 .txt3 span.NanumMyeongjo {
	font-family: 'Nanum Myeongjo';
	font-size:30px;
	font-weight: 800;
}

/** ´ÜÁ¤ÇÑ ¹ÙÅÁü **/
#section_type_visual_12 .KoPubBatang {
	font-family: 'KoPub Batang';
	font-size:75px;
}
#section_type_visual_12 span.KoPubBatang {
	font-family: 'KoPub Batang';
	font-size:75px;
	font-weight: 800;
}
#section_type_visual_12 .txt2.KoPubBatang {
	font-family: 'KoPub Batang';
	font-size:40px;
}
#section_type_visual_12 .txt2 span.KoPubBatang {
	font-family: 'KoPub Batang';
	font-size:45px;
	font-weight: 800;
}
#section_type_visual_12 .txt3.KoPubBatang {
	font-family: 'KoPub Batang';
	font-size:35px;
}
#section_type_visual_12 .txt3 span.KoPubBatang {
	font-family: 'KoPub Batang';
	font-size:30px;
	font-weight: 800;
}

/** ´ÜÁ¤ÇÑ ¹ÙÅÁü ******************************************/

/*-------- ±âº» ÆùÆ® Á¤ÀÇ --------*/

/***** visual text *****/

/*************** [visual]responsive ***************/
@media screen and (max-width:1200px){ 
	#section_type_visual_12 span.btn_prev{left:2%}
    #section_type_visual_12 span.btn_next{right:2%}

	/*-------- ÆùÆ® »çÀÌÁî --------*/
	#section_type_visual_12 .txt1{font-size:30px;line-height:90%;margin-bottom:5px;}
	#section_type_visual_12 .txt1 > span{font-size:35px;line-height:90%;margin-bottom:5px;}
	#section_type_visual_12 .txt2 {font-size:22px;}
	#section_type_visual_12 .txt2 > span{font-size:27px;}
	#section_type_visual_12 .txt3{font-size:18px;}
	#section_type_visual_12 .txt3 > span{font-size:23px;}

	#section_type_visual_12 .happyM{font-size:53px;line-height:60%;}
	#section_type_visual_12 span.happyM{font-size:58px;line-height:60%;}
	#section_type_visual_12 .SangSangAnt{font-size:57px;}
	#section_type_visual_12 span.SangSangAnt{font-size:62px;}
	#section_type_visual_12 .SangSangFlowerRoad{font-size:44px;}
	#section_type_visual_12 span.SangSangFlowerRoad{font-size:49px;}
	#section_type_visual_12 .SangSangRock{font-size:35px;}
	#section_type_visual_12 span.SangSangRock{font-size:40px;}
	#section_type_visual_12 .NanumGothic{font-size:30px;}
	#section_type_visual_12 span.NanumGothic{font-size:35px;}
	#section_type_visual_12 .NanumMyeongjo{font-size:30px;}
	#section_type_visual_12 span.NanumMyeongjo{font-size:35px;}

	#section_type_visual_12 .txt2.happyM{font-size:40px;}
	#section_type_visual_12 .txt2 span.happyM{font-size:43px;}
	#section_type_visual_12 .txt2.SangSangAnt{font-size:40px;}
	#section_type_visual_12 .txt2 span.SangSangAnt{font-size:43px;}
	#section_type_visual_12 .txt2.SangSangFlowerRoad{font-size:35px;}
	#section_type_visual_12 .txt2 span.SangSangFlowerRoad{font-size:39px;}
	#section_type_visual_12 .txt2.SangSangRock{font-size:25px;}
	#section_type_visual_12 .txt2 span.SangSangRock{font-size:28px;}
	#section_type_visual_12 .txt2.NanumGothic{font-size:22px;}
	#section_type_visual_12 .txt2 span.NanumGothic{font-size:27px;}
	#section_type_visual_12 .txt2.NanumMyeongjo{font-size:22px;}
	#section_type_visual_12 .txt2 span.NanumMyeongjo{font-size:27px;}

	#section_type_visual_12 .txt3.happyM{font-size:30px;}
	#section_type_visual_12 .txt3 span.happyM{font-size:33px;}
	#section_type_visual_12 .txt3.SangSangAnt{font-size:30px;}
	#section_type_visual_12 .txt3 span.SangSangAnt{font-size:33px;}
	#section_type_visual_12 .txt3.SangSangFlowerRoad{font-size:28px;}
	#section_type_visual_12 .txt3 span.SangSangFlowerRoad{font-size:32px;}
	#section_type_visual_12 .txt3.SangSangRock{font-size:20px;}
	#section_type_visual_12 .txt3 span.SangSangRock{font-size:24px;}
	#section_type_visual_12 .txt3.NanumGothic{font-size:18px;}
	#section_type_visual_12 .txt3 span.NanumGothic{font-size:23px;}
	#section_type_visual_12 .txt3.NanumMyeongjo{font-size:18px;}
	#section_type_visual_12 .txt3 span.NanumMyeongjo{font-size:23px;}
	/*-------- ÆùÆ® »çÀÌÁî --------*/

}
@media screen and (max-width:975px){
    #section_type_visual_12.fp-section,
    /*#section_type_visual_12 .fp-tableCell{height: auto !important; min-height: 100%;}*/
}
@media screen and (max-width:960px){ 
	#section_type_visual_12 ul > li{min-height:80vh;}
	#section_type_visual_12 ul > li > video, #section_type_visual_12 ul > li > iframe{min-height:80vh;}

	#section_type_visual_12 span.btn_prev{background-size:82px; width:42px;}
    #section_type_visual_12 span.btn_next{background-size:82px; width:42px; background-position:-42px 0;}

	#section_type_visual_12.fp-section, #section_type_visual_12 .fp-tableCell {
		height: auto !important;
		min-height: 100%;
	}
}
@media screen and (max-width:640px){ 
	#section_type_visual_12 ul > li{min-height:40vh;}
	#section_type_visual_12 ul > li > video, #section_type_visual_12 ul > li > iframe {min-height:40vh;}

	#section_type_visual_12 span.btn_prev{background-size:82px; width:42px;}
	#section_type_visual_12 span.btn_next{background-size:82px; width:42px; background-position:-42px 0;}
}
@media screen and (max-width:480px){

	/*-------- ÆùÆ® »çÀÌÁî --------*/
	#section_type_visual_12 .txt1{font-size:30px;line-height:90%;margin-bottom:5px;}
	#section_type_visual_12 .txt1 > span{font-size:35px;line-height:90%;margin-bottom:5px;}
	#section_type_visual_12 .txt2 {font-size:22px;}
	#section_type_visual_12 .txt2 > span{font-size:27px;}
	#section_type_visual_12 .txt3{font-size:18px;}
	#section_type_visual_12 .txt3 > span{font-size:23px;}

	#section_type_visual_12 .happyM{font-size:53px;line-height:60%;}
	#section_type_visual_12 span.happyM{font-size:58px;line-height:60%;}
	#section_type_visual_12 .SangSangAnt{font-size:57px;}
	#section_type_visual_12 span.SangSangAnt{font-size:62px;}
	#section_type_visual_12 .SangSangFlowerRoad{font-size:44px;}
	#section_type_visual_12 span.SangSangFlowerRoad{font-size:49px;}
	#section_type_visual_12 .SangSangRock{font-size:35px;}
	#section_type_visual_12 span.SangSangRock{font-size:40px;}

	#section_type_visual_12 .txt2.happyM{font-size:40px;}
	#section_type_visual_12 .txt2 span.happyM{font-size:43px;}
	#section_type_visual_12 .txt2.SangSangAnt{font-size:40px;}
	#section_type_visual_12 .txt2 span.SangSangAnt{font-size:43px;}
	#section_type_visual_12 .txt2.SangSangFlowerRoad{font-size:35px;}
	#section_type_visual_12 .txt2 span.SangSangFlowerRoad{font-size:39px;}
	#section_type_visual_12 .txt2.SangSangRock{font-size:25px;}
	#section_type_visual_12 .txt2 span.SangSangRock{font-size:28px;}

	#section_type_visual_12 .txt3.happyM{font-size:30px;}
	#section_type_visual_12 .txt3 span.happyM{font-size:33px;}
	#section_type_visual_12 .txt3.SangSangAnt{font-size:30px;}
	#section_type_visual_12 .txt3 span.SangSangAnt{font-size:33px;}
	#section_type_visual_12 .txt3.SangSangFlowerRoad{font-size:28px;}
	#section_type_visual_12 .txt3 span.SangSangFlowerRoad{font-size:32px;}
	#section_type_visual_12 .txt3.SangSangRock{font-size:20px;}
	#section_type_visual_12 .txt3 span.SangSangRock{font-size:24px;}
	/*-------- ÆùÆ® »çÀÌÁî --------*/
}

@media screen and (max-width:395px){
	#section_type_visual_12 ul > li{min-height:60vh;}
	#section_type_visual_12 ul > li > video, #section_type_visual_12 ul > li > iframe {min-height:60vh; height:100%;}

	#section_type_visual_12 span.btn_prev{background-size:68px; width:34px;}
	#section_type_visual_12 span.btn_next{background-size:68px; width:34px; background-position:-34px 0;}
}
@media screen and (max-width:320px){ 
	#section_type_visual_12 ul > li{min-height:50vh;}
	#section_type_visual_12 ul > li > video, #section_type_visual_12 ul > li > iframe {min-height:50vh;}
}
/*************** [visual]responsive ***************/




/*ÁÂÃø ·¹ÀÌ¾î ¹è³Ê*/

#visual_box {position:absolute; width:300px; height:100%; top: 0; background:url("/section/visual/visual_12/img/visual_box.png")no-repeat center center; background-size:cover; z-index:99}
#visual_box ul {position:absolute; left:50%; top:55%; transform: translate(-50%, -50%); width:100px; height:535px;}
#visual_box ul li {width:100px; height:100px; min-height:100px; margin-bottom:45px;}
#visual_box ul li:last-child {margin-bottom:0;}
#visual_box ul li a {width:100%; height:100%;}
#visual_box ul li a h3 {text-align:center;}
#visual_box ul li a p {text-align:center; margin-top:8px; font-size:18px; color:#fff; font-weight:300;}


@media screen and (max-width:1200px){ 
	#section_type_visual_12.fp-section, 
	#section_type_visual_12 .fp-tableCell {height:auto !important; min-height:100%;}
	
	#section_type_visual_12 {position:relative; height:700px;}
	#visual_box {position: relative; width:100%; height:200px; bottom:0; left:0; background:rgba(87, 119, 199, 1); top: unset;}
	#visual_box ul {width:100%;}
	#visual_box ul li {float:left; width: 25%; height: 100%; margin-bottom: 0; display: table;}
	#visual_box ul li a {display:table-cell; vertical-align:middle;}
	#visual_box ul li a p {font-size:16px;}

	#section_type_visual_12 video {
		object-fit: cover;
	}
	#section_type_visual_12 img, #section_type_visual_12 video {
		max-width: 100%;
	}
	#section_type_visual_12 span.btn_prev,
    #section_type_visual_12 span.btn_next{bottom:50%;}
}
@media screen and (max-width:450px){
	#section_type_visual_12 {height:500px;}
	#visual_box {height:150px;}
	#visual_box ul li a h3 img {width:56px;}
	#visual_box ul li a p {font-size:15px;}
}
@media screen and (max-width:390px){
	#visual_box {height:200px;}
	#visual_box ul li {width:50%; height:25%;}
	#visual_box ul {height:220px;}
}