@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);


body{font-family:  'Roboto', 'Nanum Gothic', sans-serif !important;  color:#666 !important;
margin:0 !important; padding:0 !important; font-size:13px; line-height:180%; }
textarea{font-family:  'Roboto', 'Nanum Gothic', sans-serif; color:#666 !important;border: 1px #ddd solid !important;}
img{border:none;max-width: 100%;height: auto;}
table{border-collapse:collapse !important;border-spacing:0 !impportant;empty-cell:show;
font-family:  'Roboto', 'Nanum Gothic', sans-serif; font-size:12px !important;}  
th{font-size:12px !important;font-family:  'Roboto', 'Nanum Gothic', sans-serif; line-height: 180% !important;
border-bottom:1px #ddd solid !important; background-color:#eee;}
tr{vertical-align:middle !important; }
td{font-size:12px !important;font-family:  'Roboto', 'Nanum Gothic', sans-serif; vertical-align:middle !important;  line-height: 180% !important;}
ul{margin:0 !important; padding:0 !important;}
.board_bgcolor{background-color:#f1f1f1 !important;}
#post_area{line-height:180% !important;}

.t_01 td{border-bottom:1px #ddd solid; padding-left:5px !important;}
a{text-decoration:none !important; }
iframe{border:0;}
td.board_admin_bgcolor table img{width:auto !important;}
td.board_admin_bgcolor table img{width:auto !important;}
td.board_admin_bgcolor,td.board_admin_bgcolor table td{border-bottom:none !important;}
.table_tle1{font-size:12px !important;font-family:  'Roboto', 'Nanum Gothic', sans-serif;}

/*추가*/
.banner_type_card .talk_banner_desc{margin:0 !important;}
.talk_expose_white{width:250px !important; height:130px !important}
.talk_expose_white{border:1px #ddd solid !important;}
.talk_banner_detail br{display:none !important;}
.talk_preview_area .talk_banner_preview_inner{padding:20px !important;}
.banner_type_card .talk_banner_desc br{display:none !important;}
.banner_type_card .talk_banner_desc {letter-spacing: 0.1em !important;}

.tablegap30px{clear:both; width:100%; padding:30px 0;}

p.cs_imgs{display:block; margin:50px 0; width:100%;}
p.cs_imgs img{width:100%; height:auto; }

/*왼쪽메뉴*/
.leftmenu{border-top:3px #333 solid;}
.leftmenu a{color:#000 !important; font-size:14px;font-weight: 600;}
.leftmenu a:hover{color:#00a9ca !important;}

#product_list_sort  a{color:#666 !important;}
#product_list_sort  a:hover{color:#00a9ca !important;}



/*내용*/
.body-content{padding:120px 0 50px 0; margin:0 auto; width:1200px; text-align:left !important; }


/*슬라이드*/
.main-slide-img{clear:both;  margin:0; width:100%; text-align:center; background:#eee;}

/*메인페이지*/


.main-content{clear:both; margin:0 auto; max-width:1200px; width:100%;}
.maindiv1{clear:both; width:100%;    padding: 50px 0; min-height: 90px;}
.maindiv1 span{display:inline-block;float: left; text-align:center;}

.maindiv1 span.f1{width:35%; float:left; padding: 20px 0;}
.maindiv1 span.f2{width:30%; }
.maindiv1 span.f3{width:35%; float:right;padding: 20px 0;}

.maindiv1 span.f1 a{display:inline-block;text-align:center; padding:5px 20px; border:2px #00c73c solid; 
background:#00c73c; color:#fff;margin-top: 10px; font-weight:600;}
.maindiv1 span.f1 a:hover{color:#333; background:#fff;}
.maindiv1 span.f1 {line-height:150%;color:#00c73c;}
.maindiv1 span.f1 i{display:block; font-style:normal;  font-size:2.5em; font-family:  'Roboto', 'Nanum Gothic', sans-serif; 
font-weight:700; text-transform: uppercase; line-height: 100%;}

.maindiv1 span.f3 i{display:block; font-style:normal;  font-size:2.5em; color: #165ba9; 
font-family:  'Roboto', 'Nanum Gothic', sans-serif;font-weight:700; margin: 0 0 10px 0; line-height: 100%;}
.maindiv1 span.f3 {line-height:150%; color: #165ba9;}
.maindiv1 span.f3 div{width:100%;}

.maindiv1 span h3{font-size:16px; color:#222;   margin: 0 0 15px 0; letter-spacing:.15em;line-height: 100%;
text-transform: uppercase; font-weight:600;font-family:  'Roboto', 'Nanum Gothic', sans-serif;}

.maindiv1 span.f2{}

.maindiv2{clear:both; width:100%;padding:100px 0;}
.maindiv2 h2{margin:0 0 50px; color:#000; font-size:2.5em;
font-family:  'Roboto', 'Nanum Gothic', sans-serif;font-weight:300; text-transform: uppercase;}
.maindiv2 b, .maindiv3 b{font-weight:700}
.produce-2u-img{width: 100% ;height: auto !important;}
.produce-2u-img img {width: 96% !important;    height: auto !important; max-width:220px;}

#product_list img {    width: 100% !important;    height: auto !important;}
#product_info td{font-size:13px !important;}
.produce-2u-img div a{font-size:13px !important;}

.produce-2u-img img:hover { opacity: .6;}
.maindiv3{clear:both; width:100%;padding:80px 0; }
.maindiv3 div.maingallery{width:100%; max-width:1200px; margin:0 auto;}
.maindiv3 div.maingallery h2{margin:0 0 30px; color:#000; font-size:2.5em; text-align: center;
line-height:100%; font-family:  'Roboto', 'Nanum Gothic', sans-serif; font-weight:600;text-transform: uppercase;}
.board_output{background:none !important;}

.maindiv1 span.f3 table.board_output td a{font-size:13px !important;}

.board_output_gallery_img img {    width: 96%;    height: auto; max-width:300px;}
.board_output_gallery_img img:hover{opacity: .6;}
.board_output td { color: #666 !important; vertical-align:top !important;}

/* 메인 게시판 추출*/

table.board_output td a{font-size:12px !important;font-family: 'Nanum Gothic', sans-serif !important;  
color:#666 !important; font-weight:400 !important; line-height: 160% !important;}
table.board_output td:nth-child(3){text-align:right; line-height: 160% !important;}

.maingallery table.board_output tr td{text-align:center;}

/*서브페이지*/
#sub-body{clear:both; margin:0 auto; width:100%; }
.sub-tit-bg{text-align:center; background:#eee;line-height: 100%; font-family: 'Roboto', 'Noto Sans KR', sans-serif;
letter-spacing: 0.15em;padding:40px 0; color:#000;font-size:30px; }
#sub-body-div{clear:both;width:100%; height:auto;padding-top: 50px; min-height: 300px;}
.sub-body-cn{width:1200px;  margin:0 auto; }
.sub-body-cn-left{width:15%; float:left; margin-right:5%; padding:0; }
.sub-body-cn-right{width:80%;float:right;padding:0 0 50px;}
#secondmenu{width:100% !important; margin:0 auto 50px !important;}


.history{text-align:right!important ; color:#979797 !important; font-size:12px !important;
border-bottom: 1px #ddd solid;margin-bottom: 15px;padding-bottom: 5px; display:none;}
.history span.page{color:#00a9ca !important; font-weight:500 }
h2.page_title{    margin:0 0 30px;
    background: url(bl01.png) no-repeat 0 top;
    color: #004da6 !important;
    font-size: 24px !important;
    padding: 15px 0 0;}
#secondmenu h1{color:#000 !important; margin:0 !important; font-size:20px !important; 
font-family: 'Open Sans', sans-serif; font-weight:400; display:none;
    text-transform: uppercase !important; letter-spacing: -0.02em !important;text-align: center;
 width:90%; border-bottom:2px #666 solid; padding:10px 0 !important;
  }
#txtbox_info{margin-bottom:10px !important; font-size:13px !important;}
#secondmenu{background:none !important;}
.content_malls{width:100% !important;}
#content, #page2{width:100% !important;}

.t_01{border-top:1px #666 solid !important; font-size:12px !important;}
th.table_tle1{font-size:12px !important; padding: 4px 0 !important;}
.h3tit{font-size:16px !important; font-weight:400; color:#333; padding-bottom:10px;} 
#total_order{background:none !important; border:none !important;}
input[type="text" i] {border:1px #ddd solid !important; padding:5px !important;}


/* 서브메뉴*/
#secondmenu .leftmenu dt a{font-size:14px !important; font-weight:600; line-height:180%;letter-spacing: .1em;}
#secondmenu .leftmenu dl { padding: 0 !important; margin: 5px 0 !important;}
#secondmenu .leftmenu dl dt{border-bottom:1px #ddd solid; height:20px !important; padding:5px 0 10px 10px !important;}
#secondmenu .leftmenu dl dt a:hover{color:#00a9ca; }

#lefton,#leftoff{border-bottom:1px #ddd solid; height:20px !important; padding:5px 0 10px 10px !important;}
#lefton a{font-size:14px !important; line-height:180%; padding: 5px 0 !important; 
text-decoration:none !important;}
#lefton a:hover{color:#00a9ca !important;  text-decoration:none !important;}



/*회원관리*/
.mem1{width:100%; margin-bottom:30px;}
.mem1-s1{width:96%; padding:20px; background-color:#f1f1f1; border:1px #ddd solid; margin-bottom:10px; }
.mem1 h1{font-size:16px; padding:10px 0; font-weight:400; color:#666;}
.mem1-s1 span{display:inline-block; padding:0 5px; vertical-align: middle; }
.mem1-s1 br{display:none;}
.mem1-s2{width:100%;}
.mem1-s2 a{display:inline-block;vertical-align: top; }

.member_border,.com_member_secede_pw{padding:2px !important;}
.mem1 input[type="text"],.mem1 input[type="password"],.mem1 input[type="email"]  {padding:3px; border:1px #ddd solid;}
textarea{padding:5px !important; font-size:11px !important; line-height:160% !important; 
background-color:#f1f1f1;}

.table_cont1 input[type="text"],.mem1 input[type="password"],.mem1 input[type="email"]  {padding:5px; border:1px #ddd solid;}

.tios{padding-bottom: 10px !important;padding-top: 10px !important; background: none !important; 
padding-left: 0 !important;font-size: 14px !important;}
.t_m1{border-top: 1px solid #666 !important;}

.t_m1 td:nth-child(1){width:25% !important; text-align:left !important; padding-left:10px !important;}
.t_m1 td:nth-child(2){width:75% !important;}

#dl1 dt{margin-bottom: 10px !important;background:none !important; padding-left: 0 !important;}
#dl2 dt{background:none !important; font-size:13px !important; color:#333 !important; padding-left:10px !important;}
#dl2 dd{padding:0 0 0 15px !important; background:none !important; }




/*온라인 쇼핑몰*/
#product_list_sort{clear:both !important; width:100% !important; padding:10px 0 20px 0 !important; }
#product_list a{color:#666;}
.box2{clear:both !important; width:100% !important; margin:10px 0 !important;
background:none !important;}

#product_list span{color:#666 !important;}
#page{padding-top:10px !important; clear:both !important;}

#product-divs{width:100%;}
#product-divs span{display:inline-block; width:22%; padding:0px;margin:10px 10px 10px 0;
line-height:100%;text-align:center; }
.bbsnewf5 { padding: 5px !important;}

#product_content{width:100% !important;}
#order_count{padding:2px !important; border:1px #ddd solid !important;}
.div-btn-area{width:100%;clear:both; padding:10px 0 !important; 
margin:10px 0 !important; }
.div-btn-area img{max-width:100%;}
.div-btn-area a{display:inline-block; padding:0 2px 0 0;}
.div-btn-area a:hover{opacity:.8 !important;}
.product_tle{color:#000 !important; background:none !important;     font-size: 16px;
    font-weight: 600;}
#product_info{width: 100% !important; border-top:1px #666 dotted; padding-top:15px; margin-top:20px;}
#product_img{padding:0 !important;    text-align: center;    width: 100% !important;}
#product_img img{max-width:100% !important;}
#product_img #nail{display:none;}
#nail,#nail_txt{width:100% !important;text-align: center; padding:5px 0 !important;}
#nail img{width:50px;}
#product-views{clear:both; margin:50px 0; width:100%;}
#product-views img{max-width:100%;}
#product-views div{margin:10px 0; width:100%;  height:auto; min-height:100px;
padding:0 0 10px;}
#product-views div h3{font-size:20px; width:100%; padding-bottom:20px;
color:#004da6; font-weight:600;}
.product-views-1{border-top:2px #333 solid;}
.product-views-2{border-top:1px #ddd solid;}
.product-views-3{border-top:1px #ddd solid; }



/*고객지원*/
.board,.board a:link,.board_description{font-family: 'Nanum Gothic', sans-serif !important;}
#post_area span{font-family:  'Roboto', 'Nanum Gothic', sans-serif;  line-height:200%; }
.list_title{background:none !important; border-top:1px #666 solid !important;}
.list_title td{border-bottom:1px #ddd solid !important;}

.formcss{ border-top:1px #ccc solid; font-family:  'Roboto', 'Nanum Gothic', sans-serif; width:100%;}
.formcss td{padding:10px 0; border-bottom:1px #eee solid;}
.formcss td:nth-child(1){width:15%;}
.formcss td:nth-child(2){width:85%;}

.formmail_cell_bgcolor table tbody tr:first-child td:nth-child(1){display:none !important;}
.formmail_cell_bgcolor table td{text-align:left !important;}

.formcss input[type="text"]{padding:5px; border:1px #ddd solid; width:80%;}
.formcss textarea{padding:5px; border:1px #ddd solid; width:100%;}



/*제품정보*/
.product-gallery table img{width:100% !important; display:inline-block; padding-bottom:10px; height:auto !important; max-width:300px;}
.product-gallery-view table img{max-width:100% !important; height:auto !important; }
.product-gallery-view table td{line-height:180%;}
.board_desc{border-bottom:1px #f1f1f1 solid !important;}
.gallery_title{font-family:  'Roboto', 'Nanum Gothic', sans-serif !important; line-height:180% !important; font-size:13px !important;}
.product-gallery table td{vertical-align:top !important;}

/*사업영역*/
.biz-cnt{margin:0 auto; width:100%; height:auto;}
.biz-cnt em{font-style:normal; font-size:60px; display:block;font-family:  'Roboto', 'Nanum Gothic', sans-serif;
 color:#000; padding:10px 0; letter-spacing:-0.04em;}
.biz-cnt b{font-weight:400 !important; display:block; font-size:14px; color:#666; line-height:170%;}
.biz-cnt img{display:block; width:100%; height:auto; padding:20px 0;}


/*이용안내*/
#use{margin-bottom:20px !important; width:100% !important; text-align: left !important;}
#use a{font-family:  'Roboto', 'Nanum Gothic', sans-serif; font-size:12px !important; 
color:#333 !important; font-weight:bold !important;}
#dl1{width:100% !important; margin:20px 0 !important;}
#dl1 dt{font-size:15px !important; color:#333 !important; width:100% !important;}
#dl1 dd{line-height:180% !important; width:100% !important;;}

.private{width:100% !important; line-height:180% !important;}
.private h3{font-weight:500 !important; font-size:14px !important; color:#333 !important;}


/*회사소개*/
.company-cnt{clear:both; width:100%; font-size:14px;}
.company-cnt ul{width: 100%;margin: 10px 0 0 18px !important;}
.company-cnt ul li{padding:3px 0;    color: #333;}
.company-cnt hr{width: 50px;display: inline-block;height: 3px;background: #ff9300;border: 0;}

.company-cnt h2{color:#000; font-size:1.5em;  font-family: 'Roboto', 'Noto Sans KR', sans-serif; letter-spacing:-0.02em; font-weight:600; line-height:140%;}
.company-cnt h3{color:#ff9300; font-size:1.7em;  font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-weight:600; margin:30px auto 5px; line-height:100%;}
.company-cnt h5{color:#333; font-size:1.2em;  font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-weight:600; margin:20px auto 0; line-height:100%;}

/*오시는길*/
.location1{margin:30px 0; font-size:13px; line-height:180%; width:100%;}
.location1 h3{font-size:18px;color:#333; }
.location1 b{color:#333;}


/*footer*/
#footerwap{clear:both;width:100%;background-color:#fff; padding:30px 0; line-height:180%; 
text-align:left;font-family:  'Roboto', 'Nanum Gothic', sans-serif; border-top:1px #ddd solid;}
.footer-mn{width:1200px;  margin:0 auto; padding: 0 0 10px 0;}
.footer-mn a{display:inline-block; padding:0 20px 0 0; color:#999;}
.footer-divs{width:1200px; font-size:12px; margin:0 auto;}
.footer-divs span{display:inline-block; margin-right:10px;}
.footer-divs span.cp{display:block; font-size:11px;} 
.footer-divs span.cp a{color:#A3A3A3;}
.footer-divs span.cp a:hover{text-decoration:underline;}
.footer-divs b{font-weight:600; color:#000;display:inline-block; margin:0 5px 0 0;}




/*--------------------------------------------------------*/
@media screen and (max-width: 1152px){
.menu {width: 96% !important;}
.footer-mn{width:96%;}
.footer-divs{width:96%;}
.footer-divs span.cp{padding-top:20px;}

.body-content, .main-content{width:96%;}
.maindiv3 div.maingallery{margin:0 auto; max-width:96%;}
.sub-body-cn{width:96%; margin:0 auto;}

}



@media screen and (max-width: 1026px){


}


@media screen and (max-width: 820px){
input[type="text" i]{margin-bottom:5px;}

#footerwap .footer-mn,#footerwap .footer-divs {width:90%;}
.body-content, .main-content{width:90%;}
.maindiv3 div.maingallery{max-width:90%;}
.sub-body-cn{width:90%; }

h2.page_title{background: url(bl01.png) no-repeat center top; text-align:center;}

.maindiv1{padding: 50px 0 0;min-height: auto;}

.maindiv1 span.f1, .maindiv1 span.f2, .maindiv1 span.f3
{width:100%; display:block; float:none; margin-bottom:30px; margin-right:0;}
.maindiv1 span.f1 a,.maindiv1 span.f2 div
{margin-right:0;}
.maindiv1 span.f3 h3{padding-bottom:10px; border-bottom:2px #333 solid;}
.maindiv1 span.f3 {    padding: 20px 0 10px; }

.maindiv2 h2,.maindiv3 div.maingallery h2{font-size:2em;}
.maindiv2{padding: 50px 0;}

.sub-tit-bg{width:90%; margin:0 auto; padding:25px 0; font-size:20px; border: 1px solid #ddd}
.sub-body-cn-left{width:100%; margin: 0 auto 20px;padding:10px 0; }
.sub-body-cn-right{width:100%; margin:0 auto; padding:10px 0 50px;}
#secondmenu{margin:0 auto !important;}
#secondmenu h1,#secondmenu .leftmenu dl{width:100%;}
.history{display:none !important;}
.mem1-s1{width:90%; padding:5px;}

.spinner-master .spinner{ background-color:#00a9ca !important}
.product-gallery-view table img{width:100% !important;}

.main-div{width:100%; border:none;}
.product-div{width:100%; }

.produce-2u-img img{width:70px; height:70px;}
.top-mn div.bgm{text-align:center;}

.biz-cnt em{font-size:30px; padding:0;}
.biz-cnt b{font-size:12px;}

#ov_tb th{width:30%;}
#ov_tb td{width:70%;}

.maindiv2 table td:first-child{display:none;}
.maindiv2 table td:last-child{display:none;}
#sub-body-div{min-height:auto;}
#post_area{font-size:14px !important; line-height:180% !important; padding:0 !important;}
#post_area span{font-size: 14px !important;    line-height: 180% !important;}
#post_area p{font-size: 14px !important;    line-height: 180% !important;     width: 100%;}
#post_area p strong{font-size: 14px !important;    line-height: 180% !important;}
.board_description{ width:100% !important;}
}


@media screen and (max-width: 650px){

select{width:100px;}

.t_m1 .member_border{width:90px !important;padding:2px; display:inline-block; margin:3px 0; } 
.t_m1 td:nth-child(1){width:30% !important; font-size:11px !important;letter-spacing:-0.06em;}
.t_m1 td{line-height:180%;}
.t_m1 td:nth-child(2){width:70% !important;}
.t_m1 .member_txt{width:100%;}
.mem1-s1 br{display:block;}

#dl1 dd{margin:0 !important;}
#txtbox_info { margin-bottom: 5px !important;}
p.ov_title{font-size:18px; margin-bottom:10px;}

.qalist td:first-child{display:none;}
.qalist td:last-child{display:none;}
.arealist td:first-child{display:none;}
.arealist td:last-child{display:none;}

.company-cnt h2{font-size:1.3em; }
.maindiv1 span.f1,.maindiv1 span.f3{padding:0;}
}


@media screen and (max-width: 500px){

.maindiv3{padding: 50px 0;}
#sub-body-div{    padding-top: 20px;}
p.ov_con br{display:none;}
.main-div span.main-cs,.main-div span.main-nt{width:100%; display:block;    margin-top: 20px;}
.mem1-s1{margin:0 0 10px 0;}
.mem1-s1 br{display:none;}
.mem1-s1 span{display:block; padding:2px 10px; font-weight:400;line-height: 160%;}
.mem1-s1 span input[type="text"], .mem1 span input[type="password"], .mem1 span input[type="email"]
{width:92%;}
input[type="text" i]{width:80px;}

.mem1-s1{width:92%;}

.t_01 th{padding:0 !important;border-right: 1px solid #CFCFCF !important;}
.t_01 th:last-child{border-right:none !important;}
.t_01 input[type="text" i]{width:60% !important;}
.mboo{display:none !important;}
#dl2 dt{padding-left:5px !important;}
#dl2 dd{padding:0 0 0 10px !important;}

#btn a{display:inline-block; margin:5px;}
#product-divs{width:94%; margin: 0 auto;}
#product-divs span{width:34%; }


h2.page_title{}
#ov_tb{margin:0 auto;}
#ov_tb th{width:35%;}
#ov_tb td{width:65%;}

.cmdpp br{display:none;}
.company-cnt{width:96%; margin:0 auto; height:auto; padding-bottom:30px;}
.location1{width:96%; margin:0 auto; height:auto; }
}


@media screen and (max-width: 380px){
.t_01 input[type="text" i]{width:50% !important;}
}