/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:13px;font-family:Gotham, 'notokr';}
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;}
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}
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 {margin:0;padding:0;}
button {cursor:pointer}
textarea, select {}
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 {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:underline}
.full_img {width: 100%;}
img {max-width: 100%;}
.clear {clear: both;}
.half {float:none;width:100%;}
.half_half {float:left;width:50%;}
ul {margin: 0; padding: 0; list-style: none;}
.noMargin { margin: 0 !important;}
.pc_hidden {display: none;}
.hidden {display: none;}

#wrapper {position:relative;overflow:hidden;width:100%;}
.img_half {width:50%;}

 
.board > tbody > tr > td[valign="bottom"] {width:50% !important;display:inline-block;}
#post_area img {width:100% !important;height:auto !important;}

.form_m {padding :0px 20px;box-sizing:border-box;} 
 
/* 상단 레이아웃 */
#hd {width:100%;z-index: 20 !important;position: absolute; min-width: 100%;}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:26px 0;width:970px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#logo {position:absolute;padding-top: 0px;padding-left: 0px;z-index:25}
#main_hd_wrapper {position: relative;margin: 0px auto;width: 100%;zoom: 1;padding-bottom:20px;z-index:9}
#main_hd_wrapper:before {position:absolute;width:100%;height:40px;content:'';top:0px;left:0px;background:#fff;z-index:7}
#main_hd_wrapper:after {display: block;visibility: hidden;clear: both;content: "";}

/* 중간 레이아웃 */
#container {z-index:4;position:relative;float:left;padding:15px 16px 15px 15px;width:728px;min-height:500px;height:auto !important;height:500px;border-right:1px solid #dde4e9;background:#fff;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}
#main_wrapper {z-index:5;margin:0 auto;width:100%;zoom:1;overflow-x: hidden;}
#main_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#sliders {width: 100%;}
.section {position: relative;}
.member {position: relative;top:-10px;z-index:9999;}
.main_con {width:100%;}
.main_con .main_member {position:relative;width:100%;}
.main_con .main_member h2.tit {text-align:center;font-size:20px;line-height:40px;margin-bottom:20px;color:#21bbb1;padding-top:30px;}
.main_con .main_member ul {}
.main_con .main_member ul li {display:inline-block;text-align:center;width:50%;margin-bottom:20px;}
.main_con .main_member ul li a {text-decoration:none;}
.main_con .main_member ul li:last-child {margin-right:0px;}
.main_con .main_member ul li h3.tit {font-size:16px;color:#21bbb1;height:20px;line-height:20px;}
.main_con .main_member ul li h3.tit2 {font-family:Gotham;letter-spacing:-1px;font-size:12px;line-height:22px;}
.main_con .main_member ul li p.desc {font-size:11px;font-family:notokr;line-height:16px;}
.main_con .main_member ul li img {width:50%;}
.line_bg {background:url(../../img/m_images/gallery_bg_top.png) repeat-x;width:100%;text-indent:-9999px;}
.main_collections {position:relative;text-align: center;height:60px;background:#192c3b url('../img/m_images/gallery_bg_top.png') center center;}
.main_collections .title { color: #fff;font-size: 24px;line-height:60px;font-family: Gotham;}
.img_zoom_wrapper { position: relative; overflow: hidden;}
.img_zoom_link1, .img_zoom_link2, .img_zoom_link3, .img_zoom_link4, .img_zoom_link5 {display:block;position:absolute;width:100%;height: 100%;z-index: 10;background: rgba(0, 0, 0, 0.2);}
.img_zoom1, .img_zoom2, .img_zoom3, .img_zoom4, .img_zoom5 {position: relative;}
.inquiry {position:relative;top:-10px;background:url(../../img/m_images/sub_linebg3.png) repeat-x;z-index:9999;text-indent:-9999px;}
.inquiry2 {position:relative;background:url(../../img/m_images/sub_linebg4.png) repeat-x;z-index:9999;text-indent:-9999px;}
.contact {background:#f4f4f4;padding:20px 0px;}
.section h2 {text-align:center;font-size:20px;line-height:40px;color:#000;margin-bottom:0px;}
.section .lcon {width:100%;border:solid 0px red;margin-right:50px;}
.section .lcon li {width:100%;height:24px;margin-bottom:15px;display:inline-block;text-align:center;}
.section .lcon li input {width:90%;height:24px;}
.section .lcon li textarea {width:90%;height:100px;}
.section .lcon li span.btn {margin-top:15px;width:30%;height:30px;display:inline-block;text-align:center;line-height:35px;}
.section .lcon li span.btn a {display:block;color:#fff;font-size:16px;background:#21bbb1;font-family:Gotham;}
.section .ccon {width:90%;margin:30px auto -10px;padding-bottom:30px;text-align:center;}
.section .ccon ul li:first-child {font-family:Gotham;font-size:18px;color:#000;margin-bottom:20px;}
.section .ccon ul li {color:#8d8e8e;font-family:"notokr";}
.section .ccon ul.say {margin-top:30px;}
.section .ccon ul.mapbtn {margin-top:30px;} 
.section .ccon ul li.mapicon {color:#8d8e8e;font-family:"Gotham";font-size:13px;line-height:35px;}
.section .ccon ul li.mapicon span {margin-right:10px;float:left;text-indent:-9999px;display:block;width:40px;height:41px;background:url(../img/images/map_icon.jpg) no-repeat;background-size:40px 41px;}
.section .ccon ul li a {display:block;}
.section .ccon ul li a img {margin-top:10px;}

 
.mobile_menu {position:absolute;top:0px;right:-80%;width:80%;height:100%;background:#545b6b url('') repeat;}
.mobile_right_menu {}
.moblie_right_menu_body {position: relative;top: 0;left: 0;}
#m_menu_toggle {display: block;position: absolute;top: 10px;right: 10px;cursor: pointer;z-index: 25;}
.m_menu {margin-top: 40px;}
.m_menu li {padding: 0px 0 0px 0px;line-height:36px;}
.m_menu>li {border-bottom:solid 1px #434a5b;border-top:solid 1px #6b717f;}
.m_menu ul.m_menu2 {background:#21bbb1;}
.m_menu li>a {padding-left:10px;color: #fff;font-size: 14px;text-decoration: none;display:block;}
.m_menu li a.active {font-weight: bold;background: url('../../img/m_images/m_arrow.png') no-repeat 10px 10px;line-height:36px;}
#m_close {position: absolute;top: 6px;right: 8px;cursor: pointer;}
.sns {position: absolute;top: 7px;left: 10px;}
.sns ul li {float:left;margin-right:5px;}
ul.menu2 {display: none;margin-left: 20px;margin-top: 6px;margin-bottom: -20px;}
ul.menu2 li {padding: 6px 0;}
ul.menu2 li a {color: rgba(255, 255, 255, 0.7);font-size: 13px;}
ul.menu2 li a:hover {color: rgba(167, 160, 159, 0.7);font-weight: normal;}
ul.m_menu2 {display: none;margin:0px;}
ul.m_menu2 li {padding: 0px 0;border-bottom:solid 1px #19b0a6;}
ul.m_menu2 li a {color: rgba(255, 255, 255, 0.7); font-size: 13px;font-family:'notokr';display:block;line-height:36px;padding-left:20px;}
ul.m_menu2 li a:hover {color: #545b6b;font-weight: normal;}
/* sub */
#sub_wrapper {background: #fff;}
.sub_container {width: 100%;margin: 0 auto;}
.sub_top {width: 100%;height: 270px;}

.sub_title_wrapper {padding: 20px 0 90px;border-bottom:solid 1px #000;}
.sub_title {width:100%;margin:0px auto;font-size: 24px;padding:0 0 0 15px;}
.sub_title span.title{float:left;width:100%;font-size: 24px;font-family:Gotham;color: #000;} 
.sub_title span.intro_text {float:left;font-size:11px;font-family:'notokr';color:#666666;margin-left:0px;margin-top:6px;display:block;line-height:18px;}
/* history */
.top_company {background: url('../img/images/sub_img1.png') center center no-repeat;}
/* history */
.top_business {background: url('../img/images/sub_img4.png') center center no-repeat;}
/* history */
.top_product {background: url('../img/images/sub_img5.png') center center no-repeat;}
/* history */
.top_inquiry {background: url('../img/about_top.jpg') center center no-repeat;}
/* history */
.top_customer {background: url('../img/about_top.jpg') center center no-repeat;}
.top_company, .top_product, .top_business, .top_inquiry, .top_customer {background-size: cover;}
/* 하단 레이아웃 */
#ft {clear:both;text-align: center;min-width: 100%;font-size: 12px;background: #1f1f1f;padding: 20px 0;}
#ft p {padding: 0 10px;line-height: 20px;color: rgba(255, 255, 255, 0.4);font-family:notokr;}
#ft p a {color: rgba(255, 255, 255, 0.4) !important;text-decoration: none !important;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft span.arrow {position:fixed;bottom:0px;right:10px;z-index:99999;}
#ft span.arrow img {width:30px;}

/* 본문 바로가기 */
#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}
/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}
a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}


/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}
/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}
/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}
/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

 
.mobile_menu {
 -webkit-transition: -webkit-transform 600ms ease;
 -moz-transition: -moz-transform 600ms ease;
 -o-transition: -o-transform 600ms ease;
 transition: transform 600ms ease;
 -webkit-font-smoothing: subpixel-antialiased;
}
.mobile_right_menu_open {
 transform: translate3d(-100%, 0, 0);
 -webkit-transform: translate3d(-100%, 0, 0);
 -moz-transform: translate3d(-100%, 0, 0);
 -ms-transform: translate3d(-100%, 0, 0);
 -o-transform: translate3d(-100%, 0, 0);
}
.moblie_right_menu_body {
 -webkit-transition: -webkit-transform 600ms ease;
 -moz-transition: -moz-transform 600ms ease;
 -o-transition: -o-transform 600ms ease;
 transition: transform 600ms ease;
 -webkit-font-smoothing: subpixel-antialiased;
}
.moblie_right_menu_toright {
 transform: translate3d(-80%, 0, 0);
 -webkit-transform: translate3d(-80%, 0, 0);
 -moz-transform: translate3d(-80%, 0, 0);
 -ms-transform: translate3d(-80%, 0, 0);
 -o-transform: translate3d(-80%, 0, 0);
}