@charset "utf-8";
@import url("library.css");

/* INITIALIZE */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,button,input,textarea,select,caption,tbody,tfoot,thead,tr,th,article,aside,canvas,footer,header,menu,nav,section,summary,video,hr{margin:0;padding:0;border:0;font-size:100%;font:inherit;letter-spacing:-0.03em;vertical-align:baseline;box-sizing:border-box;-webkit-font-smoothing:antialiased;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{min-height:100vh}
body{line-height:1}
ol,li{list-style:none}
em,address{font-style:normal}
img{max-width:100%;vertical-align:top}
label{display:inline-block}
video{min-width:100%;max-width:100%;object-fit:cover}
table{width:100%;border-collapse:collapse;border-spacing:0;text-align:center;table-layout:fixed;empty-cells:show;word-wrap:break-word}
caption{overflow:hidden;width:0;height:0;font-size:0;text-indent:-5000em;line-height:0}
hr,legend,input[type="hidden"]{position:absolute;left:-5000em;top:-5000em;font-size:1px;line-height:1px}

/* WEBFONT */
@font-face {
	font-family:roboto;
	font-weight:300;
	font-style:normal;
	src:local('Roboto-Light-webfont'),
		url(../font/Roboto-Light-webfont.woff) format('woff'), /* IE9+, Modern Browsers */
		url(../font/Roboto-Light-webfont.svg#Roboto-Light-webfont) format('svg'); /* Others */
}
@font-face {
	font-family:roboto;
	font-weight:400;
	font-style:normal;
	src:local('Roboto-Regular-webfont'),
		url(../font/Roboto-Regular-webfont.woff) format('woff'), /* IE9+, Modern Browsers */
		url(../font/Roboto-Regular-webfont.svg#Roboto-Regular-webfont) format('svg'); /* Others */
}
@font-face {
	font-family:roboto;
	font-weight:500;
	font-style:normal;
	src:local('Roboto-Medium-webfont'),
		url(../font/Roboto-Medium-webfont.woff) format('woff'), /* IE9+, Modern Browsers */
		url(../font/Roboto-Medium-webfont.svg#Roboto-Medium-webfont) format('svg'); /* Others */
}
@font-face {
	font-family:roboto;
	font-weight:600;
	font-style:normal;
	src:local('Roboto-Bold-webfont'),
		url(../font/Roboto-Bold-webfont.woff) format('woff'), /* IE9+, Modern Browsers */
		url(../font/Roboto-Bold-webfont.svg#Roboto-Bold-webfont) format('svg'); /* Others */
}

@font-face {
	font-family:noto;
	font-weight:400;
	font-style:normal;
	src:local('NotoSans-Regular-webfont'),
	local('NotoSans-Regular-webfont'),
		url(../font/NotoSans-Regular-webfont.woff) format('woff'), /* IE9+, Modern Browsers */
		url(../font/NotoSans-Regular-webfont.svg#NotoSans-Regular-webfont) format('svg'); /* Others */
}
@font-face {
	font-family:noto;
	font-weight:500;
	font-style:normal;
	src:local('NotoSans-Medium-webfont'),
	local('NotoSans-Medium-webfont'),
		url(../font/NotoSans-Medium-webfont.woff) format('woff'); /* IE9+, Modern Browsers */
}
@font-face {
	font-family:noto;
	font-weight:600;
	font-style:normal;
	src:local('NotoSans-Bold-webfont'),
	local('NotoSans-Bold-webfont'),
		url(../font/NotoSans-Bold-webfont.woff) format('woff'), /* IE9+, Modern Browsers */
		url(../font/NotoSans-Bold-webfont.svg#NotoSans-Bold-webfont) format('svg'); /* Others */
}

/* LINK */
a,a:hover{text-decoration:none}
a:active{text-decoration:underline}
a.disabled{pointer-events:none;color:#666 !important;}

/* FONT */
html *{font-family:roboto,noto,'Apple SD Gothic Neo',sans-serif;}
body{font-size:12px;}
body,a,input,textarea,select,button{color:#666;}

/* FORM */
input[type="button"],input[type="text"],input[type="image"],input[type="submit"],input[type="password"],input[type="tel"],input[type="email"],input[type="number"],textarea{width:100%;border-radius:0;background:transparent;font-size:15px;outline:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none}
input[type="button"],input[type="text"],input[type="image"],input[type="submit"],input[type="password"],input[type="tel"],input[type="email"],input[type="number"]{height:45px;padding-left:10px;border-bottom:1px solid #aaaaaa;}
input[disabled],input[readonly],textarea[disabled],textarea[readonly],select[disabled]{background-color:#ececec;}
input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;-o-appearance:checkbox;-ms-appearance:checkbox}
input[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;-o-appearance:radio;-ms-appearance:radio}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}
input::placeholder,textarea::placeholder{color:#999}
input::-ms-clear,input::-ms-reveal{display:none}
select{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none}
::selection {color:rgb(255,255,255);background:#1aaaba}
textarea{overflow:auto;padding:7px;line-height:1.45;resize:none}
button{position:relative;background:transparent;cursor:pointer}
button[disabled]{cursor:auto;}

.ele-input{display:inline-block;position:relative;width:100%;position:relative;}
.ele-input + .ele-input{margin-top:10px;}
.ele-input:before{content:'';position:absolute;bottom:0;height:2px;background-color:#ffbc2b;-webkit-transform:scale3d(0, 1, 1);transform:scale3d(0, 1, 1);-webkit-transition:transform 0.2s;transition:transform 0.2s;-webkit-transform-origin:0 50%;transform-origin:0 50%;}
.ele-input.focus:before{width:100%;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:0.5s;transition-duration:0.5s;}

/* LAYOUT */
.isMobile body{overflow-y:auto;overflow-x:hidden;}
#wrap{overflow:hidden;/* min-width:1025px; */min-width:1040px;}
#wrap.layer,
#slidemenu.layer{-webkit-filter:blur(6px);filter:blur(6px);}
.holder{position:relative;max-width:1040px;margin:0 auto;}
.holder:after{content:'';display:block;clear:both;}

/* GLOBAL BANNER */
.global-banner{height:80px;background-color:#2a1b4f;}
.global-banner-wrap{position:relative;width:1220px;margin:0 auto}
.global-banner-wrap > span{position:absolute;top:50px;right:0}
.global-banner-wrap > span input{cursor:pointer}
.global-banner-wrap > span label{display:inline-block;position:relative;top:-3px;padding-left:5px;color:#eae8f3;letter-spacing:0;cursor:pointer}
.global-banner-wrap > span.en{top:37px}
.global-banner-wrap > span.en label{top:5px;line-height:1.2}
.global-banner-wrap > button{position:absolute;top:16px;right:0;width:14px;height:14px;background:url(../img/banner/today-close.png)no-repeat 50%;text-indent:-1000px;overflow:hidden}

/* HEADER */
#header{height:0;}
	#header .header-wrap{position:relative;position:fixed;top:0;left:0;right:0;z-index:5;height:90px;background-color:rgba(10,38,194,.98);}
	/*#header .header-wrap{position:relative;top:-12px;left:0;right:0;z-index:5;height:90px;background-color:rgba(10,38,194,.98);}*/
#header .logo{position:absolute;top:25px;left:25px;}
	#header .nav-menu{display:table;width:100%;margin-top:28px;text-align:center}
	/*#header .nav-menu{display:table;width:100%;padding-top:28px;text-align:center}*/
#header .nav-menu ul{display:inline-block}
#header .nav-menu a{display:inline-block;font-size:18px;line-height:33px;color:#fff;filter:alpha(opacity=60);opacity:0.6;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;}
#header .nav-menu a:hover{filter:alpha(opacity=100);opacity:1;}
#header .nav-menu li{display:inline-block;margin:0 1vw;vertical-align:top;}
#header .nav-menu li.last{margin-right:0}
#header .nav-menu > ul,
#header .nav-menu > div{display:table-cell;}
#header .nav-menu > ul{width:75%;}
#header .gnb-common{position:absolute;top:25px;right:25px;}
#header .gnb-common > *{float:left;margin-left:6px;}
#header .gnb-common .slt{position:relative;width:95px;height:36px;line-height:25px;border:1px solid #fff;border-radius:5px;background:url(../img/common/bg-slt-arrow.png) no-repeat 90% center}
#header .gnb-common .slt select::-ms-expand { display:none; }
#header .gnb-common .slt select{display:block;width:100%;padding:5px 10px;background:none;font-size:16px;color:#fff;cursor:pointer;}
#header .gnb-common .slt option{color:#333}
#header .float-group{position:fixed;right:20px;bottom:20px;z-index:10;text-align:center;}
#header .float-group a{display:block;width:100px;height:100px;border-radius:50%;font-size:24px;font-weight:600;line-height:100px;color:#fff;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.45);-moz-box-shadow:0 5px 10px rgba(0,0,0,.45);box-shadow:0 5px 10px rgba(0,0,0,.45);}
#header .float-group a + a{margin-top:20px;}
#header .float-group .contact-btn{background:url(../img/main/btn-contact.png) no-repeat center center;background-size:101%}
#header .float-group .chatnow-btn{background:url(../img/main/btn-telegram.png) no-repeat center center;background-size:101%}
#header .float-group .top-btn{overflow:hidden;margin-bottom:-120px;background:rgba(69,45,130,.7) url(../img/common/btn-top.png) no-repeat center center;text-indent:-5000em;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear;}
#header .float-group .top-btn.on{margin-bottom:0;}
#header .float-group span{display:inline-block;line-height:27px;vertical-align:middle;}
#header .all-menu-btn{display:none;position:fixed;right:20px;top:20px;z-index:20;}
#header .all-menu-btn.fixed{top:20px}
#header .all-menu-btn a{display:inline-block;position:relative;z-index:20;width:70px;height:70px;background-color:#111;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);-moz-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;}
#header .all-menu-btn a:hover{background-color:#202020;}
#header .all-menu-btn.on a{-webkit-box-shadow:0 0 0;-moz-box-shadow:0 0 0;box-shadow:0 0 0;}
#header .all-menu-btn span{position:absolute;left:18px;right:0;width:35px;height:4px;background-color:#fff;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#header .all-menu-btn span.bar1{top:21px;}
#header .all-menu-btn span.bar2{top:47%;}
#header .all-menu-btn span.bar3{top:45px;}
#header .all-menu-btn.on span{top:47% !important;}
#header .all-menu-btn.on span.bar1{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
#header .all-menu-btn.on span.bar2{opacity:0;}
#header .all-menu-btn.on span.bar3{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}

/* SLIDEMENU */
#slidemenu.on .dimmed{position:fixed;left:0;right:0;top:0;bottom:0;z-index:10;background:rgba(0,0,0,.8);}
#slidemenu .con-group{position:fixed;right:-100%;top:0;bottom:0;z-index:15;width:40%;height:100%;padding-top:130px;background-color:#fff;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
#slidemenu.on .con-group{right:0;}
.isPC #slidemenu.on .con-group{min-width:500px;}
#slidemenu .con-group .lang-menu{padding:0 60px;}
#slidemenu .con-group .lang-menu{overflow:hidden;position:absolute;left:0;right:0;top:35px;margin-bottom:63px;}
#slidemenu .con-group .lang-menu p{float:left;}
#slidemenu .con-group .lang-menu p a,
#slidemenu .con-group .lang-menu p span{display:block;width:90px;height:40px;font-size:24px;line-height:40px;color:#000;text-align:center;}
#slidemenu .con-group .lang-menu p span{background-color:#000;color:#fff;}
#slidemenu .con-group .nav-menu{overflow-y:auto;height:100%;padding:0 60px;/* -webkit-overflow-scrolling:touch; */}
#slidemenu .con-group .nav-menu [class*="menu-list"] > ul > li a{display:block;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;}
#slidemenu .con-group .nav-menu [class*="menu-list"] > ul > li > a{padding:9px 0;font-size:36px;font-weight:600;color:#000;}
#slidemenu .con-group .nav-menu [class*="menu-list"] > ul > li > a:hover{color:#0a26c2;}
#slidemenu .con-group .nav-menu [class*="menu-list"] > ul > li ul{padding-bottom:30px;}
#slidemenu .con-group .nav-menu [class*="menu-list"] > ul > li li a{padding:6px 0 6px 10px;font-size:18px;color:#999;}
#slidemenu .con-group .nav-menu [class*="menu-list"] > ul > li li a:hover{font-weight:600;color:#333;}
#slidemenu .con-group .nav-menu [class*="menu-list"] > ul > li li a span{display:block;position:relative;padding-left:9px;}
#slidemenu .con-group .nav-menu [class*="menu-list"] > ul > li li a span:before{content:'';position:absolute;left:0;top:10px;width:4px;height:1px;background-color:#666;}
#slidemenu .con-group .nav-menu [class*="menu-list"] > ul > li li a:hover span:before{background-color:#333;}
#slidemenu .con-group .nav-menu .nav2-dep{display:none;}
#slidemenu .con-group .nav-menu .menu-list-sub{margin:40px 0 150px;padding-top:25px;border-top:1px solid #ccc;}
#slidemenu .con-group .nav-menu .menu-list-sub > ul > li a{font-size:20px;}
#slidemenu .con-group .nav-menu .btns{position:absolute;left:0;right:0;bottom:0;margin:0 60px;background-color:#fff;}
#slidemenu .con-group .nav-menu .btns .inner{margin:48px 0;}
#slidemenu .con-group .nav-menu .btns .link{padding:30px 0;}
#slidemenu .con-group .nav-menu .btns .link a{position:relative;margin-left:32px;font-size:24px;font-weight:500;color:#333;}
#slidemenu .con-group .nav-menu .btns .link a:before{content:'';position:absolute;left:-18px;top:6px;width:2px;height:20px;background-color:#333;}
#slidemenu .con-group .nav-menu .btns .link a:first-child{margin:0;}
#slidemenu .con-group .nav-menu .btns .link a:first-child:before{display:none;}
#slidemenu .con-group .nav-menu .btns a{margin-right:10px;}
#slidemenu .con-group .nav-menu .btns a.last{margin-right:0}

/* FOOTER */
#footer{padding:30px 0 40px;background-color:#1b1b1b}
#footer a{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;}
#footer .sns-list{margin-bottom:20px;}
#footer .sns-list ul{overflow:hidden;}
#footer .sns-list li{float:left;margin-right:30px;}
#footer .sns-list li a{font-size:15px;line-height:40px;color:#fff;filter:alpha(opacity=60);opacity:0.6;}
#footer .sns-list li a:hover{color:#fff;filter:alpha(opacity=100);opacity:1;}
#footer .sns-list li span{display:inline-block;width:20px;height:26px;margin-right:4px;background:url(../img/common/bg_foot_sns.png) no-repeat;vertical-align:middle;}
#footer .sns-list li.telegram span{background-position:0 0;}
#footer .sns-list li.kakao span{background-position:0 -30px;}
#footer .sns-list li.steemit span{background-position:0 -60px;}
#footer .sns-list li.reddit span{background-position:0 -90px;}
#footer .sns-list li.facebook span{background-position:0 -120px;}
#footer .sns-list li.twitter span{background-position:0 -150px;}
#footer .sns-list li.youtube span{background-position:0 -180px;}
#footer .sns-list li.zalo span{background-position:0 -210px;}
#footer .sns-list li.github span{background-position:0 -240px;}
#footer .sns-list li.medium span{background-position:0 -268px;}
#footer .sns-list li.telegram a:hover span{background-position:100% 0;}
#footer .sns-list li.kakao a:hover span{background-position:100% -30px;}
#footer .sns-list li.steemit a:hover span{background-position:100% -60px;}
#footer .sns-list li.reddit a:hover span{background-position:100% -90px;}
#footer .sns-list li.facebook a:hover span{background-position:100% -120px;}
#footer .sns-list li.twitter a:hover span{background-position:100% -150px;}
#footer .sns-list li.youtube a:hover span{background-position:100% -180px;}
#footer .sns-list li.zalo a:hover span{background-position:100% -210px;}
#footer .sns-list li.github a:hover span{background-position:100% -240px;}
#footer .foot-list .menu{margin-bottom:10px;}
#footer .foot-list .menu ul{overflow:hidden;}
#footer .foot-list .menu li{float:left;margin-right:6px}
#footer .foot-list .menu li a{display:block;height:36px;line-height:34px;padding:0 16px;border:1px solid #fff;border-radius:5px;font-size:12px;color:#fff;filter:alpha(opacity=60);opacity:0.6;}
#footer .foot-list .menu li a:hover{filter:alpha(opacity=1);opacity:1}
#footer .foot-list .contact{font-size:15px;line-height:1.3}
#footer .foot-list .contact > div{overflow:hidden;margin-top:6px;}
#footer .foot-list .contact em{float:left;margin-right:3px;color:#fff;}
#footer .foot-list .contact p,
#footer .foot-list .contact a{overflow:hidden;color:#ccc;letter-spacing:0;}
#footer .foot-list .copyright{margin-top:25px;font-size:14px;font-weight:300;line-height:1.3;letter-spacing:0;color:#fff;filter:alpha(opacity=50);opacity:0.5;}

/* ANIMATE */
.animate{opacity:0;opacity:1 \0/IE9;}
.animate.animated{-webkit-animation:slide_up 0.75s ease forwards;-moz-animation:slide_up 0.75s ease forwards;animation:slide_up 0.75s ease forwards;}
.animate.A.animated{-webkit-animation:slide_up 0.75s 0.2s ease forwards;-moz-animation:slide_up 0.75s 0.2s ease forwards;animation:slide_up 0.75s 0.2s ease forwards;}
.animate.B.animated{-webkit-animation:slide_up 0.75s 0.4s ease forwards;-moz-animation:slide_up 0.75s 0.4s ease forwards;animation:slide_up 0.75s 0.4s ease forwards;}
.animate.left.animated{-webkit-animation:slide_left 0.75s ease forwards;-moz-animation:slide_left 0.75s ease forwards;animation:slide_left 0.75s ease forwards;}
.animate.left.A.animated{-webkit-animation:slide_left 0.75s 0.2s ease forwards;-moz-animation:slide_left 0.75s 0.2s ease forwards;animation:slide_left 0.75s 0.2s ease forwards;}
.animate.left.B.animated{-webkit-animation:slide_left 0.75s 0.4s ease forwards;-moz-animation:slide_left 0.75s 0.4s ease forwards;animation:slide_left 0.75s 0.4s ease forwards;}
@-webkit-keyframes slide_up{
	0%{-webkit-transform:translateY(-50px);opacity:0;}
	100%{-webkit-transform:translateY(0);opacity:1;}
}
@-moz-keyframes slide_up{
	0%{-moz-transform:translateY(-50px);opacity:0;}
	100%{-moz-transform:translateY(0);opacity:1;}
}
@keyframes slide_up{
	0%{transform:translateY(-50px);opacity:0;}
	100%{transform:translateY(0);opacity:1;}
}
@-webkit-keyframes slide_left{
	0%{-webkit-transform:translateX(50px);opacity:0;}
	100%{-webkit-transform:translateX(0);opacity:1;}
}
@-moz-keyframes slide_left{
	0%{-moz-transform:translateX(50px);opacity:0;}
	100%{-moz-transform:translateX(0);opacity:1;}
}
@keyframes slide_left{
	0%{transform:translateX(50px);opacity:0;}
	100%{transform:translateX(0);opacity:1;}
}

/* HIDDEN */
.ir{overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;text-indent:-5000em;line-height:0}
.blind{position:absolute;left:-5000em;top:-5000em;font-size:1px;line-height:1px}
.hide{display:none}

/* COMMON */
.underline{text-decoration:underline !important;}

/* ALIGN */
.fl{float:left !important}
.fr{float:right !important}
.al{text-align:left !important}
.ar{text-align:right !important}
.ac{text-align:center !important}

/* MARGIN */
.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mr25{margin-right:25px !important}

/* TEXT */
.regular{font-weight:500 !important;}
.medium{font-weight:500 !important;}
.bold{font-weight:600 !important;}
.c333{color:#333 !important;}
.note-txt{margin-top:10px;font-size:15px;font-weight:500;line-height:1.3;color:#ffbd2b;}
.warning-txt{position:relative;margin-top:8px;font-size:15px;line-height:1.3;color:#c33717;}
.warning-txt em{font-weight:500;}

/* BTN */
.btn-line,
.btn-bg{display:inline-block;border-radius:5px;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;}
.btn-line.large,
.btn-bg.large{height:72px;line-height:72px;padding:0 30px;font-size:30px}
.btn-line.small,
.btn-bg.small{height:36px;line-height:36px;padding:0 17px;font-size:16px}
.btn-line{height:51px;padding:0 40px;border:2px solid #fff;font-size:24px;font-weight:500;line-height:51px;}
.btn-line.yellow{border-color:#ffbc2b;color:#ffbc2b;}
.btn-line.yellow:hover{background-color:#ffbc2b;color:#fff !important;}
.btn-line.gray{border:1px solid #d3d3d3;color:#333;}
.btn-line.home{height:80px;font-size:30px;font-weight:500;line-height:80px;color:#fff;}
.btn-bg{height:51px;padding:0 23px;font-size:18px;font-weight:500;line-height:51px;}
.btn-bg.white{background-color:#fff;color:#111;}
.btn-bg.yellow{background-color:#0a26c2;color:#fff;}
.btn-bg.blue{background-color:#0a26c2;color:#fff;}
.btn-bg.red{background-color:#ec2b2b;color:#fff;}
.btn-bg.gray{background-color:#aeadb0;color:#fff;cursor:default !important;}
.btn-bg.gray:active{text-decoration:none}
.btn-bg.black{background-color:#333;color:#fff;}
.btn-bg.black[disabled]{background-color:#b5b3b9 !important;}
.btn-wrap{text-align:center;}
a.effect{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;}
a.effect:hover{-webkit-box-shadow:0 4px 17px rgba(0,0,0,.6);-moz-box-shadow:0 4px 17px rgba(0,0,0,.6);box-shadow:0 4px 17px rgba(0,0,0,.6)}

/* PAGING */
.pagingArea{margin-top:30px}
.paging{margin:0 auto;font-size:0;text-align:center}
.paging a,
.paging > span{font-size:0;vertical-align:top}
.paging a{display:inline-block;position:relative;height:30px;margin:0 6px;border:1px solid #fff;border-radius:2px;font-size:18px;font-weight:400;line-height:30px}
.paging a:active{text-decoration:none;}
.paging a.on:before{content:'';position:absolute;left:0;right:0;bottom:1px;height:2px;background-color:#452d82;}
.paging > a{width:30px;border:1px solid #999;border-radius:3px;}
.paging > a span{position:absolute;left:-5000em;top:-5000em;font-size:1px;line-height:1px}
.paging > span{padding:0 18px;}
.paging > span a.on{font-weight:600;color:#452d82}
.paging .prev{background:url(../img/common/btn-paging-prev.png) no-repeat center center;background-size:8px auto;}
.paging .next{background:url(../img/common/btn-paging-next.png) no-repeat center center;background-size:8px auto;}

/* LAYER */
.layer-wrap{position:absolute;left:0;top:0;z-index:10000;width:100%;height:100%;}
.layer-wrap .holder{min-width:840px;max-width:840px;}
.layer-wrap .dimmed{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);}
.layer-wrap .layer-container{position:fixed;left:0;top:0;width:100%}
.layer-wrap .layer-container .layer-title{padding-top:315px;text-align:center;}
.layer-wrap .layer-container .layer-title h2{font-size:60px;font-weight:600;color:#ffbc2b;}
.layer-wrap .layer-container .layer-title.etc h2{font-size:39px;font-weight:500;}
.layer-wrap .layer-container .layer-title .txt{margin-top:10px;font-size:24px;color:#ccc;}
.layer-wrap .layer-container .layer-title .txt em{color:#fff;}
.layer-wrap .layer-container .layer-content{padding:60px 0}
.layer-wrap .layer-container .layer-close{overflow:hidden;position:absolute;right:0px;top:120px;width:79px;height:79px;background:url(../img/layer/btn_layer_close.png) no-repeat 0 0;background-size:100%;text-indent:-5000em}
.layer-wrap .sns-list ul{overflow:hidden;margin:0 -30px;}
.layer-wrap .sns-list li{float:left;width:20%;padding:0 30px;vertical-align:top;}
.layer-wrap .sns-list li a{display:block;}
.layer-wrap .sns-list li a div{overflow:hidden;width:122px;height:122px;border:1px solid #ccc;border-radius:50%;background:url(../img/layer/layer-sns-list.png) no-repeat;background-size:200% auto;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;}
.layer-wrap .sns-list li a:hover div{border-color:#fff;background-color:#fff;}
.layer-wrap .sns-list li.steemit a div{background-position:0 0;}
.layer-wrap .sns-list li.reddit a div{background-position:0 -120px;}
.layer-wrap .sns-list li.facebook a div{background-position:0 -240px;}
.layer-wrap .sns-list li.twitter a div{background-position:0 -360px;}
.layer-wrap .sns-list li.youtube a div{background-position:0 -480px;}
.layer-wrap .sns-list li.steemit a:hover div{background-position:100% 0;}
.layer-wrap .sns-list li.reddit a:hover div{background-position:100% -120px;}
.layer-wrap .sns-list li.facebook a:hover div{background-position:100% -240px;}
.layer-wrap .sns-list li.twitter a:hover div{background-position:100% -360px;}
.layer-wrap .sns-list li.youtube a:hover div{background-position:100% -480px;}
.layer-wrap .sns-list li a span{display:block;margin-top:10px;font-size:24px;color:#ccc;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;}
.layer-wrap .sns-list li a:hover span{color:#fff;}
.layer-wrap .lang-select ul{overflow:hidden;margin:0 -10px;}
.layer-wrap .lang-select li{float:left;width:50%;padding:0 10px;}
.layer-wrap .lang-select.col3 li{width:33.3333%;}
.layer-wrap .lang-select li a{display:table-cell;width:1000px;height:120px;border:2px solid #858389;border-radius:3px;color:#fff;text-align:center;vertical-align:middle;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;}
.layer-wrap .lang-select li a:hover{border-color:#fff;background-color:#fff;color:#000;}
.layer-wrap .lang-select li a em{display:block;font-size:30px;font-weight:500;}
.layer-wrap .lang-select li a span{display:block;font-size:24px;font-weight:300;}
.layer-wrap .lang-select li a em + span,
.layer-wrap .lang-select li a span + em{margin-top:5px;}
.layer-wrap [class*="-link"]{margin-top:35px;}
.layer-wrap [class*="-link"] a{display:inline-block;position:relative;padding-left:25px;font-size:18px;color:#ccc;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;}
.layer-wrap [class*="-link"] a:before{content:'';position:absolute;left:0;right:0;bottom:-3px;height:1px;background-color:#ccc;}
.layer-wrap [class*="-link"] a:hover{color:#fff;}
.layer-wrap [class*="-link"] a:active{text-decoration:none !important;}
.layer-wrap .email-link{text-align:center;}
.layer-wrap .email-link a{background:url(../img/layer/ico_email.png) no-repeat 0 center;}
.layer-wrap .download-link a{background:url(../img/layer/ico-download.png) no-repeat 0 center;}

/* MODAL */
.modal-header{padding:0 0 22px;border-bottom:1px solid #ccc;font-size:24px;font-weight:500;color:#333;}
.modal-header .modal-title{line-height:1;}
.modal-header .close{overflow:hidden;position:absolute;right:30px;top:30px;width:25px;height:25px;background:url(../img/layer/btn_layer_close2.png) no-repeat 0 0;background-size:100%;text-indent:-5000em;opacity:1;}
.modal-content{position:relative;padding:30px;}
.modal-body{padding:20px 0;}
.modal-body #container{padding:0;}
.modal-body{font-size:15px;line-height:1.5;letter-spacing:-0.03em;}
.modal-body .btn-wrap{overflow:hidden;margin-top:20px;padding-top:30px;border-top:1px solid #ccc;}
.modal-body .btn-wrap a{min-width:150px;font-size:24px;}
.modal-body .btn-wrap .check-box{float:left;}
.modal-body .btn-wrap .check-box input{width:30px;height:30px;}
.modal-body .btn-wrap .check-box label{margin:2px 0 0 10px;font-size:18px;color:#333;vertical-align:top;}
.modal-body .btn-wrap .check-box + .btn-bg{float:right;margin-top:-6px;}
.modal-body .alarm-box .txt1{min-height:140px;}
.modal-body .agreement{overflow-y:auto;max-height:400px;}
.modal-body .agreement a{color:#452d82;text-decoration:underline;}
.modal-body .agreement p + p,
.modal-body .agreement li{margin-top:10px;}
.modal-body .agreement li{margin-left:15px;list-style:decimal;}
.modal-body .agreement .tit{font-size:18px;font-weight:600;color:#333;text-align:center;}
.modal-body .agreement .txt2{margin-top:30px;color:#333;}
.modal-body .agreement .txt2:first-child{margin-top:0;}
.modal-body .tb-list1 > table > thead > tr > th{border-bottom:1px solid #999;background-color:#d9d9d9;font-weight:500;color:#333;text-align:center;}
.modal-body .tb-list1 > table > tbody > tr > th,
.modal-body .tb-list1 > table > tbody > tr > td{border-bottom:1px solid #ccc;background-color:#fff;text-align:center;}
.modal-body .hover .tb-list1 > table > tbody > tr:hover > th,
.modal-body .hover .tb-list1 > table > tbody > tr:hover > td{background-color:#f4efff;}

/* LOADING */
.loading{position:fixed;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:3px;background:#000;opacity:0.7;position:fixed;}
.loading > div{width:60px;height:60px;position:absolute;left:50%;margin-left:-30px;top:50%;margin-top:-30px;}
.loading > div > div{content:'';position:absolute;width:16px;height:16px;background:#ffbc2b;top:10px;left:10px;transform-origin:20px 20px;border-radius:8px;animation:spin-a 2s infinite cubic-bezier(0.5, 0, 0.5, 1);}
.loading > div > .c2{top:10px;left:auto;right:10px;transform-origin:-4px 20px;animation:spin-b 2s infinite cubic-bezier(0.5, 0, 0.5, 1);}
.loading > div > .c3{top:auto;left:auto;right:10px;bottom:10px;transform-origin:-4px -4px;animation:spin-c 2s infinite cubic-bezier(0.5, 0, 0.5, 1);}
.loading > div > .c4{top:auto;bottom:10px;transform-origin:20px -4px;animation:spin-d 2s infinite cubic-bezier(0.5, 0, 0.5, 1);}
.loading > span{display:none;width:100px;height:30px;position:absolute;left:50%;margin-left:-50px;top:50%;margin-top:30px;color:#ffbc2b;font-size:12px;text-align:center;}
@keyframes spin-a{
	0%   {transform:rotate(90deg);}
	0%   {transform:rotate(90deg);}
	50%  {transform:rotate(180deg);}
	75%  {transform:rotate(270deg);}
	100% {transform:rotate(360deg);}
}
@keyframes spin-b{
	0%   {transform:rotate(90deg);}
	25%  {transform:rotate(90deg);}
	25%  {transform:rotate(180deg);}
	75%  {transform:rotate(270deg);}
	100% {transform:rotate(360deg);}
}
@keyframes spin-c{
	0%   {transform:rotate(90deg);}
	25%  {transform:rotate(90deg);}
	50%  {transform:rotate(180deg);}
	50%  {transform:rotate(270deg);}
	100% {transform:rotate(360deg);}
}
@keyframes spin-d{
	0%   {transform:rotate(90deg);}
	25%  {transform:rotate(90deg);}
	50%  {transform:rotate(180deg);}
	75%  {transform:rotate(270deg);}
	75%  {transform:rotate(360deg);}
	100% {transform:rotate(360deg);}
}

/* CONTRAL CSS */
@media all and (max-width:1300px){
	#header h1,
	.holder{padding:0 20px;}
	#footer .sns-list{width:64%;}

	.isMobile .layer-wrap{position:fixed;}
	.isMobile .layer-wrap .holder{min-width:auto;}
	.isMobile .layer-wrap .layer-container .layer-close{margin-right:3vw;}

	.isMobile #header .all-menu-btn{top:20px}
}

/* TABLETE CSS */
@media all and (max-width:1024px){
	.isMobile .holder{padding:0 3vw;}
	#login .holder{max-width:inherit;}
	.isMobile #header .header-wrap{height:110px}
	.isMobile #header .all-menu-btn{display:block}
	.isMobile #header .nav-menu,
	.isMobile #header .gnb-common{display:none}
	.isMobile #header .logo{top:32px;}

	.isMobile #slidemenu .con-group{width:70%;padding-top:130px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
	.isMobile #slidemenu .con-group .lang-menu{padding:0 30px;}
	.isMobile #slidemenu .con-group .nav-menu{padding:0 30px;}
	.isMobile #slidemenu .con-group .nav-menu .btns{margin:0 30px;}
	.isMobile #slidemenu .con-group .nav-menu .btns .inner{margin:20px 0;}

	.isMobile #footer .foot-list{float:none;margin-top:20px;}
	.isMobile #footer .foot-list .contact{overflow:hidden;}
	.isMobile #footer .foot-list .contact > div{float:left;margin:5px 20px 0 0 !important;}
	
	.isMobile .modal-body ::-webkit-scrollbar{-webkit-appearance:none;}
	.isMobile .modal-body ::-webkit-scrollbar:vertical{width:12px !important;}
	.isMobile .modal-body ::-webkit-scrollbar:horizontal{height:12px !important;}
	.isMobile .modal-body ::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(0,0,0,.5);box-shadow:0 0 1px rgba(255,255,255,.5);}
	.isMobile .modal-body ::-webkit-scrollbar-thumb{background:#a9a9a9;}

	.isMobile .global-banner{display:none !important;}
}

/* MOBILE CSS */
@media all and (max-width:767px){
	.isMobile .holder{padding:0 5vw;}

	.isMobile #header .header-wrap{height:90px}
	.isMobile #header .logo{top:25px;left:0;}
	.isMobile #header .all-menu-btn a{width:50px;height:50px;}
	.isMobile #header .all-menu-btn span{left:10px;width:30px;height:3px;}
	.isMobile #header .all-menu-btn span.bar1{top:14px;}
	.isMobile #header .all-menu-btn span.bar3{top:34px;}
	.isMobile #header .float-group{bottom:20px;}
	.isMobile #header .float-group a{width:60px;height:60px;font-size:15px;line-height:60px;}
	.isMobile #header .float-group a + a{margin-top:15px;}
	.isMobile #header .float-group a span{line-height:1.2;}
	.isMobile #header .float-group .top-btn{margin-bottom:-80px;background-size:20px auto;}
	.isMobile #header .float-group .top-btn.on{margin-bottom:0;}
	
	.isMobile #slidemenu .con-group{width:90%;padding-top:100px;}
	.isMobile #slidemenu .con-group .lang-menu{padding:0 20px;}
	.isMobile #slidemenu .con-group .nav-menu{padding:0 20px;}
	.isMobile #slidemenu .con-group .nav-menu .btns{margin:0 20px;}
	.isMobile #slidemenu .con-group .lang-menu p a,
	.isMobile #slidemenu .con-group .lang-menu p span{width:60px;height:25px;font-size:15px;line-height:25px;}
	.isMobile #slidemenu .con-group .nav-menu [class*="menu-list"] > ul > li > a{padding:6px 0;font-size:26px;}
	.isMobile #slidemenu .con-group .nav-menu .menu-list-sub > ul > li > a{font-size:20px;}

	.isMobile #footer{padding:50px 0;}
	.isMobile #footer .sns-list li a{line-height:35px;}
	.isMobile #footer .foot-list .menu li{float:none;margin:0;padding:5px 0;}
	.isMobile #footer .foot-list .menu li a{width:100%;}
	.isMobile #footer .foot-list .contact{font-size:13px;}
	.isMobile #footer .foot-list .copyright{font-size:12px;}

	.isMobile .layer-wrap .holder{min-width:100%;max-width:100%;padding:0 30px;}
	.isMobile .layer-wrap .layer-container .layer-title{padding-top:18px;text-align:left;}
	.isMobile .layer-wrap .layer-container .layer-title h2{font-size:35px;}
	.isMobile .layer-wrap .layer-container .layer-content{padding-top:40px;}
	.isMobile .layer-wrap .layer-container .layer-close{top:20px;width:35px;height:35px;margin-right:5vw;}
	.isMobile .layer-wrap .sns-list{margin-top:0;}
	.isMobile .layer-wrap .sns-list ul{padding:0 30px;}
	.isMobile .layer-wrap .sns-list li{width:100%;margin-bottom:25px;padding:0;}
	.isMobile .layer-wrap .sns-list li a{overflow:hidden;}
	.isMobile .layer-wrap .sns-list li a div{float:left;width:80px;height:80px;margin-right:20px;padding-bottom:0;border-color:#fff;background-color:#fff;}
	.isMobile .layer-wrap .sns-list li.steemit a div{background-position:100% 0;}
	.isMobile .layer-wrap .sns-list li.reddit a div{background-position:100% -78px;}
	.isMobile .layer-wrap .sns-list li.facebook a div{background-position:100% -156px;}
	.isMobile .layer-wrap .sns-list li.twitter a div{background-position:100% -234px;}
	.isMobile .layer-wrap .sns-list li.youtube a div{background-position:100% -312px;}
	.isMobile .layer-wrap .sns-list li.steemit a:hover div{background-position:100% 0;}
	.isMobile .layer-wrap .sns-list li.reddit a:hover div{background-position:100% -78px;}
	.isMobile .layer-wrap .sns-list li.facebook a:hover div{background-position:100% -156px;}
	.isMobile .layer-wrap .sns-list li.twitter a:hover div{background-position:100% -234px;}
	.isMobile .layer-wrap .sns-list li.youtube a:hover div{background-position:100% -312px;}
	.isMobile .layer-wrap .sns-list li a span{margin-top:24px;font-size:30px;color:#fff;text-align:left;}
	.isMobile .layer-wrap .lang-select li{float:none;width:100%;margin-bottom:20px;}
	.isMobile .modal-body .dataTables_wrapper,
	.isMobile .modal-body .table-area{overflow-x:auto;}
	.isMobile .modal-body .dataTables_wrapper table,
	.isMobile .modal-body .table-area > div{width:750px !important;}
	.isMobile .modal-body .btn-wrap .check-box{overflow:hidden;}
	.isMobile .modal-body .btn-wrap .check-box input{float:left;}
	.isMobile .modal-body .btn-wrap .check-box label{display:block;overflow:hidden;}
	.isMobile .modal-body .btn-wrap .check-box + .btn-bg{width:100%;margin-top:20px;}
	.isMobile .modal-body .agreement{max-height:200px;}
}