/*!
 * Start Bootstrap - One Page Wonder HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
.MyriadL{font-family: 'MyriadPro-Light' !important;}
.MyriadR{font-family: 'MyriadPro-Regular' !important;}
.MyriadSB{font-family: 'MyriadPro-Semibold' !important;}
.MyriadB{font-family: 'MyriadPro-bold' !important;}

html,
body {
    width: 100%;
    height: 100%;
	font-family: 'MyriadPro-Light' !important;
}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}

.none{display:none;}
.clear {clear: both;}
/*폰트 사이즈*/
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs30{font-size:30px;}
.fs36{font-size:36px;}
.fs48{font-size:48px;}
.fs60{font-size:60px;}
.fs70{font-size:70px;}
.fs72{font-size:72px;}
.fs90{font-size:90px;}

.bold{font-weight:bold;}


.mt5{margin-top:5px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}

.pa10{padding:10px;}
.pa20{padding:20px;}
.pa30{padding:30px;}
.pa40{padding:40px;}
.pa50{padding:50px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}

.pl60{padding-left:60px;}
.pr10{padding-right:10px;}

.fc-white{color:#FFF;}
.fc-black{color:#000;}
.fc-year{color:#949494} /*회사연혁 년도*/

.lh24{line-height:24px;}
.lh48{line-height:48px;}
.lh150{line-height:150%;}
.lh180{line-height:180%;}
.lh220{line-height:220%;}


.w15p{width:15%;}
.w20p{width:20%;}
.w25p{width:25%;}
.w33p{width:33%;}
.w34p{width:34%;}
.w35p{width:35%;}
.w40p{width:40%;}
.w50p{width:50%;}
.w45p{width:45%;}
.w75p{width:75%;}
.w80p{width:80%;}
.w85p{width:85%;}
.w90p{width:90%;}
.w100p{width:100%;}

hr.solid {margin:0px auto;border-top: 1px solid #bbb;}
hr.dashed {margin:0px auto;border-top: 1px dashed #bbb;background-color: #fff;}

.item{padding:0px;}

a {cursor:pointer;outline:0;}
a:link {text-decoration:none;outline:0;}
a:visited {text-decoration:none;outline:0;}
a:active {text-decoration:none;outline:0;}
a:hover {text-decoration:none;outline:0;}

body {
	padding-top: 82px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    background-color:#f4f4f4;
	font-size:16px;
}
#wrap {position: relative;width: 100%;margin: 0;padding: 0;min-height: 100%;}

header.header-image {display: block;width: 100%;background: url('/en/main/img/mainbanner.jpg') no-repeat top center scroll;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;}
header.header-image > .headline {font-family:'MyriadPro-Semibold';color: #24324c;background-color: transparent;}

#contents{background:#fff;clear: both;position: relative;padding-bottom: 143px;}


#contents > .subtitle {display:table;margin-left: auto;margin-right: auto;}
#contents > .subtitle > div.bar_left{display:table-cell;}
#contents > .subtitle > div.space{display:table-cell;}
#contents > .subtitle > div.title{display:table-cell;vertical-align: middle;font-family:'MyriadPro-Semibold';}
#contents > .subtitle > div.bar_right{display:table-cell;}

#contents > .main-desc1 p{text-align:center;font-family:'MyriadPro-Light';}
#contents > .main-desc2 p{text-align:center;font-family:'MyriadPro-Light';}
#contents > .sub-desc1 p{text-align:center;font-family:'MyriadPro-Light';}
#contents > .sub-desc2 p{text-align:center;font-family:'MyriadPro-Light';}

#contents > .main-button{margin:0% 6% 0% 6%;}

#contents > .main-button > .row > .item > .bannerbox {padding:10px;}
#contents > .main-button > .row > .item > .bannerbox > .mainbtn1{display:table;width:100%;background: url('/en/main/img/main_btn1.jpg') no-repeat center center scroll;z-index:100;}
#contents > .main-button > .row > .item > .bannerbox > .mainbtn1 div{z-index:101;display:table-cell; text-align:center; vertical-align:middle;font-family:'MyriadPro-Regular';}
#contents > .main-button > .row > .item > .bannerbox > .mainbtn2{display:table;width:100%;background: url('/en/main/img/main_btn2.jpg') no-repeat center center scroll;z-index:200;}
#contents > .main-button > .row > .item > .bannerbox > .mainbtn2 div{z-index:201;display:table-cell; text-align:center; vertical-align:middle;font-family:'MyriadPro-Regular';}
#contents > .main-button > .row > .item > .bannerbox > .mainbtn3{display:table;width:100%;background: url('/en/main/img/main_btn3.jpg') no-repeat center left scroll;z-index:300;}
#contents > .main-button > .row > .item > .bannerbox > .mainbtn3 div{z-index:301;display:table-cell; text-align:center; vertical-align:middle;font-family:'MyriadPro-Regular';}
#contents > .main-button > .row > .item > .bannerbox > .mainbtn4{display:table;width:100%;z-index:300;}
#contents > .main-button > .row > .item > .bannerbox > .mainbtn4 div{z-index:401;display:table-cell; text-align:center; vertical-align:middle;font-family:'MyriadPro-Regular';}




/*bootstrap css*/
/*col-xs*/
@media only screen and (min-width : 0px) and (max-width : 767px) {
	#contents > .subtitle {margin-top:50px;margin-bottom:20px;}
	#contents > .subtitle > div.bar_left{border-left:4px solid #000;height:40px;}
	#contents > .subtitle > div.space{width:30px;}
	#contents > .subtitle > div.title{font-size:150%;}
	#contents > .subtitle > div.bar_right{border-right:4px solid #000;height:40px;}

	#contents > .main-desc1{width:90%;margin:0px auto;}
	#contents > .main-desc2{width:90%;margin:0px auto;}
	#contents > .main-desc1 p{font-size:100%;}
	#contents > .main-desc2 p{font-size:100%;}

	#contents > .sub-desc1{width:90%;margin:0px auto;}
	#contents > .sub-desc2{width:90%;margin:0px auto;}
	#contents > .sub-desc1 p{font-size:100%;}
	#contents > .sub-desc2 p{font-size:100%;}

	#contents > .main-button > .row > .item > .bannerbox > .mainbtn1 div{height:130px;}
	#contents > .main-button > .row > .item > .bannerbox > .mainbtn1 div > p{font-size:120%;}

	#contents > .main-button > .row > .item > .bannerbox > .mainbtn2 div{height:130px;}
	#contents > .main-button > .row > .item > .bannerbox > .mainbtn2 div > p{font-size:120%;}

	#contents > .main-button > .row > .item > .bannerbox > .mainbtn3 div{height:130px;}
	#contents > .main-button > .row > .item > .bannerbox > .mainbtn3 div > p{font-size:120%;}

	#contents > .main-button > .row > .item > .bannerbox > .mainbtn4 div{height:130px;}
	#contents > .main-button > .row > .item > .bannerbox > .mainbtn4 div > p{font-size:120%;}

	#layer_popup0{width:98%;margin:0px auto;top:5px;}
}

/*col-sm*/
@media only screen and (min-width : 768px) and (max-width : 991px) {
	#contents > .subtitle {margin-top:50px;}
	#contents > .subtitle > div.bar_left{border-left:6px solid #000;height:70px;}
	#contents > .subtitle > div.space{width:50px;}
	#contents > .subtitle > div.title{font-size:225%;}
	#contents > .subtitle > div.bar_right{border-right:6px solid #000;height:70px;}

	#contents > .main-desc1{width:65%;margin:0px auto;padding-top:20px;}
	#contents > .main-desc2{width:78%;margin:0px auto;}
	#contents > .main-desc1 p{font-size:100%;}
	#contents > .main-desc2 p{font-size:100%;}

	#contents > .sub-desc1{width:65%;margin:0px auto;padding-top:20px;}
	#contents > .sub-desc2{width:78%;margin:0px auto;}
	#contents > .sub-desc1 p{font-size:100%;}
	#contents > .sub-desc2 p{font-size:100%;}

	#contents > .main-button > .row > .item > .bannerbox > .mainbtn1 div{height:180px;}
	#contents > .main-button > .row > .item > .bannerbox > .mainbtn1 div > p{font-size:150%;}

	#contents > .main-button > .row > .item > .bannerbox > .mainbtn2 div{height:180px;}
	#contents > .main-button > .row > .item > .bannerbox > .mainbtn2 div > p{font-size:150%;}

	#contents > .main-button > .row > .item > .bannerbox > .mainbtn3 div{height:180px;}
	#contents > .main-button > .row > .item > .bannerbox > .mainbtn3 div > p{font-size:150%;}

	#contents > .main-button > .row > .item > .bannerbox > .mainbtn4 div{height:180px;}
	#contents > .main-button > .row > .item > .bannerbox > .mainbtn4 div > p{font-size:150%;}

	#layer_popup0{width:80%;left:5px;top:40px;}
}
/*col-md*/
@media only screen and (min-width : 992px) and (max-width : 1199px) {
	#contents > .subtitle {margin-top:50px;}
	#contents > .subtitle > div.bar_left{border-left:6px solid #000;height:70px;}
	#contents > .subtitle > div.space{width:50px;}
	#contents > .subtitle > div.title{font-size:225%;}
	#contents > .subtitle > div.bar_right{border-right:6px solid #000;height:70px;}

	#contents > .main-desc1{width:62%;margin:0px auto;padding-top:20px;}
	#contents > .main-desc2{width:74%;margin:0px auto;}
	#contents > .main-desc1 p{font-size:100%;}
	#contents > .main-desc2 p{font-size:100%;}

	#contents > .sub-desc1{width:62%;margin:0px auto;padding-top:20px;}
	#contents > .sub-desc2{width:74%;margin:0px auto;}
	#contents > .sub-desc1 p{font-size:100%;}
	#contents > .sub-desc2 p{font-size:100%;}

	#contents > .main-button > .row > .item > .bannerbox > .mainbtn1 div{height:180px;}
	#contents > .main-button > .row > .item > .bannerbox > .mainbtn1 div > p{font-size:150%;}

	#contents > .main-button > .row > .item > .bannerbox > .mainbtn2 div{height:180px;}
	#contents > .main-button > .row > .item > .bannerbox > .mainbtn2 div > p{font-size:150%;}

	#contents > .main-button > .row > .item > .bannerbox > .mainbtn3 div{height:180px;}
	#contents > .main-button > .row > .item > .bannerbox > .mainbtn3 div > p{font-size:150%;}

	#contents > .main-button > .row > .item > .bannerbox > .mainbtn4 div{height:180px;}
	#contents > .main-button > .row > .item > .bannerbox > .mainbtn4 div > p{font-size:150%;}

	#layer_popup0{width:680px;left:10px;top:80px;}
}
/*col-lg*/
@media only screen and (min-width : 1200px) {
	#contents > .subtitle {margin-top:50px;}
	#contents > .subtitle > div.bar_left{border-left:6px solid #000;height:70px;}
	#contents > .subtitle > div.space{width:50px;}
	#contents > .subtitle > div.title{font-size:250%;}
	#contents > .subtitle > div.bar_right{border-right:6px solid #000;height:70px;}

	#contents > .main-desc1{width:60%;margin:0px auto;padding-top:50px;}
	#contents > .main-desc2{width:60%;margin:0px auto;}
	#contents > .main-desc1 p{font-size:105%;}
	#contents > .main-desc2 p{font-size:105%;}

	#contents > .sub-desc1{width:60%;margin:0px auto;margin-top:3%;}
	#contents > .sub-desc2{width:60%;margin:0px auto;}
	#contents > .sub-desc1 p{font-size:105%;}
	#contents > .sub-desc2 p{font-size:105%;}

	#contents > .main-button > .row > .item > .bannerbox > .mainbtn1 div{height:280px;}
	#contents > .main-button > .row > .item > .bannerbox > .mainbtn1 div > p{font-size:200%;}

	#contents > .main-button > .row > .item > .bannerbox > .mainbtn2 div{height:280px;}
	#contents > .main-button > .row > .item > .bannerbox > .mainbtn2 div > p{font-size:200%;}

	#contents > .main-button > .row > .item > .bannerbox > .mainbtn3 div{height:280px;}
	#contents > .main-button > .row > .item > .bannerbox > .mainbtn3 div > p{font-size:200%;}

	#contents > .main-button > .row > .item > .bannerbox > .mainbtn4 div{height:280px;}
	#contents > .main-button > .row > .item > .bannerbox > .mainbtn4 div > p{font-size:200%;}

	#layer_popup0{width:680px;left:10px;top:80px;}

}



/*Copyright*/
footer {background-color:#232323;clear: both;position: relative;width: 100%;height: 173px;margin-top: -173px;}
footer > .copyright {display:table;}
footer > .copyright > .infobox{display:table-cell;}
footer > .copyright > .infobox > div.info{color:#ccc;padding:5px 10px;}
footer > .copyright > .logobox{display:table-cell;vertical-align:middle;}
footer > .copyright > .logobox div {text-align:right;padding-right:10px;}
footer > .copyright > .logobox div > a{outline:0;}