/* 레이아웃 */

#header {

	width: 100%;

	height: 56px;

	background-color: #fff;

}

#content {

	width: 100%;

}



/* 헤더 */

.logo {

	height: 100%;

	text-align: center;

}

.logo img {

	height: 100%;

}



/* 컨텐츠 */

#nav {

	overflow: hidden;

	padding: 8px 10px;

}

#nav li {

	float: left;

	width: 100%;

	padding: 5px 0;

	height: 108px;

}

#nav a {

	display: block;

	height: 100%;

	margin: 0 5px;

	box-shadow: 1px 1px 0 rgba(0, 0, 0, .15);

	text-align: center;

}

#nav img {

	height: 100%;

}

.nav-item1 a {

	background: url(../images/bg_pattern1.gif) repeat 0 0;

}

.nav-item2 a {

	background: url(../images/bg_pattern2.gif) repeat 0 0;

}

.nav-item3 a {

	background: url(../images/bg_pattern3.gif) repeat 0 0;

}

.nav-item4 a {

	background: url(../images/bg_pattern4.gif) repeat 0 0;

}

.nav-item5 a {

	background: url(../images/bg_pattern5.gif) repeat 0 0;

}

.nav-item6 a {

	background-color: #fff;

}

#quick {

	padding: 0 0 15px;

}

#quick-inner {

	position: relative;

	margin: 0 auto;

	width: 310px;

	height: 60px;

}

#quick-list {

	overflow: hidden;

	margin: 0 auto;

	width: 280px;

	height: 60px;

}

#quick-list ul {

	width: 420px;

}

#quick-list li {

	float: left;

	width: 70px;

	height: 60px;

}

#quick-list a {

	display: block;

	width: 100%;

	height: 100%;

	text-indent: -9999px;

}

.quick-item1 {

	background: url(../images/btn_quick_nav_item1.gif) no-repeat 50% 100%;

	background-size: auto 85%;

}

.quick-item2 {

	background: url(../images/btn_quick_nav_item2.gif) no-repeat 50% 100%;

	background-size: auto 85%;

}

.quick-item3 {

	background: url(../images/btn_quick_nav_item3.gif) no-repeat 50% 100%;

	background-size: auto 85%;

}

.quick-item4 {

	background: url(../images/btn_quick_nav_item4.gif) no-repeat 50% 100%;

	background-size: auto 85%;

}

.quick-item5 {

	background: url(../images/btn_quick_nav_item5.gif) no-repeat 50% 100%;

	background-size: auto 85%;

}

.quick-item6 {

	background: url(../images/btn_quick_nav_item6.gif) no-repeat 50% 100%;

	background-size: auto 85%;

}

#quick-nav-prev {

	position: absolute;

	left: 0;

	top: 20px;

	cursor: pointer;

	width: 14px;

}

#quick-nav-next {

	position: absolute;

	right: 0;

	top: 20px;

	cursor: pointer;

	width: 14px;

}



/* 푸터 */

#footer {

	padding: 10px 0;

}

#footer small {

	display: block;

	height: 6px;

	text-align: center;

}

#footer img {

	height: 100%;

}

/*===메인컨텐츠===*/
#header2{ height:65px;width:100%;padding: 0px;  *zoom:1; margin-bottom: 0px; position: relative;   z-index: 100; 
		BACKGROUND:#fff;border-bottom:3px solid #f1592a; }
#header2:after{ display: block; clear: both; height: 0; visibility: hidden; content: ""; }
#header2.subHeader{border-bottom: 1px solid #cfcfcf; padding-bottom: 15px;}


#lnb { position: relative; z-index: 150; }
#lnb .lnb_inner{ position: absolute; right: -84.12698412698413%; top: 0; width: 250px;display: none;z-index: 150;}
#lnb .list > li > a > span{display: inline-block; *display: inline; *zoom: 1; background-position: 0 0; background-repeat: no-repeat; background-image: url(../m/images/header/bg_se.png); padding-left: 30px;}
#lnb .list > li a{ display: block; color: #fff; text-decoration: none; padding: 30px 40px; font-size: 1.188em;  }
#lnb .list > li > a{ background-image: url(../m/images/header/ioc_arr_off.png); background-position: 94% 34px; background-repeat: no-repeat; -webkit-background-size:3.75%; background-size:21px;}
#lnb .list > li.on > a{ background-image: url(../m/images/header/ioc_arr_on.png); }
#lnb .list > li .depth2{}
#lnb .list > li .depth2 ul{ *zoom:1; }
#lnb .list > li .depth2 ul:after{ display: block; clear: both; content: ""; height: 0; visibility: hidden; }
#lnb .list > li .depth2 li{float: left; width: 50%; border-color: #000; border-width:1px 0px 0px 0px; border-style: solid;}
#lnb .list > li.m1 > a{ background-color: #0083b2; }
#lnb .list > li.m1 .depth2{background-color:  #29b7e6; }
#lnb .list > li.m1 .depth2 li{ border-color: #1da7d6; }
#lnb .list > li.m1 .depth2 li:nth-child(odd) a{border-right: 1px solid #1da7d6;}
#lnb .list > li.m2  >  a{ background-color: #007848; }
#lnb .list > li.m2 .depth2{background-color: #31ac7c;}
#lnb .list > li.m2 .depth2 li{border-color:#229c6c; }
#lnb .list > li.m2 .depth2 li:nth-child(odd) a{border-right: 1px solid #229c6c;}
#lnb .list > li.m3  >  a{ background-color: #507802; }
#lnb .list > li.m3 .depth2{background-color: #84ac36;}
#lnb .list > li.m3 .depth2 li{border-color: #749c26; }
#lnb .list > li.m3 .depth2 li:nth-child(odd) a{border-right: 1px solid #749c26;}
#lnb .list > li.m4  >  a{ background-color: #b44305; }
#lnb .list > li.m4 .depth2{background-color: #e87739;}
#lnb .list > li.m4 .depth2 li{border-color: #d86729; }
#lnb .list > li.m4 .depth2 li:nth-child(odd) a{border-right: 1px solid #d86729;}
#lnb .list > li.m5  >  a{ background-color: #4c5563; }
#lnb .list > li.m5 .depth2{ background-color: #79879c; }
#lnb .list > li.m5 .depth2 li{border-color: #6b788b; }
#lnb .list > li.m5 .depth2 li:nth-child(odd) a{border-right: 1px solid #6b788b;}
#lnb .list > li .depth2 li:nth-child(1),#lnb .list > li .depth2 li:nth-child(2){border-width:0px; }

.pop_smenu li{font-size:12px;}

.main_con{width:100%;float:left;} 
#container{width:100%;max-width:700px;margin:0 auto;}
#container2{width:95%;max-width:640px;margin:0 auto;padding-top:15px;font-size:12px;margin-bottom:15px;}

/* 메인배너 */
.main_banner {position:relative; line-height:0; font-size:0; overflow:hidden;}
.main_banner .swiper-wrapper { width:100%; }
.main_banner .swiper-wrapper .swiper-slide { float:left; }
.main_banner .swiper-wrapper img { width:100%; }
.pagination { background:#f4f4f4;text-align:center; line-height:0; font-size:0;}
.pagination span {display:inline-block; width:10px; height:10px; margin:5px 2px 0; border-radius:50%; box-shadow: inset 1px 1px 1px 0 #585858; background:#737373; cursor:pointer;}
.pagination span.swiper-active-switch {background:#f1592a;}

.main_banner ul {overflow:hidden;}
.main_banner ul li {display:none; float:left; width:100%;}
.main_banner ul li img {width:100%;}
.main_banner ul li:nth-of-type(1) {display:block;}
.paging_navi {text-align:center; line-height:0; font-size:0;}
.paging_navi a {display:inline-block; width:10px; height:10px; margin:0 2px; border-radius:50%; box-shadow: inset 1px 1px 1px 0 #585858; background:#737373;}
.paging_navi a.on {background:#f1592a;}
.paging_navi a span {display:none;}




.main_btn{width:100%;float:left;background:#f4f4f4;padding-top:10px;padding-bottom:10px;}
.main_btn ul{width:95%;float:left;margin-left:4%;}
.main_btn li{float:left;display:inline;width:31%;margin-right:2%;}
.main_btn li img{width:100%;}

.footer2{width:100%;clear:both;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.footer2 ul{width:100%;float:left;}
.footer2 li{width:25%;float:left;display:inline;text-align:center;padding:10px 0;}
.foot_copy{float:left;width:96%;background:#d9d9d9;padding:15px 2%;}