/*@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');*/
@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:400;
  src: url(../font/NanumGothic.eot);
  src: local('Nanum Gothic'),
       local('NanumGothic'),
       url(../font/NanumGothic.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic.ttf) format('truetype');
}
*{margin:0; padding:0; font-family:"Nanum Gothic"}
html, body{color:#333; font-size:14px}
ul {list-style: none; padding: 0; margin: 0}
img{border:0; }
.bbb{color:#bbb}
.bold{font-weight:bold}
.clear{clear:both}
h1{font-size:25px; margin-bottom:8px}
h3{font-size:18px; margin-bottom:30px}
.btn_more{text-align:center}
.padding_left0{padding-left:0!important}
/*메뉴*/


/*메뉴 끝*/

.header {position: relative; width: 100%; min-width: 1120px; border-bottom: 1px solid #37414b}
.header .header_wrap {width: 1120px; margin: 0 auto; position:relative; padding-top:10px}
.header .header_wrap:after {display: block; content: ""; clear: both}
.header .logo {width:15%; float:left; margin:0 auto; padding:28px 27px 0 27px; text-align:center}
.header .logo a{display:block}
.header .logo img{width:150px}
.header .header_wrap .gnb {float: left; margin:20px 0 0 43px; line-height: 63px}
.header .header_wrap .gnb .sub_menu {float: left; width: 171px; text-align: center; font-size: 18px!important; font-weight: bold; z-index: 100; height:55px;}
.header .header_wrap .gnb .sub_menu a {display: block; text-decoration: none;font-size: 17px!important; color:#333}


/*내려오는메뉴*/
.header .header_wrap:hover .sub_menu_wrap, .header .header_wrap .sub_menu_wrap:hover{display:block!important; position:absolute; top:121px;right:0; z-index:100} 
.header .header_wrap .sub_menu_wrap {z-index:100; clear:both; display:none; position:relative; width:856px; margin:0 auto; top:252px; overflow:hidden; background-color:#f5fced; opacity:0.8}
.header .header_wrap .sub_menu_wrap .sub_menu2{width:1120px; margin:0 auto; top:0; left:0}
.header .header_wrap .sub_menu_wrap .sub_menu2 .menu_ul{width:1120px}
.header .header_wrap .sub_menu_wrap .sub_menu2{width:1120px; margin:0 auto; top:0; left:0}
.header .header_wrap .sub_menu_wrap .sub_menu2 .menu_ul li{float:left; width:136px}
.header .header_wrap .sub_menu_wrap .sub_menu2 .menu_ul .m1{float:left; width:136px; padding:0 0 0 56px;}
.header .header_wrap .sub_menu_wrap .sub_menu2 .menu_ul .m2{float:left; width:136px; padding:0 0 0 27px;}
.header .header_wrap .sub_menu_wrap .sub_menu2 .menu_ul .m3{float:left; width:136px; padding:0 0 0 32px;}
.header .header_wrap .sub_menu_wrap .sub_menu2 .menu_ul .m4{float:left; width:136px; padding:0 0 0 38px;}
.header .header_wrap .sub_menu_wrap .sub_menu2 .menu_ul .m5{float:left; width:136px; padding:0 0 0 42px;}
.header .header_wrap .sub_menu_wrap .sub_menu2 .menu_ul li .menu_open{text-align:left; width:187px; float:left; padding:15px 0}
.header .header_wrap .sub_menu_wrap .sub_menu2 .menu_ul li .menu_open .submenu_open li{margin:5px 0}
.header .header_wrap .sub_menu_wrap .sub_menu2 .menu_ul li .menu_open .submenu_open li a{font-weight:bold; font-size:14px; color:#333333}
.header .header_wrap .sub_menu_wrap .sub_menu2 .menu_ul li .menu_open .submenu_open li a:hover{color:#0d5435}
.menu03{margin-left:-8px}
.menu04{margin-left:8px}

.header_wrap .quick_menu_wrap{float:right; margin-top:20px; margin-right:54px}
.header_wrap .quick_menu_wrap .quick_menu{}
.header_wrap .quick_menu_wrap .quick_menu li{float:left; margin-left:15px}



.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
.header .header_wrap .gnb .sub_menu .open_menu li {border:1px solid #ddd; line-height:45px; border-top:none}
.header .header_wrap .gnb .sub_menu .open_menu li:first-child{border-top: 4px solid #0553a8; }
.header .header_wrap .gnb .sub_menu .open_menu li a{color:#777777; font-size:15px!important}
.header .header_wrap .gnb .sub_menu .open_menu li a:hover{color:#0553a8}
*/


.footer {position: relative; width: 100%; min-width: 1120px; background-color: #333; margin-top: 35px }
.footer_wrap {width: 1120px; margin: 0 auto; }
.footer_wrap .f_text1{float:left; width:100%}
.footer .row {height: 72px; line-height: 72px; border-bottom: 1px solid #999}
.footer .row .col1 {font-size: 20px; font-weight: bold;color: #999!important}
.footer .row .col2 {margin-left: 67px;color: #999!important}
.footer .row .col2 a{color: #999!important}
.footer .row .col3 {float: right}
.footer .row2 {padding: 27px 0; color: #999!important}
.footer .row2 p {margin: 0 0 5px 0 ; color: #999!important}

.wrap {position: relative; width: 1120px; margin: 0 auto}
.wrap:after {display: block; clear: both; content: ""}

.product_menu {position: relative; background-color: #fff; padding:25px 0; box-sizing: border-box}
.product_menu:after {display: block; clear: both; content: ""}
.mpt{padding-bottom:50px}
/*.product_menu div:first-child {padding: 0}
.product_menu div {float: left; width: 230px; padding-left: 18px}*/
/*.mpt {text-align: center; margin-bottom: 35px}*/



.main_quick{width:1120px; margin:0 auto; margin-top:10px}
.main_quick ul li{float:left; width:280px; margin:0 auto;}
.main_quick ul li:last-child{padding-right:0%}
.main_quick ul li p{margin:15px 0; text-align:center; line-height:21px}

/*메뉴*/
.open_menu02 .active02{background:#777 !important}
.open_menu02 .activeno{background:#e8e8e8 !important; color:#333333 !important}


/*메뉴 02*/
.lnb .lnb2{border-bottom:1px solid #a0a0a0}
.lnb .lnb2 li{border-bottom:none !important}
.active02{background:#999999}
.lnb .lnb2 .active02 a{color:#ffffff !important}
.lnb .lnb2 li a{padding:8px 20px!important; border-bottom:none!important; font-size:14px!important; color:#777!important}



/*메인*/
.main_con01_wrap{width:1120px; position:relative}
.main_con01_wrap .main_con01{float:left; width:373px; height:184px; background:url(../img/btn1_off_01.jpg)}
/*.main_con01_wrap .main_con01:hover{background:url(../img/btn1_on.jpg)}*/
.main_con01_wrap .main_con02{float:left; width:373px; height:184px; background:url(../img/btn1_off_02.jpg)}
/*.main_con01_wrap .main_con02:hover{background:url(../img/btn2_on.jpg)}*/
.main_con01_wrap .main_con03{float:left; width:373px; height:184px; background:url(../img/btn1_off_03.jpg)}
/*.main_con01_wrap .main_con02:hover{background:url(../img/btn2_on.jpg)}*/

.main_con02_wrapper{width:100%; height:491px; position:relative; background:url(../img/menu_02bg.jpg) }
.main_con02_wrapper .main_con02_wrap{width:1120px; margin:0 auto; height:491px; position:relative}
.main_con02_wrapper .main_con02_wrap .main_person{width:30%; position:absolute; bottom:0}
.main_con02_wrapper .main_con02_wrap .main_text{position:absolute; right:0; top:53px}


.main_con03_wrapper{width:1120px; margin:0 auto; padding:35px 0 0 0}
.product_menu img{padding-bottom:50px}


.top_img {position: relative; width:100%; min-width: 1120px; height:46px; background:url(../img/top_img01.jpg) no-repeat}
.top_img2 {position: relative; width:100%; height:220px; background:url(../img/top_img02.jpg) no-repeat}
.top_img3 {position: relative; width:100%; height:220px; background:url(../img/top_img03.jpg) no-repeat}
.top_img4 {position: relative; width:100%; height:220px; background:url(../img/top_img04.jpg) no-repeat}
.top_img_con img{width:100%}

.aside {float: left; width: 220px; position:fixed}
.aside .tit {position: relative; width: 200px; height: 200px; background-color: #0d5435; color: #fff ; margin: 50px auto 0; border-radius: 100px;}
.aside .tit .txt {position: absolute; top: 50%; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%}
.aside .lnb {margin-top:25px}
.aside .lnb li {border-bottom: 1px solid #a0a0a0}
.aside .lnb li a {display: block; text-decoration: none; font-size: 16px; font-weight: bold; padding:15px}
.aside .lnb li a:hover{color:#606d01; border-bottom:2px solid}
/*.aside .lnb li a:hover {color: #0553a8}*/
.aside .lnb li a:hover .ls {color: #0553a8}
.aside .lnb li a .ls {color: #cacaca; margin-right: 7px}
.aside .lnb .active{border-bottom:none}
.aside .lnb .active a {color: #606d01; padding:15px; border-bottom: 2px solid; font-weight:700;}
.aside .lnb .active a .ls {color: #0553a8}
.gara{border:none !important}
.contents {float: right; width: 810px; box-sizing: border-box}
.contents .con img{width:810px}
.contents .tit {background: url(../img/con_tit_bg.jpg) no-repeat; padding: 0 0 10px 20px; border-bottom: 1px solid #c9c9c9; box-sizing: border-box}
.contents .tit .row, .mypage_wrap .row, #find_wrap .row{padding-top: 70px}
.contents .tit .row .col1, .mypage_wrap .row .col1, #find_wrap .row .col1 {font-size: 40px; font-weight: bold}
.contents .tit .row .col2, .mypage_wrap .row .col2, #find_wrap .row .col2 {margin-left: 20px; color: #606060; font-size: 20px; font-weight: bold}
.contents .tit .row2, .mypage_wrap .row2, #find_wrap .row2 {margin: 20px 0 0 0; color: #3f3f3f; font-size: 16px}
.contents .tit .row3 {text-align: right; margin: 5px 0; color: #3f3f3f; font-size: 13px}
.contents .con p{line-height:170%}
.contents .con img{margin:50px 0 0 0}
.name{margin-top:30px; float:right}
.name .row{font-size:17px; font-weight:bold}
.name .row2{font-size:22px; font-weight:bold }


/*로그인*/
.page_wrap{width:400px; margin:0 auto}
.mypage_tit{background:url(../img/mypage_tit.jpg) no-repeat; padding: 0 0 50px 20px;}
.login_wrap{width:600px; margin:0 auto}
.mypage_wrap{width:600px; margin:0 auto}
.login{width:450px; height:230px; position:relative; border:5px solid #e5e5e5; padding:35px 70px; margin:0 auto}
.input_wrap{width:400px;}
#member_id, #member_pw, .member_name, .member_mail{border:1px solid #d9d9d9; color:#666; height:20px; font-size:14px; line-height:20px; width: 320px; padding:5px; 13px; margin-bottom:10px}
.btn_login{position:absolute; top:86px; right:70px; width:100px; height:73px; font-size:15px; line-height:16px; background:#0553a8; color:#fff; border:none}
.find_wrap{margin-top:40px; border-top:1px solid #cccccc; padding:35px 0}
.mypage{width:400px; height:270px; position:relative; border:5px solid #e5e5e5; padding:35px 40px; margin:0 auto}
.input_tit{padding-top:5px;width:130px; font-size:16px; float:left; margin-right:10px}
.member_pw{border:1px solid #d9d9d9; color:#666; height:20px; font-size:14px; line-height:20px; width: 245px; padding:5px; 13px; margin-bottom:10px;float:left; display:block}
.btn_change{position:absolute; bottom:35px; right:90px; width:300px; height:50px; font-size:15px; line-height:16px; background:#0553a8; color:#fff; border:none}
#find_wrap{width:1120px; 0 auto;}
.find{width:1120px; height:300px; position:relative; border:5px solid #e5e5e5; margin:0 auto}
.find01{float:left;width:372px; height:230px; border-right:1px solid #e5e5e5; padding:35px 70px; position:relative}
.find01 h3{padding-bottom:15px; border-bottom:1px solid #e5e5e5; width:330px}
.btn_find{position:absolute; bottom:35px; right:110px; width:330px; height:50px; font-size:15px; line-height:16px; background:#0553a8; color:#fff; border:none}
.small{font-size:11px; font-weight:normal;}
.find02{float:left; width:370px; height:230px; padding:35px 70px; position:relative}
.find02 h3{padding-bottom:15px; border-bottom:1px solid #e5e5e5; width:330px}



/*주문*/
.mypage_wrap2 .tab_wrap{width:1120px; height:46px;}
.mypage_wrap2 .tab_wrap li{color:#999999; width:20%;float:left; border-bottom:2px solid #0553a8; font-size:17px; text-align:center; box-sizing:border-box; height:46px; line-height:46px}
.mypage_wrap2 .tab_wrap .overview_none{border:1px solid #aaa;border-bottom:2px solid #0553a8;}
.mypage_wrap2{padding-top:70px}
.head_wrap{width:100%; background-color:#f1f1f1;height:30px;}
.head{width:1120px; margin:0 auto; text-align:right; padding:5px 0; color:#666}
.head li{float:right; margin-left:15px}


/*회사개요*/
.table_wrap{width:768px; height:752px; border-top:2px solid #777; border-bottom:2px solid #777;box-sizing:border-box;}
.table_wrap .table_tit{width:768px; height:43px; line-height:43px;}
.table_wrap .table_tit .con_tit{width:21%; font-size:16px; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;background:#f4f4f4; padding:10px 20px; float:left; height:44px; line-height:23px;box-sizing:border-box;}
.table_wrap .table_tit .con_tit2{width:21%; font-size:16px; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background:#f4f4f4; padding:10px 20px; float:left;height:88px; line-height:67px;box-sizing:border-box;}
.table_wrap .table_tit .con_con{width:79%; float:left; height:43px; line-height:43px; border-bottom:1px solid #e6e6e6;}



/*찾아오시는길*/
.map_wrap{width:810px; }
.map_wrap .tab_wrap{width:810px; height:46px;}
.map_wrap .tab_wrap li{width:50%;float:left; border:1px solid #b5b5b5; border-bottom:none; font-size:17px; text-align:center; box-sizing:border-box; height:46px; line-height:46px}
.map_active{background:#0553a8; color:#fff !important; border:none!important}
.map_wrap .map_img{margin:0 !important; padding:0; width:767px}
.tab_info{height:46px; width:767px; margin:40px 0 0 0; padding:0; }
.tab_info li{float:left;}
.tab_info li img{margin:0 15px 0 0!important}
.width_50{width:50%}
.width_25{width:25%}
.width_25{width:25%}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*제품정보*/
.product_wrap{width:768px; color:#666666}
.product_wrap .tab_wrap{width:768px; height:46px;}
.product_wrap .tab_wrap li{color:#999999; width:25%;float:left; border:1px solid #f1f1f1; border-bottom:2px solid #0553a8; font-size:17px; text-align:center; box-sizing:border-box; height:46px; line-height:46px}
.product_active{border:2px solid #0553a8!important; border-bottom:none!important; color:#333333!important;}
.product_wrap img{margin:0 !important; padding:0}
.product_con_wrap{margin-top:50px; width:768px;}
.product{width:768px; height:251px; border:1px solid #999999; border-bottom:none;margin-bottom:0px;}
.product:last-child{border-bottom:1px solid #999999}
/*.product .bx-wrapper{margin:0; padding:0; float:left}*/
.product_con1, .product_con3{width:381px; height:251px; float:left}
.product_con2{padding:50px 30px 0 20px; box-sizing: border-box}
.product_con2 img{margin-bottom:15px!important}
.produce_list {width: 100%}
.produce_list li {float: left; width: 50%}


/*게시판*/
.gall_con img, .td_subject img{width:auto !important; margin:0 0 0 3px !important}
.bo_v_info strong{display:none}
.btn_submit{background:#0d5435 !important}
noscript p, #bo_v_act, #bo_vc, #bo_vc_w{display:none !important}
#bo_v_img img{width:auto!important}