@charset "utf-8";
/* CSS Document */
.none {display:none}
body { overflow-x:hidden;}
#skipNavi {position:absolute; top:0; left:0; width:100%;}
#skipNavi a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:1em;}
#skipNavi a:hover, #skipNavi a:focus, #skipNavi a:active {position: absolute; top: 0; padding: 5px 0; font-weight:bold; color:#fff; background:#000; z-index:500;}

.menu{width:50px;float:left;margin:10px 0 10px 0;cursor:pointer;display:none;position:absolute; top:17px; right:20px}

.top_bt{width:400px;float:right;margin-right:3px;text-align:right;}
.top_bt li{display:inline-block;margin-left:10px}
.top_bt a, .top_bt a:link{color:#666}
.top_bt a:focus, .top_bt a:hover{color:#f00}

.mgnbbg {width:250px; height:100%; position:fixed; top:0; left:-300px; z-index:999999;overflow-y:auto;overflow-x:hidden} 
.mgnb {position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; z-index:100;}
.mgnbwrap .head{text-align:center}
.mgnb .mgnbwrap .head { background:#ccc; width:100%; position:relative;padding-bottom:20px;border-top:3px solid #f00;border-bottom:1px solid #999}
.mgnb .mgnbwrap .head .headlogo { padding:20px 0 0 10px;width:70%}
.mgnb .mgnbwrap .head a { position:absolute; top:25px; right:10px;}
.mbtn { width:100%; overflow:auto; padding:3px 0; background:#fff;}
.mbtn li { float:left; margin-left:3px;width:48%; border:1px solid #ccc;font-weight:600;}
.mbtn li a {display:block; padding:15px 0 15px 46px}
.mbtn li.mbtn01 {background:url(/image/btn_logout.gif) no-repeat 10px 36%; display:block; color:#666;font-size:16px;}
.mbtn li.mbtn02 {background:url(/image/btn_modi.gif) no-repeat 10px 45%; display:block; color:#666; font-size:16px;}

.mgnb .motab {width:100%;overflow:hidden;position:relative}
.mgnb .motab>li {width:50%; float:left; color:#000; font-size:20px; background:#fff; text-align:center;font-weight:600;border-left:1px solid #666;margin-left:-1px;border-bottom:1px solid #666}
.mgnb .motab li.on {background:url(/image/m_tab_bg.png);border-top:1px solid #666;border-bottom:none !important}
.mgnb .motab li a {display:block;padding:10px 0;}

.mgnb .molist{display:none}
.mgnb .active {display:block;}
.mgnb .molist>li .ct_op{display:inline-block;text-indent:-999px;background:url(/image/bt_cate.png) no-repeat 210px center;height:51px; width:100%;position:absolute;top:0;right:0;border:none}
.mgnb .molist>li {position:relative; border-bottom:1px solid #cdcdcd;width:100%}
.mgnb .molist>li .ct_cl{background-position:-100px center}
.mgnb .molist>li a {display:block; font-size:16px; color:#424242; padding-left:45px; font-weight:bold; padding:15px 0 15px 20px; width:100%;background:#ebebeb;text-align:left;}
.mgnb .molist>ul { background:#fff; overflow:hidden;}
.mgnb .molist>ul li {border-bottom:1px dotted #ddd; font-size:14px; color:#424242;background:url(/image/btn_list.gif) no-repeat 25px center;}
.mgnb .molist>ul li.selected a{color:#124eba;}
.mgnb .molist>ul li:last-child {border-bottom:0;}
.mgnb .molist>ul li a {padding:8px 10px 8px 50px; display:block;}
.mgnb .molist>ul li a:hover {color:#124eba;}

.mgnb .molist>li a{background:url(/image/bt_cate.png) #ebebeb no-repeat 210px center}
.mgnb .molist .subList {}
.mgnb .molist .subList li a {background:#f7f7f7; font-size:14px; padding:8px 20px; border-bottom:1px solid #cdcdcd}
.mgnb .molist .subList li:last-child a{border-bottom:0}
.mgnb .molist .subList li .tSub3 li a{border-bottom:0; background:#fff; font-size:13px;}

.mgnb .bb>li a {
    background: url(/image/bt_cate.png) #ebebeb no-repeat 210px center;background-image:none;
}

.mgnb .copy{font-size:12px;background:#333;color:#ccc;padding:10px}
.mgnb .copy .footcol a:link{color:#999}

.wrap_bg{width:100%;height:100%;position:fixed;display:none;z-index:99999;background:#000;filter:alpha(opacity=80);opacity:0.8;}
.m_close {cursor:pointer;position:absolute;top:0px;left:250px;width:30px;height:30px;background:#fff url(/image/bt_close2.png);text-indent:-99999px;z-index:999999;display:none;}
.newclass{position:fixed;}
.oldclass{position:relative;}
.cate_tab{width:100%;border-top:2px solid #0072bc;border-left:none !important}
.cate_tab:after{display:block;visibility:hidden;clear:both;content:""}
.cate_tab li{float:left;width:33.3%;font-size:14px}
.cate_tab li a{display:block;height:30px;line-height:30px;color:#333;background:#eaf3ff;border:1px solid #ccc;border-left:none;text-align:center}
.cate_tab li a.ct_tab_sl{background:#fff;border-bottom-color:#fff;color:#545454}

.sub_cate{display:none}
.sub_cate > li{position:relative}
.sub_cate > li > a{border-top:1px solid #cdcdcd;background:#f7f7f7 !important;display:block;font-size:14px !important;padding:8px 0 8px 30px !important;}

.ct_op2{display:inline-block;text-indent:-999px;background:url(/image/bt_cate_s.png) no-repeat 267px center;height:38px; width:100%;position:absolute;top:0;right:0;border:none}
.ct_cl2{background-position:-50px center}

.sub_cate2{display:none}
.sub_cate2 > li > a{border-top:1px solid #cdcdcd;background:#fff !important;display:block;font-size:12px !important;padding:4px 0 4px 45px !important}
.point{}

body{overflow-x:hidden}

#header {width:100%;}
#haeder:after{clear:both;content:'';display:block;visibility:hidden}
#header .top_head {width:100%; overflow:hidden;  }
#header .top_head .headIn {overflow:hidden;max-width:1180px; margin:0 auto;background:#303030;padding:8px 10px;}
#header .top_head .headIn ul {overflow:hidden; float:right}
#header .top_head .headIn ul li {float:left; margin-left:10px; font-size:11px; /*background:url(/image/bar.gif) no-repeat 0 center;*/ line-height:100%}
#header .top_head .headIn ul li select {font-size:11px}
#header .top_head .headIn ul li a {color:#fff; padding-left:15px}
#header .top_head .headIn ul li:first-child {background:none}

#header .head {max-width:1200px; margin:0 auto; background:#efefef }
.head:after{display:block;content:'';clear:both; visibility:hidden}
#header .head .logo {float:left; margin:22px 0 22px 24px;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.gnb {float:right;position:relative;z-index:99999999; margin-top:15px }
.gnb>ul>li{display:inline-block;text-align:center;position:relative;}
.gnb>ul>li>a {font-size:16px;color:#222222; font-weight:600; padding:15px 0 20px;margin:0 22px; display:block}
.gnb>ul>li>a:hover{}
.gnb>ul>li ul{position:absolute;z-index:9999999;top:56px; background-color:rgba(255,255,255,0.8); min-width:186px;left:50%; margin-left:-93px;overflow:hidden; max-height:0;}
.gnb>ul>li ul li{text-align:left}
.gnb>ul>li ul li a {font-size:13px; margin:0; letter-spacing:-0.5px; padding:7px 15px;display:block; color:#000}
.gnb>ul>li ul li a:hover {font-weight:bold}
/**/
.gnb>ul {max-width:1200px;text-align:center; margin:0 auto}
.gnb li.on a, .gnb li.active a {text-decoration:none;}
.gnb>li>ul{display:block;padding-top:0px;height:0;overflow:hidden;}

.gnb>ul>li:hover .subList {max-height:200px; transition:1s;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;}
/**/

#Container {width:100%; overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.mainslide {width:100%;  position:relative;}
.mainslide .slideIn { margin:0 auto; max-width:1200px;}
.mainslide .slideIn .slide {width:100%; position:relative; display:block;min-height:200px; overflow:hidden; border-bottom:1px solid #fff}

/*quick menu*/
.quickmenu { max-width:1200px; margin:0 auto; overflow:hidden}
.quickmenu ul li {float:left; width:33.333333%;border-right:1px solid #fff;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.quickmenu ul li:last-child {width:33.333334%}
.quickmenu ul li a {color:#fff; display:block; text-align:center; padding:22% 0 13%}
.quickmenu ul li a h2 {font-size:30px; font-weight:600}
.menuTit {font-size:18px; margin:10px 0 25px}
.menuCon {font-size:14px}
.qmenu01 { background:url(/image/dimg01.jpg) no-repeat; background-size:cover}
.qmenu02 { background:url(/image/dimg02.jpg) no-repeat; background-size:cover}
.qmenu03 { background:url(/image/dimg03.jpg) no-repeat; background-size:cover;border-right:1px solid transparent !important}


/*section01*/
.section01 {overflow:hidden; clear:both}
.section01:after{display:block;content:'';clear:both;visibility:hidden}
.section01 .inner {background:#f6f6f6;margin:2px auto; max-width:1200px; overflow:hidden; padding:40px 40px 60px;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}

.box01 {width:30%; float:left; position:relative; margin-right:4%;}
.box01 h2 {font-size:16px; color:#353535; font-weight:600; }
.box01 h2 span {border-bottom:1px solid #6d6d6d;padding-bottom:16px; display:inline-block}
.box01 .plus { position:absolute; top:15px; right:0px}
.box01 ul {margin-top:20px; height:138px}
.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:33%; float:left; position:relative; margin-right:2%}
.box02 h2 {font-size:16px; color:#353535; font-weight:600; }
.box02 h2 span {border-bottom:1px solid #6d6d6d;padding-bottom:16px; display:inline-block}
.box02 .plus { position:absolute; top:15px; right:0px}
.box02 ul {margin-top:20px;}
.box02 ul li {overflow:hidden}
.box02 ul li:first-child {margin-bottom:27px}
.box02 ul li .boardimg { width:25%; height:51px; float:left; margin-right:4%}
.box02 ul li .boardimg img {width:100%}
.box02 ul li a.textarea {font-size:12px; display:block; float:left; width:71%;}
.box02 ul li a.textarea:hover {text-decoration:underline}
.box02 ul li a p.tit {line-height:150%; color:#000; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.box02 ul li a p.con {color:#707070;display:block;width:95%;display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden;text-overflow:ellipsis; line-height: 1.5em; height: 3em;}

.box03 {float:right; position:relative;width:31%;padding-bottom:19%;padding-top:5px;height: 0;}
.box03 iframe {	position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/*section02*/
.section02 {overflow:hidden; clear:both}
.section02 ul {max-width:1200px; margin:0 auto 1px; overflow:hidden}
.section02 ul li {float:left; width:25%;border-right:1px solid #fff;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.section02 ul li a {color:#fff; padding:23% 0;display:block; font-size:30px; font-weight:600; text-align:center}
.qbanner01 {background:url(/image/dimg04.jpg) no-repeat;}
.qbanner02 {background:url(/image/dimg05.jpg) no-repeat;}
.qbanner03 {background:url(/image/dimg06.jpg) no-repeat;}
.qbanner04 {background:url(/image/dimg07.jpg) no-repeat;border-right:1px solid transparent !important}


#footer {width:100%; color:#fff;  }
.footIn {margin:0 auto; max-width:1200px; border-bottom:1px solid #fff;position:relative; overflow:hidden; background:#414141;padding:35px 35px 60px;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.foot_box01 {width:31%;margin-right:2%; float:left;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.foot_box01 h2 {color:#fff; font-size:16px; font-weight:normal; background:url(/image/border01.gif) no-repeat left bottom; padding:15px 0; }
.foot_box01 ul {margin-top:13px}
.foot_box01 ul li {background:url(/image/foot_arrow.png) no-repeat 0 center; margin-bottom:16px; padding-left:20px;}
.foot_box01 ul li a {color:#a9a9a9; font-size:14px}

.foot_box02 { width:35%; margin-right:2%; float:left;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.foot_box02 h2 {color:#fff; font-size:16px; font-weight:normal; background:url(/image/border02.gif) no-repeat left bottom; padding:15px 0}
.foot_box02 ul {margin-top:13px}
.foot_box02 ul li { margin-bottom:16px; padding-left:27px;color:#a9a9a9; font-size:14px}
.foot_box02 ul li a {color:#a9a9a9;}
.foot_box02 ul li.li01 { background:url(/image/foot_icon01.png) no-repeat 0 center}
.foot_box02 ul li.li02 { background:url(/image/foot_icon02.png) no-repeat 0 center}
.foot_box02 ul li.li03 { background:url(/image/foot_icon03.png) no-repeat 0 center}
.foot_box02 ul li.li04 { background:url(/image/foot_icon04.png) no-repeat 0 center}

.foot_box03 {width:30%;float:left;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.foot_box03 h2 {color:#fff; font-size:16px; font-weight:normal; background:url(/image/border03.gif) no-repeat left bottom; padding:15px 0}
.foot_box03 ul {margin-top:13px}
.foot_box03 ul li {width:50%; float:left;color:#a9a9a9; font-size:14px; margin-bottom:10px;}
.foot_box03 ul li a {color:#a9a9a9; }
.foot_box03 ul li a img { margin-right:10px; vertical-align:middle}

.address {font-size:12px;color:#c3c3c3; text-align:center;margin:0 auto; max-width:1200px;background:#414141; padding:25px 0}
.address a {color:#999; }

.footIn .top { position:absolute;top:0px; right:0; }


#gotop {right:100px;bottom:100px;width: 50px;height:50px;position:fixed;z-index:9999; background:url("/image/topbtn15.png") no-repeat;cursor:pointer;opacity:0.7}
#gotop:hover {opacity:1}




/*sub*/
.subslide {max-width:1200px; margin:0 auto}

.location {max-width:1200px; margin:0 auto; border-bottom:1px solid #cecece;}
.loc_wrap {max-width:1200px; margin:0 auto;padding-left:15px}
.loc_wrap:after{display:block;visibility:hidden;clear:both;content:""}
.loc_wrap>ul:after{display:block;visibility:hidden;clear:both;content:""}
.loc_wrap>ul>li {background:url(/image/location_bg.gif) no-repeat 0px center;float:left; margin-right:15px;position:relative; height:40px}
.loc_wrap>ul>li button {background:#fff;  margin:0px 0px 0 35px; height:40px}
.loc_wrap>ul>li:first-child {padding-left:0; background:none}
.loc_wrap>ul>li a { padding-top:12px;display:block}
button.accordion {color:#1b1b1b; font-size:14px;}
button.accordion span {display:block; padding:4px 0 0 12px; float:right}
.panel {position:absolute;z-index:999; border:1px solid #e9e9e9;top:40px; left:5px;display:none }
.panel>ul>li {background:#fff; min-width:133px; font-size:13px;}
.panel>ul>li a {padding:10px 20px; display:block}
.panel>ul>li:hover {background:#e9e9e9;}
div.panel.show {display:block}

.contents {width:100%;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.contents .contIn {max-width:1200px; margin:90px auto 190px; padding:0 20px;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box }
.subTitle {font-size:30px; color:#151515; line-height:100%;}
.contents .subIn {font-size:14px; min-height:250px;}
.subIn h2 {color:#444; font-size:24px; font-weight:600; margin-top:70px; line-height:130%}
.subIn h2 span.red {color:#c01b17}
p.pcon {font-size:14px;color:#666; margin-top:40px}
.new {background:url(/image/contents_bg.jpg) no-repeat right 0; margin-top:85px; color:#666}
.new span{font-size:24px; color:#444; font-weight:600; line-height:120%}
.new span strong {color:#c01b17;}
.new p {width:60%; margin-top:30px; min-height:330px}


.mt10 {margin-top:10px}
.flximg {width:100%}


@media only screen and (max-width:1000px) {
#header .top_head {display:none}
#header .head {height:32px; padding-bottom:20px;}
#header .head .logo {text-align:center; width:100%; margin:10px 0px}
#header .head .gnb {display:none}
#header .head .menu {display:block}	
#header .top_head .headIn ul li select {display:none}
.menu {top:3px; left:15px; right:auto}
.mainslide { background:none;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.mainslide .slideIn .slide {width:100%;float:none}
.mainslide .slide .bxslider{margin-left:0; width:100%;left:0; float:none;}


.subslide {display:none}
.location {border-top:1px solid #cecece;}
.contents .subIn {margin:50px auto; }

.footIn {padding:3% 5%}

}



@media only screen and (max-width:800px) {
.section01 { background:#f6f6f6}
.box01 {width:47%; margin-right:6%}
.box02 {width:47%; margin-right:0 }
.box03 {float:none; width:100%;padding-bottom:56%; margin-bottom:35px}
.section02 ul li a {font-size:18px}
.foot_box01 {width:48%; margin-bottom:2%}
.foot_box02 {width:48%;}
.foot_box03 {float:none; width:52%}
}

@media only screen and (max-width:640px) {
.quickmenu ul li a h2 {font-size:24px; }
.menuTit {font-size:14px; margin:10px 0}
.menuCon {display:none}
.box01 {width:100%; margin-bottom:35px}
.box02 {width:100%;}	
.sBtn a {padding:7px 10px}
.sns li {margin:0 2%}
.location_sns {display:none}
}

@media only screen and (max-width:480px) {
.quickmenu ul li a h2 {font-size:20px}
.mainslide .slide .bxslider{max-width:500px; left:50%; margin-left:-250px}
.foot_box01 {width:100%; }
.foot_box02 {width:100%; margin-bottom:25px}
.foot_box03 {width:100%}
}
@media only screen and (max-width:420px) {
.section02 ul {margin:0 auto}
.section02 ul li {width:50%; margin-bottom:1px}
}

@media only screen and (max-width:380px) {

mainslide .bxslider {max-width:420px; left:50%; margin-left:-210px}
.footIn {padding:3% 7%}
#footer .footIn .top {bottom:0; top:initial}
}