@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/jejuhallasan.css');/*Á¦ÁÖÇѶó»êü*/
@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: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }

/*************** [banner]basic ***************/
/*#section_type_introduce_8*/

#section_type_introduce_8 {}
#section_type_introduce_8 .intro_box {background:url("/section/introduce/introduce_8/img/bg_greeting.png") right bottom no-repeat; height:auto; padding:80px 0 50px;}

#section_type_introduce_8 .intro_box .inner {display: table; width: 100%; height: 100%;}

#section_type_introduce_8 .intro_box .inner .intro_con {display:table-cell; vertical-align:middle;}
#section_type_introduce_8 .intro_box .inner .intro_con h2 {font-weight:400; font-size:40px; text-align:center; color:#22cace; font-family:'GmarketSansMedium'; margin-bottom:60px; line-height:135%; letter-spacing:-1px; padding: 0 10px;}
#section_type_introduce_8 .intro_box .inner .intro_con p {font-weight:400; font-size:20px; text-align:center; color:#555; margin-bottom:50px; line-height:145%; letter-spacing:-1px; padding: 0 20px;}
#section_type_introduce_8 .intro_box .inner .intro_con p span{font-weight:500; color:#22cace;}
#section_type_introduce_8 .intro_box .inner .intro_con p span.orange {font-weight:500; color:#ef7c00;}
#section_type_introduce_8 .intro_box .inner .intro_con p span.spacing {padding-left:130px; color:#555; font-weight:400;}

#section_type_introduce_8 .intro_box .inner .intro_con .fig_box {display: flex;justify-content: center;}
#section_type_introduce_8 .intro_box .inner .intro_con .fig_box img {width:60%}

box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_introduce_8 .intro_box .inner .intro_con .btn a h3 img {padding-left:20px;}


/*************** [banner]responsive ***************/
@media screen and (max-width:1024px) {
	#section_type_introduce_8 .intro_box .inner .intro_con h2 {font-size:35px;}
	#section_type_introduce_8 .intro_box .inner .intro_con p {font-size:20px;}
	#section_type_introduce_8 .intro_box {background:none;}
}
@media screen and (max-width:875px) {
	#section_type_introduce_8 .intro_box .inner .intro_con p span.spacing {padding-left:0px;}
}
@media screen and (max-width:480px) {
	#section_type_introduce_8 .intro_box .inner .intro_con h2 {font-size:24px;}
	#section_type_introduce_8 .intro_box .inner .intro_con p {font-size:18px;}
	#section_type_introduce_8 .intro_box .inner .intro_con .btn a h3 {font-size:17px;}
	#section_type_introduce_8 .intro_box .inner .intro_con .fig_box img {width:90%}
}