@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);

/* All Device */

html{overflow-y:scroll;  overflow-x:hidden;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{text-decoration:none;}
ul, ol, li{list-style:none;}
img{border:none; vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
table, td, tr{font-family:"NanumGothic","Nanum Gothic"; font-size:13px; color:#333; font-weight:400;}

body{background-color:#fff;}

#wrap{width:100%;  overflow:hidden; text-align:left; min-width:1200px; }
#top_wrap{position:relative;width:100%;height: 240px;left:0px;top:0px;background: url('../images/dado/top_bg01.jpg?v=1')no-repeat top;z-index:999;}

#top_total{position:relative; margin:0 auto; left:0px; top:0px;  width:1200px; height:190px; z-index:998; }

#top_first{float:left; width:193px; height: 65px; margin-top:40px; background:url('../images/dado/top_first.png')no-repeat center;  }


#logo{position:relative; top:25px;margin:0 auto; width:250px; height:81px; }

#tnb{position:relative; float:right; margin-top:30px; height:18px; display: block; font-family:"NanumGothic","Nanum Gothic"; font-size:12px;}
#tnb ul li{float:right; padding-left:10px;}
#tnb a {color:#222; font-weight:600;}
#tnb a:hover{color:#ccc;}

#search{position:absolute; left:930px; top:70px;  width:270px; height:35px; margin-top:0px;}


/*----------------------------메뉴슬라이드-----------------------------*/
.menubar{ border:none; border:0px; margin:0px; padding:0px; font-family:"NanumGothic","Nanum Gothic";
font-size:16px; font-weight:600; margin-left:200px;}

.menubar ul{ height:50px; list-style:none; margin-top:59px; padding:0;}

.menubar li{ width:165px; float:left; padding:0px; }

.menubar li a{ color:#333; display:block; font-weight:600; line-height:50px; margin:0px; 
padding:0px 25px; text-align:center; text-decoration:none;}

.menubar li a:hover, .menubar ul li:hover a{ background-color:#24285b; color:#FFFFFF; 
text-decoration:none; }

.menubar li ul{ background: rgb(109,109,109);
display:none; /* 평상시에는 드랍메뉴가 안보이게 하기 */
height:auto; padding:0px; margin:0px; border:0px; position:absolute; width:165px; z-index:200;
/*top:1em;
/*left:0;*/}

.menubar li:hover ul{ display:block; /* 마우스 커서 올리면 드랍메뉴 보이게 하기 */}

.menubar li li { background-color:#24285b; display:block; float:none; margin:0px; padding:0px; width:165px;}



.menubar li:hover li a{ background:none; }

.menubar li ul a{ font-family:"NanumGothic","Nanum Gothic";display:block; height:50px; font-size:14px; font-style:normal; 
margin:0px; /*padding:0px 10px 0px 30px;*/ text-align:center;}

.menubar li ul a:hover, .menubar li ul li:hover a{ background-color:#5db8e9; border:0px; color:#ffffff; text-decoration:none; }

.menubar p{ clear:left; }

/*----------------------------메뉴슬라이드 끝-----------------------------*/

#main_slide{position:relative;width:1200px; height:720px; min-width:1200px;  margin:0 auto; overflow: hidden;}

#menu_wrap{position:relative; width:1200px;height:720px; margin:0 auto; }
#menu_total{ position:absolute; width:200px; height:720px; z-index:999; left:-1px; top:0px;
background:url(../images/dado/menu_bg.png?v=1) no-repeat top; }

#menu_nav{float:left;  width:200px;  }
#menu_nav ul{ }
#menu_nav li{  width:200px;  position:relative;}
/*#menu_nav li:last-child{border-bottom:1px solid #ccc;}*/
#menu_nav li a{ display:block; height:40px;font-family:"NanumGothic","Nanum Gothic"; font-size:16px;  font-weight:600;
color:#fff; line-height:40px; margin-left:30px; text-decoration:none;}

#menu_nav li:hover a{ color:#ccc;}


/*이미지슬라이드 css소스*/

.clear{overflow: hidden; width: 100%; margin:0 auto;}
.dn {display: none;}
.wrap_box{position:absolute; top:0; height:720px; width:1200px;}
.wrap_box .visual{ margin-top: 0px;}
.wrap_box .box {position:relative; width:100%;}
.wrap_box .visual .pht{position:absolute; top:0; left:0; width:100%; height:720px;}
.wrap_box .visual .control{position:absolute; top:680px; left:50%; margin-left:-55px;  width:110px;}
.wrap_box .visual .control .fl{float:left; margin-right:10px; cursor: pointer;}



/*탭 메뉴 메인 추출 시작*/

#tab_main_flowe_wrap{  position:relative; width:100%; height:1200px;left:0px; top:0px;  height:455px; }
#tab_main_flowe_total{position:relative; margin:0 auto; width:1200px; height:405px; left:0px; top:50px; 
background: url(../images/tab_main_bg.jpg?v=1) no-repeat bottom;}


#tab_nav{float:left; width:1200px; height:50px; margin:0; padding:0;  }
#tab_nav ul{float:left; list-style-type:none; margin:0; padding:0;}
#tab_nav ul li{float:left;  }
#tab_nav ul li a{display:block; width:298px; height:50px; padding:0 0px; color:#333; background:#fff; line-height:50px; text-align:center; 
font-family:"나눔고딕","Nanum Gothic"; font-size:15px; font-weight:600; text-decoration:none; border:1px solid #ccc; }
#tab_nav ul li a:hover{ text-decoration:none;}
#tab_nav ul #nav1{background:#24285b; color:#fff;  }
.con{width:1198px; height:403px; padding:0px 0 0 0; font-family:"나눔고딕","Nanum Gothic"; font-size:13px; text-decoration:none; border:1px solid #aaa; background-color:#fff;}

#three_shop_body{width:1145px;  margin:0 auto;}

/*탭 메뉴 메인 추출 시작 끝*/


/* 퀵 메뉴 시작 */
#quick_wrap{margin:0 auto; left:0px; width:100%; height:428px;   margin-top:50px;  border:1px solid #ccc;
background-size:cover; background: url(../images/dado/quick_bg.jpg?v=1) no-repeat bottom  fixed;}
#quick_total{ position:relative; margin:0 auto; margin-top:0px; height:300px;  width:1200px; overflow:hidden;
min-height:350px; top:35px;}

#q1{position:relative; float:left; width:285px; height:280px;  left:0px; top:0px;}
#q1_total{position:absolute;width:285px; height:260px;margin-top:20px;}

#q2{position:relative; float:left; width:285px; height:280px;  left:0px; top:0px; margin-left:20px;}
#q2_total{position:absolute;width:285px; height:260px;margin-top:20px;}

#q3{position:relative; float:left; width:285px; height:280px;  left:0px; top:0px; margin-left:20px;}
#q3_total{position:absolute;width:285px; height:260px;margin-top:20px;}

#q4{position:relative; float:left; width:285px; height:280px;  left:0px; top:0px; margin-left:20px;}
#q4_total{position:absolute;width:285px; height:260px;margin-top:20px;}

/* 퀵 메뉴 끝 */


/* 베스트 상품 추출 시작 */

#best_products_wrap{  position:relative; width:100%; left:0px; top:0px;  height:670px; margin-bottom:0px; margin-top:50px;}
#best_products_total{position:relative; margin:0 auto; width:1200px; height:670px; left:0px; top:0px; }

#best_ment{position:relative;float:left; width:100%; height:90px; background: url(../images/dado/b_ment.jpg) no-repeat center;}

#cucul{position:relative;float:left; width:1200px; height: 508px;  background: url(../images/cucul.jpg) no-repeat center; margin-top:30px;}

/* 베스트 상품 추출 끝 */



/*컨텐츠시작*/

#main_middle_wrap{margin:0 auto; left:0px; width:100%; height:370px;   margin-top:0px; 
background-size:cover; background: url(../images/dado/cus.jpg) no-repeat bottom  fixed;}
#main_middle_total{ position:relative; margin:0 auto; margin-top:0px; height:240px;  width:1200px; overflow:hidden;
min-height:240px; top:65px;}


#news{float:left; width:370px; height:240px; background:url('../images/news.png')no-repeat center; }
#news_total{ float:left; width:370px; height:240px; margin-left:0px;}
#news_body{ float:left; width:370px; height:160px;}


#qa{float:left; width:370px; height:240px; background:url('../images/qa.png')no-repeat center;  margin-left:45px;}
#qa_total{ float:left; width:370px; height:240px; margin-left:0px;}
#qa_body{ float:left; width:370px; height:160px;}


#bank{float:left; width:370px; height:240px;   background:url('../images/dado/cus_menu.png')no-repeat center;
margin-left:45px;}


/*
#main_middle_wrap{margin:0 auto; left:0px; width:100%; height:320px;   margin-top:50px; }
#main_middle_total{ position:relative; margin:0 auto; margin-top:0px; height:320px;  width:100%; overflow:hidden;
min-height:0px; top:0px;}

#customer{ position:relative; left:0px; top:0px; float:left; width:100%; height:320px;  background: url(../images/customer_bg.jpg) no-repeat center; }
#customer_ment{ position:relative; left:50%; margin-left:-475px; top:0px;  float:left; width:950px;   height:320px; background: url(../images/cus.png) no-repeat center; }
*/

/*----------------------------------------------sub 시작----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#middle_wrap{margin:0 auto;  width:100%; overflow:hidden;}
#middle_total.sub{ position:relative; margin:0 auto; margin-top:0px; overflow:hidden;  width:1200px; overflow:hidden;}

#con_total{ padding-left:50px; width:950px; overflow:hidden;}
#con_title{ width:950px; height:79px; /*background:url('../images/title_square.jpg') no-repeat 0px 43px;*/ border-bottom:1px solid #ccc; }   /*title 사각형이미지*/
#title_a{ padding-top:30px; font-family:'Nanum Gothic', sans-serif; font-size:22px;  color:#333333; }  /*title 멘트 */
#title_a span{ font-family:'Nanum Gothic', sans-serif; font-size:12px; color:#777;  float:right; padding-top:9px;}

#con{width:950px;  overflow:hidden; margin-top:50px; padding-bottom:100px; min-height:690px; }


/*-------------------------------------레프트 메뉴----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#left_total{float:left; width:200px; overflow:hidden; padding:0 0 0px 0;}

#menu_sub_total{ float:left; width:200px; height:720px; z-index:999; left:-1px; top:0px;
/*background-color:#be6b6f; */  background:url('../images/sub_left_menu_bg.png') no-repeat top; }

#menu_sub_nav{float:left;  width:200px; }
#menu_sub_nav ul{ }
#menu_sub_nav li{  width:200px;  position:relative;}
/*#menu_nav li:last-child{border-bottom:1px solid #ccc;}*/
#menu_sub_nav li a{ display:block; height:40px;font-family:"NanumGothic","Nanum Gothic"; font-size:16px; margin-left:30px;
color:#fff; line-height:40px; text-decoration:none;}

#menu_sub_nav li:hover a{ color:#ddd;}

#left_customer{ float:left; width:200px; height:290px; margin-top:30px; background:url('../images/sub_customer.jpg') no-repeat center; }


/*------------------------------------레프트 메뉴 끝---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#nemo_nav{ margin:0px auto 0; margin-bottom:40px; width:950px; overflow:hidden; text-align:left; margin-top:30px;}
#nemo_nav ul {margin:0 auto; display:table; list-style-type:none; }
#nemo_nav ul li {float:left; border:1px solid #ccc; margin-right:6px; width:231px;}
#nemo_nav ul li:last-child{margin-right:0px;}
#nemo_nav li a{display:block; text-align:center; height:40px; font-family:"NanumGothic", "Nanum Gothic"; font-size:15px; font-weight:600; line-height:40px;  color:#555; background:#fff; transition:0.2s; }
#nemo_nav li a:hover{color:#fff; background-color:#24285b; text-decoration:none;}
#nemo_nav li.on a{color:#fff; background-color:#24285b; text-decoration:none;}






/*copyright*/

/*#bottom_wrap{left:0px; top:100px; overflow:hidden; background:url(../images/footer_bg.jpg) no-repeat center; height:150px;}
#bottom_total{margin:0 auto; margin-top:0px; width:1200px; height:150px; display: block;  }
#ftt{position:relative; left:0px; top:38px;  overflow:hidden;
font-family:"NanumGothic","Nanum Gothic"; }
#ftt a{float:left; padding-right:20px; 
font-size:14px; color:#ccc;  font-family:"NanumGothic","Nanum Gothic";}
#ftt a:hover{text-decoration:none; color:#ddd;}
#copy1{margin:0 auto; margin-left:0px; margin-top:54px; font-family:"NanumGothic","Nanum Gothic";
font-size:13px; color:#ccc; line-height:20px;}*/

#bottom_wrap{left:0px; top:100px; overflow:hidden; background-color:#333; height:150px;}
#bottom_total{position:relative; margin:0 auto; margin-top:0px; width:1200px; height:150px; display: block;  }
#ftt{position:relative; left:0px; top:30px;  overflow:hidden; width:320px;
font-family:"NanumGothic","Nanum Gothic"; }
#ftt a{float:left; padding-right:20px; 
font-size:14px; color:#ccc;  font-family:"NanumGothic","Nanum Gothic";}
#ftt a:hover{text-decoration:none; color:#ddd;}
#copy1{margin:0 auto; margin-left:0px; margin-top:45px; font-family:"NanumGothic","Nanum Gothic";
font-size:13px; color:#ccc; line-height:20px;width:870px;}

#qr_code{ position:absolute; left:923px; top:40px; width:121px; height:71px;border-left:1px solid #555;}

#k_domain{font-family:"NanumGothic","Nanum Gothic";  position:absolute; left:930px; top:-5px; color:#fff; font-size:14px; font-weight: 600;}
.k_domain_do{width: 325px;font-family:"NanumGothic","Nanum Gothic";margin-top: 30px;line-height:21px;font-size: 18px;font-weight:400;}
.k_domain_do a{color:#fff;text-decoration-line: none;}