@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700');

/*Common*/
*{margin:0;padding:0}
html,body{width:100%;height:100%;min-width:1280px;margin:0 auto;}
html{overflow-y:scroll}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
body,h1,h2,h3,h4,h5,h6,th,td,li,dt,dd,p,input,textarea,select,option{
	color:#555;
	font-family:"Noto Sans KR","돋움",dotum,sans-serif;
	font-size:14px;font-weight:normal
}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:#7d7d7d;text-decoration:none;cursor:pointer}
a:hover{color:#333;text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}

/*test*/
.test1{border:1px solid red}
.test2{background:#4f7beb}

.font{font-family: 'Titillium Web';}
.font{font-family: 'Titillium Web';}





/* header */
#header{position:absolute;left:0;top:0;z-index:1000;width:100%;min-width:1280px;margin:0 auto;}
.head{
	position:relative;
	height:100px;
	box-sizing:border-box;
	border-bottom:1px solid rgba(255,255,255,0.2);
	text-align:center;
}
.head h1{position:absolute;left:2%;top:26px;z-index:200;}
.head h1 a{
	display:block;
	width:153px;height:49px;
	background:url(/image/img/logo.png) no-repeat;
	text-indent:-99999px;
}
.head .nav{padding:0 0 0;position:relative;z-index:100;}
.head .nav>ul{}
.head .nav>ul>li{
	display:inline-block;
	position:relative;
}
.head .nav>ul>li:after{
	display:block;
	content:"";
	width:4px;height:4px;
	background:rgba(255,255,255,0.4);
	position:absolute;right:0;top:50%;
	transform:translateY(-50%);
}
.head .nav>ul>li:last-child:after{display:none;}
.head .nav>ul>li>a{
	display:block;
	font-size:19px;color:#fff;
	padding:0 60px;
	line-height:99px;
}
.head .nav>ul>li:hover>a{box-shadow:0 -3px 0 #cd141c inset;color:#cd141c;transition:all 0.6s;}
.head .nav>ul>li>ul{
	display:none;
	position:relative;
	position:absolute;left:0;top:100%;
	width:100%;height:220px;
	padding:40px 0 0;
	text-align:center;
}
.head .nav>ul>li>ul:after{
	display:block;
	content:"";
	width:1px;height:220px;
	background:#ddd;
	position:absolute;right:0;top:40px;
}
.head .nav>ul>li:last-child>ul:after{display:none;}
.head .nav>ul>li>ul>li{margin-bottom:10px;}
.head .nav>ul>li>ul>li>a{font-size:15px;color:#888;}
.head .nav>ul>li>ul>li>a:hover{color:#000;box-shadow:0 1px 0 #000;}



.head .gnb{position:absolute;right:2%;top:40px;z-index:100;}
.head .gnb ul{overflow:hidden;}
.head .gnb ul li{
	float:left;
	margin-left:30px;
}
.head .gnb ul li:last-child{margin-left: 19px;}
.head .gnb ul li:last-child a{
	display:inline-block;
	width:20px;height:20px;
	/* background:url(/images/common/btn_global.png) no-repeat; */
	/* text-indent:-9999px; */
	/* margin-top:3px; */
}
.head .gnb ul li a{
	font-family: 'Titillium Web';
	font-size:16px;color:#fff;
}



.allmenu_bg{
	position:absolute;left:0;top:0;
	width:100%;height:0px;
	background:#fff;
	transition:all 0.4s;
}
.allmenu_bg.on{
	height:415px;
	transition:all 0.4s;
}
.headon{border-bottom:1px solid rgba(255,255,255,0.4);z-index:100;}
.headon h1 a{
	display:block;
	width:153px;height:49px;
	background:url(/image/img/logo2.png) no-repeat center;
	text-indent:-99999px;
}


.headon .nav>ul>li:after{
	display:block;
	content:"";
	width:4px;height:4px;
	background:rgba(0,0,0,0.2);
	position:absolute;right:0;top:50%;
	transform:translateY(-50%);
}
.headon .nav>ul>li:last-child:after{display:none;}
.headon .nav>ul>li>a{color:#000;}

.headon .gnb ul li a{
	font-family: 'Titillium Web';
	font-size:16px;color:#434343;
}
.headon .gnb ul li:last-child a{
	display:inline-block;	
	width: 57px;
    height: 27px;
	/* background:url(/images/common/btn_global2.png) no-repeat center; */
	/* text-indent:-9999px;  */
}
.headon .gnb ul li:last-child a img{
	margin-right: 5px;
	
}


/* footer */
#footer{background:#262628;}
.foot{overflow:hidden;padding:55px 0 75px;}
.foot .foot_info{	float:left;}
.foot .foot_info h1{margin-bottom:85px;}
.foot .foot_info address{font-size:14px;color:rgba(255,255,255,0.3);line-height:170%;margin-bottom:20px;}
.foot .foot_info address span{display:inline-block;width:10px;}
.foot .foot_info .copy{font-family: 'Titillium Web';font-size:15px;color:rgba(255,255,255,0.2);line-height:170%;}
.foot .foot_sitemap{
	overflow:hidden;
	float:right;
}
.foot .foot_sitemap .fs_menubox{
	float:left;
	width: 174px;
	height:260px;
	box-sizing:border-box;
	padding:0 30px;
	text-align:left;
	border-left:1px solid rgba(255,255,255,0.1);
}
.foot .foot_sitemap .fs_menubox h2{font-size:17px;color:#fff;}
.foot .foot_sitemap .fs_menubox h2:after{
	display:block;
	content:"";
	width:20px;height:2px;
	background:#b33434;
	margin:25px 0 15px;
}
.foot .foot_sitemap .fs_menubox ul{}
.foot .foot_sitemap .fs_menubox ul li{margin-bottom:8px;}
.foot .foot_sitemap .fs_menubox ul li a{font-size:13px;color:#afafaf;}

.foot_links{position:relative;height:227px;}
.foot_links:before{
	display:block;
	content:"";
	width:50%;height:100%;
	background:url(/image/img/section4_bg1.gif) repeat;
	position:absolute;left:0;top:0;
}
.foot_links:after{
	display:block;
	content:"";
	width:50%;height:100%;
	background:#c4393a url(/image/img/section4_bg2.gif) no-repeat center bottom;	
	position:absolute;right:0;top:0;
}

.foot_links .conwrap>div{
	position:relative;z-index:10;
	box-sizing:border-box;
	width:50%;
	padding:55px 0 0 0;
}
.foot_links .conwrap>div h3{
	font-family: 'Titillium Web';
	font-size:36px;color:#fff;
}
.foot_links .conwrap>div h3:after{
	display:block;
	content:"";
	width:80px;height:1px;
	background:rgba(255,255,255,0.4);
	margin:15px 0 25px;
}
.foot_links .conwrap>div p{font-size:15px;color:rgba(255,255,255,0.7)}
.foot_links .conwrap>div.catalog{
	float:left;
	position:relative;
}
.foot_links .conwrap>div.catalog .bg{
	position:absolute;right:80px;top:65px;
	background:url(/image/img/section4_bg3.png) no-repeat;
	width:110px;height:93px;
	opacity:0.2;
}
.foot_links .conwrap>div.inquiry{
	float:right;
	padding:55px 0 0 105px;
}



.conwrap{max-width:1400px;width:100%;margin:0 auto;position:relative;}
.conwrap:after{display:block;content:"";clear:both;}
.pagetitle{font-size:38px;font-weight:500;color:#33342e;text-align:center;}
.pagetitle:after{
	display:block;
	content:"";
	width:18px;height:19px;
	background:url(/image/img/pagetitle_after.png) no-repeat;
	margin:10px auto;
}
.titlebtm{font-size:20px;color:#5d5d5d;text-align:center;}

.page_title2{
	position:relative;
	text-align:center;
	font-size:33px;color:#272727;
	margin-bottom:55px;
}
.page_title2:before{
	display:block;
	content:"";
	width:1px;height:40px;
	background:#cd161b;
	position:absolute;left:50%;top:100%;
	margin:15px 0 0;	
}
.page_title2.en{font-family: 'Titillium Web';font-size:33px;color:#272727;}



.align{display:table-cell;vertical-align:middle;width:100%;height:100%;}
#header.head_color5 .head .nav>ul>li>a {
    color: #000;
}
#header.head_color5 .head:hover .nav>ul>li>a {
    color: #000;
}
#header.head_color5  .headon .nav>ul>li>a {
    color: #fff;
}
#header.head_color5 h1 a {
    display: block;
    width: 153px;
    height: 49px;
    background: url(/image/img/logo_white.png) no-repeat center;
    text-indent: -99999px;
}
#header.head_color5 .head:hover h1 a {
    display: block;
    width: 153px;
    height: 49px;
    background: url(/image/img/logo2.png) no-repeat center;
    text-indent: -99999px;
}

.alert {
	    position: fixed;
    right: 7px;
    bottom: 10px;
    z-index: 100000;
    max-width: 292px;
}