@charset "utf-8";

/****************************
	PC웹 : default
****************************/

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url(fonts/Roboto-Light.woff2) format('woff2'),
		url(fonts/Roboto-Light.woff) format('woff'),
		url(fonts/Roboto-Light.otf) format('opentype');
	unicode-range: U+002C, U+0030-0039, U+002E-002E;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url(fonts/Roboto-Regular.woff2) format('woff2'),
		url(fonts/Roboto-Regular.woff) format('woff'),
		url(fonts/Roboto-Regular.otf) format('opentype');
	unicode-range: U+002C, U+0030-0039, U+002E-002E;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url(fonts/Roboto-Medium.woff2) format('woff2'),
		url(fonts/Roboto-Medium.woff) format('woff'),
		url(fonts/Roboto-Medium.otf) format('opentype');
	unicode-range: U+002C, U+0030-0039, U+002E-002E;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold; 
	src: url(fonts/Roboto-Bold.woff2) format('woff2'),
		url(fonts/Roboto-Bold.woff) format('woff'),
		url(fonts/Roboto-Bold.otf) format('opentype');
	unicode-range: U+002C, U+0030-0039, U+002E-002E;
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src:local('@'),
		url('fonts/notokr-light.woff2') format('woff2'),
		url('fonts/notokr-light.woff') format('woff'),
		url('fonts/notokr-light.ttf') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src:local('@'),
		url('fonts/notokr-medium.woff2') format('woff2'),
		url('fonts/notokr-medium.woff') format('woff'),
		url('fonts/notokr-medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src:local('@'),
		url('fonts/notokr-regular.woff2') format('woff2'),
		url('fonts/notokr-regular.woff') format('woff'),
		url('fonts/notokr-regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: bold;
	src:local('@'),
		url('fonts/notokr-bold.woff2') format('woff2'),
		url('fonts/notokr-bold.woff') format('woff'),
		url('fonts/notokr-bold.ttf') format('truetype');
}

* {box-sizing:border-box; margin:0; padding:0;}
html {-webkit-text-size-adjust:none;}
body {color:#000; font-weight:300; font-size:16px; line-height:1.4444444444; letter-spacing:-0.03em; word-wrap:break-word; overflow-wrap:break-word; font-family:'Roboto', 'Noto Sans KR', 'Malgun Gothic', sans-serif, Arial, Dotum, Gulim, Verdana, Tahoma; overflow-y:scroll;}
a, select, button, pre, input, textarea {font-family:inherit;}
textarea {overflow-y:auto;}
header, section, article, aside, footer, nav {display:block;}
h1, h2, h3, h4, h5 {font-weight:500; line-height:1.1;}
dt, th, strong, b {font-weight:500;}
dt, th {color:#000;}
caption {height:0; font-size:0; line-height:0; overflow:hidden;}
pre {white-space:pre-wrap;}
fieldset {border:0;}
li {list-style:none;}
img {max-width:100%; vertical-align:middle; border:0;}
a {color:inherit; text-decoration:none;}
em, cite, address, optgroup { font-style: normal; }

.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-weight-500 { font-weight: 500; }

.tts {position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
.code {border:1px solid rgba(255,0,0,0.2); padding:2px 3px 1px; border-radius:2px; color:#000; font-size:14px; font-family:'Courier New', 'Roboto',  'Noto Sans KR', 'Malgun Gothic', sans-serif, Arial, Dotum, Gulim, Verdana, Tahoma; letter-spacing:-0.03em; vertical-align:middle; background-color:antiquewhite;}
textarea.code {padding:10px 15px;}
.code strong {font-weight:bold;}
.code-block {display:block; padding:10px 20px; border-color:#ddd; background-color:#f8f8f8;}
.clearfix {position:relative;}
.clearfix:after {display:block; clear:both; content:'';}
.float-left {float:left !important;}
.float-right {float:right !important;}
.float-none {float:none !important;}
.both {position:relative; display:table; width:100%;}
.both:after {display:block; clear:both; content:'';}
.both .left, .both .right {display:table-cell; vertical-align:middle;}
.both .left>*, .both .right>* {display:inline-block; vertical-align:middle;}
.both .left form {white-space:nowrap;}
.both .right {text-align:right;}
.both .title1, .both .title2 {margin:0;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.text-center {text-align:center !important;}
.vertical-top {vertical-align:top !important;}
.vertical-middle {vertical-align:middle !important;}
.vertical-bottom {vertical-align:bottom !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt120 {margin-top:120px !important;}
.mt150 {margin-top:150px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb150 {margin-bottom:150px !important;}
.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml90 {margin-left:90px !important;}
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.pt0 {padding-top:0px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}
.pb0 {padding-bottom:0 !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}

/* loading indicator */
.loading_easy1 { position: fixed; left: 50%; top: 50%; height: 40px; z-index: 2001; margin: -40px 0 0 -33px; }
.overlay1 { display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2000; transform: translateZ(0); }
@keyframes lds-spinner {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
.lds-spinner { position: relative; }
.lds-spinner div { left: 96px; top: 4px; position: absolute; animation: lds-spinner linear 1s infinite; background: #ffffff; width: 8px; height: 30px; border-radius: 40%; transform-origin: 4px 66px; }
.lds-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -0.916666666666667s; }
.lds-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -0.833333333333333s; }
.lds-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.75s; }
.lds-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.666666666666667s; }
.lds-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.583333333333333s; }
.lds-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.5s; }
.lds-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.416666666666667s; }
.lds-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.333333333333333s; }
.lds-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.25s; }
.lds-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.166666666666667s; }
.lds-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.083333333333333s; }
.lds-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; }
.lds-spinner { width: 40px !important; height: 40px !important; transform: translate(-45px, -45px) scale(0.45) translate(45px, 45px); }

/* 입력 요소 */
.input {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.input, input, textarea, select, label, button {display:inline-block; vertical-align:middle; font-weight:inherit; font-size:inherit; word-spacing:normal; letter-spacing:inherit;}
input, button, label, textarea, select {border-radius:0; -o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none;}
input[type=text]:-ms-clear {display:none;}
input[type=text]::-ms-clear {display:none;}
input[type=checkbox], input[type=radio] {position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
input[type=checkbox]+label, input[type=radio]+label {position:relative; min-width:18px; min-height:18px; /* padding-left:25px; */ text-indent:25px;}
label+input[type=checkbox]+label, label+input[type=radio]+label {margin-left:20px;}
input[type=checkbox]+label:before, input[type=radio]+label:before {display:inline-block; content:''; position:absolute; top:50%; left:0; width:18px; height:18px; margin-top:-8px; border:0; border-radius:0; background:url(../images/common/sp-bg-input.png) no-repeat;}
input[type=checkbox]+label .tts:first-child {margin-left:-10px;}
input[type=radio]+label:before {background-position:0 0;}
input[type=radio]:checked+label:before {background-position:0 -20px;}
input[type=checkbox]+label:before {background-position:-20px 0;}
input[type=checkbox]:checked+label:before {background-position:-20px -20px;}
input[type=checkbox].i-sm+label {text-indent:37px;}
input[type=checkbox].i-sm+label:before { display: inline-block; width:30px; height:30px; margin-top:-14px; background: url('/front/web/images/common/ico_check_sm.png') center center no-repeat; background-size: 100% 100%; }
input[type=checkbox].i-sm:checked+label:before { background-image: url('/front/web/images/common/ico_check_sm_on.png'); }
input[type=checkbox].i-lg+label {text-indent:41px;}
input[type=checkbox].i-lg+label:before {width:34px; height:34px; margin-top:-16px; background-position:-40px 0;}
input[type=checkbox].i-lg:checked+label:before {background-position:-40px -40px;}
input[type=radio].i-lg+label {text-indent:41px;}
input[type=radio].i-lg+label:before {width:34px; height:34px; margin-top:-16px; background-position:-40px 0;}
input[type=radio].i-lg:checked+label:before {background-position:-40px -40px;}

.input, input[type=text], input[type=password], input[type=tel], input[type=number], textarea {padding:11px 15px; line-height:26px; background-color:#fff; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.input, input[type=text], input[type=password], input[type=tel], input[type=number], select {height:50px;}
.input, input[type=text], input[type=password], input[type=tel], input[type=number], textarea, select {border:1px solid #d2d2d2; border-radius:2px; font-size:inherit; box-shadow:none;}
.input, input[disabled], input[readonly] {color:#000; background:#f2f3f4; opacity:1;}
input[type=checkbox][disabled]+label:before, input[type=radio][disabled]+label:before {opacity:0.5;}
select {padding:3px 35px 3px 15px; color:#000; background:#fff url(../images/common/ico-arr-select.png) no-repeat right center; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
select::-ms-expand {display:none;}
.ie9 select {padding-right:3px; background-image:none;}
textarea {width:100%;}
button, input[type=submit] {border:0; padding:0; cursor:pointer; background:transparent;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
input::-webkit-input-placeholder {color:#767676;}
input:-moz-placeholder {color:#767676;}
input::-moz-placeholder {color:#767676; opacity:1;}
input:-ms-input-placeholder {color:#767676;}
.input-group {position:relative; display:table; width:100%; border-collapse:separate;}
.input-group .input, .input-group input[type=text], .input-group input[type=password] {display:table-cell; width:100%;}
.input-group .input-addon {display:table-cell; padding-left:4px; width:1%; vertical-align:middle;}
.table-form .input-group .input-addon {padding-left:10px;}
input.i-file-name {background:#fff url(../images/common/ico-input-file.png) no-repeat right center;}
.i-email, input.i-email {padding-right:40px; background:#fff url(../images/common/ico-input-email.png) no-repeat right center;}
i {font-style: normal;}
/* 버튼 */
.btn-group {margin-top:55px; text-align:center;}
.box .btn-group {margin-top:35px;}
.btn {display:inline-block; text-align:center; vertical-align:middle; white-space:nowrap; word-spacing:normal; text-decoration:none !important; overflow:hidden;}
.btn {padding:0 15px; border:1px solid #d2d2d2; border-radius:3px; color:#000; font-weight:normal; font-size:16px; line-height:48px; letter-spacing:inherit; background-color:#fff; /* transition:.3s; */}
.btn+.btn {margin-left:6px;}
.table-form .btn+.btn {margin-left:0;}
.btn button, .btn a {margin:0 -15px; padding:0 15px; font-size:inherit; line-height:inherit; vertical-align:top;}
.btn-xs {height:30px; padding:0 10px; font-weight:500; font-size:12px; line-height:28px;}
.btn-sm {height:36px; padding:0 15px; font-weight:500; font-size:14px; line-height:34px;}
.btn-md {height:50px; padding:0 15px; font-size:16px; line-height:48px;}
.btn-lg {height:70px; padding:0 40px; font-size:20px; line-height:68px;}
.btn-round.btn-xs {min-width:inherit; padding:0 15px; border-radius:15px;}
.btn-round.btn-sm {min-width:80px; height:40px; padding:0 20px; border-radius:20px; font-size:14px; line-height:38px;}
.btn-round.btn-md {padding:0 15px; border-radius:25px;}
.btn-round.btn-lg {border-radius:35px;}
.btn-primary {border-color:transparent; color:#fff; background-color:#4a4c58;border:1px solid #4a4c58; height:50px; line-height:50px; }
.btn-point {border-color:transparent; color:#fff; background-color:#ed174d; border:1px solid #ed174d;; height:50px; line-height:50px; }
.btn-black {color:#fff; min-width:100px; border-color:transparent; background-color:#000;}
.btn:hover, .btn:focus {color:#ed174d;border:1px solid #ed174d;  }
.btn.btnNoLine:hover, .btn.btnNoLine:focus {color:#000;border:0; font-weight:500;}
.btn-black:hover, .btn-black:focus, .btn-primary:hover,  .btn-point:hover, .btn-primary:focus, .btn-point:focus { color:#fff; background-color:#ed174d; font-weight:normal; }
.btn-event { text-indent: 0; user-select: none; }
.btn-event + .btn-event { margin-left: 0; }
.btn-radio { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; }
.btn-group .btn-round[disabled],
.btn-group .btn-round[disabled]:focus { opacity: .6; cursor: default; border: solid 1px #d2d2d2; color: #666; user-select: none; }

input[type="radio"].btn-radio + label { position: relative; display: inline-block; box-sizing: content-box; text-indent: 0; margin: 0; padding: 0 10px; min-width: 75px; height: 46px; line-height: 46px; text-align: center; border: solid 2px #d2d2d2; font-size: 15px; font-weight: 400; color: #767676; cursor: pointer; }
input[type="radio"].btn-radio:checked + label { border-color: #ed174d; color: #ed174d; }
input[type="radio"].btn-radio + label::before { display: none; }

.product-price .btn-primary {background-color:#ed174d; border:none;  }
.product-price .btn-primary:hover,
.product-price .btn-primary:focus { color:#fff; background-color:#a50034; border:none; font-weight:normal; }

.btn-international{display:inline-block; width:276px; padding:17px 42px 19px 40px;border-radius: 45px 45px; background-color: rgba(0,0,0,0.3); border-color:transparent; color:#fff; text-align:center; vertical-align:middle; white-space:nowrap; word-spacing:normal; text-decoration:none !important; overflow:hidden;}

.ie9 .btn-black:hover, .ie9 .btn-black:focus,
.ie9 .btn-primary:hover, .ie9 .btn-primary:focus { border-color:initial; background-color:#660ca3; background-image:none; filter:none; font-weight:500; }
.btn-inline {display:inline-block; width:auto;}
.btn-block {display:block; width:100%;}
.btn-round {min-width:130px; padding:0 30px; border-radius:25px;}
.btn-more {display:inline-block; height:20px; padding-right:29px; font-weight:500; color:#222; font-size:16px; line-height:20px; background:url(../images/common/ico-more.png) no-repeat right center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.btn-more {background:url(../images/common/ico-more.png) no-repeat 99% 50%;}
}
.btn-more:hover, .btn-more:focus {color:#ed174d; font-weight:500; background-image:url(../images/common/ico-more-on.png);}
.product-whyhello .btn-more:hover, .product-whyhello .btn-more:focus {background-color:#fff;}
.btn-more.btn-invers {color:#fff; background-image:url(../images/common/ico-more-white.png);}
.btn-more.btn-more-gray {padding-right:25px; font-weight:300; color:#767676; background-image:url(../images/common/ico-more-gray.png);}
.btn-toggle {position:relative; min-width:160px; height:42px; padding:0 45px 0 20px; border-radius:20px; font-weight:500; font-size:14px; line-height:40px;}
.btn-toggle:after {display:block; content:''; position:absolute; width:9px; height:6px; right:20px; top:50%; margin-top:-3px; background-image:url(../images/common/ico-arr-down2.png);}
.btn-toggle.active { color:#fff; font-weight:500; border-color:transparent; background:#ed174d;}
.btn-toggle.active:after {background-image:url(../images/common/ico-arr-up2-white.png);}
.btn-down {display:inline-block; height:20px; padding-right:30px; line-height:20px; background:url(../images/common/ico-down.png) no-repeat right center;}
.btn-down.btn-invers {color:#fff; background-image:url(../images/common/ico-down-white.png)}
.btn-down-sm {height:36px; padding:0 10px; font-size:14px; line-height:34px;}
.btn-down-xs {height:30px; padding:0 10px; font-size:12px; line-height:28px;}
.btn-transpt {position:relative; min-width:205px; height:52px; padding:0 30px 0 20px; text-align:center; border-radius:25px; font-weight:500; font-size:18px; line-height:50px; background:transparent; color:#fff;}
.btn-transpt:after {display:block; content:''; position:absolute; width:9px; height:6px; right:32px; top:50%; margin-top:-3px; background-image:url(http://www.lghellovision.net/front/web/images/content/ico-arrow-down-white.png);}
.btn-transpt:hover { color:#fff; border-color:#ed174d; background-color:#ed174d; }
.btn-group.btn-back-wrap {position:relative;}
.btn-back {left: 0; position: absolute; }

/* 아이콘 */
.ico {display:inline-block; width:20px; height:20px; text-indent:100%; white-space:nowrap; vertical-align:middle; background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;}
.ico.ico-notice {width:24px; height:24px; background-image:url(../images/common/ico-notice-violet.png);}
.ico.ico-notice-b { width: 24px; height: 24px; background-image: url(../images/common/ico-notice-b.png); }
.ico.ico-notice.sm { width: 22px; height: 22px; background-image:url(../images/common/ico-notice-sm.png); }
.ico.ico-window {width:13px; height:13px; background-image:url(../images/common/ico-window.png);}
.ico.ico-window-white, .btn-black .ico.ico-window {width:13px; height:13px; background-image:url(../images/common/ico-window-white.png) !important;}
.btn:hover .ico.ico-window, .btn:focus .ico.ico-window {background-image:url(../images/common/ico-window-violet.png);}
.ico.ico-check {width:19px; height:15px; background-image:url(../images/common/ico-check.png);}
.ico.ico-check-lg {width:64px; height:64px; background-image:url(../images/common/ico-check-lg.png);}
.ico.ico-x-lg {width:64px; height:64px; background-image:url(../images/common/ico-x-lg.png);}
.ico.ico-share-fb {width:36px; height:36px; background-image:url(../images/common/ico-share-fb.png);}
.ico.ico-share-kakaostory {width:36px; height:36px; background-image:url(../images/common/ico-share-kakaostory.png);}
.ico.ico-share-kakaotalk {width:36px; height:36px; background-image:url(../images/common/ico-share-kakaotalk.png);}
.ico.ico-share-url {width:36px; height:36px; background-image:url(../images/common/ico-share-url.png);}
.ico.ico-share-fb-lg {width:40px; height:40px; background-image:url(../images/common/ico-share-fb-lg.png);}
.ico.ico-share-kakaostory-lg {width:40px; height:40px; background-image:url(../images/common/ico-share-kakaostory-lg.png);}
.ico.ico-share-kakaotalk-lg {width:40px; height:40px; background-image:url(../images/common/ico-share-kakaotalk-lg.png);}
.ico.ico-share-url-lg {width:40px; height:40px; background-image:url(../images/common/ico-share-url-lg.png);}
.ico.ico-new {display:inline-block; width:24px; height:24px; background-image:url(../images/common/ico-new.png);}
.ico.ico-new-sm-violet {display:inline-block; width:18px; height:18px; background-image:url(../images/common/ico-new-sm-violet.png);}
.ico.ico-warning-primary {width:30px; height:30px; background-image:url(../images/common/ico-warning-primary.png);}
.ico.ico-warning-lg {width:64px; height:64px; background-image:url(../images/common/ico-warning-lg.png);}
.ico.ico-link {width:24px; height:23px; background-image:url(../images/common/ico-link.png);}
.ico.ico-close {width:20px; height:20px; background-image:url(../images/common/ico-close.png);}
.ico.ico-close-xs {width:12px; height:12px; background-image:url(../images/common/ico-close-xs.png);}
.ico.ico-close-sm {width:14px; height:14px; background-image:url(../images/common/ico-close-sm.png);}
.ico.ico-close-thin {width:17px; height:17px; background-image:url(../images/common/ico-close-thin.png);}
.ico.ico-close-white {width:10px; height:10px; background-image:url(../images/common/ico-close-white.png);}
.ico.ico-plus {width:21px; height:21px; background-image:url(../images/common/ico-plus.png);}
.ico.ico-plus-bold {width:14px; height:14px; background-image:url(../images/common/ico-plus-bold.png);}
.ico.ico-plus-thin {width:21px; height:21px; background-image:url(../images/common/ico-plus-thin.png);}
.ico.ico-plus-sm-white {width:10px; height:10px; background-image:url(../images/common/ico-plus-sm-white.png);}
.ico.ico-minus {width:21px; height:21px; background-image:url(../images/common/ico-minus.png); background-size:auto;}
.ico.ico-minus-thin {width:21px; height:21px; background-image:url(../images/common/ico-minus-thin.png); background-size:auto;}
.ico.ico-question {width:17px; height:15px; background-image:url(../images/common/ico-question.png);}
.ico.ico-question-sm-gray {width:16px; height:14px; background-image:url(../images/common/ico-question-sm-gray.png);}
.ico.ico-down-sm {width:15px; height:15px; background-image:url(../images/common/ico-down-sm.png);}
.ico.ico-location {width:18px; height:24px; background-image:url(../images/common/ico-location.png);}
.ico.ico-equal-sign {width:33px; height:33px; background-image:url(../images/common/ico-equal-sign.png);}
.ico.ico-refresh {background-image:url(../images/common/ico-refresh.png);}
.ico.ico-listen {background-image:url(../images/common/ico-listen.png);}
.ico.ico-close-lg {width:24px; height:24px; background-image:url(../images/common/ico-close-lg.png);}
.ico.ico-cert-lg2 {width:60px; height:62px; background-image:url(../images/common/ico-cert-lg2.png);}
.btn .ico {margin:-2px -2px 0 7px;}
.btn .ico.ico-plus-bold {margin:-3px -2px 0 7px;}
.ico-50 {display:inline-block; width:50px; height:50px; text-indent:100%; white-space:nowrap; vertical-align:middle; background-repeat:no-repeat; background-position:center center; overflow:hidden;}
.ico-50.ico-extra-service1 {background-image:url(../images/common/ico-50-extra-service1.png);}
.ico-50.ico-extra-service2 {background-image:url(../images/common/ico-50-extra-service2.png);}
.ico-50.ico-extra-service3 {background-image:url(../images/common/ico-50-extra-service3.png);}
.ico-72 {display:inline-block; width:72px; height:72px; text-indent:100%; white-space:nowrap; vertical-align:middle; background-repeat:no-repeat; background-position:center center; overflow:hidden;}
.ico-72.ico-bill-email {background-image:url(../images/common/ico-72-bill-email.png);}
.ico-72.ico-bill-paper {background-image:url(../images/common/ico-72-bill-paper.png);}
.ico-72.ico-bill-sms {background-image:url(../images/common/ico-72-bill-sms.png);}
.ico-72.ico-mobile {background-image:url(../images/common/ico-72-mobile.png);}
.ico-72.ico-rental {background-image:url(../images/common/ico-72-rental.png);}
.ico-72.ico-mobile2 {background-image:url(../images/common/ico-72-mobile2.png);}
.ico-72.ico-mobile-input {background-image:url(../images/common/ico-72-mobile-input.png);}
.ico-72.ico-mobile-sms {background-image:url(../images/common/ico-72-mobile-sms.png);}
.ico-72.ico-tv {background-image:url(../images/common/ico-72-tv.png);}
.ico-72.ico-internet {background-image:url(../images/common/ico-72-internet.png);}
.ico-72.ico-service {background-image:url(../images/common/ico-72-service.png);}
.ico-72.ico-internet-speed {background-image:url(../images/common/ico-72-internet-speed.png);}
.ico-72.ico-internet-giga {background-image:url(../images/common/ico-72-internet-giga.png);}
.ico-72.ico-benefit {background-image:url(../images/common/ico-72-benefit.png);}
.ico-72.ico-combination {background-image:url(../images/common/ico-72-combination.png);}
.ico-72.ico-price {background-image:url(../images/common/ico-72-price.png);}
.ico-72.ico-select {background-image:url(../images/common/ico-72-select.png);}
.ico-72.ico-product {background-image:url(../images/common/ico-72-product.png);}
.ico-72.ico-shop {background-image:url(../images/common/ico-72-shop.png);}
.ico-72.ico-cscenter {background-image:url(../images/common/ico-72-cscenter.png);}
.ico-72.ico-myhello {background-image:url(../images/common/ico-72-myhello.png);}
.ico-72.ico-combination-tv {background-image:url(../images/common/ico-72-combination-tv.png);}
.ico-72.ico-combination-internet {background-image:url(../images/common/ico-72-combination-internet.png);}
.ico-72.ico-combination-phone {background-image:url(../images/common/ico-72-combination-phone.png);}
.ico-72.ico-whyhello-smart {background-image:url(../images/common/ico-72-whyhello-smart.png);}
.ico-72.ico-whyhello-speed {background-image:url(../images/common/ico-72-whyhello-speed.png);}
.ico-72.ico-whyhello-discount {background-image:url(../images/common/ico-72-whyhello-discount.png);}
.ico-72.ico-whyhello-ease {background-image:url(../images/common/ico-72-whyhello-ease.png);}
.ico.adobe-reader { background-image: url('../images/common/ico_get_adobe_reader.png?ver=2'); width: 148px; height: 30px; background-size: 100% 100%; vertical-align: middle; }

#moreVodBtn:hover .ico.ico-plus-bold,
#moreVodBtn:focus .ico.ico-plus-bold {width:14px; height:14px; background-image:url(../images/common/ico-plus-bold-p.png);}

/* 타이틀 */
.title1 {margin:50px 0 20px; font-weight:500; font-size:24px; line-height:34px;}
.title1:first-child {margin-top:0;}
.title2 {margin:30px 0 20px; font-weight:500; font-size:20px; line-height:30px;}
.title2:first-child {margin-top:0;}

/* 목록, 불릿 */
.bul-dot, .bul-star, .bul-hyphen, .bul-warning,
.bul-dot>li, .bul-star>li, .bul-hyphen>li, .bul-warning>li {position:relative; line-height:26px;}
.bul-dot:before, .bul-star:before, .bul-hyphen:before, .bul-warning:before,
.bul-dot>li:before, .bul-star>li:before, .bul-hyphen>li:before, .bul-warning>li:before {display:block; content:''; position:absolute; left:0;}
.bul-dot, .bul-dot>li {position:relative; padding-left:11px;}
.bul-dot:before, .bul-dot>li:before {top:12px; width:3px; height:3px; background-color:#000;}
.bul-star, .bul-star>li {position:relative; padding-left:14px;}
.bul-dang, .bul-dang>li {position: relative; padding-left:20px;}
.bul-dang>li {line-height:1.461538461538462;}
.bul-dang:before, .bul-dang>li:before {font-size:16px;display:block; content:'※'; position:absolute; left:0;}
.bul-star:before, .bul-star>li:before {top:10px; width:7px; height:7px; background-image:url(../images/common/ico-star.png);}
.bul-hyphen, .bul-hyphen>li {padding-left:11px;}
.bul-hyphen:before, .bul-hyphen>li:before {top:0; content:'- ';}
.bul-warning, .list.bul-warning>li {padding-left:22px;}
.bul-warning:before, .bul-warning>li:before {top:6px; width:16px; height:16px; background-image:url(../images/common/ico-warning.png);}
.bul-check, .bul-check>li {position:relative; padding-left:35px;}
.bul-check:before, .bul-check>li:before {position:absolute; left:0; top:7px; display:block; content:''; width:19px; height:15px; background-image:url(../images/common/ico-check.png);}
.list.bul-number>li {position:relative; line-height:24px; padding-left:31px;}
.list.bul-number>li+li {margin-top:20px;}
.list.bul-number>li:before {display:inline-block; position:absolute; left:0; top:0; width:24px; height:24px; margin-right:6px; border-radius:50px; font-weight:500; color:#fff; font-size:14px; line-height:22px; text-align:center; vertical-align:top; background:#000;}
.list.bul-number>li:nth-child(1):before {content:'1';}
.list.bul-number>li:nth-child(2):before {content:'2';}
.list.bul-number>li:nth-child(3):before {content:'3';}
.list.bul-number>li:nth-child(4):before {content:'4';}
.list.bul-number>li:nth-child(5):before {content:'5';}
.list {padding:0; color:#000;}
.list:before {display:none;}
.list>li+li {margin-top:6px;}
.size-sm li {font-size:14px; line-height:22px;}
.size-sm.bul-warning:before, .size-sm.bul-warning>li:before {top:4px;}
.size-sm.bul-star:before, .size-sm.bul-star>li:before {top:8px;}
.size-sm.bul-dot:before, .size-sm.bul-dot>li:before {top:10px;}
.color-gray.bul-dot:before, .color-gray .bul-dot:before, .color-gray.bul-dot>li:before {background-color:#767676;}
.color-gray.bul-star:before, .color-gray .bul-star:before, .color-gray.bul-star>li:before {background-image:url(../images/common/ico-star-gray.png);}
.color-gray.bul-hyphen:before, .color-gray .bul-hyphen:before, .color-gray.bul-hyphen>li:before {color:#767676;}
.color-gray.bul-warning:before, .color-gray .bul-warning:before, .color-gray.bul-warning>li:before {background-image:url(../images/common/ico-warning-gray.png);}
.color-darkgray.bul-dot:before, .color-darkgray .bul-dot:before, .color-darkgray.bul-dot>li:before {background-color:#555;}
.color-darkgray.bul-star:before, .color-darkgray .bul-star:before, .color-darkgray.bul-star>li:before {background-image:url(../images/common/ico-star-gray.png);}
.color-darkgray.bul-hyphen:before, .color-darkgray .bul-hyphen:before, .color-darkgray.bul-hyphen>li:before {color:#555;}
.color-darkgray.bul-warning:before, .color-darkgray .bul-warning:before, .color-darkgray.bul-warning>li:before {background-image:url(../images/common/ico-warning-gray.png);}
.list .btn-xs, .bul-dot .btn-xs, .bul-star .btn-xs, .bul-hyphen .btn-xs, .bul-warning .btn-xs {margin-top:-2px;}
.size-sm .btn-xs {margin-top:-4px;}

/* 박스 */
.box {border:1px solid #e8e8e8; margin:20px 0; padding:30px 30px; border-radius:5px; background-color:#fff;}
.box-gray {margin:20px 0; border:0; padding:30px; border-radius:5px; background-color:#f9fafb;}
.box-white {margin:20px 0; border:0; padding:30px; background-color:#fff;}
.box-icon {padding:65px 30px; text-align:center;}
.box-icon .main-message {font-size:26px;}
.box-icon .ico {margin-bottom:20px;}
.box .inner-section, .help-cert-fail {margin-top:60px; padding:50px 0 0; border-top:1px solid #e8e8e8; overflow:hidden;}
.box .inner-section, .box .help-cert-fail {text-align:left;}
.box .help-cert-fail {margin-bottom:-20px;}
.box-round {margin:20px 0; padding:21px 50px 22px; border-radius:50px; background:#fff;}
.box-round.bg-primary {color:#fff;}

/* 구분선 */
.divider {display:inline-block; width:1px; height:12px; margin:-2px 10px 0; vertical-align:middle; background-color:#aaa;}
.divider-top {margin-top:50px; padding-top:40px; border-top:1px solid #e8e8e8;}
.divider-bottom {margin-bottom:40px; padding-bottom:50px; border-bottom:1px solid #e8e8e8;}

/* 글꼴, 색상 */
.color-primary {color:#ed174d;}
.color-default {color:#000;}
.color-gray {color:#767676;}
.color-red {color:#f60644;}
.color-white {color:#fff;}
.size-xs {font-size:12px; line-height:22px;}
.size-sm {font-size:14px; line-height:24px;}
.size-md {font-size:16px; line-height:16px;}
.size-lg {font-size:24px; line-height:34px;}
.size-xl {font-size:32px; line-height:42px;}
.size-smaller {font-size:0.9375em;}
.size-larger, .size-larger h2, .size-larger h3 {font-size:1.125em;}
.size-larger h2, .size-larger h3 {font-size: inherit; line-height: inherit; }
.link:focus, .link:hover {color:#ed174d !important; border-bottom:1px solid #ed174d;}
.bg-gray {background-color:#f0f1f2;}
.bg-primary {background-color:#4a4c58;}
.bg-gradation {position:relative; max-height:207px; color:#fff;
background:url(../images/common/bg-wide-gradation.png) no-repeat center center;}
.bg-gradation.type02 {background:#6b6b6b; }
.bg-gradation:before, .bg-gradation:after {display:block; content:''; position:absolute; top:0; bottom:0; width:calc(50% - 800px);}
.bg-gradation:before {left:0; background-color:#ed174d;}
.bg-gradation:after {right:0; background-color:#ed174d;}
.product-quick-menu.bg-gradation:before {left:0; background-color:#6b6b6b;}
.product-quick-menu.bg-gradation:after {right:0; background-color:#6b6b6b;}
#header .util-menu .member-menu .color-primary {color:#000;}

.tab-list {margin-bottom:30px; border-collapse:collapse; border-bottom:1px solid #d2d2d2; font-size:18px; line-height:1.3; word-break:keep-all; overflow:hidden;}
.tab-list:after {display:block; clear:both; content:'';}
.tab-list li {display:table-cell; float:none; margin:0; border:1px solid #d2d2d2; border-bottom-width:0; vertical-align:middle; color:#767676; background-color:#fff;}
.tab-list li h2, .tab-list li h3 { font-weight: inherit; font-size: inherit; }
.tab-list li a {display:table; width:100%; text-decoration:none;}
.tab-list li a span {display:table-cell; width:1%; height:68px; padding:1px 10px 0; text-align:center; vertical-align:middle;}
.tab-list li.on {border-top-color:#000; border-bottom-color:transparent; color:#000;}
.tab-list li.on a span {padding-top:0; border-top:1px solid #000; font-weight:500;}
.tab-list {width:100%; min-width:100%; border-bottom:0;}
.tab-list li {display:table-cell; width:1%; border-bottom-width:1px;}
.tab-list-matrix {margin-bottom:60px; border-top:1px solid #d2d2d2; font-size:18px; line-height:1.3; word-break:keep-all; background:url(../images/common/bg-tab-matrix.png);}
.tab-list-matrix:after {display:block; clear:both; content:'';}
.tab-list-matrix li {float:left; width:232px; height:69px; padding:1px; color:#767676;}
.tab-list-matrix li:nth-child(5n+1) {border-left:1px solid #d2d2d2;}
.tab-list-matrix li a {display:table; width:100%; text-decoration:none; background-color:#fff;}
.tab-list-matrix li a span {display:table-cell; width:1%; height:67px; padding:0 30px; text-align:center; vertical-align:middle;}
.tab-list-matrix li.on {font-weight:500; color:#fff; background-color:#ed174d;}
.tab-list-matrix li.on a {background-color:transparent;}
.tab-cont {display:none;}

.table {width:100%; table-layout:fixed; border-spacing:0; border-top:2px solid #000; border-bottom:1px solid #e0e0e0; line-height:1.3; background-color:#fff;}
.table th, .table td {height:70px; padding:10px 20px; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
.table th:first-child, .table td:first-child {border-left:0;}
.table th.border-left, .table td.border-left {border-left:1px solid #e0e0e0;}
.table th {font-weight:300; text-align:center;}
.table th {text-align:center;}
.table td {text-align:left;}
.table thead th {color:#555; background-color:#f9fafb;}
.table thead tr:first-child>* {border-top:0;}
.table tr.tfoot>* {font-weight:500; border-top:1px solid #c2c2c2; background-color:#fefefe;}
.table thead~tbody td {text-align:center;}
.table colgroup+tbody>tr:first-child>* {border-top:0;}
.table .full {padding:0;}
.table .nodata {height:140px; line-height:26px;}
.table.table-h-nofixed th, .table.table-h-nofixed td {height:0;}
.table-outline {border-top-width:1px; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-right:0;}
.table-outline thead th {text-align:center; background-color:#fff;}
.table-outline tr>*:last-child {border-right:1px solid #e0e0e0;}
.table-outline th {color:#767676;}
.table-outline td {color:#000;}
.table-outline th, .table-outline td {padding-left:30px; padding-right:30px;}
.table-outline td.border-right-none {border-right:0;}
.table-outline colgroup+tbody>tr>* {border-left:0;}
.table-outline colgroup+tbody>tr>th {padding-left:35px; text-align:left;}
.table-outline colgroup+tbody>tr>td {border-right:1px solid #e0e0e0;}
.table-light {border-top-width:1px;}
.table-thin {border-top:1px solid #e0e0e0;}
.table-thin.table-form {border-top-width:0;}
.table-light.table-form tbody+tbody>tr:first-child>*, .table-thin.table-form tbody+tbody>tr:first-child>* {border-top-color:#ddd;}
.table-list th, .table-list td {padding-left:30px; padding-right:30px; border-left:0; border-right:0;}
.table-list thead~tbody th, .table-list thead~tbody td {text-align:center;}
.table-list colgroup~tbody th, .table-list colgroup~tbody td {height:80px;}
.table-list thead th {color:#000; font-weight:500;}
.table-list tbody td {color:#767676;}
.table-list .link {color:#000;}
.table-list .notice a {font-weight:500;}
.table-list .ico.ico-new {margin:-3px 0 0 8px;}
.table-list .label-category:after {display:inline-block; content:''; width:1px; height:15px; margin:0 10px; vertical-align:middle; background-color:#ed174d;}
.table-list .nodata, p.nodata {line-height:145px; color:#000; font-weight:500; font-size:20px; text-align:center;}
.table-list .nodata:before, p.nodata:before {display:inline-block; content:''; width:24px; height:24px; margin:-4px 8px 0 0; vertical-align:middle; background-image:url(../images/common/ico-notice-violet.png);}
.table-list .finished strong { font-weight: 300; color: #000; }
p.nodata {border-top:2px solid #000;}
.table-view {border-right:0;}
.table-view th, .table-view td {padding:10px 30px; border-left:0; border-right:0; text-align:left;}
.table-view th {color:#555; background-color:#f9fafb;}
.table-view td {color:#000;}
.table-view tr:first-child>* {border-top:0;}
.table-form {border-bottom:0; margin-bottom:35px;}
.table-form {padding:40px 40px 30px; background-color:#f9fafb;}
.table-form>tbody>tr>th, .table-form>tbody>tr>td {border:0; text-align:left; padding:10px; line-height:26px;}
.table-form>thead>tr>th, .table-form>tbody>tr>th {padding-top:20px; padding-bottom:20px; font-weight:500; vertical-align:top;}
.table-form>tbody>tr>td {word-spacing:6px;}
.table-form>tbody>tr:last-child>* {padding-bottom:30px;}
.table-form>tbody+tbody>tr:first-child>* {border-top:1px solid #d2d2d2; padding-top:35px;}
.table-form>tbody>tr>th .req {margin-left:-11px; background-color:#f9fafb;}
.table-form>tbody>tr>th:before {display:inline-block; content:''; width:3px; height:3px; margin:-2px 4px 0 -7px; vertical-align:middle; /*background-color:#000;*/}
.table-form>tbody>tr>th label {vertical-align:top;}
.table-form p, .table-form span, .table-form label, .table-form a, .table-form li, .table-form dl, .table {word-spacing:normal;}
.table-form.table-req>tbody>tr>th:before {display:none;}
.row+.row {margin-top:10px;}
.req {display:inline-block; width:7px; height:7px; margin-top:-2px; color:#f60644; text-indent:100%; white-space:nowrap; vertical-align:middle; background:url(../images/common/ico-star-red.png); overflow:hidden;}
.bul-warning+.file-list {margin-top:14px;}
.file-list li {position:relative; padding:8px 0 7px 30px;}
.file-list li:before {display:inline-block; content:''; position:absolute; left:1px; top:12px; width:19px; height:20px; vertical-align:middle; background:url(../images/common/ico-input-file.png) no-repeat left center; overflow:hidden;}
.file-list .btn-delete-file {margin-left:18px;}
.table-top-none {border-top:0;}
.table-form tr.hr-a th,
.table-form tr.hr-a td { position: relative; padding: 15px 0 40px; height: auto; line-height: 0; vertical-align: middle; }
.table-form tr.hr-a th::before,
.table-form tr.hr-a td::before { content: ''; display:block; position: absolute; top: 50%; width: auto; height: 1px; background-color: #ddd; overflow: hidden; left: 0; right: 0; margin: 0 10px; }
.table-pd th, .table-pd td {padding-left:20px; padding-right:20px; border-left:0; border-right:0;}
.table-transparent { margin-bottom: 0; padding-top : 30px; padding-bottom: 5px; background-color : transparent; border-top: solid 1px #000; background-color: transparent; padding-top: 30px; }

/* 게시물 상세 */
.bbs-view-head {display:table; width:100%; padding:31px 20px; border-top:2px solid #000; border-bottom:1px solid #e8e8e8;}
.bbs-view-head:after {clear:both; display:block; content:'';}
.bbs-view-head .title {display:table-cell; font-weight:500; font-size:28px; line-height:38px; vertical-align:middle;}

.content-section-event .bbs-view-head .title,
.content-section-reason-offer .bbs-view-head .title { font-size: 22px; }

.bbs-view-head .title .label-category:after {display:inline-block; content:''; width:1px; height:24px; margin:-5px 10px 0 15px; vertical-align:middle; background-color:#ed174d;}
.bbs-view-head .meta-info {position:relative; display:table-cell; padding-left:20px; line-height:38px; text-align:right; vertical-align:top; white-space:nowrap;}
.bbs-view-head .meta-info li {display:inline-block; vertical-align:middle;}
.bbs-view-head .meta-info li:before {display:inline-block; content:''; width:1px; height:14px; margin:-2px 10px 0; vertical-align:middle; background-color:#cecece;}
.bbs-view-head .meta-info li:first-child:before {display:none;}
.bbs-view-head .meta-info .ico {margin-top:-2px;}
.bbs-view-head .meta-info .ico+.ico {margin-left:4px;}
.bbs-view-head .meta-info.type2 li:before {display:none;}
.bbs-view-head .meta-info.type2 li+li {margin-left:30px;}
.bbs-view-head .meta-info .date {word-spacing:5px; letter-spacing:0;}
.bbs-view-head .meta-info .item-title:after {display:inline-block; content:''; width:1px; height:14px; margin:-2px 8px 0 10px; vertical-align:middle; background-color:#cecece;}
.bbs-view-head .meta-info .layer-tooltip {display:none; top:-115px; right:-157px; width:350px; z-index:1500;}
.bbs-view-head .meta-info .layer-tooltip { top: 0; margin-top: 58px; }
.bbs-view-head .meta-info .layer-tooltip .ico-close { right: 0; top: 0; margin: 8px 8px 0 0; }
.bbs-view-head .meta-info .layer-tooltip .ico.ico-close { width: 14px; height: 14px; }
.file-download {padding:28px 20px; border-bottom:1px solid #e8e8e8; line-height:20px; background:#fcfcfc;}
.file-download span {margin-right:30px;}
.file-download .file-link:before {display:inline-block; content:''; width:19px; height:20px; margin:-2px 10px 0 0; vertical-align:middle; background:url(../images/common/ico-file.png) no-repeat;}
.bbs-view-body {padding:60px 0; color:#767676; font-size:18px; line-height:1.888888888888889;}
.bbs-view-body .title1, .bbs-view-body .title2 {color:#000;}
.bbs-view-body .image-area {text-align:center;}
.bbs-view-body .image-area:first-child {margin-bottom:60px;}
.bbs-view-body .image-area:last-child {margin-top:60px;}
.comment-write textarea {width:calc(100% - 116px); height:84px;}
.comment-write .btn {width:100px; height:84px; margin-left:6px; border-radius:5px; line-height:82px;}
.comment-list {border-top:2px solid #000;}
.comment-list li {position:relative; border-bottom:1px solid #e8e8e8; overflow:hidden;}
.comment-list .author {display:inline-block; width:80px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.comment-list .date {width:190px; color:#767676; letter-spacing:0;}
.comment-list .comment-article {width:727px; line-height:26px; white-space:pre-wrap;}
.comment-list .ctrl {position:absolute; right:20px; top:30px;}
.comment-list .ctrl button {position:relative; line-height:26px; vertical-align:top; overflow:visible;}
.comment-list .ctrl button+button {margin-left:25px;}
.comment-list .ctrl button+button:before {display:block; content:''; position:absolute; left:-14px; top:7px; width:1px; height:15px; vertical-align:middle; background-color:#e8e8e8;}
.comment-list+.btn-group {margin-top:40px;}
.comment-modify textarea {width:727px; height:84px;}
.bbs-nav {border-bottom:1px solid #000;}
.btn-group+.bbs-nav {margin-top:100px;}
.bbs-nav li {padding:25px 10px; border-top:1px solid #e8e8e8; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bbs-nav li, .bbs-nav li a {color:#767676;}
.bbs-nav strong {margin-right:30px; padding-right:18px; color:#000; background:url(../images/common/ico-arr-up.png) no-repeat right center;}
.bbs-nav .next strong {background-image:url(../images/common/ico-arr-down.png);}

/* 검색 */
.search-select {text-align:center;}
.search-select>.search-inner {display:inline-block; height:70px; padding:14px 14px 14px 30px; border-radius:35px; border:1px solid #d2d2d2; font-size:18px; background-color:#fff;}
.search-select select {height:40px; margin:0 5px 0 10px; padding-left:10px; border-color:transparent; letter-spacing:0;}
.search-select label {font-weight:500;}
.search-select *+label:before {display:inline-block; content:''; width:1px; height:17px; margin:-2px 20px 0 0; vertical-align:middle; background-color:#d8d8d8;}
.search-list {margin:40px 0 35px;}
.search-list select {margin-right:7px;}
.search-list input[type=text], .search-list select {height:46px; border-color:#e8e8e8;}
.search-list .i-keyword {width:265px; padding-right:56px;}
.search-list .btn-search {display:inline-block; height:46px; width:46px; margin-left:-50px; text-indent:100%; white-space:nowrap; vertical-align:middle; background:url(../images/common/ico-zoom.png) no-repeat center center; overflow:hidden;}
.sort {margin-left:9px;}
.sort:after {display:block; clear:both; content:'';}
.sort li {float:left; margin-right:23px;}
.sort li a {color:#767676;}
.sort li.on a {font-weight:500; color:#ed174d; border-bottom:1px solid #ed174d;}
.total-number {margin-right:10px;}

/* 태그 토글 목록 */
.relation-tag {position:relative;}
.relation-tag.overflow .tag-list {height:34px; padding-right:25px;}
.relation-tag.overflow.opened {height:auto !important;}
.relation-tag.overflow.opened .tag-list {height:auto !important;}
.relation-tag dt {position:relative; position:absolute; right:0; top:0; width:14px; height:34px;}
.relation-tag dt .btn-toggle-tag {width:100%; height:100%; vertical-align:top; background-image:url(../images/common/ico-plus-bold-primary.png); background-size:auto;}
.relation-tag.opened dt .ico {background-image:url(../images/common/ico-minus-bold-primary.png);}
.relation-tag .tag-list {overflow:hidden;}
.relation-tag .tag-list a:before {content:'#';}

/* 페이징 */
.pagination {margin-top:30px; font-size:0; text-align:center;}
.pagination>* {vertical-align:top;}
.pagination a, .pagination strong {display:inline-block; min-width:40px; height:40px; border-radius:20px; border:1px solid transparent; margin-left:10px; padding:0 5px; text-align:center; color:#000; font-size:14px; line-height:38px; text-decoration:none; transition:.3s;}
.pagination strong {color:#fff; border-color:transparent; background-color:#ed174d;}
.pagination .direction {min-width:40px; width:40px; padding:0; border:1px solid #e0e0e0; background:#fff url(../images/common/ico-paging-first.png) no-repeat center center; text-indent:100%; line-height:38px; white-space:nowrap; overflow:hidden;}
.pagination>*+.direction {margin-left:20px;}
.pagination .direction+* {margin-left:20px;}
.pagination .direction+.direction {margin-left:10px;}
.pagination .first {margin-left:0; background-image:url(../images/common/ico-paging-first.png);}
.pagination .prev {background-image:url(../images/common/ico-paging-prev.png);}
.pagination .next {background-image:url(../images/common/ico-paging-next.png);}
.pagination .last {background-image:url(../images/common/ico-paging-last.png);}

/* 레이어 달력 ver2 */
.btn-calendar {display:inline-block; width:50px; height:50px; margin-left:-60px; text-indent:100%; white-space:nowrap; vertical-align:middle; background:url(../images/common/ico-calendar.png) no-repeat center center; overflow:hidden;}
#divCalendar {position:absolute; box-sizing: border-box; width: 252px; padding:8px 10px 20px; border:1px solid #d2d2d2; font-size:14px; background-color:#fff; box-shadow:3px 3px 5px 5px rgba(0,0,0,0.05); z-index:2; text-align: center; }
#divCalendar caption {height:0; font-size:0; line-height:0; overflow:hidden;}
#divCalendar table {table-layout:auto; width:100%; text-align:center; border:0px solid #000; color:#000;}
#divCalendar #tableCalendar { margin: 0 auto; }
#tableCalendarTitle td, #tableCalendarTitle td a, #tableMonthTitle td a, #tableYearTitle td {font-size:16px;}
#divCalendar #tableCalendarTitle a {color:#000;}
#divCalendar #tableYear a {color:#000;}
#divCalendar th {height:auto; background:none; padding:0 0 0.5em; margin:0; color:#000; text-align:center; line-height:20px;}
#divCalendar td { padding:0 !important; margin:0; height:auto; text-align:center; border:0px solid #000; line-height:1; cursor: default; }
#divCalendar tbody td {height: 30px; color:#bbb; }
#divCalendar tbody td a {display:block; color:#000; text-decoration:none;}
#divCalendar tbody a { display: block; position: relative; width: 30px; height: 30px; line-height: 30px; text-align: center; overflow: hidden; border-radius: 100%; background-color: rgba(242, 242, 242, 0); font-size: 14px; font-weight: 300; }
#divCalendar tbody a:hover, #divCalendar tbody a.today { text-align: center; overflow: hidden; border-radius: 100%; background-color: rgba(242, 242, 242, 1);  transition: background-color: .2s ease-in-out 0s; }
#divCalendar #tableMonthTitle a, #divCalendar #tableMonth a {color:#000;}
#divCalendar tbody th:first-child, 
#divCalendar tbody td:first-child, 
#divCalendar tbody td:first-child a {color:#cf2121;}
#divCalendar tbody th:last-child, 
#divCalendar tbody td:last-child, 
#divCalendar tbody td:last-child a {color:#0072cf;}
#divCalendar tbody td.holiday,
#divCalendar tbody td.holiday a { color: #cf2121; }
#divCalendar tbody td a.today { color: #fff; font-weight: 500; background-color: rgba(237, 23, 77, 1); }
#divCalendar .head-wrap { margin: 18px 10px 21px; text-align: left; }
#divCalendar .col-month { width: 68%; text-align: left; }
#divCalendar .col-today { float: right; width: 30%; text-align: right; }
#divCalendar #tableCalendarTitle td a.month { font-family: 'Roboto'; font-size: 20px; font-weight: bold; }
#divCalendar .prev, #divCalendar .next, #divCalendar .button-today { display: inline-block; vertical-align: middle; box-sizing: content-box; width: 24px; height: 26px; padding:0; border:1px solid #d1d1d1; border-radius: 3px; background:#fff url(../images/common/ico-paging-first.png) no-repeat center center; text-indent:100%; line-height: 24px; white-space:nowrap; overflow:hidden;}
#divCalendar .button-today { width: auto; min-width: 43px; text-indent: 0; background: none; letter-spacing: -0.05em; font-size: 13px; }
#divCalendar .prev { float: left; background: url('/front/web/images/common/ico_calendar_paging_prev.png') center center no-repeat; }
#divCalendar .next { float: right; background: url('/front/web/images/common/ico_calendar_paging_next.png') center center no-repeat; }
#divCalendar .btn-cal-close {position:absolute; top:-1px; right:-20px;}
#divCalendar .btn-cal-close a {display:block; padding: 11px; border:1px solid #d2d2d2; text-indent: -50px; white-space:nowrap; background:#fff url(../images/common/ico-close.png) no-repeat center center; background-size:10px 10px; overflow:hidden;}
#divCalendar .btn-cal-close, #divCalendar .btn-cal-close a {width:20px; height:20px;}
#divCalendar[data-mode="year"], #divCalendar[data-mode="month"] { padding-bottom: 10px; }
#divCalendar[data-mode="year"] .head-wrap, #divCalendar[data-mode="month"] .head-wrap, 
#divCalendar[data-mode="year"] .button-today, #divCalendar[data-mode="month"] .button-today { display: none; }
#divCalendar[data-mode="year"] table a, #divCalendar[data-mode="month"] table a { line-height: 2; }

body {position:relative; min-width:1160px; overflow-x:auto;}
.fix-width {width:1160px; margin:auto;}
.ie-update {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); padding-top:100px; color:#fff; font-size:16px; text-align:center; z-index:2000;}
.ie-update .msg-update {position:absolute; top:50%; left:50%; margin:-67px 0 0 -155px;}
.ie-update .btn-group {margin-top:30px;}
.ie-update .btn-group .btn {display:inline-block; box-sizing:border-box; text-align:center; vertical-align:middle; white-space:nowrap; text-decoration:none !important;}
.ie-update .btn-group .btn {width:150px; height:40px; padding:0 10px; border:0; color:#000; margin:5px; font-size:15px; line-height:38px; background-color:#ffcb07;}
#skip a {display:block; position:absolute; top:0; margin-bottom:-1px; width:100%; height:1px; text-align:center; text-decoration:none; font-size:18px; overflow:hidden; z-index:600;}
#skip a:focus, #skip a:active {height:40px; line-height:40px; color:#fff; background:#666;}
#header {position:relative; background-color:#fff;}
#header .fix-width {clear:both;}
#util {border-bottom:1px solid #e8e8e8; color:#767676; font-family:Dotum, sans-serif, Arial, Gulim; font-size:11px; line-height:40px; letter-spacing:-0.09em; overflow:hidden;}
#util  a {font-family:Dotum, sans-serif, Arial, Gulim; }
.global {float:left;}
.global li {float:left;}
.global li:after {display:inline-block; content:''; width:1px; height:10px; margin:0 5px; background-color:#dcdcdc;}
.global li:last-child:after {display:none;}
.global li a {display:inline-block; padding:0 5px;}
.global .eng {letter-spacing:0.03em;}
.util-menu {float:right;}
.util-menu ul {display:inline-block; vertical-align:middle;}
.member-menu li {float:left;}
.member-menu li+li:before {display:inline-block; content:''; width:1px; height:10px; margin:-2px 9px 0 10px; vertical-align:middle; background-color:#dcdcdc;}
.member-menu li a strong {font-weight:bold;}
.customer-type {margin-left:10px; overflow:hidden;}
.customer-type li {float:left; width:36px;}
.customer-type li a {display:block; height:22px; text-indent:100%; white-space:nowrap; background:url(../images/layout/sp-btn-member-type.png) no-repeat; overflow:hidden;}
.customer-type li:nth-child(1) a {background-position:0 0;}
.customer-type li:nth-child(1).on a {background-position:0 -23px;}
.customer-type li:nth-child(2) a {background-position:-36px -23px;}
.customer-type li:nth-child(2).on a {background-position:-36px 0;}
#brand {position:absolute; top:67px;}
#brand a {display:block;}
#brand img {vertical-align:top;}
#gnb {display:inline-block; padding:0 50px; color:#000;}
#gnb>ul>li {display:table-cell; height:89px; margin-left:5px; padding:0 20px; vertical-align:middle;}
#gnb>ul>li:first-child {margin-left:0;}
#gnb>ul>li>a {display:inline-block; padding:5px 0; font-weight:500; font-size:17px; border-bottom:1px solid transparent;}
#gnb>ul>li>a:focus, #gnb>ul>li>a:hover, #gnb>ul>li.on>a, #gnb>ul>li.active>a {color:#ed174d; /* border-color:#ed174d; */}

#gnb>ul>li.has-no-child >a:focus,
#gnb>ul>li.has-no-child >a:active { color: #000; }
#gnb>ul>li.has-no-child >a:hover { color: #ed174d; }

.lnb-area {display:none; position:absolute; top:129px; left:0; right:0; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; text-align:left; background-color:#fff; z-index:1000;}
.lnb-area.active {z-index:1100;}
.lnb-area>.fix-width {position:relative; min-height:280px; padding:35px 0 5px 236px; overflow:hidden;}
.lnb-area>.fix-width:before {display:block; position:absolute; content:''; left:236px; top:0; bottom:0; width:1px; background-color:#e8e8e8;}
.menu-info {position:absolute; left:1px; top:0; padding:35px 0; width:236px;}
.menu-info .title {display:inline-block; margin-bottom:25px; font-weight:500; font-size:20px;}
.menu-info .title:after {display:inline-block; content:''; width:7px; height:11px; margin:-5px 0 0 10px; vertical-align:middle; background:url(../images/common/ico-arr-right.png) no-repeat;}
.menu-info .desc {line-height:28px;}
.menu-info.menu-bnr {padding:0; top:2px; left:2px;}
.lnb {min-height:150px; padding-left:65px; line-height:30px; overflow:hidden;}
.lnb>li {float:left; width:20%; margin-bottom:30px;}
.lnb>li:nth-child(4n+1) {/* clear:both */;}
.lnb>li>a {font-weight:500;}
.lnb>li>ul {margin-top:2px; color:#555555; font-size:14px;}
.lnb a:focus, .lnb a:hover {color:#ed174d !important; border-bottom:1px solid #ed174d !important;}
.recommend-product {margin:10px 0 40px 65px; overflow:hidden;}
.recommend-product dd {position:relative; float:left; width:420px; height:120px;}
.recommend-product dd+dd {float:right;}
.recommend-product dd img {width:100%; height:100%;}

/* 20210210 폭 수정 */
.lnb { min-height: 47px; }
.lnb>li { margin-bottom: 10px; }
.lnb-area>.fix-width { padding-bottom: 35px; }
.recommend-product { margin-top: 30px; margin-bottom: 10px; }

#gnb.gnb-biz {height:90px; text-align:center;}
#gnb.gnb-biz .bg-gnb {display:none; position:absolute; left:0; right:0; top:129px; height:150px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background-color:#fff; z-index:900;}
#gnb.gnb-biz>ul {display:inline-block; position:relative; z-index:1000;}
#gnb.gnb-biz>ul>li {position:relative; padding:0 30px; vertical-align:top;}
#gnb.gnb-biz>ul>li>a {border:0; line-height:78px;}
#gnb.gnb-biz>ul>li>ul {display:none; position:absolute; top:120px; text-align:left; transition:0.3s;}
#gnb.gnb-biz>ul>li>ul>li {font-size:16px; line-height:36px; white-space:nowrap;}
#gnb.gnb-biz>ul>li>ul>li>a:hover, #gnb.gnb-biz>ul>li>ul>li>a:focus {border-bottom:1px solid #ed174d; color:#ed174d;}

.toggle-biz-tab {position: absolute; right: 115px;top:16px;background: #494949;border-radius: 30px;}
.re-toggle-biztab {border-collapse:collapse; border:0; font-size:14px; line-height:1.3; word-break:keep-all; overflow:hidden;}
.re-toggle-biztab:after {display:block; clear:both; content:'';}
.re-toggle-biztab li {position: relative;z-index:2;display:table-cell; float:none; margin:0; border:0; vertical-align:middle; color:#a8a8a8;}
.re-toggle-biztab li a {display:table; width:100%; text-decoration:none;}
.re-toggle-biztab li a span {display:table-cell; width:1%; height:28px; padding:0px 13px 0; text-align:center; vertical-align:middle;}
.re-toggle-biztab li.on {color:#fff; transition: opacity 0.5s ease-in-out;}
.re-toggle-biztab li.on a {line-height: 1.5;}
.re-toggle-biztab li.on a span {padding-top:0;font-weight:500;}
.re-toggle-biztab:after {z-index:1;content: ""; width: 50%; background: #ed174d; height:28px; position: absolute; top:0; left:50%; -webkit-transition: all 250ms ease-in-out;transition: all 250ms ease-in-out; border-radius: 30px;}
.re-toggle-biztab.biztab:after {z-index:1;content: "";width: 50%;background: #ed174d;height:28px; position: absolute;top:0;left:0; -webkit-transition: all 250ms ease-in-out;transition: all 250ms ease-in-out;border-radius: 30px;}

.toggle-biz-tab{ right:-121px;}
.re-toggle-biztab:after{display:block;clear:both;z-index:1;content:"";width:50%;background:#ed174d;height:28px;position:absolute;top:0;left:0;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;border-radius:30px;}
.re-toggle-biztab li.on a{line-height:1.5;color:#FFF;}
.re-toggle-biztab.biztab:after{z-index:1;content:"";width:50%;background:#ed174d;height:28px;position:absolute;top:0;left:50%;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;border-radius:30px;}

/* 통합검색 */
.btn-layer-close {background-color:#fff; background-image:url(../images/layout/ico-close-primary.png);}
#btn-search-open, #btn-sitemap-open, .btn-layer-close {position:absolute; left:50%; top:74px; width:24px; height:30px; background-size:auto;}
#btn-search-open {margin-left:518px; background-image:url(../images/layout/ico-search.png);}
#btn-search-close {margin-left:518px; top:-56px;}
#btn-sitemap-open {margin-left:556px; background-image:url(../images/layout/ico-menu.png);}
#global-search {display:none; position:absolute; left:0; right:0; top:130px; background-color:#6b6b6b; z-index:600;}
#global-search form {display:none; height:145px; margin-top:45px; overflow:hidden;}
#global-search:before, #global-search:after {display:block; content:''; position:absolute; top:0; bottom:0; width:calc(50% - 800px);}
#global-search:before {left:0; background-color:#6b6b6b;}
#global-search:after {right:0; background-color:#6b6b6b;}
#global-search fieldset {position:relative; width:520px; margin:auto;}
#global-search .i-keyword {width:100%; height:42px; padding:0 60px 0 10px; border:0; border-bottom:2px solid #fff; color:#fff; font-size:17px; line-height:40px; background-color:transparent; outline: 0; }
#global-search .i-keyword::-webkit-input-placeholder {color:rgba(255,255,255,0.4);}
#global-search .i-keyword:-moz-placeholder {color:rgba(255,255,255,0.4);}
#global-search .i-keyword::-moz-placeholder {color:rgba(255,255,255,0.4); opacity:1;} 
#global-search .i-keyword:-ms-input-placeholder {color:rgba(255,255,255,0.4);}
#global-search .btn-global-search {position:absolute; right:0; top:0; width:40px; height:40px; background-image:url(../images/layout/ico-search-white.png); background-size:auto;}
#global-search.is-keyword-row-2 > form { height: 165px; }

.has-anim #global-search:before, 
.has-anim #global-search:after { display: none; }
.has-anim #btn-search-close { display: none; }
.is-search .has-anim #btn-search-close { display: block; }
.has-anim #global-search { display: block; background: transparent; visibility: hidden; z-index: -1; transition: visibility 0s linear .2s, z-index 0s linear .2s; }
.has-anim #global-search .holder { visibility: hidden; height: 0; transition: visibility 0s linear .2s, z-index 0s linear .2s, height .2s cubic-bezier(0.61, 1, 0.88, 1) .2s; }
.has-anim #global-search .inner { background-color: #6b6b6b; height: 0; overflow: hidden; transition: height .2s cubic-bezier(0.61, 1, 0.88, 1) 0s; }
.has-anim #global-search form { display: block; margin-top: 0; height: auto; padding: 45px 0; opacity: 0; transform: translate(0, -50%); transition: opacity .2s cubic-bezier(0.61, 1, 0.88, 1) 0s, transform .2s cubic-bezier(0.61, 1, 0.88, 1) 0s; }
.is-search .has-anim #global-search { z-index: 1501; visibility: visible; transition: visibility 0s linear 0s, z-index 0s linear 0s; }
.is-search .has-anim #global-search .holder { visibility: visible; height: 210px; transition: visibility 0s linear 0s, z-index 0s linear 0s, height .2s cubic-bezier(0.61, 1, 0.88, 1) 0s; }
.is-search .has-anim #global-search .inner { height: 210px; transition: height .2s cubic-bezier(0.61, 1, 0.88, 1) 0s; }
.is-search .has-anim #global-search form { opacity: 1; transform: translate(0, 0); transition: opacity .2s cubic-bezier(0.61, 1, 0.88, 1) 0s, transform .2s cubic-bezier(0.61, 1, 0.88, 1) 0s; }

.recommend-keyword {margin-top:15px;}
.recommend-keyword span { color: #fff; }
.recommend-keyword dt,
.recommend-keyword dd {display: block; margin: 5px 0 0 0; padding: 0; color:#fff; vertical-align:middle;}
.recommend-keyword dd a {margin-left:10px;}
.recommend-keyword dt { position: relative; float: left; clear: left; width: 16.54%; }
.recommend-keyword dd { float: right; width: 82.4%; text-align: left; }
.recommend-keyword dt:before { display:inline-block; position: absolute; margin-top: 5px; top: 0; right: 0; content:''; width:1px; height:15px; background-color:rgba(255,255,255,0.5); vertical-align: top; }

/* 사이트맵 */
#sitemap {display:none; position:absolute; left:0; right:0; top:130px; border-bottom:1px solid #e8e8e8; text-align:left; background-color:#fff; z-index:1500;}

/* anim */
#sitemap { display: block; visibility: hidden; border: 0; background: transparent; z-index: -1; }
#sitemap .holder { height: 0; visibility: hidden; opacity: 1; border-bottom: 1px solid #e8e8e8; background-color:#fff; overflow: hidden; }
.is-sitemap #sitemap { visibility: visible; z-index: 1500; }
.is-sitemap #sitemap .holder { visibility: visible; opacity: 1; height: auto; }

#sitemap,
#sitemap .holder { transition: visibility 0s linear 600ms, z-index 0s linear 600ms, opacity 600ms cubic-bezier(0.25, 1, 0.5, 1) 0s, height 600ms cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.is-sitemap #sitemap,
.is-sitemap #sitemap .holder { transition: visibility 0s linear 0s, z-index 0s linear 0s, opacity 1000ms cubic-bezier(0.25, 1, 0.5, 1) 0s, height 1000ms cubic-bezier(0.25, 1, 0.5, 1) 0s; }

#sitemap .container { text-align: left; }
#sitemap .section-sitemap .wrap { padding-bottom: 30px; }
#btn-sitemap-close {display:none; margin-left:556px; top:-56px;}
.is-sitemap #btn-sitemap-close {display:block;}

#sitemap .section-sitemap a { position: relative; }
#sitemap .section-sitemap a.d2::before,
#sitemap .section-sitemap a.d3::before,
#sitemap .section-sitemap a.d4::before { display: block; content: ''; position: absolute; left: 0; bottom: 1px; right: 0; height: 1px; background-color: #ed174d; overflow: hidden; opacity: 0; }
#sitemap .section-sitemap a:focus, 
#sitemap .section-sitemap a:hover,
#sitemap .section-sitemap a.d4:focus, 
#sitemap .section-sitemap a.d4:hover { color: #ed174d; }
#sitemap .section-sitemap a:not([href]):focus,
#sitemap .section-sitemap a:not([href]):hover { color: #000; }
#sitemap .section-sitemap a:focus::before,
#sitemap .section-sitemap a:hover::before { opacity: 1; }

#sitemap .btn-open, #sitemap .btn-close {position:absolute; right:0; top:0; padding:0 26px; height:96px; line-height:96px; text-align:right; background-color:#fff;}
#sitemap>ul>li>.btn-open .ico {width:21px; height:21px; background-image:url(../images/common/ico-plus-thin.png);}
#sitemap>ul>li>.btn-close {display:none;}
#sitemap>ul>li.on>.btn-close {display:block;}
#sitemap>ul>li.on>.btn-close .ico {background-image:url(../images/common/ico-minus-thin.png); background-size:auto; background-position:center 20%;}

#container {width:1160px; margin:auto; padding:35px 0 80px; min-height:calc(100vh - 200px);}
#container:after {display:block; clear:both; content:'';}
#container #sidebar {float:left; width:230px;}
#breadcrumb { position:relative; padding-top:91px; box-sizing: content-box; }
#breadcrumb .breadcrumb-inner { box-sizing: content-box; text-align: right; margin: 0 auto; padding: 10px 0; max-width: 1160px; min-height: 22px; font-size: 14px; }
#breadcrumb .breadcrumb-inner a {padding-right: 20px; margin-right:10px; position:relative;background:url(../images/common/ico-arr-right-xs2-gray.png) no-repeat 100% center;}
#breadcrumb .home {display:inline-block; width:60px; height:60px; text-indent:100%; white-space:nowrap; background:url(../images/common/ico-home.png) no-repeat center center; overflow:hidden;}
.path-item {position:relative; min-width:200px; line-height:58px; background-color:#fff;}
.path-item:before {display:block; content:''; position:absolute; right:0; top:0; width:50px; height:58px; background:#fff url(../images/layout/ico-path-default.png) no-repeat center center;}
.path-item dt {color:#555555; font-weight:300;}
.path-item dt, .path-item li {padding:0 55px 0 30px;}
.path-item dd {display:none;}
.path-item li.on a {font-weight:500; color:#ed174d; border-bottom:1px solid #ed174d;}
.path-item li a:hover, .path-item li a:focus {color:#ed174d; border-bottom:1px solid #ed174d;}
.path-item .btn-open, .path-item .btn-close {position:absolute; right:0; top:0; left:0; width:100%; height:58px; text-indent:100%; white-space:nowrap; overflow:hidden;}
.path-item .btn-open:after, .path-item .btn-close:after {content:''; position:absolute; top:2px; right:2px; width:46px; height:54px; text-indent:100%; white-space:nowrap; background:#fff url(../images/layout/ico-path-down.png) no-repeat center center; overflow:hidden;}
.path-item .btn-close {display:none;}
.path-item .btn-close:after {background-image:url(../images/layout/ico-path-down-on.png);}
.path-item.active {border:1px solid #000; z-index:550;}
.path-item.active a {color:#555555;}
.path-item.active .btn-open {display:none;}
.path-item.active .btn-close {display:block;}
.path-item dt { position: relative; }
.path-item.active dt::before { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; margin-top: 1px; background-color: #000; z-index: 500; }

/* 커튼 배너
#promoCurtain { display: none; position: relative; height: 50px; line-height: 1; background-color: #fff; }
#promoCurtain .holder { opacity: 0; visibility: hidden; height: 50px; background-color: #F2F3F5; color: #000; transition: visibility 0s linear .3s, opacity .3s ease-in-out 0s; }
#promoCurtain .wrap { position: relative; margin: 0 auto; max-width: 1440px; }
#promoCurtain p { margin: 0 auto; padding: 16px 0; max-width: 1434px; text-align: left; font-size: 16px; font-weight: 400; letter-spacing: -0.05em; user-select: none; }
#promoCurtain strong { font-weight: 700; }
#promoCurtain strong.color-primary { color: #FB295B; }
#promoCurtain .closer { display: inline-block; position: absolute; top: 0; right: 0; width: 50px; height: 50px; }
@media (min-width: 1440px) {
	#promoCurtain .closer { margin-right: -18px; }
}
#promoCurtain .closer .ico { width: 50px; height: 50px; background-size: 22px 22px; background-postion: center center; vertical-align: top; }
#promoCurtain .closer .ico { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIyIDIyIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJtNS44MTggMTYuNzM0LS41NTItLjU1M0wxMC40NDggMTEgNS4yNjYgNS44MThsLjU1Mi0uNTUyTDExIDEwLjQ0OGw1LjE4MS01LjE4Mi41NTMuNTUyTDExLjU1MiAxMWw1LjE4MiA1LjE4MS0uNTUzLjU1M0wxMSAxMS41NTJsLTUuMTgyIDUuMTgyWiIvPjwvc3ZnPg=='); }
.is-curtain .hv-header .sub-gnb,
.is-curtain #global-search,
.is-curtain #sitemap { margin-top: 50px; }
.is-curtain .hv-header #btn-sitemap-close,
.is-curtain .hv-header #btn-search-close { margin-top: -50px; }
.is-curtain .module-fixed-background { height: 1020px; }
.is-curtain #promoCurtain { display: block; }
.is-curtain-anim #promoCurtain .holder { visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity .3s ease-in-out .2s; }
*/

#content {position:relative; clear:both; min-height:calc(100vh - 534px);}
#content:after {display:block; clear:both; content:'';}
.content-title {position:absolute; top:0; left:0; right:0; margin-top:60px; font-size:48px; text-align:center; line-height:58px;}
.content-title:after {display:block; content:''; position:absolute; bottom:-25px; left:50%; width:107px; height:5px; margin-left:-54px; background:url(../images/common/bg-content-title.png) no-repeat;}
.content-inner .content-title {position:relative; margin:15px 0 75px;}
.content-section {padding:60px 0;}
.content-section:after {clear:both; display:block; content:'';}
.content-section.pt0 {padding-top:0;}
.content-title+.content-section {padding-top:198px;}
.content-section:last-child {padding-bottom:130px;}
.content-section-gap:last-child {padding-bottom:150px;}
.content-inner {width:1160px; margin:auto;}
.content-inner.xlarge { width: auto; }
.content-inner:after {display:block; clear:both; content:'';}
#sticky-counsel {position:fixed; bottom:0; left:0; right:0; border-top:1px solid #f594a2; border-bottom:1px solid #f594a2; z-index:1000;}
#footer {position:relative; padding-bottom:60px; background-color:#1d1f20; font-weight: 400;}
#footer.sticky-space {padding-bottom:130px;}
#btn-totop {display:none; position:fixed; left:50%; margin-left:670px; bottom:88px; width:50px; height:50px; padding-top:8px; color:#000; font-size:11px; font-weight:bold; border:1px solid rgb(229, 229, 229); border-radius:25px; text-align:center; line-height:40px; background:#fff url(../images/common/ico-arr-up2.png) no-repeat center 13px; box-shadow:3.214px 3.83px 13px 0px rgba(0, 0, 0, 0.04); z-index:600;}
.modal-opened #btn-totop {margin-left:593px;}
#footer .fix-width:after {display:block; clear:both; content:'';}
.policy-area {position:relative; height:70px; border-bottom:1px solid rgba(255,255,255,0.1);}
.policy-menu {float:left; color:#919191;}
.policy-menu li {display:inline-block; margin-right:30px; font-size:13px; line-height:70px;}
.policy-menu li {margin-right:12px; font-size:13px;color:#a9a9a9;}
.policy-menu li strong {font-weight: 700;color:#fff;}
#family-site {float:right;}
#btn-family-toggle {height:70px; padding:0 20px; color:#fff; font-weight:500; font-size:13px; text-align:right;}
#btn-family-toggle .ico {width:10px; height:10px; margin:-2px 0 0 8px; background-image:url(../images/common/ico-plus-sm-white.png);}
#family-site dd {display:none; position:absolute; left:0; right:0; bottom:69px; height:327px; padding-top:50px; font-size:13px; background-color:#242527; z-index:100;}
#family-site dd strong {display:block; margin-bottom:15px; color:#919191;}
#family-site dd>ul {padding-left:137px; overflow:hidden;}
#family-site dd>ul>li {float:left; line-height:26px; margin-right:67px;}
#family-site a {color:#fff;}
#family-site a:hover, #family-site a:focus {border-bottom:1px solid #fff;}
#family-site.on #btn-family-toggle {background-color:#242527;}
#family-site.on #btn-family-toggle .ico {background-image:url(../images/common/ico-minus-sm-white.png); background-size:auto;}
#btn-family-close {position:absolute; top:50px; left:50%; width:20px; height:20px; margin-left:560px; line-height:20px; text-align:center;}
.address-area {position:relative; clear:both; padding:30px 0 0 184px;}
.address-area address {font-style:normal;}
.ci-logo {position:absolute; left:0; top:16px;}
.ci-logo a {display:block; vertical-align:top;}
.address-info {overflow:hidden;}
.address-info dt, .address-info dd {float:left; color:#fff; font-size:13px; line-height:26px;}
.address-info dt {color:#919191;}
.address-info dd {color:rgba(255,255,255,0.7);}
.address-info dt:nth-child(4n+1) {clear:both; width:130px;}
.address-info dd:nth-child(4n+2) {width:93px;}
.address-info dt:nth-child(4n+3) {width:110px;}
.address-info dd:nth-child(4n) {width:400px;}
.address-info .btn-bizinfo {display:inline-block; height:20px; margin:-3px 0 0 0; padding:0 7px; border:1px solid rgba(255,255,255,0.5); border-radius:2px; font-size:10px; line-height:18px; vertical-align:middle;}
.address-mark {margin: 7px 0 0 131px;  font-style: normal; color: rgba(255,255,255,0.7);  font-size: 11px; line-height: 13px;}
.site-mark {position:absolute; top:25px; right:0;}
.site-mark>* {margin-right:20px;}
.coptright {margin-top:50px; color:#919191; font-size:12px; letter-spacing:0;}

/* sticky counsel */
#sticky-counsel.ver-20220124 { box-sizing: content-box; padding: 19px 0; border: 0; background-color: #ed174d; overflow: hidden; text-align: center; }
#sticky-counsel.ver-20220124::after { display: table; clear: both; overflow: hidden; }
#sticky-counsel.ver-20220124 .wrap { text-align: left; margin: 0 auto; width: 880px; height: 42px; color: #fff; line-height: 1; }
#sticky-counsel.ver-20220124 .subjects { width: 36.2%; }
#sticky-counsel.ver-20220124 .fields { position: relative; width: 44.6%; }
#sticky-counsel.ver-20220124 .links { float: right; width: 17.5%; text-align: right; }
#sticky-counsel.ver-20220124 .inline { box-sizing: content-box; display: inline-block; vertical-align: middle; padding: 0; height: 42px; line-height: 42px;  font-size: 14px; border: 0; }
#sticky-counsel.ver-20220124 .subject { margin-right: 5px; font-size: 18px; font-weight: 400; }
#sticky-counsel.ver-20220124 .tel { font-size: 28px; font-weight: bold; }
#sticky-counsel.ver-20220124 .field-contact { width: 100%; text-indent: 32px; border-radius: 42px; font-size: 16px; font-weight: 400; letter-spacing: 0.05em; }
#sticky-counsel.ver-20220124 .field-contact { box-sizing: content-box; padding-bottom: 2px; height: 40px; }
#sticky-counsel.ver-20220124 .field-contact::placeholder { margin-top: -1px; font-size: 14px; color: #000; line-height: 40px; letter-spacing: 0; }
#sticky-counsel.ver-20220124 .btn-contact { letter-spacing: 0.07em; box-sizing: content-box; position: absolute; top: 0; right: 0; width: 150px; margin: 3px; background-color: #000; font-size: 13px; font-weight: bold; color: #fff; text-align: center; border-radius: 34px; height: 34px; line-height: 32px; transition: all .1s ease-in-out 0s; }
#sticky-counsel.ver-20220124 .btn-contact { border: solid 1px #000; }
#sticky-counsel.ver-20220124 .btn-contact:hover { background-color: #4a4c58; border-color: #636075; }
#sticky-counsel.ver-20220124 .link-chat { box-sizing: content-box; background-color: #000; width: 150px; border-radius: 42px; overflow: hidden; text-align: left; letter-spacing: -0.01em; }
#sticky-counsel.ver-20220124 .link-chat { height: 40px; line-height: 40px; border: solid 1px #000; transition: all .1s ease-in-out 0s; }
#sticky-counsel.ver-20220124 .link-chat .inline { height: 40px; line-height: 40px; }
#sticky-counsel.ver-20220124 .link-chat:hover { background-color: #4a4c58; border-color: #636075; }
#sticky-counsel.ver-20220124 .link-chat .icon {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 0 18px; width: 28px; height: 40px;
	background-image: url('/front/web/images/common/ico_sticky_chat_42.png');
	background-size: 28px 42px;
	background-position: 1px -1px;
}
#sticky-counsel.ver-20220124 .link-chat strong { margin-top: -0.5px; letter-spacing: 0.07em; font-size: 13px; font-weight: bold; vertical-align: top; }

/* 202008 gnb 수정에 따른 footer 수정 */
#policy-area.ver-202008 { overflow: hidden; }
#policy-area.ver-202008 li { margin-right: 7px; font-size: 12px; letter-spacing: 0; }
#policy-area.ver-202008 li a { letter-spacing: -0.4px}
#policy-area.ver-202008 .policy-menu.pull-right { float: right; }
#policy-area.ver-202008 .policy-menu.pull-right li:last-child { margin-right: 0; }
#policy-area.ver-202008 .fix-width::after { content: ''; display: table; overflow: hidden; clear: both; }

/* 팝업 레이아웃 */
body.popup {min-width:550px; padding:0 38px 40px; overflow-y:auto;}
.popup .btn-group {margin-top:40px;}
.popup-title {display:table-cell; width:1%; height:100px; padding-top:10px; border-bottom:4px solid #000; color:#000; font-size:28px; vertical-align:middle;}
.popup-body {position:relative; padding-top:30px;}
.btn-close-popup {position:absolute; right:28px; top:30px; width:40px; height:40px; text-indent:100%; white-space:nowrap; background:url(../images/common/ico-close.png) no-repeat center center; overflow:hidden;}

/* 모달 레이어 레이아웃 */
.overlay {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:2000; transform:translateZ(0);}
.modal-opened {overflow:hidden;}
.layer-popup {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:2050; transform:translateZ(0); overflow-y:scroll;}
.layer-popup .popup-inner {position:relative; width:700px; margin:70px auto; padding:0 38px 40px; box-shadow:3px 5px 5px rgba(0,0,0,.3); background-color:#fff;}
.layer-popup.layer-small .popup-inner {width:440px;}
.layer-popup .table-form {margin-bottom:0; padding:15px;}
.layer-popup .table-form>tbody>tr:last-child>* {padding-bottom:15px;}
.layer-popup .btn-group {margin-top:25px;}
.layer-popup p.guide { margin: 5px 0 8px; padding: 0; font-size: 14px; font-weight: 300; color: #000; line-height: 1.3; text-align: left; }
.layer-popup .textarea-readonly { margin: 10px 0 0; padding: 12px 20px; height: 176px; font-weight: 300; line-height: 1.8; background-color: #fff; color: #777; border: solid 1px #d2d2d2; border-radius: 2px; letter-spacing: -0.48px; overflow: hidden; overflow-y: auto; word-spacing: normal; }
.textarea-readonly .inner { margin-right: 20px; }
.textarea-readonly strong { color: #000; font-weight: 400; }

.layer-popup .table-form select {display:block; float:left; margin-right:15px;}
.layer-popup .table-form select.last {margin-right:0;}
.layer-popup .event-banner a {display:block; width:650px; height:140px; margin:0 auto 58px; background:url('/front/web/images/common/event-banner-pc.jpg') no-repeat -18px 0; border:1px solid #cac6ff; border-radius:3px; text-indent:-9999px;}
.layer-popup.open-window .event-banner a {width:612px; background-position:-26px 0;}
.layer-popup.open-window {padding-bottom:30px;}
.layer-popup.open-window .agree-check label {font-size:16px;}
.layer-popup.open-window .table-form>tbody>tr>th:before{background:none;}
.layer-popup.open-window .product-item-info .badge.badge-sale2 {padding:0; font-size:14px; line-height:60px; background-color:#ed174d;}
.layer-popup.open-window .product-item-footer .price .month-info {font-size:14px;}
.layer-popup.open-window {width:100%; overflow-x:hidden; overflow-y:auto;}
.layer-popup.open-window  .popup-inner {box-shadow:none; margin:0;padding:10px 20px;}
.layer-popup.open-window  .popup-inner.detail {width:750px; padding:0 0 40px;}
.layer-popup.open-window  .popup-inner.detail .popup-title {border-bottom:0; background-color:#ed174d; color:#fff;  text-align:left; padding:10px 38px 15px ; height:86px; line-height:65px;}
.layer-popup.open-window  .popup-inner.detail .popup-title span {display:15px; margin-left:5px; font-size:16px;}
.layer-popup.open-window  .popup-inner.detail .popup-body {padding:0;}
.layer-popup.open-window  .popup-inner.detail .popup-body img {height:auto; display:block; margin:0 auto;}
.layer-popup.open-window  .popup-inner.detail .btn-close-popup {background-image:url(/front/web/images/common/ico-close-white-big.png); top:25px;}
.layer-popup.open-window .badge-new {background-color:#e40026;}
/* 가입상담 팝업 이벤트 배너: 20190307 */
.layer-popup .gaipPop-event-banner a {display:block; text-align:center;}

/* 툴팁 레이어 레이아웃 */
.layer-tooltip {display:none; position:absolute; padding:29px; border:1px solid #d2d2d2; background-color:#f9fafb;}
.layer-tooltip:after {display:block; content:''; position:absolute; left:50%; bottom:-11px; margin-left:-10px; width:19px; height:11px; background:url(../images/common/bg-tooltip-arr.png) no-repeat;}
.layer-tooltip:after { bottom: auto; top: 0; margin-left: -11px; margin-top: -11px; transform: rotate(180deg); }
.layer-tooltip.show {display:block;}
.layer-tooltip .ico-close {position:absolute; right:0; top:-30px;}
.layer-tooltip { margin: 0; }

/* 이용약관동의 */
*+.agree-item {margin-top:20px;}
.agree-item textarea {margin-top:20px; color:#767676;}
.agree-item .agree-check {font-size:20px; line-height:34px;}
.agree-item .agree-check label {font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif, Arial, Dotum, Gulim, Verdana, Tahoma; font-weight: 300; }
.agree-item .agree-check .agree-mk-check label+input[type=checkbox]+label {margin-left:10px;}
.agree-item .agree-check small { font-size: 14px; }

/* 검색결과 없음 */
.noresult {padding:150px 0; text-align:center;}
.noresult p strong {font-size:34px;}

/* DIY 퀵메뉴 */
.btn-diy-open {position:fixed; top:229px; right:0; width:50px; height:100px;color: #fff;font-weight:bold; font-size: 11px;line-height:14px; padding:25px 5px; text-align: center; white-space:nowrap; background:url(/front/web/images/layout/btn-diy-open.png) no-repeat; overflow:hidden; z-index:1000;}
.btn-diy-chat {position:fixed; top:329px; right:0; width:50px; height:100px;color: #fff;font-weight:bold; font-size: 11px; padding: 20px 10px; text-align: center; white-space:nowrap; background:url(/front/web/images/layout/btn-diy-chat.png) no-repeat; overflow:hidden; z-index:1000;}
.btn-diy-review {position:fixed; top:429px; right:0; width:50px; height:100px;color: #fff;font-weight:bold; font-size: 11px; padding: 20px 10px; text-align: center; white-space:nowrap; background:url(/front/web/images/layout/btn-diy-review.png) no-repeat; overflow:hidden; z-index:1000;}
#layer-diy {padding:calc(50vh - 467px) 0 0; background-color:transparent;}
#layer-diy.show {display:table-cell; vertical-align:middle;}
#layer-diy .popup-inner {width:1160px; margin:auto; padding:60px 99px;}
#layer-diy .btn-diy-close {position:absolute; right:30px; top:30px;}
#layer-diy .btn-diy-close .ico {vertical-align:top;}
#layer-diy .ico.ico-close {background-image:url(../images/common/ico-close-white-md.png);}

/* 채팅상담 보강 */
.is-open-chat .btn-diy-chat  {background-image:url(/front/web/images/common/section_chat_btn.png); }
#layerOpenChat { position: fixed; right: 0; top: 329px; margin: 22px 54px 0 0; }
#layerOpenChat { visibility: hidden; z-index: -1; opacity: 0; transform: translate(5%, 0) scale(0.95); }
#layerOpenChat.is-sticky { transform: translate(0, 5%) scale(0.95); }
#layerOpenChat { transition: visibility 0s linear 200ms, z-index 0s linear 200ms, opacity 200ms cubic-bezier(0.5, 1, 0.89, 1) 0s, transform 200ms cubic-bezier(0.5, 1, 0.89, 1) 0s; }
.is-open-chat #layerOpenChat,
.is-open-chat-sticky #layerOpenChat { z-index: 1001; visibility: visible; opacity: 1; transform: translate(0, 0) scale(1); }
.is-open-chat #layerOpenChat,
.is-open-chat-sticky #layerOpenChat { transition: visibility 0s linear 0s, z-index 0s linear 0s, opacity 200ms cubic-bezier(0.5, 1, 0.89, 1) 0s, transform 200ms cubic-bezier(0.5, 1, 0.89, 1) 0s; }
#layerOpenChat .wrap { width: 367px; height: 343px; overflow: hidden; background: url('/front/web/images/common/section_chat_bg.png') center top no-repeat; }
#layerOpenChat .list { margin: 20px 48px 30px 41px; }
#layerOpenChat .item { position: relative; box-sizing: content-box; height: 99px; }
#layerOpenChat .item:before { content: ''; display: block; position: absolute; left: 2px; right: 2px; top: 0; height: 1px; background-color: #d2d2d2; }
#layerOpenChat .item:first-child:before { display: none; }
#layerOpenChat .item { font-weight: 400; font-size: 18px; line-height: 1.25; letter-spacing: -0.03em; }
#layerOpenChat .item .name { font-weight: 400; display: block; margin-bottom: 1px; color: #767676; cursor: default; }
#layerOpenChat .item.nth-child-1 .name,
#layerOpenChat .item.nth-child-1 .btn { color: #ed174d; }
#layerOpenChat .col-name { width: 43%; padding-top: 15px; cursor: default; }
#layerOpenChat .col-action { width: 57%; padding-top: 20px; }
#layerOpenChat .col-action .btn { display: block; width: auto; font-weight: 500; font-size: 18px; letter-spacing: -0.03em; color: #000; border: solid 1px #d2d2d2; }
#layerOpenChat .col-action .btn:hover { border-color: #ed174d; }
#layerOpenChat .col-action .btn { box-sizing: border-box; height: 58px; line-height: 58px; background: #f9f9f9 url('/front/web/images/common/section_chat_arrow.png') center right no-repeat; }
#layerOpenChat .col-action .btn span { display: block; padding-right: 3px; }
#layerOpenChat .item.nth-child-1 .btn,
#layerOpenChat .item.nth-child-1 .btn:hover { color: #ed174d; background-image: url('/front/web/images/common/section_chat_arrow_on.png'); }

#layerOpenChat.is-sticky,
.is-open-chat-sticky #layerOpenChat { top: auto; right: auto; left: 50%; bottom: 0; margin: 0 0 70px 240px; }
#layerOpenChat.is-sticky .wrap { background: #fff; border: solid 1px #b9b9b9; border-radius: 4px; overflow: hidden; box-shadow: 2px 5px 10px rgb(0 0 0 / 26%); }
#layerOpenChat.is-sticky .wrap { width: 367px; height: 343px; }
#layerOpenChat.is-sticky .list { margin: 20px 48px 30px 41px; }
#layerOpenChat.is-sticky .wrap { position: relative; width: 340px; height: 323px; overflow: visible; }
#layerOpenChat.is-sticky .list { margin: 9px 32px 21px 30px; }
#layerOpenChat.is-sticky .wrap::after { display: block; content: ''; position: absolute; right: 0; bottom: 0; width: 0; height: 0; margin: 0 192px -14px 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 18px solid #fff; }

/* 로그인 */
.box.login-area:before {display:block; content:'마크업 수정됨 개발 확인 필요'; padding:10px; color:#fff; background-color:red;}
.login-area {text-align:center;}
.login-area .box {display:inline-block; position:relative; min-height:432px; margin:auto; padding:60px 0; text-align:center;}
.login-area .welcome {margin-bottom:35px; font-size:24px;}
.login-area .login-input .btn {margin-top:20px;}
.login-area .login-input input {width:100%; margin-bottom:10px;}
.login-area .help {margin-top:35px;}
.login-area .help li {display:inline-block; vertical-align:middle; line-height:28px;}
.login-area .help li label, .login-area .help li a {display:inline-block; vertical-align:top;}
.login-area .help li+li:before {display:inline-block; content:''; width:1px; height:14px; margin:-3px 12px 0 10px; vertical-align:middle; background-color:#cecece;}
.login-area .login-input {width:520px; padding:0 60px; float:left;}
.login-capcha {width:460px; padding-right:60px;}
.login-area .login-capcha {float:left; margin-left:60px; text-align:left;}
.login-area .error-message {height:69px; padding-top:15px;}
.login-area .error-message .ico-warning-primary {margin:-2px 5px 0 0;}
.login-area .capcha-area {position:relative; float:right; margin:0 0 20px -60px; padding-left:60px; border-left:1px solid #ddd;}
.login-area .capcha-area .img-capcha {width:280px; height:110px; border:1px solid #e8e8e8;}
.login-area .capcha-area .btn {position:absolute; top:0; right:0; width:110px; margin:0; padding:0 5px; text-align:left;}
.login-area .capcha-area .btn-listen {top:60px;}
.login-area .capcha-area .btn .ico {width:24px; height:24px; margin-right:4px; background-size:auto;}
.login-area .capcha-area .i-capcha {margin:20px 0 0;}
.login-area .btn-area {position:absolute; bottom:60px; width:520px; padding:0 60px;}
.popup .login-area {width:auto;}
.popup .login-area .box {display:block;}
.popup .login-input {float:none; margin:auto;}
.popup .login-capcha {float:none; width:400px; margin:auto; padding:0;}
.popup .capcha-area {float:none; border-left:0; padding-left:0; margin:0;}
.popup .login-area .error-message {height:auto; margin-bottom:15px;}
.popup .login-area .btn-area {position:static; margin:10px auto 0;}

/* 상담예약, 가입상담신청 팝업 */
#layer-counsel1 .popup-inner, #layer-counsel2 .popup-inner, #layer-counsel3 .popup-inner {width:772px;}
#layer-counsel1 .table-form>tbody>tr:last-child>*, #layer-counsel2 .table-form>tbody>tr:last-child>* {padding-bottom:15px;}
.is-hidden-area .cs-product-types { margin-bottom: 12px; }

/* 주소검색 팝업 공통 */
.area-search {position:relative;}
.area-search .notice {font-weight:500; font-size:18px;}
.area-search .notice:before {display:inline-block; content:''; width:24px; height:24px; margin:-4px 12px 0 0; vertical-align:middle; background-image:url(../images/common/ico-notice-violet.png);}
.area-search .divider-top {margin-top:30px; padding-top:35px;}
.area-search .copy {font-weight:500; font-size:22px;}
.area-search .goods-list {margin-top:18px; padding:0 20px;}
.area-search .goods-list:after {display:block; clear:both; content:'';}
.area-search .goods-list li {float:left; width:calc(50% - 16px); height:178px; margin:8px; border:1px solid #e8e8e8; border-radius:5px; text-align:center;}
.area-search .goods-list strong {display:block; margin-bottom:5px; font-size:20px;}
.area-search .goods-list label {height:100%; padding:25px 83px; text-indent:0;}
.area-search .goods-list label:before {top:130px; left:50%; margin-left:-9px;}
.area-search .btn-toggle2 {height:24px;}
.area-search .service-area {display:none; position:absolute; top:199px; right:0; width:586px; height:600px; padding:32px; border:1px solid #e8e8e8; box-shadow:3px 10px 10px 5px rgba(0,0,0,0.05); background:#fff; overflow-y:auto; z-index:100;}
.area-search .service-area th, .area-search .service-area td {height:50px; color:#000; font-size:14px;}
.area-search .table-scroll {max-height:292px; border-top:1px solid #000; border-bottom:1px solid #e0e0e0; overflow-y:auto;}
.area-search .table-scroll .table {border:0;}
.area-search .table-scroll th {border-bottom:1px solid #e0e0e0; color:#000;}
.area-search .table-scroll td {height:auto; padding:5px 20px 5px 30px; border-top:0; color:#000; font-size:16px;}
.area-search .table-scroll tbody tr:first-child td {padding-top:22px;}
.area-search .table-scroll tbody tr:last-child td {padding-bottom:27px;}
.area-search .info-area {margin:20px 0; padding:13px 0 24px; border-top:1px solid #000; border-bottom:1px solid #e8e8e8; font-size:16px;}
.area-search .table+.bul-star {margin-top:-20px;}
.area-search .table-form .nodata {padding:25px 10px 30px !important; color:#e40026; font-weight:500; font-size:18px; text-align:center;}

/* 고객정보 팝업 공통 */
.cs-info {font-size:20px;}
.cs-info .border-left:before {display:inline-block; content:''; width:1px; height:16px; margin:-4px 9px 0 7px; vertical-align:middle; background:#d2d2d2;}
.cs-info li+li {margin-top:12px;}

/*주문하기 사은품 배송 동의체크*/
.order-form dl.giftAgreeBox{position:relative;margin:-70px 0 0 0;padding:35px 0 35px 280px;border-top:0;}
.order-form dl.giftAgreeBox dt{display:block;width:auto;font-size:18px;}
.order-form dl.giftAgreeBox dd{display:block;}
.order-form dl.giftAgreeBox dd .agreeBtnBox{margin:15px 0 20px;}
.order-form dl.giftAgreeBox dd .agreeBtnBox span{margin:0 7px 0 0;}
.order-form dl.giftAgreeBox dd .agreeExplan{position:absolute;top:38px;right:140px;text-decoration:underline;font-size:14px;}

/* 이벤트 관리자 댓글 20190409 */
.comment-list li>div>* {float:left;}
.comment-list li>div:after {content:''; display:block; clear:left;}
.comment-list li div.reply-author {position:relative; padding:30px 20px; overflow:hidden;}
.comment-list li div.reply-admin {position:relative; width:100%; padding:30px 20px; overflow:hidden; border-top:1px solid #e8e8e8; background:#f8f8f8;}
.comment-list li div.reply-admin:before {position:absolute; top:31px; left:54px; content:''; display:block; width:1px; height:13px; background:#767676;}
.comment-list li div.reply-admin:after {position:absolute; top:43px; left:54px; content:''; display:block; width:13px; height:1px; background:#767676;}
.comment-list li div.reply-admin .author {position:absolute; top:30px; left:290px; font-weight:500;}
.comment-list li div.reply-admin .date {width:270px; padding-left:80px;}
.comment-list li div.reply-admin .comment-article {padding-top:25px;}
.comment-list li div.reply-author .comment-article.color-gray.delete {color:#bbbaba!important;}
.comment-list li span.empty {display:inline-block; padding:30px 20px;}

/*가입상담신청 팝업 20190419*/
.table-form .bd-btm > th, .table-form .bd-btm > td {border-bottom:1px solid #ddd;}

/* 유의사항 */
.event-note {margin-bottom:115px;}
.event-note h4 {margin-bottom:26px; border-bottom:1px solid #d2d2d2;}
.event-note h4 > a {display:block;}
.event-note h4 a:hover { color: #ed174d; }
.event-note h4 > a > span {position:relative; display:inline-block; padding:0 0 21px 15px; line-height:1;}
.event-note h4 > a > span:after {display:block; content:''; position:absolute; top:2px; right:-30px; width:14px; height:14px; background:url(/front/web/images/content/review-event-disc.png) no-repeat; background-position:0 0;}
.event-note h4 > a.open > span:after {background-position:0 -14px;}
.event-note ul {display:none; padding-left:14px;}

.event-note.in ul { display: block; } 
.event-note .description { display: none; }
.event-note.in .description { display: block; }
.event-note .description .title3 { padding-left: 11px; font-weight: 500; font-size: 18px; color: #000; }

/* 이벤트 댓글 > 접히는 토글 목록 */
.toggle-item2+.toggle-item2 {margin-top:-1px; border-top:1px solid #e8e8e8;}
.toggle-header {display:table-cell; position:relative; width:1%; height:80px; padding:0 98px 0 30px; vertical-align:middle;}
.toggle-header>* {display:inline-block; vertical-align:middle;}
.toggle-header .title {font-weight:300; font-size:20px;}
.toggle-header .price {float:right; font-size:17px;}
.toggle-content2 {width:100%; display:none; position:relative; padding:0;}
.toggle-content2 .reply-admin .comment-author {margin:10px 0 0 270px;}
.toggle-item2.active {position:relative; background-color:#fff; z-index:40;}
.toggle-item2.active .toggle-header .title,
.toggle-item2.active .toggle-header .price {font-weight:500;}
.toggle-item2 .toggle-content2 {/*border-top: 1px solid #e8e8e8; padding:0 0 20px */background: #f8f8f8;}
.toggle-item2 .toggle-content2>p {border-top: 1px solid #e8e8e8; padding:40px 155px 40px 290px; white-space:pre-wrap; width:100%;}

/*  이벤트 댓글 > 이벤트 관리자 댓글  */
.comment-list.toggle-list2 {border-bottom: 1px solid #e8e8e8;}
.comment-list.toggle-list2 li div.reply-author {/* position:relative;  */padding:30px 20px; overflow:hidden; }
.comment-list.toggle-list2 li div.reply-admin {position:relative; width:100%; padding:30px 20px; overflow:hidden; }
.comment-list.toggle-list2 li div.reply-admin:before {position:absolute; top:31px; left:54px; content:''; display:block; width:1px; height:13px; background:#767676;}
.comment-list.toggle-list2 li div.reply-admin:after {position:absolute; top:43px; left:54px; content:''; display:block; width:13px; height:1px; background:#767676;}
.comment-list.toggle-list2 li div.reply-admin .comment-author  {width:727px; white-space:pre-wrap;}
.comment-list.toggle-list2 li div.reply-author .comment-article.color-gray.delete {color:#bbbaba!important;}
.comment-list.toggle-list2 li {padding:0;border-bottom:0}
.comment-list.toggle-list2 .toggle-item2 .reply-author > a {white-space:nowrap;}
.comment-list.toggle-list2 .toggle-item2 .reply-author .comment-article {min-height: 23px; /*overflow: hidden; width:700px; text-overflow: ellipsis; white-space:nowrap; word-wrap:normal;*/}
.comment-list.toggle-list2 .toggle-item2 .reply-author .comment-article:hover {text-decoration:underline}
.comment-list.toggle-list2 .ctrl {position:absolute; right:20px; top:30px;}
.comment-list.toggle-list2 .ctrl button {position:relative; line-height:26px; vertical-align:top; overflow:visible;}
.comment-list.toggle-list2 .ctrl button+button {margin-left:25px;}
.comment-list.toggle-list2 .ctrl button+button:before {display:block; content:''; position:absolute; left:-14px; top:7px; width:1px; height:15px; vertical-align:middle; background-color:#e8e8e8;}
.comment-del {color:#bbbaba!important;}

/* grid system */
.grid { box-sizing: border-box; clear: both; *zoom: 1; }
.grid::before, .grid::after { content: " "; display: table; clear: both; }
.grid > [class*=col] { box-sizing: border-box; float: left; }
.grid .col-1-2 { width: 50%; }
.grid .col-1-3 { width: 33.33333333%; }
.grid .col-2-3 { width: 66.66666667%; }
.grid .col-1-4 { width: 25%; }
.grid .col-2-4 { width: 50%; }
.grid .col-3-4 { width: 75%; }
.grid .col-1-5 { width: 20%; }
.grid .col-2-5 { width: 40%; }
.grid .col-3-5 { width: 60%; }
.grid .col-4-5 { width: 80%; }
.grid .col-1-6 { width: 16.66666667%; }
.grid .col-4-6 { width: 66.66666667%; }
.grid .col-1-12 { width: 8.33333333%; }
.grid .col-2-12 { width: 16.66666667%; }
.grid .col-3-12 { width: 25%; }
.grid .col-4-12 { width: 33.33333333%; }
.grid .col-5-12 { width: 41.66666667%; }
.grid .col-6-12 { width: 50%; }
.grid .col-7-12 { width: 58.33333333%; }
.grid .col-8-12 { width: 66.66666667%; }
.grid .col-9-12 { width: 75%; }
.grid .col-10-12 { width: 83.33333333%; }
.grid .col-11-12 { width: 91.66666667%; }
.grid > .col-1-1, .grid > .col-12-12 { width: 100%; float: none; }

.grid-form { margin: 0 10px; padding: 5px 0; text-align: left; }
.grid-form label { position: relative; display: block; font-weight: 500; line-height: 1.2; }
.grid-form label { margin-left: 0; padding: 10px 0 10px 9px; font-size: 13px; }
.grid-form label::before { position: absolute; top: 50%; left: 0; margin-top: -2px; display: inline-block; content: ''; width: 3px; height: 3px; background-color: #000; }
.grid-form label.is-dot-top::before { top: 0; margin-top: 15px; }
@media (min-width: 670px){
	.grid-form label.is-dot-top::before { margin-top: 22px; }
}
.grid-form label span { word-break: keep-all; white-space: nowrap; }
.grid-form label .block { display: block; }
.grid-form .col-label { width: 25%; }
.grid-form .col-field { width: 75%; }
.grid-form .grid-inner { margin: 4px 0; }
.grid-form .col-1-1-sm { width: 100%; }
.grid-form .col-field label,
.grid-form .col-field select { margin-right: 4px; }
.grid-form .col-field select { min-width: 100px; }
.grid-form .col-field select[disabled] { background-color: #F0F0F0; border-color: #F0F0F0; }
.layer-popup .grid-form .cs-product-types .message span { white-space: nowrap; word-break: keep-all; }
.layer-popup.ver-20220119 .grid-form .cs-product-types .message { margin-top: 8px; }
@media (min-width: 670px){
	.grid-form { margin: 0 20px; }
	.grid-form .col-label { width: 33%; }
	.grid-form .col-field { width: 67%; }
	.grid-form label { padding: 15px 0 15px 9px; font-size: 16px; }
	.grid-form .col-1-2-md { width: 47%; }
	.grid-form .col-1-2-md:nth-of-type(2) { float: right; width: 47%; }
	.grid-form .col-1-1-md .col-label { width: 15.5%; }
	.grid-form .col-1-1-md .col-field { width: 84.5%; }
	.grid-form .col-field label,
	.grid-form .col-field select { margin-right: 6px; }
	.grid-form .col-field select { min-width: 145px; }
	.layer-popup.ver-20220119 .grid-form .cs-product-types .message { margin-top: 14px; }
}

/* semantic */
.sr-only { display: inline-block; position: absolute; overflow: hidden; border: 0; outline: 0; margin: -1px; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); }

/* typho */
.nowrap { white-space: nowrap; word-break: keep-all; }

/* 202008, gnb 개편, 공통 */
#header.ver-202008 { height: 89px; text-align: center; }
#header.ver-202008 #util { display: none; }
#header.ver-202008 .fix-width { margin: 0 auto; text-align: left; }
#header.ver-202008 #brand { top: 26px; }
#header.ver-202008 #sitemap,
#header.ver-202008 #global-search { top: 89px; }
#header.ver-202008 .btn-layer-close,
#header.ver-202008 #btn-sitemap-open,
#header.ver-202008 #btn-search-open { top: 30px; }
#header.ver-202008 #btn-search-close,
#header.ver-202008 #btn-sitemap-close { margin-top: -89px; }
#header.ver-202008 #gnb { display: block; padding: 0 0 0 282px; }
#header.ver-202008 .menu-list.fix-width { margin: 0 auto; max-width: 1140px; }
#header.ver-202008 .lnb-area,
#header.ver-202008 .gnb--biz .lnb-area { top: 88px; text-align: center; }

/* launcher */
#launcher { display: none; position: absolute; top: 26px; left: 50%; margin-left: 236px; min-width: 261px; line-height: 1;  }
#header.ver-202008 #launcher { display: block; }
#launcher { line-height: 1; }
#launcher::after { display: table; overflow: hidden; }
#launcher ul { float: right; margin: 0; padding: 0; list-style: none; }
#launcher li { float: left; margin: 0; padding: 0; }
#launcher a { display: inline-block; padding: 3px 14px; font-size: 14px; font-weight: 400; color: #555; vertical-align: top; letter-spacing: 0px; }
#launcher a span { display: inline-block; box-sizing: content-box; position: relative; height: 14px; padding: 8px 0; vertical-align: top; letter-spacing: -0.5px; }
#launcher li.is-login { padding-right: 12px; position: relative; overflow: visible;}
#launcher li a:hover { color:  #000; }
#launcher li.in a, #launcher li.in a span { font-weight: 400; color: #000; }
#launcher li.in span::before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; letter-spacing: -1px; overflow: hidden; background-color: #0a0a0a; }
#header.ver-202008.is-biz #launcher { margin-left: 282px; min-width: 213px;  }

/* popup */
.layer-popup.ver-20210112 .popup-inner { width: 100%; max-width: 800px; min-width: 502px; }
.layer-popup.ver-20210112 .popup-inner { padding: 0 30px 20px; }
.layer-popup.ver-20210112 .popup-title { padding: 20px 0 20px; height: 80px; }
.layer-popup.ver-20210112 .btn-close-popup { top: 18px; }
.layer-popup.ver-20210112 .btn-group { margin-top: 15px; }
.layer-popup.ver-20210112 input::placeholder { font-weight: 300; color: #767676; }
.layer-popup.ver-20210112 .popup-body { padding-top: 10px; }
.layer-popup.ver-20210112 .description { margin-top: 5px; font-weight: 300; }
.layer-popup.ver-20210112 .cs-product-info li { font-size: 18px; }
.layer-popup.ver-20210112 .table-no-border { border: 0; }
.layer-popup.ver-20210112 .table th,
.layer-popup.ver-20210112 .table td { height: auto; }
.layer-popup.ver-20210112 .table-form { padding: 10px; }
.layer-popup.ver-20210112 .table-form.nth-1 { margin-top: 15px; }
.layer-popup.ver-20210112 .table-form > tbody > tr > th { padding: 6px 0 6px 7px; }
.layer-popup.ver-20210112 .table-form > tbody > tr > td { padding: 6px 7px 6px 7px; }
.layer-popup.ver-20210112 th > label,
.layer-popup.ver-20210112 .subject { position: relative; display: inline-block; margin-top: 11px; margin-bottom: 11px; padding-left: 9px; }
.layer-popup.ver-20210112 th > label::before,
.layer-popup.ver-20210112 .subject::before { content: ''; display: inline-block; width: 3px; height: 3px; position: absolute; top: 50%; left: 0; margin-top: -1px; background-color: #000; }
.layer-popup.ver-20210112 .table-form select { margin: 0 0 14px 10px; width: 135px; }
.layer-popup.ver-20210112 .table-form select:first-child { margin-left: 0; }
.layer-popup.ver-20210112 .table-form .select-si { width: 132px; }
.ie11 .layer-popup.ver-20210112 .table-form .select-si { width: 140px; }
.layer-popup.ver-20210112 .table-form .select-gu { width: 153px; }
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .layer-popup.ver-20210112.is-layer .table-form .select-gu { width: 145px; }
	*::-ms-backdrop, .layer-popup.ver-20210112.is-modal .table-form .select-gu { width: 157px; }
}
.layer-popup.ver-20210112 .table-form .select-broadcast { margin: 0; width: 100%; }
.layer-popup.ver-20210112 .table-form .border-top { position: relative; padding: 1px 0 0 0; }
.layer-popup.ver-20210112 .table-form .border-top::before { content: ''; display: block; position: absolute; margin: 0; top: 50%; left: 5px; right: 5px; height: 1px; background-color: #ddd; overflow: hidden; }
.layer-popup.ver-20210112 .table-form .row-friend td { padding-bottom: 10px; }
.layer-popup.ver-20210112 .table-form + .table-form { padding-top: 0; }
.layer-popup.ver-20210112 .btn-toggle-downer .icon { display: inline-block; vertical-align: top; width: 20px; height: 20px; overflow: hidden; }
.layer-popup.ver-20210112 .btn-toggle-downer .icon { background-image: url('/front/web/images/common/btn_toggle_downer.png'); }
.layer-popup.ver-20210112 .agree-check { position: relative; }
.layer-popup.ver-20210112 .agree-check label { user-select: none; cursor: pointer; vertical-align: top; }
.layer-popup.ver-20210112 .agree-item.is-indent { margin-left: 40px; line-height: 1; }
.layer-popup.ver-20210112 .agrees.nth-1 .agree-item { margin-left: 0; }
.layer-popup.ver-20210112 .agree-item .btn-toggle-downer { display: block; position: absolute; top: 50%; right: 0; margin: -18px 2px 0 0; padding: 8px; }
.layer-popup.ver-20210112 .agree-item.in .btn-toggle-downer .icon { transform: rotate(180deg); }
.layer-popup.ver-20210112 .agree-item .toggle { display: none; }
.layer-popup.ver-20210112 .agree-item.in .toggle { display: block; }
.layer-popup.ver-20210112 .agree-content textarea{ padding: 12px 20px; height: 196px; font-weight: 300; line-height: 1.8; }
.layer-popup.ver-20210112 .agree-content textarea.nth-2 { height: 176px; }
.layer-popup.ver-20210112 .agree-mk-check { margin: 7px 0 0 40px; padding: 0; }
.layer-popup.ver-20210112 .row-friend input[type="text"] { padding-right: 0; }
 #layer-counsel2.ver-20210112 .popup-inner,
 #layerCommonJoin.ver-20210112 .popup-inner { margin: 10vh auto; padding-bottom: 30px; width: 570px; }

 /* 버튼 */
 input.btn-check + label::before { display: none; }
 input.btn-check + label { display: inline-block; box-sizing: content-box; vertical-align: middle; border: solid 1px #000; border-radius: 2px; text-indent: 0; margin: 0; padding: 0; min-width: 115px; line-height: 42px; height: 42px; font-size: 16px; text-align: center; cursor: pointer; }
 input.btn-check + label { font-weight: 500; }
 input.btn-check + label { transition: all .2s ease-in-out 0s; }
 input.btn-check:checked + label { background-color: #ed174d; border-color: #ed174d; color: #fff; }
 label + input.btn-check + label { margin-left: 0px; }

 /* 팝업 20220119 */
.layer-popup.ver-20220119 textarea { color: #777; }
.layer-popup.ver-20220119 .table-form.nth-1 { margin-top: 18px; }
.layer-popup.ver-20220119 .popup-inner { min-widt1h: 584px; }
.layer-popup.ver-20220119 .cs-product-types { min-width: 370px; }
.layer-popup.ver-20220119 .is-hidden-area .cs-product-types { margin-bottom: 15px; }
.layer-popup.ver-20220119 .cs-product-types .message { margin: 6px 0 8px; padding: 0; line-height: 1.35; }
.layer-popup.ver-20220119 .agree-content { margin-bottom: 5px; }
.layer-popup.ver-20220119 .table-form { padding-top: 6px; padding-bottom: 5px; }
.layer-popup.ver-20220119 .table-form > tbody > tr > td { padding-top: 5px; padding-bottom: 5px; }
.layer-popup.ver-20220119 .table-form > tbody > tr.agrees > td { padding-top: 1px;  padding-bottom: 1px; }
.layer-popup.ver-20220119 .table-form > tbody > tr.agrees.nth-1 > td { padding-top: 15px; padding-bottom: 1px; }
.layer-popup.ver-20220119 .table-form > tbody > tr.agrees.nth-last > td { padding-bottom: 5px; }
.layer-popup.ver-20220119 .table-form > tbody > tr.row-product-types > th,
.layer-popup.ver-20220119 .table-form > tbody > tr.row-product-types > th { padding-top: 1px; }
.layer-popup.ver-20220119 .table-form > tbody > tr.row-cs-area > th,
.layer-popup.ver-20220119 .table-form > tbody > tr.row-cs-area > td { padding-bottom: 15px; }
.layer-popup.ver-20220119 tr.row-product-types th > label { margin-top: 6px; }
.layer-popup.ver-20220119 .table-form select { margin-bottom: 0; }
.layer-popup.ver-20220119 input.btn-check + label { box-sizing: border-box; padding: 0 24px; min-width: auto; height: 37px; line-height: 35px; font-size: 14px; color: #ed174d; border-color: #ed174d; }
.safari .layer-popup.ver-20220119 input.btn-check + label { line-height: 36px; }
.layer-popup.ver-20220119 input.btn-check:checked + label { border-color: #ed174d; color: #fff; }
.layer-popup.ver-20220119 .agree-item textarea { margin-top: 10px; }
.layer-popup.ver-20220119 .please { margin: 0; padding: 0; font-size: 14px; color: #ed174d; }
.layer-popup.ver-20220119 .please span { box-sizing: border-box; position: relative; display: block; padding-left: 22px; margin-top: 9px; word-break: keep-all; width: 100%; line-height: 1.4; }
.layer-popup.ver-20220119 .please .ico { position: absolute; top: 0; left: 0; margin: -1px 0 0 -2px; }
.layer-popup.ver-20220119 .action { margin-top: 17px; }
.layer-popup.ver-20220119 .action .btn { min-width: 250px; }
.layer-popup.ver-20220119 .times { margin-bottom: 18px; font-size: 16px; color: #ed174d; }
.layer-popup.ver-20220119 .times p { display: inline-block; margin: 2px 0; padding: 0; }
.layer-popup.ver-20220119 .times p strong { display: inline-block; margin-right: 5px; font-weight: 300; }
.layer-popup.ver-20220119 .details { margin-top: 15px; padding: 10px 25px 10px 25px; background-color: #f9fafc; }
.layer-popup.ver-20220119 .details .goods-name { margin: 0; padding: 10px 0 10px; line-height: 1.3; color: #000; font-weight: bold; font-size: 16px; }
.layer-popup.ver-20220119 .details dl { clear: both; width: 100%; line-height: 1.3; }
.layer-popup.ver-20220119 .details dt,
.layer-popup.ver-20220119 .details dd { display: block; float: left; margin:0; padding: 3px 0; font-weight: 300; }
.layer-popup.ver-20220119 .details dt strong { display: block; position: relative; text-align: left; padding-left: 10px; font-weight: 500; }
.layer-popup.ver-20220119 .details dt strong::before { display: block; content: ''; position: absolute; margin-top: -1px; top: 50%; left: 0; width: 3px; height: 3px; background-color: #000; }
.layer-popup.ver-20220119 .details dt { width: 35%; }
.layer-popup.ver-20220119 .details dd { width: 65%; }
.layer-popup.ver-20220119 .details dt.large { clear: left; }
.layer-popup.ver-20220119 .details .toggle { display: none; }
.layer-popup.ver-20220119 .details .toggle.in { display: block; }
@media (min-width: 500px) {
	.layer-popup.ver-20220119 .details dt { width: 25%; }
	.layer-popup.ver-20220119 .details dd { width: 25%; }
	.layer-popup.ver-20220119 .details dt.even { width: 17%; }
	.layer-popup.ver-20220119 .details dd.even { width: 32%; }
	.layer-popup.ver-20220119 .details dd.large { width: 75%; }
}
@media (min-width: 670px) {
	.layer-popup.ver-20220119 .details { margin-top: 16px; padding: 10px 25px 10px; }
	.layer-popup.ver-20220119 .details .goods-name { padding: 15px 0 13px; font-size: 20px; }
	.layer-popup.ver-20220119 .details dt,
	.layer-popup.ver-20220119 .details dd { padding: 6px 0; }
	.layer-popup.ver-20220119 .details dt { width: 21%; }
	.layer-popup.ver-20220119 .details dd { width: 29%; }
	.layer-popup.ver-20220119 .details dt.even { width: 15%; }
	.layer-popup.ver-20220119 .details dd.even { width: 35%; }
	.layer-popup.ver-20220119 .details dd.large { width: 79%; }
}
.layer-popup.ver-20220119 .details .row-prices { padding: 10px 0 13px; font-size: 16px; font-weight: bold; color: #ed174d; }
.layer-popup.ver-20220119 .details .row-prices .name,
.layer-popup.ver-20220119 .details .row-prices .value { display: block; float: left; }
.layer-popup.ver-20220119 .details .row-prices .value { float: right; text-align: right; }
@media (min-width: 670px) {
	.layer-popup.ver-20220119 .details .row-prices { padding: 15px 0 15px; font-size: 20px; }
}

/* responsive */
.layer-popup.is-responsive .popup-inner { padding-bottom: 50px; min-width: 320px; }
.layer-popup.is-responsive .wrap-border { margin: 0 10px; padding: 10px 0; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.layer-popup.is-responsive th.responsive-subject { width: 112px; }
.layer-popup.is-responsive .row-product-types label { margin-right: 10px; }
.layer-popup.is-responsive .agree-check { line-height: 28px; }
.layer-popup.is-responsive input[type=checkbox].i-sm+label { text-indent: 30px; }
.layer-popup.is-responsive input[type=checkbox].i-sm+label:before { margin-top: -12px; width: 26px; height: 26px; }
.layer-popup.is-responsive .table-form { padding: 0; }
.layer-popup.is-responsive .table-form > tbody > tr.agrees.nth-1 > td { padding: 0; }

@media (min-width: 670px) {
	.layer-popup.is-responsive .wrap-border { margin: 0 20px; padding: 15px 0; }
}

@media (max-width: 670px) {
	.layer-popup.is-responsive .popup-title { padding: 20px 0 15px; height: 35px; font-size: 22px; border-bottom: solid 3px #000; }
	.layer-popup.is-responsive .btn-close-popup { top: 12px; right: 10px; }
	.layer-popup.is-responsive .popup-inner { padding: 0 15px 50px; font-size: 13px; }
	.layer-popup.is-responsive table { table-layout: fixed; }
	.layer-popup.is-responsive .times { font-size: 13px; }
	.layer-popup.is-responsive th > label,
	.layer-popup.is-responsive .subject { margin-top: 10px; margin-bottom: 10px; padding-left: 7px; font-size: 13px; line-height: 1.2; }
	.layer-popup.is-responsive .cs-product-types .message { margin-bottom: 2px; }
	.layer-popup.is-responsive select { margin: 0 6px 0 0; padding: 0 30px 0 10px; height: 34px; }
	.layer-popup.is-responsive input[type=text],
	.layer-popup.is-responsive input[type=tel] { padding-left: 10px; height: 36px; }
	.layer-popup.is-responsive input[type=checkbox]+label,
	.layer-popup.is-responsive input[type=radio]+label { padding: 0 10px; margin-top: 6px; }
	.layer-popup.is-responsive tr.row-product-types th > label { margin-top: 11px; }
	.layer-popup.is-responsive input.btn-check + label { height: 34px; line-height: 32px; font-size: 12px; }
	.layer-popup.is-responsive .row-product-types label { margin-right: 6px; }
	.layer-popup.is-responsive .cs-product-types { min-width: auto; }
	.layer-popup.is-responsive .table-form .select-si { width: auto; }
	.layer-popup.is-responsive .table-form .select-gu { width: auto; }
	.layer-popup.is-responsive .table-form select { margin: 0 6px 6px 0; }
	.layer-popup.is-responsive .please { font-size: 12px; }
	.layer-popup.is-responsive .agree-check label { font-size: 13px; }
	.layer-popup.is-responsive input[type=checkbox].i-sm+label { text-indent: 14px; }
	.layer-popup.is-responsive input[type=checkbox].i-sm+label:before { margin-top: -10px; width: 20px; height: 20px; }
	.layer-popup.is-responsive .agree-mk-check { margin-left: 25px }
	.layer-popup.is-responsive .agree-item .agree-check { line-height: 1.2; }
	.layer-popup.is-responsive .agree-item.is-indent { margin-left: 20px; }
	.layer-popup.is-responsive .agree-content input[type=checkbox]+label { margin: 0 0 0 5px; text-indent: 12px; line-height: 1.2; }
	.layer-popup.is-responsive .agree-content input[type=checkbox]+label::before { margin-top: -10px; }
	.layer-popup.is-responsive .action .btn { min-width: 200px; height: 40px; line-height: 40px; font-size: 14px; }
}
.layer-popup .divide-responsive { margin: 0 5px; padding: 10px 0 0; background: #f9fafb; }
.layer-popup .divide-responsive .inner { border-top: solid 1px #e0e0e0; margin: 0 16px; }

.layer-popup .select-wrap { max-width: 500px; font-size: 0; }
.layer-popup .row-cs-area select { margin-top: 8px; }
.layer-popup .select-wrap select { box-sizing: border-box; margin: 8px 0 0 0; padding-right: 22px; width: 40%; min-width: 88px; font-size: 13px; }
.layer-popup .select-wrap select { background: #fff url('/front/web/images/common/arrow_select.png') right center no-repeat; }
.layer-popup .select-wrap select.nth-1 { width: 45%; width: calc(45% - 8px); margin-right: 8px; }
.layer-popup .select-wrap select.nth-2 { width: 55%; }
@media (min-width: 670px) {
	.layer-popup .select-wrap select { font-size: 16px; background-image: url('/front/web/images/common/arrow_select_lg.png'); }
}
.layer-popup .grid-form .name { margin-top: 5px; font-weight: 500; color: #ed174d; }
.layer-popup .list-item { margin: 0; padding: 0; list-style: none; }
.layer-popup .list-item li { margin: 0; padding: 0; }
#tps_sigungu + #rental_prefer_time .list, #rental_category + #rental_prefer_time .list { margin-top: 4px; }
.layer-popup .delete-item { display: inline-block; vertical-align: middle; padding: 0px 2px 4px 8px; }
.layer-popup .delete-item .ico { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE1IDE1Ij48cGF0aCBmaWxsPSIjNEE0QzU4IiBkPSJtMTIuNiAwIDEuNDE0IDEuNDE0LTUuNTkzIDUuNTkzIDUuNTkzIDUuNTkzLTEuNDE0IDEuNDE0LTUuNTkzLTUuNTkzLTUuNTkzIDUuNTkzTDAgMTIuNmw1LjU5My01LjU5M0wwIDEuNDE0IDEuNDE0IDBsNS41OTMgNS41OTNMMTIuNiAwWiIvPjwvc3ZnPg==') center center no-repeat; }
.layer-popup .delete-item .ico { width: 13px; height: 13px; background-size: 8px 8px; vertical-align: middle; }
@media (min-width: 670px) {
	.layer-popup .delete-item .ico { margin-top: -1px; }
} 

/* 상조 상품 스티커 */
.layer-popup .row-prices .module { position: relative; }  
.message-prdoduct-funeral { position: absolute; right: 0; top: 0; margin: 45px 0 0; clear: both; text-align: right; line-height: 1; }
.message-prdoduct-funeral::after { content: ''; display: table; overflow: hidden; }
.message-prdoduct-funeral .message-inner { position: relative; }
.message-prdoduct-funeral .message-inner::before { content: ''; display: block; position: absolute; right: 0; margin-right: 38px; bottom: 100%; border-bottom: 7px solid #fbe7ec; border-left: 7px solid transparent; border-right: 7px solid transparent; }
.message-prdoduct-funeral p { display: block; margin: 0; padding: 9px 11px 7px; background-color: #fbe7ec; font-size: 12px; font-weight: 400; color: #ED174D; text-align: center; letter-spacing: -0.03em; line-height: 1.33; overflow: hidden; border-radius: 3px; }
.message-prdoduct-funeral .ico { display: inline-block; margin: 0 1px 0 0; background: url('/front/web/images/content/ico_notice_funeral.png?ver=2'); background-size: 15px 18px; width: 16px; height: 20px; vertical-align: middle; background-repeat: no-repeat; background-position: right center; }
.message-prdoduct-funeral strong { font-weight: 700; }

/* 가입 완료 팝업 */
.section-out-complete { text-align: center; line-height: 1; }
.section-out-complete p { margin: 5px auto; line-height: 1.3; }
.section-out-complete .module { margin-top: 84px; margin-bottom: 100px; }
.section-out-complete .pic .ico { background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; }
.section-out-complete .pic .ico { width: 200px; height: 200px; background-image: url('/front/web/images/content/ico_out_complete_lg.png'); }
.section-out-complete .desc { margin-top: 2px; font-weight: 300; color: #000; font-size: 20px; }
.section-out-complete .name { margin-top: 8px; font-weight: 500; color: #000; font-size: 32px; letter-spacing: -0.03em; }
.section-out-complete .action { margin-top: 30px; }

/* 렌탈 가입 완료 팝업 */
.section-rental-out-complete { text-align: center; line-height: 1; }
.section-rental-out-complete p { margin: 5px auto; line-height: 1.2; }
.section-rental-out-complete .module { margin-top: 95px; margin-bottom: 5px; }
.section-rental-out-complete .pic .ico { width: 160px; height: 160px; }
.section-rental-out-complete .pic .ico { background-image: url('/front/web/images/content/ico_rental_out_complete_sm.png'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; }
.section-rental-out-complete .desc { font-weight: 300; color: #000; font-size: 13px; }
.section-rental-out-complete .name { margin-top: 6px; font-weight: 500; color: #000; font-size: 21px; letter-spacing: -0.03em; }
.section-rental-out-complete .action { margin-top: 30px; }
.section-rental-out-complete .action .btn { font-weight: 500; }
@media (min-width: 670px) {
	.section-rental-out-complete p { line-height: 1.3; }
	.section-rental-out-complete .module { margin-top: 84px; margin-bottom: 100px; }
	.section-rental-out-complete .pic .ico { width: 200px; height: 200px; background-image: url('/front/web/images/content/ico_rental_out_complete_lg.png'); }
	.section-rental-out-complete .desc { margin-top: 2px; font-size: 20px; }
	.section-rental-out-complete .name { margin-top: 8px; font-size: 32px; }
}
@media (max-width: 670px) {
	.layer-popup.is-rental-out-complete .action { position: fixed; left: 0; right: 0; bottom: 0; margin: 0 20px; padding-bottom: 33px; text-align: center; }
	.layer-popup.is-rental-out-complete .action .btn { display: block; margin: 0 auto; width: 100%; height: 50px; line-height: 50px; border-radius: 10px; font-weight: bold; background-color: #ed174d; border: solid 1px #ed174d; }
	.layer-popup.is-rental-out-complete .popup-inner {
		min-height: 100vh;
		min-height: 100dvh;
	}
}

 /* 로그인 레이어추가*/
#launcher .login-area-layer {text-align:center;display:none;z-index: 1100; position: absolute; top: 56px;  left: -361px;  width: 522px;}
#launcher .login-area-layer:after {content:''; position:absolute; width:18px; height:18px; top:-10px; left:385px; background:#fff; border:1px solid #dbdbdb; border-width:1px 0 0 1px; transform:rotate(45deg);}
#launcher .login-area-layer .box {background:#fff; border: 1px solid #dbdbdb; box-shadow:5px 5px 5px 0 rgb(0 0 0 / 20%); border-radius: 7px;width: 520px;display:inline-block; position:relative; min-height:432px; margin:auto; padding:60px 0; text-align:center;}
#launcher .login-area-layer .welcome {margin-bottom:35px; font-size:24px;}
#launcher .login-area-layer .login-input .btn {margin-top:20px;}
#launcher .login-area-layer .login-input input {width:100%; margin-bottom:10px;}
#launcher .login-area-layer ul.help {margin-top:35px;float: none;}
#launcher .login-area-layer ul.help li {float: none;display:inline-block; vertical-align:middle; line-height:28px;}
#launcher .login-area-layer ul.help>li>label,
#launcher .login-area-layer ul.help>li>a {display: inline-block; vertical-align: middle; font-size: 16px; padding: 0; margin: 0; font-weight: 300; color: inherit;}
#launcher .login-area-layer ul.help li+li:before {display:inline-block; content:''; width:1px; height:14px; margin:-3px 12px 0 10px; vertical-align:middle; background-color:#cecece;}
#launcher .login-area-layer .login-input {width:520px;padding:0 60px;/* float:left; */}
#launcher .login-capcha {width:460px;/* padding-right:60px; */}
#launcher .login-area-layer .login-capcha {/* float:left;margin-left:60px; */text-align:left;}
#launcher .login-area-layer .error-message {height:69px; padding-top:15px;}
#launcher .login-area-layer .error-message .ico-warning-primary {margin:-2px 5px 0 0;}
#launcher .login-area-layer .capcha-area {position:relative;/* float:right; */margin: 0 0 20px -60px;padding-left:60px;border-left:1px solid #ddd;}
#launcher .login-area-layer .capcha-area .img-capcha {width:280px; height:110px; border:1px solid #e8e8e8;display: block;}
#launcher .login-area-layer .capcha-area .btn {position:absolute; top:0; right:0; width:110px; margin:0; padding:0 5px; text-align:left;}
#launcher .login-area-layer .capcha-area .btn-listen {top:60px;}
#launcher .login-area-layer .capcha-area .btn .ico {width:24px; height:24px; margin-right:4px; background-size:auto;}
#launcher .login-area-layer .capcha-area .i-capcha {margin:20px 0 0;}
#launcher .login-area-layer .btn-area {width:520px;padding:0 60px;}
 #launcher .login-area-layer .box .btn-close-popup {position:absolute;right: 20px;top: 20px;width:40px;height:40px;text-indent:100%;white-space:nowrap;background:url(../images/common/ico-close.png) no-repeat center center;overflow:hidden;}

/* 20210419 */
#header.ver-202008 #brand { top: 30px; }
#header.ver-202008 #gnb { padding-left: 284px; }
#header.ver-202008 #gnb>ul>li { padding: 0 17px; }
#header.ver-202008 #gnb>ul>li>a { padding: 9px 0 4px; letter-spacing: -0.038em; }

#header.ver-202008 #gnb>ul>li:nth-child(1) .lnb>li,
#header.ver-202008 #gnb>ul>li:nth-child(3) .lnb>li,
#header.ver-202008 #gnb>ul>li:nth-child(4) .lnb>li,
#header.ver-202008 #gnb>ul>li:nth-child(5) .lnb>li  {float:left; width:25%; margin-bottom:30px;}
#header.ver-202008 #gnb>ul>li:nth-child(1) .lnb>li:nth-child(4n+1),
#header.ver-202008 #gnb>ul>li:nth-child(3) .lnb>li:nth-child(4n+1),
#header.ver-202008 #gnb>ul>li:nth-child(4) .lnb>li:nth-child(4n+1),
#header.ver-202008 #gnb>ul>li:nth-child(5) .lnb>li:nth-child(4n+1) {clear:both ;}
#header.ver-202008 #gnb.gnb--biz>ul>li:nth-child(1) .lnb>li,
#header.ver-202008 #gnb.gnb--biz>ul>li:nth-child(3) .lnb>li,
#header.ver-202008 #gnb.gnb--biz>ul>li:nth-child(4) .lnb>li,
#header.ver-202008 #gnb.gnb--biz>ul>li:nth-child(5) .lnb>li  {float:left; width:100%; margin-bottom:10px;}
#header.ver-202008 #gnb.gnb--biz>ul>li:nth-child(1) .lnb>li:nth-child(4n+1),
#header.ver-202008 #gnb.gnb--biz>ul>li:nth-child(3) .lnb>li:nth-child(4n+1),
#header.ver-202008 #gnb.gnb--biz>ul>li:nth-child(4) .lnb>li:nth-child(4n+1),
#header.ver-202008 #gnb.gnb--biz>ul>li:nth-child(5) .lnb>li:nth-child(4n+1) {clear:both ;}
#header.ver-202008 .lnb-area>.fix-width { z-index: -1; opacity: 0; visibility: hidden; }
#header.ver-202008 .in .lnb-area>.fix-width { z-index: 1004; opacity: 1; visibility: visible; }
#header.ver-202008 #launcher { top: 28px; margin-left: 229px; min-width: 261px; }
#header.ver-202008 #launcher a { padding: 3px 9px; }
#header.ver-202008 .btn-layer-close, #header.ver-202008 #btn-sitemap-open, #header.ver-202008 #btn-search-open { top: 32px; }
#header.ver-202008.is-biz #launcher { margin-left: 237px; }
#header.ver-202008 #launcher { top: 28px; margin-left: 235px; min-width: 261px; }
#header.ver-202008 #launcher a { padding: 3px 15px; }
#header.ver-202008 .lnb { overflow: visible; }
#header.ver-202008 .lnb::after { content: ''; display: table; overflow: hidden; clear: both; }
#header.ver-202008 .recommend-product { clear: both; }
#header.ver-202008 .lnb-area { height: 0; z-index: -1; display: block; overflow: hidden; background: transparent; border: 0; }
#header.ver-202008 .in .lnb-area { z-index: 1003; }
#header.ver-202008 .lnb-area { transition: height 0s linear 0s; }
#header.ver-202008 .in .lnb-area { transition: height 200ms cubic-bezier(0.61, 1, 0.88, 1) 0s; }
#header.ver-202008 .lnb-area .inner { overflow: hidden; }
#header.ver-202008 .lnb-area .inner::after { content:''; display: table; overflow: hidden; }
#header.ver-202008 .in .lnb-area { height: auto; }
.lnb-area>.fix-width:before { display: none; }
#panel { position: absolute; z-index: 1001; margin-top: 89px; left: 0; right: 0; background-color: #fff; height: 0; overflow: hidden; text-align: center; border-bottom: solid 1px #e8e8e8; }
#panel::after { content: ''; display: block; position: absolute; z-index: 1001; height: 1px; top: 0; left: 0; right: 0; background-color: #e8e8e8; }
#panel { transition: height 200ms cubic-bezier(0.61, 1, 0.88, 1) 0s; }
#panel .fix-width { position: relative; margin: 0 auto; height: 800px; }
#panel .fix-width::before { display: block; position: absolute; z-index: 1002; content: ''; left: 236px; top: 0; bottom: 0; width: 1px; background-color: #e8e8e8; }
.panel-mask { position: absolute; z-index: 1003; margin-top: 79px; top: 0; left: 0; right: 0; background-color: #fff; height: 10px; }

#launcher .has-child  { position: relative; }
#launcher .has-child .sub { position: absolute; top: 0; left: 50%; margin: -11px -6px 0 -65px; text-align: left; }
#launcher .has-child .sub .subject { padding: 11px 0; font-size: 14px; letter-spacing: -0.5px; color: #000; cursor: default; }
#launcher .has-child .inner { padding: 10px 10px; border: solid 1px #d2d2d2; background-color: #fff; text-align: center; overflow: hidden; line-height: 1; }
#launcher .has-child .inner { box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, .1); }
#launcher .has-child .sub ul { float: none; }
#launcher .has-child .sub li { float: none; }
#launcher .has-child .sub a { display: block; margin-top: -1px; }
#launcher .has-child .sub span { display: block; padding: 4px 0; font-size: 12px; color: #767676; font-weight: 400; white-space: nowrap; word-break: keep-all; letter-spacing: -0.03em; }
#launcher .has-child .sub a:hover span { color: #ed174d; font-weight: bold; }

#launcher .has-child .sub { visibility: hidden; opacity: 0; z-index: -1; transform: translate(0, 0) scale(1); transition: visibility 0s linear .3s, z-index 0s linear .3s, opacity .3s cubic-bezier(0.61, 1, 0.88, 1) 0s, transform .3s cubic-bezier(0.61, 1, 0.88, 1) 0s; }
.is-services #launcher .has-child .sub { visibility: visible; opacity: 1; z-index: 1501; transform: translate(0, 0) scale(1); transition: visibility 0s linear 0s, z-index 0s linear 0s, opacity .3s cubic-bezier(0.61, 1, 0.88, 1) 0s, transform .3s cubic-bezier(0.61, 1, 0.88, 1) 0s; }
#launcher .has-child .icon { display: inline-block; vertical-align: middle; margin-left: 5px; width: 10px; height: 18px; background-image: url('/front/web/images/common/ico_gnb_plus.png'); background-size: 10px 18px; }

/*셀프해결가이드*/
.text-underline {text-decoration:underline;}
.mt-self {margin-top:25px}
.mt-self-bottom {margin-top:90px}
.selfguide-black-line {border-top: 1px solid #000;margin: 50px 0 45px;}
.self-title {font-size: 24px; color: #000; text-align: center; line-height: 34px;}
.self-title span {display:inline-block;}
.bbs-view-body .guide-subject {line-height:34px;}
.guide-video-wrap {width: 500px;height: 300px;margin: 20px auto 0;}
.self-title-black {font-size: 24px; color: #000; text-align: left; line-height: 29px; margin:0 0 70px 55px}

/* preload indicator */
.md-overlay { position: fixed; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(7, 7, 7, .6); backface-visibility: hidden; opacity: 0; visibility: hidden; }
.md-indicator { position: fixed; top: 50%; right: 50%; width: 120px; height: 120px; margin-top: -70px; margin-right: -60px; text-align: center; visibility: hidden; z-index: -1; transform: scale(.9); opacity: 0; }
.md-indicator::before { content: ''; display: inline-block; position: fixed; letter-spacing: 1; font-size: 12px; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; }
.md-indicator > span { margin: 0 auto; background: 0 0; animation: load8 .6s infinite linear; transition: background-color .2s ease-in-out 0s; }
.md-indicator > span { position: relative; text-indent: -9999em; font-size: 10px; display: none; }
.is-overlay .md-overlay { visibility: visible; z-index: 9000; opacity: 1; }
.is-indicator .md-indicator { visibility: visible; z-index: 9100; opacity: 1; transform: scale(1); }
.md-indicator > span { border-top: 7px solid #fff; border-right: 7px solid #fff; border-bottom: 7px solid #fff; border-left: 7px solid rgba(255, 255, 255, .2); }
.md-indicator > span:first-child { display: block; }
.md-indicator > span,
.md-indicator > span:after { width: 120px; height: 120px; border-radius: 100%; }
.md-overlay { transition: visibility 0s linear .8s, z-index 0s linear .8s, opacity .4s cubic-bezier(0.11, 0, 0.5, 0) .4s; }
.md-indicator { transition: visibility 0s linear .3s, z-index 0s linear .3s, transform .3s cubic-bezier(0.11, 0, 0.5, 0) 0s, opacity .3s cubic-bezier(0.11, 0, 0.5, 0) 0s; }
.is-overlay .md-overlay { transition: visibility 0s linear 0s, z-index 0s linear 0s, opacity .2s cubic-bezier(0.5, 1, 0.89, 1) 0s; }
.is-indicator .md-indicator { transition: visibility 0s linear 0s, z-index 0s linear 0s, transform .3s cubic-bezier(0.5, 1, 0.89, 1) .1s, opacity .3s cubic-bezier(0.5, 1, 0.89, 1) .1s; }
@keyframes load8 {
    0% { transform: rotate(0); }
    to { transform: rotate(360deg); }
}
#footerSitemap { font-size: 12px; color: #bbb; line-height: 1.1; text-align: center; border-bottom: solid 1px #4a4a4c; background: #1e1f21; }
#footerSitemap em { font-style: normal; }
#footerSitemap strong { font-weight: normal; }
#footerSitemap strong.eng { font-family: 'Roboto'; font-weight: 700; }
#footerSitemap a { display: block; margin-right: 21px; padding: 4px 0; color: #bbb; }
#footerSitemap .toggle-sitemap em{ font-weight: 700; }
#footerSitemap .upper { height: 0; overflow: hidden; transition: height .3s ease-in-out 0s; }
#footerSitemap .upper .innerwrap { border-top: solid 1px #343537; }
#footerSitemap .upper .wrapper { text-align: left; padding: 20px 0 30px; }
#footerSitemap .downer { border-top: solid 1px #4a4a4c; }
#footerSitemap .downer a { margin: 0; padding: 27px 0; font-size: 13px; color: #a9a9a9; transition: background-color 150ms ease-in-out 0s; }
#footerSitemap .downer a:hover { background-color: #333; } /* 1d1f20;  */
#footerSitemap .downer a span { display: inline-block; position: relative; padding-right: 20px; min-height: 15px; line-height: 15px; }
#footerSitemap .downer a span::before,
#footerSitemap .downer a span::after { display: block; content: ''; position: absolute; top: 2px; right: 0; width: 2px; height: 2px; background-color: #a9a9a9; transition: transform .2s ease-in-out 0s; transform: rotate(0deg); }
#footerSitemap .downer a span::before { width: 12px; height: 2px; margin-top: 5px; }
#footerSitemap .downer a span::after { width: 2px; height: 12px; margin-right: 5px; transition-duration: .3s; }
#footerSitemap .downer .off { display: none; }
#footerSitemap.in .downer .on { display: none; }
#footerSitemap.in .downer .off { display: inline-block; }
#footerSitemap.in .downer a span::before { transform: rotate(180deg); }
#footerSitemap.in .downer a span::after { transform: rotate(270deg); }
#footerSitemap a.d1 { padding: 13px 0; margin-right: 21px; font-size: 16px; color: #fff; }
#footerSitemap a.d1 strong { font-weight: bold; }
#footerSitemap a.d2 { padding: 5px 0; font-size: 12px; color: #fff; }
#footerSitemap a.d2 strong, #footerSitemap a.d3 span { display: inline-block; position: relative; padding-right: 17px; font-weight: bold; }
#footerSitemap a.d3 span { padding-right: 15px; font-weight: 300; }
#footerSitemap a.d2 strong::before, #footerSitemap a.d3 span::before { display: block; position: absolute; margin-top: -8px; top: 50%; right: 0; width: 18px; height: 18px; background-image: url('/front/web/images/common/ico_sitemap_link.png'); background-size: 18px 18px; background-position: center center; }
#footerSitemap a.d3 span::before { margin-top: -9px; background-image: url('/front/web/images/common/ico_sitemap_link_02.png'); }
#footerSitemap a.d4 { font-size: 11px; color: #888; }
#footerSitemap a.d4 span { padding-right: 15px; font-weight: 300; }
#footerSitemap li.d2 { padding: 0 0 15px 0; }
#footerSitemap li.d2:last-of-type { padding-bottom: 0; }
#footerSitemap ul.d2 + .category { margin-top: 15px; }
#footerSitemap .col-d1 { float: left; width: 16.2%; position: relative; min-height: 702px; }
#footerSitemap .col-d1.is-2x { width: 23.6%; } 
#footerSitemap .col-d1.is-2x:last-of-type { width: 27.7%; }
#footerSitemap .col-d1::before { content: ''; display: block; position: absolute; margin: 10px 20px 0 0; top: 0; right: 0; bottom: 0; width: 1px; background-color: #4a4a4c; }
#footerSitemap .col-d1:last-of-type::before { display: none; }
#footerSitemap .col-d1.is-2x a.d1 { width: 50%; }
#footerSitemap .col-d1.is-2x ul.d2 { float: left; width: 50%; }
#footerSitemap .col-d1 {  opacity: 0;  transform: translate(0, -20px); transition:  opacity .3s cubic-bezier(0.45, 0, 0.55, 1) 0s, transform .3s cubic-bezier(0.45, 0, 0.55, 1) 0s;  }
#footerSitemap.anim .col-d1 { opacity: 1; transform: translate(0, 0); }
#footerSitemap.anim .col-d1:nth-child(1) { transition-delay: 50ms; }
#footerSitemap.anim .col-d1:nth-child(2) { transition-delay: 100ms; }
#footerSitemap.anim .col-d1:nth-child(3) { transition-delay: 150ms; }
#footerSitemap.anim .col-d1:nth-child(4) { transition-delay: 200ms; }
#footerSitemap.anim .col-d1:nth-child(5) { transition-delay: 250ms; }
#footerSitemap.anim .col-d1:nth-child(6) { transition-delay: 300ms; }
#footerSitemap a.external strong,
#footerSitemap a.external span { position: relative; }
#footerSitemap a.external strong::after,
#footerSitemap a.external span::after { content: '↗'; display: inline-block; padding-left: 3px; transform: translate(0, -1px); }
.js-imagemap-wrap map { height: 0; overflow: hidden; }
.js-imagemap-wrap map br { display: none; }

/* 2022-12-17 new gnb */
.hv-inner { position: relative; width: 1440px; margin: 0 auto; }
.hv-header { position: relative; background: #000; letter-spacing: -0.6px; z-index: 20; }
.hv-header .hv-inner>img { position: relative; left: -239px; z-index: 10; }
.hv-header .hv-inner {display: flex;align-items: center;justify-content: space-between; height: 60px;}
.hv-header .hv-inner.has-sub {padding: 15px 0;}
.hv-header .hv-inner .logo-wrap { width: 347px; }
.hv-header .hv-inner .logo-wrap a { display: inline-block; padding: 11px 0 10px; }
.hv-header .hv-inner .logo-wrap img { margin-top: -1px; width: 195px; height: auto; }
.hv-header .hv-inner .hv-gnb { height: 60px; overflow: hidden; }
.hv-header.is-biz .hv-inner .hv-gnb{ min-width: 728px; width: auto;}
.hv-header.is-biz .hv-inner .logo-wrap a { padding: 16px 0; }
.hv-header.is-biz .hv-inner .logo-wrap img { width: 242px; height: auto; }

.hv-header .hv-inner .hv-gnb ul { height: 60px; min-width: 500px; }
.hv-header .hv-inner .hv-gnb ul::after { content: ''; clear: both; display: table; }
.hv-header .hv-inner .hv-gnb ul li { display: block; float: left; padding: 0 2px 0px 1px; min-height: 60px; text-align: center; }
.hv-header .hv-inner .hv-gnb ul a {display: inline-block;  font-style: normal; font-weight: 400; font-size: 20px; height: 60px; line-height: 60px; color: #fff; padding: 0 29px 0 29px; background-color: #000; min-height: 60px; text-align: center; white-space: nowrap; word-break: keep-all; }
.hv-header .hv-inner .hv-gnb ul a:not(.out-link):hover,
.hv-header .hv-inner .hv-gnb ul li.active a { background-color:#ed174d; }
.hv-header .hv-gnb ul a { transition: background-color .3s ease-in-out 0s; }
.hv-header .hv-gnb ul a:not(.out-link):hover,
.hv-header .hv-gnb ul li.active a { transition: background-color 0s ease-in-out 0s; }
.is-over-header .hv-header .hv-gnb ul a,
.is-over-header .hv-header .hv-gnb ul a:not(.out-link):hover,
.is-over-header .hv-header .hv-gnb ul li.active a { transition: background-color 0s ease-in-out 0s;  }
.is-biz .hv-header .hv-gnb ul a,
.is-biz .hv-header .hv-gnb ul a:not(.out-link):hover,
.is-biz .hv-header .hv-gnb ul li.active a { transition: background-color 0s ease-in-out 0s;  }
.hv-header .hv-inner .hv-gnb ul li a.out-link {position: relative; padding-right: 13px; word-break: keep-all; white-space: nowrap; }
.hv-header .hv-inner .hv-gnb ul li a.out-link::after{ content:""; display: block; width: 10px; height: 11px; position:absolute; top:24px; right: 0; background-image: url(/front/web/images/hv-main/ico-menu-arrow-white.png); background-size: 100%; }
.hv-header .hv-inner .hv-gnb ul li a.out-link-white {position: relative; padding-right: 39px;}
.hv-header .hv-inner .hv-gnb ul li a.out-link-white::after{ content:""; display: block; width: 10px; height: 11px; position:absolute; top:24px; right: 25px; background-image: url(/front/web/images/hv-main/ico-menu-arrow-white.png); background-size: 100%; }
.hv-header .hv-inner .hv-gnb li:nth-child(1) a { width: 155px; }
.is-biz .hv-header .hv-inner .hv-gnb li:nth-child(1) a { width: 151px; }
.hv-header .hv-launcher { margin-left: auto; user-select: none; }
.hv-header .hv-launcher ul { width: 364px; text-align: right;}
.hv-header .hv-launcher li { display: inline-block; padding: 0 20px; position: relative; }
.hv-header .hv-launcher li:first-child{padding-left: 0} 
.hv-header .hv-launcher li:last-child{padding-right: 0}
.hv-header .hv-launcher li.hv-sitemap{padding: 0;}
.hv-header .hv-launcher li a {display: inline-block; height: 60px;  font-style: normal; font-weight: 400; font-size: 14px; line-height: 60px;color: #fff;}
.hv-header .hv-launcher li a.link{padding-bottom: 2px;}
.hv-header .hv-launcher li a.active {color: #ed174d; position:relative;}
.hv-header .hv-launcher li a.active::after{content: ""; position:absolute; left: 0; top: 42px; width: 100%; height: 1px; background-color: #ed174d;}
.hv-header .hv-launcher li.is-hover a.active { color: #fff; }
.hv-header .hv-launcher li.is-hover a.active::after { display: none; }
.hv-header .hv-launcher li.is-hover a:hover { color: #ed174d; position:relative;}
.hv-header .hv-launcher li.is-hover a:hover::after{ display: block; content: ""; position:absolute; left: 0; top: 42px; width: 100%; height: 1px; background-color: #ed174d;}
.hv-header .hv-launcher li .myhello-btn{ position: relative;}
.hv-header .hv-launcher li .myhello-btn img{ position: absolute; top:28px;  width: 10px; height: 5px; margin-left: 5px; transform: scale(1); transition: .3s;}
.hv-header .hv-launcher li .myhello-btn.active img{top: 28px; transition: .3s; }
.hv-header .hv-launcher li .myhello-btn.on img{}
.hv-header .hv-launcher li .myhello-btn.has-gnb{color: #ed174d;}
.hv-header .hv-launcher li .myhello-btn.has-gnb:after{content: ""; position:absolute; left: 0; top: 42px; width: 100%; height: 1px; background-color: #ed174d;}
.hv-header__loginLayer { position: absolute; top: 60px; right:0; overflow: hidden; display: none; width: 260px; height: auto; background: #FFFFFF; box-shadow: 0px 8px 16px rgba(74, 76, 88, 0.15); border-radius: 0px 0px 24px 24px; }
.hv-header__loginLayer.active { position: absolute; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 1; display: block; z-index: 1700; }
.hv-header__loginLayer ul li{font-style: normal; font-weight: 300; font-size: 14px; line-height: 26px; display:flex; align-items: center; padding: 22px;}
.hv-header__loginLayer ul li:not(:last-child){ border-bottom:1px solid #E9E9E9;}
.hv-header__loginLayer ul li.log-in,
.hv-header__loginLayer ul li.log-out{height: 108px;}
.hv-header__loginLayer ul li.log-in p,
.hv-header__loginLayer ul li.log-out p{font-size: 16px;}
.hv-header__loginLayer ul li a{ color: #000;}
.hv-header__loginLayer ul li a:hover{color:#ed174d;font-weight: 500;}
.hv-header__loginLayer ul li img{max-width:36px;}
.hv-header__loginLayer ul li .login-btn{width: 80px; height: 40px; margin-left: 20px; background: #FFFFFF; border: 1px solid #4A4C58; border-radius: 12px; text-align: center; padding: 7px 0 5px;font-weight: 500; }
.hv-header__loginLayer ul li .login-btn:hover{ color: #ed174d; border-color:#ed174d; }
.hv-header__loginLayer ul li .name{font-weight: 700; font-size: 20px; line-height: 30px; color: #000;}
.hv-header__loginLayer ul li .name em{font-weight: 300; color: #000; font-style: normal;}
.hv-header__loginLayer ul li img + a{ margin-left: 20px;}

#menuMyHello { display: block; visibility: hidden; z-index: -1; opacity: 0; transition: visibility 0s linear .3s, z-index 0s linear .3s, opacity .3s cubic-bezier(0.61, 1, 0.88, 1) 0s, transform .3s cubic-bezier(0.61, 1, 0.88, 1) 0s; }
.is-over-header #menuMyHello { transition: visibility 0s linear 0s, z-index 0s linear 0s, opacity .3s cubic-bezier(0.61, 1, 0.88, 1) 0s, transform .3s cubic-bezier(0.61, 1, 0.88, 1) 0s; }
.is-my-hello #menuMyHello { visibility: visible; z-index: 1502; opacity: 1; transition: visibility 0s linear 0s, z-index 0s linear 0s, opacity .3s cubic-bezier(0.61, 1, 0.88, 1) 0s, transform .3s cubic-bezier(0.61, 1, 0.88, 1) 0s; }
#buttonMyHello img { transform: scaleY(1); }

.hv-header #sitemap,
.hv-header #global-search{top: 60px;}
.hv-header #global-search.withGnb,
.hv-header #sitemap.withGnb{top:151px;}
.hv-header #btn-search-open {width: 27px; height: 27px; background-image: url(/front/web/images/hv-main/ico-search.png); top: 0; left: auto; margin: 0; position: relative; user-select: none; }
.hv-header #btn-sitemap-open {width: 27px; height: 18px; background:0 none;  padding: 0; margin: 0; top: 4px; left: auto; position: relative; user-select: none; }
.hv-header #btn-sitemap-open.active:after{display:none;}
.hv-header #btn-sitemap-open span {display: block; width: 27px; height: 3px;  position: relative; background: #fff; z-index: 1;}
.hv-header #btn-sitemap-open span:not(:last-child){margin-bottom: 4px;}
.hv-header #btn-sitemap-open span:first-child {transform-origin: 0% 0%;}
.hv-header #btn-sitemap-open span:nth-last-child(2) {transform-origin: 0% 100%;}
.hv-header #btn-sitemap-close{margin-left: 692px; top: -44px;}
.hv-header #global-search.withGnb #btn-search-close,
.hv-header #sitemap.withGnb #btn-sitemap-close{top: -135px;}
.hv-header #btn-search-close {margin-left: 640px; top: -44px; }
.hv-header .btn-layer-close {width:30px; background-color: #000; background-image: url(/front/web/images/hv-main/ico-close-primary_blk.png); }
.hv-header .sub-gnb {background: #FFFFFF; border-bottom: 1px solid #E9E9E9; display: none; transition: all 0.6s ease; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 1400;}
.hv-header .sub-gnb.active,.hv-header .sub-gnb.fix{display: block;}
.hv-header .sub-gnb .menu{display: flex; align-items: center; width: 1440px; margin: 0 auto;}
.hv-header .sub-gnb .menu h4 { width: 378px; height: 90px; padding-left:50px;}
.hv-header .sub-gnb .menu h4 a { display: inline-block; padding: 34px 0 33px; min-width: 70%; }
.hv-header .sub-gnb .menu .logo img{max-width: 157px;}
.hv-header .sub-gnb .menu h4 + div{ display: flex; align-items: center;}
.hv-header .sub-gnb .menu h4 + div > h5{font-weight: 500; font-size: 20px; line-height: 26px;text-align:left; width: 140px;}
.hv-header .sub-gnb .menu h5 span{position:relative; padding:0 20px 0 0; display: inline-block;}
.hv-header .sub-gnb .menu h5 span:after{content: ""; display: block; position: absolute; top: 8px; right: 0; width: 8px; height: 12px; background-image: url(/front/web/images/hv-main/ico-arr-right3.png); background-size: 100%;}
.hv-header .sub-gnb .menu .list {display: flex; align-items: center; width: 795px;}
.hv-header .sub-gnb .menu .list + .list{width: 300px; justify-content: flex-end;}
.hv-header .sub-gnb .menu .list >li+li{ margin-top: 0;}
.hv-header .sub-gnb .menu li.d2 { position: relative; font-weight: 500; font-size: 17px; line-height: 26px; }
.hv-header .sub-gnb .menu li a:hover,
.hv-header .sub-gnb .menu li.active > a{color: #ed174d; }
.hv-header .sub-gnb .menu .d3-list { display: none; padding: 20px 0; box-shadow: 0px 8px 16px rgb(74 76 88 / 15%); word-break: keep-all; position: absolute; top: 91px;left: 50%; transform: translateX(-50%); background-color: #fff; }
.hv-header .sub-gnb .menu .d3-list a { padding-left: 24px; padding-right: 24px; }
.hv-header .sub-gnb .menu .d3-list .d3 {font-weight: 400; font-size: 14px; line-height: 25px; text-align: left; white-space: nowrap; word-break: keep-all; }
.hv-header .sub-gnb .menu .d3-list li.active > a {color: #ed174d;}
.hv-header .sub-gnb .menu .d4-list {margin: 5px 0;}
.hv-header .sub-gnb .menu .d4-list li.d4 { font-weight: 400; font-size: 12px; line-height: 19px; color: #767676;}
.hv-header .sub-gnb .menu .d4-list li.d4 a:hover{color: #ed174d;}
.hv-header .sub-gnb .menu .d4-link { padding: 2px 0; }
.hv-header .sub-gnb a { display: block; white-space: nowrap; word-break: keep-all; }
.hv-header .sub-gnb .list a.d2 { padding: 32px 25px; }
.hv-header .sub-gnb .list.nth-1 { margin-left: -25px; }
.hv-header .sub-gnb .list.nth-2 { margin-right: -25px; }
.hv-header .sub-gnb .list.nth-2 a.d2 { padding: 32px 8px; }
.hv-header .sub-gnb a.external { position: relative; }
.hv-header .sub-gnb a.external::after,
.hv-header .sub-gnb a.external::after { content: '↗'; display: inline-block; padding-left: 2px; transform: translate(0, -1px); }

/* 20250612 제철장터메뉴 삭제 */
.hv-header .hv-inner .logo-wrap { width: 336px; }
.hv-header .hv-inner .hv-gnb ul a { padding: 0 38px; }
.hv-header .hv-inner .hv-gnb li:nth-child(1) a { width: inherit; }
.hv-header .hv-launcher ul { min-width: 405px; width: auto; }
.hv-header .hv-launcher li { padding: 0 25px; }
.hv-header .hv-launcher li.hv-search { padding: 0 38px; }
.hv-header #btn-search-close { margin-left: 622px; top: -45px; }  

.hv-header.has-anim .sub-gnb { display: block; visibility: hidden; z-index: -1; opacity: 0; transition: visibility 0s linear .3s, z-index 0s linear .3s, opacity .3s cubic-bezier(0.61, 1, 0.88, 1) 0s, transform .3s cubic-bezier(0.61, 1, 0.88, 1) 0s; }
.hv-header .sub-gnb.active,.hv-header .sub-gnb.fix { visibility: visible; z-index: 1400; opacity: 1; transition: visibility 0s linear 0s, z-index 0s linear 0s, opacity 0s cubic-bezier(0.61, 1, 0.88, 1) 0s, transform 0s cubic-bezier(0.61, 1, 0.88, 1) 0s; }
.is-biz .hv-header.has-anim .sub-gnb,
.is-over-header .hv-header.has-anim .sub-gnb { transition: visibility 0s linear 0s, z-index 0s linear 0s, opacity 0s cubic-bezier(0.61, 1, 0.88, 1) 0s, transform 0s cubic-bezier(0.61, 1, 0.88, 1) 0s;	} 

/* activate */
.is-my-hello #buttonMyHello img { transform: scaleY(-1); }
.is-gnb-opened .hv-header #sitemap,
.is-gnb-opened .hv-header #global-search {top: 151px;}
.is-gnb-opened .hv-header #global-search #btn-search-close,
.is-gnb-opened .hv-header #sitemap #btn-sitemap-close{top: -135px;}
.hv-header.has-anim .sub-gnb li.d2 ul.d3 { display: block; visibility: hidden; z-index: -1; opacity: 0; transition: visibility 0s linear .3s, z-index 0s linear .3s, opacity .3s cubic-bezier(0.61, 1, 0.88, 1) 0s, transform .3s cubic-bezier(0.61, 1, 0.88, 1) 0s; }
.hv-header.has-anim .sub-gnb li.d2.over ul.d3 { visibility: visible; z-index: 601; opacity: 1; transition: visibility 0s linear 0s, z-index 0s linear 0s, opacity 0s cubic-bezier(0.61, 1, 0.88, 1) 0s, transform 0s cubic-bezier(0.61, 1, 0.88, 1) 0s; }
.is-over-header .hv-header.has-anim .sub-gnb li.d2 ul.d3 { transition: visibility 0s linear 0s, z-index 0s linear 0s, opacity 0s cubic-bezier(0.61, 1, 0.88, 1) 0s, transform 0s cubic-bezier(0.61, 1, 0.88, 1) 0s;	}
.page-main .hv-header.has-anim .sub-gnb li.d2 ul.d3 { visibility: hidden; } /* 메인페이지에서는 숨김 */

.hv-header .d2.is-lowprice::before { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin-left: 43px; margin-top: -12px; width: 8px; height: 8px; overflow: hidden; border-radius: 8px; background-color: #ed174d; }
.hv-header .d2-balloon { position: absolute; left: 3px; top: 66px; line-height: 1; }
.hv-header .is-internet-tv .d2-balloon { left: 0; margin-left: -6px; }
.hv-header .d2-balloon-inner { position: relative; margin: 0; padding: 0; }
.hv-header .d2-balloon-inner::before { content: ''; display: block; position: absolute; left: 0; bottom: 100%; border-bottom: 5px solid #323232; border-left: 5px solid transparent; border-right: 5px solid transparent; margin-left: calc(50% - 3px); }
.hv-header .d2-balloon-inner span { display: inline-block; min-width: 140px; height: 34px; line-height: 34px; background-color: #323232; color: #fff; border-radius: 34px; white-space: nowrap; font-size: 14px; font-weight: 500; letter-spacing: -0.6px; text-align: center; }
.hv-header .d2-balloon-inner strong { color: #ed174d; font-weight: bold; }
.hv-header .d2-balloon-inner strong.eng { font-family: 'Roboto', 'roboto'; font-size: 16px; }
.macos .hv-header .d2-balloon-inner strong { font-family: 'Pretendard'; }
.hv-header .d2-balloon { visibility: visible; transform: translate(0, 0); opacity: 1;  transition:  visibility 0s linear 0s, opacity .3s ease-in-out 0s, transform .3s ease-in-out 0s; }
body:not(.page-main) .hv-header .d2.over .d2-balloon,
.is-search .hv-header .d2-balloon,
.is-sitemap .hv-header .d2-balloon { transform: translate(0, 5px); opacity: 0; transition: visibility 0s linear .5s, opacity .3s ease-in-out 0s, transform .3s ease-in-out 0s; }

/* footer */
.hv-footer {letter-spacing: -0.6px;}
.hv-footer .policy-area{ display: flex; align-items: center; justify-content: space-between; max-width: 1440px; margin: 0 auto; border-bottom: 0;  }
.hv-footer .policy-area .policy-menu li{ font-size:12px; line-height: 26px; }
.hv-footer .address-area {padding:0 0 0 138px;}
.hv-footer .ci-logo{top: 0}
.hv-footer .address-area p { font-style: normal; font-weight: 400; font-size: 12px; line-height: 26px; color: #A9A9A9;}
.hv-footer .address-area p span{display:inline-block; position: relative;padding-right: 10px; margin-right:10px }
.hv-footer .address-area p span:not(:last-child):after{content:""; display: block; position: absolute; top: 9px; right:0; width: 1px; height: 10px; background-color: #a9a9a9;}
.hv-footer .address-area p span.last-line{margin-right:0}
.hv-footer .address-area p span.last-line:after{display: none;}
.hv-footer #footer{padding-bottom: 60px; background-color: #000;}
.hv-footer #footerSitemap{background-color: #000;}
.hv-footer #footerSitemap a.d1 strong { font-style: normal; font-weight: 500; font-size: 16px;}
.hv-footer #footerSitemap a.d2 strong,
.hv-footer #footerSitemap a.d3 span{ font-style: normal; font-weight: 700; font-size: 12px;}
.hv-footer #footerSitemap a.d3 span{font-weight: 400; }
.hv-footer #footerSitemap .fix-width{width: 1440px; margin: 0 auto}
.hv-footer #footerSitemap .col-d1 { width: 205px; padding-left: 20px;}
.hv-footer #footerSitemap .col-d1.is-2x{width: 408px;}
.hv-footer #footerSitemap .upper .wrapper{padding: 54px 0;}
.hv-footer #footerSitemap .col-d1:nth-child(1) {padding-left: 0; }
.hv-footer #footerSitemap li.d2{padding: 0 0 18px 0;}
.hv-footer #footerSitemap a.d1 {padding: 0 0 20px 0;}
.hv-footer #footerSitemap a.d2{padding: 0 0 5px 0;}
.hv-footer #footerSitemap .col-d1::before{margin:0;}
.hv-footer #footerSitemap .out-link{content: '';}
.hv-footer .marks { float: right; }
.hv-footer .marks .ico { box-sizing: content-box; padding: 0 15px; width: 34px; height: 70px; background: transparent center center no-repeat; }
.hv-footer .marks .wiseuser { width: 67px; height: 70px; background-image: url('/front/web/images/layout/img-bn-link8.png'); background-size: 67px 32px; }
.hv-footer .marks .webaward { width: 34px; height: 70px; background-image: url('/front/web/images/common/ico_award_2024.png'); background-size: 34px 46px; background-position: center 17px; }
.hv-footer .marks ul { clear: both; height: 70px; overflow: hidden; }
.hv-footer .marks ul:after{ display: table; content: ''; clear: both; }
.hv-footer .marks li { float: left; }
.hv-footer .marks li [rel="nosublink"] { display: block; }
.hv-footer .marks li.nth-2 { margin-right: -15px; }

/* sticky counsel */
#sticky-counsel.hv-main { box-sizing: content-box; padding: 12px 0; border: 0; background-color: rgba(0, 0, 0, 0.8); text-align: center; max-width: 1160px; margin: 0 auto; }
#sticky-counsel.hv-main { box-shadow: 0px 16px 32px rgba(74, 76, 88, 0.15); border-radius: 12px 12px 0px 0px; }
#sticky-counsel.hv-main::after { display: table; clear: both; overflow: hidden; }
#sticky-counsel.hv-main .wrap { text-align: left; margin: 0 auto; width: 1080px; height: 36px; color: #fff; line-height: 1; }
#sticky-counsel.hv-main .wrap .flex { display: flex; align-items: center; }
#sticky-counsel.hv-main .subjects { width: 40%; margin-right: 21px; padding-left: 70px; display: flex; align-items: center; }
#sticky-counsel.hv-main .fields { position: relative; width: 408px; margin-right: 50px;    top: -1px; }
#sticky-counsel.hv-main .links { width: auto; text-align: center; position: relative; }
#sticky-counsel.hv-main .inline { box-sizing: content-box; display: inline-block; vertical-align: middle; padding: 0; height: 36px; line-height: 36px; font-size: 14px; border: 0; }
#sticky-counsel.hv-main .subject { margin-right: 7px; font-weight: 300; font-size: 20px; }
#sticky-counsel.hv-main .subject em { font-weight: 700; }
#sticky-counsel.hv-main .tel { font-style: normal; font-weight: 700; font-size: 32px; }
#sticky-counsel.hv-main .field-contact { width: 100%; text-indent: 18px; border-radius: 8px; font-size: 16px; font-weight: 300; overflow: hidden;}
#sticky-counsel.hv-main .field-contact { box-sizing: content-box; height: 36px; }
#sticky-counsel.hv-main .field-contact::placeholder { margin-top: -1px; font-size: 14px; color: #000; line-height: 40px; letter-spacing: 0; color: #808080; }
#sticky-counsel.hv-main .btn-contact { position: absolute; top: 0; right: 0; width: 120px; background-color: #ed174d; font-size: 16px; font-weight: 700; color: #fff; }
#sticky-counsel.hv-main .btn-contact{ text-align: center; height: 36px; line-height: 36px; transition: all .1s ease-in-out 0s; border-radius: 0 6px 6px 0; }
#sticky-counsel.hv-main .btn-contact:hover{background-color: #a50034; border-color: #a50034;}
#sticky-counsel.hv-main .link-chat {background-color: #898989; width: 138px;  height: 36px; line-height: 36px; position: relative; border-radius: 28px; overflow: hidden; text-align: center; display: inline-block;}
#sticky-counsel.hv-main .link-chat:before { content: ""; display: block; position: absolute; top: 5px; left: 15px; width: 25px; height:25px; background: url('/front/web/images/common/ico_sticky_chat.png') 0 0 no-repeat; background-size: 100%;}
#sticky-counsel.hv-main .link-chat:hover {}
#sticky-counsel.hv-main .links .icon { position: absolute; top: -3px; left: 0; width: 44px; height: 40px;  }
#sticky-counsel.hv-main .link-chat strong {font-size: 16px; padding-left: 20px; }
#btn-totop { margin-left: 670px; }
#sticky-counsel.hv-main .layerChat { display: none; position: absolute; width: 138px; height: 207px;  margin: 0; left: 0; top:-190px;}
#sticky-counsel.hv-main .layerChat .inner{padding: 10px 0 40px; background: #898989; border-radius: 16px;}
#sticky-counsel.hv-main .layerChat .chat-box{padding: 0 14px; }
#sticky-counsel.hv-main .layerChat .chat-box .col{padding: 10px 0}
#sticky-counsel.hv-main .layerChat .chat-box .col .link:hover{border-bottom: 0; }
#sticky-counsel.hv-main .layerChat .chat-box .col:first-child{border-bottom: 1px solid #d9d9d9;}
#sticky-counsel.hv-main .layerChat .chat-box .col .name {font-size: 14px;}
#sticky-counsel.hv-main .layerChat .chat-box .col .link strong{font-weight: 500; font-size: 14px; line-height:20px; background-image: url(/front/web/images/common/ico-arr-right-white.png); background-repeat: no-repeat; background-position: 100% 5px; padding-right: 10px;}
#sticky-counsel.hv-main .layerChat .chat-box .col .link:hover strong{background-image: url(/front/web/images/common/ico-arr-right-green.png); background-size: 6px 9px; color:#bfe10e;}
#sticky-counsel.hv-main .layerChat .chat-box .col .link.chatbot strong{display:block;margin-top:6px;font-weight: 500; font-size: 14px; line-height:20px; background-image:none;/* background-image: url(/front/web/images/common/ico-arr-right-white.png); background-repeat: no-repeat; background-position: 75px 5px;  */padding-right:0px;}
#sticky-counsel.hv-main .layerChat .chat-box .col .link.chatbot:hover strong{background-image:none;/* background-image: url(/front/web/images/common/ico-arr-right-green.png); background-size: 6px 9px; */ color:#bfe10e;}
#sticky-counsel.hv-main .layerChat .chat-box .col span{font-family: 'Roboto'; font-style: normal; display: inline-block; font-weight: 300; font-size: 17px; line-height: 22px; margin-top: 6px;}
#sticky-counsel.hv-main .layerChat .chat-text { width: 138px; height: 36px; line-height: 36px; position: absolute; padding-top: 0px; bottom: -19px; }
#sticky-counsel.hv-main .layerChat .chat-text strong {font-size: 16px; padding-left: 20px;}
#sticky-counsel.hv-main .layerChat .chat-text:before { content: ""; display: block; position: absolute; top: 5px; left: 15px; width: 25px; height:25px; background: url('/front/web/images/common/ico_sticky_chat.png') 0 0 no-repeat; background-size: 100%;}

.section-sitemap { text-align: center; letter-spacing: -1px; line-height: 1.3; visibility: hidden; }
.section-sitemap.in { visibility: visible; }
.section-sitemap .wrap { max-width: 1160px; margin: 0 auto; padding-bottom: 130px; text-align: left; }
.section-sitemap .title-sitemap { margin: 30px 0 22px; font-size: 38px; font-weight: bold; color: #000; letter-spacing: -1px; }
.section-sitemap a { display: inline-block; padding: 3px 0; }
.section-sitemap a.external { position: relative; } 
.section-sitemap a.external::after { content: '↗'; display: inline-block; padding-left: 2px; transform: translate(0, -1px); }
.section-sitemap ul,.section-sitemap li { margin: 0; padding: 0; list-style: none; } 
.section-sitemap ul.d2 { float: right; width: 80%; }
.section-sitemap ul.d3 { min-height2: 170px; }
.section-sitemap li.d1 { clear: both; position: relative; padding: 30px 0 8px; border-top: solid 1px #e8e8e8; overflow: hidden; }
.section-sitemap li.d1:first-child { border-top: 0; }
.section-sitemap li.d1::after { content:''; display: table; overflow: hidden; }
.section-sitemap li.d2 { float: left; width: 25%; margin-bottom: 22px; }
.section-sitemap a { color: #000; }
.section-sitemap a.d1 { float: left; padding: 4px 0; font-size: 20px; font-weight: 500; }
.section-sitemap a.d2 { padding: 4px 0; font-size: 17px; font-weight: 500; }
.section-sitemap a.d3 { padding: 4px 0; font-size: 14px; font-weight: 300; }
.section-sitemap a.d4 { font-size: 12px;  font-weight: 300; color: #767676; }

#sitemapContent .is-login-member { display: none; } 

/* 전화 상담 신청 완료 */
.section-popup-join-complete .inner { line-height: 1.4; letter-spacing: -0.03em; }
.section-popup-join-complete .messages { text-align: center; }
.section-popup-join-complete .messages .name { margin: 34px 0 12px; padding: 0; font-size: 24px; font-weight: 500; color: #000; }
.section-popup-join-complete .messages p { margin: 12px 0 20px; padding: 0; font-size: 16px; font-weight: 300; color: #9b9b9b; }
.section-popup-join-complete .benefits { position: relative; margin: 42px 0 10px; padding: 30px 15px 36px; background-color: #f9fafb; }
.section-popup-join-complete .benefits .name { margin: 0 0 18px 5px; padding: 0; font-size: 20px; font-weight: 500; color: #000; }
.section-popup-join-complete .benefits .more { display: block; position: absolute; top: 0; right: 0; margin: 23px 10px 0 0; padding: 10px; font-size: 16px; font-weight: 500; color: #9b9b9b; }
.section-popup-join-complete .benefits .more span { position: relative; }
.section-popup-join-complete .benefits .more span::after { display: inline-block; content: ''; vertical-align: middle; margin-left: 3px; width: 20px; height: 30px; background: url('/front/web/images/content/ico_go_a01.png') center center no-repeat; }
.section-popup-join-complete .benefits .list { clear: both; display: table; table-layout: fixed; margin: 18px 0 0; width: 100%; }
.section-popup-join-complete .benefits .item { display: table-cell; width: 25%; }
.section-popup-join-complete .benefits .module { margin: 0 5px; padding: 15px 11px 15px; background-color: #fff; border: solid 1px #d1d1d1; border-radius: 4px; overflow: hidden; box-shadow: 0px 3px 5px rgba(0, 0, 0, .08); }
.section-popup-join-complete .benefits .number { display: inline-block; margin: 0 0 10px; font-size: 16px; font-weight: bold; }
.section-popup-join-complete .benefits .number { font-family: gotham, Gotham, 'Roboto', roboto, 'Noto Sans KR', 'Malgun Gothic', sans-serif, Arial, Dotum, Gulim, Verdana, Tahoma;}
.section-popup-join-complete .benefits .item span { display: block; font-size: 14px; font-weight: 300; color: #000; white-space: nowrap; word-break: keep-all; letter-spacing: -0.05em; }
@media (min-width: 570px) {
	.section-popup-join-complete .benefits .item span { font-size: 16px; }
}
.section-popup-join-complete .benefits .item span.about {}
.section-popup-join-complete .promos { margin: 20px 0; text-align: center; }
.section-popup-join-complete .promos img { width: 100%; }
.section-popup-join-complete .promos a { display: block; margin: 0 auto; }
.section-popup-join-complete .contacts { margin: 35px 0 0; text-align: center; }
.section-popup-join-complete .contacts .name { margin: 0 0 0; padding: 0; font-size: 16px; font-weight: 500; color: #000; }
.section-popup-join-complete .contacts .tel { }
.section-popup-join-complete .contacts p { margin: 5px 0 0; font-size: 16px; font-weight: 300; color: #000; }
.section-popup-join-complete .contacts span { display: inline-block; }
.section-popup-join-complete .contacts .pipe { overflow: hidden; position: relative; top: 0; bottom: 0; margin: 0 0px; width: 10px; vertical-align: middle; text-indent: -100px; }
.section-popup-join-complete .contacts .pipe::before { content: ''; position: absolute; top: 3px; bottom: 5px; left: 50%; width: 1px; background-color: #000; }

.section-popup-join-landing { clear: both; }
.section-popup-join-landing .inner { line-height: 1.4; letter-spacing: -0.03em; }
.section-popup-join-landing .head { padding: 30px 0 30px; text-align: center; font-size: 24px; font-weight: 300; }
.section-popup-join-landing .head strong { font-weight: 500; }
.section-popup-join-landing .forms  { margin-top: -5px; margin-bottom: 5px; }
.section-popup-join-landing .forms .item { clear: both; overflow: hidden; }
.section-popup-join-landing .forms .label { padding: 16px 0 6px; font-weight: 500; font-size: 18px; color: #4a4c58; }
.section-popup-join-landing .forms input.text { box-sizing: border-box; height: 60px; width: 100%; border: solid 1px #f1f1f2; background-color: #f1f1f2; border-radius: 6px; font-size: 18px; font-weight: 500; color: #000; }
.section-popup-join-landing .forms input::placeholder { font-size: 18px; color: #9a9ba1; }
.section-popup-join-landing .forms input.is-done { cursor: default; }
.section-popup-join-landing .agree-wrap { margin: 20px 0 10px; }
.section-popup-join-landing .agree-item .agree-check { line-height: 30px; font-size: 16px; }
.section-popup-join-landing .agrees.nth-1 .agree-item .agree-check { line-height: 34px; }
.section-popup-join-landing .action { margin: 33px auto 24px; text-align: center; }
.section-popup-join-landing .action .btn { margin: 0 auto; width: 320px; font-size: 18px; font-weight: 500; height: 64px; line-height: 63px; box-shadow: 0px 5px 15px rgba(0, 0, 0, .2); border-radius: 62px;}
.section-popup-join-landing .contacts { margin: 20px auto; text-align: center; line-height: 1.5; }
.section-popup-join-landing .contacts p { margin: 0; padding: 0; font-size: 16px; }
.section-popup-join-landing .contacts strong { font-weight: 500; }
.section-popup-join-landing .contacts small { font-size: 16px; font-weight: 300; color: #9a9ba1; }
.section-popup-join-landing .contacts .pipe { display: inline-block; overflow: hidden; position: relative; top: 0; bottom: 0; margin: 0 0px; width: 10px; vertical-align: middle; text-indent: -100px; }
.section-popup-join-landing .contacts .pipe::before { content: ''; position: absolute; top: 3px; bottom: 5px; left: 50%; width: 1px; background-color: #9a9ba1; }
.section-popup-join-landing .benefits { margin-top: 45px; }
.section-popup-join-landing .benefits .name { margin: 0 0 19px; padding: 0; font-size: 20px; font-weight: 500; color: #4a4c58; }
.section-popup-join-landing .benefits .grid { margin: 0 -7px 0 -8px; }
.section-popup-join-landing .benefits .list { display: table; width: 100%; table-layout: fixed; }
.section-popup-join-landing .benefits .item { display: table-cell; width: 33.33%; }
.section-popup-join-landing .benefits .module { margin: 0 7px 0 8px; padding: 17px 20px 18px; background-color: #f1f1f2; border-radius: 8px; }
.section-popup-join-landing .benefits .number { font-size: 36px; font-weight: bold; color: #000; }
.section-popup-join-landing .benefits .number { font-family: gotham, Gotham, 'Roboto', roboto, 'Noto Sans KR', 'Malgun Gothic', sans-serif, Arial, Dotum, Gulim, Verdana, Tahoma; }
.section-popup-join-landing .benefits .number small { font-size: 30px; letter-spacing: -0.07em; }
.section-popup-join-landing .benefits p { position: relative; margin: 8px 0 0; padding: 10px 0; font-size: 16px; color: #9a9ba1; line-height: 1.6; }
.section-popup-join-landing .benefits p::before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 4px; width: 25px; background-color: #ed174d; }
.section-popup-join-landing .benefits p span { display: block; font-weight: 300; }
.section-popup-join-landing .benefits p strong { font-weight: 500; }
.is-landing .popup-title .ico { width: 160px; height: 40px; background-size: 160px 40px; background-image: url('/front/web/images/common/bi_160x40.png'); }
.section-popup-join-landing input[type=checkbox].i-sm+label { text-indent: 32px; }
.section-popup-join-landing input[type=checkbox].i-sm+label:before { width: 30px; height: 30px; background-size: 30px 30px; background-image: url('/front/web/images/common/ico_check_sm_02.png'); }
.section-popup-join-landing input[type=checkbox].i-sm:checked+label:before { background-image: url('/front/web/images/common/ico_check_sm_02_on.png'); }
.section-popup-join-landing .agree-item textarea { margin: 8px 0 15px; }
.section-popup-join-landing .agree-item label { cursor: pointer; }
.ver-20210112 .section-popup-join-landing .agree-item .btn-toggle-downer { padding-left: 40px; }
.ver-20210112 .section-popup-join-landing .btn-toggle-downer .icon { width: 20px; height: 20px; background-size: 20px 20px; background-image: url('/front/web/images/common/btn_toggle_downer_02.png'); }

@media screen and (max-width:1440px) {
	.ui-pc body, .macos body,	
	.ui-android body, .ipad body{min-width:1460px;}
}

/*비밀번호 찾기 수정*/
.table-find-user .description.re-find {margin:40px 160px 0; text-align: left;}
.table-find-user .description.re-find-con {margin:20px 160px 0; text-align: left;}
a.bg-mylgid {background-image: url(/front/web/images/lgid/mylgid-119-21.png);padding-left: 75px;background-repeat: no-repeat;background-size: 59px;background-position: 10px 10px;line-height: 30px; margin:5px 0 10px !important}
button.bg-mylgid {background-image: url(/front/web/images/lgid/mylgid-119-21.png);padding-left: 75px;background-repeat: no-repeat;background-size: 59px;background-position: 10px 10px;line-height: 30px; margin:5px 0 10px !important}

/* 바로가입 서식지 가입불가지역안내 레이어 팝업 */
.popup-disabled-area { padding: 102px 0 0; text-align: center; line-height: 1.22; }
.popup-disabled-area .ico.notice { width: 35px; height: 35px; background-size: 35px 35px; }
.popup-disabled-area p { margin: 0; padding: 0; letter-spacing: -0.05em; }
.popup-disabled-area .ico.notice { background-image: url('/front/web/images/common/ico_disabled_area_notice.png'); }
.popup-disabled-area .hello-small { margin: 30px auto 0; font-size: 24px; font-weight: 400; line-height: 1.25; }
.popup-disabled-area .hello { margin: 5px auto 20px; font-size: 32px; font-weight: 700; }
.popup-disabled-area .desc { margin: 38px auto 104px; font-size: 24px; font-weight: 300; }
.popup-disabled-area .warning { margin: 64px auto 64px; font-size: 20px; font-weight: 300; color: #ed174d; }
.popup-disabled-area .warning strong { font-weight: 700; }
.popup-disabled-area .action { margin: 64px auto 80px; line-height: 1; }
.popup-disabled-area .action .btn { height: 60px; line-height: 59px; border-radius: 60px; min-width: 264px; font-size: 20px; font-weight: 700; color: #fff; border: 0; letter-spacing: -0.03em; transition: all .1s ease-in-out 0s; user-select: none; }
.popup-disabled-area .action .secondary { background-color: #000; }
.popup-disabled-area .action .secondary:hover,
.popup-disabled-area .action .secondary:active { background-color: #4A4C59; }
.popup-disabled-area .action .primary { background: linear-gradient(90deg, rgba(231,41,114,1) 0%, rgba(237,23,77,1) 50%, rgba(245,60,46,1) 100%); }
.popup-disabled-area .action .primary:hover,
.popup-disabled-area .action .primary:active { background: linear-gradient(90deg, rgba(209,0,80,1) 0%, rgba(212,0,53,1) 50%, rgba(216,15,0,1) 100%); }

/* 바로가입 서식지 공통 상담신청 팝업 */
.layer-popup.is-common-join .textarea { margin-top: 10px; padding: 0; height: 196px; border: 1px solid #d2d2d2; border-radius: 2px; background-color: #fff; word-spacing: 0; overflow: hidden; overflow-y: scroll; }
.layer-popup.is-common-join [data-sub-in="false"] .agrees-sub { display: none; }
.layer-popup.is-common-join [data-sub-in="true"] .btn-toggle-sub .icon { transform: rotate(180deg); }
.layer-popup.is-common-join .btn-toggle-downer .icon { background-image: url(/front/web/images/main/ico_agree_pulldown_sub.png); background-size: 20px 20px; }
.layer-popup.is-common-join .agree-item .btn-toggle-sub { margin: -20px 0 0 0; }
.layer-popup.is-common-join .btn-toggle-sub .icon { background-image: url(/front/web/images/main/ico_agree_pulldown.png); background-size: 24px 24px; width: 24px; height: 24px; }  

.st-textarea-box {margin-top:10px;height:176px;overflow-y: auto;padding: 12px 20px;border: 1px solid #d2d2d2;font-size:inherit; font-weight: 100;color: #767676; border-radius: 3px; background-color: #fff; letter-spacing:inherit; line-height: 1.8;word-spacing: initial; }
.st-textarea-box strong {color: #ed174d !important;}

.textarea-a { margin-top: 10px; padding: 0; height: 196px; border: 1px solid #d2d2d2; border-radius: 2px; background-color: #fff; word-spacing: 0; overflow: hidden; overflow-y: scroll; }