@charset "utf-8";
html, body {width:100%; background-color:#fff; font-weight:400;  font-family:'Noto Sans KR', sans-serif; color:#777;}
body,th,td,input,select,textarea,button,
a {font-weight:400; font-size:100%; line-height:1.3; font-family:'Noto Sans KR', sans-serif; color:#777; text-decoration:none; letter-spacing:-1px;}
body {min-width:320px;}
* {box-sizing:border-box; font-family:'Noto Sans KR', sans-serif !important;}
input[type="text"],input[type="password"], select, textarea {-webkit-appearance: none; -moz-appearance: none;}
select {background:#fff url('/mobile/tpl/basic/images/common/select_arrow.png') no-repeat right center !important;}

.hidden{margin:0 !impoartant; padding:0 !impoartant; position:absolute; top:-9999px; left:-9999px; text-indent:-9999em; font-size:0; line-height:0; overflow:hidden;}

/*
========================================================================================
	LAYOUT
========================================================================================
*/
#wrapper {position:relative; width:100%;}


/* HEADER
------------------------------------------------------ */
#header {position:fixed; top:0; left:0; z-index:9999; width:100%; height:60px; border-bottom:1px solid #ddd; text-align:center;}
#header.fixed {background:#fff;}
.main-page #header {border-bottom:0 none;}
.main-page #header.fixed {border-bottom:1px solid #ddd;}

#header .logo {display:inline-block; margin-top:13px;}
#header .logo img {height:31px;}

.menu-btn {position:absolute; top:50%; left:20px; margin-top:-9px; width:22px; height:18px; box-sizing:border-box; cursor:pointer;}
.menu-btn span {display:block; margin-top:3px; width:100%; height:2px; background:#ef4136; border-radius:2px;}
.menu-btn span:nth-child(1) {margin-top:0;}
.menu-btn span:nth-child(2) {width:80%;}
.menu-btn span:nth-child(3) {width:92%;}
.menu-btn span:nth-child(4) {width:76%;}

#gnb {display:none; position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%; background:rgba(0,0,0,.75); text-align:left;}

#gnb > div {position:absolute; top:0; left:-100%; max-width:340px; width:75%; height:100%; background:#fff;}
#gnb .navigation a {display:block; padding:0 20px; font-weight:400;}
#gnb .header-utils {padding:0 13px 0 20px; width:100%; height:60px; background:#ef4136;}
#gnb .header-utils dt {display:none;}
#gnb .header-utils dd {display:inline-block;}
#gnb .header-utils dd a {display:block; margin:0 13px; padding:0; font-weight:400; font-size:16px; line-height:60px; color:#f9c2c0;}
#gnb .header-utils dd:first-of-type a {margin-left:0;}

#gnb .navigation {overflow-x:hidden; right:0; width:100%; background:#fff; text-align:left;}
#gnb .depth01 > a {position:relative; padding-top:15px; padding-bottom:15px; border-top:1px solid #e5e5e5; font-size:18px; line-height:1.3; color:#222;}
#gnb .depth01:last-of-type {border-bottom:1px solid #e5e5e5;}
#gnb .depth01 > a:before {content:'\f107'; display:block; position:absolute; top:0; right:20px; font-family:'FontAwesome'; font-size:30px; line-height:54px; color:#797979;}
#gnb .depth01.no-child > a:before {content:none;}
#gnb .depth01.on > a {border-top-color:#333; background:#333; color:#fff;}
#gnb .depth01.on > a:before {content:'\f106'; margin-top:-3px; color:#fff;}
#gnb .depth01.no-child.on > a:before {content:none;}

#gnb .depth02 {display:none; background:#fff;}
#gnb .depth02 a {padding-top:15px; padding-bottom:15px; font-weight:300; font-size:16px; line-height:1.3; color:#666;}
#gnb .depth02 > li > a {position:relative; border-top:1px solid #e5e5e5;}
#gnb .depth02 > li > a:before {content:'\f107'; display:block; position:absolute; top:0; right:20px; font-family:'FontAwesome'; font-size:28px; line-height:51px; color:#ddd;}
#gnb .depth02 > li.on > a {border-bottom:1px solid #e5e5e5; background:#f5f5f5; color:#ef4136;}
#gnb .depth02 > li.on > a:before {content:'\f106'; margin-top:-3px; color:#aaa;}
#gnb .depth02 > li.no-child > a:before {display:none;}

#gnb .depth03 {display:none; padding-top:3px; padding-bottom:3px; background:#f5f5f5;}
#gnb .depth03 a {padding-top:7px; padding-bottom:7px;}
#gnb .depth04 {display:none;}

/* 언어선택 */
#gnb .lang-list{padding:13px 20px; text-align:right; font-size:0; line-height:0; background:#f5f5f5; border-bottom:1px solid #e5e5e5;}
#gnb .lang-list dt{float:left; font-size:14px; line-height:30px; font-weight:400; color:#333;}
#gnb .lang-list dd{display:inline-block; margin-left:10px; width:30px; height:30px;}
#gnb .lang-list dd a{display:inline-block; width:100%; height:100%;}
#gnb .lang-list dd.ko{background:url('/mobile/tpl/basic/images/common/lang_ko_g.png') no-repeat center center/cover;}
#gnb .lang-list dd.en{background:url('/mobile/tpl/basic/images/common/lang_en_g.png') no-repeat center center/cover;}
#gnb .lang-list dd.cn{background:url('/mobile/tpl/basic/images/common/lang_cn_g.png') no-repeat center center/cover;}
#gnb .lang-list dd.ru{background:url('/mobile/tpl/basic/images/common/lang_ru_g.png') no-repeat center center/cover;}

#gnb .lang-list dd.ko.selected-lang{background:url('/mobile/tpl/basic/images/common/lang_ko.png') no-repeat center center/cover;}
#gnb .lang-list dd.en.selected-lang{background:url('/mobile/tpl/basic/images/common/lang_en.png') no-repeat center center/cover;}
#gnb .lang-list dd.cn.selected-lang{background:url('/mobile/tpl/basic/images/common/lang_cn.png') no-repeat center center/cover;}
#gnb .lang-list dd.ru.selected-lang{background:url('/mobile/tpl/basic/images/common/lang_ru.png') no-repeat center center/cover;}


.menu-close {position:absolute; top:18px; right:18px; z-index:9999; width:25px; height:25px; font-size:0;}
.menu-close span {display:block; position:absolute; top:0; left:0; margin-top:11px; width:100%; height:2px; border-radius:2px; background:#fff;}
.menu-close span:nth-child(1) {transform:rotate(45deg);}
.menu-close span:nth-child(2) {transform:rotate(-45deg);}


/* FOOTER
------------------------------------------------------ */
#footer {padding-bottom:30px; width:100%; background:#454545; text-align:center;}

/* footer utils */
.footer-utils {padding:6px 0; width:100%; border-bottom:1px solid #6a6a6a; font-size:0;}
.footer-utils li {display:inline-block; vertical-align:top;}
.footer-utils li a {position:relative; display:block; padding:10px 16px; font-weight:300; font-size:15px; line-height:1.3; color:#fff;}
.footer-utils li a:before {content:''; position:absolute; top:50%; left:0; width:1px; margin-top:-7px; height:14px; background:#636363;}
.footer-utils li:first-child a:before {display:none;}

.footer-middle {margin:30px auto 10px; width:315px; font-size:0;}
/* sns */
.sns-wrap {display:inline-block; vertical-align:middle; font-size:0;}
.sns-wrap dd {display:inline-block; margin-left:19px; vertical-align:middle;}
.sns-wrap dd:first-of-type {margin-left:0;}
.sns-wrap dd a {display:block;}
.sns-wrap dd a img {height:32px;}
/* family site */
.family-site {display:none; /* display:inline-block;  */position:relative; margin-left:40px; width:200px; height:38px; border:1px solid #d8d8d8; box-sizing:border-box; background:#fff; text-align:left; vertical-align:middle;}
.family-site h3 {display:block; padding:0 14px; background:url('/tpl/basic_blue/images/common/family-site_arrow_off.jpg') no-repeat 95% center; font-weight:400; font-size:16px; line-height:36px; color:#777; cursor:pointer;}
.family-site h3.on {background:url('/tpl/basic_blue/images/common/family-site_arrow_on.jpg') no-repeat 173px center;}
.family-site ul {display:none; position:absolute; bottom:100%; left:-1px; z-index:5555; padding:15px 0; width:100%; border:1px solid #d8d8d8; background:#fff;}
.family-site ul li a {display:block; padding:0 14px; font-size:16px; line-height:32px; color:#777;}
.family-site ul li:hover a {background:#ef4136; color:#fff;}

/* address */
#footer address {margin-bottom:15px; padding:20px 30px; font-style:normal; font-size:16px; line-height:28px; color:#999; word-break:keep-all;}
#footer address span {position:relative; padding:0 20px; letter-spacing:-0.5px;}
#footer address span:nth-last-child(2),
#footer address span:last-child {display:block;}

/* banner */
.footer-etc-banner {display:none; width:100%; font-size:0;}
.footer-etc-banner li {display:inline-block; padding:0 15px; vertical-align:middle;}

@media only screen and (max-width: 768px) {
	.footer-etc-banner {padding:0 10px;}
	.footer-etc-banner li {width:20%;}
	.footer-etc-banner li img {width:100%; height:auto;}
}
@media only screen and (max-width: 640px) {
	.footer-middle {margin-top:20px; width:100%;}
	.sns-wrap img {height:28px;}
	.family-site {margin-left:30px; width:190px; height:36px;}
	.family-site h3 {line-height:34px;}
	.footer-utils li a {padding:10px; font-size:13px;}
	.footer-utils li a:before {margin-top:-5px; height:10px;}
	.family-site h3 ,
	.family-site ul li a {font-size:13px;}
	#footer address {margin-top:10px; padding:10px 0 0; font-size:13px; line-height:1.5;}
	#footer address span {padding:3px 8px;}
	#footer address span:before {margin-top:-5px; height:10px;}
	#footer {padding-bottom:20px;}
	.footer-etc-banner li {padding:0 10px;}
}

/*
========================================================================================
	CONTENTS
========================================================================================
*/
#contents {padding-top:60px; padding-bottom:50px; min-height:calc(100vh - 372px);}


/* MAIN
------------------------------------------------------ */
section[class^="main-"] {padding:50px 0; width:100%;}
section[class^="main-"]:nth-of-type(even) {background-color:#f8f8f8;}
/* -------- title -------- */
section[class^="main-"] .main-conts-title {margin-bottom:40px; font-weight:300; font-size:42px; line-height:1.3; color:#333; text-align:center; letter-spacing:-3.5px; word-break:keep-all;}
section[class^="main-"] .main-conts-title:before{content:''; display:inline-block; margin:0 5px 28px 0; width:13px; height:12px; background:url('/mobile/tpl/basic/images/sub/bullet_icon.png') no-repeat;}
section[class^="main-"] .main-conts-title br {display:none;}

@media only screen and (max-width: 640px) {
	section[class^="main-"] {padding:37px 0;}
	section[class^="main-"] .main-conts-title {margin-bottom:30px; padding:0 20px; font-size:32px;}
	section[class^="main-"] .main-conts-title:before{margin:0 5px 20px 0;}
	section[class^="main-"] .main-conts-title br {display:block;}
}


/* -------- main visual -------- */
.main-visual {margin-top:-90px; position:relative; padding:0 !important;}
.main-mini-visual {position:relative; padding:0 0 30px 0 !important; background-color: #fff !important;}
.visual-slide {position:relative; width:100%;}
.visual-slide a {display:block; width:100%;}
.visual-slide a img {width:100%;}

@media only screen and (max-width: 640px) {
	.main-visual {margin-top:-60px;}
}

.main-visual .owl-dots {position:absolute; bottom:20px; left:20px;}
.main-mini-visual .owl-dots {position:absolute; bottom:-25px; left:20px;}
.main-visual .owl-dots button, .main-mini-visual .owl-dots button {display:inline-block; margin-right:6px; padding:0; width:16px; height:16px; box-sizing:border-box; border-radius:50%; background:#eae9e7;}
.main-visual .owl-dots .active, .main-mini-visual .owl-dots .active {background:#ef4136;}

/* -------- product -------- */
.main-product .product-wrap {margin:50px 30px 30px;}
.main-product .owl-stage-outer {overflow:hidden;}
.main-product .owl-item {width:50%; box-sizing:border-box;}
.main-product .item {text-align:center;}
.main-product .item strong {display:block; margin-bottom:10px; font-weight:400; font-size:30px; line-height:1.3; color:#333;}
.main-product .item span {display:block; font-weight:300; font-size:23px; line-height:1.3; word-break:keep-all;}
.main-product .item img {width:100%;}
.main-product .owl-dots {display:none;}
.main-product .owl-prev,
.main-product .owl-next {position:absolute; top:50%; width:50px; height:50px; margin-top:-50px; border:1px solid #aeaeae; box-sizing:border-box; font-size:0;}
.main-product .owl-prev {left:-30px; background:#fff url('/mobile/tpl/basic/images/main/btn_prev.png') no-repeat center center; background-size:auto 50%;}
.main-product .owl-next {right:-30px; background:#fff url('/mobile/tpl/basic/images/main/btn_next.png') no-repeat center center; background-size:auto 50%;}

@media only screen and (max-width: 768px) {
	.main-product .item span {padding:0 30px;}
	.main-product .item span br {display:none;}
}
@media only screen and (max-width: 640px) {
	.main-product .product-wrap {margin:50px 0 70px;}
	.main-product .item span {padding:0 10px;}
	.main-product .item strong {font-size:21px;}
	.main-product .item span {font-size:15px;}
	.main-product .owl-prev,
	.main-product .owl-next {right:auto; left:50%; top:auto; bottom:-80px; width:40px; height:40px;}
	.main-product .owl-prev {margin-left:-39px;}
}


/* -------- customer -------- */
.main-customer {overflow:hidden;}
.customer-box {float:left; display:table; padding:0 4%; width:49%; height:170px; /*border-bottom:1px solid #d8d8d8;*/ box-sizing:border-box; vertical-align:top; text-align: center;}
.customer-box:nth-of-type(1),
.customer-box:nth-of-type(2),
.customer-box:nth-of-type(3),
.customer-box:nth-of-type(4) {border-bottom:1px solid #d8d8d8;}
.customer-box:nth-of-type(2),
.customer-box:nth-of-type(4),
.customer-box:nth-of-type(6) {border-left:1px solid #d8d8d8;}
.customer-box a {display:table-cell; vertical-align:middle;}
.customer-box a img {display:inline-block; vertical-align:middle; margin-bottom: 10px;}
.customer-box a strong {display:inline-block; /*padding-left:5%;*/ font-weight:500; font-size:25px; line-height:1; color:#333; vertical-align:middle;}
.customer-box a strong span {display:block; margin-top:10px; font-weight:300; font-size:16px; line-height:1; color:#888; letter-spacing:0.5px;}

@media only screen and (max-width: 640px) {
	/*.customer-box {clear:both; padding:0 0 0 30px; width:50%; height:130px;}
	.customer-box:nth-of-type(2) {border-top:0 none;}
	.customer-box:nth-of-type(2),
	.customer-box:nth-of-type(4) {border-left:0 none;}*/
	.customer-box img {width:75px;}
	.customer-box a strong {/*padding-left:20px;*/ font-size:19px;}
	.customer-box a strong span {margin-top:7px; font-size:14px;}
}


/* -------- golbal map -------- */
.main-golbalmap {overflow:hidden; position:relative; width:100%; height:625px;}
.main-golbalmap h2 {font-weight:300; font-size:34px; line-height:1.3; color:#666; text-align:center;}
.main-golbalmap div {position:absolute; left:50%; z-index:55; text-align:left;}
.main-golbalmap .map-kor {top:250px; margin-left:-205px;}
.main-golbalmap .map-chn {top:320px; margin-left:-200px;}
.main-golbalmap .map-usa {top:300px; margin-left:220px;}
.main-golbalmap .map-rus {top:278px; margin-left:-345px;}

.main-golbalmap .map-kor img {height:110px;}
.main-golbalmap .map-chn img,
.main-golbalmap .map-usa img,
.main-golbalmap .map-rus img {height:65px;}

.main-golbalmap .map-arrow01 {top:274px; margin-left:-285px; z-index:11;}
.main-golbalmap .map-arrow01 img {height:83px;}
.main-golbalmap .map-arrow02 {top:350px; margin-left:-150px; z-index:11;}
.main-golbalmap .map-arrow02 img {height:33px;}
.main-golbalmap .map-arrow03 {top:250px; margin-left:-100px; z-index:11;}
.main-golbalmap .map-arrow03 img {height:113px;}

.main-golbalmap div img {display:block; margin:0 auto;}
.main-golbalmap div span {display:inline-block; padding:0 14px 2px; border-radius:50px; box-sizing:border-box; background:#51565b; font-weight:400; font-size:22px; line-height:34px; color:#fff;}
.main-golbalmap .map-kor span {margin:5px 0 0 100px;}
.main-golbalmap .map-chn span {margin:5px 0 0 0;}
.main-golbalmap .map-usa span {margin:0 0 0 -40px;}
.main-golbalmap .map-rus span {margin:5px 0 0 0;}

.main-golbalmap .golbal-map {position:relative; left:50%; margin-left:-469px; margin-top:30px; height:430px;}

@media only screen and (max-width: 768px) {
	.main-golbalmap .map-kor {margin-left:-160px;}
	.main-golbalmap .map-chn {margin-left:-155px;}
	.main-golbalmap .map-usa {margin-left:260px;}
	.main-golbalmap .map-rus {margin-left:-300px;}

	.main-golbalmap .map-arrow01 {margin-left:-245px;}
	.main-golbalmap .map-arrow02 {margin-left:-110px;}
	.main-golbalmap .map-arrow03 {margin-left:-60px;}

	.main-golbalmap .golbal-map {margin-left:-429px;}
}
@media only screen and (max-width: 640px) {
	.main-golbalmap {height:400px;}
	.main-golbalmap h2 {font-size:25px;}

	.main-golbalmap .map-kor {top:180px; margin-left:-85px;}
	.main-golbalmap .map-chn {top:220px; margin-left:-85px;}
	.main-golbalmap .map-rus {top:190px; margin-left:-160px;}
	.main-golbalmap .map-usa {top:195px; margin-left:130px;}

	.main-golbalmap .map-kor img {height:55px;}
	.main-golbalmap .map-chn img,
	.main-golbalmap .map-usa img,
	.main-golbalmap .map-rus img {height:35px;}

	.main-golbalmap .map-arrow01 {top:190px; margin-left:-132px;}
	.main-golbalmap .map-arrow01 img {height:43px;}
	.main-golbalmap .map-arrow02 {top:230px; margin-left:-57px;}
	.main-golbalmap .map-arrow02 img {height:15px;}
	.main-golbalmap .map-arrow03 {top:180px; margin-left:-30px;}
	.main-golbalmap .map-arrow03 img {height:55px;}

	.main-golbalmap .map-usa span {margin:0 0 0 -20px;}

	.main-golbalmap div span {padding:2px 8px; font-size:12px; line-height:17px;}

	.main-golbalmap .map-kor span {margin:5px 0 0 50px;}

	.main-golbalmap .golbal-map {margin-left:-239px; height:240px;}
}


/* -------- main news -------- */
.main-news {overflow:hidden; position:relative; padding-bottom:0 !important; width:100%;}
.news-list {overflow:hidden; padding-bottom:100px;}
.news-list .owl-item {float:left; max-width:330px;}

.news-list .news-box {padding:36px 35px 0;}
.news-list .news-box a {display:block; border:1px solid #ebebeb; box-sizing:border-box;}
.news-list .owl-item.center .news-box {padding:0;}

.news-list .owl-item img {width:100%; filter: grayscale(100%); -webkit-filter: grayscale(100%);}
.news-list .owl-item.center img {filter: grayscale(0); -webkit-filter: grayscale(0);}

.news-list .text-wrap {padding:25px; width:100%;}
.news-list .text-wrap strong {display:block; margin-bottom:7px; font-weight:400; font-size:20px; line-height:1.3; color:#333;}
.news-list .text-wrap span {min-height:64px; font-weight:300; font-size:16px; line-height:1.3; word-break:keep-all;}
.news-list .owl-item.center {box-shadow:15px 15px 20px rgba(0,0,0,.10);}
.news-list .owl-item.center .text-wrap {padding:20px 25px;}
.news-list .owl-item.center .text-wrap strong {font-size:26px;}
.news-list .owl-item.center .text-wrap span {font-size:20px; line-height:1.25;}

.news-list .owl-dots {display:none;}
.news-list .owl-prev,
.news-list .owl-next {position:absolute; bottom:0; left:50%; width:50px; height:50px; border:1px solid #aeaeae; box-sizing:border-box; font-size:0;}
.news-list .owl-prev {margin-left:-49px;}
.news-list .owl-prev {background:#fff url('/mobile/tpl/basic/images/main/btn_prev.png') no-repeat center center; background-size:auto 50%;}
.news-list .owl-next {background:#fff url('/mobile/tpl/basic/images/main/btn_next.png') no-repeat center center; background-size:auto 50%;}

@media only screen and (max-width: 640px) {
	.news-list {padding-bottom:80px;}
	.news-list .owl-item {max-width:250px;}
	.news-list .news-box {padding:13px 25px 0;}
	.news-list .text-wrap strong {font-size:17px;}
	.news-list .text-wrap span {font-size:14px;}
	.news-list .owl-item.center .text-wrap strong {font-size:20px;}
	.news-list .owl-item.center .text-wrap span {font-size:16px;}

	.news-list .owl-prev,
	.news-list .owl-next {width:40px; height:40px;}
	.news-list .owl-prev {margin-left:-39px;}
}




/* SUB PAGE
------------------------------------------------------ */
/* -------- sub visual -------- */
.m-sub-visual {display:table; width:100%; height:180px; text-align:center;}
.m-sub-visual.customer {background:url('/mobile/tpl/basic/images/sub/sub_visual_customer.jpg') no-repeat center center; background-size:cover;}
.m-sub-visual.pr {background:url('/mobile/tpl/basic/images/sub/sub_visual_pr.jpg') no-repeat center center; background-size:cover;}
.m-sub-visual.company {background:url('/mobile/tpl/basic/images/sub/sub_visual_company.jpg') no-repeat center center; background-size:cover;}
.m-sub-visual > div {display:table-cell; padding:0 30px; vertical-align:middle;}
.m-sub-visual h2 {font-weight:400; font-size:30px; line-height:1; color:#fff; text-transform:uppercase;}
.m-sub-visual h2 + p {margin-top:10px; font-weight:300; font-size:17px; line-height:1.3; color:#d0cfcf; word-break:keep-all;}


/* -------- title -------- */
.sub-title,
.sub-conts-title {margin:33px 0 20px; font-weight:300; font-size:28px; line-height:1; color:#222; text-align:center; letter-spacing:-3px;}
.sub-title:before,
.sub-conts-title:before {content:''; display:inline-block; margin:0 5px 17px 0; width:13px; height:12px; background:url('/mobile/tpl/basic/images/sub/bullet_icon.png') no-repeat;}




/* 제품소개
------------------------------------------------------ */
/* -------- 리스트 -------- */
#mobile_contents.product .sub-title + p {display:none;}
.sub-visual-wrap {margin-bottom:30px; width:100%:}
.sub-visual-wrap img {width:100%;}
.product_list {margin-bottom:-20px; padding:0 20px; width:100%;}
.product_list > li {position:relative; display:inline-block; margin-bottom:20px; padding-bottom:100px; width:100%; border:1px solid #d7d7d7; box-sizing:border-box; text-align:center; vertical-align:top;}
.product_list > li:nth-child(3n+1) {margin-left:0;}
.product_list > li .product_thumb img {width:auto; height:288px;}

.product_list > li.no-data {height:auto; border:0 none; margin-left:0; width:100%; text-align:center;}

.product_list .product-title {display:block; margin:3px 0 8px; font-weight:400; font-size:22px; line-height:1.4; color:#333; letter-spacing:-1.5px; word-break:keep-all;}
.product_list .product-info {display:block; padding:0 30px; font-weight:300; font-size:16px; line-height:1.4; color:#777; letter-spacing:-1.5px; word-break:keep-all;}

.product_list .product-label{position:absolute; top:15px; right:12px;}
.product_list .product-label li{margin-top:5px;}
.product_list .product-label li:first-child{margin-top:0;}

.product-list-btn li {position:absolute; bottom:-1px; /* width:calc(50% + 2px); */ width:calc(100% + 2px); border:1px solid #d5d5d5; box-sizing:border-box; background:#fff; text-align:left;}
.product-list-btn li a {display:block; width:100%; height:100%; font-size:17px; line-height:58px; text-align:center;}
.product-list-btn li a span {position:relative;}
.product-list-btn .btn-more {left:-1px;}
.product-list-btn .btn-more a span:before {content:''; display:inline-block; margin:-3px 7px 0 0; width:17px; height:18px; background:url('/tpl/basic_blue/images/sub/icon_search.png') no-repeat 0 0; vertical-align:middle;}
.product-list-btn .btn-add {right:-1px;}
.product-list-btn .btn-add a span:before {content:''; display:inline-block; margin:-3px 6px 0 0; width:19px; height:19px; background:url('/tpl/basic_blue/images/sub/icon_select.png') no-repeat 0 0; vertical-align:middle;}

@media only screen and (max-width: 320px) {
	.product_list > li .product_thumb img {width:100%; height:auto;}
}

/* -------- 상세 -------- */
.product-detail-wrap {overflow:hidden; width:100%;}
.product-detail-wrap .call {background-color: #E60122;border-radius:10px;}
.product-detail-wrap .call li {color:#fff;}
.product-detail-header {width:100%; text-align:center;}
.product-detail-header .detail-title{margin-bottom:20px;}
.product-detail-header .product-title {padding:0 30px; font-weight:500; font-size:28px; line-height:1.3; color:#222; word-break:keep-all;}
.product-detail-header .product-title:before {content:''; display:inline-block; margin:33px 5px 17px 0; width:13px; height:12px; background:url('/mobile/tpl/basic/images/sub/bullet_icon.png') no-repeat;}

.product-detail-header .goods_group {position:relative;background-color:#E5E5E5; border-top:solid 1px #E64B57; border-bottom:solid 1px #767676;margin: 10px;}
.product-detail-header .goods_group .box {width: 100%;}
.product-detail-header .goods_group .box th {width: 30%; padding: 5px;}
.product-detail-header .goods_group .box th div {width: 100%; height: 100%; color: #fff;background-color: #5c5c5f;}
.product-detail-header .goods_group .box td {text-align: left; padding: 5px;}
.product-detail-header .goods_group .cont{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
.product-detail-header .goods_group .cont:before{content:'';position:absolute;top:50%;left:0;right:0;width:100%;height:5px;opacity:0.3;background:url('/mobile/tpl/basic/images/sub/dot_bg.png') repeat-x center center;z-index:1;}
.product-detail-header .goods_group .cont span{color:#000;font-size:18px;background:#fff;padding:10px;z-index:2;}

.product-detail-header .product-info {font-weight: 300; margin-top: 5px;}
.product-detail-header .detail-img img {width:auto; height:250px;}
/*.product-detail-header.typeA .detail-img img {position:relative; left:53px;}*/

.product-detail-header .product-label {margin-top:10px;}
.product-detail-header .product-label li {display:inline-block; margin:2px; height:40px; vertical-align:top; font-size:0;}
.product-detail-header .product-label li img {width:auto; height:40px;}

.product-detail-header .mark-wrap {margin-top:15px; margin-bottom:15px}
.product-detail-header .mark-wrap li {display:inline-block; margin:2px; height:30px; vertical-align:top; font-size:0;}
.product-detail-header .mark-wrap li img {width:auto; height:30px;}

.product-detail-tab {margin-top:5px; width:100%; font-size:0;}
.product-detail-tab li {position:relative; display:inline-block; width:calc(100% / 3); background:#e6e6e6; font-size:18px; line-height:60px; color:#333; vertical-align:top; text-align:center;}
.product-detail-tab li:before {content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#fff;}
.product-detail-tab li:first-child:before {display:none;}
.product-detail-tab li a {display:block; font-size:18px; line-height:60px; color:#333;}
.product-detail-tab li.on {background:#fff; color:#ef4136;}
.product-detail-tab li.on:after {content:''; position:absolute; top:0; left:0; width:100%; height:4px; background:#ef4136;}

.product-detail-tab.scroll{position:fixed; top:60px; left:50%; margin:0 0 0 -50%; width:100%; border-bottom:1px solid #eee;}
.product-detail-tab.scroll li{font-size:16px; line-height:40px;}
.product-detail-tab.scroll li a{font-size:16px; line-height:40px;}

.product-detail-info br{display:none;}
.product-detail-info img{max-width:100% !important; height:auto !important;}

.product-detail-tab-info{display:none;}
.product-detail-tab-info.on{display:block;}

.product-detail-info03{padding:0 20px; width:100%; box-sizing:border-box;}
.product-detail-info03 > div{border-top:1px solid #e5e5e5;}
.product-detail-info03 > div:nth-of-type(1){border-top:0;}
.product-detail-info03 .download-area,
.product-detail-info03 .link-area{padding:23px 0; width:100%;;}
.product-detail-info03 h4{margin-bottom:10px; vertical-align:middle; text-align:left; font-weight:400; font-size:18px; color:#333;}
.product-detail-info03 h4 img{margin:-4px 5px 0 0; width:25px; vertical-align:middle;}
.product-detail-info03 ul{vertical-align:middle; text-align:left;}
.product-detail-info03 ul li strong {display:inline-block; margin-right:20px; font-weight:300; font-size:18px; line-height:40px; color:#555;}

.product-detail-info03 li a{display:block; width:100%; margin-bottom:5px; text-align:center; vertical-align:top; box-sizing:border-box; font-size:15px; line-height:40px; color:#989898; border:1px solid #989898; border-radius:3px; transition:.3s;}
.product-detail-info03 li a:hover{color:#fff; border-color:#ef4136; background:#ef4136;}
.product-detail-info03 li a:after{display:inline-block; content:""; margin:-2px 0 0 10px; vertical-align:middle; transition:.3s;}
.product-detail-info03 .download-area a:after{width:11px; height:14px; background:url('/tpl/basic_blue/images/product/download_icon_g.png') no-repeat center center;}
.product-detail-info03 .link-area a:after{width:14px; height:15px; background:url('/tpl/basic_blue/images/product/link_icon_g.png') no-repeat center center;}

.call {padding:10px; margin:10px; border: 1px solid #ddd;}
.call li {font-size:20px;}
.call li img {position:absolute; width:25px; margin-left:5px;}
.product-detail-wrap .soldout_button {color:#000; background-color: #D9D9D9;border-radius:10px; padding:10px; margin:10px; font-size:20px;}



/* 고객서비스
------------------------------------------------------ */
/* -------- 서비스정책 -------- */
.tab-wrap{display:table; margin-top:25px;  width:100%; font-size:0; table-layout:fixed;}
.tab-wrap li{position:relative; display:table-cell; width:100%; box-sizing:border-box; background:#e6e6e6; vertical-align:middle;}
.tab-wrap li:before{content:""; display:block; position:absolute; top:0; left:0; width:1px; height:100%; background:#fff;}
.tab-wrap li:fisrt-child:bofore{display:none;}
.tab-wrap li a{display:block; padding:16px 10px; width:100%; height:100%; box-sizing:border-box; font-size:17px; line-height:1.3; color:#333; text-align:center; word-break:keep-all;}
.tab-wrap .on{background:#ef4136;}
.tab-wrap .on a{color:#fff;}

@media only screen and (max-width: 320px) {
	.tab-wrap li a{font-size:15px;}
}

.service-policy-list {display:none;}
.service-policy-list.on {display:block;}

.service-policy-wrap .tit-wrap {margin-top:20px; padding:30px 0 25px; border:1px solid #ddd;}
.service-policy-wrap .tit-wrap h3 {margin:0 0 25px; font-weight:400; font-size:22px; word-break:keep-all;}
.service-policy-list > div {padding:35px 0; border-top:1px solid #ddd;}
.service-policy-list .tit-wrap + div {border-top:0 none;}
.service-policy-list img {margin-bottom:20px;}
.service-policy-list h4 {margin-bottom:7px; font-weight:400; color:#333; word-break:keep-all;}
.service-policy-list p {word-break:keep-all;}

@media only screen and (max-width: 320px) {
	.service-policy-wrap .tit-wrap p {word-break:keep-all;}
	.service-policy-wrap .tit-wrap p br {display:none;}
}

.service-policy-list table {margin-top:20px; width:100%; border-top:1px solid #222;}
.service-policy-list table caption {margin-bottom:20px; padding-left:25px; background:url('/tpl/basic_blue/images/customer/service_caption.jpg') no-repeat 0 1px; background-size:auto 50%; font-size:16px; line-height:1.3; color:#666; text-align:left;}
.service-policy-list table tr {border-bottom:1px solid #ddd;}
.service-policy-list table th,
.service-policy-list table td {padding:20px; font-weight:400; font-size:16px; line-height:1.3; vertical-align:middle; word-break:keep-all;}
.service-policy-list table th {background:#f8f8f8; color:#333;}
.service-policy-list table td {text-align:left;}
.service-policy-list table strong {font-weight:400; color:#333;}
.service-policy-guarantee-list table th,
.service-policy-guarantee-list table td {padding:16px 0; text-align:center; width: 25%; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.service-policy-guarantee-list table th:first-child,
.service-policy-guarantee-list table td:first-child {border-left-width: 0;}
.service-policy-guarantee-list table th:last-child,
.service-policy-guarantee-list table td:last-child {border-right-width: 0;}
.service-policy-guarantee-list ul {margin-top: 20px;}
/*
.service-policy-guarantee-list table th:first-child,
.service-policy-guarantee-list table td:first-child {width:30%; border-right:1px solid #ddd;}
.service-policy-guarantee-list table th:last-child,
.service-policy-guarantee-list table td:last-child {width:35%; border-left:1px solid #ddd;}
*/
.service-policy-list table + ul {margin-top:13px; text-align:left;}
.service-policy-list table + ul li {padding:2px 0 2px 6px; font-size:16px; text-indent:-6px;}



/* -------- 온도조절기사용법 -------- */
/* 온도조절기 list */
.product-list {padding:0 20px; width:100%;}
.thermostat-list {width:100%;}
.thermostat-list li {margin-top:20px; padding:10px 0 30px; border:1px solid #d5d5d5;}
.thermostat-list li a {display:block; text-align:center;}
.thermostat-list li a img {width:auto; height:225px;}
.thermostat-list li .product-title {display:block; margin-top:5px; font-weight:300; font-size:20px; line-height:1; color:#333;}
/* 온도조절기 view */
.view-t-header {padding:40px 0 30px; background:#f5f5f5;}
.view-t-header .view-info {text-align:center;}
.view-t-header .view-t-title {font-weight:400; font-size:36px; color:#222;}
.view-t-header .view-t-text {margin:7px 0 10px; font-weight:300; font-size:18px; line-height:1.3;}
.view-img {width:100%;}
.view-img img {width:100%;}

.view-t-tab {padding:0 10px; width:100%; background:#515658;}
.view-t-tab ul {overflow:hidden;}
.view-t-tab li {position:relative; float:left; display:table; height:60px; text-align:center;}
.view-t-tab li:before {content:''; position:absolute; top:50%; left:0; margin-top:-7px; width:1px; height:14px; background:#86898a;}
.view-t-tab li:first-child:before {display:none;}
.view-t-tab li a {position:relative; display:table-cell; font-weight:300; font-size:16px; color:#fff; vertical-align:middle;}
.view-t-tab li.on a:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:5px; background:#ef4136;}

.view-t-detail2 div[class^="view-detail-wrap"] {overflow: hidden; height: 0; text-align:center;}
.view-t-detail2 div[class^="view-detail-wrap"].on {overflow: visible; padding-left:20px; padding-right:20px; padding-bottom:40px; height: auto;}
.view-t-detail2 .view-detail-wrap04 {padding-top:40px;}

.view-sub-tit {display:block; margin:40px 0 -20px; font-weight:300; font-size:25px; line-height:1; color:#333; text-align:center;}

.detail-description2 {padding:0 20px 40px; border-bottom:1px solid #d4d6d9; text-align:center;}
.detail-description2 .img-wrap {text-align:center;}
.detail-description2 .img-wrap img {display:inline-block; max-width:100%; width:70%;}
.detail-description2 .text-wrap h4 {margin-bottom:20px; font-weight:300; font-size:20px; color:#333;}
.detail-description2 .text-wrap * {font-weight:300; color:#333; word-break:keep-all;}

.view-t-detail2 .view-detail-wrap05 {padding-top:40px;}
.view-t-detail2 .view-detail-wrap05 > p {margin-bottom:20px; text-align:left;}
.detail-movie-box {width:100%;}
.detail-movie-box .movie-list {width:100%;}
.detail-movie-box .movie-list  ol {margin-bottom:20px; width:100%;}
.detail-movie-box .movie-list  ol li {text-align:left;}
.detail-movie-box .movie-list  ol li a {display:block; padding:0 20px; border-bottom:1px solid #fff; background:#dee3ef; font-size:16px; line-height:45px;}
.detail-movie-box .movie-list  ol li a strong {font-weight:400;}
.detail-movie-box .movie-list  ol li.on a {background:#ef4136; color:#fff;}
.detail-movie-box .movie-box {position: relative; width: 100%; box-sizing:border-box; padding-bottom: 56.25%;}
.detail-movie-box .movie-box iframe {position: absolute; left:0; top:0; width: 100%; height: 0;}
.detail-movie-box .movie-box iframe.on {height:100%;}




/* 회사소개
------------------------------------------------------ */
.sub-detail-conts {padding:0 30px; width:100%; font-weight:300; font-size:16px; line-height:1.45; text-align:center;}
.sub-detail-conts .sub-detail-slogan {margin:20px 0; font-weight:300; font-size:23px; line-height:1.3; color:#ef4136; word-break:keep-all;}
.sub-detail-conts .sub-detail-slogan strong {font-weight:400; color:#ef4136;}

.sub-detail-conts h3 {margin:50px 0 22px; font-weight:500; font-size:22px; line-height:1; color:#222;}
.sub-detail-conts strong {font-weight:400; color:#333;}

@media only screen and (min-width: 641px) {
	.sub-detail-conts .sub-detail-slogan strong {display:block;}
}
@media only screen and (max-width: 640px) {
	.sub-detail-conts {padding:0 20px;}
	.sub-detail-conts .sub-detail-slogan {font-size:20px;}
}

/* -------- 회사개요 -------- */
.sub-detail-conts .info-wrap {border-top:1px solid #e5e5e5; font-size:0;}
.sub-detail-conts .info-wrap li {display:inline-block; padding:32px 0 22px; width:calc(100% / 3); border:1px solid #e5e5e5; border-width:0 1px 1px 0; vertical-align:top; float:left;}
.sub-detail-conts .info-wrap li:first-child, .sub-detail-conts .info-wrap li:nth-child(4) {border-width:0px 1px 1px 1px;}
.sub-detail-conts .info-wrap li strong {display:block; margin:20px 0 12px; font-weight:400; font-size:18px; line-height:1; color:#ef4136;}
.sub-detail-conts .info-wrap li span {display:block; font-size:16px; line-height:1.3;}
.sub-detail-conts .info-wrap li:not(:first-child) span {padding:10px 0;}
.sub-detail-conts .info-wrap li img {height:55px;}
.sub-detail-conts.overview p.info-wrap-annotate {text-align:right; font-size:14px; padding-top:10px; clear:both;}
.sub-detail-conts.overview dl {margin-top:27px; width:100%; box-sizing:border-box; text-align:left; font-size:0;}
.sub-detail-conts.overview dt {position:relative; display:inline-block; margin-bottom:-29px; padding-bottom:7px; padding-left:12px; width:110px; font-weight:400; font-size:16px; line-height:1.4; color:#333; vertical-align:top; }
.sub-detail-conts.overview dt:before {content:''; position:absolute; top:10px; left:0; width:5px; height:2px; background:#ef4136;}
.sub-detail-conts.overview dd {display:inline-block; padding-left:110px; padding-bottom:7px; width:100%; box-sizing:border-box; font-size:16px; line-height:1.4; vertical-align:top;}


/* -------- CEO인사말 -------- */
.sub-detail-conts.greetings span {display:block; margin-top:40px;}
.sub-detail-conts.greetings span img {display:inline-block; margin-left:23px; vertical-align:middle;}

@media only screen and (max-width: 640px) {
	.sub-detail-conts.greetings span {margin-top:30px;}
	.sub-detail-conts.greetings span img {display:block; margin:10px auto 0; height:40px}
}


/* -------- CI -------- */
.ci-img {padding:50px 30px; width:100%; border:1px solid #ddd; box-sizing:border-box; text-align:center; font-size:0;}
.ci-img li {display:inline-block; width:100%; vertical-align:middle;}
.ci-img li img {display:inline-block; margin:30px 0; max-width:100%;}
.ci-img + p {margin:35px 0 0; word-break:keep-all;}
.ci-download-btn {width:100%; font-size:0; text-align:center;}
.ci-download-btn a {display:inline-block; margin:0 10px; padding:0 25px; width:180px; height:51px; box-sizing:border-box; background:#ef4136 url('/tpl/basic_blue/images/sub/ci_download.png') no-repeat 90% center; font-weight:300; font-size:17px; line-height:51px; color:#fff; text-align:left;}

@media only screen and (max-width: 640px) {
	.ci-img {padding:30px;}
	.ci-img li img {margin:20px 0;}
	.ci-img + p {margin:30px 0 0;}
	.ci-download-btn a {margin:0; width:100%; font-size:15px;}
	.ci-download-btn a:first-child {margin-bottom:15px;}
}


/* -------- 연혁 -------- */
.history-box {position:relative; left:-30px; width:calc(100% + 60px); border-top:1px solid #231815; text-align:left;}

@media only screen and (max-width: 640px) {
	.history-box {left:-20px; width:calc(100% + 40px);}
}

.history-list {width:100%;}

.history-title {padding:30px 40px 30px 20px; border-bottom:1px solid #e1e1e1; background:url('/mobile/tpl/basic/images/sub/history_arrow_off.jpg') no-repeat 95% center;}
.history-title.on {background:url('/mobile/tpl/basic/images/sub/history_arrow_on.jpg') no-repeat 95% center;}
.history-title h3 {margin:0; font-weight:400; font-size:24px; line-height:1; color:#333;}
.history-title p {margin-top:10px; font-weight:300; font-size:16px; word-break:keep-all;}

.history-conts-outer {display:none; padding:35px 20px 0 0; border-bottom:1px solid #e1e1e1;}
.history-conts {position:relative; padding-bottom:40px; padding-left:65px; width:100%; box-sizing:border-box; text-align:left;}
.history-conts:before {content:''; position:absolute; top:5px; left:27px; width:1px; height:100%; background:#ddd;}
.history-conts:last-child:before {height:calc(100% - 45px);}
.history-conts h4 {position:relative; margin-bottom:10px; font-weight:400; font-size:22px; line-height:1; color:#e61d25;}
.history-conts h4:before {content:''; position:absolute; top:50%; left:-41px; z-index:33; margin-top:-3.5px; width:7px; height:7px; border-radius:50%; background:#e61d25;}
.history-conts h4:after {content:''; position:absolute; top:50%; left:-38px; z-index:11; width:29px; height:1px; background:#ddd;}
.history-conts:first-child h4:before {top:7px; left:-45px; width:15px; height:15px; box-sizing:border-box; border:4px solid #e61d25; background:#ffff;}

.history-conts dl {font-size:0;}
.history-conts dt,
.history-conts dd {display:inline-block; padding:4px 0; vertical-align:top; font-size:16px; line-height:1.3;}
.history-conts dt {width:30px; font-weight:400; color:#333;}
.history-conts dd {width:calc(100% - 30px);}


/* -------- 경영이념 -------- */
.sub-detail-conts.philosophy ul {margin-top:45px; width:100%; border:1px solid #ddd; border-width:1px 1px 0 0; font-size:0; display:inline-block;}
.sub-detail-conts.philosophy ul li {padding:32px 5px 22px; width:calc(100% / 3); height:210px; border-width:0 0 1px 1px;}
.sub-detail-conts.philosophy ul li span {display:block; margin-top:35px;}
.sub-detail-conts.philosophy ul li img {height:auto; max-height:46px;}
@media only screen and (max-width: 640px) {
	.sub-detail-conts.philosophy .sub-detail-slogan br {display:none;}
	.sub-detail-conts.philosophy ul li {width:100%; height:190px;}
}


/* -------- 계열사 -------- */
.affiliate-wrap {width:100%;}
.affiliate-list {overflow:hidden; width:100%;}
.affiliate-box {display:table; margin-top:20px; width:100%; border:1px solid #e1e1e1;}
.affiliate-box .icon-wrap,
.affiliate-box .text-wrap {display:table-cell; padding:30px 22px; vertical-align:middle;}
.affiliate-box .icon-wrap {width:170px; border-right:1px solid #e1e1e1; background:#f8f8f8;}
.affiliate-box .icon-wrap img {height:45px;}
.affiliate-box .text-wrap {text-align:left;}
.affiliate-box .text-wrap h4 {margin-bottom:13px; font-weight:300; font-size:20px; line-height:1.3; color:#333;}
.affiliate-box .text-wrap li {padding-left:6px; font-size:16px; text-indent:-6px;}

@media only screen and (max-width: 640px) {
	.sub-detail-conts.affiliate .sub-detail-slogan br {display:none;}
	.affiliate-box .icon-wrap {width:120px}
}


/* -------- 인재채용 -------- */
.sub-detail-conts.recruit h3 + p {margin:-10px 0 30px;}
.recruit-info {border:1px solid #e5e5e5; border-width:1px 0 0 1px; font-size:0;}
.recruit-info-list {display:inline-block; padding:45px 0 35px; width:calc(100% / 2); border:1px solid #e5e5e5; border-width:0 1px 1px 0; vertical-align:top;}
.recruit-info-list h4 {display:block; margin:30px 0 20px; font-weight:400; font-size:20px; line-height:1; color:#ef4136;}
.recruit-info-list  p {display:block; margin-top:25px; font-size:16px; line-height:1.3; color:#666;}

.sub-detail-conts.recruit dl {margin-top:27px; width:100%; box-sizing:border-box; text-align:left; font-size:0;}
.sub-detail-conts.recruit dt {position:relative; display:inline-block; margin-bottom:-38px; padding-bottom:7px; padding-left:15px; width:150px; font-weight:400; font-size:16px; line-height:1.5; color:#333; vertical-align:top; }
.sub-detail-conts.recruit dt:before {content:''; position:absolute; top:12px; left:0; width:7px; height:2px; background:#ef4136;}
.sub-detail-conts.recruit dd {display:inline-block; padding-left:150px; padding-bottom:7px; width:100%; box-sizing:border-box; font-size:16px; line-height:1.5; vertical-align:top;}
.more-btn-recruit {display:block; margin:42px auto 0; width:180px; height:51px; background:#ef4136; font-size:16px; line-height:51px; color:#fff; text-align:center;}
.sub-detail-conts.recruit dt:last-of-type + dd,
.sub-detail-conts.recruit dt:last-of-type + dd ~ dd {padding-left:157px; text-indent:-7px;}
.sub-detail-conts.recruit p.info-wrap-annotate {text-align:right; font-size:14px; padding-top:10px;}

@media only screen and (max-width: 640px) {
	.sub-detail-conts.recruit h3 + p {margin:-10px 0 30px;}
	.recruit-info-list {padding:25px 0 30px; width:100%;}
	.recruit-info-list h4 {margin:25px 0 10px;}
	.sub-detail-conts.recruit dl {margin-top:23px;}
	.sub-detail-conts.recruit dt {width:100px;}
	.sub-detail-conts.recruit dd {padding-left:100px;}
	.sub-detail-conts.recruit dt:last-of-type + dd,
	.sub-detail-conts.recruit dt:last-of-type + dd ~ dd {padding-left:105px; text-indent:-5px;}
}


/* -------- 오시는길 -------- */
.location-wrap {padding:30px; width:100%; box-sizing:border-box;}
.location-tab {overflow:hidden; margin-bottom:30px; width:100%;}
.location-tab li {float:left; padding:30px 0; width:50%; box-sizing:border-box; border:1px solid #ddd; cursor:pointer; font-size:18px; line-height:1; text-align:center;}
.location-tab li:first-of-type {border-right:0 none;}
.location-tab li strong {display:block; margin-bottom:9px; font-weight:400; font-size:21px; line-height:1; color:#666;}
.location-tab li.on {background:#ef4136; color:#fff;}
.location-tab li.on strong {color:#fff;}
.location-wrap-inner {overflow:hidden; height:0;}
.location-wrap-inner.on {overflow:visible; height:530px;}
.location-wrap-inner > p {margin-top:23px; font-size:24px; line-height:1; color:#333; text-align:left;}
.root_daum_roughmap_landing {width:100% !important; height:500px !important; border:1px solid #ddd;}

@media only screen and (max-width: 768px) {
	.location-tab li {padding:25px 0;}
}
@media only screen and (max-width: 640px) {
	.location-wrap {padding:20px;}
	.root_daum_roughmap_landing,
	.root_daum_roughmap .wrap_map {height:300px !important;}
	.location-tab {margin-bottom:20px;}
	.location-tab li {padding:15px 0; font-size:15px;}
	.location-tab li strong {font-size:18px;}
	.location-wrap-inner.on {overflow:visible; height:330px;}
	.location-wrap-inner > p {margin-top:20px; font-size:17px;}
}



/* -------- 사회공헌 -------- */
.contribution-wrap {100%;}
.contribution-wrap h2 {display:table; width:100%; height:270px; background:url('/tpl/basic_blue/images/sub/contribution_slogan_bg.jpg') no-repeat center center; background-size:cover; font-weight:400; font-size:30px; line-height:1.4; color:#fff; text-align:center;}
.contribution-wrap h2 span {display:table-cell; vertical-align:middle; word-break:keep-all;}
.contribution-wrap h3 {margin:70px 0 50px; padding:0 30px; font-weight:300; font-size:30px; line-height:1; color:#333;}
.contribution-conts {padding:0 30px; width:100%;}
.contribution-conts li {display:table; width:100%;}
.contribution-conts li > div {display:table-cell; vertical-align:middle;}
.contribution-conts li .img-wrap {overflow:hidden; width:320px; height:320px; border:1px solid #ddd; box-sizing:border-box; border-radius:50%;}
.contribution-conts li .img-wrap img {width:100%;}
.contribution-conts li .text-wrap strong {display:block; margin-bottom:30px; font-weight:400; font-size:30px; line-height:1.3; color:#ef4136; word-break:keep-all;}
.contribution-conts li .text-wrap span {font-weight:300; font-size:17px; line-height:24px; word-break:keep-all;}
.contribution-conts li:nth-child(odd) .text-wrap {padding-left:40px;}
.contribution-conts li:nth-child(even) .text-wrap {padding-right:40px; text-align:right;}
.contribution-conts li:nth-child(even) .img-wrap:first-child {display:none;}

@media only screen and (max-width: 768px) {
	.contribution-wrap h2 {height:220px; font-size:24px;}
	.contribution-wrap h3 {margin-top:50px; padding:0 20px;}
	.contribution-conts li ,
	.contribution-conts li > div {display:block; text-align:center;}
	.contribution-conts li {margin-bottom:40px;}
	.contribution-conts li:last-child {margin-bottom:0;}
	.contribution-conts li .img-wrap {margin:0 auto 30px;}
	.contribution-conts li:nth-child(odd) .text-wrap ,
	.contribution-conts li:nth-child(even) .text-wrap {padding:0; text-align:center;}
	.contribution-conts li .text-wrap strong {margin-bottom:20px;}
	.contribution-conts li .text-wrap span {display:block; padding:0 30px;}
	.contribution-conts li .text-wrap span br {display:none;}
	.contribution-conts li:nth-child(even) .img-wrap:first-child {display:block;}
	.contribution-conts li:nth-child(even) .img-wrap:last-child {display:none;}
}
@media only screen and (max-width: 640px) {
	.contribution-wrap h2 {padding:0 30px; height:180px; font-size:18px;}
	.contribution-wrap h3 {margin-top:30px; padding:0 20px; font-size:20px;}
	.contribution-conts li .img-wrap {width:220px; height:220px;}
	.contribution-conts li .text-wrap strong {margin-bottom:15px; font-size:20px;}
	.contribution-conts li .text-wrap span {padding:0; font-size:16px;}
}


/* -------- 품질/안전/환경경영 -------- */
.quality-wrap {width:100%;}
.quality-wrap h2 {display:table; width:100%; height:270px; background:url('/tpl/basic_blue/images/sub/quality_slogan_bg.jpg') no-repeat center center; background-size:cover; font-weight:400; font-size:30px; line-height:1.4; color:#fff; text-align:center; word-break:keep-all;}
.quality-wrap h2 span {display:table-cell; vertical-align:middle;}
.quality-wrap h3 {margin:70px 0 25px; padding:0 30px; font-weight:300; font-size:30px; line-height:1; color:#333;}
.quality-wrap ul {margin:40px 30px 0; width:calc(100% - 60px); font-size:0;}
.quality-wrap ul li {display:inline-block; width:33.33333333333333%; vertical-align:top; text-align:center;}
.quality-wrap ul li .img-wrap {overflow:hidden; margin:0 auto; width:250px; height:250px; border-radius:50%; border:1px solid #ddd; box-sizing:border-box;}
.quality-wrap ul li .img-wrap img {width:100%;}
.quality-wrap ul li strong {display:block; margin:29px 0 16px; font-weight:400; font-size:20px; line-height:1.3; color:#ef4136; word-break:keep-all;}
.quality-wrap ul li span {font-size:17px; line-height:24px; word-break:keep-all;}
.quality-wrap ol {margin:0 30px; padding:30px; width:calc(100% - 60px); border:1px solid #dbdbdb; box-sizing:border-box; background:#f8f8f8; text-align:left;}
.quality-wrap ol li {margin-top:20px; padding-left:44px; font-size:17px; line-height:28px; text-indent:-44px;}
.quality-wrap ol li:first-child {margin-top:0;}
.quality-wrap ol li span {display:inline-block; margin-right:16px; width:28px; height:28px; border-radius:50%; background:#ef4136; font-size:15px; line-height:28px; color:#fff; text-align:center; vertical-align:top; letter-spacing:0; text-indent:0;}

@media only screen and (max-width: 768px) {
	.quality-wrap h2 {height:220px; font-size:24px;}
	.quality-wrap h3 {margin-top:50px;}
	.quality-wrap ul li .img-wrap {width:200px; height:200px;}
	.quality-wrap ul li span br {display:none;}
}
@media only screen and (max-width: 640px) {
	.quality-wrap h2 {padding:0 30px; height:180px; font-size:22px;}
	.quality-wrap h3 {margin-top:30px; padding:0 20px; font-size:20px;}
	.quality-wrap ul {margin:40px 20px -20px; width:calc(100% - 40px);}
	.quality-wrap ul li {margin-bottom:40px; width:100%;}
	.quality-wrap ul li strong {font-size:18px;}
	.quality-wrap ul li span {display:block; padding:0 20px; font-size:15px;}
	.quality-wrap ol {margin:0 20px; padding:30px 30px 30px 20px; width:calc(100% - 40px);}
	.quality-wrap ol li {padding-left:38px; font-size:16px; text-indent:-38px;}
	.quality-wrap ol li span {margin-right:10px;}
}


/* -------- 윤리경영 -------- */
.ethical-wrap {width:100%;}
.ethical-wrap h2 {display:table; width:100%; height:270px; background:url('/tpl/basic_blue/images/sub/ethical_slogan_bg.jpg') no-repeat center center; background-size:cover; font-weight:400; font-size:30px; line-height:1.4; color:#fff; text-align:center; word-break:keep-all;}
.ethical-wrap h2 span {display:table-cell; vertical-align:middle;}
.ethical-wrap h3 {margin:70px 0 25px; padding:0 30px; font-weight:300; font-size:30px; line-height:1; color:#333;}
.ethical-wrap h3 + p {padding:0 30px; font-size:17px; line-height:1.3; letter-spacing:0;}
.ethical-wrap ul {margin-top:50px; padding:0 30px; width:100%; font-size:0;}
.ethical-wrap li {display:inline-block; width:20%; vertical-align:top; text-align:center;}
.ethical-wrap li strong {display:block; margin:17px 0 18px; font-weight:400; font-size:20px; line-height:1.2; color:#ef4136;}
.ethical-wrap li strong span {display:block; font-size:15px;}
.ethical-wrap li > span {display:block; font-size:17px; line-height:1.3; word-break:keep-all;}

@media only screen and (max-width: 768px) {
	.ethical-wrap h2 {height:220px; font-size:24px;}
	.ethical-wrap h3 {margin-top:50px;}
	.ethical-wrap ul {margin-bottom:-40px; text-align:center;}
	.ethical-wrap li {margin-bottom:40px; width:calc(100% / 3);}
}
@media only screen and (max-width: 640px) {
	.ethical-wrap h2 {padding:0 20px; height:200px; font-size:18px;}
	.ethical-wrap h2 br {display:none;}
	.ethical-wrap h2 br:nth-of-type(2) {display:block;}
	.ethical-wrap h3 {margin:30px 0 15px; padding:0 20px; font-size:20px;}
	.ethical-wrap h3 + p {padding:0 20px; font-size:16px}
	.ethical-wrap ul {padding:0 10px;}
	.ethical-wrap li {padding:0 10px; width:50%;}
	.ethical-wrap li strong {margin:12px 0 13px; font-size:18px;}
	.ethical-wrap li > span {font-size:16px;}
	.ethical-wrap li > span br {display:none;}
}


/* -------- 지속가능경영 -------- */
.sustainable-wrap {width:100%;}
.sustainable-wrap h2 {display:table; width:100%; height:270px; background:url('/tpl/basic_blue/images/sub/sustainable_slogan_bg.jpg') no-repeat center center; background-size:cover; font-weight:400; font-size:30px; line-height:1.4; color:#fff; text-align:center; word-break:keep-all;}
.sustainable-wrap h2 span {display:table-cell; vertical-align:middle;}
.sustainable-wrap h3 {margin:70px 0 25px; padding:0 30px; font-weight:300; font-size:30px; line-height:1.3; color:#333; word-break:keep-all;}
.sustainable-wrap h3 + p {padding:0 30px; font-size:17px; line-height:1.4; letter-spacing:0; word-break:keep-all;}

@media only screen and (max-width: 768px) {
	.sustainable-wrap h2 {height:220px; font-size:24px;}
	.sustainable-wrap h3 {margin-top:50px;}
}
@media only screen and (max-width: 768px) {
	.sustainable-wrap h2 {padding:0 20px; height:200px; font-size:18px;}
	.sustainable-wrap h2 br {display:none;}
	.sustainable-wrap h3 {margin:30px 0 15px; padding:0 20px; font-size:20px;}
	.sustainable-wrap h3 + p {padding:0 20px; font-size:16px;}
	.sustainable-wrap h3 + p br {display:none;}
}


/* -------- 상생경영 -------- */
.winwin-info {margin-top:50px; width:100%; font-size:0;}
.winwin-info-box {display:inline-block; margin-left:40px; margin-bottom:40px; width:280px; vertical-align:top; text-align:center;}
.winwin-info-box:first-child {margin-left:0;}
.winwin-info-box > img {border:1px solid #ddd; border-radius:50%; width:100%;}
.winwin-info-box h3 {margin:30px 0 28px; font-weight:400; font-size:30px; line-height:1; color:#ef4136;}
.winwin-info-box ol {display:inline-block; text-align:left;}
.winwin-info-box li {font-weight:300; font-size:17px; line-height:24px;}
.winwin-info-box li span {font-weight:400; margin-right:9px; color:#333;}

@media only screen and (max-width: 640px) {
	.winwin-info-box {margin-left:0;}
}




/* 보일러 동파/동결 예방법
------------------------------------------------------ */
.contents_sub {padding:0 20px;}
.prevent-wrap {width:100%;}
.prevent-inner {overflow:hidden; width:100%; height:0;}
.prevent-inner.on {height:auto;}
.prevent-inner .movie-wrap {position:relative; margin:50px 0 30px; padding-bottom:56.25%; height:0;}
.prevent-inner iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.prevent-info-box {overflow:hidden; margin-top:20px; width:100%; border-radius:4px; background:#f8f8f8;}
.prevent-info-box > img {float:left;}
.prevent-info-box .text-wrap {float:left; padding:40px 30px 0 20px; width:calc(100% - 230px); box-sizing:border-box;}
.prevent-info-box .text-wrap h4 {font-weight:400; font-size:18px; line-height:1; color:#333;}
.prevent-info-box .text-wrap h4 span {position:relative; display:inline-block; font-style:italic; font-weight:300; font-size:18px; line-height:1.4; color:#ef4136;}
.prevent-info-box .text-wrap h4 span:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ef4136;}
.prevent-info-box .text-wrap h4 strong {display:block; margin:15px 0 10px; font-weight:400; }
.prevent-info-box .text-wrap p ,
.prevent-info-box .text-wrap ul li {font-weight:300; font-size:16px; line-height:1.4; word-break:keep-all;}
.prevent-info-box .text-wrap ul li {padding-left:7px; text-indent:-7px;}

@media only screen and (max-width: 640px) {
	.prevent-inner .movie-wrap {margin-top:30px;}
	.prevent-info-box > img {float:none; width:100%;}
	.prevent-info-box .text-wrap {float:none; padding:20px; width:100%;}
}



/* Paging */
body .board_pagetab {margin:20px 0 0; font-size:0; text-align:center;}
body .board_pagetab > span {display:inline-block; vertical-align:top;}
body .board_pagetab a {position:relative; display:inline-block; margin:0 3px; padding:0; width:38px; height:38px; border:1px solid #e9e7e7; font-size:14px; line-height:38px; color:#222; vertical-align:top;}
body .board_pagetab > span.on a {border-color:#ef4136; color:#ef4439;}
body .board_pagetab > a img {display:none;}
body .board_pagetab .page-prev {border-left:0 none; margin-right:7px; margin-left:-3px;}
body .board_pagetab .page-next {border-right:0 none; margin-left:7px; margin-right:-3px;}
body .board_pagetab .page-prev:before,
body .board_pagetab .page-next:before,
body .board_pagetab .page-first:before,
body .board_pagetab .page-last:before {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-family: 'FontAwesome'; font-size:20px; color:#999;}
body .board_pagetab .page-prev:before {content:'\f104';}
body .board_pagetab .page-next:before {content:'\f105';}
body .board_pagetab .page-first:before {content:'\f100';}
body .board_pagetab .page-last:before {content:'\f101';}

@media only screen and (max-width: 640px) {
	body .board_pagetab {margin:20px 0 0;}
	body .board_pagetab a {width:25px; height:25px; font-size:12px; line-height:23px;}
	body .board_pagetab .page-prev:before,
	body .board_pagetab .page-next:before,
	body .board_pagetab .page-first:before,
	body .board_pagetab .page-last:before {font-size:16px;}
}


/* 지사대리점조회
------------------------------------------------------ */
.store-find-wrap {padding:0 30px; width:100%;}
.store-list {width:100%;}
.store-list-search {margin-bottom:30px; width:100%; font-size:0;}
.store-list-search select {display:inline-block; padding:0 0 0 15px; width:calc(50% - 5px); height:40px; border:1px solid #c6c6c6; box-sizing:border-box; font-size:16px;}
.store-list-search select:first-child {margin-right:9px;}
.store-list-search a {display:block; margin-top:9px; width:100%; background:#ef4136; font-weight:400; font-size:16px; line-height:40px; color:#fff; text-align:center;}

.engineer-list {overflow:hidden; margin-top:12px;}
.engineer-list li {float:left; margin-left:11px; width:calc(100% / 4 - 9px); border:1px solid #ddd; font-size:0;}
.engineer-list li:first-child {margin-left:0;}
.engineer-list li img {width:100%;}

@media only screen and (max-width: 640px) {
	.store-find-wrap {padding:0 20px;}
}

.store-list-result > p {margin:34px 0 15px; font-weight:300; font-size:18px; line-height:1; color:#666;}
.store-list-result > p strong {font-weight:400; color:#333;}
.store-inner {width:100%; border-top:2px solid #959595;}
.store-info {padding:17px 15px 16px; width:100%; box-sizing:border-box; border-bottom:1px solid #c9c9c9; clear: both; display: flex;}
.store-info h3 {margin:0 0 8px; font-weight:500; font-size:20px; line-height:1; color:#333;}
.store-info dl {font-size:0;}
.store-info dl dt,
.store-info dl dd {display:inline-block; padding:3px 0 2px; font-weight:400; font-size:15px; line-height:1.3; color:#666; vertical-align:top;}
.store-info dl dt {width:35px;}
.store-info dl dd {width:calc(100% - 38px);}
.store-info dl dt:last-of-type {width:60px;}
.store-info dl dd:last-of-type {width:calc(100% - 63px);}
.store-info .store-info-map  {width: 90%; float: left;}
.store-info .store-info-call {width: 10%; float: right; text-align:right; }
.store-info .store-info-call img {width: 90%; height: auto; }
@media only screen and (min-width: 640px) {
	.store-info .store-info-call img {width: 30px; height: 30px;}
}

.store-inner .store-no-data {padding:189px 0 190px; border-bottom:1px solid #c9c9c9; text-align:center;}




/* 회원
------------------------------------------------------ */

/* -------- 로그인 -------- */
.login_box {padding:0 30px;}
.login_box .login-obj {display:block; margin:0 auto 30px; padding-left:20px;}
.login_box .input_area {width:100%;}
.login_box .input_area input {margin-bottom:6px; padding:0 20px; width:100%; height:45px; border:1px solid #ddd; background:#fff; font-size:16px; line-height:43px;}
.login_box .login_btn {margin:19px 0 15px; width:100%; height:45px; background:#ef4136; color:#fff;}
.login_txt {display:none;}
.login_box .check {font-size:0;}
.login_box .check input,
.login_box .check label {display:inline-block; vertical-align:top;}
.login_box .check input {margin:0 5px 0 0; width:15px; height:15px;}
.login_box .check label {margin-right:10px; font-size:14px; line-height:15px;}
.login_box .member_txt_btn {margin-top:20px; padding-top:15px; width:100%; border-top:1px solid #e9e7e7; font-size:0; text-align:center;}
.login_box .member_txt_btn li {position:relative; display:inline-block; padding:0 5%; vertical-align:top;}
.login_box .member_txt_btn li:before {content:''; position:absolute; top:50%; left:0; margin-top:-6px; width:1px; height:12px; background:#ddd;}
.login_box .member_txt_btn li:first-of-type:before {display:none;}
.login_box .member_txt_btn li strong {display:none;}
.login_box .member_txt_btn li a {font-size:15px; color:#333;}

@media only screen and (max-width: 640px) {
	.login_box .login-obj {margin-bottom:25px; padding-left:14px; height:80px;}
}


/* -------- 회원가입 -------- */
.join-wrap,
.find-wrap {padding:0 20px; width:100%;}

.memo_box {position:relative; left:-20px; width:calc(100% + 40px); padding:15px 20px; border-top:2px solid #231815; border-bottom:1px solid #e9e7e7; font-size:15px; line-height:1.5; word-break:keep-all;}
.memo_box img {display:inline-block; margin:-2px 3px 0 5px; vertical-align:middle;}
.memo_box strong {font-weight:500; color:#333;}
.join-wrap .con_h {margin:20px 0 10px;}
.join-wrap .con_h h3 {font-weight:500; font-size:16px; color:#3b3b3b;}
.join-wrap .prov,
.join-wrap .priv {overflow-x:hidden; padding:15px; width:100%; height:150px; border:1px solid #e9e7e7; font-size:14px; line-height:1.4;}
.join-wrap .prov h3,
.join-wrap .priv h3 {margin:10px 0 5px; font-weight:500; color:#333;}
.join-wrap .prov p {margin-top:0 !important;}

.join-wrap .agree_chk {margin-top:15px; font-size:0;}
.join-wrap .agree_chk input {display:inline-block; margin:0; width:15px; height:15px; vertical-align:top;}
.join-wrap .agree_chk label {display:inline-block; margin-left:5px; font-size:13px; line-height:15px; vertical-align:top;}

.btn-wrap {margin-top:30px; width:100%; font-size:0; text-align:center;}
.btn-wrap input,
.btn-wrap a {display:inline-block; margin-left:16px; width:calc(50% - 8px); border:1px solid #f7a09a; background:#fff; box-sizing:border-box; font-size:15px; line-height:45px; color:#ef4136; text-align:center; vertical-align:top;  -webkit-appearance: none;}
.btn-wrap input:first-child,
.btn-wrap a:first-child {margin-left:0;}
.btn-wrap input:last-child,
.btn-wrap a:last-child {border-color:#ef4136; background:#ef4136; color:#fff;}

.join-wrap.end .join-end-obj {display:block; margin:0 auto 30px;}
.join-wrap.end h3 {font-weight:400; font-size:22px; line-height:1; color:#333; text-align:center;}
.join_end_box {margin:20px 0 35px; font-size:15px; text-align:center;}
.join-wrap.end .memo_box {font-size:22px; color:#333; text-align:center;}
.join_end_box strong {font-weight:500; color:#ef4136;}

.board-write {width:100%; border-top:1px solid #231815;}
.find-wrap .board-write,
.join-wrap .board-write {position:relative; left:-20px; width:calc(100% + 40px);}
.board-write table {width:100%;}
.board-write th,
.board-write td {clear:both; float:left; width:100%; width:100%; font-size:16px; text-align:left;}
.board-write th {padding:13px 20px; background:#f8f8f8; font-weight:500; line-height:1; color:#464646;}
.board-write th img {display:inline-block; margin-left:3px; margin-top:-3px; vertical-align:middle;}
.board-write td {padding:10px 20px; border-bottom:1px solid #e9e7e7;}
.board-write input[type="text"],
.board-write input[type="password"],
.board-write select {padding-left:10px; width:100%; height:40px; box-sizing:border-box; border:1px solid #ddd; font-size:16px; line-height:38px;}
table .join-id  td {font-size:0;}
table .join-id  td input[type="text"] {width:calc(100% - 87px);}
table .join-email td {font-size:0;}
table .join-email td input[type="text"] {width:calc(50% - 10px);}
table .join-email td input[type="text"] + span {display:inline-block; width:20px; font-size:14px; text-align:center;}
table .join-email td select {margin-top:7px; width:calc(100% - 87px);}
table .join-email td select + a {margin-top:7px;}
table .join-email td input[type="checkbox"] {display:inline-block; margin:5px 5px 0 0;}
table .join-email td label {display:inline-block; margin-top:5px; font-size:16px;}
table .join-email td div {font-size:16px; line-height:1.3;}

table .t-info-txt {display:block; margin-top:7px; font-size:15px;}


/* 검색폼
------------------------------------------------------ */
/* Search area */
#mobile_contents .mobile_search {padding:15px 30px; width:100%; background:#f7f7f7; text-align:center;}
#mobile_contents .mobile_search form {position:relative; margin:0 auto; min-width:auto; width:100%; max-width:600px; font-size:0;}
#mobile_contents .mobile_search select, .mobile_search button, .mobile_search input {display:inline-block; padding:0 10px; font-size:15px; height:40px; vertical-align:top;}
#mobile_contents .mobile_search select {width:100px; border-right:0 none;}
#mobile_contents .mobile_search input {padding-right:40px; width:calc(100% - 100px);}
#mobile_contents .mobile_search a {position:absolute; top:0; right:0;}
#mobile_contents .mform_search, .mobile_search select {border:1px solid #dadada; background:#fff;}
#mobile_contents .mform_textarea {padding:5px; border:1px solid #dadada; height:140px; width:100%; font-size:15px;}

#mobile_contents .mbtn_search {display:inline-block; padding:0; width:40px; background:url('/tpl/basic_blue/images/common/icon_search.png') no-repeat center center; background-size:50% auto; font-size:0;}
/* #mobile_contents .btn_txt {font-size:14px; color:#fff; font-weight:600;} */
/*.btn_search {background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -moz-linear-gradient(top, #fefefe, #efefef); border:1px solid #aaa; font-size:14px; color:#333;}*/

@media screen and (max-width:640px) {
	#mobile_contents .mobile_search {padding:15px;}
}

.no-data {padding:20px 10px !important; font-size:16px; line-height:1; color:#777; text-align:center;}
@media screen and (max-width:640px) {
	.no-data {font-size:15px;}
}

/* 이벤트게시판
------------------------------------------------------ */
.event-g-list {padding:30px 30px 0; width:100%; font-size:0;}
.event-g-list li {display:inline-block; margin:0 0 30px 30px; width:calc(100% / 3 - 20px); border:1px solid #e9e7e7; vertical-align:top;}
.event-g-list li:nth-child(3n+1) {margin-left:0;}
.event-g-list li a {display:block;}
.event-g-list li a > img {width:100%;}
.event-g-list li div {padding:20px; border-top:1px solid #e9e7e7;}
.event-g-list li strong {font-weight:300; font-size:14px; line-height:13px; color:#ef4136;}
.event-g-list li strong img {display:inline-block; margin-top:-2px; margin-right:4px; vertical-align:top;}
.event-g-list li .title {overflow:hidden; display:-webkit-box; margin:3px 0 5px; width:100%; max-height:56px; margin-top:5px; font-weight:400; font-size:20px; line-height:1.3; color:#333; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.event-g-list li .Item_date {margin-right:9px; font-weight:400; font-size:17px; line-height:1.3;}
.event-icon {display:inline-block; margin-top:3px; padding:6px 8px; font-weight:300; font-size:14px; line-height:1; color:#fff; text-align:left;}
.event-icon.ing {background:#f8554b;}
.event-icon.end {background:#9a9a9a;}

@media only screen and (max-width: 768px) {
	.event-g-list li {margin:0 0 20px 20px; width:calc(100% / 3 - 14px);}
	.event-g-list li div {padding:15px;}
	.event-g-list li .title {max-height:44px; font-size:17px;}
	.event-g-list li .Item_date {font-size:15px;}
}
@media only screen and (max-width: 640px) {
	.event-g-list {padding:20px 20px 0;}
	.event-g-list li {margin:0 0 20px 0; width:100%;}
}


/* 웹진게시판
------------------------------------------------------ */
.webzine-list {padding:10px 30px 0; width:100%;}
.webzine-box {padding:20px 0; border-bottom:1px solid #e9e7e7; font-size:0;}
.webzine-box .img-wrap,
.webzine-box dl,
.webzine-box ul {display:inline-block; vertical-align:middle;}
.webzine-box .img-wrap {margin-right:20px; width:200px;}
.webzine-box .img-wrap img {width:100%; height:auto;}
.webzine-box dl {padding-right:20px; width:calc(100% - 220px);}
.webzine-box dl dt {overflow:hidden; width:100%; max-height:56px; font-weight:400; font-size:22px; line-height:1.3; color:#333; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all;}
.webzine-box dl dd {overflow:hidden; margin-top:10px; max-height:44px; font-weight:300; font-size:17px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all;}

@media only screen and (max-width: 640px) {
	.webzine-list {padding:0 20px;}
	.webzine-box .img-wrap {width:100%;}
	.webzine-box dl {margin-top:15px; padding-right:0; width:100%;}
	.webzine-box dl dt {max-height:45px; font-size:17px;}
	.webzine-box dl dd {max-height:43px; font-size:15px;}
}


/* 갤러리
------------------------------------------------------ */
.gallery-default {margin:40px 0 -20px; padding:0 20px; width:100%; font-size:0;}
.gallery-default li {display:inline-block; margin:0 0 30px 0; width:100%; box-sizing:border-box; border:1px solid #e9e7e7; vertical-align:top;}
.gallery-default li a {display:block;}
.gallery-default li .img-wrap img {width:100%;}
.gallery-default li .text-wrap {overflow:hidden; padding:23px 20px; width:100%; box-sizing:border-box; border-top:1px solid #e9e7e7; }
.gallery-default li strong {display:block; font-weight:300; font-size:14px; line-height:13px; color:#ef4136;}
.gallery-default li strong img {display:inline-block; margin-top:-2px; margin-right:4px; vertical-align:top;}
.gallery-default li .title {overflow:hidden; display:-webkit-box; margin-top:5px; width:100%; max-height:56px; margin-top:5px; font-weight:400; font-size:18px; line-height:1.3; color:#333; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.gallery-default .conts-txt {overflow:hidden; display:-webkit-box; margin-top:5px; font-weight:400; font-size:15px; line-height:1.3; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}



/* 수상실적
------------------------------------------------------ */
.gallery_list {margin-top:40px; padding:0 20px; margin-bottom:-20px; width:100%; font-size:0;}
.gallery_list li {display:inline-block; margin:0 0 30px 30px; width:calc(100% / 2 - 15px); border:1px solid #e9e7e7; box-sizing:border-box; vertical-align:top; text-align:center;}
.gallery_list li:nth-child(2n+1) {margin-left:0;}
.gallery_list li > img {max-width:100%;}
.gallery_list li .text-wrap {padding:23px 20px; border-top:1px solid #e9e7e7; box-sizing:border-box;}
.gallery_list li span,
.gallery_list li strong {display:block;}
.gallery_list .icon-wrap {font-weight:300; font-size:14px; line-height:13px; color:#ef4136;}
.gallery_list .icon-wrap img {display:inline-block; margin-right:4px; vertical-align:top;}
.gallery_list .conts-date-wrap {margin-top:7px; font-size:17px; line-height:1.3; color:#999;}
.gallery_list .title-wrap {margin-top:7px; font-weight:400; font-size:18px; line-height:1.25; color:#333; word-break:keep-all;}

@media only screen and (max-width: 640px) {
	.gallery_list li {margin-left:0; width:100%;}
}



/* 기술인증
------------------------------------------------------ */
.certification-area {margin-top:40px; padding:0 20px; width:100%;}
.certification-box {padding:40px 0; width:100%; border-bottom:1px solid #d2d2d2; font-size:0; text-align:center;}
.certification-box:first-child {padding-top:0;}
.certification-box img {display:inline-block; margin-bottom:25px; width:293px; border:1px solid #d2d2d2; vertical-align:top;}
.certification-box > dl {display:inline-block; width:100%; vertical-align:top;}
.certification-box > dl dt {font-weight:400; font-size:22px; line-height:1.4 ;color:#2b3137; word-break:keep-all;}
.certification-box > dl dt:after {content:''; display:block; margin:20px auto; width:54px; height:1px; background:#ef4136;}
.certification-box > dl dd {font-weight:300; font-size:16px; line-height:1.5; color:#888; letter-spacing:-0.25px; word-break:keep-all;}
.certification-box > dl dd a {display:inline-block; margin:15px 0 0; padding:0 13px; border:1px solid #d2d2d2; font-size:15px; line-height:30px !important; color:#333; vertical-align:top; cursor:pointer;}
.certification-box .no-data {display:block; padding:30px 0; font-size:17px; line-height:1; color:#888; text-align:center;}




/* movie
------------------------------------------------------ */
.video-area.movie {margin-top:40px; margin-bottom:-50px; padding:0 20px; width:100%; font-size:0;}
.video-area.movie > div {display:inline-block; margin-bottom:50px; margin-left:36px; width:calc(50% - 20px); border:1px solid #e9e7e7; vertical-align:top;}
.video-area.movie > div:nth-child(2n+1) {margin-left:0;}
.video-area.movie .img-wrap {position:relative;}
.video-area.movie .img-wrap img {width:100%; height:auto;}
.video-area.movie .movie-play-btn {position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px;}
.video-area.movie .text-wrap {position:relative; padding:23px 20px 76px; width:100%; box-sizing:border-box; border-top:1px solid #e9e7e7;}
.video-area.movie h2 {font-weight:300; font-size:14px; line-height:13px; color:#ef4136;}
.video-area.movie h2 img {display:inline-block; margin-top:2px; margin-right:4px; vertical-align:top;}
.video-area.movie h3 {overflow:hidden; display:-webkit-box; margin-top:7px; font-weight:400; font-size:20px; line-height:1.3; color:#333;}
.video-area.movie .text-info {overflow:hidden; display:-webkit-box; margin-top:5px; min-height:42px; max-height:42px; font-weight:400; font-size:16px; line-height:1.3; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.video-area.movie a {position:absolute; bottom:-1px; left:-1px; display:block; width:calc(100% + 2px); border:1px solid #e9e7e7; font-weight:300; font-size:16px; line-height:48px; color:#ef4237; text-align:center;}
.video-area.movie a span:before {content:''; display:inline-block; margin:-6px 10px 0 0; width:20px; height:19px; background:url('/tpl/basic_blue/images/board/print_ad_zoom_off.png') no-repeat 0 0; vertical-align:middle;}
.video-area.movie a:hover {border-color:#ef4237; background:#ef4237;}
.video-area.movie a:hover span {color:#fff;}
.video-area.movie a:hover span:before {background:url('/tpl/basic_blue/images/board/print_ad_zoom_on.png') no-repeat 0 0;}

@media only screen and (max-width: 640px) {
	.video-area.movie {margin-bottom:-30px;}
	.video-area.movie > div {margin-left:0; margin-bottom:30px; width:100%;}
}



/* 지면광고
------------------------------------------------------ */
.print-ad-wrap {margin:40px 0 -20px; padding:0 20px; width:100%; font-size:0;}
.print-ad-box {position:relative; display:inline-block; margin:0 0 30px 30px; padding-bottom:48px; width:calc(100% / 2 - 15px); box-sizing:border-box; border:1px solid #e9e7e7; vertical-align:top;}
.print-ad-box:nth-child(2n+1) {margin-left:0;}
.print-ad-box > img {width:100% !important;}
.print-ad-text {padding:23px 20px; width:100%; box-sizing:border-box; border-top:1px solid #e9e7e7;}
.print-ad-text * {word-break:keep-all;}
.print-ad-text h2 {font-weight:300; font-size:14px; line-height:13px; color:#ef4136;}
.print-ad-text h2 img {display:inline-block; margin-right:4px; vertical-align:top;}
.print-ad-text h3 {overflow:hidden; display:-webkit-box; max-width:100%; margin-top:5px; height:52px; font-weight:400; font-size:20px; line-height:1.3; color:#333; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.print-ad-text p {overflow:hidden; height:42px; margin-top:5px; font-size:16px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;}
.print-ad-text + a {position:absolute; bottom:-1px; left:-1px; display:block; width:calc(100% + 2px); height:50px; box-sizing:border-box; border:1px solid #e9e7e7; text-align:center;}
.print-ad-text + a span {display:inline-block; font-weight:300; font-size:17px; line-height:48px; color:#ef4237; vertical-align:middle;}
.print-ad-text + a span:before {content:''; display:inline-block; margin:-6px 10px 0 0; width:20px; height:19px; background:url('/tpl/basic_blue/images/board/print_ad_zoom_off.png') no-repeat 0 0; vertical-align:middle;}
.print-ad-text + a:hover {border-color:#ef4237; background:#ef4237;}
.print-ad-text + a:hover span {color:#fff;}
.print-ad-text + a:hover span:before {background:url('/tpl/basic_blue/images/board/print_ad_zoom_on.png') no-repeat 0 0;}

@media only screen and (max-width: 640px) {
	.print-ad-box {margin-left:0; width:100%;}
}



/* tab
------------------------------------------------------ */
.bbs-tab{display:table; width:100%; font-size:0; table-layout:fixed;}
.bbs-tab li{position:relative; display:table-cell; width:100%; box-sizing:border-box; background:#e6e6e6; vertical-align:middle;}
.bbs-tab li:before{content:""; display:block; position:absolute; top:0; left:0; width:1px; height:100%; background:#fff;}
.bbs-tab li:fisrt-child:bofore{display:none;}
.bbs-tab li a{display:block; padding:16px 10px; width:100%; height:100%; box-sizing:border-box; font-size:17px; line-height:1.3; color:#333; text-align:center;}
.bbs-tab .tab.ton{background:#ef4136;}
.bbs-tab .tab.ton a{color:#fff;}

.bbs-tab.line2 a {padding:25px 0; word-break:keep-all;}
.bbs-tab.line2 span {display:block; font-size:14px; line-height:1.3;}

@media only screen and (max-width: 640px) {
	.bbs-tab.line2 a {padding:20px 0; font-size:15px; line-height:1.3;}
	.bbs-tab.line2 span {font-size:13px; line-height:1.5;}
}

/* 다운로드
------------------------------------------------------ */
.download-tab-1dep {width:100%;}
.download-tab-1dep .slide-wrap {margin-bottom:0; border:1px solid #ccc; border-left:0 none;}
.download-tab-1dep .slide-wrap .slide {float:left; width:calc(100% / 8); border-left:1px solid #ccc; box-sizing:border-box;}
.download-tab-1dep .slide-wrap .slide:last-child {}
.download-tab-1dep .slide-wrap .slide a {display:block; margin-right:-1px; padding:105px 0 20px; box-sizing:border-box; background-repeat:no-repeat; background-position:center 30px; background-size:auto 60px; text-align:center;}
.download-tab-1dep .slide-wrap .slide a span {font-size:16px; line-height:1;}

.download-tab-1dep .slide-wrap .slide.cate00 a {background-image:url('/tpl/basic_blue/images/board/download01_off.png');}
.download-tab-1dep .slide-wrap .slide.cate02 a {background-image:url('/tpl/basic_blue/images/board/download04_off.png');}
.download-tab-1dep .slide-wrap .slide.cate03 a {background-image:url('/tpl/basic_blue/images/board/download03_off.png');}
.download-tab-1dep .slide-wrap .slide.cate05 a {background-image:url('/tpl/basic_blue/images/board/download05_off.png');}
.download-tab-1dep .slide-wrap .slide.cate04 a {background-image:url('/tpl/basic_blue/images/board/download06_off.png');}
.download-tab-1dep .slide-wrap .slide.cate06 a {background-image:url('/tpl/basic_blue/images/board/download07_off.png');}
.download-tab-1dep .slide-wrap .slide.cate01 a {background-image:url('/tpl/basic_blue/images/board/download02_off.png');}
.download-tab-1dep .slide-wrap .slide.cate07 a {background-image:url('/tpl/basic_blue/images/board/download08_off.png');}
.download-tab-1dep .slide-wrap .slide.cate09 a {background-image:url('/tpl/basic_blue/images/board/download09_off.png');}

.download-tab-1dep .slide-wrap .on a {border-color:#ef4136; background-color:#ef4136;}
.download-tab-1dep .slide-wrap .on a span {color:#fff;}

.download-tab-1dep .slide-wrap .slide.cate00.on a {background-image:url('/tpl/basic_blue/images/board/download01_on.png');}
.download-tab-1dep .slide-wrap .slide.cate02.on a {background-image:url('/tpl/basic_blue/images/board/download04_on.png');}
.download-tab-1dep .slide-wrap .slide.cate03.on a {background-image:url('/tpl/basic_blue/images/board/download03_on.png');}
.download-tab-1dep .slide-wrap .slide.cate05.on a {background-image:url('/tpl/basic_blue/images/board/download05_on.png');}
.download-tab-1dep .slide-wrap .slide.cate04.on a {background-image:url('/tpl/basic_blue/images/board/download06_on.png');}
.download-tab-1dep .slide-wrap .slide.cate06.on a {background-image:url('/tpl/basic_blue/images/board/download07_on.png');}
.download-tab-1dep .slide-wrap .slide.cate01.on a {background-image:url('/tpl/basic_blue/images/board/download02_on.png');}
.download-tab-1dep .slide-wrap .slide.cate07.on a {background-image:url('/tpl/basic_blue/images/board/download08_on.png');}
.download-tab-1dep .slide-wrap .slide.cate09.on a {background-image:url('/tpl/basic_blue/images/board/download09_on.png');}

@media only screen and (max-width: 768px) {
	.download-tab-1dep {padding:0 30px;}
	.download-tab-1dep .slick-prev,
	.download-tab-1dep .slick-next {margin-top:-24px; width:20px; height:48px;}
	.download-tab-1dep .slick-prev.slick-disabled:before,
	.download-tab-1dep .slick-next.slick-disabled:before,
	.download-tab-1dep .slick-prev:before,
	.download-tab-1dep .slick-next:before {opacity:1; width:20px; height:48px; font-size:0; display:inline-block;}
	.download-tab-1dep .slick-prev {left:-31px;}
	.download-tab-1dep .slick-next {right:-31px;}
	.download-tab-1dep .slick-prev.slick-disabled:before,
	.download-tab-1dep .slick-prev:before {background:url('/mobile/tpl/basic/images/sub/download_prev.png') no-repeat 0 0; background-size:auto 100%;}
	.download-tab-1dep .slick-next.slick-disabled:before,
	.download-tab-1dep .slick-next:before {background:url('/mobile/tpl/basic/images/sub/download_next.png') no-repeat 0 0; background-size:auto 100%;}
}

.download-tab-2dep {margin:20px 0 25px; width:100%;}
.download-tab-2dep ul {display:table; width:100%;}
.download-tab-2dep ul li {position:relative; display:table-cell; border-top:1px solid #ef4136; border-bottom:1px solid #ccc; vertical-align:middle; text-align:center;}
.download-tab-2dep ul li:before {content:''; position:absolute; top:50%; left:0; margin-top:-8px; width:1px; height:16px; background:#b8b8b8;}
.download-tab-2dep ul li:first-child:before {display:none;}
.download-tab-2dep ul li a {display:block; padding:13px 10px; font-size:16px; line-height:1.3; color:#666; word-break:keep-all; vertical-align:middle;}
.download-tab-2dep ul li:hover a ,
.download-tab-2dep ul li.on a {color:#ef4136;}

.download-search {clear:both; text-align:center;}
.download-search .search-form {position:relative; left:-20px; padding:20px; width:calc(100% + 40px); background:#f8f8f8; font-size:0}
.download-search .search-form select,
.download-search .search-form input {display:inline-block; height:40px; vertical-align:top;}
.download-search .search-form select {padding-left:12px; margin-bottom:7px; width:calc(50% - 3px); border:1px solid #dadada; font-size:16px;}
.download-search .search-form select + select {margin-left:6px;}
.download-search .search-form input {margin-bottom:7px; padding:0 12px; width:100%; border:1px solid #dadada; font-size:16px;}
.download-search .search-form select + select + input {width:100%;}
.download-search .search-form a {display:inline-block; width:100%; border-radius:2px; box-sizing:border-box; background:#595757; font-weight:400; font-size:16px; line-height:40px; color:#fff; vertical-align:top; text-align:center;}
.download-search .search-form a span {position:relative;}
.download-search .search-form a span:before {content:''; display:inline-block; margin:-4px 5px 0 0; width:20px; height:18px; background:url('/tpl/basic_blue/images/board/download_serach_icon.png') no-repeat 0 0; background-size:100% auto; vertical-align:middle;}
.download-search-total {position:relative; display:inline-block; margin:20px 20px 30px; font-size:18px; line-height:1.4;}
.download-search-total:before {content:''; position:absolute; top:0; left:-14px; width:12px; height:9px; background:url('/tpl/basic_blue/images/board/download_total01.png') no-repeat 0 0;}
.download-search-total:after {content:''; position:absolute; top:0; right:-14px; width:12px; height:9px; background:url('/tpl/basic_blue/images/board/download_total02.png') no-repeat 0 0;}
.download-search-total img {display:inline-block; vertical-align:middle;}
.download-search-total span {color:#ef4136;}

/* list */
.download-list {position:relative; left:-20px; width:calc(100% + 40px); border-top:1px solid #231815;}
.download-list > ul {width:100%;}
.download-list > ul > li {overflow:hidden; padding:20px 20px 25px; border-bottom:1px solid #dadada;}
.download-list > ul > li > span,
.download-list > ul > li > strong {display:block;}
.download-list > ul > li > span {padding:3px 0; font-weight:300; font-size:16px; line-height:1.3; color:#666;}
.download-list .down-cate img {display:inline-block; margin:-3px 3px 0 4px; vertical-align:middle;}
.download-list > ul > li > strong {padding:3px 0; font-weight:500; font-size:18px; line-height:1.3; color:#333;}
.download-list > ul > li ul {display:block; margin-top:13px; width:100%; font-size:0;}
.download-list > ul > li ul li {display:inline-block; margin-left:10px; width:calc(100% / 3 - 8px); vertical-align:top;}
.download-list > ul > li ul li:first-child {margin-left:0;}
.download-list > ul > li ul li a {display:block; height:45px; border-radius:3px; border:1px solid #989898; box-sizing:border-box; font-size:15px; line-height:43px; color:#989898; text-align:center; transition: background-color .3s;}
.download-list > ul > li ul li a span {position:relative; display:inline-block; line-height:43px;}
.download-list > ul > li ul li a span:after {content:''; display:inline-block; margin:-2px 0 0 7px; width:11px; height:14px; background:url('/tpl/basic_blue/images/board/download_icon_g.png') no-repeat 0 0; vertical-align:middle;}
.download-list > ul > li ul li a:hover {border-color:#ef4136;  background:#ef4136; color:#fff;}
.download-list > ul > li ul li a:hover span:after {background:#ef4136 url('/tpl/basic_blue/images/board/download_icon_w.png') no-repeat 0 0;}


/* -------- faq -------- */
.download-search.faq {margin-top:30px;}

.faq-board {position:relative; left:-20px; width:calc(100% + 40px); border-top:1px solid #231815;}
.faq-board dl {border-bottom:1px solid #dadada;}
.faq-board dt {overflow:hidden; padding:18px 20px; background:url('/tpl/basic_blue/images/board/faq_arrow_off.png') no-repeat 95% center; cursor:pointer; font-size:0;}
.faq-board dt.on {background:url('/tpl/basic_blue/images/board/faq_arrow_on.png') no-repeat 95% center;}
.faq-board dt .faq-img,
.faq-board dt span,
.faq-board dt a {display:inline-block; vertical-align:top;}
.detail-cate {margin:0 0 0 15px; width:90px; border-radius:12.5px; box-sizing:border-box; background:#ef4136; font-weight:400; font-size:14px; line-height:24px; color:#fff; text-align:center;}
.faq-board dt .faq-img {margin-top:4px;}
.faq-board dt a {padding:1px 20px 0; width:calc(100% - 125px); font-size:16px; line-height:1.3;}
.faq-board dd {display:none; overflow:hidden; padding:25px 20px; border-top:1px solid #dadada; background:#f8f8f8; font-size:0;}
.faq-board dd .faq-img {display:inline-block; height:14px; vertical-align:top;}
.faq-board dd .q-wrap {display:inline-block; padding-left:15px; width:calc(100% - 18px); box-sizing:border-box; vertical-align:top; font-size:16px;}
.faq-board dd .q-wrap * {font-family:'Noto Sans KR', sans-serif !important; font-size:16px !important; color:#666 !important;}


/* utils
------------------------------------------------------ */
.utils-wrap {padding:0 20px; width:100%; font-size:15px; line-height:1.4; word-break:keep-all;}
.utils-wrap h3 {display:inline-block; margin:20px 0 9px; font-weight:500; font-size:18px; color:#333;}
.utils-wrap .title-wrap {padding:15px; border:1px solid #ddd; box-sizing:border-box; background:#f9f9f9;}
.utils-box p,
.utils-box > ul > li,
.utils-box > ol > li {position:relative; margin-top:9px; padding-left:12px; font-weight:300;}
.utils-box p:first-child,
.utils-box > ul > li:first-child,
.utils-box > ol > li:first-child,
.utils-wrap h3 + p {margin-top:0;}
.utils-box p.last-title {margin-top:50px;}
.utils-box > p:before,
.utils-box > ul > li:before,
.utils-box > ol > li:before {content:''; position:absolute; top:8px; left:0; border-radius:50%; width:5px; height:5px; background:rgba(0,0,0,.5);}
.utils-box > ul ul,
.utils-box > ul ol,
.utils-box > ol ul,
.utils-box > ol ol {margin-top:5px;}
.utils-box > ul ul li,
.utils-box > ul ol li,
.utils-box > ol ul li,
.utils-box > ol ol li {margin-top:3px; padding-left:6px; text-indent:-6px;}
.utils-box strong {font-weight:500; color:#333;}



/* BBS_notice */
.mobile_notice {clear:both; width:100%; border:1px solid #e9e7e7; border-width:1px 0; border-top-color:#231815;}
.mobile_notice li {width:100%; padding:20px 15px 15px; text-align:center; border-bottom:1px solid #e9e7e7; color:#666; font-weight:500;}
.mobile_notice li a:hover {background:#f3f3f3;}
.mobile_notice li:last-child {border-bottom:none;}
.mobile_notice li dl {width:100%; text-align:left; *zoom:1; font-size:0;}
.mobile_notice li dl:after {content:""; display:block; clear:both;}
.mobile_notice li dl dt {margin-bottom:5px; width:100%;}
.mobile_notice li dl dt img{margin-left:2px; vertical-align:middle;}
.mobile_notice li dl dt img:nth-of-type(1){margin-left:5px;}
.mobile_notice li dl dt a {overflow:hidden; display:inline-block; max-width:calc(100% - 30px); text-align:left; vertical-align:middle; letter-spacing:-1px; font-weight:300; font-size:17px; line-height:1.3; color:#111; text-overflow:ellipsis; white-space:nowrap;}
.mobile_notice li dl dd {position:relative; display:inline-block; padding:0 10px; vertical-align:top; font-weight:300; font-size:15px;}
.mobile_notice li dl dd:first-of-type {padding-left:0;}
.mobile_notice li dl dd:before {content:''; position:absolute; top:0; left:0; margin-top:6px; width:1px; height:12px; background:#ddd;}
.mobile_notice li dl dd:first-of-type:before {display:none;}

.tab {/* padding:10px; */ width:100%; font-size:0}
.tab li {display:inline-block; width:25%; text-align:center; vertical-align:top;}
.tab li a {font-size:15px; line-height:30px;}


/* -------- view -------- */
.board-view {width:100%; border-top:1px solid #231815; border-bottom:1px solid #e9e7e7; text-align:left;}
.board-view table {width:100%;}
.board-view .title-wrap {padding:15px 20px; background:#f8f8f8; font-weight:400; font-size:16px; line-height:1.3; color:#333;}
.board-view .title-wrap span {font-weight:400; font-size:16px; line-height:1.3; color:#333;}
.board-view .title-wrap .board_notice {color:#ef4136;}
.board-view .title-wrap .Btitle {margin-left:0;}
.board-view .title-wrap + ul {overflow:hidden; padding:8px 20px; width:100%; border:1px solid #e9e7e7; border-width:1px 0; font-size:0;}
.board-view .title-wrap + ul li {position:relative; display:inline-block; padding:8px 25px 8px 0; font-size:15px; line-height:1; vertical-align:middle;}
.board-view .title-wrap + ul li:before {content:''; position:absolute; top:50%; right:12px; margin-top:-6px; width:1px; height:12px; background:#666;}
.board-view .title-wrap + ul li:first-child {padding-left:0;}
.board-view .title-wrap + ul li:last-child {padding-right:0;}
.board-view .title-wrap + ul li:last-child:before {display:none;}
.board-view .title-wrap + ul li strong {margin-right:13px; font-weight:400; color:#333;}
.board-view .view {padding:20px 30px; font-size:16px; line-height:1.5;}
.board-view .view img {max-width:100% !important; height:auto !important;}

/* 고객의소리 답변 */
.answer-wrap {padding:20px; width:100%; border-top:1px solid #e9e7e7; box-sizing:border-box; background:#f8f8f8; font-size:0;}
.answer-wrap .answer-tit {display:inline-block; width:25px; height:25px; border-radius:50%; background:#515658; font-weight:500; font-size:15px; line-height:25px; color:#fff; text-align:center; vertical-align:top;}
.answer-wrap .answer-txt {display:inline-block; padding-left:10px; padding-top:2px; width:calc(100% - 54px); box-sizing:border-box; font-size:16px; line-height:1.3; vertical-align:top;}


/* -------- comment -------- */
#mobile_contents .cmt_view {width:100%; background:#eef3f5; margin:5px 0; padding:0;}
#mobile_contents .cmt_view li {border-bottom:1px dashed #bdc4c6; padding:5px 5px 10px;}
#mobile_contents .cmt_view li:last-child {border-bottom:none;}
#mobile_contents .coment-form {border-top: 1px solid #bababa; padding-top: 10px;}
#mobile_contents .mobile_board .view02 {width:94%; padding:5px 3%;}
#mobile_contents .cmt_view span.name {display:inline-block; padding-bottom:3px; color:#254c90;}
#mobile_contents .cmt_txt {width:100%; overflow:hidden; padding:0 !important}
#mobile_contents .cmt_txt li {float:left;}
#mobile_contents .cmt_txt li.Tbox {width:80%;}
#mobile_contents .cmt_txt li.Tbtn {width:20%;}
#mobile_contents .cmt_txt li.Tbox textarea {height:47px; border:1px solid #bababa;}
#mobile_contents .btn_txt01 {color:#fff; font-weight:600;}
#mobile_contents .btnCmt  { display:inline-block; background:#4d4d4d; border:1px solid #373737;padding:13px 20px 12px; width: 100%;}


/* -------- write -------- */
.bwrite {position:relative; left:-20px; width:calc(100% + 40px); border-top:1px solid #231815;}
.bwrite table {width:100%;}
.bwrite th,
.bwrite td {clear:both; float:left; width:100%; width:100%; font-size:16px; text-align:left;}
.bwrite th {padding:13px 20px; background:#f8f8f8; font-weight:500; line-height:1; color:#464646;}
.bwrite th img {display:inline-block; margin-left:5px; margin-top:-3px; vertical-align:middle;}
.bwrite td {padding:10px 20px; border-bottom:1px solid #e9e7e7;}
.bwrite input[type="text"],
.bwrite input[type="password"],
.bwrite select {padding-left:10px; width:100%; height:40px; box-sizing:border-box; border:1px solid #ddd; font-size:16px; line-height:38px;}
table .write-phone td input[type="checkbox"] {display:inline-block; margin:5px 5px 0 0;}
table .write-phone td label {display:inline-block; margin-top:5px; font-size:16px;}
table textarea {padding:10px; width:100%; height:150px; box-sizing:border-box; border:1px solid #ddd; font-size:16px; line-height:1.3;}

.cheditor-container {width:100% !important;}
.cheditor-tb-wrapper {height:auto !important;}
.cheditor-editarea {height:200px !important;}


/* 신청폼
------------------------------------------------------ */
.form_app {width:100%; border-top:1px solid #231815;}
.form_app table {width:100%;}
.form_app th,
.form_app td {clear:both; float:left; width:100%; width:100%; font-size:16px; text-align:left;}
.form_app th {padding:13px 20px; background:#f8f8f8; font-weight:500; line-height:1; color:#464646;}
.form_app th img {display:inline-block; margin-left:5px; margin-top:-3px; vertical-align:middle;}
.form_app td {padding:10px 20px; border-bottom:1px solid #e9e7e7;}
.form_app input[type="text"],
.form_app input[type="password"],
.form_app select {padding-left:10px; width:100%; height:40px; box-sizing:border-box; border:1px solid #ddd; font-size:16px; line-height:38px;}

table .form-addr td {font-size:0;}
table .form-addr td  input[type="text"]:first-child {width:calc(100% - 87px);}

table .write-phone td {font-size:0;}
table .write-phone td input[type="text"],
table .write-phone td select {display:inline-block; width:calc(100% / 3 - 14px);}
table .write-phone td span {display:inline-block; width:20px; font-size:16px; line-height:40px; text-align:center;}

table .btn-confirm, .store-info-call .btn-confirm {display:inline-block; margin-left:7px; padding:0 13px; border:1px solid #ffb8b4; font-size:15px; line-height:38px; color:#f8554b; vertical-align:top;}

/* 개인정보동의 */
.agree-wrap {overflow:hidden; margin-top:25px; padding:20px; width:100%; box-sizing:border-box; border:1px solid #e9e7e7; border-width:1px 0; background:#f8f8f8;}
.agree-wrap h3 {margin-bottom:15px; font-weight:400; font-size:17px; line-height:1; color:#333;}
.agree-wrap h3 + div {overflow-x:hidden; margin-bottom:12px; padding:16px 20px; width:100%; height:123px; box-sizing:border-box; border:1px solid #e9e7e7; background:#fff; font-size:14px; line-height:1.3;}
.agree-wrap input[type="checkbox"] {margin-left:0;}
.agree-wrap label {margin-top:10px; font-weight:300; font-size:16px; line-height:1; cursor:pointer;}

.my-info-form {margin-top:10px; padding:0 20px;}


/* Button */
.btn_area {margin-top:20px; padding:0 20px; text-align:center;}
.align_left {margin:13px 0; padding:0 20px; width:100%; text-align:center;}
.align_left a {display:inline-block; padding:8px 17px 9px; width:100%; background:#fff; border:1px solid #aaa; font-size:16px; color:#6a6a6a;}
.align_right {margin:13px 0; padding:0 20px; width:100%; text-align:center;}
.align_center {margin:13px 0; padding:0 20px;}
.btnList {display:inline-block; width:100%; background:#6a6a6a; font-weight:300; font-size:16px; line-height:40px; color:#fff;}
.btnWrite {display:inline-block; padding:8px 17px 9px; width:100%; background:#5f5f5f; border:1px solid #5f5f5f; font-size:16px; color:#fff;}
.my_write {display:inline-block; margin-bottom:5px; padding:8px 17px 9px; width:100%; background:#fff; border:1px solid #aaa; font-size:16px; color:##6a6a6a;}

ul.btn_area {padding:0; font-size:0;}
.btn_area li {display:inline-block; margin-left:10px; width:calc(100% / 3 - 7px); border:1px solid #f7a09a; background:#fff; box-sizing:border-box; font-size:15px; line-height:45px; color:#ef4136; vertical-align:top;}
.btn_area li:first-child {margin-left:0;}
.btn_area li:nth-child(2) {border-color:#ef4136; background:#ef4136; color:#fff;}
.btn_area li:last-of-type {border-color:#5f5f5f; background:#5f5f5f; color:#fff;}



/* -------- sitemap -------- */
.sitemap {padding:0 30px; width:100%; box-sizing:border-box;}
.sitemap .sitemap-list-box {width:100%; border-top:2px solid #ddd;}
.sitemap .sitemap-conts {padding:40px 20px 20px; border-bottom:1px solid #e6e6e6;}
.sitemap .sitemap-conts h3 {margin-bottom:30px; font-weight:500; font-size:24px; line-height:1; color:#333;}
.sitemap .sitemap-conts > ul {font-size:0;}
.sitemap .depth-list2 {display:inline-block; margin-bottom:20px; width:25%; vertical-align:top;}
.sitemap .depth-list2 > a {position:relative; display:block; padding:7px 0 7px 12px; font-weight:400; font-size:16px; color:#000;}
.sitemap .depth-list2 > a:before {content:''; position:absolute; top:15px; left:0; border-radius:50%; width:5px; height:5px; background:rgba(0,0,0,.5);}
.sitemap .depth-list2 > ul {padding-left:12px;}
.sitemap .depth-list2 > ul > li > a {display:block; padding:3px 0; font-size:14px; color:inherit;}
.sitemap .sitemap-conts:last-of-type {border-bottom:0 none;}
.sitemap .sitemap-conts:last-of-type .depth-list2 {margin-bottom:0;}
.sitemap-close-btn {position:absolute; top:30px; right:30px; width:40px; height:40px;}
.sitemap-close-btn:before,
.sitemap-close-btn:after {content:''; position:absolute; top:19px; right:0; width:100%; height:2px; background:#ef4136;}
.sitemap-close-btn:before {transform:rotate(45deg)}
.sitemap-close-btn:after {transform:rotate(-45deg)}

@media only screen and (max-width: 640px) {
	.sitemap {padding:0 20px;}
	.sitemap .sitemap-conts {padding:30px 20px 5px;}
	.sitemap .sitemap-conts h3 {margin-bottom:20px; font-size:22px;}
	.sitemap .depth-list2 {width:50%;}
}
@media only screen and (max-width: 320px) {
	.sitemap .depth-list2 {width:100%;}
}



/* 마이페이지
------------------------------------------------------ */
.mypage-main-wrap {padding:0 20px; width:100%;}
.mypage-main-wrap .mypage-box {margin-top:30px; }
.mypage-main-wrap h3 {margin-bottom:15px; font-weight:400; font-size:18px; line-height:1; color:#333;}
.mypage-main-wrap h3:before {content:''; position:relative; left:-20px; display:block; margin-bottom:25px; width:calc(100% + 40px); height:1px; background:#333;}
.mypage-main-wrap table {table-layout:fixed; width:100%;}
.mypage-main-wrap table th,
.mypage-main-wrap table td {width:auto; padding-left:20px; padding-right:20px;}
.mypage-main-wrap .mypage-box > a {display:block; margin:20px auto 0; width:100%; border:1px solid #f7a09a; box-sizing:border-box; font-size:16px; line-height:40px; color:#ef4136; text-align:center;}
.mypage-main-wrap table td img {width:100%;}

.mypage-my-info {width:100%;}
.mypage-my-info .info-box {overflow:hidden; display:table; width:100%; border:1px solid #ddd; border-width:0 1px 1px 1px;}
.mypage-my-info .info-box:first-child {border-top-width:1px;}
.mypage-my-info .info-box > div {display:table-cell; padding:20px 0; vertical-align:middle;}
.mypage-my-info .info-box .icon-wrap {width:90px; border-right:1px solid #ddd; background:#f8f8f8; text-align:center;}
.mypage-my-info .info-box > div dl {padding:0 20px;}
.mypage-my-info .info-box > div dl dt {display:block; margin-bottom:5px; font-weight:400; font-size:16px; line-height:1; color:#333;}
.mypage-my-info .info-box > div dl dd {font-size:16px; line-height:1.3; word-break:keep-all;}

.mypage-main-wrap .mypage-my-info + .mypage-btn {border-color:#ef4136; background:#ef4136; color:#fff;}

.myboard-list {border-top:1px solid #f7a09a;}
.myboard-list dl {padding:15px; border-bottom:1px solid #ddd;}
.myboard-list dt {display:block; margin-bottom:5px;}
.myboard-list dt a {display:block; font-weight:300; font-size:17px; line-height:1.3; color:#111;}
.myboard-list dd {position:relative; display:inline-block; padding:0 10px; font-weight:300; font-size:15px; vertical-align:top;}
.myboard-list dd:first-of-type {padding-left:0;}
.myboard-list dd:before {content:''; position:absolute; top:0; left:0; margin-top:4px; width:1px; height:12px; background:#ddd;}
.myboard-list dd:first-of-type:before {display:none;}

/* 비밀번호 입력폼 */
.password-wrap {width:100%; text-align:center;}
.password-form {display:inline-block; padding:30px 20px; border:1px solid #ddd; border-top:3px solid #ef4136; box-sizing:border-box;}
.password-form .icon-wrap {display:inline-block; padding:20px 0; width:70px; border-radius:50%; box-sizing:border-box; background:#ededed;}
.password-form .icon-wrap img {height:30px;}
.password-form .pwd-tit {margin:20px 0; font-weight:400; font-size:18px; line-height:1.3; color:#333;}
.password-form .pwd-info {font-size:16px; line-height:1; color:#777;}
.password-form ul {margin:15px auto 0; width:100%;}
.password-form ul li {overflow:hidden; display:block; margin-top:13px; width:100%;}
.password-form ul li input[type="password"] {padding:0 25px; width:100%; height:40px; border:1px solid #ddd; font-size:15px; line-height:38px;}
.password-form ul li a {display:block; width:100%; background:#ef4136; font-weight:16px; line-height:45px; color:#fff;}


/* 마이페이지 로그인
------------------------------------------------------ */
.login-wrap {margin:0 auto; width:100%; border-top:0 none; box-sizing:border-box; text-align:center;}
.login-tab {overflow:hidden; position:relative; left:-1px; width:calc(100% + 2px); background:#e6e6e6;}
.login-tab > li {float:left; width:50%;}
.login-tab > li > a {position:relative; display:block; border-bottom:1px solid #ef4136; font-size:18px; line-height:55px; color:#333;}
.login-tab > li.on > a {border-bottom-color:#fff; background:#fff; color:#ef4136;}
.login-tab > li.on > a:before {content:''; position:absolute; top:0; left:-1px; z-index:22; width:calc(100% + 1px); height:3px; background:#ef4136;}
.login-tab > li.on:first-child > a {border-left:1px solid #ddd; border-right:1px solid #ef4136;}
.login-tab > li.on:last-child > a {border-left:1px solid #ef4136; border-right:1px solid #ddd;}

.login-inner > div {display:none;}
.login-inner > div.on {display:block; min-height:225px;}
.login-wrap .login-mem {padding:46px 20px 0;}
.login-wrap .login-mem ul {}
.login-wrap .login-mem li:first-child {margin-bottom:6px;}
.login-wrap .login-mem li:nth-child(2) {margin-bottom:25px;}
.login-wrap .login-mem li input {padding:0 25px; width:100%; height:45px; border:1px solid #dadada; font-size:16px; line-height:43px}
.login-wrap .login-mem li input[type="submit"] {height:45px; border:0 none; border-radius:0; background:#ef4136; font-size:16px; line-height:45px; color:#fff; -webkit-appearance: none;}
.login-wrap .login-nomem {padding:30px 20px 0;}
.login-wrap .login-nomem p {margin-bottom:20px; font-weight:400; font-size:18px; line-height:1.4; color:#333; word-break:keep-all;}
.login-wrap .login-nomem ul {margin-bottom:30px; font-size:0;}
.login-wrap .login-nomem ul li {display:inline-block; width:100%; vertical-align:top;}
.login-wrap .login-nomem ul li a {display:block; width:100%; box-sizing:border-box; border:1px solid #f7a09a; font-size:16px; line-height:45px; color:#ef4136;}
.login-wrap .login-nomem ul li:last-child {margin-top:6px;}
.login-wrap .login-nomem ul li:last-child a {border-color:#ef4136; background:#ef4136; color:#fff;}

.no-member-popup {display:none; position:fixed; left:0; top:0; z-index:999999; width:100%; height:100%; background:rgba(0,0,0,.4);}
.no-member-popup .popup-inner {position:absolute; top:50%; left:20px; transform:translateY(-50%); padding:30px 20px 30px; width:calc(100% - 40px); border:1px solid #ddd; box-sizing:border-box; background:#fff; box-shadow:5px 5px 8px rgba(0,0,0,.07); text-align:center;}
.no-member-popup .popup-inner h3 {font-weight:400; font-size:28px; line-height:1.5; color:#333;}
.no-member-popup .popup-inner p {margin:25px 0 30px; font-size:16px; line-height:23px; color:#666;}
.no-member-popup .popup-inner li:first-child,
.no-member-popup .popup-inner li:nth-child(2) {margin-bottom:6px;}
.no-member-popup .popup-inner li:nth-child(3) {margin-bottom:25px;}
.no-member-popup .popup-inner li input {padding:0 20px; width:100%; height:45px; border:1px solid #dadada; font-size:16px; line-height:43px;}
.no-member-popup .popup-inner li input[type="submit"] {height:45px; border:0 none; background:#ef4136; line-height:45px; color:#fff; -webkit-appearance: none;}
.no-member-popup .popup-close {position:absolute; top:7px; right:10px; width:30px; height:30px; font-size:0;}
.no-member-popup .popup-close:before,
.no-member-popup .popup-close:after {content:''; position:absolute; top:19px; right:0; width:100%; height:2px; background:#ef4136;}
.no-member-popup .popup-close:before {transform:rotate(45deg)}
.no-member-popup .popup-close:after {transform:rotate(-45deg)}

@media only screen and (max-width: 480px) {
	.no-member-popup .popup-inner p br {display:none;}
}

.login-utils {margin:20px auto 0; padding-top:15px; width:calc(100% - 40px); border-top:1px solid #e9e7e7; font-size:0; text-align:center;}
.login-utils dd {position:relative; display:inline-block; padding:0 5%; vertical-align:top;}
.login-utils dd:before {content:''; position:absolute; top:50%; left:0; margin-top:-6px; width:1px; height:12px; background:#ddd;}
.login-utils dd:first-of-type:before {display:none;}
.login-utils dd a {font-size:15px; color:#333;}




/* 팝업창
------------------------------------------------------ */
.popup-wrap {padding:15px; width:100% !important; box-sizing:border-box;}
.popup-wrap * {font-family: 'Noto Sans KR';}
.popup-wrap h3 {margin-bottom:3px; font-weight:500; font-size:18px; color:#3b3b3b;}
.popup-wrap h3 + p {font-size:13px; line-height:1.3; color:#f8554b;}
.popup-form {margin:20px 0 15px; padding:15px 20px; box-sizing:border-box; background:#f8f8f8; font-size:0;}
.popup-form label {display:inline-block; font-size:15px; line-height:1; color:#464646; vertical-align:middle;}
.popup-form input[type="text"],
.popup-form select {display:inline-block; margin-left:15px; padding:0 0 0 5px; height:35px; box-sizing:border-box; border:1px solid #dadada; font-size:14px; line-height:33px; color:#666; vertical-align:middle;}
.popup-form input[type="text"]:first-child,
.popup-form select:first-child {margin-left:0;}
.popup-form span {display:inline-block; font-size:13px; line-height:1; color:#666; vertical-align:middle;}
.popup-form #btn_find {display:inline-block; margin-left:0; margin-top:10px; width:100%; padding:0 13px; background:#595757; font-size:15px; line-height:35px; color:#fff; vertical-align:middle; text-decoration:none; text-align:center;}
.popup-id-form input[type="text"] {width:calc(100% - 82px);}
.popup-email-form input[type="text"] {margin-left:0; width:calc(50% - 12.5px);}
.popup-email-form select {margin-left:0; margin-top:10px; width:100%;}
.popup-email-form span {margin:0; width:25px; text-align:center;}
#result_view1,
#result_view2,
#result_view3 {font-size:13px; line-height:1.3; color:#666; text-align:center;}
#result_view1 strong,
#result_view2 strong,
#result_view3 strong {font-weight:500; color:#f8554b;}
#result_view2 #btn_email_use ,
#result_view2 #btn_id_use {display:block; margin:7px auto 0;  width:95px; background:#ef4136; font-size:15px; line-height:30px; color:#fff; vertical-align:middle; text-decoration:none; text-align:center;}
#keyword {width:100% !important;}

.popup-wrap #doro_select {display:inline-block; vertical-align:middle;}
.popup-wrap .popup-addr-form input[type="text"],
.popup-wrap .popup-addr-form select {margin-left:10px;}
.popup-wrap .popup-addr-form select:first-child {margin-left:0;}
.result-addr-wrap > p {font-size:13px; line-height:1.3; color:#666;}
.result-addr-wrap > p strong {font-weight:500; color:#333;}
.result-addr-wrap table {margin-top:20px; border-top:1px solid #231815;}
.result-addr-wrap table th,
.result-addr-wrap table td {padding:6px 10px 5px; box-sizing:border-box; border-bottom:1px solid #e9e7e7; font-size:14px; vertical-align:middle;}
.result-addr-wrap table th {font-weight:500; background:#f8f8f8; text-align:center;}
.result-addr-wrap table td a {font-size:14px; text-decoration:none; color:#666;}
.result-addr-wrap table tbody td:first-child {text-align:center;}
.result-addr-wrap table tr:hover {background:#f8f8f8;}

.pop-btn {margin-top:20px; width:100%; font-size:0; text-align:center;}
.pop-btn li {display:inline-block; vertical-align:top;}
.pop-btn li a {display:block; margin:0 5px; padding:0 20px; border:1px solid #f7a09a; box-sizing:border-box; color:#ef4136; font-size:15px; line-height:30px; text-decoration:none;}

/* IntroPopup
------------------------------------------------------ */
#introPopup{z-index:999999; position:fixed; top:0; left:0; width:100%; height:100%;}
.intro-popup-area{top:0; bottom:0; left:0; right:0; margin:auto; padding:14px 14px 24px; box-sizing:border-box; background:#fff;}
.intro-popup-btn{bottom:-40px; left:0; padding-left:14px; width:100%; height:40px; box-sizing:border-box; background:#5f5f5f; margin-top:50px;}
.intro-popup-btn .today-close{float:left; font-size:13px; line-height:40px; font-weight:300; color:#fff;}
.intro-popup-btn .today-close input{vertical-align:middle;}
.intro-popup-btn .btn-close{position:relative; float:right; width:40px; height:40px;}
.intro-popup-btn .btn-close span{position:absolute; top:50%; left:0; right:0; display:inline-block; margin:auto; width:15px; height:2px; background:#fff;}
.intro-popup-btn .btn-close span:first-child{transform:rotate(45deg);}
.intro-popup-btn .btn-close span:last-child{transform:rotate(-45deg);}

/* -------- visual -------- */
.main-popup-pager {position:absolute; left:50%; margin-top:23px; transform:translateX(-50%); font-size:0;}
.main-popup-pager li {display:inline-block; margin:0 5px; vertical-align:top;}
.main-popup-pager li a {display:block; width:10px; height:10px; background:#ddd; border:0; border-radius:50%;}
.main-popup-pager li .active {background:#ef4136;}