@font-face { font-family: 'ScoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style:normal; }
@font-face { font-family: 'ScoreDream';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');font-weight:100;font-style:normal}
@font-face{
font-family:'NotoSans';font-style:normal;font-weight:300;src:url('/font/notokr-regular.eot');src:local(¡Ø),url('/font/notokr-regular.eot?#iefix') format('embedded-opentype'),url('/font/notokr-regular.woff') format('woff'),url('/font/notokr-regular.ttf') format('truetype');}
/* demilight */
@font-face {font-family:'NotoSans';font-style:normal;font-weight:100;src:url('/font/notokr-thin.eot');src:local(¡Ø),url('/font/notokr-thin.eot?#iefix') format('embedded-opentype'),url('/font/notokr-thin.woff') format('woff'),url('/font/notokr-thin.ttf') format('truetype');}
/* medium */
@font-face {font-family:'NotoSans';font-style:normal;font-weight:500;src:url('/font/notokr-medium.eot');src:local(¡Ø),url('/font/notokr-medium.eot?#iefix') format('embedded-opentype'),url('/font/notokr-medium.woff') format('woff'),url('/font/notokr-medium.ttf') format('truetype');}
/* bold */
@font-face {font-family:'NotoSans';font-style:normal;font-weight:600;src:url('/font/notokr-bold.eot');src:local(¡Ø),url('/font/notokr-bold.eot?#iefix') format('embedded-opentype'),url('/font/notokr-bold.woff') format('woff'),url('/font/notokr-bold.ttf') format('truetype');}
/* black */
@font-face {font-family:'NotoSans';font-style:normal;font-weight:800;src:url('/font/notokr-black.eot');src:local(¡Ø),url('/font/notokr-black.eot?#iefix') format('embedded-opentype'),url('/font/notokr-black.woff') format('woff'),url('/font/notokr-black.ttf') format('truetype');}
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@font-face {font-family:'OpenSans-Regular';font-style:normal;src:url('/font/OpenSans-Regular.eot');src:local(¡Ø),url('/font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),url('/font/OpenSans-Regular.woff') format('woff'),url('/font/OpenSans-Regular.ttf') format('truetype');}
@font-face {font-family:'OpenSans-Semibold';font-style:normal;src:url('/font/OpenSans-Semibold');src:local(¡Ø),url('/font/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),url('/font/OpenSans-Semibold.woff') format('woff'),url('/font/OpenSans-Semibold.ttf') format('truetype');}
@font-face {font-family:'OpenSans-Bold';font-style:normal;src:url('/font/OpenSans-Bold');src:local(¡Ø),url('/font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),url('/font/OpenSans-Bold.woff') format('woff'),url('/font/OpenSans-Bold.ttf') format('truetype');}

@import url('https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css');
@font-face {
    font-family: 'Recipekorea';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Recipekorea.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MaplestoryOTFBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/MaplestoryOTFBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* =========================================================================================================
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:'NotoSans';font-size:14px;line-height:1.3;color:#000;font-weight:300;font-style:normal;}
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:105px 0 60px; }
.header_wrap {position:absolute; left:0; top:0;width:100%;height:105px; background:#000;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 {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:13px;width:230px;height:85px;background:url('/images/inc/logo.png') no-repeat center center;z-index:102;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.header .logo span {display:none;}
.header .logo a {display:block;height:100%;}
.header .customer {position:absolute;right:30px;top:30px;padding-left:58px;background:url(/images/inc/icon_customer.png) no-repeat;background-size:auto 100%;font-size:12px;color:#e9e9e9;line-height:1.2;}
.header .customer b {display:block;font-family:'Century Gothic';font-size:27.5px;font-weight:600;}


.header .gnb {position:absolute;left:50%;bottom:0;width:50%;max-width:820px;transform:translateX(-50%);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.header .gnb li {position:relative;display:inline-block;float:left;font-size:0;width:12.2%;}
.header .gnb li a {display:block;position:relative; border-bottom:0px solid transparent; color:#eee;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:#ff1d3f; margin:0 auto; transition:300ms ease-out 0ms;z-index:2;}
.header .gnb li:hover a {border-bottom:0px solid #fa6b02;}
.header .gnb li:hover a em { width:130px;  left:0%;}
.header .gnb li a span {display:block;min-width:90px;line-height:90px;font-size:17px;letter-spacing:-1px;text-align:center;font-family:'Gothic A1','NotoSans';;-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:hover a span {color:#fff;}
.header .gnb li ul {display:none;width:130px;padding:0px 0;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:-1px;text-align:left;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s; text-align: center;}
.header .gnb li li a:hover {background:#ff1d3f; color:#fff;}
.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:1200px){
	.header .gnb li a span {font-size:15px;}
}
@media screen and ( max-width:1024px ) {
	.header .gnb li a span {min-width:85px;font-size:16px;}
	.header .gnb li:nth-child(1) a span, .header .gnb li:nth-child(2) a span {min-width:50px;}
}

/* ÇÏ´Ü */
#footer_wrap {display:block; width:100%; float:left; }
#footer_wrap { clear:both; padding:0 0 30px 0; background:#292d35;}
#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:10px; z-index:333;transition:300ms ease-out 0ms;}
#footer_wrap .skip_top .skip_top_btn {width:90px; height:90px; line-height:16px;border-radius:150px;padding-top:27px; 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:before{ content:"\e945"; display:inline-block; font-family:'xeicon';font-size:23px; color:#fff;}
#footer_wrap .skip_top .skip_top_btn span { display:block;text-align:center; padding-top:0px; font-size:14px;}


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

}

/*¿ìÃø*/
.rightbanner_wrap	{ position:absolute; right:0; top:250px; width:190px;z-index:333331;}
.rightbanner_wrap a {display:block;/*height:90px;z-index:20;*/}
/*.rightbanner_wrap a img {-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;border-radius:50%;overflow:hidden;}
.rightbanner_wrap a:hover {background-color:#fff;color:#000;}*/
.rightbanner_wrap .btn-social {display:block; text-align:center;}
.rightbanner_wrap .btn-social a {display:inline-block; width:25%; float:left;height:80px;padding-top:15px;background:#000;color:#eee;line-height:25px;font-size:11px;}
.rightbanner_wrap .btn-social a i {display:block;font-size:27px;line-height:30px;}
.rightbanner_wrap .btn-social a.band .xi-band {display:block;height:30px;background:url(/images/inc/btn_band.png) no-repeat center center;background-size:auto 22px;}
.rightbanner_wrap .btn-social a.kakao {width:100%;height:55px;background:#ffe501; color:#281212;font-weight:bold;font-size:18px;}
.rightbanner_wrap .btn-social a.kakao i {display:inline-block;margin-right:3px;font-size:35px !important;vertical-align:middle; }
.rightbanner_wrap .btn-social a.sms {width:100%;height:55px;background:#434343; color:#fff;font-size:16px;}
.rightbanner_wrap .btn-social a.sms i {display:inline-block;margin-right:3px;font-size:30px !important;vertical-align:middle; }

@media screen and ( max-width:1600px ) {
	.rightbanner_wrap {display:none;}
}

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