@charset "UTF-8";
@import 'fontSet.css';

body{
	font-family: 'Noto Sans KR', sans-serif;
	vertical-align: baseline;
	font-style: inherit;
	font-weight: 400;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
.fF_m{font-family: 'Nanum Myeongjo', serif !important;}
#wrap {width:100%;text-align:center; overflow-x: hidden;}
#header {width:100%;}
#container {width:100%;/* margin-top: -75px; */}

#com_menu {width:100%; position:relative;}/*상단메뉴로고부분*/

/*
#sub1 {position:absolute;top:60px;left:40px;width:100%;text-align:center;}
#sub1 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub1 li {float:left; padding:10px 12px;cursor:pointer;}
#sub1 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub1 .twoDep a:hover{color:#6c8fd1;}


#sub2 {position:absolute;top:60px;left:185px;width:100%;text-align:center;}
#sub2 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub2 li {float:left; padding:10px 12px;cursor:pointer;}
#sub2 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub2 .twoDep a:hover{color:#6c8fd1;}


#sub3 {position:absolute;top:60px;left:330px;width:100%;text-align:center;}
#sub3 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub3 li {float:left; padding:10px 12px;cursor:pointer;}
#sub3 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub3 .twoDep a:hover{color:#6c8fd1;}


#sub4 {position:absolute;top:60px;left:200px;width:100%;text-align:center;}
#sub4 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub4 li {float:left; padding:10px 12px;cursor:pointer;}
#sub4 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub4 .twoDep a:hover{color:#6c8fd1;}


#sub5 {position:absolute;top:60px;left:550px;width:100%;text-align:center;}
#sub5 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub5 li {float:left; padding:10px 12px;cursor:pointer;}
#sub5 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub5 .twoDep a:hover{color:#6c8fd1;}
*/

#com_menu .st_Nav {position:absolute;top:14px;right:0px;margin:0px; padding:0px;z-index:100;}
#com_menu .st_Nav li {float:left; padding:0 7px 0 7px; background:url(../images/com_top_line.png) no-repeat 0px 1px;}
#com_menu .st_Nav li.first {background:none;}
#com_menu .st_Nav img {vertical-align:top;}








/* 탭메뉴 */
/* images */
.listTab li a .button1{ background-image:url(../images/main_tt_01.gif); width:95px; height:22px;background-position:0 -22px;}
.listTab li a .button2{ background-image:url(../images/main_tt_01.gif); width:95px; height:22px;background-position:-90px 1px;}
.listTab.m1 .m1 a .button1{ background-image:url(../images/main_tt_01.gif); width:95px; height:22px;background-position:0 1px;}
.listTab.m2 .m2 a .button2{ background-image:url(../images/main_tt_01.gif); width:95px; height:22px;background-position:-90px -22px;}

/* Lined Tab */
.listTab{width:100%;}
.listTab ul{ position:relative; font-size:12px; *zoom:1;}
.listTab ul:after{ content:""; display:block; clear:both;}
.listTab li{ float:left; -margin-bottom:-1px;text-align:left;}
.listTab li a span{ display:inline-block; cursor:pointer;}
.listTab li ul{ display:none; width:300px; position:absolute; top:40px; left:0; border:0; margin:0; padding:0; *zoom:1;}
.listTab li ul:after{ content:""; display:block; clear:both;}
.listTab li li{ float:none; position:relative; -margin:0 0 8px 0; color:#999;background:url(../images/main_news_dot.gif) no-repeat 6px 10px;padding-left:15px; line-height:24px;}
.listTab li li a{ float:none; padding:0; margin:0; border:0 !important; color:#666 !important; font-weight:normal; background:transparent; letter-spacing:normal;text-decoration:none;}
.listTab li li a:hover,
.listTab li li a:active,
.listTab li li a:focus{ color:#000 !important; text-decoration:none;}
.listTab li li date,
.listTab li li .date{ position:absolute; top:0; right:0;}
.listTab li li.more{ position:absolute; top:-35px; right:0; border:0 !important; background:transparent;}

.listTab.m1 .m1 ul,
.listTab.m2 .m2 ul{ display:block;}

/* jsOff */
.listTab.jsOff{ height:auto;}
.listTab.jsOff ul{ border:0;}
.listTab.jsOff li{ float:none; position:relative;}
.listTab.jsOff li a{ float:none; display:block; font-weight:bold; color:#333;}
.listTab.jsOff li ul{ position:static; display:block; left:0; top:0;}
.listTab.jsOff li li a{ display:inline; border:0 !important; background:none !important; font-weight:normal;}
.listTab.jsOff li li.more{ top:7px; right:15px;}

/* 메인 */

#main_contents {width:100%; margin:0 auto;}/*메인 컨텐츠 부분_섹션으로 css구분*/

#main_contents .sec01 {width:100%;height: 850px;background:url(../images/sec01_bg.png) no-repeat center;margin-top: -232px;}
#main_contents .sec01:after{ content:""; display:block; clear:both;}
#main_contents .sec01 .sec01_area{width:1200px;margin: 0 auto 0;position:relative;z-index:100;height: 525px;}
#main_contents .sec01 .sec01_area .cs_center{
	background:url(../images/cs_bg.png) no-repeat center;
	width: 240px;
	height: 256px;
	float:right;
	margin-top: 49px;
	/* background: none; */
	box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
}
#main_contents .sec01 .sec01_area .cs_center h3{color:#000;font-weight:bold;line-height:40px;margin-top: 59px;margin-left: 10px;font-size: 20px;text-align:center;}	
#main_contents .sec01 .sec01_area .cs_center h3:after{width:60px; height:3px; background:#fff; content:""; display:block; margin-left:95px; margin-top:10px; }
#main_contents .sec01 .sec01_area .cs_center .tel{font-size:30px; margin-top:20px; color:#ffb400; font-weight:bold; text-align:center;}
#main_contents .sec01 .sec01_area .cs_center .txt{ margin-bottom:25px; font-size: 13px;/* color:rgba(255,255,255,0.5); */line-height: 23px;margin-left: 40px;text-align: left;}
#main_contents .sec01 .sec01_area .cs_center a {font-weight: 600;display: block;text-align: left;margin-left: 40px;}
#main_contents .sec01 .sec01_area:after{ content:""; display:block; clear:both;}
#main_contents .sec01 .sec01_img { float:left; margin-left: 100px;}
#main_contents .sec01 .sec01_img2 { float:left; margin-left: 60px;}
#main_contents .sec01 .sec01_area .sec01_txt_area{float:right;width: 606px;text-align:left;margin-top: 118px;}
#main_contents .sec01 .sec01_area .sec01_txt_area:after{ content:""; display:block; clear:both;}
#main_contents .sec01 .sec01_area .sec01_txt_area h2{font-size:32px; color:#333; font-weight:bold;}
#main_contents .sec01 .sec01_area .sec01_txt_area h2:after{width:340px;height: 3px;background: #222;content:"";display:block;margin-left:-116px;margin-top:30px;}
#main_contents .sec01 .sec01_area .sec01_txt_area span{color:#85c561; }
#main_contents .sec01 .sec01_area .sec01_txt_area .sub_tit{font-weight:bold; font-size:20px; color:#222; margin-top:35px; }
#main_contents .sec01 .sec01_area .sec01_txt_area .sec01_txt{font-size:16px;line-height:30px;margin-top:37px;}
#main_contents .sec01 .sec01_area .sec01_txt_area .more_btn{/*background:url(../images/sec01_arrow.png) no-repeat;*/float:left;/* position:relative; */margin-top:30px;border: 2px solid #eee;border-radius: 50px;padding: 10px 25px 13px;font-size: 14px;}
#main_contents .sec01 .sec01_area .sec01_txt_area .more_btn img{float:left;}
#main_contents .sec01 .sec01_area .sec01_txt_area .more_btn p{margin-left:30px;}

#main_contents .sec02{width:100%;margin-top: -23px;height:600px;background:url(../images/sec02_bg.png) no-repeat center;}
#main_contents .sec02 .sec02_area{width:1200px; margin:0 auto;}
#main_contents .sec02:after{ content:""; display:block; clear:both;}
#main_contents .sec0201{width:560px; text-align:left; float:left;}
#main_contents .sec0201:after{content:""; display:block; clear:both;}
#main_contents .sec0201 ul.sec0201_btn_list li{height:73px; margin:60px 0; }

#main_contents .sec0201 ul.sec0201_btn_list li a{display:block; padding:52px 0 52px 150px;}
/* #main_contents .sec0201 ul.sec0201_btn_list li a:hover .main_tit{color:#85c561;}
#main_contents .sec0201 ul.sec0201_btn_list li a:hover .btn_txt{color:#85c561;} */

#main_contents .sec0201 ul.sec0201_btn_list li a p{font-size:14px; color:#fff; line-height:25px; margin:15px 0 0;}
#main_contents .sec0201 ul.sec0201_btn_list li.sec0201_btn01 a{background:url(../images/sec02_icon01.png) no-repeat 0px center;}
#main_contents .sec0201 ul.sec0201_btn_list li.sec0201_btn02 a{background:url(../images/sec02_icon02.png) no-repeat 0px center;}
#main_contents .sec0201 ul.sec0201_btn_list li.sec0201_btn03 a{background:url(../images/sec02_icon03.png) no-repeat 0px center;}
/* #main_contents .sec0201 ul.sec0201_btn_list li.sec0201_btn01 a:hover{background:url(../images/sec02_icon01_on.png) no-repeat 0px center;}
#main_contents .sec0201 ul.sec0201_btn_list li.sec0201_btn02 a:hover{background:url(../images/sec02_icon02_on.png) no-repeat 0px center;}
#main_contents .sec0201 ul.sec0201_btn_list li.sec0201_btn03 a:hover{background:url(../images/sec02_icon03_on.png) no-repeat 0px center;} */
#main_contents .sec0201 h2.main_tit{font-size:22px; font-weight:700; color:#fff; line-height:20px;}
#main_contents .sec0201 h2.main_tit span{position:relative; display:inline-block; *zoom:1; *display:inline; padding-right:30px;}

#main_contents .sec0202{position:relative;width: 630px;text-align:left;float:right;}
#main_contents .sec0202 h2{color:#fff; font-weight:bold; font-size:40px; margin-top:155px;}
/*#main_contents .sec0202 h2:before{width:210px; height:2px; background:rgba(255,255,255,0.5); content:""; display:block; margin-top:60px; margin-left:161px;}*/
#main_contents .sec0202 .sec0202_more{
	font-size: 14px;
	color:#333;
	float:right;
	width:60px;
	height:165px;
	background-color:#fff;
	right:333px;
	margin-top:81px;
	text-align:center;
	line-height:60px;
	position:absolute;
	right: 347px;
}
#main_contents .sec0202 .sec0202_more span{margin-top:7px; font-size:14px; color:#333; }
.tit{color:#fff;line-height:20px;font-size: 18px;font-weight: 500;margin-bottom:15px;margin-top:45px;}
.contents{color:rgba(255,255,255,0.8); font-size:16px; width:360px;}

#main_contents .sec0202 .media {position:absolute;top: 135px;left:0;}

#main_contents .sec03{width:1200px; margin:0 auto; margin-top:90px;}
#main_contents .sec03 h2{color:#333; font-size:32px; font-weight:bold;}
#main_contents .sec03 .sec03_con{width:1200px;margin:0 auto;/* padding-top: 25px; */vertical-align:middle;margin-bottom: 60px;}
#main_contents .sec03 .sec03_con:after{display:block; content:""; clear:both;}
#main_contents .sec03_con>ul>li{float:left; width:386px; height:227px;position:relative; overflow:hidden; margin-left:21px;}
#main_contents .sec03_con>ul>li:first-child{margin-left:0; background:url(../images/sec03_img01.jpg) no-repeat; }
#main_contents .sec03_con>ul>li:nth-child(2){background:url(../images/sec03_img02.jpg) no-repeat; }
#main_contents .sec03_con>ul>li:nth-child(3){background:url(../images/sec03_img03.jpg) no-repeat; }
#main_contents .sec03_con>ul>li>a{display:block; width:100%; height:100%;}
#main_contents .sec03_con .sec03_textbox{position:absolute;bottom:-148px;height:80%;left:0;width:100%;/*background:rgba(54,55,59,0.9);*/padding-bottom: 17px;}
#main_contents .sec03_con .sec03_textbox h3{font-size: 16px;color:#EEE;padding: 5px 0;font-weight: 500;}
#main_contents .sec03_con .sec03_textbox p{font-size:15px; color:#CCC; line-height:28px;}
#main_contents .sec03_con .sec03_textbox .t_detail {text-decoration:underline; margin-top:20px;}
#main_contents .sec03_title{float:right; text-align:right; padding:60px 0;}
#main_contents .sec03_title p{margin:35px 0; font-size:17px; line-height:25px;}
#main_contents .sec03_title a{font-size: 17px; padding: 20px 80px; border: 1px solid #666; font-weight: 800; transition: all 0.5s;
	display:inline-block;}
#main_contents .sec03_title a:hover{background:#4b86bd; color:#FFF;border: 1px solid #FFF;}
#main_contents .sec03_bg {background: rgba(0,0,0,0.7);bottom:-185px;height:100%;position:absolute;left:0;width:100%;}


/*
#main_contents .sec02_area .sec0202 {position:absolute; left:50%;}
#main_contents .sec02_area .sec0202 ul.sec0202_area{margin:90px 0 90px 30px;}
#main_contents .sec02 .sec0202 ul.sec0202_area li{ float:left;}

#main_contents .sec0202 li.sec02_btn01 a{width:363px; height:131px; border:1px solid #999; display:block;background:url(../images/sec02_btn01.jpg) no-repeat;}
#main_contents .sec0202 li.sec02_btn01 a:hover{border:1px solid #999; background:url(../images/sec02_btn01_on.jpg) no-repeat;}
#main_contents .sec0202 li.sec02_btn02 a{width:363px; height:131px;border:1px solid #999; display:block;background:url(../images/sec02_btn02.jpg) no-repeat;}
#main_contents .sec0202 li.sec02_btn02 a:hover{border:1px solid #999; background:url(../images/sec02_btn02_on.jpg) no-repeat;}

#main_contents .sec0202 .sec02_cs {width:232px; height:263px; display:block;background:#fff;border:1px solid #999;}
*/



/*메인_가로형의 세로형*/
#main_wrap_vertical {width:1010px;margin:0 auto;--padding-bottom:40px;}/*메인 컨텐츠 부분_섹션으로 css구분-보더값 뺄것.*/
#main_wrap_vertical .visual {float:left;border:5px solid #6d80a8;}
#main_wrap_vertical .contents {float:right; width:320px;border:5px solid #dcb997; padding-left:10px;}
#main_wrap_vertical .contents .sec01 {float:left; width:100%; padding-top:20px;}
#main_wrap_vertical .contents .sec02 {float:left; width:100%;text-align:left;padding-top:20px;}
#main_wrap_vertical .contents .sec02 h2 {padding-bottom:17px;}
#main_wrap_vertical .contents .sec03 {float:left; width:100%;text-align:left;padding-top:20px;}
#main_wrap_vertical .contents .sec03 h2 {padding-bottom:17px;}

#footer {clear:both;width:100%; background:#f6f6f6; text-align:left;}
#footer .footer_area{width:1200px;margin:0 auto;padding: 40px 0; 0;}


#footer .f_bottom{ position:relative; }
#footer .f_bottom:after{content:""; display:block; clear:both;}
#footer .f_bottom h2.flogo{ position:absolute; right:0; top:55px; }
#footer .f_bottom .f_info_area ul.f_nav { border-bottom:1px solid #d9d9d9; padding-bottom:15px; }
#footer .f_bottom .f_info_area ul.f_nav:after{content:""; display:block; clear:both;}
#footer .f_bottom .f_info_area ul.f_nav li{float:left; margin-left:30px;}
#footer .f_bottom .f_info_area ul.f_nav li:first-child{margin-left:0;}
#footer .f_bottom .f_info_area ul.f_nav li a{font-size:14px; color:#222;}
#footer .f_bottom .f_info_area ul.f_info{margin:25px 0 0;}
#footer .f_bottom .f_info_area ul.f_info li{font-size:13px; color:#999; line-height:20px;}



.sample {clear:both;}
.sample p {width:1000px; margin:0 auto; background:#dcb997;color:#000;border:5px solid #dcb997;padding:15px 0 15px 0;}
.sample p strong{font-size:16px; font-weight:bold;}


/* 공지사항 리스트 및 탭관련*/
.ltNotice {position:relative; height:150px; text-align:center;}
.ltNotice li {float:left;}
.ltNotice .tab {float:left;height:24px; overflow:hidden; text-indent:-9999em; background:url(../images/main_tt_01.gif) no-repeat;}
.ltNotice .t1 {width:88px; background-position:0 -24px;}
.ltNotice .t2 {width:98px; background-position:-88px 0;}
.ltNotice .t3 {width:100px; background-position:-198px 0;}
.ltNotice li.active .t1 {width:88px; background-position:0 0;}
.ltNotice li.active .t2 {width:98px; background-position:-88px -24px;}
.ltNotice li.active .t3 {width:100px; background-position:-198px -50px;}

.ltNotice ul {display:none; position:absolute; top:34px; left:0px; width:300px;}
.ltNotice ul li {float:left;text-align:left; padding-left:15px; line-height:24px; background:url(../images/main_news_dot.gif) no-repeat 6px 10px; width:295px;}
.ltNotice ul li span {padding-right:10px;float:right}
.ltNotice li.active ul {display:block;}
.ltNotice a {color:#989898;}
.ltNotice a:hover {color:#569ecc;font-size:12px;}
.ltNotice .more {position:absolute; top:-16px; right:0px; background:none;}


/*공통팝업 - 개인정보취급방침_이용약관_이메일무단수집거부*/
#no_spam {width:600px;border:10px solid #d8d8d8;}
#privacy {position:relative;}
#privacy div {font-size:14px;line-height:22px;}
#privacy h2 {margin:0px 0 10px 0px; font-size:14px; font-weight:bold; color:#555;}
#privacy h2 span {font-size:14px; color:#ee0000;}
#privacy h2 p {font-size:14px; color:#ee0000; font-weight:400; padding-top:5px;}
#privacy textarea {width:96%;height:400px;color:#666666; padding:3% 15px; line-height:22px;border:1px solid #ededed; background:#f9f9f9}
#privacy .btn_close {position:absolute; top:40px; right:20px;}

/*서브*/
#sub_visual {width:100%;margin:0 auto;background:url(../images/sub_visual.jpg) top center no-repeat;height: 260px;}
#sub_visual .visual{width:100%;margin:0 auto;}
#sub_visual h2 { padding-top:150px; text-align:center;color:#fff;font-size:40px;font-weight:bold;}/*tt타이틀*/

#sub_wrap {position:relative;margin:0 auto; content:"";}
#sub_wrap #left_menu {width:100%; border-bottom: 1px solid #dedede; }

#sub_wrap #left_menu .left_flash{clear:both;/* margin-top: 64px; */}
#sub_wrap #left_menu .banner{clear:both;padding:10px 0px;}
#sub_wrap #left_menu .icon {position:relative;}
#sub_wrap #left_menu .icon:after {content:""; width:100%; display:block; border-bottom:1px solid #ddd; position:absolute; bottom:18px; z-index:-1;}
#sub_wrap #left_menu .icon a {display:inline-block; *zoom:1; *display:inline; font-size:0px; text-indent:-999px; width:38px; height:38px; margin:0px 2px;}
#sub_wrap #left_menu .icon a.facebook{background:url(../images/left_icon_f.gif) no-repeat;}
#sub_wrap #left_menu .icon a.twitter{background:url(../images/left_icon_t.gif) no-repeat;}
#sub_wrap #left_menu .icon a.blog{background:url(../images/left_icon_b.gif) no-repeat;}
#sub_wrap #left_menu .icon a:hover {background-position:0px -38px}

/*왼쪽메뉴*/
#sub_wrap #left_menu ul{text-align:center;}
#sub_wrap #left_menu li{min-width:120px;display:inline-block;}
#sub_wrap #left_menu li a.dp1{display:block;padding: 18px 15px;text-align:center;/* color:#ffffff; */font-weight:bold;font-size: 17px;margin-top:1px;color: #6e6e6e;font-weight: 400;}
#sub_wrap #left_menu li.on a.dp1{/* color:#ffffff; *//* border:1px solid #fff; */font-weight: 500;color: #000;border-bottom: 2px solid #000;}
#sub_wrap #left_menu li ul {padding-bottom:10px; }
#sub_wrap #left_menu li ul li a {display:block; text-align:left; padding:5px;}
#sub_wrap #left_menu li ul li a:before{content:"- "}
#sub_wrap #left_menu li ul li a.on {text-decoration:underline;}


#sub_wrap .icon_set {font-size:14px; font-weight:bold;padding-top:20px}
#sub_wrap .icon_set .icon_01 {float:left;width:110px;height:30px;background:url('../images/icon_01.gif') no-repeat top center;padding-top:70px;}
#sub_wrap .icon_set .icon_02 {float:left;width:110px;height:30px;background:url('../images/icon_02.gif') no-repeat top center;padding-top:70px;}
#sub_wrap .icon_set .icon_03 {float:left;width:110px;height:30px;background:url('../images/icon_03.gif') no-repeat top center;padding-top:70px;}
#sub_wrap .icon_set .icon_04 {float:left;width:110px;height:30px;background:url('../images/icon_04.gif') no-repeat top center;padding-top:70px;}

/*서브와꾸*/
#sub_wrap #sub_contents {width:100%;margin-bottom:20px;} /*오른쪽컨텐츠 전체와꾸*/
#sub_wrap #sub_contents h3{text-align:left;/* line-height: 1.2em; */font-size:28px;font-weight:bold;color:#000;}/*stt타이틀*/
#sub_wrap #sub_contents .location{position:absolute; right:5px; top:45px;background:url(../images/icon_home.gif) no-repeat 0px 2px;padding-left:15px;}
#sub_wrap #sub_contents .location li{display:inline;font-size:13px; color:#666;}
#sub_wrap #sub_contents .location b {color:#44b87e;font-weight:bold;}
#sub_wrap #sub_contents .con_detail {text-align:center;min-height:400px;margin-top: 80px;padding-bottom:20px; }/*내용*/


/*quick*/
#quick {position:absolute; right:-100px; width:100px; z-index:2; --padding-top:50px;padding-bottom:50px; }
#quick a {display:inline-block;color:#353e4d;font-size:14px; font-weight:bold; margin-bottom:20px;}



/*테이블*/
.table_01 {width:100%; margin-bottom:10px;border-top:2px solid #bd956d;}
.table_01 th {font-size:11px;height:30px; text-align:center; background:#f8f8f8; border-bottom:1px solid #d4d4d4;color:#444444;font-weight:bold;}
.table_01 th.line_r {border-right:1px solid #d4d4d4;}
.table_01 td {font-size:11px;border-bottom:1px solid #d4d4d4;}
.table_01 td.cen{font-size:11px;height:30px;text-align:center;}
.table_01 td.left {line-height:130%;padding:20px 0px 20px 20px;font-size:11px;height:30px; border-bottom:1px solid #d4d4d4;}
.table_01 td.left_2 {padding:0px 0px 0px 10px;font-size:11px;height:30px; border-bottom:1px solid #d4d4d4;}
.table_01 td.line_r {border-right:1px solid #d4d4d4;;color:#6c6c6c;}
.table_01 td.font_b {font-weight:bold;color:#704924;}
.table_01 td.line_h {line-height:130%;}



@media (min-width: 1200px){
	.container {
		width: 1230px;
	}
	.container.container-lg{
		width:1280px;
	}
	.container.container-sm{
		width:1100px;
	}
	.container.container-xs{
		width:1000px;
	}
}

/*CEO 인사말*/
.greeting { width:870px; margin:0 auto; }
.greeting .title { border-bottom:1px solid #d4d4d4; margin-bottom:70px; padding-bottom:60px; }

/*연혁*/
.history .col-sm-3 span {color:#ededed;font-size: 80px;font-weight: bold;}

/*기술현황*/
.desc .col-sm-9 ul { overflow:hidden; margin-bottom:25px; }
.desc .col-sm-9 ul li { float:left; width:31%; margin-right:2.3%; } 

/*제품소개*/
.pro-lst { overflow:hidden; }
.pro-lst .left { float:left; width:49%; }
.pro-lst .right {float:right;width: 51%;}
.pro-lst .text { padding-top:150px; }

.detail_lst {display:flex; justify-content: space-evenly;}



/*메인 비주얼*/
#main-visual-wrap{
	position:relative;
	width:100%;
	height:100%;
}
.mainVisualWrap {
	position:absolute;
	height:100%;
	width:100%;
	overflow:hidden;
	margin-top: 262px;
}
.mainVisualWrap .nav-counter{
	position:absolute;
	z-index:10;
	top: 344px;
	left: 730px;
	border: 2px solid #eee;
	/* width: 105px; */
	border-radius: 100px;
	/* background:#fff; */
	text-align:center;
	padding: 7px 20px;
	font-size: 12px;
	letter-spacing:-0.08em;
}


.mainVisualWrap #main-visual-slide {
	position:relative;
	height:100%;
	left:0;
	top:0;
}

.mainVisualWrap #main-visual-slide .owl-stage-outer,
.mainVisualWrap #main-visual-slide .owl-stage-outer .owl-stage,
.mainVisualWrap #main-visual-slide .owl-stage-outer .owl-stage .owl-item,
.mainVisualWrap #main-visual-slide .owl-stage-outer .owl-stage .owl-item .item{
	height:100%;
	position:relative;

}
.mainVisualWrap #main-visual-slide .owl-stage-outer .owl-stage .owl-item{
	width:100%;
}
.mainVisualWrap #main-visual-slide .owl-stage-outer .owl-stage .owl-item .item{
	background-size:cover !important;
	vertical-align:middle;
	text-align:center;
}
.mainVisualWrap #main-visual-slide .owl-stage-outer .owl-stage .owl-item .item .visual-text {
	text-align:left;
	opacity:0;
	left:0;
	top:0;
	margin-left:-60px;
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
}
.mainVisualWrap #main-visual-slide .owl-stage-outer .owl-stage .owl-item .item .visual-text .container,
.mainVisualWrap #main-visual-slide .owl-stage-outer .owl-stage .owl-item .item .visual-text .container .dp-table{
	height:100%;
}
.mainVisualWrap #main-visual-slide .owl-stage-outer .owl-stage .owl-item.active .item .visual-text {
	text-align:left;
	opacity:1;
	margin-left: 594px;
}

.mainVisualWrap #main-visual-slide .owl-nav{
	position:absolute;
	bottom:-5px;
	height:0;
	max-width:1200px;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	z-index:2;
	text-align:left;
	margin:0;
}