@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:normal;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-demilight.eot');src:local(¡Ø),url('/font/notokr-demilight.eot?#iefix') format('embedded-opentype'),url('/font/notokr-demilight.woff') format('woff'),url('/font/notokr-demilight.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:bold;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');

/* =========================================================================================================
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:#555;font-weight:normal;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:normal;font-size:100%;}
a {color:#333;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:normal}
select::-ms-expand {display: none;} 


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

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

@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 !important;}
.fc_blue {color:#2c2c87 !important;}
.fc_black {color:#000 !important; }
.fc_green {color:#45ab01 !important; }

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



/*»ó´Ü*/
.wrapper {min-width:1000px; display:block; padding-top:150px; }
.header_wrap {position:absolute; left:0; top:0;width:100%;height:150px; background:#fff;z-index:999; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.05);}
.header_wrap:after {content:''; position:absolute; top:0; left:0;height:41px; width:100%; background:#f4f4f4;}
.header {position:relative;margin:0 auto;height:90px;min-width:1000px; max-width:1200px;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:0px;top:68px;width:170px;height:55px;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 .gnb {position:absolute; right:0; top:40px;  width:75%; -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:14.285%;}
.header .gnb li a {display:block;position:relative; border-bottom:0px solid transparent; color:#222;height:110px;line-height:110px;-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: #45ab01; margin:0 auto; transition:300ms ease-out 0ms;}
.header .gnb li:hover a {border-bottom:0px solid #45ab01;}
.header .gnb li:hover a em { width:100%;  left:0%;}
.header .gnb li a span {display:block;min-width:110px;line-height:110px;font-size:17px;font-weight:500;letter-spacing:-1px;text-align:center;font-family:'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:#45ab01;}
.header .gnb li ul {display:none;width:100%;padding:0px 0;background:#fff !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:110px;}
.header .gnb li li {clear:both;width:100%;}
.header .gnb li li a {color:#555;height:auto;border:0 !important;padding:0;line-height:40px !important;font-size:16px; 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:#45ab01; color:#fff;}
.header .gnb li a.icon_my {width:52px; background:url(/images/inc/my_icon.png) no-repeat center center; }
.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); }

.header .header_btn {position:absolute;right:0px;top:0px; font-size:0; }
.header .header_btn a {position:relative;display:inline-block;padding:0 12px; margin:0; font-size:13px; line-height:40px; background:#4d555b; color:#fff; font-weight:500; }
.header .header_btn a img {display:inline-block; vertical-align:middle; margin-right:2px; }
.header .header_btn a.youtube {background:#ec0b0b}
.header .header_btn a.insta {background:url(/images/inc/bg_insta.png) no-repeat center ; background-size:cover;}
.header .header_btn a.cafe {background:#00c73c; }
.header .header_btn a.blog {background:#2bab01; }
.header .header_btn a.plus {background:#ffe53a; color:#241f18 }
.header .header_btn a.manage {background:#222;  }

.header .header_btn2 {position:absolute;right:0px;top:0px; font-size:0; }
.header .header_btn2 a {position:relative;display:inline-block;padding:0 7px; margin:0; font-size:14px; line-height:41px;  color:#444; font-weight:500; }
.header .header_btn2 a img {display:inline-block; vertical-align:top; margin-right:5px; height:30px; margin-top:5px; }
.header .header_btn2 a.manage {background:#30a51f; color:#fff; padding:0 15px !important; }
.header .header_btn2 a.log {background:#444; color:#fff; padding:0 15px !important; }


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

@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; margin:0 auto; max-width:1920px; min-width:1000px;  clear:both; }
#footer_wrap { clear:both; padding:0 0 30px 0; background:#222222; }
#footer_wrap .conts	{position:relative;min-width:1000px;max-width:1200px; margin:0 auto;padding:30px 0 20px 0px;overflow:hidden;line-height:22px; font-size:14px; font-weight:500; box-sizing:border-box; color:#fff;}
#footer_wrap .conts	span{ display:inline-block; padding:0 25px 0 0; vertical-align:middle;}
#footer_wrap .conts .logo {position:absolute;right:0;top:35px;width:160px;height:58px;background:url(/images/inc/logo_w.png) no-repeat center center;background-size:auto 100%;font-size:0;text-indent:-9999px; opacity:0.4}
#footer_wrap .copyright { color:#fff; opacity:0.7; }
#footer_wrap .social {position:absolute; right:0; top:25px; }
#footer_wrap .social li {display:inline-block; margin-left:7px; }

/* skip_top */
#footer_wrap .skip_top {position:fixed;bottom:195px;right:50px; z-index:333;transition:300ms ease-out 0ms;}
#footer_wrap .skip_top .skip_top_btn {width:65px; height:65px; line-height:16px; padding-top:15px; background: #45ab01;  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;}

}
.inner {position:relative;max-width:1200px;min-width:980px;   margin:0 auto;  }

@media screen and ( max-width:1100px ) {
.inner {padding:0 0px; max-width:100%;}
} 



/*¿ìÃø*/
.main .rightbanner_wrap {top:560px;}
.rightbanner_wrap	{ position:absolute; right:0; top:205px; width:158px;margin-right:-190px; z-index:2; text-align:center; /*border:1px solid rgba(0,0,0,.2);border-right:0; transform:translateY(-355px);*/}


.rightbanner_wrap .quick {background:#fff;}
.rightbanner_wrap .quick li img {width:100%;}
.rightbanner_wrap .lately {height:90px;background:#8a8a8a; color:#fff;box-sizing:border-box; font-size:12px;line-height:35px;}
.rightbanner_wrap .lately .icon {background:url(/images/inc/icon_eye.png) center bottom no-repeat;}
.rightbanner_wrap .quick ul	{ padding:0; margin:0; }
.rightbanner_wrap .quick ul li	{position:relative;font-size:13px; }
.rightbanner_wrap .quick ul li a {display:block; color:#555; }
.rightbanner_wrap .quick ul li p {display:none;position:absolute;left:0;top:0;width:100%;height:100%;padding-left:5px;background:rgba(0,0,0,.5);font-size:12px; line-height:25px;z-index:5;color:#fff;justify-items:center;align-items:center;box-sizing:border-box;}
.rightbanner_wrap .quick ul li:hover p {display:inline-flex;}
.rightbanner_wrap .quick ul li.nodata {padding:90px 0;font-size:11px;text-align:center;color:#ccc;}
.rightbanner_wrap .top {height:auto;border-top:1px solid #d4d4d4;background:url(/images/inc/icon_top.png) center -8px no-repeat;line-height: 1.2;}
.rightbanner_wrap .top a {display:block;color:#a0a0a0; line-height:40px; font-size:0;text-indent:25px;}
/*@media screen and ( max-width:1600px ) {
	.cont {padding-right:160px !important;}
	#total_content {padding-right:100px !important;}
	.rightbanner_wrap {display:none;}	
}
@media screen and ( max-width:1400px ) {
	.cont {padding-right:0 !important;}
	#total_content {padding-right:0 !important;}
	.rightbanner_wrap {display:none;}
}
*/

.left-banner {position:absolute;left:calc(50% + -810px);top:430px;width:180px; z-index:3333; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.05); }
.left-banner.on {position:fixed;top:10px;}

.right-banner {position:absolute;left:calc(50% + 630px);top:430px;width:180px; z-index:333;box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.05);}
.right-banner.on {position:fixed;top:10px;}


body.main .left-banner {position:absolute;left:calc(50% + -810px);top:820px;width:180px; z-index:3333; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.05);}
body.main .left-banner.on {position:fixed;top:10px; }

body.main .right-banner {position:absolute;left:calc(50% + 630px);top:820px;width:180px; z-index:333; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.05);}
body.main .right-banner.on {position:fixed;top:10px;}

.page_log .left-banner {display:none;}
.page_log .right-banner {display:none;}


@media screen and ( max-width:1585px ) {
.left-banner  {display:none;}
.right-banner {display:none;}

.left-banner-m {display:none;}
.right-banner-m {display:none; }
}


.mobile_view { clear:both; padding: 60px 0;text-align: center;}
.mobile_view button {border: 1px solid #999;display: inline-block;padding: 0 130px;background: #fff;line-height: 150px;font-size: 50px;outline: 0;}