@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_1*/

#section_type_introduce_8_1 {}
#section_type_introduce_8_1 .intro_box {background:url("/section/introduce/introduce_8_1/img/bg_worship.jpg") no-repeat center center; background-size:cover; height:auto; padding:100px 0; background-attachment: fixed;}

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

#section_type_introduce_8_1 .intro_box .inner .intro_con {display:table-cell; vertical-align:middle;}
#section_type_introduce_8_1 .intro_box .inner .intro_con .box {width: 100%;}
#section_type_introduce_8_1 .intro_box .inner .intro_con h2 {font-weight:400; font-size:40px; text-align:center; color:#fff; margin-bottom:60px; line-height:135%; text-shadow:3px 3px 3px rgba(0,0,0,0.4); letter-spacing:-1px; padding: 0 10px;}
#section_type_introduce_8_1 .intro_box .inner .intro_con p {font-weight:300; font-size:22px; text-align:center; color:#fff; margin-bottom:50px; line-height:145%; letter-spacing:-1px; padding: 0 20px;}
#section_type_introduce_8_1 .intro_box .inner .intro_con .btn {position: relative; width:250px; height:50px; left: 50%; margin-left: -125px; background:#e36b57; border-radius:50px; box-shadow:3px 3px 3px rgba(0,0,0,0.4);}
#section_type_introduce_8_1 .intro_box .inner .intro_con .btn a {display:table; width:100%; height:100%; border-radius:50px;}
#section_type_introduce_8_1 .intro_box .inner .intro_con .btn a h3 {display:table-cell; vertical-align:middle; font-weight:400; font-size:18px; text-align:center; color:#fff; padding-bottom:2px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_introduce_8_1 .intro_box .inner .intro_con .btn a h3 img {padding-left:20px;}


/*---- [table] ----*/
#section_type_introduce_8_1 .intro_box .inner .intro_con table{width:100%; margin-bottom:40px; border-top:2px solid #393939; background: rgba(5,5,5,0.5); color:white; word-break: normal;}
#section_type_introduce_8_1 .intro_box .inner .intro_con th,
#section_type_introduce_8_1 .intro_box .inner .intro_con td{border:1px solid #ddd; padding:15px; font-size:18px; line-height:150%; vertical-align:middle; text-align:center;}
#section_type_introduce_8_1 .intro_box .inner .intro_con th:first-child,
#section_type_introduce_8_1 .intro_box .inner .intro_con td:first-child{border-left:0; }
#section_type_introduce_8_1 .intro_box .inner .intro_con th:last-child,
#section_type_introduce_8_1 .intro_box .inner .intro_con td:last-child{border-right:0; }
#section_type_introduce_8_1 .intro_box .inner .intro_con thead th{background:rgba(111,13,13,0.45); font-weight:500; }  
#section_type_introduce_8_1 .intro_box .inner .intro_con table span {text-shadow:2px 2px 2px rgba(111,13,13,0.45); font-weight:500;}
/*---- [table] ----*/


/*---- [table] ----*/
/*x_scroll*/
#section_type_introduce_8_1 .x_scroll{ width:100%; overflow-x:auto; white-space: nowrap; margin-bottom: 30px;}
::-webkit-scrollbar { -webkit-appearance: none; } 
::-webkit-scrollbar:vertical { width: 12px; } 
::-webkit-scrollbar:horizontal { height: 8px; } 
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 1px solid #eeeeee; } 
::-webkit-scrollbar-track { border-radius: 10px; background-color: #eeeeee; }
/*---- [table] ----*/

/*************** [banner]responsive ***************/
@media screen and (max-width:1200px) {
	#section_type_introduce_8_1 .intro_box .inner .intro_con .box {width: 96%; margin: 0 auto;}
}

@media screen and (max-width:1024px) {
    #section_type_introduce_8_1 .intro_box {padding:80px 0;}
	#section_type_introduce_8_1 .intro_box .inner .intro_con h2 {font-size:35px;}
	#section_type_introduce_8_1 .intro_box .inner .intro_con p {font-size:20px;}

	#section_type_introduce_8_1 .intro_box .inner .intro_con table{margin-bottom:40px; }
	#section_type_introduce_8_1 .intro_box .inner .intro_con th,
	#section_type_introduce_8_1 .intro_box .inner .intro_con td{border:1px solid #ddd; padding:1%; font-size:15px; line-height:150%; vertical-align:middle; text-align:center;}

}
@media screen and (max-width:480px) {
    #section_type_introduce_8_1 .intro_box {padding:50px 0;}
	#section_type_introduce_8_1 .intro_box .inner .intro_con h2 {font-size:30px;}
	#section_type_introduce_8_1 .intro_box .inner .intro_con p {font-size:18px;}
	#section_type_introduce_8_1 .intro_box .inner .intro_con .btn a h3 {font-size:17px;}
}