@charset "utf-8";
/* Reset */
html,body{min-height:100%}
body{margin:0}

.sub {max-width:1200px;min-width:1200px;margin:40px auto;}
.subTopBg {width:100%;background:url('/layouts/layout002/img/sub_mid_bg.jpg') no-repeat  center 0px fixed;}
.subTop {margin:0 auto;max-width:1200px;height:250px;;}
.subTop img {margin:50px 0 0 100px;;}
/* Skin to content */
.skip{margin:0}
.skip>a{display:none;text-align:center;line-height:28px;height:1px;overflow:hidden}
.skip>a:focus{height:auto}


/* Layout */ 
.container {}

.headerWrap{position:absolute; top:50px; width:100%;min-width:1050px;}
.headerp{background-color:#F1F1F1; height:130px;}
.header{position:relative;z-index:9999999992;
text-align:left;
zoom:1;
margin:0 0 17px 0;
max-width:1200px;
margin:0px auto  0 auto}

.side{position:absolute;z-index:2;top:10px;right:0;zoom:1}
.pop1 {position:absolute;z-index:20;top:125px;left:50%;margin-left:-250px;zoom:1}

.body{position:relative;z-index:1}
.header:after,
.body:after{content:"";display:block;clear:both}
.content{height:100%;padding:0 0 40px 0;zoom:1;min-height:820px; margin: 0 auto;  max-width: 1200px;}
.content>*:first-child{margin-top:0}
.content img{max-width:100%;height:auto}

/* Header */
.header>h1{position:absolute;display:inline-block;*display:inline;zoom:1;margin:-8px 0 0 0;}
.header>h1>a,
.header>h1 img{display:block}
.header>h1>a{font-size:32px;text-decoration:none;color:#fff}

/* Footer */
.footWrap{float:left;background:#333;border-top:1px solid #000;width:100%}
.footer{margin: 30px auto;padding:25px 0 80px 0;color:#999;max-width:1200px;}
.footer p{font-size:13px;float:left;margin: 0 20px;line-height:1.6;}
.footer>p{}
.footer a{text-decoration:none;color:#666}
.footer a:hover,
.footer a:focus{text-decoration:underline}
.footer img {width:205px;height:51px;}

/* Login */
.account{margin-right:15px !important}

/* Search */
.header .search{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:0}
.header .search>input{font-size:12px;vertical-align:top;border-radius:2px}
.header .search>input[type="text"]{
	background:#86E57F;
	border:0 solid #dedede;
	height:21px;
    line-height:21px;
    padding:0 4px;
    margin:0 -6px 0 0;
    width:150px}
.header .search>input[type="submit"]{
	background:#2F9D27;
	border:0px;
	color:#fff;
	height:21px;
	line-height:23px;
	padding:0 15px;
	margin:0;
	cursor:pointer;}

/* GNB */
.gnbWrap{width:100%;margin-top:15px;}
.gnb{position:relative;z-index:2;max-width:1200px;font-size:1.3em;height:50px;clear:both;margin:0 auto;}
.gnb:before{content:"";display:block;height:1px}
.gnb ul{margin-right:0;padding:0;list-style:none}
.gnb a{text-decoration:none;white-space:nowrap}
.gnb>ul{float:right;background:#464d5d;opacity:.9;filter:alpha(opacity=90);height:0;;}
.gnb.open>ul{height:250px;}
.gnb>ul:after{content:"";display:block;clear:both}
.gnb>ul>li{position:relative;top:-40px;float:left;margin:0 -1px -8px 0;}
.gnb>ul>li>a{display:block;line-height:30px;padding:0 18px;color:#fff;position:relative;font-weight:600;font-size:16px;background-color:#ff6600;}
.gnb>ul>li>a:after{content:"";position:absolute;width:1px;height:100%;right:0;top:0;overflow:hidden}
.gnb>ul>li.active>a,
.gnb>ul>li.hover>a{
line-height:30px;
background-color:#006600;

}
.gnb ul img {margin-top:10px;}
.gnb>ul>li:first-child{padding:0px;background:none;display:none;}
/* 기존코드
.gnb>ul>li.active>a,
.gnb>ul>li.hover>a{border-top:1px solid #4a505c;line-height:70px;padding-bottom:1px;background-color:#2f333b;background:-webkit-linear-gradient(top, #383c45, #0c0d0f);background:-moz-linear-gradient(top, #383c45, #0c0d0f);background:-o-linear-gradient(top, #383c45, #0c0d0f);background:-ms-linear-gradient(top, #383c45, #0c0d0f);background:linear-gradient(top, #383c45, #0c0d0f);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#383c45, endColorStr=#0c0d0f)}
*/

.gnb ul ul{display:block;position:relative;z-index:9999999992;padding:0 20px;margin:0 0 0 -1px;height:0;overflow:hidden}
.gnb.open ul ul{}
.gnb ul ul:before{content:"";position:absolute;left:0;top:2px;width:1px;height:100%;background:#4b5265}
.gnb.open ul ul{padding:13px 20px;height:auto}
.gnb>ul>li:first-child>ul{}
.gnb>ul>li:first-child>ul:before{content:normal}
.gnb ul ul a{display:block;line-height:20px;font-size:12px;color:#fff}
.gnb ul ul a:hover,
.gnb ul ul a:focus{text-decoration:underline}

/* Visial */
.visual>.list{position:relative;width:300%;left:-100%;z-index:1}
.visual>.list:after{content:"";display:block;clear:both}
.visual>.list.total1{width:auto;left:0}
.visual img{float:right;display:block;max-width:60%;margin:120px 50px  0 0 ;}
.visual a{display:block;float:left;position:relative;color:#000;text-decoration:none;font-family:Corbel,Arial,Helvetica,sans-serif}
.visual a[href=""]{cursor:default}
.visual .total1 a{float:none}
.visual .total2 a,
.visual .total3 a{width:33.33%;}
.visual a>p{width:400px;text-align:right;margin:-24px 0 0 0;padding:0 5px;position:absolute;top:310px;left:0;right:0;font-size:3.5em;letter-spacing:-1px;line-height:1}
.visual.sub a>p{font-size:32px;text-align:left}
.visual>button{zoom:1;border:0;background:url(blank.gif);cursor:pointer;width:50px;position:absolute;z-index:2;top:120px;bottom:0;margin:0;padding:0;color:#fff}
.visual>button:hover,
.visual>button:focus{background-color:rgba(0,0,0,.25)}
.visual>button>i{position:absolute;top:35%;left:50%;width:25px;height:50px;background:url(slideNav.png) no-repeat;margin:-25px 0 0 -12px;zoom:1}
.visual>.prev{left:31.7%}
.visual>.next{right:0}
.visual>.prev>i{background-position:0 0}
.visual>.next>i{background-position:-25px 0}

/* LNB */
.body.sub .lnb{float:left;width:18%;margin:0 0 40px 0}
.body.sub .content{float:right;min-width:750px;width:80%;max-width:950px;}
.body.sub .lnb>h1{margin:0;position:relative;z-index:2}
.body.sub .lnb>h1>a{display:block;line-height:36px;padding:0 18px 5px;border-radius:3px;color:#fff;text-decoration:none;font-size:14px;border:1px solid #ff3300;
                                        background-color:#ff3300;
                                        background:-webkit-linear-gradient(top, #ff6600, #ff3300 80%, #ff3300 80%);
                                        background:-moz-linear-gradient(top, #ff6600, #ff3300 80%, #ff3300 80%);
                                        background:-o-linear-gradient(top, #ff6600, #ff3300 80%, #ff3300 80%);
                                        background:-ms-linear-gradient(top, #ff6600, #ff3300 80%, #ff3300 80%);
                                        background:linear-gradient(top, #ff6600, #ff3300 80%, #ff3300 80%);
                                        zoom:1
                                        }
.body.sub .lnb>h1 img {vertical-align:middle;}
.body.sub .lnb ul{list-style:none;margin:0;padding:0}
.body.sub .lnb ul a{display:block;text-decoration:none;color:#333;font-size:13px}
.body.sub .lnb>ul{position:relative;z-index:1;border:1px solid #dcdcdc;padding:1px;margin:-1px 0 0 0;border-radius:3px}
.body.sub .lnb>ul>li>a{line-height:36px;padding:0 10px 0 18px;border-top:1px solid #eee}
.body.sub .lnb>ul>li.active>a,
.body.sub .lnb>ul>li>a:hover,
.body.sub .lnb>ul>li>a:focus{background:#f5f5f5;color:#3192d7}
.body.sub .lnb>ul>li:first-child>a{border-top:0}
.body.sub .lnb ul ul{padding:10px 0;border-top:1px solid #eee}
.body.sub .lnb li li>a{line-height:20px;padding:0 10px 0 25px}
.body.sub .lnb li li.active>a,
.body.sub .lnb li li>a:hover,
.body.sub .lnb li li>a:focus{background:#f5f5f5;color:#3192d7}
.body.sub .lnb .cs {background:#fff;border-top:1px solid #ccc;}
.body.sub .lnb .cs {text-align:center;border-bottom:1px solid #fff;}
.body.sub .lnb .cs img {width:100%}
.body.sub .lnb .fb {display:none;}


.mid_wrap {width:100%;float:left;background-color:#FF6600;}
.mid_cont {max-width:1200px;margin:0 auto;}


.mid_wrap2 {width:100%;float:left;background-color:#e6e6e6;}
.mid_cont2 {width:1200px;max-width:1200px;margin:50px auto;height:237px;}
/*.mid_cont2 p {border-bottom:1px solid #999;padding-bottom:10px;}*/  

.mid_cont2 >span {float:left;width:353px;height:177px;border-right:2px solid #999;border-bottom:2px solid #999;}
.mid_cont2 .mc01 {width:333px;background:#fff;padding:25px 35px 35px 25px;}

.mid_cont2 .mc02 {width:361px;padding:0 40px;border:none;}
.mid_cont2 .mc02 img {border-right:2px solid #999;border-bottom:2px solid #999;}
.mid_cont2 .mc02 img:first-child {margin-bottom:6px;}
.mid_cont2 .mc03 img {border-right:2px solid #999;border-bottom:2px solid #999;}





/*컨텐츠 페이지 모듈 공통CSS */
.contWrap {position:relative;max-width:1200px;margin:0 auto;}
.midBan {position:relative;float:left;width:100%; background:#ff6600;background:url(img/pat01.jpg);height:130px;}
.midBan ul {width:1200px;margin:18px auto}
.midBan ul li {float:left;list-style:none;text-decoration:none;margin-right:55px;}

.photoExtWrap {position:relative;float:left;width:100%;background:#fff;}
.photoExt {position:relative;max-width:1200px;margin:50px auto;}
.blogList {margin:20px auto;}

.topBtn {text-align:center;}
.topBtn a {line-height:0;padding:0;}

/*미디어쿼리 추가*/
@media all and (max-width:1200px){
 .footWrap .footer {width:90%;margin:10px auto;}   
}