@charset "utf-8";

/* 공통및 절대적인... */
.none {display:none;}
.blind {display: block;overflow: hidden;position: absolute;top: 0;left: 0;width: 0;height: 0;border: 0;background: none;font-size: 0;line-height: 0;}

/* 기본구조 */
#wrap {position:relative; }

#headWrap {margin:0 auto; width:100%;height:100px;  position: fixed; top: 0px; left: 0px; background:#fff; z-index:1000;}
#headWrap:after{display:block;visibility:hidden;clear:both;height:0;content:'.'}
.head {position:relative;margin:0 auto;width:1200px;}
.head .logo {float:left;margin:10px 0 0 0;}

/*.head .util {float:right; position:relative;margin-top:35px; padding:7px 5px; background:#107b6b; border-radius:23px;}*/
.head .util {
	position: fixed;
    margin-top: 35px;
    right: 10px;
    background: #107b6b;
    border-radius: 23px;
    height: 20px;
}
.head .util li {float:left;padding:0 10px; background:url(../images/util_bar.png) no-repeat 0 50%; }
.head .util li:first-child {background:none;}
.head .util li a {color:#fff; font-size:12px;}
.head .util li.util_lang a {color:#fff;}

.nav {float:left;position:relative;margin:20px 0 30px 60px;}
.nav:after{display:block;visibility:hidden;clear:both;height:0;content:'.'}
.nav .dep1 {float:left;margin-left:25px;padding:0 0 10px;}
.nav .dep1:first-child {background:none;}
.nav .dep1>a {display:block;padding:20px 10px 10px;font-size:18px;color:#222;font-weight:700; /*text-transform: uppercase;*/}
.nav .dep1:hover>a, .nav .dep1.current>a {color:#009944;}
.nav .dep1:hover .dep2 {display:block;}
.nav .dep2 {display:none;z-index:1000;position:absolute;top:45px;left:auto;/*padding:10px 0 10px;*/border:1px solid #efefef;border-left:3px solid #3264af;background:#fff; background:#fff; box-shadow: 3px 3px 3px rgba(0,0,0,.2);}
.nav .dep2 li {}
.nav .dep2 li a {display:block;font-size:12px;line-height:13px;color:#666; font-weight:600; padding:10px 20px;}
.nav .dep2 li a:hover {color:#333; background:#efefef;}





/* 메인비주얼 */
#flickingList {position:relative;overflow:hidden; margin:0 auto; text-align:center;width:100%; height:601px; top:0; left:0px; padding-top:100px; z-index:10;}
#flickingList .cont {position:relative; overflow:hidden; top:0px; width:100%; vertical-align:top;text-align:center; }
#flickingList .layerWrap {position:relative; overflow:hidden; top:0px;width:12000px;  white-space:nowrap;  vertical-align:top;}
#flickingList .layerWrap:after{content:""; display:block; clear:both; }
#flickingList .layer {float:left; width:100%;  text-align:center;  }
#flickingList .bg1 {background:url("../images/main_1.jpg") no-repeat top center;height:601px;}
#flickingList .bg2 {background:url("../images/main_2.jpg") no-repeat top center;height:601px;}

#flickingList .tabWrap {position:absolute;bottom:55px; left:48%; text-align:center;z-index:200; }
#flickingList .tabWrap li {display:inline; padding:0 3px; }
#flickingList .tabWrap li a {display:inline-block; width:26px; height:7px; background:url("../images/btn_off.png") no-repeat;border:0px solid red;}
#flickingList .tabWrap li a.current {background:url("../images/btn_on.png") no-repeat;}
/*#flickingList .tabWrap li a.btn_play {display:inline-block; width:20px; height:20px; background:url("/images/play.png") no-repeat;}
#flickingList .tabWrap li a.btn_stop {display:inline-block; width:20px; height:20px; background:url("/images/stop.png") no-repeat;}
#flickingList .tabWrap li a.current.btn_play {display:inline-block; width:20px; height:20px; background:url("/images/play_on.png") no-repeat;}
#flickingList .tabWrap li a.current.btn_stop  {display:inline-block; width:20px; height:20px; background:url("/images/stop_on.png") no-repeat;}*/

#flickingList .prevNext {position:absolute;top:48%; width:100%;height:75px;z-index:200;border:0px solid red;}
#flickingList button {overflow:visible; margin:0; padding:0; border:none; background:none; cursor:pointer;}
#flickingList button.prev {position:absolute; top:0px; left:20px; width:75px; height:75px; z-index:10;}
#flickingList button.next {position:absolute; top:0px; right:20px; width:75px; height:75px; z-index:10;}

#flickingList .v_wrap{width:100%; margin:0 auto; position:relative; top:60px;}
#flickingList .view{position:relative; margin:0 auto; top:90px; z-index:11;  font-weight:400; font-size:48px;line-height:180%; color:#fff;  font-family: 'Montserrat', sans-serif;}
#flickingList .view .big_txt {font-size:65px; line-height:1.2em; font-weight:900; font-family: 'Montserrat', sans-serif;}
#flickingList .view .big_txt2 {font-size:60px; line-height:1.2em; font-weight:900; font-family: 'Montserrat', sans-serif;}

#flickingList .v_wrap .visual_logo { position:relative; margin:190px auto;}



/* 메인컨텐츠 내용 2*/
.main_h3 {color:#666; font-size:38px; font-weight:700; line-height:1.5em; text-align:center;/*font-family: 'Montserrat', sans-serif;*/}
.main_h4 {color:#222; font-size:20px; font-weight:300; line-height:1.5em; text-align:center;}
.main_h3 .green {color:#009944; font-size:38px; font-weight:700;}
.main_h3 .white {color:#fff; font-size:38px; font-weight:700;}

/*XXX*/

.main_content {position:relative;overflow:hidden;  top:0px; margin:0 auto; /*width:1200px;*/}

@media (max-width: 980px) {
	.main_content {
		top: 20px;
	}
}

/*롤링배너*/
.contents1 {position: relative; width:100%; margin:0 auto; padding:80px 0; background:#fff; border:0px solid red;}

.main_thumb {position:relative; margin:0 auto; top:0px; left:0; z-index:100; width:1200px;}
.bannerthumb {
	float:left;
}

.bannerthumb #banner_wrap{ margin:60px auto 0; width:100%;}
.bannerthumb #banner_wrap ul li { text-align:center;}
.bannerthumb #banner_wrap dd{margin:0 auto;width:158px; height:140px; color:#666; }
.bannerthumb #banner_wrap dd .m_tit {text-align:center; font-size:20px; font-weight:700; padding:30px 0 10px 0; border-bottom:1px solid #009944;}
.bannerthumb #banner_wrap dd .m_txt {font-size:10px; padding:20px 0;}

.bannerthumb #banner_wrap ul li a p.btn {margin:0 auto; width:80px; background:#107b6b; padding:5px 5px; border-radius:23px; color:#fff; font-size:12px;}
.bannerthumb #banner_wrap ul li a:hover p.btn {background:#b5b593;}

#prevBtn{position:absolute; left:0px; top:140px; z-index: 2;}
#nextBtn{position:absolute; right:0px; top:140px; z-index: 2;}
.bannerthumb .best{
	float:left;
	width:100%;
}



/*con2*/
.contents2 {position:relative;overflow:hidden; margin:0 auto; padding:80px 0 100px 0; width:100%; background:url(../images/m_con2_bg.jpg) no-repeat center;}

/*
.m_box {overflow:hidden; padding-top:15px; }
.m_box li {float:left; width:163px; height:163px;border-radius:50%; background-color:rgba(0,153,68,.7); margin:20px 30px;}
.m_box li:first-child {margin-left:50px;}
.m_box li:hover {background-color:rgba(242,143,44,.7);}
*/
.m_box {
	display: flex;
	justify-content: center; /* 가로 중앙 정렬 */
	align-items: center;	 /* 세로 중앙 정렬 */
	flex-wrap: wrap;		 /* 여러 줄 배치를 허용 */
	overflow: hidden;
	padding-top: 15px;
}

.m_box li {
	display: flex;
	justify-content: center; /* li 내부 텍스트 가로 중앙 정렬 */
	align-items: center;	 /* li 내부 텍스트 세로 중앙 정렬 */
	width: 163px;
	height: 163px;
	border-radius: 50%;
	background-color: rgba(0, 153, 68, 0.7);
	margin: 20px 30px;
}

.m_box li:first-child {
	margin-left: 50px;
}

.m_box li:hover {
	background-color: rgba(242, 143, 44, 0.7);
}

.m_box li a {
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none; /* 링크 밑줄 제거 */
}


.m_box li a { display:block; padding:50px 20px; color:#fff; text-align:center; border:0px solid red;}
/*//con2*/



/*con3*/
/*xxxx*/
.contents3 {position:relative;overflow:hidden; margin:0 auto; /*background:url(/images/video_bg.jpg) no-repeat center;*/ width:100%; /*min-width:1200px;*/ height:600px;}

/*#video {position:relative; top:-180px; }*/
* { box-sizing: border-box; }
.video-background {
  background: #232323;
  /*position: fixed;*/
  top: 0; right: 0; bottom: 0px; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#vidtop-content {
top: 0;
color: #fff;
}
.vid-info { position: absolute; top: 120px; width:100%; text-align:center; /* background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif;*/ }
.vid-info a {text-align:center;padding:90px 0 0 0;display:block;}
.vid-info a span.video_btn {background-color:rgba(0,0,0,.6); border-radius:7px; padding: 15px 25px;}
.vid-info a:hover span.video_btn {background-color:rgba(156,26,26,.9);}

@media (min-aspect-ratio: 16/16) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}



/*foot sitemap*/
.navi_wrap {background:#232323; border-bottom:1px solid #333;}
.navi {overflow:hidden;margin:0 auto; width:1200px;}
.navi > li {
	float:left;
	/*width:20%;*/
	min-height:190px;
	/*background:#282828;*/
	border-right:0px solid #333;
	padding:35px 0 10px 0;
}
.navi > li:first-child {border-left:0px solid #333;}


.navi > li > dl a:hover {color:#009944;}
.navi > li > dl > dt {margin-bottom:0px; border-bottom:0px solid #333; }
.navi > li > dl > dt > a {
	display:block;
	font-size:14px;
	font-weight:700;
	color:#fff;
	padding:0 0px 5px 30px;
}
.navi > li > dl > dd > a {
	display:block;
	font-size:14px;
	line-height:20px;
	color:#8b8b8b;
	padding:0 50px 3px 30px;
}

/*copyright*/
#footer_wrap {background:#232323;margin:0 auto; width:1200px;}
#footer {overflow:hidden;margin:0 auto;padding:30px 0; width:1200px; }
#footer .foot_info {float:left;color:#e8e8e8;}
#footer .foot_info .foot_logo {float:left; padding-left:30px;}
#footer .foot_info .foot_add {float:left; padding-left:70px; padding-top:0px; font-size:14px;line-height:150%;}
#footer .gobiz {float:right; padding-top:20px;}




/*top*/
a#MOVE_TOP_BTN {
	position: fixed;
	right: 2%;
	bottom: 50px;
	display: none;
	z-index: 2000;
	padding:10px 10px;
	width:50px; height:50px;
	/*background-color:rgba(16,123,107,.7);*/
	background-color:rgba(0,0,0,.7);
	color:#fff;
	font-size:12px;
	text-align:center;
	border-radius:5px;
}





/*********** sub layout *************/

/*sub visual*/
.sub_visual {position:relative; margin:100px auto 0; min-width:1200px; height:255px; font-size:24px; text-align:center; color:#fff;}
.sub_visual_txt {margin:0 auto; width:1200px; text-align:center;color:#fff; font-size:40px; font-weight:900; line-height:180%;  padding-top:85px; /*text-transform: uppercase;font-family: 'Montserrat', sans-serif;*/ }

.sub_bg1 {background:#000 url(../images/sub_visual1.jpg) no-repeat center;}
.sub_bg2 {background:#000 url(../images/sub_visual2.jpg) no-repeat center;}
.sub_bg3 {background:#000 url(../images/sub_visual3.jpg) no-repeat center;}
.sub_bg4 {background:#000 url(../images/sub_visual4.jpg) no-repeat center;}
.sub_bg5 {background:#000 url(../images/sub_visual5.jpg) no-repeat center;}


.container {margin:0 auto; background:url(../images/sub_bg.jpg) repeat-x top; width:1200px;}
.container:after {display:block;visibility:hidden;clear:both;height:0;content:'.'}

#lnb {width:1200px; margin:0 auto; background:#107b6b; }
#lnb > div {}
#lnb > div > div{ float:left; background:url(../images/util_bar.png) no-repeat right; position:relative;  height:60px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

#lnb .home { width:65px; border-left:0 solid #fff;}
#lnb .home a { width:100%; height:100%; line-height:54px; display:block; background:url("../images/home_icon.png") no-repeat center;}
#lnb ul { position:absolute; z-index:100; width:100%; border:1px solid #dcdcdc; left:-1px; display:none;}
#lnb ul li { border-top:none; border-bottom:1px solid #dcdcdc;}
#lnb ul li:last-child { border:none;}
#lnb ul li a { height:55px; line-height:55px; background:#f6f6f6; display:block; font-size:13px; padding:0 20px;}
#lnb ul li a:hover { background:#107b6b; color:#fff;}
#lnb .depth { width:225px; }
#lnb .depth button { width:100%; height:100%; background:none; border:none; padding:0 20px;  text-align:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-weight:300; color:#fff; font-size:15px; position:relative;}
/*#lnb.sm4 .depth.depth_m2 button{font-size:13px !important;}*/
#lnb .depth button.on { /*background:#1b2e4e;*/ }
#lnb .depth button:after { content:""; width:10px; height:10px; background:url(../images/semo.png) no-repeat;/*border:1px solid #8a8b8d;*/ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:block; border-top:none; border-right:none; position:absolute; right:18px; top:50%; margin-top:-5px;
/*transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);*/
}

/* sub contents */
.contents { width:100%; min-width:1200px; overflow:hidden; font-size:16px; color:#555; line-height:150%;}

.sub_title {font-size:30px; font-weight:700; text-align:center; color:#333; padding-top:80px;}

.con_warp {width:1200px; margin:0 auto; overflow:hidden; min-height:300px; padding:55px 0 100px 0;}

/*sub menu*/
.snb {position:relative; overflow:hidden; width:100%; margin-bottom:10px;}
.snb ul {width:1200px; height:60px; margin:0 auto;}
.snb ul li {float:left;  border-right:1px solid #dfdfdf; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f1f1f1;}
.snb ul li:first-child {border-left:1px solid #dfdfdf;}
.snb ul li a {display:block; text-align:center; color:#221e1f;  padding:20px 0;}
.snb ul li.current a {color:#009944; background:#fff;}
.snb ul li a:hover {color:#009944; background:#fff;}

.menu4 li a {width:298px;}
.menu5 li a {width:238px;}
.menu6 li a {width:298px;}


/*CEO greeting*/
.ceo_tit {font-size:30px; font-weight:700; color:#333; text-align:center;}
.ceo_tit .green {font-size:30px; font-weight:700; color:#009944;}
.greeting {overflow:hidden; width:100%; padding-top:60px; border-top:1px solid #ddd; margin-top:50px;}
.greeting li {float:left; width:65%; line-height:200%;}
.greeting li:first-child {width:35%;}
.ceo_name {font-weight:700; color:#222; font-size:18px;}



/*history*/
.history {width:100%; overflow:hidden; padding:40px 0; border-bottom:1px solid #dfdfdf;}
.history dt {float:left; font-size:55px;  font-weight:900; color:#b5b593;  line-height:130%; width:20%; border:0px solid red;}
.history dd .month {position:absolute; left:0; font-size:16px; font-weight:900;  color:#ddd;}
.history dd {position:relative; float:right; width:80%; padding:5px 50px;}

.his_tit {border-bottom:1px solid #dfdfdf; padding-bottom:30px; font-size:30px; font-weight:700; color:#333; text-align:center;}
.his_tit .green {font-size:30px; font-weight:700; color:#009944;}


/*찾아오시는길*/
.map {width: 100%; height: 500px; border:1px solid #ddd;}
.map_txt { margin:10px; padding:30px 0; background:#fff;}
.map_txt dt {font-size:24px; font-weight:700; color:#404040; padding-bottom:20px; border-bottom:1px solid #333; margin-bottom:10px;}
.map_txt dd {position:relative; padding:15px 70px ; border-bottom:1px solid #dfdfdf;}
.map_txt dd  p {position:absolute; top:15px; left:0;  color:#009944; font-weight:900; width:80px;}




/*인증서*/
.cer_list {overflow:hidden;}
.cer_list li {float:left;width:268px;margin-right:40px;margin-bottom:30px;}
.cer_list li:nth-child(4n) {margin-right:0;}
.cer_list li img {border:1px solid #d1d1d1;}
.cer_list p {text-align:center; height:50px; padding: 10px 0;}

.pro_con {padding-top:30px;}
.pro_con dl:first-child {border-top:1px dotted #ccc;}
.pro_con dl {overflow:hidden;border-bottom:1px dotted #ccc;padding:15px 0;}
.pro_con dl dt {float:left;width:30px;border:0px solid #222;background:#107b6b;color:#fff;padding: 0 5px;font-weight:700;border-radius: 5px;text-align:center; font-size:14px;}
.pro_con dl dd {float:right;width:1150px;line-height:1.4em;}


/*contact us*/
.contact {overflow:hidden; width:1100px; margin:0 auto; background:#fff; box-shadow: 5px 0px 10px rgba(0,0,0,.3); }
.contact ul li {float:left; }
.contact ul li.map_img {position:relative; width:600px; height:500px;}
.contact ul li.map_img .map_tit {position:absolute; top:60px; left:50px; color:#107b6b; font-weight:600; font-size:34px;}
.contact ul li.map_add {width:500px; height:500px; background:#107b6b; color:#fff;}
.contact ul li.map_add dl {margin:0 auto; width:80%; padding:60px 0; text-align:left;}
.contact ul li.map_add dl dt {font-size:24px; font-weight:700; padding-bottom:30px;}
.contact ul li.map_add dl dd {padding:25px 0;border-bottom:1px solid #fff; line-height:180%; font-weight:200}
.contact ul li.map_add dl dd:last-child {border-bottom:none;}
.contact ul li.map_add dl dd a {color:#fff; font-size:13px; font-weight:200; border-radius:23px; border:1px solid #fff; padding:10px 30px;}
.contact ul li.map_add dl dd a:hover {background:#fff; color:#107b6b;}


/*Global Network*/
.world_map {position:relative; margin:0 auto; background:url(../images/map_bg.jpg) no-repeat; width:1198px; height:498px; border:1px solid #ddd;}
.world_map ul li {float:left; padding-right:10px; font-size:12px; color:#222;  line-height:130%;}
.spot1 {position:absolute; top:230px; right:283px;}
.spot2 {position:absolute; top:180px; left:735px;}
.spot3 {position:absolute; top:130px; left:690px;}
.spot4 {position:absolute; top:130px; left:505px; text-align:right;}
.spot5 {position:absolute; top:420px; left:897px;}
.spot6 {position:absolute; top:30px; left:860px;}

.ing {font-size:24px; font-weight:700; text-align:center; background:url(../images/ing_bg.jpg) no-repeat; border:1px solid #ddd; padding:200px 0;}


/*product*/

.pro_img {border:1px solid #ddd; background:#f8f8f8; text-align:center;}
.g_bg {background:#b2e0df;}

.pro_list dt {font-size:24px; font-weight:700; color:#333; padding-bottom:20px;}
.pro_list dd {padding:3px 0;}

.box_list {overflow:hidden; width:100%;  margin:0 auto;}
.box_list li {float:left; width:31.5%; height:320px;  margin-top:20px; margin-bottom:10px; margin-right:30px;}
.box_list li:nth-child(3n)  {margin-right:0px;}
.box_list li dl {border:1px solid #ddd; background:#107b6b url(../images/nf_bg.png) no-repeat left bottom; color:#fff; text-align:center; padding:30px; min-height:200px; margin-bottom:10px;}
.box_list li dl dt {font-size:20px; font-weight:700; padding-bottom:20px; border-bottom:1px solid #fff;}
.box_list li dl dd {padding-top:20px;}

/*
.effect_list {overflow:hidden; margin:0 auto;}
.effect_list li {float:left; padding:0 7px 20px 7px; text-align:center;}
.effect_list li p {padding-top:10px;}
*/
.effect_list {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요 시) */
    flex-wrap: wrap; /* 여러 줄로 요소를 배치 */
    overflow: hidden;
    margin: 0 auto;
}

.effect_list li {
    padding: 0 7px 20px 7px;
    text-align: center;
    list-style: none; /* 점 제거 (필요 시) */
}

.effect_list li p {
    padding-top: 10px;
}



.pro_img_list {overflow:hidden; margin:0 auto;}
.pro_img_list li {float:left;}
.pro_img_list li:first-child {padding-right:10px;}
.pro_img_list li img{border:1px solid #ddd;}

.action_list {overflow:hidden;}
.action_list li {float:left; margin-left:90px; border:1px solid #ddd; border-radius:0px;}
.action_list li:first-child {margin-left:0;}
.action_box {width:550px; height:250px; padding:20px 0px; text-align:Center; background: linear-gradient(to bottom, #fff 50%, #f8f8f8 50%);}
.action_box p.arr { padding:none; margin-bottom:40px;}
.action_box p {padding:15px 0;}

.cp_img_list {overflow:hidden; width:100%; margin:0 auto;text-align:center; }
.cp_img_list li {display:inline-block; padding:10px 15px; }
.cp_img_list li img{border:1px solid #ddd; width:230px;}

.ag_list {overflow:hidden; width:100%; margin:0 auto;text-align:center;}
.ag_list li {float:left; padding-left:30px; }
.ag_list li:first-child {padding-left:0px; }
.ag_list li img{border:0px solid #ddd;}
.ag_list li p {width:377px; background:#107b6b; color:#fff; padding:15px;}

.down_btn { margin:50px auto 0; width:110px; height:110px;border-radius:50%; background:#009944 url(../images/down_icon.png) no-repeat center 60px;}
.down_btn:hover {background:#b5b593 url(../images/down_icon.png) no-repeat center 60px;}
.down_btn a { display:block; padding:30px 20px; color:#fff; text-align:center; }



/*table*/
.t_norm {margin-top:0px;}
.t_norm table{border-top:1px solid #212121; text-align:center;}
.t_norm table th{background:#f1f1f1; font-weight:bold; font-size:16px; color:#353535;}
.t_norm table th:last-child {border-right:0px solid #ddd;}
.t_norm table th, .t_norm table td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 30px; vertical-align:middle;}
.t_norm table td:last-child {border-right:0px solid #ddd;}


.table_style {padding-top:20px;}
.table_style table{width:95%; margin:0 auto; border-top:1px solid #212121; background:#fff;}
.table_style table th{background:#f1f1f1; font-weight:bold; color:#353535; text-align:center; border-bottom:1px solid #ddd;}
.table_style table th:first-child {border-left:0px solid #ddd;}
.table_style table td{border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 20px; vertical-align:middle; text-align:left;}
.table_style table td:first-child {border-left:0px solid #ddd;}


/* 탭 */
div.tabs-area {
	position:relative;
	z-index:2;
	margin:0 auto;
	overflow:hidden;
}


ul.tabs {
	padding:0px;margin:0px;
	text-align:center;
	z-index:2;
}

ul.tabs li {
	list-style:none;
	display:inline;
}

ul.tabs li a {
   display:inline-block;
	width:320px;
	padding:15px 0px;
	border:1px solid #b5b5b5;
	text-align:center;
	color:#333;
	background:#efefef;
	font-weight:200;
}

ul.tabs li a:hover {
	background:#fff;
	color:#d7000f;
	border:1px solid #d7000f;
}

ul.tabs li a.active {
	background:#fff;
	color:#d7000f;
   border:1px solid #d7000f;
}

div.content {
	padding-top:55px;
}
div.show		{ display:block;}
div.hide		{ display:none; }



/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ sitemap 사이트맵  ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.sitemap {overflow:hidden;  border:8px solid #f1f1f1; padding:30px 20px;}
.sitemap li {float:left; width:18%; margin:0 1%;}
.sitemap li dl dt {border:1px solid #404040; font-weight:700;  padding:10px 20px; background: linear-gradient(45deg, white 25%, #efefef 0, #efefef 50%,  white 0, white 75%, #efefef 0); -webkit-background-size:5px 5px; background-size:5px 5px; margin-bottom:20px;}
.sitemap li dl dd {padding:5px 10px;}
.sitemap li dl dd a {margin-left:5px; color:#222;}
.sitemap li dl dd a:hover {color:#d7000f; border-bottom:1px solid #d7000f;}
.sitemap li dl dd p {padding-left:13px; padding-top:10px;}
.sitemap li dl dd p a {font-size:14px; color:#a9a9a9;}
.sitemap li dl dd p a:hover {color:#d7000f; border-bottom:none;}