/*@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans&display=swap&subset=korean');*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;500&display=swap');
@font-face{font-family:'Black Han Sans';font-style:normal;font-weight:normal;src:url('/font/BlackHanSans-Regular.eot');src:local(¡Ø),url('/font/BlackHanSans-Regular.eot?#iefix') format('embedded-opentype'),url('/font/BlackHanSans-Regular.woff') format('woff'),url('/font/BlackHanSans-Regular.ttf') format('truetype');}
/* =========================================================================================================
layout
========================================================================================================= */


*,
*:after,
*:before {	margin: 0;	padding: 0;	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}

body,div,p,a,dt,dd,th,td,input,select,textarea,button,select {font-family:'Noto Sans KR', sans-serif;font-size:14px;line-height:1.3;color:#000;font-weight:300;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-font-smoothing: subpixel-antialiased;}
body {min-width:1000px}
body.popup {min-width:auto;}
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,strong,span,button {margin:0;padding:0}
fieldset,img {border:0 none;vertical-align:middle;}
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:300;font-size:100%;}
a {color:#000;text-decoration:none; transition:300ms ease-out 0ms;}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:300}
select::-ms-expand {display: none;} 

button, input, textarea, select {-webkit-appearance: none;-moz-appearance: none;ouline:0;outline-width: 0;border-radius:0;}

input[type=text], input[type=password]	{ background:#fff; border:1px solid #d9dbdc; font-size:14px; height:35px; padding:0 10px; line-height:35px;vertical-align:middle;box-sizing:border-box;}
input[type=file]	{ background:#fff; border:1px solid #d9dbdc; font-size:12px; padding:3px; height:35px; font-size:12px;vertical-align:middle;box-sizing:border-box;}
textarea	{ background:#fff; border:1px solid #d9dbdc; font-size:16px; padding:3px; margin:0 0 3px 0;font-size:16px;box-sizing:border-box;}
select	{ height:35px; border:1px solid #d9dbdc;  appearance: none; -moz-appearance: none; -webkit-appearance: none; padding: 0 30px 0 10px;.padding-right:0;background: url(/images/inc/arrow.png) right center no-repeat #fff;background-size:30px auto;font-size:14px;color:#555555;vertical-align:middle;box-sizing:border-box;}
@media \0screen {
    select {background:#fff !important;padding:0 0 0 10px !important;}
}

input::placeholder {color:#ccc;}
textarea::placeholder {color:#ccc;}

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

input[type=checkbox], input[type=radio] {position:absolute;opacity:0;-webkit-opacity:0;-moz-opacity:0;z-index:0;}
input[type=checkbox] + label {    display: inline-block;    padding: 0 10px 0 20px;    min-height: 20px;    background-image: url('/images/icon_check.png');    background-position: 0 -33px;    background-repeat: no-repeat;    background-size: 16px auto;    box-sizing: border-box;    border: 1px solid rgba(255, 255, 255, 0);    letter-spacing: -1px;    color: #222;    font-size: 14px;    line-height: 20px;  }
input[type=checkbox]:checked + label {background-position:0 3px;color:#111;cursor:pointer;}

input[type=radio] + label {    display: inline-block;    padding: 0 10px 0 25px;    min-height: 20px;    background-image: url('/images/icon_radio.png');    background-position: 0 2px;    background-repeat: no-repeat;    background-size: 20px auto;    box-sizing: border-box;    border: 1px solid rgba(255, 255, 255, 0);    letter-spacing: -1px;    color: #222;    font-size: 14px;    line-height: 20px;  }
input[type=radio]:checked + label {background-position:0 -38px;color:#111;cursor:pointer;}

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

.input100pc {width:100%;}

.fc_red {color:#ed1c35; }
.fc_blue {color:#2c2c87; }
.fc_black {color:#000; }

.bg_red { background:#d62d22; }
.bg_blue {background:#262666; }


.al_left {text-align:left;}
.al_right {text-align:right;}
.fl_left {float:left !important; }
.fl_right {float:right !important; }

.top105 {height:125px;}
.top50 {height:50px;}

/*»ó´Ü*/
.wrapper {min-width:1000px; display:block; padding:0 0 60px; }
.header_wrap {position:absolute; left:0; top:0;width:100%;height:105px; background:rgba(0,0,0,.65);z-index:999; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.05);}
.header {position:relative;margin:0 auto;height:105px;min-width:1000px;z-index:100;}
.header .gnb_wrap {position:relative;height:100%; border:0;z-index:110; -webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.header .logo {position:absolute;left:20px;top:7px;width:140px;height:85px;background:url('/images/inc/logo.png') no-repeat center center;z-index:102;-webkit-transition:all .3s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all .3s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all .3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.header .logo span {display:none;}
.header .logo a {display:block;height:100%;}
.header .customer {position:absolute;right:30px;top:30px;color:#ffd200;line-height:1.2;font-family:'Black Han Sans';font-size:35px;}


.header .gnb {position:absolute;left:	50%;margin-left:-500px;bottom:0;width:1000px; font-size:0; text-align:center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.header .gnb li {position:relative;display:inline-block;vertical-align:top; width:auto;}
.header .gnb li a {display:block;position:relative; border-bottom:0px solid transparent; color:#eee;padding:0 1.65rem;height:94px;line-height:94px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.header .gnb li a em {position:absolute; left:50%; bottom:0; width:0px; height:3px; background:#ffd200; margin:0 auto; transition:300ms ease-out 0ms;z-index:2;}
.header .gnb li:hover a {border-bottom:0px solid #ffd200;}
.header .gnb li:hover a em { width:100%;  left:0%;}
.header .gnb li a span {display:block; line-height:90px;font-size:21px; text-align:center;font-family:'Black Han Sans', sans-serif;color:#ffd200;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
/*.header .gnb li:nth-child(1) a span, .header .gnb li:nth-child(2) a span {min-width:70px;}*/
.header .gnb li ul {display:none;width:100%;padding:0px 0 .5rem;background:#000 !important; box-shadow: 2px 2px 7px rgba(0,0,0,0.1);}
.header .gnb li:hover ul {display:inline-block;position:absolute;left:0;top:90px;}
.header .gnb li li {clear:both;width:100%;}
.header .gnb li li a {color:#aaa;height:auto;border:0 !important;padding:0;line-height:40px !important;font-size:14px; font-weight:500; letter-spacing:-.12rem;text-align:left;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s; text-align: center;}
.header .gnb li li a:hover {background:#ffd200;color:#000;}
.header .gnb li a.icon_my {width:52px; background:url(/images/inc/my_icon.png) no-repeat center center; }
.header .header_btn {position:absolute;right:0px;top:10px;}
.header .header_btn a {position:relative;display:inline-block;padding:0 10px; font-size:13px;color:rgba(0,0,0,1)}
.header .header_btn a:after {content:'';position:absolute;right:0;top:3px;width:1px;height:13px;background:rgba(0,0,0,0.3) }
.header .header_btn a:last-child:after {display:none;}
.header .text {position:absolute;left:29%;top:30px;}

.header .gnb .licon.on a, .header .gnb .licon:hover a {border-color:rgba(0,0,0,.0); }


@media screen and ( max-width:1024px ) {
    .header .logo {left:-.5rem;}
	.header .gnb {width:760px;margin-left:-405px }
	.header .gnb li a {padding:0 .5rem;}
	.header .gnb li a span {font-size:18px;}
	.header .gnb li a em {display:none; }
	.header .gnb li:nth-child(1) a span, .header .gnb li:nth-child(2) a span {min-width:50px;}
	.header .gnb li ul {width:120px;}
	.header .gnb li:hover ul { left:-20px;}
	.header .customer {right:.5rem;font-size:1.9rem;}
}

/*¿ìÃø*/
.rightbanner_wrap	{ position:fixed; right:0; top:40%; width:57px;z-index:50;}
.rightbanner_wrap a {display:block;height:55px;z-index:20;}
.rightbanner_wrap a img {-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s cubic-bezier(0.165, 0.84, 0.44, 1);overflow:hidden;}
.rightbanner_wrap a:hover {z-index:21;}
.rightbanner_wrap a:hover img {transform:translateX(-10px);box-shadow:0 0 20px rgba(0,0,0,.3);}

.right-banner {position:absolute;left:calc(50% + 630px);top:430px;width:150px; z-index:333;}
.right-banner.on {position:fixed;top:10px;}


/* ÇÏ´Ü */
#footer_wrap {display:block; width:100%; float:left; }
#footer_wrap { clear:both; padding:0 0 30px 0; background:#000000;}
#footer_wrap .banner	{ clear:both; border-bottom:1px solid #90000b;margin:0; letter-spacing:-1px;}
#footer_wrap .banner a	{ color:#e3e2e2; padding:0 30px 0 10px; font-size:inherit; font-weight:300; line-height:55px;}
#footer_wrap .conts	{position:relative;min-width:1000px;max-width:1200px; margin:0 auto;padding:40px 0 20px 0px;overflow:hidden;line-height:22px;box-sizing:border-box; color:#9f9f9f;}
#footer_wrap .conts	span{ display:inline-block; padding:0 25px 0 0; vertical-align:middle;}
#footer_wrap .conts	div, #footer_wrap .conts a {color:inherit;}
#footer_wrap .conts .manage {position:absolute;right:0;top:30px;}
#footer_wrap .conts .manage a {display:inline-block;width:100px;border-radius:50px;border:1px solid #777;line-height:35px;letter-spacing:-1px;text-align:center;color:#ddd;font-size:14px;}
#footer_wrap .conts .manage a:hover {border-color:#999;background:#999;color:#fff;}

/* skip_top */
#footer_wrap .skip_top {position:fixed;bottom:20px;right:0; z-index:333;transition:300ms ease-out 0ms;}
#footer_wrap .skip_top .skip_top_btn {width:57px; height:50px; line-height:50px; background:#777;color:#fff; cursor:pointer; transition:0.4s; -webkit-transition:0.4s; text-align:center;box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.05);}
#footer_wrap .skip_top .skip_top_btn span { display:block;text-align:center; padding-top:0px; font-size:12px;}


@media screen and ( max-width:1100px ) {
#footer_wrap .skip_top {bottom:0;right:0px; }
#footer_wrap .skip_top .skip_top_btn {width:45px; height:45px; padding-top:7px; }
#footer_wrap .skip_top .skip_top_btn:before{font-size:18px; }
#footer_wrap .skip_top .skip_top_btn span { ; font-size:13px;}

}

.mobile_view { clear:both; padding: 30px;background: #f1f1f1;}
.mobile_view button {width:100%;border: 1px solid #ccc;padding:0;background: #fff;line-height: 120px;font-size: 40px;outline: 0;text-align:center;}