@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700,900');

body{font-family:'Open Sans', 'Noto Sans KR', sans-serif !important;  color:#666 !important;
margin:0 !important; padding:0 !important; font-size:13px !important; line-height:180% !important;}

#post_area{ line-height:180%  !important; }
#product-divs span{color:#666 !important;}
h2,h3,h5,h6{font-family:'Open Sans', 'Noto Sans KR', sans-serif !important;}
textarea{font-family:'Open Sans', 'Noto Sans KR', sans-serif !important; color:#666 !important;border: 1px #ddd solid !important; min-height: 100px;}
.textareainfo{ width:100%; font-size:12px;line-height:180%; 
height:500px;font-family: "Nanum Gothic", sans-serif !important;
border:1px #ddd solid !important;
padding:2%; background:#f1f1f1;
}
.radio, .checkbox{display: inline-block !important;}
img{border:none;max-width:100%; height:auto;}
select{padding:5px;}
input{display: inline-block;}
table{border-collapse:collapse !important;border-spacing:0 !impportant;empty-cell:show; font-size:12px !important;}  
th{font-size:12px !important;line-height: 180% !important;border-bottom:1px #ddd solid !important; background-color:#eee;}
td{font-size:12px !important;border-color:#ddd solid !important; line-height: 180% !important;}
ul{margin:0 !important; padding:0 !important;}
.board_bgcolor{background-color:#eee !important; border-bottom:1px solid #aaa;}
.t_01 td{border-bottom:1px #ddd solid; padding-left:5px !important;}
.board td{border-bottom: 1px solid #ddd !important;}
.board_bgcolor{}
.bbsnewf5 a:hover{color:#0056b3 !important}
a{text-decoration:none !important; color:#666;}
iframe{border:0;}
span.btn-somms img{padding:0; margin:0;}
.table_tle1, .formmail_title_bgcolor,
.formmail_cell_bgcolor{font-size:12px !important;}
a.btsok {  color: #333;    font-weight: 600;    padding: 3px 25px;    border: 1px #666 solid;    display: inline-block;    margin-top: 10px;}
td.board_admin_bgcolor table img{width:auto !important;}
td.board_admin_bgcolor,td.board_admin_bgcolor table td{border-bottom:none !important;}

.rwrite{width: 100%; border:1px #ddd solid !important;}
.rwrite input[type="text" i]{margin:0 !important;}
.rwrite table{max-width:100%;}
.rwrite table td{border:none !important;}
.rwrite td{padding:5px !important;}
.rwrite table iframe{border:none !important;}
.rwrite td:nth-child(1){width:30%;}
.rwrite td:nth-child(2){width:70%;}

.m-gap{clear:both;width: 100%;}
.m-gap100pxs{clear:both; height:100px;}
.font-size-30{font-size:30px;}
.font-dark-grey{color:#222;}
.font-grey-999{color:#999;}



/*왼쪽메뉴*/
#product_list_sort  a{color:#666 !important;}
#product_list_sort  a:hover{color:#00a9ca !important;}

#secondmenu .leftmenu dt a{font-size:16px !important; font-weight:400; line-height:180%; color:#666; display:block;}
#secondmenu .leftmenu dl { padding: 0 !important; margin: 0 !important; background:#fff;}
#secondmenu .leftmenu dl dt{padding:6px 0 6px 0 !important; border-bottom:1px #ddd solid;}
#secondmenu .leftmenu dl dt a:hover{color:#19368c; font-weight:600;}
#secondmenu h1{color:#2d4172 !important; margin:0 0 10px!important; font-size:24px !important;  width: 100%;
display: inline-block; font-weight:600; text-transform: uppercase !important; letter-spacing: -0.01em !important;
padding: 20px 0px !important;border-bottom:1px solid #111;; }

#lefton,#leftoff{border-bottom:1px #ddd solid; padding:6px 0 6px 0 !important; color:#222;}
#lefton a,#leftoff a{font-size:16px !important; line-height:180%; text-decoration:none !important;color:#222;}
#lefton a:hover,#leftoff a:hover{color:#54b1c2; font-weight:600;}





/*검색*/
.search-divs .product_search_side_nav .text {     border: 0 !important;    background: #fff; border:1px #ddd solid !important;
    padding: 3px !important;    width: 120px !important;    height: 22px !important;    color: #666 !important;    border-radius: 15px;}
.search-divs{margin:30px 0; text-align: center}
.search-divs dl{border:0 !important;}


/*서브*/
#sub-body{clear:both; margin:0 auto; width:100%;padding:0 0 8%; margin-top:100px;}
#sub-body-wrap{clear:both; width:100%; max-width:1170px;  margin:0 auto;  min-height: 500px;}

.sub-tit-bg{text-align: center; padding: 100px 0;color: #fff; font-size: 36px;; letter-spacing: 1.5px;margin: 0 auto 80px;}

.sub-bg1{background:linear-gradient(to top, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2)), url('sub_visual1.jpg')no-repeat top center; background-size:cover;}
.sub-bg2{background:linear-gradient(to top, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2)),url('sub_visual2.jpg')no-repeat top center; background-size:cover;}
.sub-bg3{background:linear-gradient(to top, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2)),url('sub_visual3.jpg')no-repeat top center; background-size:cover;}
.sub-bg4{background:linear-gradient(to top, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2)),url('sub_visual4.jpg')no-repeat top center; background-size:cover;}
.sub-bg5{background:linear-gradient(to top, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2)),url('sub_visual5.jpg')no-repeat top center; background-size:cover;}
.sub-bg6{background:linear-gradient(to top, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2)),url('sub_visual6.jpg')no-repeat top center; background-size:cover;}

.sub-contents{width:100%; padding:0; margin:0 auto; font-size: 14px;}
.sub-contents h3.sub-tits, h2.page_title  {color:#000; font-size:2em; font-weight:400; /*margin: 0 auto 50px;*/    border-bottom: 3px double #ccc;    padding: 0 0 15px !important; margin:0 auto 20px}
.sub-contents h4{color:#222; font-size:1.5em; font-weight:600; letter-spacing:-0.02em;}
.sub-contents hr{border-top-width: 2px;border-top-style: solid;border-top-color: #54b1c2;width: 2%;margin: 0;display: block;
border-bottom-width: 0;padding: 5px 0 0; text-align:left;}
.sub-contents hr.gaphr{border:0; padding:30px 0;}

#secondmenu{width:100% !important; margin:0 !important;}
#secondmenu .leftmenu {padding:0 5px;}
.maincscenter{clear:both; width:100%; margin:50px 0 0; }
.maincscenter h3{margin:0; padding:0; color:#333; font-size:1.4em;    text-transform: uppercase; font-weight:600;}
.maincscenter h6{margin:0; padding:0;  line-height:180%;  color:#333; font-size:2em; font-weight:600;}
.maincscenter em{display:block;font-style:normal;width:100%; line-height:140%; margin-bottom:10px; text-transform: capitalize; color:#333;}
.maincscenter a{display:inline-block; margin-right:5px;}
.maincscenter a:last-child{margin-right:0;}


.sub-contents .board .webzine_type2 > tbody > tr > td.webzine_type_img_td 
{width:134px; display : inline-block; height:71px;}
.sub-contents .board .webzine_type2 > tbody > tr > td.webzine_type_img_td img
{width:100%; height:100%;}
.webzine_type2 .webzine_type_img img
{border:none !important;}




#post_area
{border-bottom:1px solid #ddd;}
.more_btn_sub
{padding:10px 25px; background:#666; border-radius : 10px; margin-top : 10px; display : inline-block; color :white; font-family : 'open sans'; font-size:14px;}
.more_btn_sub:hover
{background:rgb(139, 138, 138); color : white;}


/*회사소개*/
ul.cmp001{list-style-position: inside;padding: 10px 0 30px 0 !important;}
ul.cmp001 li {list-style-type: none;}
ul.cmp001 b{color:#222;}

.cp-history{width:96%; margin:30px auto 30px; border-left:1px #54b1c2 solid; }
.cp-history h2{color: #54b1c2;font-weight: 400; font-size: 2em;
padding-left: 25px !important; background: url('his-tit.png') no-repeat;
background-position: 0px 12px; margin-left: -6px;}
.ul-history{padding-left:30px !important; }
.ul-history li{border-bottom:1px #ddd solid; padding:5px 0; list-style: none !important;}
.ul-history li i{font-weight:600; display:inline-block; width:40px; font-style:normal; color:#222;}



.ul-location{margin:30px 0 !important; padding-left: 20px !important;}
.ul-location li{padding:5px 0;}
.ul-location li i{font-weight:600; display:inline-block; font-style:normal; color:#222; padding-right:5px;}



/*메인*/
.main-content{clear:both; padding:80px 0; margin:0 auto; max-width:1170px; width:100%;}
.fmaindiv1{clear:both; width:100%;    padding: 50px 0 0; max-width:1170px; margin:0 auto;}
.fmaindiv1 div{display:inline-block;float: left; padding:20px 0 0; text-align:center;width:30%; margin-right:5%;}
.fmaindiv1 div:nth-child(3){margin-right:0;}
.fmaindiv1 div a.detailbtn{font-size:13px; display:inline-block;text-align:center; border:1px #ddd solid; padding:5px 20px; line-height:160%; color:#666;background:#fff; }
.fmaindiv1 div a.detailbtn:hover{background:#999; color:#fff;}
.fmaindiv1 div img{display:block; width:100%; max-width:100%; height:auto; margin:0 auto;}
.fmaindiv1 div p{line-height:140%;}
.fmaindiv1 div h3{  font-size:16px; margin: 0;    text-transform: uppercase;    color: #333;    font-weight: 600;
    font-family: 'Open Sans', sans-serif;  padding-bottom: 5px;}
.fmaindiv1 div h4{  font-size:22px; margin: 0;    text-transform: uppercase;    color: #333;    font-weight: 600;
    font-family: 'Open Sans', sans-serif; letter-spacing:.3em;}
.fmaindiv1 div  hr{    border-top-width: 2px;     border-top-style: solid;     border-top-color: #333;
    width: 25px;    margin-bottom: 20px;    display: block;    border-bottom-width: 0;}
.main-content h2{margin:0 0 10px;  color:#222; font-size:2em;;
text-transform: uppercase; text-align:center;}
p.gapbars{width:100%; height:30px;}

.produce-2u-img{width: 100% ;height: auto !important;}
.produce-2u-img img {width: 94% !important;    height: auto !important; max-width:300px;}
p.ptcso{color:#666; text-align:center;     padding: 0;    margin: 0 0 50px 0;}
div.maingallery hr,.main-content hr{    border-top-width: 2px;     border-top-style: solid;     border-top-color: #222;
    width: 25px;    margin-bottom: 10px;    display: block;    border-bottom-width: 0; padding: 5px 0;}


#product_list img { width: 92% !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:100px 0; background:#fff;}
.maindiv3 div.maingallery{width:100%; max-width:1170px; margin:0 auto;}
.maindiv3 div.maingallery h2{margin:0 0 10px; color: #222; font-size: 2em;text-transform: uppercase; text-align: center; }
.board_output{background:none !important;}

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

.gallerybbs table td{text-align:center;}
.board_output_gallery_img{overflow:hidden;}
.gallerybbs  table td.board_output_gallery_img img{width:100%;height: auto; max-width: 360px; }
.gallerybbs  table td.board_output_gallery_img img:hover{opacity:0.6;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s;
-ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.gallerybbs table {width:96% !important;  }



.main-gallery{clear:both; margin:0 auto; width:100%; padding:80px 0; text-align: center; background: #f1f1f1}
.main-gallery h2{color:#222; font-size: 2em;margin:0 auto 10px !important; text-transform: uppercase;}
.main-gallerybbs{margin:0 auto; width:100%; max-width:1170px;}
.main-gallerybbs span{display:inline-block; width:100%;}
.main-gallerybbs span table{width:33.3%; float:left; text-align: center; margin-bottom:10px;}
.main-gallerybbs span table img.board_output_imgs{/*width:98%; height:auto; max-width:340px;*/ width: 100%; height:240px; border : 1px solid #dcdcdc; max-width:360px;}
.main-gallerybbs span table img.board_output_imgs:hover{opacity:0.6;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s;
-ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.main-gallerybbs .board_output_gallery_subject{display:inline-block; padding:10px 0; color:#666;    font-size: 14px;}

.gallery_title{display:inline-block; padding:5px 0; color:#666;    font-size: 14px;    font-family: 'Open Sans', 'Noto Sans KR', sans-serif !important;}


/* 메인회사소개 */
.work2 {width:100%; text-align:center; padding:80px 0; font-size: 14px; }
.work2 .main-txt{margin:0 auto 30px;}
.work2 .main-txt h2{    color: #222;    font-size: 3em;
    margin: 0 auto 20px !important;    text-transform: uppercase;}

.work2 .main-btns{margin:0 auto;}
.work2 .main-btns div.main-btns-div{width:25%; margin-bottom:30px; text-align:center; display:inline-block; float:left;}

.work2 .main-btns div.main-btns-div h3{font-size:18px; color:#333; font-weight:600; text-transform:uppercase;padding: 20px 0 10px !important; margin:0;}
.work2 .main-btns div.main-btns-div a{cursor: pointer;}
.work2 .main-btns div.main-btns-div img{max-width:100%; height:auto; opacity:1;  transition: .5s ease;}
.work2 .main-btns div.main-btns-div ul{width:90%; display:inline-block; margin:0; padding:0;}
.work2 .main-btns div.main-btns-div ul li{display:inline-block; width:100%;}
.work2 .main-btns div.main-btns-div ul li.main-btnimgs:hover img{opacity:0;  transition: .5s ease;}
.work2 .main-btns div.main-btns-div ul li.main-btnimgs:hover span{opacity:1;  transition: .5s ease;}
.work2 .main-btns div.main-btns-div ul li.main-btnimgs{position: relative; line-height:0;}
.work2 .main-btns div.main-btns-div ul li.main-btnimgs span{opacity:0;   font-size: 18px; color:#fff;
  position: absolute;   top: 50%;  left: 50%;  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);  text-align: center;}
.work2 .main-btns div.main-btns-div ul li.main-btnimgs span i{display: block; width: 40px; border-top: 1px #fff solid; margin: 20px auto 0;}
.work2 .main-btns div.main-btns-div ul li.main-btnimgs:hover{background:#54b1c2}


@media (max-width:1199px){
.work2 .main-btns div.main-btns-div{width:50%;     min-height: 320px;}
.work2 .main-btns div.main-btns-div img{width:100%;}
.main-txt h2{font-size: 1.5em !important;}

}

@media (max-width:600px){
.work2{padding:50px 0 20px 0;}	
.work2 li{font-size: 13px;}
.work2 p{font-size: 13px;}

.work2 p br, .work2 li br{display: none;}
}





/* 메인 게시판 추출*/
table.board_output tr td{padding:0 !important;}
table.noticeoutput tr td{padding:2px 0 !important;}
table.noticeoutput tr td a:hover{color:#FF5500 !important;text-decoration:none;}
table.board_output td a{font-size:13px !important;font-family:'Open Sans', 'Noto Sans KR', 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; color: #666;font-family:'Open Sans', 'Noto Sans KR', sans-serif}
.work3 table.board_output td a:hover{color:#0056b3 !important}
.maingallery table.board_output tr td{text-align:center;}



#txtbox_info{margin-bottom:10px !important; font-size:13px !important;}

.content_malls{width:100% !important;}
#content, #page2{width:100% !important;}
.table_cont2{text-align:center;}
.t_01{border-top:1px #666 solid !important; font-size:12px !important;}
th.table_tle1{font-size:12px !important; padding: 5px 0 !important; text-align: center; color:#222;}
.h3tit{font-size:14px !important; font-weight:600; color:#333; } 
#total_order{background:none !important; border:none !important; font-size:12px;}
input[type="text" i] {border:1px #ddd solid !important; padding:5px !important; margin: 2px;}






/*회원관리*/
.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:600; color:#333;}
.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; 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;  font-weight: 600;
color: #222;padding-left: 0 !important;font-size: 14px !important;}
.t_m1{border-top: 1px solid #666 !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;}
#dl2 dd{padding:0 !important; background:none !important; }




/*온라인 쇼핑몰*/
#product_list_sort{clear:both !important; width:100% !important; padding:10px 10px 20px 0 !important; font-size: 12px; text-align: right;}
#product_list a{color:#999;}
.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%;}

.bbsnewf5 { padding: 5px 0 10px 10px !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; text-align:center;}
.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_img {    padding: 0 !important;    width: 45% !important;
    text-align: center;    display: inline-block;    float: left;}
#product_info {    width: 50% !important;    float: right;    display: inline-block;}
#product_img div img {    width: 100%;    max-width: 500px !important;    height: auto;}

#product_info td{font-size:13px !important; padding:8px 0; border-bottom:1px #eee solid;}
.produce-2u-img div a{font-size:12px !important;}
.board_output_gallery_subject{display:inline-block;}
.produce-2u-img img:hover { opacity: .6;}
#product-divs{width:100%;}
#product-divs span{display:inline-block; width:25%; padding:0px;margin:0;;text-align:center; float:left;}
#product-divs span ul{width:100%; margin:0 auto 30px !important;}
#product-divs span ul li{list-style:none; }




#product_img #nail{display:none;}
#nail,#nail_txt{width:100% !important;text-align: center; padding:5px 0 !important; font-size: 12px;}
#nail img{width:50px;}
#product-views{clear:both; margin:50px 0; width:100%;}
#product-views img{max-width:100%; height:auto;}
#product-views div{margin:10px 0; width:100%;  height:auto; min-height:100px;padding:0 0 10px;}
.product_tle {    color: #333 !important;   padding-bottom:10px;  font-size: 16px;    font-weight: 600;    border-bottom: 1px #666 solid;}

#product-views div h3{padding-top: 30px; font-size:1.5em; width:100%; color:#222;  font-weight:600;}
.product-views-1{border-top:2px #666 solid;}
.product-views-2{border-top:1px #ddd solid;}
.product-views-3{border-top:1px #ddd solid; }

.btninput{color:#222; font-weight:400; padding:3px 15px; border:1px #666 solid; display:inline-block; font-size: 13px; background:#fff;}
a.btnsto{color:#333; font-weight:400; padding:3px 15px; border:1px #666 solid; display:inline-block; margin-top:10px;font-size: 13px;}
a.btsok{color:#333; font-weight:400; padding:3px 25px; border:1px #666 solid; display:inline-block; margin-top:10px; }
a.btscancel{color:#333; font-weight:400; padding:3px 25px; border:1px #666 solid; display:inline-block; margin-top:10px;}

a.btnsto:hover, a.btscancel:hover, a.btsok:hover,.btninput:hover{background:#eee;}


.good-flist{clear:both; width:100%;}
.good-flist ul{width:25%; display:inline-block; float:left; margin-bottom:50px !important;}
.good-flist ul li{list-style:none; text-align:center;}
.good-flist ul li img{max-width:92%; height:auto; width:100%;}
.good-flist ul li img:hover{opacity:0.6;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s;
-ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#product_list ul li img:hover{opacity:0.6;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s;
-ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}



.bx_product_result .no_result{background:none !important; padding:0 !important; margin:0 !important;}
.bx_product_result .more_result{width:100% !important; padding: 10px 0 !important;}
.bx_product_result .more_result2, .bx_center,
.bx_product_result .range{width:100% !important; padding: 10px 0 !important;}
.bx_product_result .text{padding: 10px !important; height:25px !important;}
.bx_product_result .result_product{background-position: left 15px !important;}
.bx_center{padding:0 !important;}
.result_list .txt_info{width:50% !important;}
.result_list .price{padding:0 !important;}



/*고객지원*/
.board,.board a:link,.board_description{font-family:'Open Sans', 'Noto Sans KR', sans-serif !important; font-size: 13px !important;}
#post_area span{font-family:'Open Sans', 'Noto Sans KR', sans-serif !important;}
.list_title{background:none !important; }
.list_title td{background:#e8e8e8; color:#fff !important; padding:10px 10px !important;}

.formcss{font-family:'Open Sans', 'Noto Sans KR', 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; }
.formcss textarea{padding:5px; border:1px #ddd solid; width:100%;}



/*제품정보*/
/*.product-gallery table img{width:96% !important; display:inline-block; padding-bottom:10px; height:auto !important;max-width:300px;}*/
.product-gallery > table > tbody > tr td a img{width:100% !important; display:inline-block; padding-bottom:10px; height:240px !important;max-width:360px;}
.product-gallery table img:hover{opacity:0.6;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s;
-ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.product-gallery-view table img{max-width:100% !important; height:auto !important; width:90%;}
.product-gallery-view table td{line-height:180%; border-bottom:1px solid #aaa;}
#photo_info{margin-bottom:50px;}

.mtableo{width:100%; height:auto; min-height:800px;}
.mtableo iframe{display:inline-block; padding-bottom:50px; float:left; width:46%;margin-right:4%; text-align:center;height: 300px; }
.mtableo iframe:nth-child(2n){margin-right:0;}



/*사업영역*/
.biz-cnt{margin:0 auto; width:100%; height:auto;}
.biz-cnt em{font-style:normal; font-size:60px; display:block; color:#333; padding:10px 0; letter-spacing:-0.04em; font-family: 'Open Sans', sans-serif;}
.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; }






/*이용안내*/
#use{margin-bottom:20px !important; width:100% !important; text-align: left !important;}
#use a{font-family:'Open Sans', 'Noto Sans KR', sans-serif;color:#333 !important; font-weight:bold !important; padding: 0 10px;}
#use a:first-child{padding-left:0;}
#dl1{width:100% !important; margin:50px 0 !important;}
#dl1 dt{font-size:15px !important; color:#333 !important; width:100% !important;}
#dl1 dd{line-height:180% !important; width:100% !important;margin:10px 0;}

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









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


/*footer*/
#footerwap{clear: both; width: 100%; background: #f1f1f1; padding: 50px 0;
line-height: 180%; text-align: left; font-size: 13px;}
.footer-mn{width: 100%;  margin: 0 auto;  }
.footer-mn div.footermns{max-width:1170px; margin:0 auto;}
.footer-mn div.footermns span{display:table-cell; vertical-align:middle;}
.footer-mn div.footermns span.footermns1 a{display:inline-block; padding:0 10px 0 0; color:#666; }
.footer-mn div.footermns span.footermns2{padding-left:20px;}
.footer-mn div.footermns span.footermns2 a{padding:0 5px 0 0;}
.footer-divs{width:1170px; margin:15px auto 0;}
.footer-divs span{display:inline-block; margin-right:10px; color: #666;}
.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:400; color:#222;display:inline-block; margin:0 5px 0 0;}
.footer-alink{font-size:11px;  padding:5px; display:inline-block; color:#666; margin:0 5px; background:#eee;
line-height:100%; border-radius: 10px;}
.footer-alink:hover{background:#999; color:#fff; }
.footer-blink{color:#3793c3; letter-spacing:-0.02em; }

.gap30s{clear:both; width:100%; height:50px;}

.footersnslink{width: 100%;    clear: both;    max-width: 1170px;    margin: 20px auto 0;}
.footersnslink a{display:inline-block; padding:0 10px 10px 0}
.footersnslink a:last-child{padding-right: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;}

.ml_logos img{max-width:260px; height:auto;}
#sub-body-wrap{width:92%; min-height:auto;}

}



@media screen and (max-width: 1026px){
table.board_output td:nth-child(3){display:none;}


}


@media screen and (max-width: 820px){
#secondmenu .leftmenu dt a{font-size:14px !important;}

.work3 .row{padding:0 13px !important;}	
.work3 .row30gap{padding: 0;}

.main-gallery{padding:50px 0 0;}
.m-gap80px{display: none;}
.main-content{padding:50px 0;}	
.main-gallerybbs span{    width: 96%; margin: 0 auto;}
.main-gallerybbs span table{width:50%;display:inline-block; float:left; text-align:center;}

.rwrite input[type="text" i]{max-width:50%;}
.rwrite td:nth-child(1){width:40%;}
.rwrite td:nth-child(2){width:60%;}
input[type="text" i]{max-width:70%;}
input#border{width: 70%;}


.sub-contents{padding:10% 0;}
#secondmenu{padding-top:20px; /*border-top:1px #eee solid;*/}
.sub-contents hr{width:25px; text-align:center; margin:0 auto;}
.sub-contents h3.sub-tits, h2.page_title{font-size:1.8em; text-align:center;}
.sub-contents h4{font-size:1.2em;}

input[type="text" i]{margin-bottom:5px;}

.footersnslink, #footerwap .footer-mn,#footerwap .footer-divs {width:90%;}

.sub-body-cn{width:90%; }

.fmaindiv1{padding: 50px 0 0;min-height: auto; max-width:90%;}

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

.main-content h2,.main-gallery h2,
.maindiv2 h2,.maindiv3 div.maingallery h2,.work2 {font-size:1.6em;}
.main-content hr{width:10%;}
.maindiv2{padding: 0 0 50px 0;}
.fmaindiv1 span.f2, .fmaindiv1 span.f3{margin-left:0%}

/*.sub-tit-bg{display:none;}*/
#sub-body-div{padding-top: 20px;}
.sub-body-cn-left{width:100%; margin:0 auto;padding:10px 0;}
.maincscenter{display:none;}
.sub-body-cn-right{width:100%; margin:0 auto; padding:30px 0;}
#secondmenu h1,#secondmenu .leftmenu dl{width:100%;}
#secondmenu h1{text-align:center;}
.history{display:none !important;}
.mem1-s1{width:90%; padding:5px;}

.spinner-master .spinner{ background-color:#00a9ca !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%;}

.footer-mn div.footermns span{display:block;}
.footer-mn div.footermns span.footermns2{padding-left: 0;}
.footer-mn div.footermns span.footermns2 a{display:inline-block; margin:10px 0 0 0}

p.brnone br{display:none;}
.result_list .txt_info{display:block; width:100% !important; font-size:11px !important; padding:0 !important; height:auto !important; text-align:center !important;}
.result_list .subject{padding:0 !important; text-align:center !important;}

}


@media (max-width:768px){
.work3 .jumbotron{background:#f2f5f2;}
.work3 .pbrnone br{display:none;}
.online1 div.online1-div {    width: 90%; padding: 8% 0;    font-size: 14px; }
.online1 div.online1-div p br{display:none;}
}



@media screen and (max-width: 650px){
.mtableo iframe {   width: 100%;    float: none;    margin: 0;}	
.jssora02l, .jssora02r{display:none !important;}
select{width:100px;}

.t_m1 .member_border{width:90px !important;padding:5px !important; 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 .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;}

#product-div{text-align:center;}
.good-flist ul{width:50%;}
#product-divs span{width:50%;}

input[type="file"] {width:120px;}

.fmaindiv1 div{float:none; width:100%; margin-bottom:20px;}
#product_info, #product_img{float:none !important; width:100% !important;}
.product_tle{margin-top:20px;}
.fmaindiv1 div:nth-child(1),.fmaindiv1 div:nth-child(2){display:none;}
table.board_output td:nth-child(3) {  display: block;}

.m-gap100pxs{height:50px;}
.ul-history li i{display:block;}

.mtableo span{width:100%; display:block; margin:0;}
.formcss input[type="text"]{width:70%;}
.main-gallerybbs span table img.board_output_imgs{width: 92%;}
}


@media screen and (max-width: 600px){
.ml_logos {top:20%;}
.ml_logos img {  max-width: 160px;}

.maindiv3{padding: 50px 0;}
#sub-body-div{    padding-top: 20px; min-height: auto; border-top: 1px #eee solid;}
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%;}


.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;}




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

.cmdpp br{display:none;}
.company-cnt{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;}
}


@media (max-width: 768px){
.wow {
  visibility: visible !important;
  -webkit-animation: none !important;
     -moz-animation: none !important;
       -o-animation: none !important;
      -ms-animation: none !important;
          animation: none !important;
}
}







/*sub*/
#sub-body .sub-contents > img
{width:100%;}

/* 메인 섹션1 */
.main-gallery 
{background:white;}
.main-gallery h2
{color:#444; font-size:46px; font-weight:700;}
.sec01_btn
{width: 190px; height:50px; border : 1px solid #ccc; display : inline-block; margin-top:50px;}
.sec01_btn a
{padding:12px 0; color : #707070; display : inline-block;}
.sec01_btn:hover
{background:#707070;  transition-duration:0.15s;}
.sec01_btn:hover a
{color:white; transition-duration:0.15s;}


.main-gallery .product01
{display : inline-block;  margin-right:38px; }
.main-gallery .product01 img
{border:1px solid #ddd;}
.main-gallery .product01:nth-child(3), .main-gallery .product01:nth-child(6), .main-gallery .product01:nth-child(9)
{margin:0px;}

.main-gallery .product01 p
{margin: 20px 0px; font-size:18px; color:#4f4f4f;}

/* 메인 섹션2 */
.section02
{padding : 72px 0 52px; width:100%; text-align:center; background:url('main_sec2.jpg') no-repeat center; background-size:cover;}
.sec02_wrap
{width:1170px;display : inline-block; padding:0 310px;font-family : 'notosanskr';}
.sec02_wrap h2
{margin:0px; font-size:40px; color:white; font-weight:600;}
.sec02_wrap p
{font-size:17px; color:white; font-weight:100 !important; line-height:160%; margin:20px 0 25px;  }
.sec02_wrap .sec02_btn
{border:1px solid white; width:190px; height:50px; text-align:center; display :inline-block;  }
.sec02_wrap .sec02_btn a
{font-size:13px;  color:white; display : inline-block; padding:12px 0;}
.sec02_wrap .sec02_btn:hover
{background:#003a81; transition-duration:0.25s; border-color:#003a81;}
.sec02_wrap .sec02_btn:hover a
{color:white; transition-duration:0.25s;}

/* 메인 섹션 3 */
.work2 .container
{padding : 0px; height:216px;}
.work2 .col-lg-12 , .work2 .col-md-6
{padding:0px;}
.work2 .cs_center
{background:url('m_cs_center.jpg') no-repeat center; }
.work2 #mobile
{display : none;}
.work2 .faq
{background:url('m_faq.jpg') no-repeat center;}
.work2 .faq:hover
{transform:scale(1.15,.1.15);}
.work2 .inquiry
{background:url('m_inquiry.jpg') no-repeat center;}


.work2 .row , .work2 .col-lg-12 , .work2 .col-md-6 ,  .sec03 
{height:100%;}



/* 메인 섹션 4 */
.section04
{padding: 50px 0 ; text-align: center; background:#f4f4f4;}
.section04 .sec04_wrap
{width:1170px; display : inline-block;}
.section04 .sec04_wrap img
{margin-right:65px;}
.section04 .sec04_wrap img:nth-last-child(1)
{margin-right:0px;}




/* 푸터 */

#footerwap
{background:#242424;}
#footerwap .footer_logo
{background:url('f_logo.jpg') no-repeat center; width:176px; height: 68px; display : inline-block;}
#footerwap .footer_txt
{display : inline-block; margin-left:60px;}
#footerwap .footer_txt span
{color:#8b8b8b;}
#footerwap .footer_txt span.copy
{margin-top:7px;}
#footerwap .footer_txt b
{color:#8b8b8b;}
#footerwap .footer_txt span.copy a
{padding:0 10px; color:#9a9a9a;}


/* board */

.sub-contents > a
{color:#333; padding-right:20px;}
.sub-contents table .product-gallery-view td.board_bgcolor font 
{color:#333 !important;}


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

    .section04 .sec04_wrap
    {width: 100%;}
}

@media screen and (max-width:992px){
    .work2
    {height:805px;}
    .sec02_wrap
    {width:100%; padding:0px 20px;}

}

@media screen and (max-width:950px){
    #footerwap .footer_logo
    {margin-left:60px;}
}

@media screen and (max-width:820px){
    .main-gallery
    {padding:50px 0 50px;}
}



@media screen and (max-width:450px){
    .main-gallery h2
    {font-size:36px;}
    .main-gallerybbs span table img.board_output_imgs
    {height:250px;}
    .sec02_wrap h2
    {font-size:36px;}
    .sec02_wrap p
    {font-size:14px;}
    .sec02_wrap .sec02_btn
    {width:160px; height:45px;}
    .sec02_wrap .sec02_btn a
    {font-size:13px; padding : 9px 0 0;}

    .work2 .sec03
    {padding:0 10px;}
    .work2 .cs_center
    {background-size:contain;}

    .section04 .sec04_wrap img
    {margin-right:35px;}
    #computer
    {display : none;}
    .work2 #mobile
    {display : block;}


    td.gallery_etc
    {font-size:10px !important;}

    


    /* sub  */


    .sub-tit-bg
    {padding:60px 0px; font-size:24px; margin:0px;}
    .product-gallery > table > tbody > tr td a img
    {height:180px !important;}

    .sub-contents .board .webzine_type2 > tbody > tr > td.webzine_type_img_td
    {width:90px; height:71px;}

    .webzine_description 
    {overflow:auto;}
    .webzine_type2 .obj_name
    {width:43px !important;}
}


@media screen and (max-width:370px){
    #footerwap .footer_logo , #footerwap .footer_txt
    {
        margin-left:0px;
    }

    .main-gallerybbs span table img.board_output_imgs
    {height:180px;}

    .gallery_title
    {font-size:11px;}

}