@charset "utf-8";





table {width:100%;border-spacing:0;border-collapse:separate;border:0;}
table td {padding:0;}
table caption {display:none;}
.c {clear:both !important;}
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.vat {vertical-align:top !important;}
.boa {border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.bol {border-left:1px solid #d9d9d9;}
.bor {border-right:1px solid #d9d9d9;}
.fl {float:left !important;}
.fr {float:right !important;}
.fcfff {color:#fff !important;}
.fc000 {color:#000 !important;}
.shafff {text-shadow:1px 1px rgba(255,255,255,0.4);}
.sha000 {text-shadow:1px 1px rgba(0,0,0,0.4);}
.mview {display:none !important;}
.mviewf {display:none !important;}
.pview {}
.cmview {display:none !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}

.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}

.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}



#head {position:fixed;left:0;top:0;width:100%;font-size:1.13em;background:#fff;z-index:9998;    border-bottom: 1px solid #e4e4e4; border-top:3px solid #da491a;}
#head .headbox {max-width:1100px;margin:0 auto;padding:0 8px;}
#head .headbox h1 {height:80px;line-height:70px;float:left;width:146px;}
#head .headbox h1 img {width:100%;max-width:146px;}
#head .headbox .topnavi {float:right;}
#head .headbox .topnavi li {float:left;width:150px;position:relative;}
#head .headbox .topnavi li dt {text-align:center;font-weight:700;height:50px;padding-top:30px;color:#333333;font-family:"NanumSquare"}
#head .headbox .topnavi li dt div {*border-right:1px solid #d9d9d9;height:16px;line-height:14px;}
#head .headbox .topnavi li:last-child dt div {border-right:0;}
#head .headbox .topnavi li dd {display:none;font-size:0.82em;position:absolute;left:0;top:80px;width:100%;}
#head .headbox .topnavi li:hover dd {display:block;background:#f6f6f6;}
#head .headbox .topnavi li dd div {height:35px;line-height:35px;padding:0 20px;}
#head .headbox .topnavi li dd div:hover {color:#9a2802;text-decoration:underline;}
#head .headbox .topnavi li dd .ddch {color:#9a2802;text-decoration:underline;}
#head .headbox .opm {float:right;font-size:1.6em;margin-top:20px;display:none;}
.blank {height:80px;}

@media screen and (max-width:930px) {
#head {}
#head .headbox h1 {height:50px;line-height:50px;width:120px;}
#head .headbox .topnavi li {float:left;width:120px;}
#head .headbox .topnavi li dt {height:20px;padding-top:20px;}
#head .headbox .topnavi li dd {display:none;padding:10px 10px;font-size:0.89em;}
.blank {height:50px;}
}

@media screen and (max-width:780px) {
#head .headbox h1 {width:100px;}
#head .headbox .topnavi {display:none;}
#head .headbox .opm {margin-top:10px;display:block;}
}




.bg000 {background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;height:100%;width:100%;z-index:9999;display:none;}
.bg000 .allm {background:#f9f9f9;width:200px;height:100%;position:fixed;top:0;right:-201px;}
.bg000 .allm .clmbox {background:#fff;padding:10px;position:absolute;height:30px;width:180px;}
.bg000 .allm .clmbox img {width:100px;float:left;}
.bg000 .allm .clmbox .clm {float:right;font-size:2em;color:#da491a;padding-top:2px;cursor:pointer;}
.bg000 .allm .mobinavi {height:100%;}
.bg000 .allm .mobinavi .pcnavi0 {padding-top:48px;}
.bg000 .allm .mobinavi .pcnavi3 dt {border-bottom:0;}
.bg000 .allm .mobinavi li {border-bottom:1px solid #d9d9d9;}
.bg000 .allm .mobinavi dt {}
.bg000 .allm .mobinavi dt i {font-size:0.69em;padding-right:7px;color:#c7c7c7;}
.bg000 .allm .mobinavi dt {padding:0 14px;height:34px;line-height:34px;background:#f9f9f9;}
.bg000 .allm .mobinavi dd {border-bottom:1px dotted #efefef;padding:0 0 0 30px;height:25px;line-height:25px;font-size:0.92em;color:#898989;background:#fff;}
.bg000 .allm .mobinavi dd span {font-size:0.79;color:#d9d9d9;padding-right:5px;}
.bg000 .allm .mobinavi dd:hover {color:#9A2803;}

.bg000 .allm .mobinavi li:hover dt {background:#9A2803;color:#fff;}
.bg000 .allm .mobinavi li:hover dt i {background:#9A2803;color:#fff;}
.bg000 .allm .mobinavi li dd:hover {color:#9A2803;}
.bg000 .allm .mobinavi .dtch {background:#9A2803;color:#fff;}
.bg000 .allm .mobinavi .dtch i {color:#fff;}
.bg000 .allm .mobinavi .ddch {color:#9A2803;}
.bg000 .allm .mobinavi .sidelog {text-align:center;border-bottom:0;background:#f9f9f9;padding:10px 0;display:none;}
.bg000 .allm .mobinavi .sidelog a {border-radius:5px;padding:3px 7px;color:#fff;font-size:0.92em;}
.bg000 .allm .mobinavi .sidelog .slog1 {background:#757575}
.bg000 .allm .mobinavi .sidelog .slog2 {background:#4cc0bf}
.bg000 .allm .mobinavi .sidelog .slog3 {background:#d1558a}


.bg000 .allm .mobinavi .sidelog dl {display:inline-block;vertical-align:top;}
.bg000 .allm .mobinavi .sidelog dl dt {height:40px;line-height:40px;text-align:center !important;background:none;border:0;padding:0;font-size:2.2em;}
.bg000 .allm .mobinavi .sidelog dl dd {height:20px;line-height:20px;text-align:center !important;;background:none;border:0;padding:0;}
.bg000 .allm .mobinavi .sidelog dl:hover > dt i {color:#4cc0bf;background:#f9f9f9;}
.bg000 .allm .mobinavi .sidelog dl:hover > dd {color:#4cc0bf}



.mainvis li {text-align:center;}
.mainvis li img {width:100%;max-width:1100px; margin:0 auto;}
.mainvis .mv01 {background:url('/nimg/vis/mainbg1.jpg') no-repeat center;background-size:cover;}
.mainvis .mv02 {background:url('/nimg/vis/mainbg2.jpg') no-repeat center;background-size:cover;}

.subvis {margin-bottom:30px;}
.subvis .sv {padding:65px 0;text-align:center;font-size:1.12em;color:#fff;font-weight:400;}
.subvis .sv .big {font-size:2.4em;margin-bottom:15px;font-weight:700;font-family:"NanumSquare"}
.subvis .sv01 {background:url('/nimg/vis/svbg1.jpg') no-repeat center;background-size:cover;}
.subvis .sv02 {background:url('/nimg/vis/svbg2.jpg') no-repeat center;background-size:cover;}
.subvis .sv03 {background:url('/nimg/vis/svbg3.jpg') no-repeat center;background-size:cover;}
.subvis .sv04 {background:url('/nimg/vis/svbg4.jpg') no-repeat center;background-size:cover;}
.subvis .sv05 {background:url('/nimg/vis/svbg5.jpg') no-repeat center;background-size:cover;}
@media screen and (max-width:780px) {
.subvis {margin-bottom:15px;}
}
@media screen and (max-width:780px) {
.subvis .sv {padding:35px 0;font-size:1em;}
.subvis .sv .big {font-size:1.8em;margin-bottom:5px;}
}


.scbox {padding:50px 0;}
.scbox .h2box {color:#2b2b2b;text-align:center;margin-bottom:50px;}
.scbox .h2box .h2img {margin-bottom:15px;}
.scbox .h2box h2 {font-size:2.2em;font-weight:400;margin-bottom:10px;}
.scbox .h2box hr {border: 0; height: 5px; background: #9a2802;width:50px; margin-bottom:20px;}
.scbox .h2box hr.hrfff{ background: #fff; }
.scbox .h2box h2 span {font-weight:800;}
.scbox .h2box .h2sul {font-size:0.92em;color:#797979;font-weight:400;padding:0 20px;line-height:1.4em;font-family:"NanumSquare"}
@media screen and (max-width:780px) {
.scbox {padding:40px 0;}
.scbox .h2box {font-size:0.82em;margin-bottom:30px}
.scbox .h2box .h2sul {font-size:1em;}
}

.sc01 {background:#f4f1f1; }
.sc01 .sc1box {max-width:1100px;margin:0 auto;padding:0 8px;}
.sc01 .sc1box li {float:left;width:30%;}
.sc01 .sc1box .cen{padding-left:5%; padding-right:5%;}
.sc01 .sc1box li img {width:100%; max-width:246px;}
.sc01 .sc1box li dl {text-align:center;}
.sc01 .sc1box li dt {padding:30px;font-size:1.4em;font-weight:800;font-family:"NanumSquare"}
.sc01 .sc1box li dd {*padding:0 30px 15px 30px;font-weight:400;line-height:1.4em;}
.sc01 .sc1box li .img {text-align:center;line-height:100px;margin-left:-1px;}
@media screen and (max-width:870px) {

}
@media screen and (max-width:700px) {
.sc01 .sc1box li dt {padding:20px;font-size:1.2em;}
.sc01 .sc1box li dd {padding:0 20px 10px 20px;}
.sc01 .sc1box li .sc1br {display:none;}
}
@media screen and (max-width:590px) {
.sc01 .sc1box li {clear:both;width:100%;display:block;border-left:0;border-bottom:1px solid #d9d9d9;margin-bottom:20px;text-align:center;}
.sc01 .sc1box li:last-child {border-bottom:0;margin-bottom:0;}
.sc01 .sc1box .cen{padding:0; }
.sc01 .sc1box li dt {padding:0;font-size:1.2em;margin-bottom:10px;}
.sc01 .sc1box li dd {padding:0 20px;margin-bottom:20px;}
.sc01 .sc1box li img {margin:0 auto 15px; width:80%; max-width:200px;}
}

.sc02 {background:#fff}
/**.sc02 .sc2box {max-width:1100px; margin:0 auto;*background:url('/nimg/mainp2_i1.jpg') no-repeat center; *background-size:cover; text-align:center; *padding:300px 0 30px 0;}  */
.sc02 .sc2box ul{max-width:1100px; max-width:1100px; margin:0 auto; } 
.sc02 .sc2box ul li { float:left; width:48%; cursor:pointer; margin:1%;}
.sc02 .sc2box ul li dl {width:100%; overflow:hidden;}
.sc02 .sc2box ul li dl dd img {; width:100%; max-width:540px; }
.sc02 .sc2box ul li dl{position:relative; box-sizing: border-box;}
.sc02 .sc2box ul li dl dt {position:absolute; top:50%; left:50%; color:#fff; width:120px; margin-left:-60px; text-align:center; font-size:1.2em;}

.sc02 .sc2a a {display:block;width:150px;margin:20px auto;background:#9a2802;color:#fff;padding:10px 0; font-size:0.89em; text-align:center;}
.sc02 .sc2boxf {padding:0 8px;}

.sc02 .sc2box ul li dl .scale { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out;  }
.sc02 .sc2box ul li dl .scale:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);
}

@media screen and (max-width:590px) {
.sc02 .sc2box ul {text-align:center;}
.sc02 .sc2box ul li { float:left; width:98%; padding:1%;}
.sc02 .sc2box ul li:nth-child(2n-1) dl {padding:0;}
.sc02 .sc2box ul li:nth-child(2n) dl {padding:0;}
.sc02 .sc2box ul li dl dt{font-size:1em;}
.sc02 .sc2a a {display:block;}
}





.sc03 {background:url('/nimg/mainp3_i1.jpg') no-repeat center;text-align:center;background-size:cover;}
.sc03 .h2box h2 {font-size:2.2em;font-weight:400;margin-bottom:20px;color:#fff;font-weight:800;}
.sc03 .h2box .h2sul {font-size:0.92em;color:#fff;font-weight:400;padding:0 20px;line-height:1.4em;}
.sc03 .sc3box a {display:block;width:150px;margin:0 auto;background:#b3654b;color:#fff;padding:10px 0;font-size:0.89em; border:1px solid #fff;}
.sc03 .sc3box ul {max-width:1100px;margin:0 auto 40px;padding:0px;}
.sc03 .sc3box li {display:inline-block;width:30%;text-align:center;}
.sc03 .sc3box li.cen {padding-left:4%; padding-right:4%;}
.sc03 .sc3box li img {width:100%;max-width:330px;}
@media screen and (max-width:650px) {
 .sc03 .sc3box li {display:inline-block;width:27%;text-align:center; padding:0%;} 
.sc03 .sc3br {display:none;}
}

.sc04 {padding:70px 0; background:#f4f1f1;}
.sc04 .sc4box {padding:0 8px; max-width:1100px; margin:0 auto;}
.sc04 .sc4box .notbox {float:left;width:31%; }
.sc04 .sc4box .notbox hr{ height:3px;  background:linear-gradient( to left, #161616, #9a2802 ); width:100%; border:0;}
.sc04 .sc4box .nt1 .ntbox {*margin-right:9%; background:#fff; height:200px; border:1px solid #d6d6d6; padding:4%;}
.sc04 .sc4box .nt2 .ntbox {*margin:0 4.5%; background:#fff; height:200px; border:1px solid #d6d6d6; padding:4% }
.sc04 .sc4box .cen{padding-left:3.5%; padding-right:3.5%;}
.sc04 .sc4box .nt3 .ntbox {*margin-left:9%;  background:#fff; height:200px; border:1px solid #d6d6d6; padding:4%}
.sc04 .sc4box .nt3 .cs {position:relative;}
.sc04 .sc4box .nt3 .cs .cstitle {font-size:1.4em;font-weight:400;color:#000;*margin-bottom:15px;font-family:"NanumSquare"}
.sc04 .sc4box .nt3 .cs .csmore {position:absolute;top:-5px;right:0;font-size:2.4em;font-weight:300;font-family:"NanumSquare";color:#000;}
.sc04 .sc4box .nt3 .cs .cscall {font-size:2.4em;font-weight:800;color:#222222;margin-bottom:10px;}
.sc04 .sc4box .nt3 .cs .cssul {color:#898989;font-weight:600;font-size:0.89em;line-height:1.4em;margin-bottom:15px;}
.sc04 .sc4box .nt3 .cs .cssul .csview {display:none;}
.sc04 .sc4box .nt3 .cs .csbtn a {display:inline-block;width:39.4%;height:34px;line-height:34px;color:#fff;font-weight:400;padding:0 4%;}
.sc04 .sc4box .nt3 .cs .csbtn a.csb1 {background:url('/nimg/arr_02.png') no-repeat right center #9a2802;}
.sc04 .sc4box .nt3 .cs .csbtn a.csb2 {background:url('/nimg/arr_02.png') no-repeat right center #161616;float:right;}
@media screen and (max-width:960px) {
.sc04 .sc4box .nt3 .cs .cscall {font-size:2em;}
.sc04 .sc4box .nt3 .cs .cssul .csview {display:block;}
}
@media screen and (max-width:760px) {
.sc04 .sc4box {padding:0 10px;}
.sc04 .sc4box .notbox {clear:both;width:100%;display:block;margin-bottom:30px;border-bottom:1px dotted #d9d9d9;padding-bottom:30px;}
.sc04 .sc4box .cen {padding:0;}
.sc04 .sc4box .nt1 .ntbox {height:auto;}
.sc04 .sc4box .nt2 .ntbox {height:auto;}
.sc04 .sc4box .nt3 .ntbox {height:auto;}
.sc04 .sc4box .nt3 {border-bottom:0 !important;padding-bottom:0 !important;}
}


.sc05  {background:#f6f6f6;padding:50px 8px;}
.sc05 .sc5box {max-width:1100px;margin:0 auto;}
.sc05 .sc5box h2 {font-size:1.4em;color:#000;font-weight:400;margin-bottom:20px;}
.sc05 .sc5box .broll li {text-align:center;}
.sc05 .sc5box .broll li img {margin:0 auto;}
@media screen and (max-width:500px) {
.sc05 .sc5box .broll li img {width:150px;}
}

#f_tline {height:5px; background-image: linear-gradient(45deg, #00a5cb 0%, #36b44d 99%, #36b44d 100%); width:100%;}
#footer {background:#3a3a3a; padding:35px 8px;}
#footer .footbox {max-width:900px;margin:0 auto;position:relative;padding-left:200px;font-weight:400;}
#footer .footbox .flogo {position:absolute;left:0;top:0;}
#footer .footbox .fcont {font-size:0.89em;color:#808080;margin-bottom:10px;line-height:1.4em;}
#footer .footbox .fcont .mnobr {display:none;}
#footer .footbox .fcont .mnosp {}
#footer .footbox .fcopy {color:#adadad;font-size:0.89em}
@media screen and (max-width:900px) {
#footer .footbox .fcont .mnobr {display:block;}
#footer .footbox .fcont .mnosp {display:none;}
}
@media screen and (max-width:560px) {
#footer .footbox {padding-left:0;}
#footer .footbox .flogo {position:relative;text-align:center;width:100%;margin-bottom:15px;}
#footer .footbox .fcont {text-align:center;}
#footer .footbox .fcopy {text-align:center;}
}



#subcont {max-width:1100px;margin:0 auto;padding:0 8px;min-height:400px;}
#subcont .subbox {position:relative;}
#subcont h3 span{*background:url('/nimg/h3p.png') no-repeat left center;*padding-left:25px;font-size:1.4em;color:#000;font-weight:normal;margin-bottom:20px; display:block; clear:both;}
#subcont h3 hr {border:0; height:3px; background:#9a2802; width:30px; margin-bottom:10px;float:left;}
#subcont p {font-weight:normal;font-size:0.92em;line-height:1.6em;}

#subcont .h2box .nowis {font-size:0.82em;text-align:right;font-weight:400;color:#828282;margin-bottom:30px;}
#subcont .h2box h2 {font-size:1.6em;font-weight:400;padding-bottom:15px;border-bottom:1px solid #d9d9d9;margin-bottom:40px;}
#subcont .leftbox {position:absolute;left:0;top:0;min-height:200px;width:220px;}
#subcont .leftbox .leftcall strong {color:#000;}
#subcont .leftbox .leftcall {background:#f4f1f1;color:#6b6b6b;border:1px solid #d1d1d1;padding:15px;}
#subcont .leftbox .leftcall .lc1 {font-weight:700;font-size:1.12em;margin-bottom:10px;}
#subcont .leftbox .leftcall .lc2 {font-size:1.4em;font-weight:800;margin-bottom:8px;font-family:"NanumSquare"}
#subcont .leftbox .leftcall .lc2 img {width:20px;height:16px;margin-right:4px;margin-top:-2px;}
#subcont .leftbox .leftcall .lc3 {font-size:0.79em;font-weight:400;padding-bottom:10px;border-bottom:1px solid #d1d1d1;color:#818081;margin-bottom:10px;}
#subcont .leftbox .leftcall .lc4 {font-size:0.82em;color:#818081;background:url('/nimg/leftdd_off.png') no-repeat 175px center;}
#subcont .leftbox .leftcall .lc4 img {width:20px;height:20px;margin-right:4px}
#subcont .rightcont {padding-left:280px;padding-bottom:60px;}

#subcont .sidem dt {*background:url('/nimg/submbg.png') repeat-y; background:#9a2802; padding:20px 0;text-align:center;color:#fff;font-weight:400;font-family:"NanumSquare"}
#subcont .sidem dt .engn {opacity:0.5;margin-bottom:5px;}
#subcont .sidem dt .big {font-size:1.6em;}
#subcont .sidem a dd {border:1px solid #d6d6d6;border-bottom:none;padding:15px;font-weight:400;background:url('/nimg/leftdd_off.png') no-repeat 190px center;}
#subcont .sidem a dd.leftddon {background:url('/nimg/leftdd_on.png') no-repeat 190px center;color:#9a2802;}
#subcont .sidem a dd:hover {background:url('/nimg/leftdd_on.png') no-repeat 190px center;color:#9a2802;}
@media screen and (max-width:1100px) {
#subcont .rightcont {padding-left:250px;}
}
@media screen and (max-width:950px) {
#subcont .leftbox {display:none;}
#subcont .rightcont {padding-left:0;}
}
@media screen and (max-width:600px) {
#subcont .h2box .nowis {display:none;}
#subcont .h2box h2 {font-size:1.3em;margin-bottom:20px;}
#subcont h3 span {font-size:1.2em;margin-bottom:15px;}
}



.p1010 .p1010i {position:relative;margin-bottom:20px;}
.p1010 .p1010i img {width:100%;}
.p1010 .p1010i .p1010tx {position:absolute;right:15px;top:15px;text-align:right;font-size:1.4em;font-family:"NanumSquare";font-weight:normal;}
.p1010 .p1010i .p1010tx .p1010red {color:#b35e41;margin-bottom:5px;}
.p1010 .p1010i .p1010tx .p1010000 {color:#000;}
.p1010 .p1010i .p1010tx .p1010br {display:none;}
.p1010 .p1010ta {border-left:1px solid #d4d4d4;border-top:1px solid #d4d4d4; background:url('/nimg/bg_logo.gif')}
.p1010 .p1010ta th {border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;text-align:center;font-size:0.92em;color:#000;padding:15px 0;background:#ebe5d9;}
.p1010 .p1010ta td {border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;text-align:center;padding:20px 0;}
.p1010 .p1010ta td img {width:100%;max-width:323px}
@media screen and (max-width:800px) {
.p1010 .p1010i .p1010tx .p1010br {display:block;}
}
@media screen and (max-width:600px) {
.p1010 .p1010i .p1010tx {font-size:1.12em;*text-shadow:1px 1px #fff;}
}
@media screen and (max-width:400px) {
.p1010 .p1010i .p1010tx {font-size:0.92em;}
}


.p1020 .pc{display:block; width:100%; max-width:820px; margin:0 auto; }
.p1020 .m{display:none;}
.p1020 img{border:1px solid #d4d4d4; }

@media screen and (max-width:600px) {
.p1020 .m{display:block; width:100%; max-width:600px; margin:0 auto; }
.p1020 .pc{display:none;}
}


.p1030 .tit img{width:100%; max-width:520px; margin:0 auto; }
.p1030 .tit {text-align:center;}
.p1030 ul {width:100%; position:relative;}
.p1030 ul:before{width:3px;height:100%; position: absolute; left:50%;top:0; background:#f1f0f0; content:'';display: block;}
.p1030 .p1030li {width:50%; position:relative; box-sizing:border-box; padding-right:80px; padding-top:80px; text-align:right;}
.p1030 .p1030li:nth-child(2n){width:50%;left:50%; position:absolute; box-sizing:border-box; padding-left:80px; text-align:left; }

.p1030 .p1030li dl dt{color:#9a2802; font-size:1.5em; font-weight:600; margin-bottom:10px;}
.p1030 .p1030li:nth-child(2n-1) dl dt:before{width:75px;height:2px; position: absolute;right:0;top:90px;background:#f1f0f0;content:'';display: inline-block;}
.p1030 .p1030li:nth-child(2n-1) dl dt:after{width:20px;height:10px;position:absolute;right:-10px;top:87px;background:#9a2802;content:'';display: inline-block;}
.p1030 .p1030li:nth-child(2n) dl dt:before{width:75px;height:2px;position: absolute;left:0px;top:90px;background:#f1f0f0;content:'';display: inline-block;}
.p1030 .p1030li:nth-child(2n) dl dt:after{width:20px;height:10px;position:absolute;left:-10px;top:87px;background:#9a2802;content:'';display: inline-block;}
.p1030 .his2017 {top:150px;}
.p1030 .his2015 {top:400px;}
.p1030 .his2006 {top:600px;}
.p1030 .p1030li dl dd {color:#4a4a4a; font-weight:300; font-size:0.92em; line-height:1.6em;}
.p1030 .p1030li dl dd img {padding-top:5px;}
.p1030 .p1030li dl dd strong{color:#625f5f; font-weight:900;}



@media screen and (max-width:700px) {
.p1030 ul {padding-bottom:30px;}
.p1030 ul:before{content:none;}
.p1030 .p1030li:nth-child(2n-1) dl dt:before{content:none;}
.p1030 .p1030li:nth-child(2n-1) dl dt:after{content:none;}
.p1030 .p1030li:nth-child(2n) dl dt:before{content:none;}
.p1030 .p1030li:nth-child(2n) dl dt:after{content:none;}

.p1030 .p1030li {width:100%;padding:0 5px;display: block;margin:30px auto;text-align: left;}
.p1030 .p1030li strong{ float:left; padding-right:5px;}
.p1030 .p1030li:nth-child(2n){width:100%; top:auto; position:relative; left:auto; padding-left:0; padding:0 5px; display: block; text-align: left; }


.p1030
.p1030
.p1030
.p1030
.p1030
.p1030
.p1030



}





.p1040 img {border:1px solid #ccc; width:100%; max-width:250px;}
.p1040 .p1040li{ float:left; font-size:0.92em; }
.p1040 .cen{margin:0 1.9%;}
.p1040 .p1040li dt{text-align:center;}
.p1040 .p1040li dd.big{text-align:center; margin-top:20px;}

@media screen and (max-width:600px) {
.p1040 .p1040li {clear:both;width:100%;display:block;margin-bottom:20px;}
.p1040 .p1040li dd {width:240px;margin:0 auto;}
.p1040 .cen{margin:0 0%;}
.p1040 .p1040li dd.big{text-align:center; margin-top:10px;}
}




.p1050 .p1050map {margin-bottom:30px;}
.p1050 .p1050map .mymap {width:100%;}
.p1050 .p1050ta th {width:35px;text-align:left;padding:5px 0;}
.p1050 .p1050ta th img {width:25px;}
.p1050 .p1050ta td {font-size:0.92em;font-weight:normal;color:#666666;padding:5px 0;}
.p1050 .p1050ta td .p1050br {display:none;}
.p1050 .p1050ta td span {color:#000;font-weight:600;}
@media screen and (max-width:500px) {
.p1050 .p1050ta td .p1050br {display:block;}
}



.p2010 p span {color:#ff6410}
.p2010 .p2010i {border:1px solid #d9d9d9;padding:15px;background:#f4f1f1;margin-bottom:30px;}
.p2010 .p2010i ul {text-align:center;}
.p2010 .p2010i ul li {display:inline-block;width:28%;margin:2%;vertical-align:top;}
.p2010 .p2010i ul li dt img {width:100%;max-width:238px;}
.p2010 .p2010i ul li dd {padding-top:20px;}
.p2010 .p2010i ul li dd .big {font-size:1.4em;font-family:"NanumSquare";font-weight:600;margin-bottom:15px;}
.p2010 .p2010i ul li dd .sm {line-height:1.6em;font-size:0.92em;font-weight:normal;width:80%;margin:0 auto;}
.p2010 .p2010i2 img {width:100%;}
@media screen and (max-width:700px) {
.p2010 .p2010i ul li {display:block;width:100%;margin:0 0 15px 0;}
}


.p2020 ul {text-align:center;}
/* .p2020 ul li {display:inline-block;width:100%;margin:0 0.5% 30px 0.5%;text-align:left;vertical-align:top;} */

.p2020 ul li dt {margin-bottom:15px;}
.p2020 ul li dt img {width:100%;}
.p2020 ul li dd {font-weight:normal;}
.p2020 ul li dd .big {font-size:1.4em;color:#000;font-family:"NanumSquare";margin-bottom:10px;}
.p2020 ul li dd .big span {background:#37b44a;padding:5px 8px;margin-right:5px;color:#fff;font-size:0.62em;}
.p2020 ul li dd .sm {font-size:0.92em;}
@media screen and (max-width:600px) {
.p2020 ul li dd .big {font-size:1.2em;}
}
@media screen and (max-width:450px) {
.p2020 ul li {display:block;width:100%;margin:0 0 15px 0;}
}


.p2030 ul li {float:left;width:32%;height:220px;}
.p2030 ul .cen {margin:0 1.8%;}
.p2030 ul li dt {margin-bottom:15px;}
.p2030 ul li dt div {padding:20px 0;text-align:center;border:1px solid #d1d1d1}
.p2030 ul li dt img {width:100%;max-width:240px;}
.p2030 ul li dd {height:34px;padding:5px 0;font-size:0.92em;}
.p2030 ul li dd .sm {font-weight:normal;}
@media screen and (max-width:500px) {
.p2030 ul li {float:left;width:49%;height:180px}
.p2030 ul li dt {margin-bottom:10px;}
.p2030 ul .cen {margin:0;}
.p2030 ul .se {margin-left:2% !important;}
}


.p2030 ul li {float:left;width:32%;height:220px;}
.p2030 ul .cen {margin:0 1.8%;}

.p3010 .p3010i img {width:100%;}
.p3010 .p3010li {float:left;width:32%;font-size:0.92em;}
.p3010 .cen {margin:0 1.8%;}
.p3010 .p3010li dt {text-align:center;}
.p3010 .p3010li dt img {width:100%;max-width:240px; border:1px solid #d8d8d8}
.p3010 .p3010li dd .big {text-align:center;margin-bottom:10px; margin-top:10px}
.p3010 .p3010li dd .sm {padding:0 10px;font-weight:normal; padding-bottom:15px;}
.p3010 .p3010li dd .sm li {background:url('/nimg/leftdd_off.png') no-repeat left center;padding-left:15px;margin-bottom:8px;}
.p3010 .gbtn {position:absolute; right:5px;}

.p3010 .gbtn .golink {*display:block;color:#fff;background:url('/nimg/btn_arrow.png') no-repeat right center #6a3727;
					width:150px;padding:9px 40px 9px 20px; }
.p3010 .gbtn .goshop {*display:block;color:#fff;background:url('/nimg/btn_arrow.png') no-repeat right center #9a2802;
					width:150px;padding:9px 26px 9px 20px; }

@media screen and (max-width:700px) {
.p3010 .p3010li {clear:both;width:100%;display:block;margin-bottom:40px;;}
.p3010 .p3010li dd {width:260px;margin:0 auto;}
.p3010 .gbtn {position:relative; text-align:center;}

}


.p31tab {margin-bottom:30px;letter-spacing:-2px;}
/*#scont .p32tab li {float:left;width:20%;margin-right:-2px;background:#fff;height:40px;line-height:40px;font-weight:400;text-align:center;
						border:1px solid #d9d9d9;border-bottom:1px solid #0069b7;}*/
.p31tab li {float:left;width:25%;margin-right:-2px;background:#fff;height:40px;line-height:40px;font-weight:400;text-align:center;
						border:1px solid #d9d9d9;border-bottom:1px solid #9a2802;}
.p31tab li:hover {background:#9a2802;color:#fff;}
.p31tab .ch {background:#9a2802;color:#fff;}

@media screen and (max-width:1000px) {
/*#scont .p32tab li {width:33%;border-bottom:1px solid #d9d9d9;margin-bottom:-1px}*/
.p31tab li {width:50%;border-bottom:1px solid #d9d9d9;margin-bottom:-1px}
}
@media screen and (max-width:600px) {
/*#scont .p32tab li {width:50%;}*/
}


	
/*intro ÆäÀÌÁö*/
.intro_wrap {height:85%; }
.intro_wrap ul{ width:100%;overflow:hidden; height:100%;}
.intro_wrap ul li { position:relative; width:50%; float:left;  height:100%; cursor:pointer; text-align:center; } 
.intro_wrap ul li.home{background:url('/nimg/intro/go_home.jpg') center no-repeat; background-size:cover; position:relative;}  
.intro_wrap ul li.shop{background:url('/nimg/intro/go_shop.jpg') center no-repeat; background-size:cover;  position:relative;}  
.intro_wrap ul li.shop .overbox{width:92%; height:92%; margin:4%; box-sizing:border-box;}
.intro_wrap ul li.home .overbox{width:92%; height:92%; margin:4%; box-sizing:border-box;}
.intro_wrap ul li hr {width:30px; height:2px; background:#fff; border:none; margin-bottom:50px;}
.intro_wrap ul li dl.intro_text {left:50%; top:50%; color:#fff; position:absolute; width:300px; margin-left:-150px; text-align:center; margin-top:-180px;}
.intro_wrap ul li dl.intro_text img{width:100%; max-width:120px; margin-bottom:50px;}
.intro_wrap ul li dl.intro_text dt b{font-size: 1.2em; }
.intro_wrap ul li dl dd.link{ width:180px; height:45px; line-height:43px; border:1px solid #fff;  text-align:center; margin:40px auto;}


.intro_wrap ul li.shop .overbox:hover{ background-color:#9a2803;  background-color:rgba(154,40,30,0.5);    -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
 .intro_wrap ul li.home .overbox:hover{ background-color:#080808;  background-color:rgba(8,8,8,0.5);    -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

@media screen and (max-width:900px) {
.intro_wrap {clear:both; height:100%; text-align:center;}
.intro_wrap ul{ width:100%;overflow:hidden; height:100%;}
.intro_wrap ul li { position:relative; width:100%; float:left;  height:50%; cursor:pointer; box-sizing:border-box;  } 
.intro_wrap ul li.home .overbox{width:92%; height:92%; margin:4%; text-align:center;}
.intro_wrap ul li.shop .overbox{width:92%; height:92%; margin:4%; text-align:center;}
.intro_wrap ul li dl.intro_text{top:8%; width:auto; margin:0 auto; margin-left:-130px;}
.intro_wrap ul li dl.intro_text img {margin-bottom:20px; width:35%;}
.intro_wrap ul li hr {margin-bottom:20px;}
.intro_wrap ul li dl dd.link{margin:25px auto;}
}

@media screen and (max-width:600px) {
.intro_wrap ul li dl.intro_text img {margin-bottom:20px; width:20%;}
.intro_wrap ul li hr {margin-bottom:15px;}
.intro_wrap ul li dl dd.link{width:120px; height:40px; line-height:38px; margin:15px auto;}

}


#footer2 {background:#3a3a3a; padding:35px 8px; position:fixed; bottom:0; width:100%; height:15%; box-sizing:border-box;}
#footer2 .footbox2 {max-width:900px;margin:0 auto;position:relative;padding-left:200px;font-weight:400;}
#footer2 .footbox2 .flogo {position:absolute;left:0;top:0;}
#footer2 .footbox2 .fcont {font-size:0.89em;color:#808080;margin-bottom:10px;line-height:1.4em;}
#footer2 .footbox2 .fcont .mnobr {display:none;}
#footer2 .footbox2 .fcont .mnosp {}
#footer2 .footbox2 .fcopy {color:#adadad;font-size:0.89em}
@media screen and (max-width:900px) {
#footer2 {position:relative; padding:35px 8px; background:#3a3a3a; height:auto !important;}
#footer2 .footbox2 .fcont .mnobr {display:block;}
#footer2 .footbox2 .fcont .mnosp {display:none;}
}
@media screen and (max-width:560px) {
#footer2 .footbox2 {padding-left:0;}


#footer2 .footbox2 .flogo {position:relative;text-align:center;width:100%;margin-bottom:15px;}
#footer2 .footbox2 .fcont {text-align:center;}
#footer2 .footbox2 .fcopy {text-align:center;}
}