@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
* { 
font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

/* =========================================================================================================
	Reset
========================================================================================================= */
*+html table {border-collapse:collapse;}
body,div,p,a,strong,span,dt,dd,th,td,input,select,textarea,button,select {font-size:16px;line-height:1.4;color:#222;font-weight:normal;letter-spacing:-.04rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.wrapper {min-width:1000px;overflow:hidden;}
@media screen and ( max-width:1400px ) {	
	body,div,p,a,strong,span,dt,dd,th,td,input,select,textarea,button,select {font-size:15px;}
}
@media screen and ( max-width:1000px ) {	
	body,div,p,a,strong,span,dt,dd,th,td,input,select,textarea,button,select {font-size:14px;}
}
@media screen and ( max-width:700px ) {	
	body,div,p,a,strong,span,dt,dd,th,td,input,select,textarea,button,select {font-size:13px;}
}

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 {font-family:Pretendard, Helvetica, Roboto, Arial, sans-serif;margin:0;padding:0}
fieldset,img {border:0 none}
img {max-width:100%;border:0;vertical-align:middle;}
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;}
i {font-style:normal;vertical-align:middle;}

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}
button {cursor:pointer;vertical-align:middle;}
button:focus {outline: -webkit-focus-ring-color auto 0;}
button:disabled {background-color:#999 !important;}

input, textarea, select, button {-webkit-appearance: none;-moz-appearance: none;outline:0;}
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {box-shadow:none;border:1px solid #e4e4e4;background-color:#fff;color:#111;text-indent:.5rem;border-radius:0;vertical-align:middle;font-size:1.1rem;}
[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {box-shadow:none;outline:0;}
[type=checkbox] {display:none}
textarea {width:100%;min-height:5rem;padding:1rem 0;margin-bottom:0;box-sizing:border-box;}
input, select {position:relative;height:3rem;}
select {border-color:#e4e4e4;text-indent:.5rem;background:url('/images/icon_select.png') no-repeat right center;transition: box-shadow .5s,border-color .25s ease-in-out;appearance:none;box-sizing:border-box;border-radius:0;vertical-align:middle;}
select:focus {outline:0;box-shadow:none;border-color:#121c3c;}
input:focus {border-color:#121c3c !important;}
input:disabled, input[readonly], textarea:disabled, textarea[readonly] {background-color:transparent;border-color:#f9f9f9 !important;}
input::placeholder {color:#ccc;}
textarea::placeholder {color:#ccc;}

@media screen and ( max-width:900px ) {	
	[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {font-size:1rem;}
}

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;}

/* checkbox, radio */
input[type=checkbox], input[type=radio] {position:absolute;	opacity:0;-webkit-opacity:0;-moz-opacity:0;	z-index:0;}
input[type=checkbox] + label, input[type=radio] + label {position:relative;display:block;margin:0;padding:0 1rem 0 2rem;box-sizing:border-box;border:0;font-size:1rem;line-height:2.5rem;color:#111;font-style:normal;word-break:keep-all;cursor:pointer;}
input[type=checkbox] + label:before, input[type=radio] + label:before {display: block;content: "";position: absolute;left: 0;top:50%;width:1.1rem;height:1.1rem;background-color:#fff;border:1px solid #ddd;border-radius:2px;transform:translateY(-50%);transition:all 0.2s ease-in;}
input[type=checkbox] + label:after, input[type=radio] + label:after {content:'';display:none;position:absolute;top:50%;left:6px;width:5px;height:9px;margin:-8px 0 0 0;border-color:#fff;border-style:solid;border-width:0 2px 2px 0 !important;transform:rotate(45deg);}
input[type=checkbox]:checked + label, input[type=radio]:checked + label {color:#2b3144;}
input[type=checkbox]:checked + label:before, input[type=radio]:checked + label:before {border:1px solid #2b3144;background-color:#2b3144;transform:translateY(-50%);box-shadow:1px 2px 3px rgba(113,77,253,.65);}
input[type=checkbox]:checked + label:after, input[type=radio]:checked + label:after {display:block;}

input[type=radio] + label:before {border-radius:50%;}
label.block {display:block !important}
label.inline {display:inline-block !important}

input[type=radio] + label {display:inline-block;padding-right:2rem;}
input + label input {display:none;margin-left:5px;}
input:checked + label input {display:inline-block;}

::-webkit-scrollbar { width: 8px;height:8px;}
::-webkit-scrollbar-track { background-color:#eee; }
::-webkit-scrollbar-thumb { background:#121c3c;border-radius:100px;}
::-webkit-scrollbar-button { display:none; }

.input_file {position:relative;border:1px #e2e2e2 solid;padding:0 0 0 2.5rem;background:#f1f1f1 url('/images/sub/consult_icon.gif') .7rem center no-repeat;}
.input_file input {width:80%;background-color:transparent;}
.input_file .icon2 {position:absolute;right:0;top:0;width:19.5%;height:3rem;background:#9799a0;font-size:1rem;color:#fff;line-height:3rem;text-align:center;cursor:pointer;}
.input_file .icon2 > input {position:absolute;left:0;right:0;top:0;width:100%;height:100%;cursor:pointer;opacity:0;}
.input_file input {border:0 !important;}

.button {position:relative;display:inline-block;min-width:7rem;height:3rem;border:0;padding:0 1rem;background:#121c3c;color:#fff;font-size:.9rem;letter-spacing:-.5px;line-height:1;text-align:center;cursor:pointer;}
.button.arrow {width:13rem;text-align:left;text-indent:.5rem;}
.button.arrow:after {content:'';position:absolute;top:50%;right:1rem;width:.5rem;height:.5rem;margin-top:-.25rem;border-color:#fff;border-style:solid;border-width:0 1px 1px 0 !important;transform:rotate(-45deg);}
.button.line {border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;}
.button.border {border:1px solid #9799a0;background:transparent;color:#9799a0;}
.button.gray {background-color:#9799a0;}
.button.big {width:13rem;height:3.5rem;font-size:1.1rem;}
.btn_more {width:13rem;border:1px solid #909193;background:transparent;color:#121c3c;}

.button-group {padding:1rem 0;text-align:center;}

/* =========================================================================================================
	·¹À̾ƿô
========================================================================================================= */
.wrapper {min-width:1000px;}
@media screen and ( max-width:900px ) {	
	.wrapper {min-width:320px;}	
}
.trans{
    -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
       -moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
         -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}  
.header_wrap {height:5.8rem;/*position:fixed;left:0;right:0;top:0;z-index:100;*/}
.header {position:fixed;left:0;right:0;top:0;z-index:100;border-top:.3rem solid #152851;background:#fff;-webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.header .bg {position:absolute;left:0;right:0;top:0;height:0;box-shadow:.5rem 0 1rem rgba(0,0,0,.1);-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;z-index:99;}
.header .logo {position:absolute;left:0;top:0;width:8rem;height:5.5rem;background:url('/images/inc/logo.png') no-repeat center center;background-size:auto 70% !important;-webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.header .logo span {display:none;}
.header .logo a {display:block;height:100%;}
.header .gnb_wrap {position:relative;margin:0 auto;max-width:1250px;height:5.5rem;padding-left:10rem;z-index:110;}
.header .gnb {position:absolute;top:0;left:10rem;right:1rem;}
.header .gnb li {position:relative;display:inline-block;float:left;width:16.66%;font-size:0;overflow:hidden;}
.header .gnb li a {display:block;}
.header .gnb li a span {position:relative;display:block;min-width:3rem;padding:0 1rem;;line-height:5.5rem;font-size:1.1rem;color:#121c3c;font-weight:600;text-align:center;-webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.header .gnb li.on a span, .header .gnb li:hover a span {color:#1a2e77;}
.header .gnb li a span:before{content:'';display:inline-block;position:absolute;bottom:0;left:50%;width:0%;height:2px;background:#1a2e77;opacity:0;transition:all .3s; }
.header .gnb li:hover a span:before{left:0;width:100%;opacity:1;}
.header .gnb li ul {display:none;width:100%;padding:1rem 0;transition-delay:1s;}
.header .gnb li li {clear:both;width:100%;}
.header .gnb li li a {height:auto;border:0 !important;padding:0;line-height:2.5rem !important;font-size:1rem;color:#777;text-indent:3rem;font-weight:500;}
.header .gnb li li a:hover {color:#121c3c;}
.header .gnb li li a:before {content:'';display:inline-block;width:6px;height:10px;margin:-6px .7rem 0 0;border-color:rgba(0,0,0,.07);border-style:solid;border-width:0 2px 2px 0 !important;transform:rotate(45deg);}
.header .gnb li li a:hover::before {border-color:#121c3c;}

.header.on .bg {height:17rem;background:#fff;}
.header.on .gnb li ul {display:block;}

.header.scroll {border-width:0;border-bottom:1px solid #9a9fac;height:3.5rem;}
.header.scroll .logo {height:3.5rem;}
.header.scroll .gnb_wrap {height:3.5rem;}
.header.scroll .gnb li a span {line-height:3.5rem;}
.header.on.scroll .bg {height:15rem;}

@media screen and ( max-width:900px ) {	
	.header_wrap, .header .gnb_wrap {height:3.5rem;}	
	.header {border:0;}
	.header .gnb_wrap .gnb, .header.scroll {display:none;}
	.header .logo {width:5rem;height:3.5rem !important;background:url('/images_m/logo.png') no-repeat center center;}
}

.total_menu, .menu_close {display:none;position:absolute;right:0;top:0;width:80px;height:5.5rem;background:url(/images_m/btn_menu.png) no-repeat center center;background-size:45px 45px;font-size:0;line-height:0;cursor:pointer;z-index:105 !important;}
.total_menu_wrap {display:none;position:absolute;top:0;bottom:0;right:-100%;width:85%;height:100%;background:#fff;padding:2rem;z-index:510;overflow:auto;-webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.total_menu_wrap.active {right:0;}
.total_menu_wrap .menu_close {display:block;position:absolute;right:0;top:0;width:60px;height:60px;background:url(/images_m/btn_close.png) no-repeat center center;background-size:25px 25px;z-index:103;font-size:0;line-height:0;}
.total_menu_wrap .menu_m_wrap > ul > li {border-bottom:.1rem solid #eee;}
.total_menu_wrap .menu_m_wrap li {position:relative;display:block;font-size:0;overflow:hidden;}
.total_menu_wrap .menu_m_wrap li a {display:block;}
.total_menu_wrap .menu_m_wrap li a span {position:relative;display:block;min-width:3rem;line-height:3.5rem;text-indent:.5rem;font-size:1.15rem;color:#121c3c;font-weight:bold;-webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.total_menu_wrap .menu_m_wrap li ul {padding:0 1.5rem 1rem;}
.total_menu_wrap .menu_m_wrap li ul li a {display:block;line-height:2.2rem;font-size:1.05rem;}

@media screen and ( max-width:900px ) {	
	.total_menu {display:block;width:3.5rem;height:3.5rem;background-size:auto 2rem;}
	.menu_close {display:block;position:absolute;right:0;top:0;width:60px;height:60px;background:url(/images_m/btn_close.png) no-repeat center center;background-size:25px 25px;z-index:103;font-size:0;line-height:0;}
}

.footer {clear:both;padding:0 !important;}
.footer .link {padding:1rem 0;background:#f7f7f7;}
.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 .txt {padding:2rem 0 4rem;}
.footer .txt * {font-size:.9rem;color:#777;line-height:1.7;}
.footer .txt span {padding:0 .5rem;}
.footer .txt .logo {position:absolute;right:0;top:-1rem;width:10rem;height:7rem;background:url('/images/inc/logo_footer.png') no-repeat;background-position:right top;background-size:100% auto;}
.footer .txt .copy {padding-top:1rem;}
.footer .txt a {font-size:inherit;color:#777;}

@media screen and ( max-width:900px ) {

	.footer .txt .logo {position:relative;top:auto;width:6rem;height:6rem;}
	.footer .txt span {display:block;}
	.footer .txt * {font-size:.8rem;}
}

/* =========================================================================================================
	¼­ºê °øÅë
========================================================================================================= */
.txt_red {color:#f22c3a;}
.paddT0 {padding-top:0 !important;}

.section {position:relative;padding:7rem 0;}
.section .cont {position:relative;margin:0 auto;max-width:1250px;width:100%;padding:0 1.5rem;}
.section.bg {background-color:#f0f0f0;}
@media screen and ( max-width:900px ) {
	.section {padding:3rem 0;}
}

.title_wrap {position:relative;padding:4rem 0 0;text-align:center;}
.title_wrap h3 {font-size:3rem;font-weight:bold;color:#121c3c;line-height:1;letter-spacing:-.15rem;}
.title_wrap h3:before {content:'';position:relative;display:block;height:2.2rem;background:url('/images/inc/title_img.png') center 0 no-repeat;}
.title_wrap p {padding:2rem 0 0;font-size:1.25rem;color:#888;}
.title_wrap .btn_more {position:absolute;right:0;bottom:0;}
.title_wrap .title {display:block;color:#212121;font-size:38px;line-height:65px;font-weight:500;text-align:center;letter-spacing:-2px;}
.title_wrap .en {font-size:41px;letter-spacing:-1px;}
.title_wrap .h2_txt {position:relative;width:90%;max-width:800px;margin:0 auto;text-align:center;color:#333;font-size:20px;line-height:30px;letter-spacing:-1px;word-break:keep-all;}
@media screen and (max-width: 1300px), screen\9 {
	.title_wrap h3 {font-size:2rem;}
	.title_wrap p {padding:1.5rem 0;font-size:1.1rem;}
}
@media screen and ( max-width:900px ) {
	.title_wrap {padding:3rem 0 0;}
	.title_wrap h3 {font-size:1.5rem;}
	.title_wrap h3:before {background-size:auto 50%;}
	.title_wrap p {padding:.5rem 0;font-size:1rem;}
}

@keyframes navi_fade {
  0% {opacity:0;}
  100% {opacity:1; }
}

/* portfolio */
.portfolio_box ul {font-size:0;}
.portfolio_box li {position:relative;float:left;width:32.3%;margin:0 1% 1% 0;font-size:0;border:2px solid #f4f4f4;border-radius:.5rem;background:#f7f7f7;font-size:0;text-align:center;overflow:hidden;-webkit-transition:all .2s;-ms-transition:all .2s;transition:all .2s;}
.portfolio_box li a {display:block;}
.portfolio_box li:nth-of-type(3n) {margin-right:0;}
.portfolio_box li .img_wrap {width:100%;height:10rem;min-height:17rem;overflow:hidden;cursor:pointer;}
.portfolio_box li .img {width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:auto 70%;-webkit-transition:all .2s;-ms-transition:all .2s;transition:all .2s;}
.portfolio_box li:hover .img {-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;-webkit-transform:translate(0, 0) scale(1.1);transform:translate(0, 0) scale(1.1);}
.portfolio_box li .txt {background:#fff;height:9rem;padding:2rem 1.5rem 0;overflow:hidden;cursor:pointer;}
.portfolio_box li .txt p {font-size:.9rem;opacity:.5;}
.portfolio_box li .txt strong {display:block;color:#121c3c;font-size:1.375rem;font-weight:bold;word-break:keep-all;overflow:hidden;}
.portfolio_box li .label_wrap {position:absolute;right:.5rem;top:.5rem;font-size:0;}
.portfolio_box li .label {display:inline-block;width:5rem;height:5rem;background-repeat:no-repeat;background-position:center center;background-image:url('/images/sub/label1.png');background-size:auto 95%;font-size:0;}
.portfolio_box li .label.hot {background-image:url('/images/sub/label2.png');}
.portfolio_box li::before {content:'';position:absolute;left:0;right:0;bottom:0;top:100%;background-color:rgba(0,0,0,.3);z-index:1;opacity:0;-webkit-transition:opacity .8s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:opacity .8s cubic-bezier(0.23, 1, 0.32, 1);transition:opacity .8s cubic-bezier(0.23, 1, 0.32, 1);}
.portfolio_box li.active::before {top:0;opacity:1;}
.portfolio_box li .close {display:none;position:absolute;right:.5rem;top:.5rem;width:3rem;min-width:auto;height:3rem;padding:0;border-radius:50%;background-color:#fff;background-image:url('/images/inc/btn_close.png');background-repeat:no-repeat;background-position:center;background-size:auto 1.5rem;font-size:0;z-index:2;}
.portfolio_box li.active .close {display:block;}
.portfolio_box li .detail {position:absolute;left:0;right:0;bottom:-100%;padding:2rem;border-radius:.5rem;background:#fff;opacity:0;color:#333;box-shadow:7px 0 15px rgba(0,0,0,.1);-webkit-transition:all .8s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .8s cubic-bezier(0.23, 1, 0.32, 1);transition:all .8s cubic-bezier(0.23, 1, 0.32, 1);z-index:2;}
.portfolio_box li .detail .contain {font-size:0;text-align:left;}
.portfolio_box li .detail .contain > div {float:left;width:50%;font-size:.9rem;color:#333;line-height:1.7;}
.portfolio_box li .detail .contain > div span {display:inline-block;width:4rem;font-size:.85rem;color:#999;}
.portfolio_box li .detail .contain > div span.txtlong {width:6rem;}
.portfolio_box li .detail .contain > div.wfull {width:100%;}
.portfolio_box li .detail .conttext  {clear:both;min-height:4rem;padding:1.5rem 0;color:#111;text-align:left;font-size:1.1rem;}
.portfolio_box li .detail .conttext * {background-color:transparent !important;color:inherit !important;font-size:#333 !important;font-size:inherit !important;font-size:font-family: Pretendard !important;}
.portfolio_box li .detail .ex {font-size:.85rem;color:#333;text-align:right;}
.portfolio_box li .detail .ex span {display:inline-block;padding:0 .3rem 0 0;font-size:.85rem;color:#999;}
.portfolio_box li.active .detail {bottom:0;opacity:1;}
.portfolio_box .slick-arrow {position:absolute;right:-5rem;top:50%;width:4rem;height:4rem;border:1px solid #707893;border-radius:50%;background-color:#fff;background-image:url('/images/main/btn_go.png');background-size:auto 80%;background-repeat:no-repeat;background-position:center;font-size:0;cursor:pointer;z-index:10;}
.portfolio_box .slick-arrow.slick-prev {left:-5rem;right:none;transform:rotate(180deg);}
.portfolio_box .slick-arrow[aria-disabled=true] {opacity:0;}
@media screen and ( max-width:900px ) {
	.portfolio_box li {width:100%;margin:0 0 1rem 0;}
	.portfolio_box li .label {width:4rem;height:4rem;background-size:auto 100%;}
	.portfolio_box .slick-arrow {right:-3rem;}
	.portfolio_box .slick-arrow.slick-prev {left:-3rem;}
}

/* =========================================================================================================
	Æ˾÷
========================================================================================================= */
.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;}
.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;left:50%;top:50%;background:#fff;border:1px solid #555;overflow:hidden;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;}
.pop_layer .pop_btn label {display:inline-block;padding:0 1rem 0 1.5rem;font-size:.9rem;}

.header_popup {min-width:100%;height:4rem;}
.header_popup h3 {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 .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 .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.type_notice {transform:none;}
.pop_layer.type_notice .pop_btn .btn {min-width:4rem;height:2.5rem;border:0;padding:.5rem 1rem;}

@media screen and (max-width: 640px), screen\9 {
	.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;}
}