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

html, body{height: 100%;}
#wrap{position: relative;width: 100%;min-width: 1200px;height: 100%;min-height: 768px;}

#header{position: absolute;top: 0;left: 0;z-index: 99;width: 100%;height: 173px;min-width: 1200px;background: url(../img/s_img/bg_header.png) repeat-x;}
#header .padding{position: relative;width: 1200px;margin: 0 auto;}
#header h1.logo{width: 100%;text-align: center;}
#header h1.logo a{position: relative;z-index: 100;display: block;width: 216px;height: 172px;margin: 0 auto;}
#header ul.gnb:after{display: block;content: '';clear: both;}
#header ul.gnb{position: absolute;top: 0;left: 0;}
#header ul.gnb li{position: relative;float: left;height: 100px;width: 216px;margin-right: 30px;}
#header ul.gnb li a{display: block;height: 100px;font-size: 20px;color: #fff;line-height: 110px;text-align: center;letter-spacing: -1px;}

#header ul.gnb li.m4{margin-right: 0;}
#header ul.gnb li.logo_space{width: 216px;}

#header ul.gnb li ul{position: absolute;top: 100px;left: 0;width: 216px;padding: 15px 0 15px 0;background: url(../img/s_img/bg_header.png) repeat;}
#header ul.gnb li ul li{clear: both;text-align: center;width: 100%;height: 35px;}
#header ul.gnb li ul li a{text-align: center;display: block;width: 100%;height: 35px;line-height: 35px;font-size: 14px;text-align: center;color: #fff;font-weight: normal;letter-spacing: -1px;}
#header ul.gnb li ul li a:hover{color: #0084cc;}

#header ul.gnb li.m1 ul{width: 216px;}
#header ul.gnb li.m1 ul li a{text-align: center;text-indent: 0;}

#visual{position: relative;z-index: 1;width: 100%;height: 100%;}
#visual ul.bxslider{width: 100%;height: 100%;min-width: 1200px;min-height: 768px;}
#visual ul.bxslider li{width: 100%;height: 100%;min-width: 1200px;min-height: 768px;}
#visual ul.bxslider li h3{text-align: center;margin: 285px 0 0 0;}

#visual ul.bxslider li.vis1{width: 100%;height: 100%;background: url(../img/p_img/visual1.jpg) no-repeat center top;background-size: cover;}
#visual ul.bxslider li.vis2{background: url(../img/p_img/visual2.jpg) no-repeat center top;background-size: cover;}
#visual ul.bxslider li.vis3{background: url(../img/p_img/visual3.jpg) no-repeat center top;background-size: cover;}

#footer{position: relative;width: 100%;height: 100px;background-color: #1f1f1f;margin: 0;}
#footer p{width: 100%;text-align: center;color: #fff;font-size: 13px;line-height: 18px;}
#footer p.address{padding: 34px 0 0 0;}

#footer.index{position: absolute;bottom: 0;z-index: 99;background-color: transparent;}

/* sub(공통) */
#content{position: relative;z-index: 1;width: 100%;}
#content .sub_visual{position: relative;width: 100%;height: 394px;background: url(../img/p_img/sub_vis1.jpg) no-repeat center 0;}
#content .sub_visual.sub01{background: url(../img/p_img/sub_vis1.jpg) no-repeat center 0;}
#content .sub_visual.sub02{background: url(../img/p_img/sub_vis2.jpg) no-repeat center 0;}
#content .sub_visual.sub03{background: url(../img/p_img/sub_vis3.jpg) no-repeat center 0;}
#content .sub_visual.sub04{background: url(../img/p_img/sub_vis4.jpg) no-repeat center 0;}

#content .sub_visual h2{font-size: 35px;font-weight: 600;color: #fff;text-align: center;padding: 235px 0 0 0;}
#content .sub_visual .sub_nav{position: absolute;bottom: -30px;width: 100%;}
#content .sub_visual .sub_nav ul{width: 1198px;margin: 0 auto;border: 1px solid #ff5400;}
#content .sub_visual .sub_nav ul:after{display: block;content: '';clear: both;}
#content .sub_visual .sub_nav ul li{float: left;width: 100%;font-size: 20px;color: #333;font-weight: 600;background-color: #fff;height: 58px;line-height: 58px;text-align: center;}
#content .sub_visual .sub_nav ul li a{display: block;width: 100%;height: 58px;border-left: 1px solid #ff5400;}
#content .sub_visual .sub_nav ul li.first a{border-left: 0;}
#content .sub_visual .sub_nav ul li.on{background-color: #ff5400;}
#content .sub_visual .sub_nav ul li.on a{color: #fff;}

#content .sub_visual .sub_nav ul.piece3 li{width: 33.33333333333333%;}
#content .sub_visual .sub_nav ul.piece2 li{width: 50%;}

#content .con_box{width: 1200px;margin: 0 auto;}
#content .con_box .padding{padding: 105px 0;}

#content .con_box h3{font-size: 35px;color: #161616;font-weight: 600;text-align: center;padding: 0 0 42px 0;margin: 0 0 115px 0;background: url(../img/s_img/con_box_h3_bullet.gif) no-repeat center bottom;}
#content .con_box p.default{font-size: 18px;color: #222;line-height: 26px;text-align: center;}
#content .con_box p.default strong{color: #ff5400;font-weight: normal;}
/* sub(공통) */

/* sub1_1.html (회사개요) */
#content .con_box.sub1_1 .big{font-size: 35px;color: #000;font-weight: 600;line-height: 40px;text-align: center;margin: 0 0 18px 0;}
#content .con_box.sub1_1 .basic{width: 1200px;margin: 0 auto;padding: 70px 0 0 0;}
#content .con_box.sub1_1 .basic:after{display: block;content: '';clear: both;}
#content .con_box.sub1_1 .basic .left{float: left;width: 514px;}
/*#content .con_box.sub1_1 .basic .left img{border-top: 5px solid #ff5400;}*/
#content .con_box.sub1_1 .basic .right{float: left;width: 545px;}
#content .con_box.sub1_1 .basic .right ul{padding: 25px 0 0 45px;}
#content .con_box.sub1_1 .basic .right ul li{width: 500px;margin: 0 0 12px 0;font-size: 16px;color: #000;line-height: 19px;}
#content .con_box.sub1_1 .basic .right ul li:after{display: block;content: '';clear: both;}
#content .con_box.sub1_1 .basic .right ul li .tit{float: left;width: 85px;font-weight: 600;}
#content .con_box.sub1_1 .basic .right ul li .txt{float: left;width: 415px;}

#content .con_box.sub1_1 .basic .right ul li .tit.num{letter-spacing: 1px;}
/* sub1_1.html (회사개요) */

/* sub1_2.html (연혁) */
#content .con_box.sub1_2 .history_box{background: url(../img/s_img/sub1_2_history_box_bg.gif) repeat-y;}
#content .con_box.sub1_2 .history_box:after{display: block;content: '';clear: both;}
#content .con_box.sub1_2 .history_box .history{position: relative;width: 607px;height: 200px;}
#content .con_box.sub1_2 .history_box .history.left{float: left;padding: 0 593px 0 0;text-align: right;}
#content .con_box.sub1_2 .history_box .history.right{float: right;padding: 0 0 0 593px;text-align: left;}

#content .con_box.sub1_2 .history_box .history .year{font-size: 18px;color: #000;font-weight: 600;letter-spacing: 1px;background: url(../img/s_img/sub1_2_year.png) no-repeat;}
#content .con_box.sub1_2 .history_box .history ul.txt{position: absolute;width: 502px;}
#content .con_box.sub1_2 .history_box .history ul.txt li{font-size: 16px;color: #000;line-height: 1;margin: 0 0 15px 0;}

#content .con_box.sub1_2 .history_box .history.left .year{padding: 0 35px 0 0;background-position: 100% 1px;}
#content .con_box.sub1_2 .history_box .history.right .year{padding: 0 0 0 35px;background-position: 1px 1px;}
#content .con_box.sub1_2 .history_box .history.left ul.txt{top: 0;left: 0px;}
#content .con_box.sub1_2 .history_box .history.right ul.txt{top: 0;right: 0px;}
/* sub1_2.html (연혁) */

/* sub1_3.html (오시는 길) */
#content .con_box.sub1_3 .map_wrap{height: 525px;overflow: hidden;position: relative;}
#content .con_box.sub1_3 .contact_box{text-align: center;}
#content .con_box.sub1_3 .contact_box .logo{margin: 65px 0 25px 0;}
#content .con_box.sub1_3 .contact_box ul li{font-size: 15px;color: #000;line-height: 22px;}
#content .con_box.sub1_3 .contact_box ul li.address{font-size: 16px;font-weight: 600;}
#content .con_box.sub1_3 .contact_box ul li span{color: #ff5400;}
#content .con_box.sub1_3 .contact_box ul li.number{margin: 8px 0 0 0;}
#content .con_box.sub1_3 .contact_box ul li.number strong{font-weight: 600;}
/* sub1_3.html (오시는 길) */

/* sub2_1.html (인증현황) */
#content .con_box.sub2_1 ul.certify:after{display: block;content: '';clear: both;}
#content .con_box.sub2_1 ul.certify{width: 1030px;margin: 0 auto;}
#content .con_box.sub2_1 ul.certify li{float: left;width: 289px;margin: 0 80px 45px 0;}
#content .con_box.sub2_1 ul.certify li.right{margin-right: 0;}
#content .con_box.sub2_1 ul.certify li .img{width: 100%;height: 424px;}
#content .con_box.sub2_1 ul.certify li .img img{border: 1px solid #ccc;width: 287px;height: 405px;}
#content .con_box.sub2_1 ul.certify li{color: #000;text-align: center;letter-spacing: -1px;}
#content .con_box.sub2_1 ul.certify li .tit{font-size: 16px;margin: 0 0 8px 0;font-weight: 600;}
#content .con_box.sub2_1 ul.certify li .tit span{font-size: 14px;letter-spacing: 0;}
#content .con_box.sub2_1 ul.certify li .txt{font-size: 16px;line-height: 20px;}
/* sub2_1.html (인증현황) */

/* sub2_2.html (사업분야) */
#content .con_box.sub2_2 ul.business{width: 1200px;margin: 0 auto;}
#content .con_box.sub2_2 ul.business:after{display: block;content: '';clear: both;}
#content .con_box.sub2_2 ul.business li{position: relative;float: left;width: 386px;height: 438px;border: 1px solid #ccc;margin: 0 18px 90px 0;text-align: center;}
#content .con_box.sub2_2 ul.business li.right{margin-right: 0;}
#content .con_box.sub2_2 ul.business li.center{margin-right: 0;margin-left: 406px;}
#content .con_box.sub2_2 ul.business li .icon{position: absolute;top: -56px;width: 100%;text-align: center;}
#content .con_box.sub2_2 ul.business li p.tit{padding: 58px 0 15px 0;font-size: 25px;color: #000;font-weight: 600;}
#content .con_box.sub2_2 ul.business li .img{width: 100%;height: 240px;}
#content .con_box.sub2_2 ul.business li .img img{width: 100%;height: 240px;}
#content .con_box.sub2_2 ul.business li ul.txt{width: 100%;padding: 10px 0 0 0;}
#content .con_box.sub2_2 ul.business li ul.txt li{clear: both;width: 100%;height: auto;border: 0;margin: 0;}
#content .con_box.sub2_2 ul.business li ul.txt li{font-size: 15px;color: #000;line-height: 20px;}
#content .con_box.sub2_2 ul.business li ul.txt li strong{color: #ff5400;font-weight: normal;}
#content .con_box.sub2_2 ul.business li ul.txt li.etc{font-weight: 600;margin: 3px 0 0 0;}
#content .con_box.sub2_2 ul.business li ul.txt li.etc strong{font-weight:normal; color: #000;}

/* sub2_2.html (사업분야) */


/* sub4.html (행사문의) */
#content .con_box.sub4 p.big{font-size: 35px;font-weight: 600;color: #000;text-align: center;line-height: 40px;}
#content .con_box.sub4 p.big strong{font-weight: 600;color: #ff5400;}

#content .con_box.sub4 p.default{font-size: 25px;line-height: 34px;margin: 35px 0 55px 0;}

#content .con_box.sub4 ul.event:after{display: block;content: '';clear: both;}
#content .con_box.sub4 ul.event{width: 1199px;margin: 0 auto;}
#content .con_box.sub4 ul.event li{float: left;width: 393px;height: 378px;margin: 0 10px 0 0;}
#content .con_box.sub4 ul.event li.right{margin-right: 0;}

#content .con_box.sub4 ul.contact{padding: 50px 0 0 0;}
#content .con_box.sub4 ul.contact li{font-size: 22px;color: #000;text-align: center;}
#content .con_box.sub4 ul.contact li.txt{font-size: 25px;font-weight: 600;margin: 0 0 12px 0;}
#content .con_box.sub4 ul.contact li.number strong{color: #ff5400;font-weight: 600;}
/* sub4.html (행사문의) */