@charset "euc-kr";
/* default */
body{overflow-x:hidden;font-family:"맑�? 고딕","Malgun Gothic","?��?",Dotum,Arial,Helvetica,sans-serif;}
html{-webkit-tap-highlight-color:rgba(230,27,15,1);}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,select,button,p,th,td{margin:0;padding:0;}
html,body,.wrap{width:100%;height:100%;}
body{font-size:12px;color:#242424;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ol,ul,li{list-style:none;}
a{color:#999;text-decoration:none;}
img{border:0;vertical-align:top;}
.pointer,label{cursor:pointer;}
button{font-family:"맑�? 고딕","Malgun Gothic","?��?",Dotum,Arial,Helvetica,sans-serif;border:0 none;background:none;cursor:pointer;}
img,video,audio,object,embed,iframe{max-width:100%;height:auto;}
.blind {position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.ir>span{display:block;overflow:hidden;width:100%;height:100%;line-height:100%;font-size:0;text-indent:-666em;color:transparent;}
.clfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
.clfix{display:inline-block;}
.clfix{display:block;}
:focus {outline:none;}
/* form */
fieldset{border:0;}
legend{font-size:0;text-indent:-9999px;color:transparent;position:absolute;}
input[type=text],
textarea{padding:10px;font-family:"맑�? 고딕","Malgun Gothic","?��?",Dotum,Arial,Helvetica,sans-serif;font-size:14px;color:#abaeb2;border:0 none;background:#fff;resize:none;}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
input-placeholder,
.placeholder{color:#abaeb2;}
/* Plug-in */
.slimScrollBar,
.slimScrollRail {cursor:pointer;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
	/* selection */
::selection{background:#e61b0f;color:#fff;}
::-moz-selection{background:#e61b0f;color:#fff;}
/* layout */
body{color:#666;background-color:#fafafa;}
	/* header */
#header{position:fixed;left:0;top:0;z-index:100;width:100%;background:#fff;}
#header>.inner{position:relative;z-index:120;margin:0 auto;height:70px;background:#fff;}
#header .ir{display:block;background:url(../new/img/common/header2.png) no-repeat;background-size:250px 400px;}
#header li a.ir{height:70px;} /* 메뉴바크�?*/
#header h1{position:absolute;left:10px;top:8px;} /* 로고간격 */
#header h1 a.ir{display:block;width:340px;height:50px;}




#gnb ul{overflow:hidden;}
#gnb li{float:left;width:33.33%;}
#gnb a.ir{border-left:1px solid #dde0e7;background:#fff;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}
#gnb a span:first-child{margin:0 auto;background:url(../new/img/common/header2.png) no-repeat;background-size:250px 400px;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}
#gnb li.m1 a span:first-child{width:100px;background-position:0 -121px;}
#gnb li.m2 a span:first-child{width:120px;background-position:-125px -121px;}
#gnb li.m3 a span:first-child{width:100px;background-position:0 -271px;}
#gnb a:hover,
#gnb li.active a{background-color:#e61b0f;}
#gnb li.m1 a:hover span:first-child,
#gnb li.m1 a:active span:first-child,
#gnb li.active.m1 a span:first-child{background-position:0 -191px;}
#gnb li.m2 a:hover span:first-child,
#gnb li.m2 a:active span:first-child,
#gnb li.active.m2 a span:first-child{background-position:-125px -191px;}
#gnb li.m3 a:hover span:first-child,
#gnb li.m3 a:active span:first-child,
#gnb li.active.m3 a span:first-child{background-position:0 -341px;}



#topmenu{position:absolute;right:10px;top:0;border-left:1px solid #dde0e7;}
#topmenu>.inner{margin:0 auto;overflow:hidden;}
#topmenu .toggle{display:none;}
#topmenu ul{overflow:hidden;}
#topmenu li{float:left;width:80px;}
#topmenu li a{display:block;border-right:1px solid #dde0e7;}
/* 2014-06-23 ?�정 ?�작 */
#topmenu li .ir{height:70px;background:url(../new/img/common/btn_topmenu.png) no-repeat 0 0;background-size:240px 70px}
#topmenu li.m1 .ir{background-position:0 0}
#topmenu li.m2 .ir{background-position:-80px 0}
#topmenu li.m3 .ir{background-position:-160px 0}
#topmenu li a:hover,
#topmenu li a.active{background-color:#f2f2f2;}
#topmenu li a:hover .ir,
#topmenu li a.active .ir{background:url(../new/img/common/header2.png) no-repeat 0 0;background-size:250px 400px}
#topmenu li.m1 a:hover .ir,
#topmenu li.m1 a.active .ir{background-position:0 -50px}
#topmenu li.m2 a:hover .ir,
#topmenu li.m2 a.active .ir{background-position:-80px -50px}
#topmenu li.m3 a:hover .ir,
#topmenu li.m3 a.active .ir{background-position:-160px -50px}
/* 2014-06-23 ?�정 ??*/
#header .topmenu{overflow:hidden;display:none;position:absolute;z-index:130;left:0;width:100%;height:449px;color:#62130e;background:#f2f2f2;}
#header .topmenu>.inner{overflow:hidden;padding:30px 15px;}
#header .topmenu h2{float:left;margin-top:7px;}
#header .topmenu h2 img{width:178px;}
#header .topmenu dl{font-size:15px;}
#header .topmenu dt{float:left;margin:0 7px 7px 0;}
#header .topmenu dd{font-weight:bold;margin:0 0 7px;}
#header .topmenu dd span{display:none;}
#header .topmenu form button{width:100%;height:40px;margin-top:7px;text-align:center;font-size:14px;color:#dd0c00;background:#dfe2e8;}
#header .topmenu .closeTopmenu{display:none;}
#header .topmenu input[type=text],
#header .topmenu textarea{margin-top:5px;font-size:11px;}
#header .topmenu input[type=text]{height:20px;line-height:20px;}
#header .topmenu input[type=text]:first-child{margin-top:0;}
#header .topmenu textarea{height:45px;}
#topmenu1 h2{margin-right:150px;}
#topmenu1>.inner div{float:left;}
#topmenu1 p{margin:6px 0 15px;font-size:16px;}
#topmenu1 p:first-child{margin:0 0 6px;font-weight:bold;font-size:22px;letter-spacing:-0.02em;}
#topmenu1 dd.fll{float:left;width:308px;}
#topmenu1 dd.fll.ty2{width:272px;}
#topmenu1 div.map{clear:both;float:none;position:absolute;left:0;width:100%;min-width:320px;height:260px;background:rgba(221,12,0,.3);z-index:-1;}
#topmenu1 div.map iframe{width:100%;height:100%;}
#topmenu2 h2,
#topmenu3 h2{width:421px;}
#topmenu2>.inner>div,
#topmenu3 p{float:left;width:280px;}
#topmenu2 form,
#topmenu3>.inner>div{float:right;width:480px;}
#topmenu2 p,
#topmenu3 p{margin-bottom:25px;font-size:14px;line-height:1.93em;letter-spacing:-0.07em;}
#topmenu2.topmenu dt{margin-right:13px;}
#topmenu2.topmenu dt:first-child{letter-spacing:-0.07em;}
#topmenu3 a{display:block;height:37px;margin-bottom:20px;text-align:center;font-size:12px;color:#62130e;background:#dfe2e8;}
#topmenu3 a span{display:inline-block;padding-left:30px;line-height:37px;letter-spacing:0.1em;background:url(../new/img/common/icon_download.gif) no-repeat 0 50%;background-size:19px 11px;}
#topmenu3 h3{margin-bottom:10px;font-size:14px;}
#topmenu3 h3 span{font-weight:bold;}
	/* footer */
#footer{position:relative;z-index:1;height:70px;color:#808080;background-color:#262626;}
#footer>.inner{position:relative;margin:0 auto;padding:26px 10px 0;}
#footer strong{margin-right:26px;}
#footer strong img{width:89px;height:22px;}
#footer .sns{position:absolute;right:0;top:25px;background:#333;}
#footer .sns a{float:left;width:23px;height:23px;padding:0 15px;background:#262626;}
#footer .sns a.facebook{margin-right:1px;}
#footer .sns a img{width:23px;height:23px;}
.gotoTop{position:fixed;z-index:20;bottom:0;right:0;width:75px;height:75px;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}
.gotoTop img{width:75px;height:75px;}
.btn_prjreqst {position:fixed;top:70px;right:0;z-index:20;width:172px;height:172px} /* 2014-06-23 추�? */
/* content */
#container{position:relative;z-index:10;padding-top:70px;}
/* loading */
#load{position:fixed;z-index:99;left:0;top:0;overflow:hidden;width:100%;height:100%;text-align:center;background:#fff;}
#load>img{position:fixed;z-index:201;left:50%;top:50%;width:70px;height:64px;margin:-32px 0 0 -35px;}
@media all and (min-width:320px) and (max-width:1023px){
/* 1,2 */
	#container{padding-top:140px;}
	#gnb .nav{position:relative;margin:0;}
	#gnb .nav h2{width:100%;height:45px;line-height:45px;text-align:center;text-align:center;font-weight:bold;font-size:18px;color:#fff;background-color:#e61b0f;cursor:pointer;}
	#gnb .nav a{position:absolute;left:0;top:0;width:80px;height:50px;}
	#gnb .nav a:hover{background-color:#e61b0f;}
	#gnb .nav a span.ir{width:15px;height:26px;margin:12px auto;background:url(../new/img/common/nav.png) no-repeat;background-size:100px 100px;}
	#gnb .nav a:hover span.ir,
	#gnb .nav a:active span.ir{background-position:100% 0;}
	#gnb .nav a.next{left:100%;margin-left:-80px;}
	#gnb .nav a.next span.ir{background-position:0 100%;}
	#gnb .nav a.next:hover span.ir,
	#gnb .nav a.next:active span.ir{background-position:100% 100%;}
	#gnb .nav a span.ir span{background:none;}
	#gnb ul{display:none;}
	#gnb li{float:none;width:100%;height:45px;border-top:1px solid #e5e5e5;}
	#gnb li:first-child{border-top:0 none;}
	#gnb li a.ir{height:45px;}
	#gnb li a span{height:45px;line-height:45px;text-indent:0;text-align:center;font-weight:bold;font-size:18px;color:#000;}
	#gnb li a span:first-child{display:none;}
	#gnb a:hover,
	#gnb li.active a{background-color:#666;}
	#gnb a:hover span,
	#gnb li.active a span{color:#fff;}
	#topmenu{right:0;border:0 none;}
	#header .topmenu{z-index:130;height:268px;}
	#header .topmenu h2{position:absolute;height:0;visibility:hidden;font-size:0;}
	#header .topmenu>.inner{padding:18px 20px;}
	#header .topmenu form button{height:30px;}
	#header .topmenu input[type=text],
	#header .topmenu textarea{width:296px;padding:5px 7px;}
	#header .topmenu textarea{height:40px;}
	#topmenu1>.inner{height:354px;}
	#topmenu1>.inner div{float:none;height:130px;}
	#topmenu3 a{margin-bottom:10px;}
	#topmenu3 h3{margin-bottom:5px;}
	#footer strong{position:absolute;height:0;visibility:hidden;font-size:0;}
	.gotoTop,
	.gotoTop img{width:50px;height:50px;}
	.btn_prjreqst {display:none} /* 2014-06-23 추�? */
}
@media all and (min-width:320px) and (max-width:1249px){
/* 1,2,3 */
	#header .topmenu dl{font-size:12px;}
	#topmenu1 p{font-size:11px;}
	#topmenu1 p:first-child{font-size:13px;}
	#topmenu1 h2{margin-right:100px;}
	#topmenu1 dd.fll{width:205px;}
	#topmenu1 dd.fll.ty2{width:175px;}
	#topmenu2 p,
	#topmenu3 p{margin-bottom:15px;line-height:1.29em;}
}
@media all and (min-width:320px) and (max-width:639px){
/* 1 */
	#header.active{height:443px;}
	#header>.inner{height:45px;padding:53px 0 0;}
	#header h1{top:8px;}
	#header h1 a.ir{width:190px;height:50px;background-size:185px 296px;}
	#gnb .nav a{width:35px;height:45px;}
	#gnb .nav a span.ir{width:11px;height:19px;margin:13px auto;background-size:70px 70px;}
	#gnb .nav a.next{margin-left:-35px;}
	#topmenu{width:25%;}
	#topmenu.active{width:100%;}
	#topmenu .toggle{display:block;float:right;width:100%;padding:16px 0;}
	#topmenu.active .toggle{width:25%;}
	#topmenu .toggle .ir{width:100px;height:19px;margin:0 auto;background-position:-68px -350px;}
	#topmenu .toggle.close .ir{width:55px;height:19px;background-position:-207px -350px;}
	#topmenu ul{display:none;float:left;width:75%;}
	/* 2014-06-23 ?�정 ?�작 */
	#topmenu li{width:33.33%;}
	#topmenu li .ir{background:none}
	#topmenu li a{background:#fff;}
	#topmenu li .ir {height:53px}
	#topmenu li .ir span{height:39px;padding-top:14px;text-indent:0;line-height:13px;text-align:center;font-size:11px;font-family:Tahoma,sans-serif;color:#e61b0f;}
	#topmenu li:first-child .ir span{height:31px;padding-top:22px;}
	#topmenu li a:hover .ir,
	#topmenu li a.active .ir {width:79px;height:53px;margin:0 auto;background-size:200px 320px}
	#topmenu li.m1 a:hover .ir,
	#topmenu li.m1 a.active .ir {background-position:7px -41px}
	#topmenu li.m2 a:hover .ir,
	#topmenu li.m2 a.active .ir {background-position:-55px -41px}
	#topmenu li.m3 a:hover .ir,
	#topmenu li.m3 a.active .ir {background-position:-121px -41px}
	#topmenu li a:hover .ir span,
	#topmenu li a.active .ir span {font-size:0;text-indent:-666em}
	/* 2014-06-23 ?�정 ??*/
	#topmenu ul.open{display:block;}
	#header .topmenu{top:53px;height:390px;}
	#topmenu1 dd.fll{float:none;width:auto;}
	#topmenu1 dd.fll.ty2{width:auto;}
	#topmenu1 div.map{height:200px;}
	#topmenu2 .inner div,
	#topmenu3 .inner div,
	#topmenu3 .inner p,
	#topmenu2 .inner form{float:none;width:100%;}
	#topmenu2 p{margin-bottom:8px;}
	#header .topmenu dt,
	#header .topmenu dd{margin-bottom:5px;font-size:12px !important;}
	#header .topmenu form{width:280px;margin:10px auto 0;}
	#header .topmenu input[type=text],
	#header .topmenu textarea{width:270px;}
	#topmenu3 h3{margin:20px 0 10px;}
	#container{padding-top:98px;}
	#footer{height:50px;}
	#footer>.inner{padding:19px 10px 0;}
	#footer .sns{top:15px;}
	#footer .sns a{padding:0 10px;}
	#topmenu1 div.map{top:190px;}
}
@media all and (min-width:640px) and (max-width:1023px){
/* 2 */
	#header.active{height:340px;}
	#header>.inner{width:100%;height:50px;padding:70px 0 0;}
	#gnb .nav h2{height:50px;line-height:50px;font-size:24px;}
	#topmenu li a{border-right:0 none;border-left:1px solid #dde0e7;}
	#header .topmenu{top:70px;height:270px;}
	#topmenu1 div.map{height:160px;}
	#topmenu2>.inner>div,
	#topmenu3 p{width:265px;}
	#topmenu2 form,
	#topmenu3>.inner>div{width:310px;}
	#container{padding-top:120px;}
	#topmenu1 div.map{top:110px;}
}
@media all and (min-width:1024px) and (max-width:1249px){
/* 3 */
	#header.active{height:420px;}
	#header .topmenu{top:70px;height:350px;}
	#topmenu1 div.map{height:215px;}
	#topmenu2.topmenu h2,
	#topmenu3.topmenu h2{width:282px;}
	#topmenu2>.inner>div,
	#topmenu3 p{width:280px;}
	#topmenu2 form, #topmenu3>.inner>div{width:400px;}
	#header .topmenu input[type=text],
	#header .topmenu textarea{width:380px;}
	#topmenu1 div.map{top:130px;}
}
@media all and (min-width:1024px){
/* 3,4 */
	#header>.inner{padding:0 250px 0 310px;}
	#gnb .nav{display:none;}
}
@media all and (min-width:1250px){
/* 4 */
	#header.active{height:70px;}
	#header .topmenu{bottom:70px;height:450px;}
	#header .topmenu>.inner{width:1220px;}
	#header>.inner{width:720px;}
	#header .topmenu .closeTopmenu{display:block;position:absolute;left:50%;top:20px;width:20px;height:20px;margin-left:580px;}
	#header .topmenu>.inner{width:1200px;margin:0 auto;padding:50px 0 50px;}
	#header .topmenu h2{float:left;margin-top:3px;}
	#header .topmenu h2 img{width:290px;}
	#topmenu3.topmenu h2 img{width:290px;}
	#header .topmenu dd span{display:inline-block;margin-left:4px;padding:2px 5px;font-weight:normal;font-size:12px;background:#dfe2e8;cursor:pointer;}
	#topmenu3 a{height:55px;font-size:14px;}
	#topmenu3 a span{padding-left:68px;line-height:55px;background-size:38px 23px;}
	#topmenu3 h3{font-size:28px;}
	#topmenu2 form,
	#topmenu3>.inner>div,
	#topmenu2 p,
	#topmenu3 p{margin-top:-7px;}
	#header .topmenu input[type=text],
	#header .topmenu textarea{width:450px;margin-bottom:10px;padding:10px 15px;font-size:14px;}
	#header .topmenu textarea{height:75px;}
	#header .topmenu form button{margin-top:15px;}
	#footer>.inner{width:1250px;}
	#topmenu1 div.map{top:190px;}
}

/* 2014-04-04 ?�시 */
/* #header{margin-top:449px;}
#header .topmenu#topmenu1{display:block;} */