@charset "utf-8";

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-family:'NS', '맑은 고딕', '돋움', ​dotum, 'sans-serif'; font-weight:400; border:0 none; margin:0; padding:0;}
body, input, button, textarea, select {-webkit-text-size-adjust:none; font-family:'NS', '맑은 고딕', '돋움', ​dotum, 'sans-serif'; color:#252525; font-size:13px; line-height:18px; margin:0; padding:0;}
table {width:100%; border-collapse:collapse;}
select, input, img {vertical-align:top;}
select {color:#4a4a4a; font-family:'NS', '맑은 고딕', '돋움', ​dotum, 'sans-serif';}
-ms-select {color:#4a4a4a; font-family:'NS', '맑은 고딕', '돋움', ​dotum, 'sans-serif';}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;}
ul, li, ol {list-style-type:none;}
hr {display:none;}
legend {position:absolute; z-index:-1; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
caption {z-index:-1; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
a {color:#252525; font-family:'NS', '맑은 고딕', '돋움', ​dotum, 'sans-serif'; text-decoration:none;}
a:hover {text-decoration:underline;}
a:focus {outline:none;}
a:active {outline:none;}

/*************************************** font setting ****************************************/
/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
/*
@font-face {
    font-family: 'NS';
    font-style: normal;
    font-weight: 100;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'NS';
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'NS';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'NS';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'NS';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'NS';
    font-style: normal;
    font-weight: 900;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}
*/

@font-face {
    font-family: 'NS';
    font-style: normal;
    font-weight: 100;
    src: url(/assets/font/NotoSansKR-Thin.woff2) format('woff2'),
    url(/assets/font/NotoSansKR-Thin.woff) format('woff'),
    url(/assets/font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'NS';
    font-style: normal;
    font-weight: 300;
    src: url(/assets/font/NotoSansKR-Light.woff2) format('woff2'),
    url(/assets/font/NotoSansKR-Light.woff) format('woff'),
    url(/assets/font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'NS';
    font-style: normal;
    font-weight: 400;
    src: url(/assets/font/NotoSansKR-Regular.woff2) format('woff2'),
    url(/assets/font/NotoSansKR-Regular.woff) format('woff'),
    url(/assets/font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'NS';
    font-style: normal;
    font-weight: 500;
    src: url(/assets/font/NotoSansKR-Medium.woff2) format('woff2'),
    url(/assets/font/NotoSansKR-Medium.woff) format('woff'),
    url(/assets/font/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'NS';
    font-style: normal;
    font-weight: 700;
    src: url(/assets/font/NotoSansKR-Bold.woff2) format('woff2'),
    url(/assets/font/NotoSansKR-Bold.woff) format('woff'),
    url(/assets/font/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'NS';
    font-style: normal;
    font-weight: 900;
    src: url(/assets/font/NotoSansKR-Black.woff2) format('woff2'),
    url(/assets/font/NotoSansKR-Black.woff) format('woff'),
    url(/assets/font/NotoSansKR-Black.otf) format('opentype');
}
/*************************************** // font setting ****************************************/

/* skip */
#skipnavi {position:fixed; left:0; top:0; width:100%; z-index:900;}
#skipnavi a {position:absolute; left:0; top:-9999px; display:block; width:100%; height:30px; color:#fff; font-size:13px; line-height:30px; text-align:center; background:#000;}
#skipnavi a:focus, #skipnavi a:active {top:0;}
#skipnavi a:hover {text-decoration:underline;}

/* layout */
#wrap {position:relative;}
button {border:none; box-sizing:border-box; cursor:pointer;}
i.new {background:url("/assets/images/common/icon_new.png") no-repeat 0 0; display:inline-block; content:""; text-indent:-9999px; vertical-align:2px; margin-left:5px; height:16px; width:16px;}

.bullet_point {overflow:hidden;}
.bullet_point li {overflow:hidden; position:relative; color:#5b5a5a; padding-left:10px;}
.bullet_point li:before {background-color:#0a71cc; content:""; border-radius:30px; position:absolute; left:0; top:8px; height:4px; width:4px;}


.bullet_point.type01 li {color:#5b5a5a;}
.bullet_point.type01 li + li {margin-top:3px;}
.bullet_point.type01 li:before {background-color:#5b5a5a; content:"";top:8px; height:3px; width:3px;}

.bullet_p {display:inline-block; overflow:hidden; position:relative; padding-left:10px;}
.bullet_p:before {background-color:#5b5a5a; content:""; border-radius:30px; position:absolute; left:0; top:6px; height:4px; width:4px;}

.data_none {overflow:hidden; padding-top:80px; padding-bottom:80px;}
.data_none p {font-size:16px; text-align:center;}

.txt_notice {overflow:hidden; color:#7e7e7e; font-size:12px; position:relative; padding-left:15px;}
.txt_notice:before {content:"※"; position:absolute; left:0; top:0;}

.prod_depth {overflow:hidden;}
.prod_depth li {display:inline;}
.prod_depth li + li:before {color:#5b5a5a; content:">"; margin-right:8px; margin-left:8px;}

.etc_service {overflow:hidden; margin-top:70px;}
.etc_service p {font-size:16px; margin-bottom:20px;}
.etc_service .etc_group {overflow:hidden;}
.etc_service .etc_group .go_bnr {float:left;}
.etc_service .etc_group .go_bnr + .go_bnr {margin-left:5px;}

/* 제품 서비스 카테고리 추가 2019-06-26 */
.cate_service ul{overflow: hidden;margin:10px 0 60px;}
.cate_service ul li{float: left;width: 49.5%;text-align: center;padding:30px 0;border:1px solid #d3d3d3;box-sizing: border-box;cursor: pointer;}
.cate_service ul li + li {padding:30px 0;margin-left:1%;}
.cate_service ul li .icon{width: 193px;height: 25px;background-image: url("/assets/images/common/icon_cate.png"); -webkit-background-size:201px 132px;background-size:201px 132px; background-repeat: no-repeat;margin:0 auto;}
.cate_service li .cate_icon1{background-position: -4px -4px;}
.cate_service li .cate_icon2{background-position: -4px -38px;}
.cate_service li .txt {color:#0a71cc;}
.cate_service li .txt strong{display:block;font-size: 18px;letter-spacing: -.5px;color:#0a71cc;text-align: center;}
.cate_service li .txt .cate_area{margin:30px auto 0;width:140px;text-align:left;font-size: 13px;letter-spacing: -.5px;color:#0a71cc;line-height: 1.4;}
.cate_service li .txt .cate_area.type01{width:250px;} /* 23.09.11 kbs 제품 카테고리 수정 width:200px; */
.cate_service li.active{background-color:#093c71;}
.cate_service li.active .cate_icon1{background-position: -4px -70px;}
.cate_service li.active .cate_icon2{background-position: -4px -103px;}
.cate_service li.active .txt {color:#fff;}
.cate_service li.active .txt strong,
.cate_service li.active .txt strong span.txt_7d7d7d,
.cate_service li.active .txt .cate_area {color:#fff !important;}
/* 제품 서비스 카테고리 추가 2019-06-26 */

.location_wrap {margin-bottom:50px; padding-top:25px;}
.location_inner {overflow:visible !important; box-sizing:border-box; position:relative; padding-left:25px;}
.location_inner .home {position:absolute; left:0; top:0;}
.location_inner a {color:#5b5a5a; font-size:14px;}
.location_inner a:focus {outline:none;}
.location_inner .lo_depth1 {float:left; position:relative; padding-left:15px;}
.location_inner .lo_depth1 + .lo_depth1 {margin-left:10px;}
.location_inner .lo_depth1:before {background:url("/assets/images/common/arrow_location.png") no-repeat 0 0; content:""; position:absolute; left:0; top:4px; height:10px; width:6px;}
.location_inner .lo_depth1 .now_depth {/* background:url("/assets/images/common/arrow_location2.gif") no-repeat right 7px;*/ display:block; overflow:hidden; /* padding-right:18px; */}
.location_inner .lo_depth1 .depth2_li {background-color:#fff; border:2px solid #ccc; position:absolute; box-sizing:border-box; left:0; top:0; margin:0 auto; white-space:nowrap; padding:12px 14px; min-width:120px; width:auto; z-index:5;}
.location_inner .lo_depth1 .depth2_li li {overflow:hidden;}
.location_inner .lo_depth1 .depth2_li a {display:block; line-height:25px; height:25px;}
.location_inner .lo_depth1 .depth2_li li:first-child a {background:url("/assets/images/common/arrow_location2.gif") no-repeat right 7px;}
.location_inner .lo_depth1 .depth2_li a:hover {color:#0a71cc;}
.location_inner .lo_depth1 .depth2_li .now_depth {background:none; color:#0a71cc; padding-right:0;}

.footer_inner{position:relative;overflow: inherit !important;}
#footer {background-color:#f0f0f0; padding-top:50px; padding-bottom:60px;}
#footer .logo {position:absolute;top:0;left:0;}
#footer .footer_r{margin-left: 160px; width: 820px;}
#footer .info_area {text-align:left;}
#footer .info_area .info_policy {overflow:hidden;margin-bottom: 20px;}
#footer .info_area .info_policy a {display:inline-block; color:#777;}
#footer .info_area .info_policy a + a:before {background-color:#aaa; display:inline-block; content:""; margin-right:10px; margin-left:10px; height:12px; width:1px;}
#footer .info_area .info_crop {margin-bottom: 18px;width: 623px;}
#footer .info_area .info_crop .txt_info {display:inline-block; overflow:hidden; box-sizing:border-box; color:#999; margin-top:5px; margin-right:18px; min-width:86px;}
#footer .info_area .info_crop .email {background:url("/assets/images/common/icon_mail_footer.png") no-repeat 0 4px; padding-left:25px;}
#footer .copyright {color:#999;font-size:12px;display: block;margin-top: 25px;overflow: hidden;}
#footer .family_site {position: absolute;top: 0;height:35px;right: 0;}
#footer .award_area:after{content:'';display:block;clear:both;}
#footer .family_site .btn_open {display:block; overflow:hidden; height:35px;}
#footer .family_site .open_family {display:none;}
#footer .family_site.on .open_family {background-color:#fff; display:block; overflow:hidden; border-right:2px solid #a5a5a5; border-top:2px solid #a5a5a5; border-left:2px solid #a5a5a5; box-sizing:border-box; position:absolute; left:0; bottom:33px; z-index:2; width:163px;}
#footer .family_site.on .open_family li {overflow:hidden;}
#footer .family_site.on .open_family a {display:block; overflow:hidden; color:#898989; padding:10px;}
#footer .family_site.on .btn_open {background-color:#fff;}
#footer .family_site.on .btn_open img {margin-top:-35px;}
#footer .award_area {position:relative;}
#footer .award_area ul {overflow:hidden;}
#footer .award_area ul li {float:left;margin-left:14px;}
#footer .award_area ul li:first-child{margin-left:0;}

#quick {position:fixed; left:50%; top:203px; margin-left:510px;}
.quick_menu {background-color:#fff; overflow:hidden; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9;}
.quick_menu li {overflow:hidden; height:96px; width:79px;}
.quick_menu li + li {border-top:1px solid #d9d9d9;}
/* .quick_menu a:hover img {margin-top:-96px;} */ /* issues/155 */
.quick_menu a.hover_none:hover img {margin-top:0;} /* 2018-06-12 */

/* COMMON CLASS SETTING */
[class$="_wrap"] {width:100%;}
[class$="_inner"] {overflow:hidden; margin:0 auto; width:980px;}
[class$="_inner2"] {overflow:hidden; margin:0 auto;}
[class*="bg_point"] {background-color:#0a71cc; color:#fff !important;}
[class*="bg_point"] * {color:#fff;}
[class*="bg_5b5a5a"] {background-color:#5b5a5a; color:#fff !important;}
[class*="bg_5b5a5a"] * {color:#fff !important;}
[class*="bg_fcfcfc"] {background-color:#fcfcfc;}
[class*="txt_point"] {color:#0a71cc !important;}
[class*="txt_e30000"] {color:#e30000 !important;}
[class*="txt_7d7d7d"] {color:#7d7d7d !important;}
[class*="bdr_d9d9d9"] {border:1px solid #d9d9d9;}
[class*="blind"] {overflow:hidden; font-size:0; line-height:0; position:absolute; height:0; width:0;}
[class*="t_l"] {text-align:left !important;}
[class*="t_c"] {text-align:center !important;}
[class*="t_r"] {text-align:right !important;}

/* HEADER */
#header {border-bottom:1px solid #e2e2e2; width:100%;}

.utill_inner {padding-top:21px; padding-bottom:22px;}
.utill_inner h1 {float:left;}
.utill_menu {float:right;}
.utill_menu .member {float:left;}
.utill_menu .member a {display:inline-block; color:#7d7d7d; line-height:27px; height:27px;}
.utill_menu .member a + a:before {background-color:#acacac; display:inline-block; content:""; margin-right:10px; margin-left:10px; height:11px; width:1px;}
.utill_menu .btn_allmenu {float:left; margin-left:18px;}
.utill_menu .btn_allmenu .open_menu {display:block; overflow:hidden; height:27px; width:82px;}
.utill_menu .btn_allmenu.on .open_menu img {margin-top:-28px;}
.utill_menu .search {background-color:#f8f8f8; float:left; border:1px solid #dbdbdb; box-sizing:border-box; position:relative; margin-left:14px; padding:2px 7px 3px 7px; height:27px; width:151px;}
.utill_menu .search .btn_search {background:url("/assets/images/common/btn_search.png") no-repeat 7px 7px; text-indent:-9999px; position:absolute; right:0; top:0; height:27px; width:27px;}
.utill_menu .search input[type="text"] {background-color:#f8f8f8; border:none; box-sizing:border-box; line-height:1rem; padding:0; height:21px; width:90%;}

.all_menu_wrap {display:none; background-color:#fff; border-bottom:1px solid #e2e2e2; position:absolute; left:0; top:76px; z-index:100;}
.all_menu_inner {position:relative; padding-top:35px; padding-bottom:65px;}
.all_menu_inner .all_unit:nth-child(1){min-height: 260px;}
.all_menu_inner .closed_menu {position:absolute; right:0; left:0; bottom:0; margin:0 auto; height:25px; width:74px; z-index:100;}
.all_unit {overflow:hidden;}
.all_unit .menu_unit {float:left;}
.all_unit .menu_unit + .menu_unit {margin-left:31px;}
.all_unit .menu_unit .link_depth1 {display:block; border-bottom:1px solid #0a71cc; font-size:16px; margin-bottom:25px; padding-bottom:10px; width:135px;}
.all_unit .menu_unit .link_depth1.ver_ts {font-size:13px;}
.all_unit .menu_unit .link_depth1.ver_2type{width:301px;}
.all_unit .menu_unit .link_depth1.ver_2type + .depth_2{float: left; width: 135px;}
.all_unit .menu_unit .link_depth1.ver_2type + .depth_2 + .depth_2{padding-left: 31px;}
.all_unit .menu_unit .depth_2 {overflow:hidden;}
.all_unit .menu_unit .depth_2 li {overflow:hidden;}
.all_unit .menu_unit .depth_2 li + li {margin-top:10px;}
.all_unit .menu_unit .depth_2 a {color:#7d7d7d; font-size:12px;}

/* GNB */
#gnb {border-top:1px solid #e2e2e2; position:relative; height:51px;}
.gnb_inner {height:51px;}
.gnb_inner .eshop {float:right; border-left:1px solid #e2e2e2; padding:14px 0 14px 22px;}

.gnb_menu {float:left;}
.gnb_menu .depth1_uint {float:left;}
.gnb_menu .depth1_uint + .depth1_uint {margin-left:32px;}
.gnb_menu .depth1_uint .link_depth1 {display:block; box-sizing:border-box; font-size:15px; position:relative; padding-top:16px; padding-bottom:17px;}
.gnb_menu .depth1_uint .link_depth1:hover {color:#0a71cc;}

.gnb_menu .depth1_uint.on .link_depth1 {color:#0a71cc;}
.gnb_menu .depth1_uint.on .link_depth1:after {background:url("/assets/images/common/arrow_blue_12x7.png") no-repeat 0 0; content:""; position:absolute; right:0; left:0; bottom:0; margin:0 auto; height:7px; width:12px; z-index:6;}

.gnb_menu .gnb_depth2_wrap {display:none; position:absolute; left:0; top:51px; height:51px; z-index:6;}
.gnb_menu .gnb_depth2_wrap .depth2_inner {position:relative;}
.gnb_menu .gnb_depth2_wrap .depth2_inner li {display:inline-block;}
.gnb_menu .gnb_depth2_wrap .depth2_inner li + li {margin-left:34px;}
.gnb_menu .gnb_depth2_wrap .depth2_inner a {display:block; font-size:14px; padding-top:15px; padding-bottom:15px;}

/* CONTAINER */
#container {overflow:hidden; margin-bottom:100px; width:100%;}
#contents {overflow:hidden; margin:0 auto; width:980px;}

.sub_title {overflow:hidden; margin-bottom:35px;}
.sub_title * {font-size:28px; line-height:1.1em;}
/* [S] 23.03.28 kbs 추가 */
.sub_title.flex-div {display:flex; justify-content:space-between;} 
.sub_title.flex-div h2 {line-height:41px;}
.sub_title.flex-div .apple-pay {display:flex;}
.sub_title.flex-div .apple-pay i {display:block; margin:0 10px; width:1px; background-color:#DDD;}
.sub_title.flex-div .apple-pay .text-cont {font-size:16px; font-weight:500;} 
.sub_title.flex-div .apple-pay .text-desc {font-size:12px; color:#999;}
/* [E] -- */

/* TAB */
.unit_2ea li {width:50%;}
.unit_3ea li {width:33.3333%;}
.unit_4ea li {width:25%;}
.unit_5ea li {width:20%;}
.unit_6ea li {width:16.6666%;}

.tab1 {overflow:hidden; margin-bottom:50px;}
.tab1 ul {overflow:hidden;}
.tab1 li {float:left; border-top:1px solid #e2e2e2; border-bottom:1px solid #0a71cc; box-sizing:border-box;}
.tab1 li + li {border-right:1px solid #e2e2e2;}
.tab1 li:first-child {border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2;}
.tab1 li a {display:block; color:#7d7d7d; font-size:18px; text-align:center; padding-top:20px; padding-bottom:20px;}
.tab1 li a:hover {text-decoration:none;}
.tab1 li .number:before {content:"(";}
.tab1 li .number:after {content:")";}

.tab1 li.on {border:1px solid #0a71cc; border-bottom:1px solid #fff;}
.tab1 li.on a {color:#0a71cc;}
.tab1 li + li.on a {margin-left:-1px;}

/* FORM */
label {cursor:pointer;}
select {background-color:#fcfcfc; border:1px solid #e7e7e7; box-sizing:border-box; color:#7e7e7e; height:31px;}
input[type="text"], input[type="password"] {background-color:#fcfcfc; border:1px solid #e7e7e7; box-sizing:border-box; padding:5px; height:31px;}
textarea {background-color:#fcfcfc; border:1px solid #e7e7e7; box-sizing:border-box; resize:none; padding:5px; width:100%;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {border:1px solid #0a71cc;}
input[type="radio"] {vertical-align:-2px;}

.placeholder {color:#9e9e9e;}
input:-ms-input-placeholder {color:#9e9e9e; font-family:'NS';}
input::-webkit-input-placeholder {color:#9e9e9e; font-family:'NS';}
input::-moz-placeholder {color:#9e9e9e; font-family:'NS'; opacity:1;}
input:-o-placeholder {color:#9e9e9e; font-family:'NS';}

textarea:-ms-input-placeholder {color:#9e9e9e; font-family:'NS';}
textarea::-webkit-input-placeholder {color:#9e9e9e; font-family:'NS';}
textarea::-moz-placeholder {color:#9e9e9e; font-family:'NS'; opacity:1;}
textarea:-o-placeholder {color:#9e9e9e; font-family:'NS';}

.email {overflow:hidden;}
.email select {width:125px;}
.email input[type="text"] {font-size:14px; width:126px;}
.email input[type="text"]:first-child {width:130px;}
.email input[type="text"] + input[type="text"] {width:170px;}
.email em {font-size:14px; line-height:31px;}

.mobile {overflow:hidden;}
.mobile > * {float:left;}
.mobile select {width:132px;}
.mobile input[type="text"] {font-size:14px; text-align:center; width:126px;}
.mobile em {font-size:14px; line-height:31px; margin-right:3px; margin-left:3px; height:31px;}
.mobile .m_attest {margin-left:5px;}
.mobile .m_attest .btn_attest {box-sizing:border-box; width:81px;}
.write_style1 .mobile {margin-bottom:5px;}

.address {overflow:hidden;}
.address .post_number {overflow:hidden;}
.address .post_number * {float:left;}
.address .post_number * + * {margin-left:5px;}
.address .input_address {margin-top:5px;}

.input_unit + .input_unit {padding-left:30px;}
.input_unit input {vertical-align:-2px;}

/* BUTTON */
.btn_area {overflow:hidden;}
.btn_area > * {display:inline-block; box-sizing:border-box; text-align:center;}
[class*="h_30"] {line-height:28px; height:30px;}
[class*="h_31"] {line-height:29px; height:31px;}
[class*="h_42"] {font-size:16px; line-height:40px; height:42px;}
[class*="w_73"] {width:73px !important;}
[class*="w_77"] {width:77px;}
[class*="w_78"] {width:78px;}
[class*="w_122"] {width:122px;}
[class*="w_146"] {width:146px;}
[class*="w_162"] {width:162px;}
[class*="w_172"] {width:172px;}
[class*="pd_12"] {padding-right:12px; padding-left:12px;}
.btn_area [class*="bg_point"] {border:1px solid #0a71cc;}
.btn_area [class*="bg_5b5a5a"] {border:1px solid #5b5a5a;}
[class*="btn_fff"] {background-color:#fff; border:1px solid #ccc; color:#7e7e7e;}
[class*="btn_fff2"] {background-color:#fff; border:1px solid #0a71cc; color:#0a71cc;}
[class*="txt_hide"] {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}

/* BOARD */
.search {overflow:hidden;}
.search .model_pop {display:inline-block; box-sizing:border-box;}

.board_search {overflow:hidden; margin-bottom:15px;}
.board_search .amount {float:left;}
.board_search .amount p {font-size:16px; line-height:31px;}
.board_search .search {float:right;}
.board_search .search select {width:121px;}
.board_search .search input[type="text"] {width:160px;}
.board_search .txt_info {float:left; color:#7d7d7d; line-height:31px; margin-left:10px; height:31px;}
.board_search .btn_area {float:right;}
.board_search .sort_date .on {background-color:#0a71cc; border:1px solid #0a71cc; color:#fff;}
.board_search .complete_sort {float:right;}
.board_search .complete_sort input[type="checkbox"],
.board_search .complete_sort p {display:inline; line-height:31px;}
.board_search .complete_sort input[type="checkbox"] {vertical-align:middle;}
.board_search .complete_sort p {color:#5b5a5a;}

.paging {overflow:hidden; text-align:center; margin-top:30px;}
.paging > a {line-height:0;}
.paging span {display:inline-block; overflow:hidden; margin-right:15px; margin-left:20px;}
.paging span strong,
.paging span a {float:left; box-sizing:border-box; font-size:15px; line-height:34px; text-align:center; margin-right:5px; height:36px; width:36px;}
.paging span strong {background-color:#0a71cc; border:1px solid #0a71cc; color:#fff;}
.paging span a {background-color:#fff; border:1px solid #e0e0e0; color:#7d7d7d;}

/* LIST BOARD */
.list_style1 {overflow:hidden; }
.list_style1 table {border-bottom:1px solid #7d7d7d; table-layout:fixed;}
.list_style1 thead th {border-top:1px solid #7d7d7d; font-size:14px; padding-top:18px; padding-bottom:18px;}
.list_style1 tbody th {border-top:1px solid #d9d9d9; text-align:left; padding:18px 0 18px 24px;}
.list_style1 tbody td {border-top:1px solid #d9d9d9; color:#5b5a5a; text-align:center; padding-top:18px; padding-bottom:18px;}
.list_style1 tbody .t_l {padding-right:24px; padding-left:24px;}
.list_style1 tbody td a {color:#5b5a5a;}
.list_style1 tbody td .txt_hide {max-width:95%;}

.list_style2 {overflow:hidden;}
.list_style2 ul {overflow:hidden;}
.list_style2 .list_unit {overflow:hidden; border-bottom:1px solid #d9d9d9; padding-top:10px; padding-bottom:10px;}
.list_style2 .list_unit:first-child {border-top:1px solid #d9d9d9;}
.list_style2 .list_unit .post {overflow:hidden;}
.list_style2 .list_unit .post .thumnail {background-color:#ccc; display:block; float:left; height:150px; width:226px;}
.list_style2 .list_unit .post .txt_info {float:left; margin-left:28px; width:726px;}
.list_style2 .list_unit .post .txt_info h3 {overflow:hidden; font-size:19px; line-height:1.1em; margin-bottom:30px; padding-top:18px;}
.list_style2 .list_unit .post .txt_info h3 a {max-width:96.5%;}
.list_style2 .list_unit .post .txt_info i.new {vertical-align:0;}
.list_style2 .list_unit .post .txt_info dl {overflow:hidden;}
.list_style2 .list_unit .post .txt_info dt,
.list_style2 .list_unit .post .txt_info dd {float:left; font-size:14px;}
.list_style2 .list_unit .post .txt_info dd {color:#7d7d7d; margin-left:15px;}
.list_style2 .content_preview {overflow:hidden; line-height:20px; max-height:60px; width:80%;}

.accept_number {text-decoration:underline;}
.status_counsel {overflow:hidden;}
.status_counsel.accept {color:#0a71cc;}
.status_counsel.ing, .status_counsel.cancel {color:#e30000;}
.status_counsel.complete {color:#7d7d7d;}

.btn_assess {overflow:hidden;}
.btn_assess > * {margin:0 auto;}
.btn_assess .go_assess {display:block; overflow:hidden; border:1px solid #0a71cc; box-sizing:border-box; color:#0a71cc; text-align:center; line-height:29px; height:31px; width:78px;}
.btn_assess .end_assess {display:block; overflow:hidden; border:1px solid #ccc; box-sizing:border-box; color:#7d7d7d; text-align:center; line-height:29px; height:31px; width:78px;}

.btn_reserve {overflow:hidden;}
.btn_reserve > * {margin:0 auto;}
.btn_reserve > * + * {margin-top:5px;}
.btn_reserve .modify,
.btn_reserve .cancel,
.btn_reserve .cancel_end {display:block; overflow:hidden; border:1px solid #ccc; box-sizing:border-box; color:#7e7e7e; text-align:center; line-height:29px; height:31px; width:78px;}
.btn_reserve .modify {color:#0a71cc;border: 1px solid #0a71cc;}
.btn_reserve .cancel {color:#e30000;border: 1px solid #e30000;}

/* VIEW BOARD */
.view_style1 {overflow:hidden;}
.view_style1 table {table-layout:fixed;}
.view_style1 thead th,
.view_style1 thead td {font-size:14px; text-align:left; padding-top:15px; padding-bottom:15px;}
.view_style1 thead th {padding-left:30px;}
.view_style1 thead td {color:#5b5a5a;}
.view_style1 thead tr:first-child th,
.view_style1 thead tr:first-child td {border-top:1px solid #7d7d7d;}
.view_style1 thead tr ~ tr th,
.view_style1 thead tr ~ tr td {border-top:1px solid #d9d9d9;}
.view_style1 tbody th {text-align:left; padding-left:30px;}
.view_style1 tbody td {overflow:hidden; border-top:1px solid #7d7d7d; border-bottom:1px solid #7d7d7d; box-sizing:border-box; color:#7d7d7d; font-size:14px; padding:30px;}
.view_style1 tbody td strong {font-weight:500;}
.view_style1 tbody td img {display:block; max-width:100%;}
.view_style1 iframe {height:480px; width:100%;}
.view_style1 .btn_area {margin-top:50px;}

.preview_board {overflow:hidden; border-top:1px solid #7d7d7d; border-bottom:1px solid #7d7d7d; margin-top:50px;}
.preview_board dl {overflow:hidden; padding-top:13px; padding-bottom:12px;}
.preview_board dl:first-child {border-bottom:1px solid #d9d9d9;}
.preview_board dt,
.preview_board dd {float:left; width:896px;}
.preview_board dt {color:#939598; font-size:12px; text-align:center; width:84px;}
.preview_board dd .txt_hide {max-width:95%;}
.preview_board .prev_li dt:before {background:url("/assets/images/common/arrow_gray_11x9_up.png") no-repeat 0 0; content:""; display:inline-block; margin-right:10px; height:9px; width:11px;}
.preview_board .next_li dt:before {background:url("/assets/images/common/arrow_gray_11x9_down.png") no-repeat 0 0; content:""; display:inline-block; margin-right:10px; height:9px; width:11px;}

.view_style2 {overflow:hidden;}
.view_style2 table {table-layout:fixed;}
.view_style2 thead th,
.view_style2 thead td {overflow:hidden; box-sizing:border-box; font-size:14px; border-top:1px solid #d9d9d9; padding-top:15px; padding-bottom:15px;}
.view_style2 thead tr:first-child th,
.view_style2 thead tr:first-child td {border-top:1px solid #7d7d7d;}
.view_style2 thead th {text-align:left; padding-left:30px;}
.view_style2 thead td {color:#5b5a5a;}
.view_style2 tbody td {overflow:hidden; box-sizing:border-box; border-bottom:1px solid #7d7d7d;}

.view_style2 .board_post {overflow:hidden; border-top:1px solid #7d7d7d; box-sizing:border-box; color:#5b5a5a; line-height:1.538rem; position:relative; padding:30px 30px 100px 30px; width:100%;}
.view_style2 .board_post .detail_content {overflow:hidden; width:740px;}
.view_style2 .board_post .file {background:url("/assets/images/common/icon_file.png") no-repeat 30px 5px; overflow:hidden; box-sizing:border-box; position:absolute; left:0; bottom:30px; width:100%; padding-left:60px;}
.view_style2 .board_post .file .file_name,
.view_style2 .board_post .file .file_volume {float:left; color:#a1a1a1; font-size:12px;}
.view_style2 .board_post .file .file_name + .file_name:before {content:","; margin-right:5px; margin-left:1px;}
.view_style2 .board_post .file .file_volume {margin-left:5px;}
.view_style2 .board_post .file .file_volume:before {content:"(";}
.view_style2 .board_post .file .file_volume:after {content:")";}
.view_style2 .answer_status {overflow:hidden; margin-top:20px;}
.view_style2 .answer_status .confirm {overflow:hidden; border:1px solid #d3d3d3; padding-top:35px; padding-bottom:35px;}
.view_style2 .answer_status .confirm p {text-align:center;}
.view_style2 .answer_status .confirm .txt_point {font-size:22px; margin-bottom:10px;}
.view_style2 .answer_status .confirm .comment {font-size:15px;}
.view_style2 .answer_status .answer_post {background-color:#fcfcfc; overflow:hidden; box-sizing:border-box; padding:20px 30px; word-break:break-all; width:100%;}
.view_style2 .answer_status .answer_post .answer_date {position:absolute; right:0; top:0;}
.view_style2 .answer_status .answer_post .answer_date span {color:#5b5a5a;}
.view_style2 .answer_status .answer_post dl {overflow:hidden; position:relative; width:740px;}
.view_style2 .answer_status .answer_post dt {font-size:18px; line-height:1.1em; margin-bottom:10px;}
.view_style2 .answer_status .answer_post dd {color:#5b5a5a; line-height:1.538rem;}
.view_style2 .answer_status .answer_post .reply_content {overflow:hidden; position:relative; width:740px;}
.view_style2 .answer_status .answer_post .comment {font-size:14px;}
.view_style2 .btn_area {margin-top:50px;}

.movie_view {overflow:hidden;}
.movie_view .mov_frame {float:left; height:301px; width:536px;}
.movie_view .mov_frame iframe {height:100%; width:100%;}
.movie_view .desc_area {float:left; border-top:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; width:383px;}
.movie_view .desc_area .mov_title {font-size:20px; line-height:1.1em; text-align:center; padding-top:15px; padding-bottom:15px;}
.movie_view .desc_area .desc_box {overflow:hidden; overflow-y:auto; border-top:1px solid #d1d1d1; box-sizing:border-box; height:247px;}
.movie_view .desc_area .desc_box p {color:#7d7d7d; font-size:14px; line-height:1.5rem; padding:20px;}

/* WRITE BOARD */
.write_style1 {overflow:visible; border-bottom:1px solid #7d7d7d; position:relative;}
.write_style1 .comment_board {position:absolute; right:0; top:-30px;}
.write_style1 .comment_board .i_required {background:url("/assets/images/common/icon_required.png") no-repeat 0 0; display:inline-block; margin-right:5px; height:9px; width:11px;}
.write_style1 table {table-layout:fixed;}
.write_style1 th,
.write_style1 td {overflow:hidden; border-top:1px solid #d9d9d9; padding:10px 30px;}
.write_style1 tr:first-child th,
.write_style1 tr:first-child td {border-top:1px solid #7d7d7d;}
.write_style1 th {text-align:left;}
.write_style1 th.i_required {background:url("/assets/images/common/icon_required.png") no-repeat 10px 50%;}
.write_style1 td {color:#5b5a5a;}

.write_style1 .agree_recevie {overflow:hidden; margin-bottom:5px;}
.write_style1 .agree_recevie input {vertical-align:-2px;}
.write_style1 .agree_recevie span:first-child {padding-right:30px;}

.write_style1 .count_txt {overflow:hidden; margin-top:5px;}
.write_style1 .count_txt .txt_notice {float:left;}
.write_style1 .count_txt .amount_byte {float:right;}
.write_style1 .amount_byte .sum_byte:after {content:"bytes";}

.amount_byte span {font-size:12px;}
.amount_byte .sum_byte:before {content:"/";}

.file_up {overflow:hidden;}
.file_up .file_add {overflow:hidden; margin-bottom:6px;}
.file_up .file_add > * {float:left;}
.file_up .file_add > * + * {margin-left:5px;}
.file_up .file_add input[type="file"] {opacity:0; height:0; width:0;}
.file_up .file_add > input[type="text"] {width:408px;}
.file_up .file_add .btn_file {box-sizing:border-box;}
.file_up .file_add button {background-repeat:no-repeat; padding-left:15px; width:55px;}
.file_up .file_add .btn_add {background-image:url("/assets/images/common/icon_plus.gif"); background-position:8px 11px;}
.file_up .file_add .btn_minus {background-image:url("/assets/images/common/icon_minus.gif"); background-position:8px 15px;}
.file_name_list {overflow:hidden; position:relative; margin-top:20px; margin-bottom:5px;}
.file_name_list .add_list {overflow:hidden; width:605px;}
.file_name_list .add_list a {display:block; overflow:hidden; box-sizing:border-box; color:#5b5a5a; font-size:12px; padding:9px 14px; max-width:100%;}
.file_name_list .add_list a:hover {text-decoration:none;}
.file_name_list .add_list .on a {background-color:#7d7d7d; color:#fff;}
.file_name_list .amount_byte {position:absolute; left:620px; bottom:0;}
.file_name_list .amount_byte .sum_byte:after {content:"MB";}

.model_name {overflow:hidden; margin-top:10px;}
.model_name > * {float:left;}
.model_name > * + * {margin-left:5px;}

.btn_write {margin-top:50px;}

/* 제품선택 */
.select_product {overflow:hidden; margin-bottom:50px;}
.select_title {font-size:18px; margin-bottom:20px;}
.item_category {overflow:hidden;}
.item_category .item_depth1 {overflow:hidden;}
.item_category .item_depth1 li {float:left; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; position:relative;}
.item_category .item_depth1 li + li {border-left:1px solid #e5e5e5;}
.item_category .item_depth1 .open_item {display:block; overflow:hidden; text-align:center; height:200px; width:195px;}

.item_category .item_depth1 li:first-child.on .open_item:after {left:0; width:194px;}
.item_category .item_depth1 li.on .open_item:after {background:url("/assets/images/common/arrow_blue_12x7.png") no-repeat center bottom; content:""; border:1px solid #0a71cc; position:absolute; left:-1px; top:-1px; height:100%; width:100%; z-index:2;}
.item_category .item_depth1 li.on .open_item img {margin-top:-200px;}

/* 2019-06-26 위니아대우 제품군 추가*/
.item_category .item_depth1.ver_items_06 .open_item {display:block; overflow:hidden; text-align:center; height:200px; width:488px;} /* 23.09.11 kbs 제품 카테고리 수정 width:162px; */
.item_category .item_depth1.ver_items_06 li:first-child.on .open_item:after {left:0; width:488px;} /* 23.09.11 kbs 제품 카테고리 수정 width:162px; */
/* 2019-06-26 위니아대우 제품군 추가*/


.item_category .item_depth2 {overflow:hidden; border-bottom:1px solid #d3d3d3; position:relative; padding:40px 20px 20px;}
.item_category .item_depth2 .item_area {overflow:hidden; font-size:0; letter-spacing:-3px; text-align:center; width:100%;}
.item_category .item_depth2 .item_unit {display:inline-block; font-size:13px; letter-spacing:0; vertical-align:top; width:156px;}
.item_category .item_depth2 .item_unit .thumnail {display:block; overflow:hidden; margin:0 auto; height:100px; width:100px;}
.item_category .item_depth2 .item_unit .item_label {overflow:hidden; text-align:center;  margin-top:30px;}
.item_category .item_depth2 .item_unit .item_label .label_title {margin-bottom:20px;}
.item_category .item_depth2 .item_unit .item_label .sub_unit {overflow:hidden;}
.item_category .item_depth2 .item_unit .item_label .sub_unit .sub_label {overflow:hidden; margin-bottom:20px;}
.item_category .item_depth2 .item_unit .item_label .sub_unit .sub_label a {color:#7d7d7d;}

.item_category .item_depth2 .flexslider {background:none; border:none; border-radius:0; margin:0;}
.item_category .item_depth2 .flex-prev,
.item_category .item_depth2 .flex-next {position:absolute; top:50%; margin-top:-10px;}
.item_category .item_depth2 .flex-prev {background:url("/assets/images/common/btn_slide_prev.png") no-repeat 0 -21px; left:0; height:21px; width:12px;}
.item_category .item_depth2 .flex-prev.flex-disabled {background-position:0 0;}
.item_category .item_depth2 .flex-next {background:url("/assets/images/common/btn_slide_next.png") no-repeat 0 -21px; right:0; height:21px; width:12px;}
.item_category .item_depth2 .flex-next.flex-disabled {background-position:0 0;}

.select_product .view_style1 {border-bottom:1px solid #d3d3d3;}
.select_product .view_style1 tbody tr:first-child th,
.select_product .view_style1 tbody tr:first-child td {border-top:none;}
.select_product .view_style1 tbody th,
.select_product .view_style1 tbody td {border-top:1px solid #f4f4f4; border-bottom:none; vertical-align:top; padding-top:14px; padding-bottom:14px;}
.select_product .view_style1 tbody td {padding-left:30px;}
.select_product .faq_select {overflow:hidden; margin-bottom:5px;}
.select_product .faq_select select {width:285px;}
.select_product .faq_select .search {overflow:hidden;}
.select_product .search {overflow:hidden; margin-bottom:5px;}
.select_product .search * {float:left;}
.select_product .search * + * {margin-left:5px;}
.select_product .search input[type="text"] {width:244px;}

.faq_search_result {overflow:hidden; margin-bottom:50px;}
.faq_search_result p {color:#7d7d7d; font-size:20px; line-height:1.1em; text-align:center;}

.movie_list .mov_thumnail {display:block; float:left; position:relative; height:139px; width:212px;}
.movie_list .mov_thumnail:after {background:url("/assets/images/common/icon_play.png") no-repeat 0 0; content:""; position:absolute; left:50%; top:30px; margin-left:-40px; height:79px; width:79px;}
.movie_list .mov_thumnail img {height:139px; width:212px;}
.movie_list .faq_prod_unit {float:left; margin-left:28px; padding-top:20px; width:560px;}
.movie_list .faq_prod_unit .title {margin-bottom:20px;}
.movie_list .faq_prod_unit .title a {color:#252525; font-size:16px; line-height:1.17em;}
.movie_list .faq_prod_unit .faq_class {overflow:hidden;}
.movie_list .faq_prod_unit .faq_class dt {float:left; width:40px;}
.movie_list .faq_prod_unit .faq_class dd {float:left; width:520px;}

.movie_list a.tit_sms {line-height: 1.2;width: 60px;padding: 1px 5px;color: #fff;background: #6f6f6f;vertical-align: top;font-size: 14px;display: inline-block;text-align: center;margin-bottom: 5px;padding: 4px;}
.manual_list a.tit_sms {line-height: 1.2;width: 60px;padding: 1px 5px;color: #fff;background: #6f6f6f;vertical-align: top;font-size: 14px;display: inline-block;text-align: center;margin-bottom: 5px;padding: 4px;}


/* 약관 */
.provision_area {padding-top:10px; padding-bottom:10px;}
.info_provision {overflow:hidden;}
.info_provision h3 {font-size:16px; position:relative; padding-left:15px;}
.info_provision h3:before {background:url("/assets/images/common/icon_required.png") no-repeat 0 0; content:""; position:absolute; left:0; top:5px; height:9px; width:11px;}
.info_provision .content_info {overflow:hidden; overflow-y:auto; box-sizing:border-box; margin-top:15px; height:160px;}
.info_provision .check_agree {text-align:right; margin-top:10px;}
.info_provision .check_agree input[type="checkbox"] {vertical-align:-2px;}
.info_provision .check_agree label {color:#5b5a5a; padding-left:5px;}
.info_provision + .info_provision {margin-top:15px;}

/* inc-약관style */
.provision_content {overflow:hidden; color:#5b5a5a;}

/* 약관페이지-iframe */
.iframe_provision {overflow:hidden; width:100%;}

/* 약관영역-약관style */
.txt_provision {overflow:hidden; padding:5px 10px 15px 10px;}
.txt_provision * {color:#7d7d7d; font-size:12px;}
.txt_provision .div_provision {overflow:hidden;}
.txt_provision .div_provision + .div_provision {margin-top:25px;}
.txt_provision .div_provision > .tit_pro {font-size:13px; color:#5b5a5a; margin-bottom:20px;}
.txt_provision .div_pro_inner {overflow:hidden; width:100% !important;}
.txt_provision .div_pro_inner .tit_pro {color:#5b5a5a;}
.txt_provision .div_pro_inner + .div_pro_inner {margin-top:20px;}
.txt_provision .div_pro_inner p {overflow:hidden; line-height:1.5rem;}
.txt_provision .div_pro_inner p + p {margin-top:10px;}
.txt_provision .div_pro_inner2 {overflow:hidden;}
.txt_provision .div_pro_inner2 + .div_pro_inner2 {margin-top:10px;}

.txt_provision .pro_ul {overflow:hidden;}
.txt_provision .pro_ul li {overflow:hidden;}

.txt_provision .table_provision {overflow:hidden;}
.txt_provision .table_provision table {table-layout:fixed; width:100%;}
.txt_provision .table_provision thead th,
.txt_provision .table_provision tbody td {vertical-align:top; padding:3px;}
.txt_provision .table_provision thead th {border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9;}
.txt_provision .table_provision tbody td {border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; text-align:center;}
.txt_provision .table_provision tbody td:first-child {border-left:1px solid #d9d9d9; vertical-align:middle;}
.txt_provision .table_provision tbody tr:first-child td {border-top:1px solid #d9d9d9;}
.txt_provision .dl_provision {overflow:hidden;}
.txt_provision .dl_provision dt,
.txt_provision .dl_provision dd {display:inline-block; overflow:hidden; vertical-align:top;}
.txt_provision .dl_provision dt {min-width:54px;}
.txt_provision .dl_provision dt:after {content:" : ";}
.txt_provision .dl_provision dd {width:90%;}

/* 20220103 kbs 추가 */
.div_pro_inner {overflow:hidden;}
.div_pro_inner table {table-layout:fixed; width:100%;}
.div_pro_inner thead th,
.div_pro_inner tbody td {vertical-align:top; padding:3px;}
.div_pro_inner thead th {border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9;}
.div_pro_inner tbody td {border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; text-align:center;}
.div_pro_inner tbody td:first-child {border-left:1px solid #d9d9d9; vertical-align:middle;}
.div_pro_inner tbody tr:first-child td {border-top:1px solid #d9d9d9;}