@charset "utf-8";

/* font */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

*{margin:0; padding:0}
html, body { height:100%; background-color:#ffffff;}
body,textarea,input,select,dt{color:#666; font-size:13px; font-family:'Nanum Gothic', sans-serif; font-weight:normal; -webkit-text-size-adjust:none; }
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0;}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend{display:none;}
caption{width:1px; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px; line-height:0;}
button{color:#666; padding:0; margin:0; border:0; background:none; cursor:pointer; }
textarea{font-size:12px; vertical-align:top; background:#fff; color:#666; border:0; padding:12px 14px;}
table{width:100%; border-collapse:collapse;}
strong,th,dt{color:#333; font-family:"Nanum Gothic";font-weight:normal;}
em{font-style:normal; font-family:"Nanum Gothic";font-weight:normal;}

/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display:block;
   padding:0;
   margin:0
}

/* 링크 */
a {text-decoration:none;cursor:pointer; color:#000; }
a:link, a:visited {text-decoration:none; }
a:hover {text-decoration:none; color:#d8b888; }

/* 게시판 */
#smb_my {padding:30px;}

/* 전체 */
#wrap{width:100%; }

/* 상단 */
#topbar {width:100%; height:32px; background-color:#f2f2f2; }
#top {width:1140px; margin:0 auto;}
#toplogo {float:left; width:257px; padding-top:36px}
.toptop {text-align:right; overflow:hidden;}
/*.topsearch {width:180px; height:28px; border:solid 1px #cccccc;float:left;}
.topsearchbtn {float:left;}
.topc {display:block;}
.topl {float:left; width:350px;}
.topr {float:right; margin-top:24px; font-size:16px; color:#000; width:350px;}*/
.topmenubox {float:left; height:100px; padding:33px 0 0 30px}
.topmenu {font-size:16px; color:#fff; margin:0 auto; height:35px; font-weight:bold; }
.topmenu a {line-height:20px; color:#fff; margin:0 auto; height:40px; }
.topmenu a:hover {color:#fff200;}
.topmenuline {margin:0 24px 0 24px; line-height:20px;}
.topmem {text-align:right; width:100%;}



/* 상단메뉴 */
#DB_navi41{position:relative;margin:0 auto;height:50px;vertical-align:top; z-index:9999;}
#DB_navi41 a{display:block;text-decoration:none}

#DB_navi41 .DB_1D{position:relative;float:left;height:50px}
#DB_navi41 .DB_1D:first-child{}
#DB_navi41 .DB_1D a{font-size:18px;padding:0 14px;line-height:50px;color:#000000;}
#DB_navi41 .DB_1D a:hover{color:#008aff}
#DB_navi41 .DB_1D.DB_select a{color:#008aff;}

#DB_navi41 .DB_1D .DB_2D_wrap{display:none;position:absolute;background:#ffffff;border:2px solid #252358;left:0px;top:48px;width:165px; padding:5px;}
#DB_navi41 .DB_1D .DB_2D_wrap .DB_2D{position:relative;border-top:1px dotted #cccccc;height:30px;width:150px;text-align:left;}
#DB_navi41 .DB_1D .DB_2D_wrap .DB_2D:first-child{border:none}
#DB_navi41 .DB_1D .DB_2D_wrap .DB_2D a{background:#ffffff;font-size:12px !important;padding:0;text-indent:10px;color:#666666;line-height:30px; }
#DB_navi41 .DB_1D .DB_2D_wrap .DB_2D a:hover{color:#008aff}
#DB_navi41 .DB_1D .DB_2D_wrap .DB_2D.DB_select a{color:#008aff}
#DB_navi41 .DB_1D .DB_2D_wrap .DB_2D a span{position:absolute;font-weight:bold;right:10px;top:0px}

#DB_navi41 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap{display:none;position:absolute;z-index:100;background:#ffffff;border:1px solid #008aff;left:150px;*left:156px/*ie7이하 겹치지 않도록 조정*/;top:0px;width:150px}
#DB_navi41 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D{border-top:1px dotted #cccccc}
#DB_navi41 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D:first-child{border:none}
#DB_navi41 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D a{background:#ffffff;color:#666666}
#DB_navi41 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D a:hover{color:#008aff;text-decoration:underline}
#DB_navi41 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D.DB_select{color:#008aff;text-decoration:underline}
/* 상단 메뉴 */

/* ALL 버튼액션 */
#lnb{height:44px;background:#0072bc;}
	#lnb .topmenu{position:relative}
	#lnb .all{text-decoration:none}
	#lnb .all .toggle{font-size:14px;line-height:40px}		
	#lnb .all .box{width:1190px; position:absolute;left:0;background:#fff;opacity:0;height:0;overflow:hidden;z-index:9999}
	#lnb .all.on .toggle{color:#fff200}
	#lnb .all.on .box{border:1px solid #0072bc;height:auto;opacity:1;transition:0.3s}

	#lnb .all ul{}
	#lnb .all ul li{float:left;width:16.3%;height:360px;border-left:1px solid #ddd;margin:0}
	#lnb .all ul li:first-child{border-left:0}
	#lnb .all dl{padding:10px}
	#lnb .all dl dt{color:#000;font-weight:600;line-height:30px}
	#lnb .all dl dt a{font-size:11px;color:#333; }
	#lnb .all dl dd{line-height:18px; margin-left:1px;}
	#lnb .all dl dd a{font-size:11px;line-height:22px;color:#777;}
	#lnb .all dl dd a:hover{color:#0072bc}
	
	
	#lnb.fixed{position:fixed;top:0;width:100%;z-index:990;border-bottom:solid 1px #e2e2e2}/*top값에 class="fixed" 자동셋팅(함수옵션값의 top과 동일값)*/
	#lnb ul li{float:left;line-height:43px;margin:0 0 0 42px;color:#555555;}
	.topmenuline {margin:0 0 0 20px}
	.topmenu{width:1190px;margin:0 auto;}
	.topmenu a {color:#ffffff;font-size:14px; font-weight:bold;font-family:'Nanum Gothic'; }
	.topmenu a:hover {color:#fff200;font-size:14px; font-weight:bold;font-family:'Nanum Gothic'; }


/* 메인 */
#mainimg {width:100%; z-index:10;}
#d_tab35 {width:100%;height:628px;position:relative;overflow:hidden}

/* 메인 슬라이드 */
#d_tab35 {width:100%;height:628px;position:relative;overflow:hidden}

#d_tab35 .img{position:relative}
#d_tab35 .img li{position:absolute;width:100%;height:628px;display:none}
#d_tab35 .img li:first-child{display:block}

#d_tab35 .img li.l1{background:url('/images/main_img01.jpg') no-repeat 50% 0}
#d_tab35 .img li.l2{background:url('/images/main_img02.jpg') no-repeat 50% 0}

#d_tab35 .img li .d_container{position:relative;width:1000px;margin:0 auto}



#d_tab35 .btn{position:absolute;width:100%;;bottom:80px;text-align:center}
#d_tab35 .btn li{cursor:pointer;margin:0 6px;display:inline-block;width:18px;height:18px;border-radius:50%;background:#555555}
#d_tab35 .btn li.on{background:#0c8cfa}

#d_tab35 .arrow{position:absolute;top:200px;cursor:pointer;z-index:10}
#d_tab35 .prev{left:50%;margin-left:-670px;}
#d_tab35 .next{left:50%;margin-left:600px}
/* 메인 슬라이드 */

#maincon {width:1140px; margin:0 auto; overflow:hidden; position:relative; top:-50px;}
.mainc1 {float:left; width:369px; height:200px; background-color:#ececec;}
.mainc2 {float:left; width:257px; height:200px; background-color:#cccccc;}

.mnoticetit {width:313px; margin:0 auto; padding:20px 0 15px 0;; text-align:left; font-size:18px; font-weight:bold;}
.mnotice {width:313px; margin:0 auto; text-align:left;line-height:24px;}
.mnotice table {width:313px; margin:0 auto; text-align:left; line-height:24px;}
.mnotice th {width:250px; margin:0 auto; text-align:left; font-size:14px; line-height:24px;}
.mnotice td {width:63px; margin:0 auto; text-align:right; font-size:11px; line-height:24px; color:#959595;}

/* 왼쪽메뉴 */
#leftcon {width:220px; margin-right:30px; float:left; }
#leftcon dt {font-size:20px; color:#0072bc; font-weight:700; margin:0 0 25px 5px; }
#leftcon dd {margin-bottom:18px; }

#leftgoods {margin-right:30px; float:left; padding:0; }
#leftgoods h1 {padding:0; font-size:24px; color:#0072bc; font-family:"Nanum Gothic"}

#leftcom {margin-right:30px; float:left; padding:0; width:200px; }
#leftcom dt {font-size:14px; color:#ffffff; font-weight:700; padding:8px 0 8px 10px; margin:0 0 5px 5px; background-color:#93c4ec; width:100%; }
#leftcom dt a:link {color:#ffffff ; font-weight:700; }
#leftcom dt a:visited {color:#ffffff ; font-weight:700; }
#leftcom dt a:hover {color:#fff799;}
#leftcom dd {padding:8px 0; margin:0; font-size:12px; margin:0 0 0 20px; border-bottom:1px solid #d9d9d9; }
#leftcom dd a:link {display:block; color:#555555 ; font-weight:700; }
#leftcom dd a:visited {color:#555555 ; font-weight:700; }
#leftcom dd a:hover {display:block; color:#0072bc; font-weight:bold;}
.left_img {margin:25px 0 0 22px;}

#leftgoods dt {font-size:14px; color:#ffffff; font-weight:700; padding:6px 0 6px 10px; margin:20px 0 10px 5px; background-color:#0072bc; width:100%; }
#leftgoods dt a:link {color:#ffffff ; font-weight:700; }
#leftgoods dt a:visited {color:#ffffff ; font-weight:700; }
#leftgoods dt a:hover {color:#fff799;}
#leftgoods dd {padding:0; margin:0; font-size:12px; margin:0 0 5px 15px;}
#leftgoods dd a:link {display:block; color:#555555 ; font-weight:700; }
#leftgoods dd a:visited {color:#555555 ; font-weight:700; }
#leftgoods dd a:hover {display:block; color:#0072bc; font-weight:bold;}

#leftgoods2 dt {font-size:14px; color:#ffffff; font-weight:700; padding:6px 0 6px 10px; margin:20px 0 10px 5px; background-color:#0072bc; width:100%; }
#leftgoods2 dt a:link {color:#ffffff ; font-weight:700; }
#leftgoods2 dt a:visited {color:#ffffff ; font-weight:700; }
#leftgoods2 dt a:hover {color:#fff799;}
#leftgoods2 dd {padding:0; margin:0; font-size:13px; margin:0 0 5px 15px;}
#leftgoods2 dd a:link {display:block; color:#555555 ; font-weight:700; }
#leftgoods2 dd a:visited {color:#555555 ; font-weight:700; }
#leftgoods2 dd a:hover {display:block; color:#0072bc; font-weight:bold;}

#leftcon2 {width:200px; margin-right:10px; float:left; }
#leftcon2 dt {font-size:20px; color:#0072bc; font-weight:700; margin:0 0 25px 5px; }
#leftcon2 dd {margin-bottom:18px; }

/* #leftgoods2 {margin-right:30px; float:left; padding:0; }
#leftgoods2 h1 {padding:0; font-size:24px; color:#0072bc; font-family:"Nanum Gothic"; margin-bottom:20px;}
#leftgoods2 dt {font-size:14px; color:#ffffff; font-weight:700; padding:6px 0 6px 10px; margin:20px 0 10px 5px; background-color:#0072bc; width:100%; }
#leftgoods2 dt a:link {color:#ffffff ; font-weight:700; }
#leftgoods2 dt a:visited {color:#ffffff ; font-weight:700; }
#leftgoods2 dt a:hover {color:#fff799;}
#leftgoods2 dd {padding:0; margin:0; font-size:13px; margin:0 0 10px 15px;}
#leftgoods2 dd a:link {display:block; color:#555555 ; font-weight:700; }
#leftgoods2 dd a:visited {color:#555555 ; font-weight:700; }
#leftgoods2 dd a:hover {display:block; color:#0072bc; font-weight:bold;} */



/* 서브 */
.subimg1_1 {height:160px; background-image: url(../img/sub_img1_1.jpg);width:100%; overflow:hidden; background-repeat:no-repeat; background-position:50% 0%;}
#const {width:1000px; margin:0 auto; padding-top:25px; overflow:hidden;}
#conbox {width:750px; float:left;}
.contit {font-size:25px; color:#1b1c80; font-weight:700; margin:0 0 25px 0; line-height:15px;}
#contentbox {width:1000px; margin:0 auto; /*padding-top:30px;*/ overflow:hidden;}
.subtit {font-size:25px; color:#555555; font-weight:700; margin:0 0 15px 0; padding:10px 0; line-height:15px; border-bottom:1px dashed #ccc;}

.bbigtxt1 {font-size:20px; color:#0056a4; font-weight:500; letter-spacing:0.5}
.bbigtxt2 {font-size:20px; color:#0099da; font-weight:500; letter-spacing:0.5}

.comimgmargin {margin-right:30px; float:left;}

.conttabtop {width:740px; overflow:hidden; margin-bottom:40px; padding-top:30px;}
.conttabtop ul li {float:left; margin-right:10px;}
.conttabbot {width:740px; margin-top:40px; display:inline-bloc; }
.conttabbot th {width:123px; font-size:15px; font-weight:bold; color:#72bacd; padding:12px 0; text-align:left; }
.conttabbot td {font-size:13px; font-weight:bold; color:#555555; text-align:left; }
.certification {margin-top:20px; display:inline-block; width:720px;}
.certification ul li {margin-right:40px; width:160px; float:left; line-height:120%;}

#sub1_1slide {width:100%; height:167px; background:#ffffff url("/img/sub_img1.jpg") center no-repeat; display:inline-block;}
#sub1_2slide {width:100%; height:167px; background:#ffffff url("/img/sub_img2.jpg") center no-repeat; display:inline-block;}
#sub1_3slide {width:100%; height:167px; background:#ffffff url("/img/sub_img3.jpg") center no-repeat; display:inline-block;}
#sub1_4slide {width:100%; height:167px; background:#ffffff url("/img/sub_img4.jpg") center no-repeat; display:inline-block;}
#sub1_5slide {width:100%; height:167px; background:#ffffff url("/img/sub_img1_5.jpg") center no-repeat; display:inline-block;}
#sub0slide {width:100%; height:167px; background:#ffffff url("/img/sub_img0.jpg") center no-repeat; display:inline-block;}
#sub0_1slide {width:100%; height:167px; background:#ffffff url("/img/sub_img0_1.jpg") center no-repeat; display:inline-block;}
#sub0_2slide {width:100%; height:167px; background:#ffffff url("/img/sub_img0_2.jpg") center no-repeat; display:inline-block;}
#sub1slide {width:100%; height:167px; background:#ffffff url("/img/sub_img1.jpg") center no-repeat; display:inline-block;}
#sub2slide {width:100%; height:167px; background:#ffffff url("/img/sub_img2.jpg") center no-repeat; display:inline-block;}
#sub3slide {width:100%; height:167px; background:#ffffff url("/img/sub_img3.jpg") center no-repeat; display:inline-block;}
#sub4slide {width:100%; height:167px; background:#ffffff url("/img/sub_img4.jpg") center no-repeat; display:inline-block;}
#sub5slide {width:100%; height:167px; background:#ffffff url("/img/sub_img5.jpg") center no-repeat; display:inline-block;}
#sub6slide {width:100%; height:167px; background:#ffffff url("/img/sub_img6.jpg") center no-repeat; display:inline-block;}
#sub7slide {width:100%; height:167px; background:#ffffff url("/img/sub_img7.jpg") center no-repeat; display:inline-block;}
#subcomslide {width:100%; height:167px; background:#ffffff url("/img/sub_company.jpg") center no-repeat; display:inline-block;}

#sub_company {width:100%; height:160px; background:#ffffff url("/img/sub_company.jpg") center no-repeat; display:inline-block;}

/* 상품 상세 */
.item_default_table {width:500px;}
.item_default_table th {width:50px;}

/* 하단 */
#bottom {width:100%; margin-top:20px; }
.bottop {width:100%; height:30px; border-top:solid 1px #cccccc; border-bottom:solid 1px #cccccc; }
.bottop ul {width:1140px; margin:0 auto; line-height:30px; padding-left:500px;}
.bottop ul li{float:left; margin:0 auto; padding-right:25px;color:#aaaaaa}
.bottop ul li a{color:#aaaaaa}
.bottop ul li a:hover{color:#555555}
.botc {width:1140px; margin:0 auto; overflow:hidden}
.botlogo {float:left; padding:25px 50px 0 0; }
.botcon {float:left; padding:20px 0 15px 0; line-height:20px; color:#aaaaaa; font-size:12px; }
.botr {float:right; padding:10px 0 0 0;}

/* 게시판 */
#container_title {font-size:18px; /*color:#1b1c80;*/ font-weight:700; font-family:"Nanum Gothic";}

/* Media Query */
@media all and (max-width:1300px){
 #header #gnbLayerWrap { visibility: hidden; }

}