@charset "utf-8";
/* CSS Document */

body{color:#666}
#Container {width:100%; padding:0; background:#fff;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}

.section01 h3, .section02 h3, .section03 h3{color:#c12a1f;font-size:24px;margin-bottom:3%} 
.gnb>ul>li:hover .subList {max-height:700px}
.mainslide{max-height:622px}



.gnb { z-index: 9999;}

.mgnb .mgnbwrap .head .headlogo {padding: 20px 0 0 0px}

.fiximg {width: 100%;}
.img_size {max-width: 810px;}
.center {text-align: center;}

.mgnb .molist>li a {
    display: block;
    font-size: 1em;
    color: #424242;
    padding-left: 45px;
    font-weight: 600;
    padding: 15px 0 15px 20px;
    width: 100%;
    background: #ebebeb;
    text-align: left;
}

.indent {
	text-indent: -52px;
    margin-left: 52px;
}

.molist .subList li a {
    font-size: 0.875em;
    background: #fff;
    border-top: 1px solid #dedede;
    padding: 10px 0 10px 30px!important;
}

.gnb>ul>li:nth-child(3) ul {
    min-width: 250px;
    margin-left: -125px;
}

.lnb>ul>li>ul>li>a {
    color: #999;
    font-size: 12px;
    padding: 1px 10px 1px 13px;
    display: block;
}
.lnb>ul>li>ul>li:last-child{border-bottom:1px solid #e3e3e3;padding-bottom:15px}

.stitle{font-size:16px;color:#2d4590;font-weight:600;margin-top:30px}

.lnb>ul>li>ul>li>a.on{color:#000;font-weight:600}
.contents .contIn {margin:0 auto 10%;}

.panel>ul>li a{padding:3px 10px}

.wrap_bg{top:0}
.center {position:relative}
.contents .subIn{margin-top:10%}
/*section01*/
.section01 {background:#e7fffd;padding:6% 0; margin-bottom:0;text-align:center}
.section01 h2{color:#000;font-size:48px}
.section01>p{margin:16px 0 6%;color:#555}
.section01 ul li {float:left; background:none;border:none;width:20.5%; margin-right:6%; padding:0;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.section01 ul li span{display:block;margin-top:10px;font-weight:600}


/*section02*/
.section02 {background:#f9edd2;padding:6% 0;margin-bottom:0;text-align:center}
.section02 .center .owl-carousel .owl-stage-outer{margin-left:3px !important}

.banner {background:#f9f9f9; padding:20px 0 15px}
.bannerWrap {margin:0 auto; max-width:1230px; position:relative; }

/*section03*/
.section03 {background:#d5e8fb;padding:6% 0;margin:0;text-align:center}
.auto-system{position:relative;max-width:1244px;margin:0 auto;background:#000;overflow:hidden;text-align:center}
.auto-system img{width:100%}
.auto-system .system-title{position:absolute;color:#fdff3a;font-size:36px;width:100%;top:15%;z-index:999}
.auto-system span{display:block;position:absolute;color:#fff;font-size:30px;width:100%;top:40%;z-index:999}
.auto-system a{display:block;position:absolute;color:#fff;background:#000;font-size:18px;width:80px;padding:5px 10px;left:50%;margin-left:-40px;top:60%;z-index:999}

/*section04*/
.section04 {background:#fbf7d8;padding:2% 0;margin:0;}
.section04 .center{padding:0;max-width:940px !important;background:none;}
.box01 {width:46%; float:left; position:relative; margin-right:4%;}
.box01 h4 {font-size:16px; color:#353535; font-weight:600; }
.box01 .plus { position:absolute; top:0; right:0px}
.box01 ul {margin-top:20px;min-height:60px}
.box01 ul li {background:url(/image/dot.gif) no-repeat 0 10px; padding-left:10px; margin-bottom:7px; overflow:hidden}
.box01 ul li a {font-size:12px; color:#444; width:60%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; float:left}
.box01 ul li a:hover { text-decoration:underline}
.box01 ul li span {font-size:12px; color:#444; float:right}
.box02 {width:46%; float:right; position:relative;}
.box02 h4 {font-size:16px; color:#353535; font-weight:600;}
.box02 ul {margin-top:20px;min-height:60px;text-align:center;margin-left:-30px}
.box02 ul:after {display:block;clear:both;visibility:hidden;content:''}
.box02 ul li {float:left;width:33%;font-size:12px}
.box02 ul li a{font-size:12px; color:#444;}
.box01 ul li a:hover { text-decoration:underline}
.box01 ul li span {font-size:12px; color:#444;}

.o-img p{overflow:hidden;position:relative;cursor:pointer;height:auto;padding:0;background:#fff}
.o-img p img { position:relative;width:100%; z-index: 1; }
.o-img img {opacity:1;-ms-filter:alpha(opacity=70);filter:alpha(opacity=70);-webkit-transform:matrix(1, 0, 0, 1, 0, 0);-ms-transform:matrix(1, 0, 0, 1, 0, 0);transform:matrix(1, 0, 0, 1, 0, 0);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.o-img:hover img, .o-img a:focus img {-webkit-transform:matrix(1.1, 0, 0, 1.1, 0, 0);-ms-transform:matrix(1.1, 0, 0, 1.1, 0, 0);transform:matrix(1.1, 0, 0, 1.1, 0, 0);opacity:0.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80)}

.o-img2 p{overflow:hidden;position:relative;cursor:pointer;height:auto;padding:0;background:#00436f}
.o-img2 p img { position:relative;width:100%; z-index: 1; }
.o-img2 img {opacity:0.6;-ms-filter:alpha(opacity=70);filter:alpha(opacity=70);-webkit-transform:matrix(1, 0, 0, 1, 0, 0);-ms-transform:matrix(1, 0, 0, 1, 0, 0);transform:matrix(1, 0, 0, 1, 0, 0);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.o-img2:hover img, .o-img2 a:focus img {-webkit-transform:matrix(1.1, 0, 0, 1.1, 0, 0);-ms-transform:matrix(1.1, 0, 0, 1.1, 0, 0);transform:matrix(1.1, 0, 0, 1.1, 0, 0);opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100)}

#owl-demo .item{background: #3fbf79;color: #FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;}
.customNavigation{
  text-align: center;
}
//use styles below to disable ugly selection
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-carousel{max-width:1240px !important;margin:0 auto;width:100%}
.owl-carousel a{display:block;position:relative}
.owl-carousel a:hover img, .owl-carousel a:focus img{opacity:0.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80)}
.owl-carousel .owl-controls .owl-nav div {position:absolute; top:50%;margin-top:-37px; text-indent:-9999px; width:34px; height:63px;}
.owl-carousel .owl-controls .owl-nav .owl-prev {left:-40px;background:url('../image/main_arrow_left.png') no-repeat}
.owl-carousel .owl-controls .owl-nav .owl-next {right:-40px;background:url('../image/main_arrow_right.png') no-repeat}

#footer {padding:10px 0 0;color:#212121;background:#ccc;}
.foot-logo{text-align:center;height:70px}
.footIn img{float:none}
.address{float:none;color:#212121;margin:10px auto;text-align:center}

#owl-demo div a{display:block;margin-bottom:10px}

.slideIn{display:none}

.black{color:#000}
.lnb{float:left;min-width:260px;margin-right:5%;width:22%;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.lnb h3{border-bottom:2px solid #c12a1f;width:100%;font-size:24px;font-weight:400;padding:0 0 16px 5px;color:#000}
.contents .contIn{float:left;width:68%;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.lnb>ul>li>a {color: #000; font-size: 14px; padding:8px 0 8px 10px;display: block;border-bottom: 1px solid #e3e3e3;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.lnb>ul>li>a span{display:none;float:right;font-size:12px}
.lnb>ul>li>a:hover, .lnb>ul>li>a.on{color:#c12a1f}
.panel{visibility:hidden}

.loc_wrap>ul>li.home{margin:0 10px}
.loc_wrap>ul>li button{margin-left:5px}
button.accordion span{display:none}
.loc_wrap>ul>li{margin-right:7px;background: url(/image/ic_05.gif) no-repeat 0px center;padding-left:5px}
.contIn .tit h2 {
    float: left;
    font-size: 30px;
    color: #333;
    font-weight: normal;
	margin-top:20px
}

.rcolor{color:#c12a1f}
.fbold{font-weight:600}

.tb-style {border:0;border-spacing:0; border-collapse:collapse;border-top:3px solid #ffba70;border-spacing:0; border-collapse:collapse;padding:0;margin:30px 0;width:100%;max-width:1000px;border-right:1px solid #dedede;}
.tb-style td{border-left:1px solid #dedede;border-bottom:1px solid #dedede;padding:10px 0 10px 10px;}
.tb-style th{border-left:1px solid #dedede;border-bottom:1px solid #dedede;padding:10px 0 10px 10px;background:#fff8f1}
.text-cener{text-align:center;padding-left:0 !important}
.tb-none{border-left:none !important}
.tb-bg{background:#fff8f1 !important;padding-left:6% !important}
.tb-bg2{background:#fff8f1 !important;}
.tabwidth{width:20%;min-width:100px;}
.line-r{border-right:1px solid #dedede}

.contIn .tit{width:100%}
.contIn .tit:after{display:block;visibility:hidden;clear:both;content:''}
.contIn .tit .location {width:auto;position:absolute;right:0;font-size: 12px; color: #666666;margin-top:-40px}

.contents{max-width:1280px;margin:0 auto;padding:2% 0;position:relative}
.contents:after{display:block;clear:both;visibility:hidden;content:''}

.contact{max-width:900px;height:400px;position:relative;overflow:hidden}
.root_daum_roughmap{width:100% !important;height:100% !important;position:absolute}


@media only screen and (max-width:1280px) {
.center {margin:0 auto;padding:0 2% !important}
.auto-system .system-title{font-size:30px}
.auto-system span{font-size:24px}
.auto-system a{font-size:14px}
.section01 h2{font-size:36px}
.owl-carousel{width:84%}
#owl-demo div a{margin-bottom:2%}
}

@media only screen and (max-width:1000px) {
.menu{top:-3px;left:10px}
.contents .contIn {margin:3% auto 3%;float:none;width:100%}
.lnb{display:none}
.location{width:100% !important;top:25px;left:0}
.panel{visibility:visible;background:#fff;left:0}
}

@media only screen and (max-width:800px) {
.contIn .tit h2 {font-size:24px;margin-top:30px}
.sBtn a {padding:7px 5px}
.section01 {margin-bottom:0}
.section01 ul li {width:20.5%; margin-right:6%;margin-bottom:0;}
.section01 ul li:nth-child(2n) {margin-right:6%}
.section01 ul li:last-child {margin-right:0}
.block_left {float:none; width:100%; }
.block_right {float:none; width:100%; }

.news {width:100%; margin-right:0}
.news ul li:last-child {display:block}
.news ul li.firstline a {font-size:14px}
.news ul li.firstline .newsTit a {font-size:14px}
.news ul li.firstline .newsCon {font-size:14px}
.news ul li .newsTit a {font-size:14px;}
.news h2 {font-size:18px}
.section04 h2 {font-size:18px}
.photoSlide {float:none; width:100%; padding-top:45px; overflow:hidden}
.section01 h2{font-size:30px}
.section01 h3, .section02 h3, .section03 h3{font-size:18px}
.auto-system .system-title{font-size:24px}
.auto-system span{font-size:18px}
.auto-system a{font-size:14px}
}

@media only screen and (max-width:640px) {
.subTitle{font-size:24px;font-weight:600}
.section01>p{margin:1% 0 6%;}
.section01 ul li span{font-size:12px}
.auto-system .system-title{font-size:18px}
.auto-system span{font-size:14px}
.auto-system a{font-size:12px;padding:2px 4px}
.section01>p{font-size:12px}
.box01 {width:86%; float:none;margin:2% auto}
.box02 {width:86%; float:none;margin:5% auto}
.owl-carousel .owl-controls .owl-nav .owl-next{background-size: 50%;background-position: 0;}
.owl-carousel .owl-controls .owl-nav .owl-prev{background-size: 50%;background-position: 0;left:-23px}
.section02 .center .owl-carousel .owl-stage-outer{margin-left:0 !important}
}
@media only screen and (max-width:600px) {
.contents .contIn{margin:10% auto 3%}
.loc_wrap>ul>li:nth-child(1), .loc_wrap>ul>li:nth-child(2){display:none}
.loc_wrap ul li:nth-child(3){background:none} 
button.accordion{font-size:12px;letter-spacing:-1px}

.panel>ul>li a{font-size:12px;letter-spacing:-1px}
.contIn .tit h2{margin-top:0}
}

@media only screen and (max-width:480px) {
.section01 h2{font-size:24px}
.section01 h3, .section02 h3, .section03 h3{font-size:14px}
.section01 ul li {width:48%; margin-right:4%;margin-bottom:5%}
.section01 ul li:nth-child(2n){margin-right:0}
.section01 ul li span{margin-top:2%}
.contact{height:300px !important}
}

@media only screen and (max-width:380px) {
#header .head .logo{padding-top:3px}
#header .head .logo img{width:200px}
.auto-system .system-title{display:none}
.auto-system span{font-size:18px;top:20%}
.auto-system a{font-size:12px;padding:2px 4px}
}