@charset 'utf-8';
/*===========================================================================
	FONT
============================================================================*/
*{font-size:14px;line-height:22px;font-family:'Nanum Gothic','Arial','Gulim';font-weight:400;color:#888888;letter-spacing:-0.5px;}
/*===========================================================================
	CONTENT USER SETTING
===========================================================================*/
/*- link ----------------------------------------------------------------------*/
a,a *,a:link,a:link *{text-decoration:none;cursor:pointer;}
.link,.use-hyperlink{text-decoration:none;cursor:pointer;}
em{font-style:normal;}
/*- li,ol,ul,dl ----------------------------------------------------------------------*/
li{line-height:22px;}
ol{padding-left:16px;}
ol > li{ }
ul{ }
ul > li{ }
ul{list-style-position:outside;}
ul.li-circle > li{margin-top:0;padding-left:0.6em;list-style:none;}
ul.li-circle > li{background:url('/img/bul_li_circle.svg') no-repeat 0 0.7em;background-size:3px;}
ul.li-circle.light > li{background-image:url('/img/bul_li_circle_light.svg');}
ul.li-circle.type2 > li{padding-left:20px;background-size:8px;background-position:0 7px;}
ul.li-circle.type2 > li+li{margin-top:15px;}
ul.li-line > li{text-indent:-0.6em;padding-left:0.8em;}
ul.li-line > li:before{content:'- ';text-indent:-0.5em;}
dl{ }
dl > dt{ }
dl > dd{ }
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-all;}
/*- table ----------------------------------------------------------------------*/
table{width:100%;table-layout:fixed;}
table > * > tr > *:first-child{border-left-width:0 !important;}
table > tbody > tr:first-child > *{border-top-width:0 !important;}
/*vertical*/
table.tbl-vertical{border:#676767 1px solid;border-width:1px 0;}
table.tbl-vertical > * > tr > *{padding:10px 20px 10px 0;}
table.tbl-vertical > * > tr > *:first-child{padding-left:20px !important;}
table.tbl-vertical > thead > tr > *{border-bottom:#676767 1px solid;background:#f7f7fa;}
table.tbl-vertical > tbody > tr > *{border-top:#cccccc 1px solid;}
/*horizontal*/
table.tbl-horizon{}
table.tbl-horizon *{color:#888888;}
table.tbl-horizon > * > tr:first-child > *{padding-top:12px !important;}
table.tbl-horizon > * > tr > *{font-weight:normal;text-align:left;padding:6px 8px 6px 0;}
table.tbl-horizon > * > tr > *:first-child{padding-left:8px !important;}
table.tbl-horizon > * > tr > * > *{}
table.tbl-horizon.v2 > * > tr > *{padding:3px 8px 3px 0;}
/*layout*/
table.tbl-layout{border-spacing:0;}
table.tbl-layout th{color:#4A90E2;font-weight:normal;}
/*tblForm*/
table.tbl-form {margin-bottom:-15px;}
table.tbl-form *{}
table.tbl-form > * > tr > *{padding:0 0 15px;}
table.tbl-form > * > tr > *:first-child{padding-top:0 !important;}
table.tbl-form > * > tr > *{line-height:38px;}
table.tbl-form > * > tr > * > .wpc100{}
table.tbl-form.type2 {margin-bottom:-12px;}
table.tbl-form.type2 *{color:#888888;}
table.tbl-form.type2 > * > tr > *{color:#888888;font-weight:normal;text-align:left;padding:0 0 12px;}
table.tbl-form.type2 > * > tr > *:first-child{padding-left:0 !important;}
table.tbl-form.type2 > * > tr > *{line-height:30px;}
/*- form-area ----------------------------------------------------------------------*/
.form-area .txt-label{color:#999999;line-height:36px;}
/*error*/
.form-area .required-star{color:#D0021B;margin-left:5px;}
.form-area input.validate-error,.form-area select.validate-error,.form-area textarea.validate-error,
.modal-form-area input.validate-error,.modal-form-area select.validate-error,.modal-form-area textarea.validate-error
{border-color:#D0021B !important;}
.form-area div.validate-error,
.modal-form-area div.validate-error
{margin:5px 0 -2px !important;color:#D0021B !important;font-size:13px !important;font-weight:normal !important;line-height:20px !important;}
/*- form ----------------------------------------------------------------------*/
.text-field,.select-field,.textarea-field,.file-field,.radio-field,.checkbox-field{color:#59595A !important;background-color:#dddddd;border:#cccccc 1px solid;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.text-field,.select-field,.textarea-field,.file-field{line-height:36px;}
.text-field{padding:0 12px;height:38px;}
.select-field{background-image:linear-gradient(45deg, transparent 50%,#00ADE7 50%),linear-gradient(135deg, #00ADE7 50%,transparent 50%);background-size:5px 5px,5px 5px;padding:0 34px 0 12px;background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;height:38px;}
.file-field{height:38px;}
.textarea-field{padding:7px 12px;}
.checkbox-field{width:36px;height:36px;}
.checkbox-field:checked{background-position:55% 45%;background-repeat:no-repeat;background-image: url('/img/bul_check.svg');}
.checkbox-field.type2{width:20px;height:20px;margin-top:8px;}
.radio-field{width:36px;height:36px;border-radius:50%;}
.radio-field:checked{background-color:#dddddd;}
.txt-input-guide{color:#aaaaaa !important;}
.text-field[disabled],.select-field[disabled],.textarea-filed[disabled],.file-field[disabled],.checkbox-field[disabled]{background:#f0f0f0 !important;color:#a0a0ac !important;}
/*- button ----------------------------------------------------------------------*/
.btn{padding:0 10px;height:33px !important;border-width:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#999999;color:#ffffff !important;line-height:33px !important;}
.btn.disabled{background:#eeeeee;cursor:auto !important;}
.btn.type2{padding:0;text-align:center;height:37px !important;border-width:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#444444;color:#ffffff !important;line-height:37px !important;}
.btn.type3{padding:0;text-align:center;height:44px !important;border-width:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#444444;color:#ffffff !important;line-height:44px !important;}
.btn.type4{padding:0;text-align:center;}
.btn.type5{padding:0;text-align:center;height:50px !important;border:1px var(--unnamed-color-dddddd) solid;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:transparent !important;color:var(--black) !important;line-height:37px !important;}
.btn.transparent{color:#4A90E2 !important;background-color:transparent !important;}
/*- Image Button ----------------------------------------------------------------------*/
.img-btn{}
/*- img Bullet  ----------------------------------------------------------------------*/
.img-bul{}
.img-bul.arrow-back{background-image:url('/img/bul_arrow_back.svg');}
.img-bul.arrow-down{background-image:url('/img/bul_arrow_down.svg');}
.img-bul.arrow-up{background-image:url('/img/bul_arrow_up.svg');}
.img-bul.cart{background-image:url('/img/bul_cart.svg');}
.img-bul.check{background-image:url('/img/bul_check.svg');}
.img-bul.check.light{background-image:url('/img/bul_check_light.svg');}
.img-bul.reply{background-image:url('/img/bul_reply.svg');}
.img-bul.close{background-image:url('/img/bul_close.svg');}
.img-bul.close.light{background-image:url('/img/bul_close_light.svg');}
.img-bul.pictures.light{background-image:url('/img/bul_pictures_light.svg');}
.img-bul.pictures{background-image:url('/img/bul_pictures.svg');}
.img-bul.kakao{background-image:url('/img/bul_kakao.svg');}
.img-bul.kakao.light{background-image:url('/img/bul_kakao_light.svg');}
.img-bul.kakao-story{background-image:url('/img/bul_kakao-story.svg');}
.img-bul.facebook{background-image:url('/img/bul_facebook.svg');}
.img-bul.naver{background-image:url('/img/bul_naver.svg');}
.img-bul.apple{background-image:url('/img/bul_apple.svg');}
.img-bul.email{background-image:url('/img/bul_email.svg');}
.btn > .img-bul{height:100%;background-position:0 50%;}
.btn > .img-bul.center{background-position:50% 50%;}
.btn > .img-bul.right{background-position:100% 50%;}
/*- img Block ----------------------------------------------------------------------*/
.img-block > img{}
.img-block > img.lazy.placeholder{height:200px;background:#eeeeee;}
.img-block.profile{display:block;background-color:rgba(238,238,238,0.5);background-image:url('/img/icon_profile.svg');background-position:50% 100%;background-repeat:no-repeat;background-size:100%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:#dddddd 1px solid;}
/*- line ----------------------------------------------------------------------*/
.line-solid{background:#676767;*border-color:#676767;}
/*- blank-area ----------------------------------------------------------------------*/
.blank-area{display:block;min-height:1%;*zoom:1;}
.blank-area:after{display:block;visibility:hidden;clear:both;height:0;content:'.';font-size:0;line-height:0;}
* html .blank-area{height:1%;}
.blank-area{position:relative;margin:0 15px;min-height:28px;}
/*- ajax-loading ----------------------------------------------------------------------*/
.ajax-loading{position:fixed;top:50%;left:50%;margin:-40px 0 0 -40px;z-index:9999;width:80px;height:80px;background-color:rgba(0,0,0,0.7);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
@-webkit-keyframes rotate-forever{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}
@-moz-keyframes rotate-forever{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}
@keyframes rotate-forever{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}
.ajax-loading > .loading-spinner{-webkit-animation-duration:0.80s;-moz-animation-duration:0.80s;animation-duration:0.80s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rotate-forever;-moz-animation-name:rotate-forever;animation-name:rotate-forever;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear;height:30px;width:30px;border:8px solid rgba(256,256,256,0.8);border-right-color:transparent;border-radius:50%;display:inline-block;}
.ajax-loading > .loading-spinner{position:absolute;top:50%;left:50%;margin:-23.5px 0 0 -23.5px;}
.ajax-loading > .loading-message{position:absolute;left:calc(50% - 100px);bottom:-25px;text-align:center;background-color:rgba(0,0,0,0.7);display:block;color:#fff;min-width:80px;width:200px;}
/*- etc ----------------------------------------------------------------------*/
.box-shadow{-webkit-box-shadow:0 0 7px #a6a6a6 !important;-moz-box-shadow:0 0 7px #a6a6a6 !important;-o-box-shadow:0 0 7px #a6a6a6 !important;box-shadow:0 0 7px #a6a6a6 !important;}
/*===========================================================================
	CONTENTS
============================================================================*/
/*default-html*/
.default-html ul{margin-left:18px;list-style:disc;}
.default-html ul ul{list-style:circle;}
.default-html ul ul ul{list-style:square;}
.default-html ul li{list-style-position:outside;}
.default-html ul ul,.default-html ul ol,.default-html ul dl{margin-top:0;margin-bottom:0;}
.default-html ol{list-style:decimal;}
.default-html ol li{margin-left:0;list-style-position:outside;}
.default-html ol ol,.default-html ol ul,.default-html ol dl{margin-top:0;margin-bottom:0;}
.default-html dl{margin-top:1em;margin-bottom:1em;}
.default-html dl dt{font-weight:normal;}
.default-html dl dd{padding-left:20px;}
.default-html dl ol,.default-html dl ul,.default-html dl dl{margin-top:0;margin-bottom:0;}
.default-html table th{text-align:center;}