@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:#161616;font-weight:normal;letter-spacing:-.03rem;-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;}
strong {font-weight:800;}

h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
a {color:#161616;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;}

::-webkit-scrollbar { width: 9px;height:9px;}
::-webkit-scrollbar-track { background-color:#eee; }
::-webkit-scrollbar-thumb { background:rgba(9,78,235,.8);border-radius:100px;}
::-webkit-scrollbar-button { display:none; }

input, textarea, select, button {appearance: none;-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;box-sizing:border-box;}
[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 {min-width:5rem;border-color:#e4e4e4;text-indent:.5rem;background:url('/images/icon_select.png') no-repeat right center #fff;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 1.7rem;box-sizing:border-box;border:0;font-size:1.1rem;line-height:2.5rem;font-style:normal;word-break:keep-all;cursor:pointer;}
input[type=checkbox] + 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 {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 {font-weight:bold;}
input[type=checkbox]:checked + label:before {background-color:#fff;transform:translateY(-50%);}
input[type=checkbox]:checked + label:after {border-color:#094eeb;}
input[type=checkbox]:checked + label:after {display:block;}

input[type=radio] + label:after {content:'';position:absolute;top:50%;left:0;width:1.1rem;height:1.1rem;border:0 solid #fff;border-radius:50%;transform:translateY(-50%);transition:all 0.2s ease-in;box-sizing:border-box;}
input[type=radio]:checked + label:after {border:5px solid #094eeb;}
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 #ccc;border-radius:2px;transform:translateY(-50%);transition:all 0.2s ease-in;box-sizing:border-box;}
input[type=radio]:checked + label:before {border-color:#094eeb;}

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

.square {display:inline-block;font-size:0;vertical-align:middle;}
.square input[type=checkbox] + label, .square input[type=radio] + label {display:inline-grid;border-width:1px;border-radius:0;border-style:solid;background:#f8f8f8;border-color:transparent;padding:0 2rem;color:#888;text-align:center;align-items:center;justify-content:center;}
.square input[type=checkbox]:checked + label, .square input[type=radio]:checked + label {background-color:#fff;border-color:#888;color:#161616;}
.square input[type=checkbox] + label:before, .square input[type=checkbox] + label:after, .square input[type=radio] + label:before, .square input[type=radio] + label:after {display:none;}

.square.col2 input[type=checkbox] + label, .square.col2 input[type=radio] + label {display:inline-grid;width:49% !important;margin:0 1% 0 0;}
.square.col2 input[type=checkbox] + label:nth-of-type(2n), .square.col2 input[type=radio] + label:nth-of-type(2n) {margin-right:0;}
.square.col3 input[type=checkbox] + label, .square.col3 input[type=radio] + label {display:inline-grid;width:32% !important;margin:0 1% 0 0;}
.square.col3 input[type=checkbox] + label:nth-of-type(3n), .square.col3 input[type=radio] + label:nth-of-type(3n) {margin-right:0;}
.square.col12 input[type=checkbox] + label {display:inline-grid;width:8.33% !important;height:4.5rem;;margin:0 .5rem .5rem 0 !important;}
.square.col10 input[type=checkbox] + label {display:inline-grid;width:10% !important;margin:0 .5rem .5rem 0 !important;}
.square.col5 input[type=checkbox] + label {display:inline-grid;width:19% !important;margin:0 .2rem .2rem 0 !important;}

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

.input_item {position:relative;margin-bottom:0rem;  }
.input_item input {background-color:transparent;border:0;}
.input_item.id:after, .input_item.pw:after, .input_item.title:after{content:"";position:absolute;top:12px;right:17px;width:2rem;height:2rem;background-repeat:no-repeat;background-position:center;background-size:auto 2rem;z-index:9;}
.input_item.id:after{background-image:url('/images/sub/icon_id.png');}
.input_item.pw:after{background-image:url('/images/sub/icon_pass.png');}
.input_item input[type=text] + label, .input_item input[type=password] + label {position:absolute;top:50%;left:12px;padding:0 9px;margin-top:-8px;font-size:15px;color:#999;  z-index:-1; -webkit-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;font-family:'SpoqaHanSans';}
.input_item label.filled, .input_item input:focus + label  {top:5px !important; margin-left:0px; margin-top:6px !important; background:#fff !important; color:#325d1f;font-size:12px !important;z-index:5 !important; border-radius:20px;  }
.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:12px !important; z-index:1 !important;}

.button {position:relative;display:inline-block;min-width:10rem;height:3.2rem;border:0;border-radius:0;padding:0 1.5rem;background:#094eeb;color:#fff;font-size:1rem;letter-spacing:-.5px;line-height:1;text-align:center;cursor:pointer;}
.button.arrow {width:15rem;text-align:left;}
.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 #555;background:#fff;font-weight:bold;color:#161616;}
.button.border {border:1px solid #9799a0;background:transparent;color:#9799a0;}
.button.gray {background-color:#161616;}
.button.black {background-color:#161616;}
.button.big {width:13rem;height:3.5rem;font-size:1.1rem;}
.button.link {min-width:5rem;height:auto;padding:.3rem .5rem;border:0;border-bottom:1px solid #999;background:transparent;color:#161616;font-weight:bold;}
.button.del {min-width:2.3rem;height:2.3rem;padding:0;border:0;background:url('/images/sub/icon_reload.png') no-repeat center transparent;background-size:auto 2rem;color:#161616;font-size:0;}
.btn_more {width:auto;padding:0 1.2rem 0 0;border:0;background:transparent;font-size:1rem;color:#555;}
.btn_more:before {content:'';position:absolute;right:0;top:.5rem;width:.7rem;height:1px;background:#555;transform:rotate(90deg);vertical-align:middle;}
.btn_more:after {content:'';position:absolute;right:0;top:.5rem;width:.7rem;height:1px;background:#555;vertical-align:middle;}
.btn_go {min-width:auto;padding:0;border:0;background:transparent;font-size:.9rem;color:#161616;font-weight:bold;}
.btn_go:after {content:'';display:inline-block;width:1.5rem;height:.9rem;background:url(/images/main/icon_arrow.png) no-repeat center;background-size:auto 1.3rem;vertical-align:middle;}

.button-group {padding:1rem 0;text-align:center;}
.button-group .button {/*height:3rem;*/height:3.4rem;}

@media screen and ( max-width:900px ) {	
	.btn_more {font-size:.85rem;}	
	.button-group .button {width:5rem;min-width:auto;height:2.5rem;font-size:.9rem;}
	.button.arrow {width:12rem;}
}

/* =========================================================================================================
	layout
========================================================================================================= */
.wrapper {min-width:1000px;}
@media screen and ( max-width:900px ) {	
	.wrapper {min-width:320px;}	
}

.section {position:relative;padding:6rem 0;}
.section.bg {background-color:#f0f0f0;}
@media screen and ( max-width:900px ) {
	.section {padding:3rem 0;}
}

.cont {position:relative;margin:0 auto;max-width:1350px;width:100%;padding:0 1.5rem;}

.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 {position:absolute;left:0;right:0;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(45,63,78,.55);-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 {position:relative;}
.header .cont {position:unset;}
.header .logo {display:inline-block;background:url('/images/logo.png') no-repeat left center;background-size:auto 5rem !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 a span {display:block;padding-left:12rem;color:#ccc;font-size:1rem;line-height:5.875rem;}
.header .right_btn {position:absolute;right:0;top:1rem;}
.header .right_btn .btn_go {border:0;padding:1.2rem 2.5rem 1.2rem 1.5rem;background:url('/images/icon_go.png') no-repeat right center !important;color:#fff;text-align:left;}
.header .right_btn .btn_go i {display:block;font-size:0.625rem;color:rgba(255,255,255,.7);}
.header .right_btn .btn_go:after {display:none;}
.header .bg {position:absolute;left:0;right:0;top:5.875rem;width:100%;height:1px;background:rgba(255,255,255,.1);}
.header .gnb_wrap {position:relative;font-size:0;}
.header .gnb {border-left:1px solid rgba(255,255,255,.1);}
.header .gnb > ul > li {position:relative;display:inline-block;font-size:0;vertical-align:middle;}
.header .gnb > ul > li a {-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 > ul > li.onlymo {display:none;}
.header .gnb > ul > li > a > span {position:relative;display:block;min-width:3rem;padding:0 1.5rem;line-height:3.5rem;font-size:1.1rem;color:#fff;font-weight:bold;text-align:center;}
.header .gnb > ul > li:before {content:'';position:absolute;left:0;top:50%;margin-top:-.3rem;width:1px;height:.6rem;background:rgba(255,255,255,.15);transform:rotate(15deg);vertical-align:middle;}
.header .gnb > ul > li:first-child::before {display:none;}
/*.header .gnb > ul > li > a > span:after {content:'';position:absolute;left:1px;bottom:-1px;width:0;height:3px;background:#094eeb;z-index:1;-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 > ul > li:hover > a > span:after {width:100%;}*/
.header .gnb > ul > li ul {position:absolute;left:0;width:12rem;height:0;margin-top:5px;opacity:0;background:#111;overflow:hidden;box-shadow:.1rem .1rem .5rem rgba(0,0,0,.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 > ul > li ul li {border-top:1px solid rgba(255,255,255,.2);}
.header .gnb > ul > li ul li:first-child {border:0;}
.header .gnb > ul > li ul li a {display:block;padding:0 1.5rem;line-height:3rem;font-size:.95rem;color:#fff;}
.header .gnb > ul > li ul li a:hover {background:#094eeb;color:#fff;}
.header .gnb > ul > li:hover ul {padding:0;min-width:5rem;height:auto;margin-top:-3px;opacity:1;}
.header .service_btn {position:absolute;right:3.5rem;bottom:0;font-size:0;}
.header .service_btn button {border-width:0 0 0 1px;border-color:rgba(255,255,255,.1);border-style:solid;padding:0 1rem;background-color:transparent;font-size:.9rem;color:#e2eaef;line-height:3.5rem;-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 .service_btn button.down {padding-right:2rem;background:url('/images/btn_icon_down.png') right center no-repeat;background-size:auto 2.5rem;}

/*.header_wrap .header:hover {background:rgba(0,0,0,.7);}*/

/*
.header_wrap.scroll {background:rgba(28,88,224,.95);}
.header_wrap.scroll .bg {display:none;}
.header_wrap.scroll .logo {height:3.875rem;background-size:auto 70% !important;vertical-align:middle;}
.header_wrap.scroll .logo a span {font-size:0;}
.header_wrap.scroll .gnb {display:inline-block;vertical-align:middle;}
.heaheader_wrapder.scroll .gnb > ul > li > a > span {font-size:1.05rem;line-height:4.875rem;}
.header_wrap.scroll .service_btn, .header_wrap.scroll .right_btn {display:none;}
.header_wrap.scroll .total_menu {width:3.875rem;height:3.875rem;}
*/

@media screen and ( max-width:1100px ) {	
	.header .gnb > ul > li > a > span {padding:0 .7rem;font-size:1rem;}
}
@media screen and ( max-width:1000px ) {	
	.header .cont {padding:0 0 0 1rem;}
	.header .right_btn, .header .bg {display:none;}
	.header .gnb_wrap .gnb, .header.scroll {display:none;}
	.header .logo {height:3.3rem;background-size:auto 70% !important;}
	.header .logo a span {padding-left:6rem;line-height:3.3rem;font-size:.8rem;}
}

/*.header:hover {background:#094eeb;}*/

.total_menu {position:absolute;right:0;bottom:0;width:3.5rem;height:3.5rem;border:0;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);background:url(/images/btn_menu.png) no-repeat center center;background-size:auto 2rem;font-size:0;-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:hover {background-color:#0b1625;}

.total_menu_wrap {display:none;position:fixed;top:0;bottom:0;right:-100%;width:85%;max-width:27rem;height:100%;background:#edf0f2;padding:0;border-radius:4rem 0 0 0;overflow:hidden;z-index:510;-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:4.5rem;height:4.5rem;border:0;background:url(/images/btn_close.png) no-repeat center center;background-size:2rem auto;z-index:103;font-size:0;line-height:0;}
.total_menu_wrap .menu_m_wrap {height:100%;}
.total_menu_wrap .menu_m_wrap .gnb {height:calc(100% - 11.5rem);overflow:auto;}
.total_menu_wrap .menu_m_wrap .gnb > ul {padding:1.5rem 2rem;background:#fff;}
.total_menu_wrap .menu_m_wrap .gnb > ul > li {border-bottom:.1rem solid #eaeaea;}
.total_menu_wrap .menu_m_wrap .gnb > ul > li:last-child {border-bottom:0;}
.total_menu_wrap .menu_m_wrap li {position:relative;display:block;font-size:0;text-indent:1rem;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.8rem;font-size:1.2rem;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 0 1.7rem;}
.total_menu_wrap .menu_m_wrap li ul li a {display:block;line-height:2.3rem;font-size:1.05rem;}
.total_menu_wrap .logo {padding:3rem 0 1rem;background:#fff;}
.total_menu_wrap .logo a {display: block;height:3rem;background: url(/images/logo_b.png) no-repeat 2.5rem 0;background-size: auto 100%;padding-left:10.5rem;}
.total_menu_wrap .logo span {font-size:.9rem;line-height:3rem;}
.total_menu_wrap .right_btn {padding:.5rem 2rem;}
.total_menu_wrap .right_btn .btn_go {border:0;padding:.6rem 1.5rem;background:url('/images/main/icon_arrow.png') no-repeat right center;background-size:auto 1rem;font-size:.9rem;color:#777;text-align:left;font-weight:bold;}
.total_menu_wrap .right_btn .btn_go i {display:none;}
.total_menu_wrap .right_btn .btn_go:after {display:none;}
.total_menu_wrap .service_btn {padding:1rem 2rem;background:#edf0f2;}
.total_menu_wrap .service_btn button {margin-bottom:.3rem;border:0;padding:0 1rem;background-color:transparent;font-weight:bold;font-size:1rem;line-height:2.75rem;}

.total_menu_wrap.active .total_menu {display:none;}

@media screen and ( max-width:900px ) {	
	.total_menu_wrap .menu_m_wrap .gnb {height:calc(100% - 10rem);}
	.total_menu_wrap .menu_m_wrap .gnb > ul {padding:1rem 1.5rem;}
	.total_menu_wrap .menu_m_wrap li a span {line-height:3.2rem;font-size:1.125rem;}
	.total_menu_wrap .menu_m_wrap li ul li a {font-size:1rem;}
	.total_menu_wrap .logo {padding:1.5rem 0 .5rem;}
	.total_menu_wrap .logo a {height:3rem;line-height:3rem;}
	.total_menu_wrap .logo span {display:none;}
	.total_menu_wrap .right_btn {padding:.7rem 0 .7rem 1.5rem}
	.total_menu_wrap .right_btn .btn_go {border-color:#ddd;padding:.6rem 1rem;font-size:.9rem;}
	.total_menu_wrap .service_btn {padding:1.5rem 1rem 0;}
	.total_menu_wrap .service_btn button {width: 100%;text-align: left;margin: 0;font-size:.9rem;}
}

.footer {clear:both;padding:0 !important;margin-top:3rem;background:#191f28;}
.footer * {color:#868f9b;line-height:1.7;}
.footer .link {position:relative;padding:3rem 0;}
.footer .link li a {display:inline-block;padding:0 .25rem;line-height:2.7rem;letter-spacing:-.5px;}
.footer .link li a span {font-weight:bold;color:#a3aab5;font-size:.95rem;}
.footer .link > ul > li {display:inline-block;padding-right:3rem;vertical-align:top;}
.footer .link .select {position:absolute;right:1rem;top:3rem;width:12rem;}
.footer .link .select > span {display:block;border:1px solid rgba(255,255,255,.3);background:url('/images/icon_select_w.png') no-repeat right center;background-size:auto 1.3rem;padding-left:1rem;cursor:pointer;z-index:1;}
.footer .link .select * {font-size:.9rem;line-height:2.5rem;color:#868f9b;}
.footer .link .select ul {display:none;position:absolute;left:0;right:0;top:2.6rem;border:1px solid #474c53;z-index:2;}
.footer .link .select li {border:0;border-bottom:1px solid #474c53;background:#30363e;padding-left:1rem;line-height:3rem;cursor:pointer;}
.footer .link .select li:hover a {color:#fff;}
.footer .link .select li:last-child {border:0;}
.footer .link .select:hover ul {display:block;}
.footer .txt {padding:0 0 5rem;font-size:.9rem;}
.footer .txt b {display:inline-block;padding-bottom:.5rem;font-size:1.05rem;color:#bbc0c7;}

@media screen and ( max-width:900px ) {
	.footer {margin-top:0;}
	.footer .link {padding-bottom:1.5rem;}
	.footer .link > ul {display:none;}
	.footer .link .select {position:relative;right:auto;top:auto;width:auto;}
	.footer .txt span {display:block;}
	.footer .txt * {font-size:.8rem;}
}

/* =========================================================================================================
	common
========================================================================================================= */
.txt_red {color:#f22c3a;}
.paddT0 {padding-top:0 !important;}
.paddB0 {padding-bottom:0 !important;}

.h4 {padding-top:3rem;font-weight:bold;font-size:1.7rem;}
@media screen and ( max-width:900px ) {
	.h4 {padding-top:2rem;font-size:1.2rem;}
}

.title_wrap {position:relative;padding:0 0 2.5rem;}
.title_wrap h3 {font-size:2.6rem;font-weight:bold;line-height:1.1;letter-spacing:-2px;}
.title_wrap h3 span {font-weight:200;font-size:inherit;letter-spacing:-.2rem;;}
.title_wrap p {padding:1rem 0 0;font-size:1.15rem;}
.title_wrap .title {display:block;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;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:2.3rem;}
	.title_wrap p {padding:1.5rem 0;font-size:1.1rem;}
}
@media screen and ( max-width:900px ) {
	.title_wrap {padding-bottom:1rem;}
	.title_wrap h3 {font-size:1.5rem;}
	.title_wrap p {padding:.5rem 0;font-size:.85rem;}
	.title_wrap h3:before {height:2.3rem;}
}

.label {display:inline-block;padding:.2rem .7rem;border-radius:.3rem;border:1px solid #eee;font-size:.85rem;vertical-align:middle;}
.label.jesi {background:#eb4d34;color:#fff;}
.label.medo {background:#245fe5;color:#fff;}
.label.return {background:#555;color:#fff;}

/* 데이터 없음 */
.data-empty {display:inline-grid !important;width:100% !important;min-height:12rem;padding:0;word-break: break-all;font-size:1.2rem !important;color:#888;letter-spacing:-1px;align-items:center;justify-items:center;align-content:center;text-align:center;box-shadow: none !important;}
.data-empty:before {content:'';position:relative;display:inline-block;width:3rem;height:4rem;background:url('/images/icon_nodata.png') no-repeat center;background-size:auto 2.5rem;}
.data-empty:after {display:none !important;}
@media screen and ( max-width:900px ) {
	.data-empty {font-size:1rem !important;}
}

.mo {display:none;}

/* =========================================================================================================
	popup
========================================================================================================= */
.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;}

.pop_layer.poppass {display:block;position:fixed;width:25rem;max-width:80%;transform:translate(-50%, -50%);box-shadow:0 0 1rem rgba(0,0,0,.1);}
.pop_layer.poppass .pop_header {padding:0 1rem;background:#777;color:#fff;line-height:2.5rem;font-size:1rem;}
.pop_layer.poppass .pop_cont {padding:1rem;font-size:1rem;}
.pop_layer.poppass .pop_cont input {border-color:#777;}
.pop_layer.poppass .pop_btn {padding:.5rem;}
.pop_layer.poppass .pop_btn .button {min-width:7rem;height:2.8rem;background:#161616;font-size:1rem;}
.pop_layer.poppass .pop_btn .button.gray {background:#ccc;}

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

.popup {position:absolute;left:50%;top:50%;min-width:200px;transform:translate(-50%, -50%);background:#fff;border:1px solid #eee;z-index: 99999;}
.popup img {max-width:100%;}
.popup .title { display:hidden;   font-size: 27px;    line-height: 32px;    font-weight: bold;   padding: 17px 0 12px 0;}
.popup .contents {position:relative;font-size: 14px;    padding:0;    line-height: 20px;}
.popup img {max-width:100%;}
.popup .btn {padding-top:30px;text-align: center;font-size:.8rem;color:#fff;}
.popup .btn a {    width: 100%;    line-height: 35px;    display: block;    color: #fff;}
.popup .btn a span { color: #fff;}
.popup .close {padding:0 .5rem;background:#2a3448;overflow: hidden; text-align: right;}
.popup .close .check {display:inline-block;font-size:.8rem;line-height: 22px;padding-left: 5px;vertical-align:middle;}
.popup .close .check input {    margin-right: 4px;}
.popup .close .button {min-width:auto;height:2rem;background:#555;font-size:.9rem;vertical-align:middle;}
.popup .close input[type=checkbox] + label {font-size:.9rem;color:#ccc;}
.popup .mo {display:none;}
@media screen and ( max-width:800px ) {	
	.popup { width: 80% !important;}
	.popup .mo {display:block;}
	.popup .pc {display:none;}
}

/* =========================================================================================================
	animation
========================================================================================================= */
@keyframes navi_fade {
  0% {opacity:0;}
  100% {opacity:1; }
}
@keyframes scale_ani {
    0% {opacity:1;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);}
	100% {opacity:0;transform:scale(3.5);-webkit-transform:scale(3.5);-ms-transform:scale(3.5);-moz-transform:scale(3.5);}
}
@keyframes text_ani {
    from {margin-left:0;opacity:1;}
	20% {margin-left:7px;opacity:0;}
	to {margin-left:0;opacity:1;}
}
@keyframes ani_left {
    0% {opacity:0;transform:translateX(-70px);-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);}
	100% {transform:translateX(0);opacity:1;}
}
@keyframes ani_right {
	0% {opacity:0;transform:translateX(70px);-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);}
	100% {opacity:1;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);}
}
@keyframes ani_up {
    0% {opacity:0;transform:translateY(70px);-webkit-transform:translateY(70px);-moz-transform:translateY(70px);-ms-transform:translateY(70px);}
	100% {opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);}
}
@keyframes ani_down {
    0% {opacity:0;transform:translateY(-70px);-webkit-transform:translateY(-70px);-moz-transform:translateY(-70px);-ms-transform:translateY(-70px);}
	100% {opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);}
}
@keyframes ani_bgsize {
    0% {background-size:140% auto;}
	99% {background-size:100% auto;}
	100% {background-size:cover;}
}
@media screen and ( max-width:2000px ) {	
	@keyframes ani_bgsize {
		0% {background-size:auto 140%;}
		99% {background-size:auto 100%;}
		100% {background-size:cover;}
	}
}

.txt_ani span {font-size:inherit;transition:all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);margin-left:7px;opacity:0;}
.txt_ani.active span {margin-left:0;}
.txt_ani.active span.txt1 {opacity:1;transition-delay:.1s;}
.txt_ani.active span.txt2 {opacity:1;transition-delay:.2s;}
.txt_ani.active span.txt3 {opacity:1;transition-delay:.3s;}
.txt_ani.active span.txt4 {opacity:1;transition-delay:.4s;}
.txt_ani.active span.txt5 {opacity:1;transition-delay:.5s;}
.txt_ani.active span.txt6 {opacity:1;transition-delay:.6s;}
.txt_ani.active span.txt7 {opacity:1;transition-delay:.7s;}
.txt_ani.active span.txt8 {opacity:1;transition-delay:.8s;}
.txt_ani.active span.txt9 {opacity:1;transition-delay:.9s;}
.txt_ani.active span.txt10 {opacity:1;transition-delay:1.4s;}
.txt_ani.active span.txt11 {opacity:1;transition-delay:1.5s;}
.txt_ani.active span.txt12 {opacity:1;transition-delay:1.6s;}
.txt_ani.active span.txt13 {opacity:1;transition-delay:1.7s;}
.txt_ani.active span.txt14 {opacity:1;transition-delay:1.8s;}
.txt_ani.active span.txt15 {opacity:1;transition-delay:1.9s;}
.txt_ani.active span.txt16 {opacity:1;transition-delay:2s;}
.txt_ani.active span.txt17 {opacity:1;transition-delay:2.4s;}
.txt_ani.active span.txt18 {opacity:1;transition-delay:2.5s;}
.txt_ani.active span.txt19 {opacity:1;transition-delay:2.6s;}
.txt_ani.active span.txt20 {opacity:1;transition-delay:2.7s;}
.txt_ani.active span.txt21 {opacity:1;transition-delay:2.8s;}
.txt_ani.active span.txt22 {opacity:1;transition-delay:3.3s;}
.txt_ani.active span.txt23 {opacity:1;transition-delay:3.4s;}
.txt_ani.active span.txt24 {opacity:1;transition-delay:3.5s;}
.txt_ani.active span.txt25 {opacity:1;transition-delay:3.6s;}
.txt_ani.active span.txt26 {opacity:1;transition-delay:3.7s;}
.txt_ani.active span.txt27 {opacity:1;transition-delay:3.8s;}
.txt_ani.active span.txt28 {opacity:1;transition-delay:4s;}

.ani_left {animation-delay:.5s;animation-name:ani_left;animation-duration: .8s;animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);animation-fill-mode:backwards;}
.ani_right {animation-delay:.5s;animation-name:ani_right;animation-duration: .8s;animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);animation-fill-mode:backwards;}
.ani_up {animation-delay:.5s;animation-name:ani_up;animation-duration: .8s;animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);animation-fill-mode:backwards;}
.scale_ani {animation-delay:0;animation-name:scale_ani;animation-duration: .8s;animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);animation-fill-mode:backwards;}