@charset "utf-8";
/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:14px; font-family:'Nanum Gothic'; color:#333;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;  letter-spacing: -0.5px !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
ul, li {list-style:none; padding:0; margin:0; letter-spacing: -0.5px;}
ul:after { display:block; content:""; clear:both; }
dl dd {padding:0; margin:0;  letter-spacing: -0.5px !important;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {font-family:'Nanum Gothic'; margin:0;padding:0;  letter-spacing: -0.5px !important;}
button {cursor:pointer}
* {box-sizing:border-box;}

textarea, select {font-family:'Nanum Gothic'; font-size:1em;  letter-spacing: 0px !important;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all;  }
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {text-decoration:none; color:#333;}
a:hover, a:focus, a:active {text-decoration:none; color:#333;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1200px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}


#btnNav {display:none; position:absolute; top:18px; right:15px; width:40px; height:40px; border:none; background-color:transparent; cursor:pointer; z-index:1000}
#btnNav span {position:absolute; display:block; left:5px; width:30px; height:5px; background:#ffffff; transition:all .4s ease}
#btnNav span.bar1 {top:5px}
#btnNav span.bar2 {top:15px}
#btnNav span.bar3 {top:25px}
#btnNav.active span.bar1 {top:18px; transform:rotate(45deg); background:#fff;}
#btnNav.active span.bar2 {display:none}
#btnNav.active span.bar3 {top:18px; transform:rotate(-45deg); background:#fff;}

#btnUser {display:none;position:absolute;top:15px;right:100px;width:35px;height:35px;background:url(../img/btn_login.png) no-repeat center center;background-size:100%;}
#btncart {display:none;position:absolute;top:15px;right: 60px;width:35px;height:35px;background:url(../img/btn_cart.png) no-repeat center center;background-size:100%;}



/* 상단 레이아웃 */
#header {z-index:5; width:100%; max-width:1200px; margin: auto;}
.hd_zindex {z-index:10 !important}
#header_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 메인 탑 */
#main_top { position:absolute; left:0; top:0; height:95px; width:100%; max-width:1200px; margin-left:-600px; margin:0 auto; z-index:100;}
#main_top .com_top_m ul { width:100%;}
#main_top .com_top_m ul:after {display:block; content:""; clear:both;}
#main_top .com_top_m li { float:left; position:relative; }
#main_top .com_top_m li.logo { width:30%; line-height:95px; text-align:center; }
#main_top .com_top_m li.goods_search { width:40%; }
#main_top .com_top_m li.goods_search .goods_search_form { line-height:50px; width:80%; margin:0 auto; border-bottom:2px solid #d71819; text-align:center; margin-top:30px; }
#main_top .com_top_m li.goods_search .goods_search_form input { width:80%; height:33px; border:none; text-align:center; color:#d71819; font-size:17px; font-weight:700; }
#main_top .com_top_m li.goods_search .goods_search_form input::placeholder { color: #d71819; font-weight:700; }
#main_top .com_top_m li.top_smenu { width:30%; text-align:right; }
#main_top .com_top_m li.top_smenu div { position:absolute; right:30px; top:65px;}
#main_top .com_top_m li.top_smenu div a { font-size:15px; font-weight:700; color:#720101; margin-left:30px;}

/* 메인메뉴 */
.global_menu {width:100%; position:absolute;z-index:101; top:0px; background-color: rgba(255, 255, 255, 0.9); height:108px; }
.global_menu .gnb_area {position:relative; width:100%; max-width:1200px; margin:0 auto; }

#logo { float:left; position:relative; width:10%; line-height:108px; }
#goods_search { position:absolute; right:5px; top: 0px; width:20%; /*border:1px solid white;*/ }
#goods_search .goods_search_form { line-height:35px; width:100%; margin:0 auto; border-bottom:1px solid #555555; text-align:center; margin-top:0px; z-index:1100; }
#goods_search .goods_search_form input { width:70%; height:33px; border:none; text-align:center; color:#555555; font-size:17px; font-weight:700; background-color:transparent; }
#goods_search .goods_search_form input::placeholder { color: #555555; font-weight:700; }
#top_smenu { position:absolute; right:5px; top: -70px; width:auto;}
#top_smenu ul { float:right; }
#top_smenu ul li { float:left; margin-right:10px; line-height:35px;}
#top_smenu ul li:last-child { margin-right:0; }
#top_smenu ul li a { padding:0 7px; font-size:15px; font-weight:700; }
#top_smenu ul li.cart_button { position:relative; padding-right:7px; }
#top_smenu ul li.cart_button div.cart_cnt { position:absolute; right:0px; bottom:3px; line-height:24px; width:24px; height:24px; background-color:#2e70d1; color:#ffc010; font-weight:700; border-radius:100%; text-align:center;}


/*.global_menu:hover .sub_menu_area { display:block; }*/
.global_menu h1 {position:absolute; top:34px; }

.global_menu .gnb {float:right; position:relative; width:800px;overflow:hidden;}
.global_menu .gnb:after {content:""; clear:both; display:block;}
.global_menu .gnb .gnbMenu { width:100%; height:100%;}
.global_menu .gnb li {float:left; width:20%; height:100%; line-height:108px; position:relative; text-align:center; vertical-align:middle; }
.global_menu .gnb li a{font-family: 'Nanum Gothic'; font-size:20px; font-weight:700; color:#222222; padding:0 10px; }
.global_menu .gnb li a span{font-family: 'Nanum Gothic'; font-size:15px; font-weight:300; color:#747474;padding-left:10px;}
.global_menu .gnb li a.on {color:#40b33a}

.global_menu .gnb dl.sub01 dd {}
.global_menu .gnb dl.sub02 dd {}
.global_menu .gnb dl.sub03 dd {}
.global_menu .gnb dl.sub04 dd {}
.global_menu .gnb dl.sub05 dd {}
.global_menu .gnb dl.sub06 dd {}
.global_menu .gnb dl.sub07 dd {}

#sub_menu_area { position:absolute; display:none; width:800px; top:107px; right:0; z-index:2000; }
#sub_menu_area .sub_menu { display:relative; width:100%; margin-left:0; }
#sub_menu_area .sub_menu ul { display:absolute; top:0; float:left; margin:0px 0; padding:10px 0; background-color: rgba(255, 255, 255, 0.8); display:none; border:1px solid #eeeeee; border-top:2px solid #1de9b2;}
#sub_menu_area .sub_menu #top_sub_menu01 { margin-left:0; width:20%; }
#sub_menu_area .sub_menu #top_sub_menu02 { margin-left:19%; width:30%; }
#sub_menu_area .sub_menu #top_sub_menu03 { margin-left:42%; width:20%; }
#sub_menu_area .sub_menu #top_sub_menu04 { margin-left:60%; width:20%; }
#sub_menu_area .sub_menu #top_sub_menu05 { margin-left:80%; width:20%; }
#sub_menu_area .sub_menu ul li { width:100%; text-align:left; padding-left:10px; }
#sub_menu_area .sub_menu ul li .top_sub_goods_list { line-height:130%; padding-left:10px; }
#sub_menu_area .sub_menu ul li .top_sub_goods_list a { font-size:13px; color:#666666; margin:0; }

#sub_menu_area .sub_menu ul.sub05 li:last-child a { letter-spacing:-1px; }
#sub_menu_area .sub_menu a {display:block; *zoom:1; *display:inline; margin:10px 7px; font-size:15px; margin-bottom:10px;color:#2e70d1;font-family:'Nanum Gothic' !important;font-weight:700;}

#sub_menu_area .sub_menu a[lang=ko]{font-family:'Nanum Gothic' !important;font-weight:100;}

#sub_menu_area .sub_menu a.on {color:#2763bf;}
#sub_menu_area .sub_menu a:hover {color:#2763bf;}

/* //////////////////////////////// */
#gnb {position:relative; max-width:1200px; margin:auto; }
#gnb .gnb_wrap{margin:0 auto;position:relative;  margin:Auto; overflow:hidden;}
#gnb #gnb_1dul {padding: 0;zoom:1; text-align:center;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{display:table-cell; font-size:16px; vertical-align: middle; text-align:center;  box-sizing:border-box;position:relative; padding:10px 25px; line-height:18px;}

#gnb #m2 .gnb_2dul {padding:0;}


#gnb * {/*z-index:10000;*/}
.bx-wrapper * {z-index:1 !important;}
.gnb_1da {display:block;font-weight:400;color:#fff !important;text-decoration:none; width:100%; font-size:16px; font-family:'Nanum Gothic';}
.gnb_2dul {display:none;position:absolute;top:55px;min-width:100%; padding:10px 0 !important; background-color:#fff;  }
.gnb_2dli{text-align:center; line-height:28px;}
.gnb_2dli:first-child{border:0}

.gnb_2da {display:inline-block;padding:0;line-height:30px;color:#ffffff !important;text-align:left;text-decoration:none; font-size:14px;}
a.gnb_2da:hover{color:#ffffff; font-weight:700; text-decoration: underline;}
.gnb_1dli_over .gnb_2dul {display:block;left:0}

#gnb .gnb_1dli.on {}
#gnb .gnb_1dli.on .gnb_1da {color:#338e2f}
#gnb .gnb_1dli.on .gnb_2dul .gnb_2da.on {color:#000; font-weight:700; text-decoration: underline;}

#gnb .category_list {background-color:#666666; line-height:20px; color:#fff; padding:10px 35px; width:198px;}
.menu_bar {background:url(../img/ic_categorylist.png) no-repeat center center; display:inline-block; width:24px; height:24px;     vertical-align: text-bottom; margin-right:10px}
.gnb_rad {background-color:#dd1e01; color:#fff}
.gnb_rad a {color:#fff !important}

#gnb #gnb_1dul {float:left;}
.snb {float:right; font-size:18px; padding-top:10px}
.snb strong {color:#dd1e01; font-size:24px; font-weight:900}

#gnb_wrap {display:none;}
#gnb_1dul_pc {float:left; }

.ctg_m {display:none;}
ul.ctg_all{position: absolute;width:198px;left: 0;top: 55px;z-index: 9;box-shadow: 0 0 10px rgba(0,0,0,0.2);background-color: rgba(0,0,0,0.8);color:#fff; padding-bottom:12px }
ul.ctg_all li {text-align:center; padding:0px 40px; margin-top:12px}
ul.ctg_all li dl {margin:0;}
ul.ctg_all li dt {padding:15px 0;     border-radius: 10px; margin-bottom:0px}
ul.ctg_all li dt img {width:100%;}

ul.ctg_sub {/* padding:0px 0 25px */ padding-bottom:0;}
ul.ctg_sub li {padding:0 20px;margin-top: 16px;margin-bottom: 18px;}
ul.ctg_sub dl{overflow:hidden;}
ul.ctg_sub dl dt {display:table-cell;width: 90px;padding:10px 0;}
ul.ctg_sub dl dt img {/* width:60px */}
ul.ctg_sub dl dd {display:table-cell; padding-left:15px; vertical-align: middle;}


/* 메인비쥬얼 */
.main_v {width:100%;overflow:hidden;padding-top:0px;}
.main_img {}
.main_img_inner {overflow:hidden;height:422px;}
.sub_img_inner {overflow:hidden;height:400px;}
.main_img img{max-width:100%; width:auto;}

.main_01 {background:url(../img/main_visual01.jpg) no-repeat center center;}
.main_02 {background:url(../img/main_visual02.jpg) no-repeat center center;}
.main_03 {background:url(../img/main_visual03.jpg) no-repeat center center;}
.main_v:after {display:block; clear:both; content:"";}

.main_txt {position: absolute; top:50%; left:38%; margin-left:-260px; width:580px; height:auto; padding:20px 0 20px 0; /*box-sizing:border-box; border:1px solid red;*/ background-color: rgba(0, 0, 0, 0.3);}
.main_txt p.text01 {font-size:40px; text-align:center; color:#fff; font-family: "Nanum Gothic"; font-weight:800; margin-bottom:40px; text-shadow: 0 0 5px #000; letter-spacing:-1px; }
.main_txt p.text02 {font-size:30px; line-height:120%; text-align:center; color:#fff;font-family: "Nanum Gothic"; font-weight:700; margin-bottom:20px; /*text-shadow: 0 0 5px #000;*/ letter-spacing:0px; }
.main_txt p.text03 {font-size:20px; text-align:center; color:#fff;font-family: "Nanum Gothic"; /*text-shadow: 0 0 5px #000;*/ }
.sub_img_inner .main_txt { top:40%; }
.sub_img_inner .main_txt p.text02 { font-size:25px; line-height:140%; }
/* 메인컨텐츠 */
#container_main {width:100%;}

.sec_01 {padding:40px 0 0 0;}
.sec_02 {margin-top:50px; padding:0px 0 0 0; background-color:#fafafa; border-top:2px solid #ededed; }

.main_section {width: 1200px; padding:0px 0;margin:auto;overflow:hidden;}
.main_section h2 {font-family: "Nanum Gothic"; font-size:36px; font-weight:400; text-align:center; margin-bottom:40px}
.main_section h2 strong {color:#0f7eb0; font-weight:700;}
.main_section .main_title01 { width:auto; font-family: "Nanum Gothic"; font-size:2em; line-height:150%; font-weight:700; text-align:center; margin:0 auto 40px auto; padding:0px 0px; }

.list_banner { margin-bottom:25px;}
.list_banner li {position:relative; background-color:#fff; padding:0px; /*border:1px solid #c4c4c4;*/ float:left; width:30%; margin-right:5%; text-align:center; }
.list_banner li:nth-child(3n) { margin-right:0; }
.list_banner li .banner_img { width:100%; height:auto; max-width:366px; height:410px; line-height:410px; text-align:center; /*padding:7px 5px 0 5px; */margin:0 auto;}
.list_banner li img{ width:auto; max-width:100%; height:auto; max-height:100%; vertical-align:middle;}
.list_banner li .banner_subject { width:100%; text-align:center; font-size:1.1em; line-height:20px; color:#010101; font-weight:500; height:20px; overflow:hidden; margin:10px 0; padding:0 5px; }


.list_banner1 > li {position:relative; float:left; text-align:center;  }
.list_banner1 > li:first-child {width:37%; margin-right:3%; /*border:1px solid #c4c4c4; box-sizing:border-box;*/ }
.list_banner1 > li:first-child .banner_img { width:100%; height:auto; max-width:443px; height:443px; line-height:443px; text-align:center; padding:5px 5px 0 5px; margin:0 auto;}
.list_banner1 > li:last-child {width:60%; }
.list_banner1 > li > ul.list_sub li { float:left; width:30%; margin-right:3%; margin-bottom:9px; /*border:1px solid #c4c4c4;*/ }
.list_banner1 > li > ul.list_sub li:nth-child(3n) { margin-right:0; }
.list_banner1 > li > ul.list_sub li .banner_img { width:100%; height:auto; max-width:192px; height:192px; line-height:192px; text-align:center; padding:5px 5px 0 5px; margin:0 auto;}
.list_banner1 li img { width:auto; max-width:100%; height:auto; max-height:100%; vertical-align:middle;}
.list_banner1 li .banner_subject { width:100%; text-align:center; font-size:1.0em; line-height:18px; color:#010101; font-weight:500; height:18px; overflow:hidden; margin:10px 0 5px 0; padding:0 5px; }
.list_banner1 li .banner_price { width:100%; text-align:center; font-size:1.0em; line-height:18px; color:#ff0000; font-weight:500; height:18px; overflow:hidden; margin:0; padding:0 5px; }

.list_banner2 { margin-bottom:25px;}
.list_banner2 li {position:relative; background-color:#fff; padding:0px; float:left; width:32%; margin-right:2%; text-align:center; margin-bottom:15px; }
.list_banner2 li:nth-child(3n) { margin-right:0; }
.list_banner2 li .banner_img { width:100%; height:auto; max-width:392px; height:200px; line-height:200px; text-align:center; padding:5px 5px 0 5px; margin:0 auto;}
.list_banner2 li img{ width:auto; max-width:100%; height:auto; max-height:100%; vertical-align:middle;}
.list_banner2 li .banner_subject { float:left; width:70%; text-align:left; font-size:1.1em; line-height:20px; color:#010101; font-weight:500; height:20px; overflow:hidden; margin:10px 0; padding:0 5px; }
.list_banner2 li .banner_price { float:right; width:30%; text-align:right; font-size:1.0em; line-height:20px; color:#ff0000; font-weight:500; height:20px; overflow:hidden; margin:10px 0; padding:0 5px; }

.main_goods_search { width:100%; }
.main_goods_search li { float:left; }
.main_goods_search li.main_goods_search_select { width:45%; text-align:right;  }
.main_goods_search li.main_goods_search_select select { vertical-align:bottom; height:50px; border:1px solid #cccccc; width:auto; padding:0 10px; font-size:1.2em; }
.main_goods_search li.main_goods_search_input { width:55%; }
.main_goods_search li.main_goods_search_input input { vertical-align:top; height:50px; border:1px solid #cccccc; width:30%; font-size:1.2em; padding:0 5px;}
.main_goods_search li.main_goods_search_input img { vertical-align:top; }

.main_subsec_half { width:100%; max-width:1200px; height:auto; padding:30px 0; margin:0 auto;}
.ms_left { background-color:#ffc010;}
.ms_right { background-color:#2e70d1; }

.ms_left .list_left { float:right; width:90%; max-width:550px; margin-right:5%; background-color:#ffffff; border:10px solid #d5dbcc; height:300px; }
.ms_right .list_right { float:left; width:90%; max-width:550px; margin-left:5%; background-color:#ffffff; border:10px solid #d5dbcc; height:300px; }

.main_subsec_half .main_title02 { width:100%; font-family: "Nanum Gothic"; background:url(../img/icon_main_title01.png) no-repeat 30px top; text-indent:70px; height:33px; line-height:33px; font-size:25px; font-weight:700; margin:20px 0; position:relative; }
.main_subsec_half .main_title03 { width:100%; font-family: "Nanum Gothic"; font-size:25px; font-weight:700; margin:0 0 0 0; text-align:right; }
.main_subsec_half ul { height:auto; }
.main_subsec_half .main_title02 .more { position:absolute; bottom:5px; right:5px; }
.main_subsec_half .main_title02 .more a { font-size:14px; }

.list_bbs { width:90%; margin:0 auto 30px auto;}
.list_bbs li { width:100%; height:35px; line-height:35px; border-bottom:1px solid #dfefc8; text-indent:10px; overflow:hidden; }
.list_bbs li .bbs_subject { float:left; width:70%;/* word-break:break-all;*/ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.list_bbs li .bbs_date { float:right; width:30%; text-align:right; overflow:hidden; word-break:break-all;}

.customer_banner { width:100%; margin:0 auto; padding:10px 0;}
.customer_banner li { float:left; height:auto; }

.customer_banner li.bottom_menu { width:14%; line-height:150%; padding:0px 10px; }
.customer_banner li.bottom_menu a {  font-size:1.1em; font-weight:700; }
.customer_banner li.bottom_menu h3 { font-size:1.5em; line-height:150%;font-weight:800px; margin-bottom:30px; text-align:left; color:#2f2f2f; }
.customer_banner li.bottom_menu p.main_button { width:80%; font-size:1.7em; line-height:180%; color:#666666; border:2px solid #666666; margin:13px auto; text-align:center; } 
.customer_banner li.bottom_menu p.main_bank_info { width:80%; font-size:1.0em; line-height:150%; margin:25px auto 0 auto; text-align:left; } 
.customer_banner li.bottom_menu p.main_bank_info strong { font-size:1.3em; line-height:200%;font-weight:800px; margin-bottom:10px; text-align:center; }
.customer_banner li.bottom_menu p.time_txt { margin-top:-10px; line-height:200%; }
.customer_banner li.bottom_menu p.time_txt a { color:#5b5e65; font-size:1.2em; }

.customer_banner li.goods_list { width:19%; }
.customer_banner li.bottom_menu .top_sub_goods_list { line-height:130%; padding-left:5px; margin-bottom:10px; }
.customer_banner li.bottom_menu .top_sub_goods_list a { font-size:13px; color:#666666; margin:0; }

.customer_banner li.tel { width:25%; margin-right:0%; font-size:1.5em; font-weight:700; line-height:200%; padding:0px 10px; }
.customer_banner li.tel .main_title03 span { font-size:1.2em; line-height:150%;font-weight:800px; margin-bottom:0px; padding-left:10px; }
.customer_banner li.tel p.tel_num1 { font-size:1.1em; line-height:110%; text-align:right }
.customer_banner li.tel p.tel_num2 { font-size:1.1em; line-height:110%; color:#5b5e65; text-align:right; margin-bottom:10px; }
.customer_banner li.tel p.time_txt { font-size:0.75em; line-height:120%; text-align:center; margin-top:0px;}


.list_bbs_photo { width:90%; margin:0 auto 0px auto;}
.list_bbs_photo li { float:left; width:25%; height:auto; }
.list_bbs_photo li .list_photo_img { position:relative; width:100%; height:auto; }
.list_bbs_photo li .list_photo_img img { width:auto; max-width:100%; height:auto; max-height:100%;}
.list_bbs_photo li .list_photo_img .list_photo_on_layer { position:absolute; left:0; top:0; width:100%; color:#ffffff; text-shadow: 0 0 5px #000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list_bbs_photo li .list_photo_subject { height:35px; line-height:35px; width:100%;/* word-break:break-all;*/ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* 푸터/카피 */
.footer_wrap { background-color:#333333; padding:0px 0 0 0; color:#ffffff;font-size:14px;line-height:24px;font-weight:300;border-top:1px solid #ffffff;}

.footer_wrap .footer_smenu { width:100%; background-color:#000000;  border-bottom: 1px solid #ffffff; box-sizing:border-box; }
.footer_wrap .footer_smenu ul { width:100%; max-width:1200px; margin:0 auto; height:50px; }
.footer_wrap .footer_smenu ul li { float:left; border-right: 1px solid #ffffff; line-height:50px; width:25%; box-sizing:border-box; text-align:center;} 
.footer_wrap .footer_smenu ul li:first-child { border-left: 1px solid #ffffff; } 
.footer_wrap .footer_smenu ul li a { font-size:1.2em; color:#ffffff; }

.footer_wrap .inner {width:1200px; margin:auto;overflow:hidden; margin-top:30px; }
.footer_wrap .inner ul { width:90%; margin:0 auto;}
.footer_wrap .inner .info1 {padding-left:40px;}
.footer_wrap .inner .info1 li {display:inline-block;padding-right:30px;}

.footer_wrap .copyright { width:100%; background-color:#000000; color:#ffffff; text-align:center; margin-top:30px; padding:15px; line-height:150%; }

#quick {position: fixed; z-index: 999; top:200px; left: 50%; margin-left: 610px; width: 80px; margin-top: 0px;}
.quick_btn li {}


/* 서브 컨텐츠 */

#wrapper {z-index:5;margin:0 auto;max-width:1200px;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#container {width:1200px; margin:0 auto; z-index: 4; position: relative; padding: 0; height: auto !important; min-height: 500px; background: #fff; font-size: 1em; zoom: 1; padding: 25px 10px; box-sizing: border-box; }

/*
.sub_v {width:100%;overflow:hidden;padding-top:123px;}
.sub_v_inner {overflow:hidden;height:180px;}
.sub_v img{max-width:100%; width:auto;}

.sub_01 {background:url(../img/sub_visual01.jpg) no-repeat center center; background-size:auto;}
.sub_02 {background:url(../img/sub_visual02.jpg) no-repeat center center; background-size:auto;}
.sub_03 {background:url(../img/sub_visual03.jpg) no-repeat center center; background-size:auto;}
*/

/* lnb
.lnb {background-color:#fff;}
.lnb h2 {font-size:28px;  font-family:"Nanum Gothic"; color:#0f7eb0;     border-radius: 0px; line-height:80px; text-align:center; margin-bottom: 0px; background-color:#fff; border:3px solid #0f7eb0}
.lnb h2 span {display:block; font-size:14px; color:#999; letter-spacing: 0;    line-height: 20px;}
.lnb ul {width:100%; padding:15px 30px; box-sizing:border-box;}
.lnb ul li {}
.lnb > ul > li {clear:both; line-height:36px; vertical-align:top; }
.lnb > ul > li:hover {clear:both; vertical-align:top;  }
.lnb > ul > li > a {display:block; line-height:36px; font-size:15px; color:#333; padding-left:15px; background:url(../img/lnb_arr.png) no-repeat 0 50%;}
.lnb > ul > li > a:hover, 
.lnb > ul > li > a.on  {color:#0f7eb0; font-weight:bold; background:url(../img/lnb_arr_on.png) no-repeat 0 50%;}

.lnb ul li ul {padding:0; padding-left:15px; background-color:#f1f1f1;}
.lnb ul li ul li a, .lnb ul li ul li a:hover, .lnb ul li ul li a.on {background:none; }
.lnb ul li ul li a:hover, .lnb ul li ul li a.on {color:#17a939;  }
 */

#aside { position:absolute; top:350px; left:0; width:100%; background:rgb(0,0,0, 0.6); z-index:100;}
.lnb {overflow:hidden; width:1200px; margin:0 auto;}
.lnb h2 {display:none;}
.lnb ul {overflow:hidden; /*border-right:1px solid #545454; border-bottom:1px solid #545454; box-sizing:border-box;*/}
.lnb li {float:left; width:20%; border-left:1px solid #ffffff; box-sizing:border-box; border-top:0; text-align:center; }
.lnb li:last-child { border-right:1px solid #ffffff; box-sizing:border-box; }
.lnb li a { display:block; font-family: "Nanum Gothic"; height:50px; line-height:50px; font-size:18px; color:#ffffff; font-weight:bold; transition:all 0.2s; cursor:pointer; }
.lnb li.on, .lnb li:active, .lnb li:hover a {background:#2E70D1; color:#fff; }

/*.lnb li.on { background:url(../img/icon_submenu.png) no-repeat 30px center; }	*/

#lnb01 li{width:20%;}
#lnb02 li{width:20%;}
#lnb03 li{width:20%;}
#lnb04 li{width:20%;}
#lnb05 li{width:20%;}

.lnb2 li{line-height:30px;padding:1px 5px;font-size:13px;background-color:#fff;border-bottom:1px solid #f4f4f4;}
.lnb2 li:last-child{border-bottom:none;}
.lnb2 li.depth2 a{font-size:13px;background-color:#fff;padding:0px 10px;color:#959595;font-weight:300;}
.lnb2 li.depth2 a:before{content:"> "}
.lnb2 li.depth2_on a{font-size:13px;background-color:#fff;color:#000;}
.lnb2 li.depth2_on a:before{content:"> "}

.lnb_info {padding:30px 10px;}
.lnb_info h3{color:#FFC010;font-family: 'Nanum Gothic';font-size:18px; font-weight:700; letter-spacing:-0.5px;line-height:30px;padding-bottom:15px;}
.lnb_info h3 span{font-family: 'Nanum Gothic';font-size:16px; font-weight:300; color:#747474;padding-left:10px;}
.lnb_info .inquiry li {color:#747474;font-weight:300;font-size:13px;line-height:22px; }
.lnb_info .inquiry li.num1{font-family: 'Nanum Gothic';font-size:26px; font-weight:700;color:#181818;padding:10px 0;}
.lnb_info .inquiry li.num2{font-family: 'Nanum Gothic';font-size:16px; font-weight:700;color:#181818;padding-bottom:10px;}

.sub_contents {float:left;position:relative;width:78%;min-height:700px;margin-top:120px;}
.sub_title {padding:30px 0 30px 0;border-bottom:1px solid #e3e3e3;margin-bottom:35px;}
.sub_contents h3{display:inline-block;font-size:30px; font-weight:100;color:#000000;}
.sub_contents .location {display:inline-block;position:absolute;right:20px;top:50px;font-size:13px;text-align:right;}
.sub_contents .location span{color:#a0a0a0;}
.sub_contents .location span:after{content:" - "}
.sub_contents .location strong{color:#252777;font-weight:normal;}

.sub_detail {--padding:15px;margin-bottom:30px;}

.content {margin-bottom:30px;}



/* 컨텐츠 */
.fl {float:left !important;}
.fr {float:right !important;}
.cl {clear:both;}
.texlef {text-align:left !important;}
.texrig {text-align:right !important;}
.at {vertical-align:top;}
.ab {vertical-align:bottom;}
.am {vertical-align:middle !important;}
.ac {text-align:center !important;}
.b {font-weight:bold !important;}
.u {text-decoration: underline !important;}
.clear {clear:both;}
.padrig50 { padding-right:50px; }

/* 글씨색 */
.fc_brown { color: #9D4026; }

/* 타이틀 */
.cont_tit { width:100%; max-width:1200px; overflow:hidden; color: #292929; text-align:center; position: relative; margin-bottom:0px;}
.cont_tit h3{font-size: 30px; margin-top:20px;  color:#333; font-family: "Nanum Gothic";}
.cont_tit .nav {font-size:12px; color:#999; line-height: 29px; font-family:"Nanum Gothic";}
.cont_tit .nav span:after {content:">"; padding:0 5px; font-size:10px;}
.cont_tit .nav strong {color:#c5313c}
/*.cont_tit:after { position: absolute; left: 50%; margin-left: -25px; bottom: -2px; display: block; content: ""; width: 50px; height: 3px; background: #3f3f3f; }*/
.cont_tit .page_title01 { width:100%; font-family: "Nanum Gothic"; /*background:url(../img/main_middle01_title_bg.png) repeat left -1px; border:2px solid #919191; border-radius:10px; */ font-size:25px; font-weight:700; text-align:center; margin:0 auto 40px auto;padding:20px 0px; }

/* 회사소개 */
.txt_box {margin-bottom:30px}
.txt_box p {font-size:15px; line-height:30px; margin-bottom:15px}
.img_box {margin:25px 0 50px; text-align:center;}
.img_box img {max-width:100%}
.img_box .img_list {overflow:hidden;}
.img_box .img_list li {display:inline-block; width:49.5%; margin-bottom:5px; height:380px; overflow:hidden;}

.box_left {float:left; }
.box_right {float:right; }
.box_center { margin:0 auto; text-align:center; }

.txt_box .box_left {width:45%; height:auto; min-height:450px; text-align:center; margin-right:5%;}
.txt_box .box_left img {width:auto; max-width:100%; box-shadow: 5px 5px 5px #666;/*filter:drop-shadow(5px 5px 5px #666);*/ }
.txt_box .box_left img:hover { width:102%; height:auto;max-width:102%; box-shadow:0px 0px 0px #fff; }
.txt_box .box_right {width:50%; font-size:15px; line-height:170%; }


.txt_box .box_left {width:45%; height:auto; min-height:450px; text-align:center; margin-right:5%;}
.txt_box .box_left img {width:auto; max-width:100%; box-shadow: 5px 5px 5px #666;/*filter:drop-shadow(5px 5px 5px #666);*/ }
.txt_box .box_left img:hover { width:102%; height:auto;max-width:102%; box-shadow:0px 0px 0px #fff; }
.txt_box .box_right {width:50%; font-size:15px; line-height:170%; }


.greetings {text-align:left; font-size:18px; line-height:200%; word-break:keep-all; }
.greetings strong {font-size:20px; font-weight:bold; color:#22549D; }
.greetings .greetings_img_list { width:100%; margin:30px 0;  }
.greetings .greetings_img_list ul { width:90%; margin:0 auto; }
.greetings .greetings_img_list li { float:left; width:33.33%;}

.greetings .img_box2 { float:right; border:1px solid #f1f1f1; margin-left:30px; padding:10px; }
.greetings .greetings_img_list li img { width:100%; height:auto; }
.greetings .greetings_text_box { width:100%; margin:30px auto 20px auto; padding:50px; background-color:#eeeeee; height:auto; }



.sub_text01 { width:100%; font-size:15px; line-height:150%; text-align:left; height:auto; }
.txt_box2 ul li { float:left; width:23%; margin-right:2.666%; text-align:center; border:1px solid #999999; box-sizing:border-box; padding:15px; }
.txt_box2 ul li:last-child { margin-right:0; }
.txt_box2 ul li img { width:100%; max-width:220px; margin: 0 auto 20px auto; }
.txt_box2 ul li .sub_text01 { min-height:110px; }

.txt_box3 { margin-top:30px; }
.txt_box3 ul li { float:left; width:32%; margin-right:2%; /*border:1px solid #999999; box-sizing:border-box;*/ }
.txt_box3 ul li:last-child { margin-right:0; }
.txt_box3 ul li h2 { /*font-family: "Nanum Pen Script"; */font-size:2em; font-weight:500; text-align:center; margin:20px 0 30px 0; }
.txt_box3 ul li .img_sub0101_05 { float:left; margin:0 15px 10px 0; }

.sub_text01 h3 { font-size:1.1em; font-weight:700; padding:20px 0 10px 0;  }
.sub_text01 h3:first-child { padding-top:0;  }

.txt_box3 .sub_text02 { margin-top:20px; width:100%;  }
.txt_box3 .sub_text02 dl {overflow:hidden;width:100%; margin:0; }
.txt_box3 .sub_text02 dt {width:25%;float:left;clear:both;padding:8px 0px;text-align:center;font-weight:bold;background-color:#9D4026; color:#ffffff; }
.txt_box3 .sub_text02 dd {width:75%;float:left;padding:8px; line-height:120%; margin-bottom:5px; color:#9D4026; }

.txt_box4 li { float:left; width:48%; margin-right:4%; height:auto; min-height:227px; border:1px solid #999999; padding:10px 10px; margin-bottom:20px; }
.txt_box4 li:nth-child(2n) { margin-right:0%; }
.txt_box4 li dl {overflow:hidden;width:100%; margin:0; }
.txt_box4 li dt {width:40%;float:left;clear:both;padding:8px 0px;text-align:left;}
.txt_box4 li dt img {width:100%; max-width:220px; }
.txt_box4 li dd {width:60%;float:left;padding:8px; line-height:120%; margin-bottom:5px;}
.txt_box4 li dd .sub_text01 {height:auto;}

.sub_slogan {font-size:60px; color:#ac923d; letter-spacing:-4px; line-height:70px;font-weight:100;}
.sub_slogan span{color:#55481e;}

.sub0101 img{padding:20px 0px;}
.sub0101 .txt {color:#2e2e2e;font-size:18px; line-height:34px;font-weight:300;}
.sub0101 strong{color:#236ad6;}

.sub0102 {padding:20px 0px;}
.sub0102 img{width:40%;vertical-align:top;}
.sub0102 .txt {display:inline-block;width:55%;color:#2e2e2e;font-size:18px; line-height:34px;font-weight:300;padding:0px 20px;}
.sub0102 strong{color:#236ad6;}
.sub0102 .txt2 {display:block;text-align:right;color:#000;font-size:18px; line-height:50px;font-weight:500;}


.sub_cata {overflow:hidden;}
.sub_cata li{float:left;margin:1.2%;width:22%;text-align:center;}
.sub_cata li .thum{box-shadow:5px 5px 20px #ccc;margin-bottom:20px;text-align:center;}
.sub_cata li .thum img{width:100%;}
.sub_cata li .tit{font-size:16px; color:#284065; font-weight:500;}
.sub_cata li .stit{font-family: 'Nanum Gothic';letter-spacing:-0.5px;font-size:13px; color:#ababab; font-weight:300;margin-bottom:20px;height:40px;}
.sub_cata li .stit2{font-family: 'Nanum Gothic';letter-spacing:-1px;font-size:12px; color:#ababab; font-weight:300;margin-bottom:20px;height:40px;}

.sub_cata li .btn_cata{width:100%; background:#284066;line-height:42px; color:#fff; font-size:16px;}
.sub_cata li .btn_cata2{width:100%; background:#284066;line-height:42px; color:#fff; font-size:16px;margin-top:3px;}



.map_box { width:100%; margin-bottom:30px}
.map_box div { width:auto;}
.mapinfo h2 { font-size:1.5em; }
.mapinfo dl{overflow:hidden;border-top:2px solid #0a2f73;border-bottom:1px solid #0a2f73;}
.mapinfo dt{width:25%;float:left;clear:both;padding:10px 5px;text-align:center;font-weight:bold;border-top:1px solid #eaeaea;color:#368dc6;line-height:150%;}
.mapinfo dd{width:70%;float:left;padding:10px;border-top:1px solid #eaeaea;line-height:180%;}



/* table */
.tblwrap table caption{text-indent:-99999px; height:0;}

.tblwrap {margin-top:10px; margin-bottom:15px}
.tblwrap .tblstyle {width:100%; border-collapse: collapse; border-spacing: 0; margin-top:15px; font-size:15px; }
.tblwrap .tblstyle thead th {padding:10px 5px; background-color:#eefce5; color:#26550b; border:1px solid #e5eed9;
		box-sizing:border-box;}
.tblwrap .tblstyle tbody th{padding:10px 5px; text-align:center; color:#26550b; border:1px solid #e5eed9;		box-sizing:border-box;}
.tblwrap .tblstyle td {padding:10px 30px; text-align:center; border:1px solid #e5eed9;; box-sizing:border-box;}

.tblwrap .tblstyle02 {width:100%; border-collapse: collapse; border-spacing: 0; margin-top:15px; font-size:15px;}
.tblwrap .tblstyle02 thead th {padding:10px 5px; background-color:#eefce5; color:#26550b; border:1px solid #e5eed9;
		box-sizing:border-box;}
.tblwrap .tblstyle02 tbody th{padding:10px 5px; background-color: #eefce5; color:#26550b; border:1px solid #e5eed9;
		box-sizing:border-box;}
.tblwrap .tblstyle02 td{padding:10px 30px; border:1px solid #e5eed9;; box-sizing:border-box; }
.tblwrap .tblstyle02 li+li{margin-top:3px;}


/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}


/* 인증번호 검색결과 */
#main_resultTxt { position:absolute; z-index:100; width:550px; height:auto; right:118px; bottom:0px; padding:19px 10px; background-color:#f1f1f1; border:1px solid #ccc; border-radius:10px; text-align:center; font-size:20px; color:#333; font-weight:300; line-height:15px; }
#resultTxt { position:absolute; z-index:100; width:550px; height:auto; left:0px; bottom:0px; padding:20px 10px; background-color:#f1f1f1; border:1px solid #ccc; border-radius:10px; text-align:center; font-size:20px; color:#333; font-weight:300; line-height:15px; }
#top_resultTxt { position:absolute; z-index:100; width:350px; height:auto; left:0px; bottom:-1px; padding:11px 10px; background-color:#f1f1f1; border:1px solid #ccc; border-radius:10px; text-align:center; font-size:15px; color:#333; font-weight:300; line-height:15px; }
a.btn_close { display:inline-block; width:40px; height:22px; line-height:22px; padding:0 10px; background-color:#dd1a22; border:1px solid #dd1a22; border-radius:6px; font-size:13px; color:#ffffff; font-weight:500; text-decoration:none; }
.resultTxt2 { display:inline-block; color:#ff0000; font-weight:bold; }


/* 모바일 메뉴 */
.ol_wr {background-color:#3D6CB0; margin-bottom:5px; text-align:left;}
#ol_after_hd{padding: 0 20px;position:relative;overflow:hidden;height: 50px;line-height: 50px;color:#fff;--border-bottom:3px solid #303151}
#ol_after_hd i {color:#fff; line-height: 50px; padding-left:5px}
#ol_after_hd a {color:#fff; }

#ol_after_hd strong {display:inline-block;}
#ol_after_hd .profile_img{display:inline-block;position:absolute;top:20px;left:20px;width:55px;height:55px}
#ol_after_hd .profile_img img{border-radius:50%;width:100%;height:auto}
#ol_after_info{position:absolute;bottom:-5px;right:-5px;background:#fff;background-size:15px;width:30px;line-height:30px;text-align:center;border-radius:50%;color:#999;font-size:15px;}
#ol_after_info:hover{color:#de665c}
#ol_after_btn {display:inline-block;}
#ol_after_btn a{display:inline-block;padding:0 10px;line-height:24px;vertical-align:top;border:1px solid #ddd;font-weight:bold}
#ol_after_logout{color:#555}
#ol_after_private {margin:0;padding:0;list-style:none; border-top:5px solid #f9f8f4}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {position:relative;line-height:45px;padding:0;width:100%;padding:0 20px; box-sizing:border-box; }
#ol_after_private li:first-child{border-left:0}
#ol_after_private li:hover{background:#f3f3f3}
#ol_after_private li strong{float:right;background:#284065;line-height:20px;color:#fff;padding:0 5px;display:inline-block;font-size:0.92em;font-weight:normal;border-radius:5px;margin-top:12px}
#ol_after_private li i{color:#999; padding-right:5px}

.goods_sub_menu { display:none; }


img.title_logo { margin-right:10px; }
.chat_katalk { display:none; }


/* 민부장추가 */
th,td {font-size:14px; font-family:'Nanum Gothic'; color:#333; font-weight:normal;}
#sit_desc2 {margin-top: 15px;padding:0;color:#000;text-align:left; line-height:23px;}

.tablesy01										{width:100%; border-top:2px solid #D4D4D4; border-left:0px solid #e9c8a9; margin:30px auto 0 auto;}
.tablesy01				th						{padding:8px; background:#F8F8F8; font-size:15px; font-weight:bold; color:#333; border-bottom:1px solid #D4D4D4; border-right:1px solid #D4D4D4;}
.tablesy01				td						{padding:8px; font-size:15px; color:#7b7a7a; border-bottom:1px solid #D4D4D4;border-right:1px solid #D4D4D4; text-align: center;}	
.tablesy01 tr th:last-child, .tablesy01 tr td:last-child { border-right:0; }
.tablesy01 td.member_img img { width:150px; height:auto; max-height:150px; }
.btn_view_map { display:inline-block; font-size:12px; padding:2px 2px; line-height:20px; background-color:#333333; color:#ffffff; text-decoration:none; text-align:center; border:1px solid #333333; font-weight:bold; border-radius:2px;}

td a:link, td a:visited {text-decoration:none; color:#555;}
td a:hover, td a:focus, td a:active {text-decoration:none}

.main_center .w30 span.more {float:right; font-size:14px; }
.main_center .w30 span.more a {color:#0d9381; font-weight:normal;}

/* 20210113 1529 민경민 : 수정 */
.product_img { width:100%; text-align:center; }
.product_img img { width:auto; max-width:100%; }
.tab_menu { display:none; }

.tab_menu_data { display:block;  margin-bottom:30px; margin-top:-20px; }
.tab_menu_data li { float:left; width:33%; padding:3px 5px; border:1px solid #A08021; text-align:center; }
.tab_menu_data li.tab_depth2_on { background-color:#D5AB2C; }
.tab_menu_data li.tab_depth2_on a { color:#ffffff; }