/* normal */
@font-face{font-family:'Spoqa';font-style:normal;font-weight:normal;src:url('/font/SpoqaHanSansRegular.woff') format('woff'),url('/font/SpoqaHanSansRegular.woff2') format('woff2'),url('/font/SpoqaHanSansRegular.ttf') format('truetype');}
@font-face{font-family:'Spoqa';font-style:normal;font-weight:bold;src:url('/font/SpoqaHanSansBold.woff') format('woff'),url('/font/SpoqaHanSansBold.woff2') format('woff2'),url('/font/SpoqaHanSansBold.ttf') format('truetype');}
@font-face {font-family: 'SEBANG_Gothic';font-style:normal;font-weight:bold;src:url('/font/SEBANG_Gothic_Bold.woff') format('woff'),url('/font/SEBANG_Gothic_Bold.woff2') format('woff2'),url('/font/SEBANG_Gothic_Bold.ttf') format('truetype');}
@font-face {font-family: 'SEBANG_Gothic';font-style:normal;font-weight:normal;src:url('/font/SEBANG_Gothic_Regular.woff') format('woff'),url('/font/SEBANG_Gothic_Regular.woff2') format('woff2'),url('/font/SEBANG_Gothic_Regular.ttf') format('truetype');}

/* =========================================================================================================
	Reset
========================================================================================================= */
*+html table {border-collapse:collapse;}
body {-webkit-text-size-adjust:none;}
body,div,p,a,b,i,li,strong,span,dt,dd,th,td,input,select,textarea,button,select,h1,h2,h3,h4,h5 {font-size:16px;line-height:1.4;color:#323232;font-weight:normal;font-style:normal;font-family:'Spoqa';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transition:font-size .3s ease;-ms-transition:font-size .3s ease;transition:font-size .3s ease;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none;vertical-align:middle;max-width:100%;}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
.hide {position:absolute;left:-9999px;top:-9999px;width:0;height:0;text-indent:-9999px;font-size:0;line-height:0;}
caption {display:none;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
table {table-layout:fixed;width:100%;margin:0;padding:0;border-spacing:0;border:0;border-collapse:collapse;}
li {list-style:none;padding:0;margin:0;}

h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

@media screen and (max-width: 1200px), screen\9 {
	body,div,p,a,b,i,li,strong,span,dt,dd,th,td,input,select,textarea,button,select,h1,h2,h3,h4,h5 {font-size:14px;}
}
@media screen and (max-width: 1100px), screen\9 {
	body,div,p,a,b,i,li,strong,span,dt,dd,th,td,input,select,textarea,button,select,h1,h2,h3,h4,h5 {font-size:12px;}
}

/* =========================================================================================================
	form
========================================================================================================= */
input, select, textarea, button {display:inline-block;outline:0;vertical-align:middle;border-radius:0.188rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline-width:0;vertical-align:middle;}
input, select, textarea {font-weight:bold;/*font-family:dotum, arial, gulim;*font-family:dotum, arial, gulim;*/}
button {outline:0;vertical-align:middle;border:0 none;background-color:transparent;cursor:pointer;white-space:nowrap;*}
input[type=text], input[type=number], input[type=password], select {width:100%;height:2.5rem;border-color:#b9bfc4;border-width:1px;border-style:solid;background-color:#fff;color:#000;font-size:0.85rem;text-indent:0.438rem;letter-spacing:-.5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type=file] {height:24px;padding:0;border:1px solid #aaa;border-radius:0;background:#f6f8fa;color:#000;font-size:0.75rem;font-weight:500;line-height:1.375rem;letter-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input.date {width:110px;background-image:url(/Mgn/images/icon_cal.png);background-repeat:no-repeat;background-position:right center;}

.input_item {position:relative;border:1px solid #cacaca;border-radius:5px;padding:0.875rem 5px;}
.input_item input {background-color:transparent;border:0;font-size:1rem;}
.input_item input[type=text] + label, .input_item input[type=password] + label {position:absolute;top:50%;left:0;padding:0 5px;margin-top:-0.813rem;font-size:1rem;color:#a9a9a9;z-index:-1;-webkit-transition:all .5s ease;-mtransition:all .5s ease;transition:all .5s ease;}
.input_item label.filled, .input_item input:focus + label  {top:9px !important;background:#fff;font-size:0.75rem !important;z-index:1 !important;}
.input_item input:-webkit-autofill {-webkit-text-fill-color:#000;} 
.input_item input:-webkit-autofill, .input_item input:-webkit-autofill:hover, .input_item input:-webkit-autofill:focus, .input_item input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s;}
.input_item input:-webkit-autofill + label {top:5px !important;background:#fff;font-size:0.75rem !important;z-index:1 !important;}
.input_item input:focus {border:0 !important;}

input + label input {display:none;margin-left:5px;}
input:checked + label input {display:inline-block;}

input[type=checkbox], input[type=radio] {position:absolute;	opacity:0;-webkit-opacity:0;-moz-opacity:0;	z-index:0;}
input[type=checkbox] + label {position:relative;display:inline-block;padding:0 1rem 0 1.5rem;box-sizing:border-box;border:0;letter-spacing:-.02rem;;font-size:.8rem;line-height:2.5rem;vertical-align:middle;cursor:pointer;}
input[type=checkbox] + label:before {content:'';position:absolute;left:0;top:50%;width:16px;height:16px;border:1px solid #b9bfc4;background:#fff;transform:translateY(-50%);z-index:1;}
input[type=checkbox] + label:after {content:'';position:absolute;left:3px;top:50%;width:0.75rem;height:0.75rem;background:#fff;transform:translateY(-50%) scale(0);z-index:2;-webkit-transition:all .2s;-ms-transition:all .2s;transition:all .2s;}
input[type=checkbox]:checked + label {background-position:0 1px;color:#000;}
input[type=checkbox]:checked + label:before {border-color:#fd5d2c;}
input[type=checkbox]:checked + label:after {background:#fd5d2c;transform:translateY(-50%) scale(1);}

input[type=radio] + label {position:relative;display:inline-block;padding:0 1rem 0 1.5rem;box-sizing:border-box;border:0;letter-spacing:-.02rem;; color:#000;font-size:13px;line-height:2.5rem;font-weight:bold;vertical-align:middle;cursor:pointer;}
input[type=radio] + label:before {content:'';position:absolute;left:0;top:50%;width:16px;height:16px;border-radius:50%;border:1px solid #b9bfc4;background:#fff;transform:translateY(-50%);z-index:1;}
input[type=radio] + label:after {content:'';position:absolute;left:3px;top:50%;width:0.75rem;height:0.75rem;border-radius:50%;background:#fd5d2c;transform:translateY(-50%) scale(0);z-index:2;-webkit-transition:all .2s;-ms-transition:all .2s;transition:all .2s;}
input[type=radio]:checked + label {background-position:0 -49px;color:#000;}
input[type=radio]:checked + label:before {border-color:#fd5d2c;}
input[type=radio]:checked + label:after {background:#fd5d2c;transform:translateY(-50%) scale(1);}
input[type=checkbox] + label .icon_check {position:absolute;left:0;top:0;width:18px;height:20px;background:#fff;color:#1e75ec;text-align:center;font-weight:bold;font-size:0.875rem;}

input[type=checkbox][readonly] + label, input[type=radio][readonly] + label {opacity:.35 !important;}
input[type=checkbox]:checked[readonly] + label, input[type=radio]:checked[readonly] + label {opacity:1 !important;}

input.must, select.must, textarea.must {background-color:#fce9e9 !important;}
input.action, select.action, textarea.action {background-image:url(/Mgn/images/input_action.png) !important;background-repeat:no-repeat;}
input.white, select.white, textarea.white {background-color:#fff;}
input.price {text-align:right;color:#dd042b !important;font-weight:bold;}

th.color, td.color {color:#0084e9;}
th.must_color {color:#0084e9;}
i {font-style:normal;}

textarea {width:100%;resize:none;padding:3px 7px;border:1px solid #b9bfc4;background:#f6f8fa;line-height:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
@media screen and (min-width: 640px), screen\9 {
	input[type=checkbox] + label:before, input[type=radio] + label:before, textarea {border:1px solid #b9bfc4;}
}

select::-ms-expand{display:none;}
select {width:100%;padding-right:25px;border-color:#b9bfc4;border-width:1px;border-style:solid;background-image:url(/Mgn/images/icon_select.png);background-repeat:no-repeat;background-position:right center;background-color:#fff;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}/* #f6f8fa */
select:focus, input[type=text]:focus, input[type=password]:focus {border:1px solid #000;}
select[multiple] {padding-right:0;background-image:none;}
select[multiple]::-ms-expand{display:block;}
select option:nth-child(even) {background:#f1f1f1;}

@media screen and (min-width: 640px), screen\9 {
	select {width:100%;padding-right:25px;border-color:#b9bfc4;}
}

label {display:inline-block;font-size:0.75rem;line-height:1.625rem; cursor:pointer;vertical-align:middle;}

input:-ms-input-placeholder {color:#a9a9a9;}
input::-webkit-input-placeholder {color:#a9a9a9;}
input::-moz-placeholder {color:#a9a9a9;}
textarea:-ms-input-placeholder {color:#a9a9a9;}
textarea::-webkit-input-placeholder {color:#a9a9a9;}
textarea::-moz-placeholder {color:#a9a9a9;}

input:read-only, textarea:read-only {background-color:#fff;border-color:#f1f1f1 !important;}
input[readonly=readonly], textarea[readonly=readonly] {background:#fff;border-color:#f1f1f1;}
.select_item.readonly {background:#fff;border-color:#f1f1f1;}
.select_item.readonly label {background:url(/Mgn/images/icon_select_readonly.png) no-repeat right center;}

select:disabled, input[type=text]:disabled, input[type=password]:disabled, input[type=number]:disabled, input[type=checkbox]:disabled + label, input[type=radio]:disabled + label, .disable-styled {opacity:.3;}


input:-webkit-autofill { -webkit-text-fill-color: #000; } 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s;}

@media \0screen {
    input[type=checkbox], input[type=radio] {margin-top:10px;}
	input[type=radio] + label {background:none !important;}
	input[type=checkbox] + label {background:none !important;}
}

fieldset {position:relative;padding:0;border:0;}

/* 스크롤바 */
::-webkit-scrollbar { width: 8px;height:8px;}
::-webkit-scrollbar-track { background-color:#fff; }
::-webkit-scrollbar-thumb { background:rgba(0,0,0,.7);border-radius:100px;}
::-webkit-scrollbar-button { display:none; }

.inline {display:inline-block !important;width:auto !important;}

input[disabled], button[disabled] {opacity:.2;}

.arrow {position:relative;padding-right:2rem !important;}
.arrow:after {content:'';position:absolute;right:0.75rem;top:45%;width:7px;height:7px;border-color:#fff;border-style: solid;border-width: 0 1px 1px 0 !important;transform:rotate(-45deg) translateY(-50%);transform-origin:center;}

/* 버튼들 */
.btn {display:inline-block;min-width:105px;height:2.875rem;*height:auto;padding:0;background-color:#fd5d2c;border-color:#fd5d2c;border-style:solid;border-width:0;color:#fff;line-height:2.875rem;font-size:1rem;letter-spacing:-.02rem;;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;vertical-align:middle;}
.btn_big {display:inline-block;min-width:8rem;height:3.2rem;*height:auto;padding:0 30px;background-color:#fd5d2c;border-color:#fd5d2c;border-style:solid;border-width:0;color:#fff;line-height:3.1rem;font-size:1rem;letter-spacing:-.5px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s cubic-bezier(.25,.40,.45,.94);-ms-transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all .3s cubic-bezier(.25,.46,.45,.94);}
.btn.white {background:#f68b02;color:#fff;}
.btn.black, .btn_big.black {border-color:#1a2046 !important;background:#1a2046 !important;color:#fff;}
.btn.red, .btn_big.red {border-color:#1a2046 !important;background:#1a2046 !important;color:#fff;}
.btn.green, .btn_big.green {border-color:#2eba8e !important;background:#2eba8e !important;color:#fff;}
.btn.black, .btn_big.black {border-color:#1d1d1b;background:#1d1d1b;color:#fff;}
.btn.line, .btn_big.line {border-color:#bbb;border-width:1px;background:#fff;color:#555;font-weight:bold;}
.btn.linegray, .btn_big.linegray {border-color:#bbb;border-width:1px;background:#f7f7f7;color:#222;}
.btn.gray, .btn_big.gray {border-color:#999;background:#999;color:#fff;}
.btn.blue, .btn_big.blue {border-color:#358be3;background:#358be3;color:#fff;}
.btn.darkblue, .btn_big.darkblue {border-color:#17479d;background:#17479d;color:#fff;}
.btn.blue2, .btn_big.blue2 {border-color:#657aed;background:#657aed;color:#fff;}
.btn.marineblue, .btn_big.marineblue {border-color:#3f51bc;background:#3f51bc;color:#fff;}
.btn.sky, .btn_big.sky {border-color:#6cbee5;background:#6cbee5;color:#fff;}
.btn.mini {min-width:auto;padding-left:10px;padding-right:10px;}
.btn.red:hover, .btn_big.red:hover, .btn.green:hover, .btn_big.green:hover, .btn.black:hover, .btn_big.black:hover {border-color:#fd5c2c !important;background-color:#fd5c2c !important;}
.btn[disabled], .btn_big[disabled] {opacity:.2;color:#fff !important;box-shadow:none;}
.btn.toggle, .btn_big.toggle {padding-right:1.875rem !important;}
.btn.toggle:hover::after, .btn_big.toggle:hover::after {border-color:#fff;}

.disable.btn_big, .disable.red, .disable.black {color:#fff !important;}

@media screen and ( max-width:800px ) {
	.btn_big {min-width:auto;height:3rem;font-size:1rem;margin-right:1px;font-weight:normal;}
}

/* =========================================================================================================
	레이아웃
========================================================================================================= */
.wrapper {overflow:hidden;}

.section {padding:7.25rem 0;}
.section .cont {/*position:relative;*/margin:0 auto;width:100%;max-width:1180px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@media screen and (max-width: 1200px), screen\9 {
	.section .cont {width:auto;padding:0 2.5rem;}
}
@media screen and (max-width: 1100px), screen\9 {
	.section .cont {padding:0 2rem;}
	.m_hide {display:none !important;}
}
@media screen and (max-width: 640px), screen\9 {
	.section {padding:4.25rem 0;}
}

.header_wrap {position:relative;height:4.375rem;z-index:100;}
.header {padding:0;z-index:100;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.header .gnb_wrap {position:relative;}
.header .logo {position:absolute;left:50%;top:0;width:12rem;height:4.375rem;margin-left:-6rem;background:url('/images/inc/logo.png') no-repeat center center;z-index:102;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
.header .logo span {display:none;}
.header .logo a {display:block;height:100%;}

.header_right {position:absolute;right:1rem;top:0;height:100%;font-size:0;}
.header_right a {display:block;height:100%;}
.header_right img {max-height:85%;max-width:none !important;}
.header_right .kakao {display:block;height:4rem;padding-top:.5rem;}
.header_right .kakao .img1 {height:2.8rem;}

@media screen and (max-width: 640px), screen\9 {
	.wrapper {min-width:auto;}
	.header_wrap {height:3.625rem;}
	.header .logo {/*left:3.5rem;right:.5rem;width:11rem;*/height:3.625rem;background-size:auto 2.5rem;}
	.header_right {right:.5rem;top:.2rem;height:3.4rem;}
	.header_right .kakao {width:2.5rem;height:2.5rem;border-radius:50%;margin-top:.5rem;padding:0;background:url('/images/kakao2.png') no-repeat center #fae100;background-size:auto 95%;overflow:hidden;}
	.header_right .kakao img {display:none;}
}

.footer {clear:both;padding:2rem 0 0;}
.footer .link {padding:1rem 0;}
.footer .link a {display:inline-block;padding:0 .25rem;line-height:2.5rem;letter-spacing:-.5px;font-size:.94rem;color:#555;font-weight:bold;}
.footer .link a + a {margin-left:1rem;}
.footer .foot_info {padding:0 0 4rem;text-align:left;letter-spacing:-.5px;line-height:1.7;color:#555;font-size:0.813rem;}
.footer .foot_info .space {display:inline-block;width:1.563rem;vertical-align:middle;}
.footer .customer {position:absolute;right:0;top:2rem;text-align:right;font-size:1.125rem;font-weight:bold;}
.footer .customer b {font-family:'SEBANG_Gothic';font-size:2.8rem;font-weight:bold;}
.footer .customer p {padding-top:.5rem;color:#777;font-size:.75rem;font-weight:normal;}

@media screen and (max-width: 1200px), screen\9 {
	.footer .copy .customer {right:2.5rem;}
}
@media screen and (max-width: 1100px), screen\9 {
	.footer .link ul li a {padding:0 .3rem;font-size:0.75rem;line-height:4rem;}
	.footer .foot_info {font-size:.75rem;word-break:keep-all;}
	.footer .foot_info .space {display:block;}
	.footer .customer {right:2rem;}
}
@media screen and (max-width: 640px), screen\9 {
	.footer .customer {position:relative;right:auto;top:auto;padding:1rem 0;text-align:left;font-size:1rem;}
	.footer .customer b {font-size:2.2rem;}
	.footer .link a {font-size:.75rem;}
}


/* 데이터없을때 처리 */
.data_empty {position:relative !important;width:100% !important;min-height:300px !important;height:100% !important;padding:0 !important;margin:0 !important;background:#f9f9f9 !important;line-height:100% !important;font-size:14px;color:#999;text-align:center !important;}
.data_empty span {position:absolute;left:0;width:100%;top:48%;}
.tableEmptyWrap { display:none;height:15rem;position:relative;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:1.1rem; text-align:center; vertical-align:middle; background-color:#f6f7fc; }
.tableEmptyWrap:after {content:'데이터가 없습니다.';position:absolute;left:0;width:100%;top:48%;font-weight:500; color:#555; font-size:1rem;width:100%; text-align:center; position:absolute;left:0; top:50%; margin-top:0px;}
@media screen and ( max-width:600px ) {
	.tableEmptyWrap:after {font-size:.8rem;}
}

/* 타이틀 */
h2, h3 {word-break:keep-all;}

.title_wrap {position:relative;}
.title_wrap h2 {clear:both;display:block;color:#353535;text-transform:uppercase;font-size:2.3rem;line-height:1.2;letter-spacing:-.08rem;font-weight:bold;/*font-family:'SEBANG_Gothic'*/;/*-webkit-transition:font-size 1.1s ease;-ms-transition:font-size 1.1s ease;transition:font-size 1.1s ease;*/}
.title_wrap h3 {font-weight:bold;font-size:2.5rem;line-height:1.2;letter-spacing:-.08rem;/*font-family:'SEBANG_Gothic';*/}
.title_wrap p {padding:1.55rem 0 4rem;font-size:1rem;color:#777;word-break:keep-all;}

@media screen and (max-width: 1100px), screen\9 {
	.title_wrap h2 {font-size:1.4rem;letter-spacing:-.02rem;;}
	.title_wrap p {font-size:0.8rem;}
}
@media screen and (max-width: 640px), screen\9 {
	.title_wrap h3 {font-size:1.3rem;}
	.title_wrap p {padding-top:1rem;}
}


/* =========================================================================================================
	팝업
========================================================================================================= */
.daumcarmall {padding:5rem 0 15rem;background:url('/images/main/mall_bg.png') no-repeat center bottom;background-size:auto 60%;background-color:#fdf9eb;text-align:center;}
.daumcarmall .btn {height:4.5rem;padding:0 4rem;background-color:#0030b5;font-weight:bold;font-size:1.2rem;border-radius:.5rem;box-shadow:.3rem .3rem 1rem rgba(255,78,0,.3);}
@media screen and (max-width: 800px), screen\9 {
	.daumcarmall {padding:3rem 0 10rem;}
	.daumcarmall .btn {height:3.5rem;font-size:1rem;}
}
@media screen and (max-width: 360px), screen\9 {
	.daumcarmall .btn {padding:0 2rem;}
}

.bx-wrapper .bx-pager.bx-default-pager a, .bx-wrapper .bx-pager.bx-default-pager a:hover {background:#d8dadc;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background:#737c88;border-color:#737c88;}
.bx-wrapper .bx-pager {position:absolute;left:0;right:0;bottom:3.5rem;text-align:center;}
.bx-wrapper .bx-pager .bx-pager-item {display:inline-block;}
.bx-wrapper .bx-pager .bx-pager-item a {display:inline-block;width:.5rem;height:.5rem;background:rgba(255,255,255,.4);overflow:hidden;border-radius:50%;margin-right:.7rem;font-size:0;}
.bx-wrapper .bx-pager .bx-pager-item a.active {background:#fff;}
.bx-wrapper .bx-pager .bx-pager-item a:hover {background:#004ad6;}

.pop_cont {padding:1.875rem;}

/* 팝업 */
.block_ui {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.25);z-index:500;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;}

.pop_bg {position:absolute;left:0;right:0;bottom:0;top:0;max-width:90%;max-height:90%;background:rgba(0,0,0,.25);z-index:999;/*-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;*/}
.pop_bg.bg2 {position:absolute;left:0;right:0;bottom:0;top:3.125rem;background:rgba(255,255,255,.6);z-index:999;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.pop_bg.nobg {display:none !important;}
.pop_layer {display:none;position:absolute;right:50%;top:50%;border-radius:.7rem;background:#fff;overflow:hidden;box-shadow:6px 0 18px rgba(230,53,0,.4);z-index:10000;transform:translate(-50%, -40%);-webkit-transition:transform .4s;-ms-transition:transform .4s;transition:transform .4s;}
.pop_layer.active {transform:translate(-50%, -50%);}
.pop_layer .pop_cont {max-width:100%;max-height:80%;padding:0 20px 20px;overflow:auto;background:#fff;font-size:0;}
.pop_layer .pop_cont.padd0 {padding:0;}
.pop_layer iframe {border-width:0 !important;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.pop_layer.layer {padding:0;}
.pop_layer.layer .header {position:relative;}
.pop_layer.layer .pop_cont {padding:20px;box-sizing:border-box;line-height:1.5;}
.pop_layer.layer .pop_cont p {padding-bottom:10px;}
.pop_layer .pop_btn {border-top:1px solid #eee;text-align:right;}
.pop_layer .pop_btn .btn {border-radius:0;background-color:#999;font-size:.8rem;}

.header_popup {min-width:100%;height:4rem;}
.header_popup h2 {float:left;height:4rem;margin:0 15px 0;padding:0;line-height:4rem;font-size:0.938rem;letter-spacing:-.02rem;;font-weight:bold;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.header_popup h2.off {background:none;box-shadow:none;cursor:pointer;}
.header_popup h2.on {border-bottom:2px solid #6bcfff;color:#6bcfff;}
.header_popup .right {position:absolute;font-size:0;right:0;top:0;padding:0;}
.header_popup .right .btn {min-width:5.625rem;margin-left:1px;border-color:#a5a5a5;font-size:0;}
.header_popup .right .btn_close {position:relative;background-image:none;display:inline-block;min-width:auto;width:4rem;height:4rem;padding:0;background-color:transparent;}
.header_popup .right .btn_close::before {content:'';position:absolute;left:50%;top:1.3rem;width:.03rem;height:1.3rem;transform:rotate(45deg) translate(0, 0);background:#000;}
.header_popup .right .btn_close::after {content:'';position:absolute;left:50%;top:1.3rem;width:.03rem;height:1.3rem;transform:rotate(-45deg) translate(0, 0);background:#000;box-shadow:unset;}
.header_popup .right .btn_close:hover {background-color:transparent !important;font-size:0;}
.header_popup.noheader {display:none;}

.pop_layer.hide {display:none;min-width:300px;min-height:300px;border:0;border-radius:0;padding-top:0;background:#fff;}
.pop_layer.hide .header.popup {position:relative;height:45px;}
.pop_layer.hide .cont {padding:0.938rem;}
.pop_layer.hide .cont .btn_wrap {padding:10px 0 0;background:none;}

.pop_layer .popnotice {font-size:1rem;color:#777;line-height:1.5;word-break:keep-all;}
.pop_layer .popnotice p {padding:2rem 3.5rem;}
.pop_layer.type_notice {transform:none;}
.pop_layer .popnotice b {font-weight:bold;} 
.pop_layer .popnotice h3 {font-size:2.2rem;text-align:center;color:#323232;letter-spacing:-2px;}
.pop_layer .popnotice h3 br {display:none;}
.pop_layer .impact {color:#ff3000 !important;font-size:1.3rem;font-family:'SEBANG_Gothic';font-weight:normal !important;}
.pop_layer .popnotice .call {padding:0 3.5rem 2rem;text-align:right;font-size:1.1rem;line-height:2rem;}
.pop_layer .popnotice .call b {padding-left:1rem;font-family:'SEBANG_Gothic';font-size:2rem;letter-spacing:0;vertical-align:top;}
.pop_layer input[type=checkbox] {height:2.8rem;width:180px;z-index:1;cursor:pointer;}

.pop_layer.type_rule {position:fixed;top:auto !important;right:40%;bottom:20rem;width:700px;transform:none;}
.pop_layer.type_rule .pop_padd {height:35rem;overflow-y:auto;}

@media screen and (max-width: 640px), screen\9 {
	.pop_layer.type_rule {right:50% !important;width:90% !important;max-height:90%;transform:translate(50%, 50%) !important;}
	.pop_layer.type_rule .pop_padd {width:100%;height:25rem !important;margin-bottom:.5rem;}	
}


.agree-detail {padding:0 3rem 3rem;}
.agree-detail h2 {margin-bottom: 0px; font-size:1rem; color: #333;}
.agree-detail h3 {margin-top:30px; font-size: .9rem; font-weight:500; color:#02a9f6;}
.agree-detail h6 { font-size:1rem;padding: 20px 5px 7px 0; font-weight:bold; }
.agree-detail h6:first-child {padding-top: 5px;}
.agree-detail p {padding: 5px 0 5px 0; color:#555; font-size:.9rem;line-height:1.4em;letter-spacing:-.5px;}
.agree-detail strong {font-weight: bold;}
.agree-detail ol { padding: 5px 5px 5px 5px;list-style:none; }
.agree-detail ul { padding: 5px 5px 5px 5px; }
.agree-detail  span {display:inline-block; vertical-align:top;margin-top:-1px; margin-right:3px; font-weight:bold;}
.agree-detail li { padding: 1px 0 1px 0;font-size:.9rem;line-height:1.5em;letter-spacing:-.7px;}
.agree-detail li.tit {font-size: .9rem; padding: 20px 5px 10px 0; font-weight: bold;}
.agree-detail li.tit:first-of-type {padding-top: 0;}
.agree-detail ol li ol {list-style-type:decimal; list-style-position:outside; margin-left:1rem; }
.agree-detail ol li ol li {font-size:.9rem;}

@media screen and (max-width: 640px), screen\9 {
	.agree-detail {padding:0 1.5rem 2rem;}
	.agree-detail li, .agree-detail p {font-size:.8rem;}

	.header_popup {height:3rem;}
	.pop_layer {box-shadow:none;}
	.pop_layer .popnotice h3 {padding:0 2rem;font-size:1.4rem;font-weight:bold;}
	.pop_layer .popnotice h3 img {height:2.8rem;}
	.pop_layer .popnotice h3 br {display:block;}
	.pop_layer .popnotice .call {padding:1rem 2rem;}
	.pop_layer .popnotice .call b {font-size:1.5rem;}	
	.pop_layer .popnotice b {font-size:.9rem;color:#555;}
	.pop_layer .impact {font-size:1rem !important;}	
	.pop_layer.type_notice {left:50% !important;top:50% !important;width:90% !important;max-height:90%;transform:translate(-50%, -50%) !important;}	
	.pop_layer.type_notice .pop_padd {width:100% !important;height:calc(100% - 85px) !important;overflow-y:auto;}
	.pop_layer.type_notice .pop_padd .popnotice {height:28rem;overflow-y:auto !important;}	
	.pop_layer .popnotice p {padding:2rem 1.5rem;font-size:.85rem;color:#777;}
}
@media screen and (max-width: 320px), screen\9 {
	.pop_layer.type_notice {width:75% !important;}
	.pop_layer.type_notice .btn {min-width:48px;}
}