@charset "utf-8";

@import url(scont.css);

.inner {	width:1200px;	position:relative;	margin-left:auto;	margin-right:auto;}


@media all and (max-width:1199px) {	
#wrap {min-width:320px;}	
.inner {width:98%;}
}


/* Ÿ���� ���� �̸� ~ ����� */
@media all and (max-width:767px) {
	.inner {width:95%;}
}


#headerwrap {width:100%;  height:80px; position:absolute; top:0; left:0; z-index:999}
#headerwrap #logo {position:absolute; left:-80px; top:20px; padding:0;}

.gnb {width:100%; text-align:center;}
.gnb > ul > li {display:inline-block; vertical-align:top; width:10%;}
.gnb > ul > li > a {font-size:18px; color:#fff; line-height:80px; font-weight:500; letter-spacing:0.01em;}
.gnb > ul > li > a:after {content:""; display:block; width:0; height:3px; background:#fff; margin:0 auto; transition:0.5s all}
.gnb > ul > li:hover a:after {width:50px;}
.gnb > ul > li > ul {background:#000; padding:20px 0; display:none; overflow:hidden;}
.gnb > ul > li > ul > li > a {display:block; width:100%; font-size:15px; color:rgba(255,255,255,0.5); line-height:22px; padding:3px 0; /*border-bottom:1px solid #e2e2e2;*/}
.gnb > ul > li > ul > li > a:hover {color:#fff;}
.gnb > ul > li:hover > ul {display:block;}

.nav_open {width:27px; height:18px; background:url(/images/common/nav_open.png) no-repeat center center; position:absolute; right:0; top:30px; cursor:pointer; font-size:0;}

.gnb_all {width:500px; height:100%; background:#282828; position:fixed; right:-500px; top:0; box-sizing:border-box;}
.gnb_all .nav_close {width:21px; height:21px; background:url(/images/common/nav_close.png) no-repeat center center; position:absolute; right:40px; top:50px; cursor:pointer; font-size:0;}
.gnb_all > ul {width:100%; box-sizing:border-box; padding:150px 50px 0;}
.gnb_all > ul > li {width:100%; margin-bottom:25px; position:relative;}
.gnb_all > ul > li.on span {position:absolute; width:22px; height:22px; right:0; top:20px; cursor:pointer}
.gnb_all > ul > li.on span:after {content:""; display:block; width:22px; height:2px; background:#fff; position:absolute; left:0; top:50%; margin-top:-1px}
.gnb_all > ul > li.on span:before {content:""; display:block; width:2px; height:22px; background:#fff; position:absolute; left:50%; top:0; margin-left:-1px; transition:0.5s all}
.gnb_all > ul > li.on span.active:before {transform:rotate(90deg)}
.gnb_all > ul > li > a {display:block; width:100%; font-size:40px; font-weight:bold; color:#fff; line-height:1.4em; position:relative; z-index:99;}
.gnb_all > ul > li > ul {display:none;}
.gnb_all > ul > li > ul > li {padding:10px 0;}
.gnb_all > ul > li > ul > li > a {font-size:20px; color:#fff; font-weight:500; line-height:1.4em;}

@media screen and (max-width:1580px){
    #headerwrap #logo{left: 0;}
}
@media screen and (max-width:1099px){
	.gnb {display:none;}
	
	.gnb_all > ul > li.on span {top:8px;}
	.gnb_all > ul > li > a {font-size:28px;}
	.gnb_all > ul > li > ul > li > a {font-size:16px}
}

@media screen and (max-width:640px){
	.gnb_all {width:100%; right:-100%}
	.gnb_all > ul > li > a {font-size:22px;}
	.gnb_all > ul > li.on span {width:18px; height:18px; top:3px;}
	.gnb_all > ul > li.on span:after {width:18px; }
	.gnb_all > ul > li.on span:before {height:18px;}
	.gnb_all > ul > li > ul > li {padding:5px 0;}
	.gnb_all > ul > li > ul > li > a {font-size:13px}

}


#s_visual {width:100%; height:500px; display:table;background-repeat:no-repeat; background-position:center center; background-size:cover;}
#s_visual > div {display:table-cell; text-align:center; vertical-align:middle; color:#fff;}
#s_visual > div dl dt h3{font-size: 34px;}
#s_visual > div dl dd {font-size:16px; line-height:1.45em; letter-spacing:-0.04em; margin-top:20px;}

#subContent {margin:80px 0 60px;}
#subTitle {font-size:32px; color:#000; font-weight:bold; text-align:center; line-height:1.4em}
#subTitle:after {content:""; display:block; width:50px; height:1px; background:#000; margin:20px auto 50px;}
#pageCont {min-height:300px}

@media screen and (max-width:1099px){
	#s_visual {height:400px;}

	#subTitle {font-size:28px;}
}

@media screen and (max-width:767px){
	#s_visual {height:55vw;}
	#s_visual > div dl dt img {height:35px;}
    #s_visual > div dl dt h3{font-size: 30px;}
	#s_visual > div dl dd {font-size:14px; margin-top:3%}
	
	#subContent {margin:10% 0 6%}
	#subTitle {font-size:26px}
	#subTitle:after {margin:3% auto 8%}
}

@media screen and (max-width:640px){
	#s_visual {height:70vw}
	#s_visual > div dl dt img {height:25px; margin-top:6%}
    #s_visual > div dl dt h3{font-size: 28px;}
	#s_visual > div dl dd {font-size:13px;}

}


/* ������ �ν��� ���� �κ� */
#page01 #sub_menu a.menu1,
#page02 #sub_menu a.menu2, 
#page03 #sub_menu a.menu3,
#page04 #sub_menu a.menu4,
#page05 #sub_menu a.menu5,
#page06 #sub_menu a.menu6 { border-bottom:3.5px solid #de3636; color:#de3636; box-sizing:border-box; font-weight:600;}

#sub_menu {position:relative;width:100%; margin:0px; border-bottom:1px solid #e7e7e7;  /* float: left; */ height:67px;}
#sub_menu ul {margin:0 auto; text-align:center;}
#sub_menu ul li {display:inline-block;padding:0 30px; box-sizing:border-box;}
#sub_menu ul li.col1 { width:100%;  }
#sub_menu ul li.col2 { width:50%;  }
#sub_menu ul li.col4 { width:25%;  }
#sub_menu ul li.col5 { width:20%;  }
#sub_menu ul li:first-child { border-left:0;}
#sub_menu ul li a { display:block; width:100%; color:#4c4c4c; width:100%; line-height:62px; font-size:18px;  letter-spacing:0.01em;;}

@media screen and (max-width:977px) {
#sub_menu ul.col4 li a { font-size: 16px; padding:0 20px;} 
}

@media screen and (max-width:767px){
#page01 #sub_menu a.menu1,
#page02 #sub_menu a.menu2, 
#page03 #sub_menu a.menu3,
#page04 #sub_menu a.menu4,
#page05 #sub_menu a.menu5,
#page06 #sub_menu a.menu6 {border:none;}

#sub_menu {height:43px;    border-bottom: none}
#sub_menu ul {    margin: 0; display: block;}
#sub_menu ul li {display:block; float:left; border-left:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}

#sub_menu ul.col1 li { width:100%;  }
#sub_menu ul.col2 li { width:50%;  }
#sub_menu ul.col3 li { width:33.3%;  }
#sub_menu ul.col4 li { width:50%;  }
#sub_menu ul.col5 li { width:20%;  }
#sub_menu ul li:first-child { border-left:0;}
#sub_menu ul li a { display:block; color:#4c4c4c; width:100%; line-height:40px; font-size:14px;  letter-spacing:0.01em; padding:0;}
}

.blog{position: absolute; top: 20px; display: inline-block; right: 50px;}