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


/*¿¬Çõ template_2  history_2*/
 .history_2 {margin-bottom: 200px;}
 .history_2 ul.tabs {overflow:hidden; width:100%;}
 .history_2 ul.tabs li {float:left;text-align:center;cursor: pointer; background:rgba(3,3,3,0.25); color:#fff; font-size:18px; overflow:hidden; position: relative; height:50px; line-height:50px; box-sizing:border-box; width:25%; border:1px solid #ddd; border-right:0 !important; font-weight:400;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
 .history_2 ul.tabs li:last-child{border-right:1px solid #ddd !important;}
 .history_2 ul.tabs li.active{background:#000; color:#fff;}
 .history_2 .tab_container{margin-top:0px;}
 .history_2 .tab_content{display: none; padding:0 20px;}

 .history_2 .tab_content_2 > div{width:100%; display:table;}
 .history_2 .tab_content_2 > div h3,
 .history_2 .tab_content_2 > div ul{display:table-cell; vertical-align:top;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
 .history_2 .tab_content_2 > div h3{width:30%; font-size:35px; font-family: "GmarketSansMedium"; font-weight:600; letter-spacing:-1px; padding-top:15px; padding-right:30px;}
 .history_2 .tab_content_2 > div ul{width:70%; padding-left:30px; border-left:1px solid #ddd;}
 .history_2 .tab_content_2 > div ul li{width:100%; display:table; margin:20px 0;}
 .history_2 .tab_content_2 > div ul li > p{display:table-cell; vertical-align:top;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
 .history_2 .tab_content_2 > div ul li > p:first-child{width:30%; font-weight:400; color:#222; line-height:135%;}
 .history_2 .tab_content_2 > div ul li > p:last-child{width:70%; padding-left:10px; color:#444; line-height:135%;}


@media screen and (max-width:1024px){ 
     .history_2 {margin-bottom: 40px;}
	 .history_2 .tab_container{margin:0 auto; width:96%}
     .history_2 .tab_content_2 > div h3,
     .history_2 .tab_content_2 > div ul{display:block;}
	 .history_2 .tab_content_2 > div h3{font-size:24px; width:100%; margin-bottom:30px;}
	 .history_2 .tab_content_2 > div ul{width:100%; padding-left:20px;}
	 .history_2 ul.tabs {width:96%; margin: 0 auto;}
	 .history_2 ul.tabs li{width:50%; font-size:17px;}
	 .history_2 ul.tabs li:nth-child(1),
     .history_2 ul.tabs li:nth-child(2) {border-bottom:0 !important;}
	 .history_2 ul.tabs li:nth-child(2) {border-right:1px solid #ddd !important;}
}
@media screen and (max-width:600px){ 
	 .history_2 .tab_content_2 > div ul li > p:first-child{width:35%;}
	 .history_2 .tab_content_2 > div ul li > p:last-child{width:65%;}
}
@media screen and (max-width:450px){
	 .history_2 ul.tabs li{font-size:16px;}
	 .history_2 .tab_content_2 > div ul li > p:first-child{width:40%;}
	 .history_2 .tab_content_2 > div ul li > p:last-child{width:60%;}
}


#section_history_2 {position:relative; width:100%;  height:900px; background:url("/image/content/dum_bg.jpg") no-repeat center center;background-attachment: fixed;}
#section_history_2 .layout_center{position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index:99;}
#section_history_2 .layout_center .box_n {height: 400px; overflow-y:auto;width: 100%; margin-bottom:60px;}

#section_history_2 h1.title_w {padding-top: 170px;}
#section_history_2 ul.tabs_2 { width: 100%; color:#555; margin: 0; padding: 0; height: 30px; max-width:1200px; box-sizing: border-box; -webkit-box-sizing:border-box;} 

#section_history_2 ul.tabs_2 li { position: relative; float: left; text-align:center; cursor: pointer; width:25%; padding: 15px; line-height: 15px; border: 1px solid #dedede;  box-sizing: border-box; height: 50px; color:white; background:rgba(25,25,25,0.3);} 

#section_history_2 ul.tabs_2 li:first-child { border-left:1px solid #dedede; } 
#section_history_2 ul.tabs_2 li.active { background-color:#393939; color:#fff; } 


@media screen and (max-width:1024px){
    
	 #section_history_2 h1.title_w:after {background:#fff;}
	 #section_history_2 h1.title_w {padding-top: 70px;}
	 #section_history_2 .bgslider_wrapper {display:none;}
	 #section_history_2 .layout_center {position: initial; transform: initial; width:96%;}
	 /*#section_history_2 .layout_center .box_n {height:auto; margin: 0 auto; width:96%; border: none;}*/
	 #section_history_2 ul.tabs_2 li{width:50%; background: #fafafa; color:#555;}
	 #section_history_2 ul.tabs_2 li.active{background: #fff; color: #fb5959;}
	 #section_history_2 ul.tabs_2 li:nth-child(1),
     #section_history_2 ul.tabs_2 li:nth-child(2) {border-bottom:0 !important;}
	 #section_history_2 ul.tabs_2 li:nth-child(2) {border-right:1px solid #ddd !important;}
}

@media screen and (max-width:580px){
 #section_history_2 h1.title_w {font-size:28px;}
 #section_history_2 h1.title_w:after {height: 1px; margin-top: 20px;}
 #section_history_2 {height:800px;}
 #section_history_2 ul.tabs_2 li {padding: 10px; line-height: 20px; font-size: 14px; height: 45px;}

}