@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face{
font-family:"Nanum Barun Gothic";
font-style:normal;
font-weight:normal;
src:url('../font/NanumBarunGothic.eot');
src:local('※'),
	url('../font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
	url('../font/NanumBarunGothic.woff') format('woff');
}

@font-face{
font-family:"Nanum Barun Gothic Bold";
font-style:normal;
font-weight:normal;
src:url('../font/NanumBarunGothicBold.eot');
src:local('※'),
	url('../font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
	url('../font/NanumBarunGothicBold.woff') format('woff');
}
header, footer, nav, section, article, aside {display:block;}
* {padding:0; margin:0; -moz-box-sizing: border-box; box-sizing: border-box;}
html,body{ height: 100%; min-height: 100%; margin: 0; padding: 0; -webkit-text-size-adjust:none;}
body {font-family:'Nanum Gothic'; font-size:12px; line-height:18px; color:#111; height: 100%;}
a {color:#222; text-decoration:none !important;}
img {border:0; vertical-align:top;}
ul, ol {list-style:none;}
input {vertical-align:top;}
table{border-collapse: collapse;}


#wrap{width:100%; min-width:1200px; height:100%; min-height:100%; margin: 0 auto; position:relative;}

#header{width:100%; height:auto; margin:0 auto; position:relative;}
#header .head_box_01{width:100%; height:140px; margin:0 auto; background-color:#041e33; text-align:center;}
#header .head_box_02{width:100%; height:60px; margin:0 auto; background-color:#eff4f7;}
#header .head_box_02 .menu_box{width:1100px; height:60px; margin:0 auto;}
#header .head_box_02 .menu_box ul{width:100%; overflow:hidden;}
#header .head_box_02 .menu_box ul li{line-height:60px; text-align:center; color:#041e33; font-size:18px; font-weight:600; float:left; padding:0 38px;}
#header .head_box_02 .menu_box ul li a:hover{color:#fb2360;  transition: all .3s ease-out;}
#header .head_box_02 .menu_box ul li a.active{color:#fb2360;}

#main{width:100%; height:auto; margin:0 auto; position:relative;}
#main .main_img{width:100%; min-width:1100px; height:600px; position:relative;}
#main .main_img .main_img_box{width:100%; height:600px;}
#main .main_img .main_img_01{background: url(/images/main_01.png) no-repeat 50% top;}
#main .main_img .main_img_02{background: url(/images/main_02.png) no-repeat 50% top;}
#main .main_img .main_img_03{background: url(/images/main_03.png) no-repeat 50% top;}
#main .main_content{width:1100px; height:310px; margin:0 auto; padding:30px 0 50px 0;}
#main .main_content ul{width:100%; overflow:hidden;}
#main .main_content ul li{width:350px; float:left; margin-left:25px; background-color:#041e33;}
#main .main_content ul li:first-child{margin-left:0;}
#main .main_content ul li span{width:100%; line-height:50px; text-align:center; font-size:18px; display:inline-block; background-color:#fff;}
#main .main_content ul li:hover img{opacity:0.9;  transition: all .3s ease-out;}

#sub{width:1100px; margin:0 auto; padding:0 50px 60px 50px;}
#sub .sub_title{width:100%; height:68px; text-align:center; margin:80px 0 60px 0;}
#sub .about_box{width:100%;}
#sub .about_box .about_01{width:100%;}
#sub .about_box .about_01 ul{width:100%; height:auto; overflow:hidden;}
#sub .about_box .about_01 ul li{float:left;}
#sub .about_box .about_01 ul li.about_01_01{width:100%; line-height:1.2; font-size:30px; font-weight:600; margin-bottom:15px;}
#sub .about_box .about_01 ul li.about_01_02{width:100%;}
#sub .about_box .about_01 ul li.about_01_02 ul{width:100%; overflow:hidden; margin-top:20px;}
#sub .about_box .about_01 ul li.about_01_02 ul li{height:320px; line-height:30px; float:left;}
#sub .about_box .about_01 ul li.about_01_02 ul li.career_01{width:110px; font-size:18px; color:#fb2360; font-weight:600; text-align:right;}
#sub .about_box .about_01 ul li.about_01_02 ul li.career_02{width:40px; background:url(/images/about_02.png) no-repeat left top;}
#sub .about_box .about_01 ul li.about_01_02 ul li.career_02_1{width:40px; background:url(/images/about_03.png) no-repeat left top;}
#sub .about_box .about_01 ul li.about_01_02 ul li.career_03{width:350px; font-size:16px;}
#sub .about_box .about_02{width:100%; margin-top:80px;}
#sub .about_box .about_02 .about_02_01{width:100%; font-size:30px; font-weight:600; padding-bottom:20px;}
#sub .about_box .about_02 .about_02_02{width:100%; height:450px;}
#sub .about_box .about_02 .about_02_03{width:100%; margin-top:20px; font-size:14px; line-height:1.5;}

#sub .board_box{width:100%;}

#footer{width:100%; height:140px; background-color:#041e33; margin-top:60px;}
#footer .foot_box{width:1100px; margin:0 auto;}
#footer .foot_box ul{width:100%; overflow:hidden;}
#footer .foot_box ul li{float:left;}
#footer .foot_box li.f_logo{width:150px;}
#footer .foot_box li.f_txt{font-size:12px; line-height:1.5; color:#fff; margin-top:32px;}
#footer .foot_box li.f_txt>span{font-size:12px; color:#c5ac78; padding-top:10px; display:inline-block;}