@charset "utf-8";
@import url('/css/font-awesome.min.css');
@import url('/css/font-awesome.css');
@font-face {
	font-family:'Nanum Gothic Light';
	src:url('/fonts/NanumGothicLight.eot');
	src:url('/fonts/NanumGothicLight.eot?#iefix') format('embeded-opentype'),
		url('/fonts/NanumGothicLight.woff') format('woff');
}
@font-face {
	font-family:'Nanum Gothic';
	src:url('/fonts/NanumGothic.eot');
	src:url('/fonts/NanumGothic.eot?#iefix') format('embeded-opentype'),
		url('/fonts/NanumGothic.woff') format('woff');
}
@font-face {
	font-family:'Nanum Gothic Bold';
	src:url('/fonts/NanumGothicBold.eot');
	src:url('/fonts/NanumGothicBold.eot?#iefix') format('embeded-opentype'),
		url('/fonts/NanumGothicBold.woff') format('woff');
}
@font-face {
	font-family:'Nanum Gothic EB';
	src:url('/fonts/NanumGothicExtraBold.eot');
	src:url('/fonts/NanumGothicExtraBold.eot?#iefix') format('embeded-opentype'),
		url('/fonts/NanumGothicExtraBold.woff') format('woff');
}

@font-face {
	font-family:'NanumSquareR';
	src:url('/fonts/NanumSquareR.eot');
	src:url('/fonts/NanumSquareR.eot?#iefix') format('embeded-opentype'),
		url('/fonts/NanumSquareR.woff') format('woff');
}
@font-face {
	font-family:'NanumSquareB';
	src:url('/fonts/NanumSquareB.eot');
	src:url('/fonts/NanumSquareB.eot?#iefix') format('embeded-opentype'),
		url('/fonts/NanumSquareB.woff') format('woff');
}
@font-face {
	font-family:'NanumSquareL';
	src:url('/fonts/NanumSquareL.eot');
	src:url('/fonts/NanumSquareL.eot?#iefix') format('embeded-opentype'),
		url('/fonts/NanumSquareL.woff') format('woff');
}
@font-face {
	font-family:'NanumSquareEB';
	src:url('/fonts/NanumSquareEB.eot');
	src:url('/fonts/NanumSquareEB.eot?#iefix') format('embeded-opentype'),
		url('/fonts/NanumSquareEB.woff') format('woff');
}

@font-face {
	font-family:'GothamBold';
	src:url('/fonts/GothamBold.eot');
	src:url('/fonts/GothamBold.eot?#iefix') format('embeded-opentype'),
		url('/fonts/GothamBold.woff') format('woff');
}
@font-face {
	font-family:'GothamMedium';
	src:url('/fonts/GothamMedium.eot');
	src:url('/fonts/GothamMedium.eot?#iefix') format('embeded-opentype'),
		url('/fonts/GothamMedium.woff') format('woff');
}

@font-face {
	font-family:'GothamLight';
	src:url('/fonts/GothamLight.eot');
	src:url('/fonts/GothamLight.eot?#iefix') format('embeded-opentype'),
		url('/fonts/GothamLight.woff') format('woff');
}

/*****************************/
/* Publisher olibu. Reset CSS */
/*****************************/

/* ---------------------
base
---------------------- */
BODY {scrollbar-face-color:#FFFFFF;    /*[실제로 움직이는 바 색상]*/
	scrollbar-shadow-color:#DEDEDE;    /*[바의 그림자 색상]*/
	scrollbar-highlight-color:#DEDEDE;  /*  [바의 왼쪽 위의 얇은 선 색상]*/
	scrollbar-3dlight-color:#FFFFFF;    /*[화살표 부분의 바깥 테두리 색상]*/
	scrollbar-darkshadow-color:#FFFFFF;  /*  [바의 오른쪽 아래 얇은 색상]*/
	scrollbar-track-color:#FFFFFF;   /* [바가 없는 부분(트랙)의 색상]*/
	scrollbar-arrow-color:#DEDEDE;  /* [화살표 색상]*/
	background-color:#ffffff;
	
	color:#4b4b4b; font-family:'Nanum Gothic', 'Nanum Gothic Bold', Dotum,'Open Sans', Helvetica, Arial, Montserrat, sans-serif;
	LINE-HEIGHT: 18px; font-size:12px;
	margin:0px 0px 0 0px; padding:0;
	overflow:hidden;
}

/* HTML Reset */

html, body {width:100%;height:100%;}
body{overflow-x:visible; overflow-y:auto; !important}
body {-ms-overflow-y: scroll; /*min-width:320px*/}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video { margin:0; padding:0; border:0; color:inherit; vertical-align:baseline; background:transparent;-webkit-text-size-adjust:none;}

header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display: block;}
div, p, ul, li,ol, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px;margin:0px;vertical-align:top;}
ul, ol, dl, dd, dt, li {list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
form, fieldset{margin:0;padding:0;border:0}
table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;border-spacing:0;}

img {border:0 none; outline:none;vertical-align:top;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px}
label {cursor:pointer;}
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
i, em, address, cite, code, dfn, th, var, {font-style:normal}
caption{visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}
legend{position:absolute;top:0;left:0;visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}
/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block;padding:0;margin:0}

hr, legend {display:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}
ins { text-decoration:underline;}
del { text-decoration:line-through;}
mark { background:none;}


/* Input Reset */
input[type="checkbox"]{margin:0; vertical-align:middle; margin-right:2px}
input[type="radio"]{margin:0; vertical-align:middle; margin-right:2px}
input[type="file"] {border:0px solid #ccc;padding:2px 5px}
input[type=text] {border-radius: 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-webkit-appearance: none;}

input {margin:0;vertical-align:middle;color:#666;background:#fff;border:1px solid #d2d2d2;border-radius:0px;transition: all 0.3s ease-out}
input:not([type='checkbox,radio']):focus::-webkit-input-placeholder {color: transparent;}
input:hover {border-radius:0px}
input:focus {outline: none;border-radius:0px;border-color:#e60012;}


/* Mobile Reset */
*{-webkit-text-size-adjust:none}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], textarea{-webkit-appearance:none; -webkit-border-radius:0}
select{-webkit-border-radius:0}

select{background: url(/img/select_arrow.png) right center no-repeat; /* 네이티브 화살표 대체 */ /* border-radius: 0px; /* iOS 둥근모서리 제거 */border:1px solid #cccccc;line-height:28px;height:30px;padding:0;margin:0 2px 0 0;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-box-sizing:content-box;color:#666;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {display: none;}


button {padding:0; margin:0; border:0; vertical-align:middle; background:none; font-family:'NanumGothic','나눔고딕', AppleGothic, Sans-serif, Dotum, "돋움"; cursor:pointer;}
button * { margin:0; padding:0;}
button::-moz-focus-inner { padding:0; border:0;}

/* Input Reset */

.png24 {tmp:expression(setPng24(this));}

a {text-decoration:none;cursor:pointer;}
a:hover {
	color:#0063b6;
	text-decoration:none;
}
a.hover:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
	}

a.active { color:#0063b6;}
a:focus {text-decoration: none;}

/*	text-align styles
-------------------------------------------------------------------*/
.center	{ text-align: center !important; }
.left {	text-align: left !important; }
.right { text-align: right !important; }
.middle { vertical-align: middle !important; }
.top { vertical-align: top !important; }

.pointer {cursor:pointer;}
.blind {position:absolute; left:-9999em; overflow:hidden; width:0; height:0; line-height:0;}

.btn_left{display: block; text-align:left;}
.btn_center{display: block; text-align:center;}
.btn_right{display: block; text-align:right;}

/*	size styles
-------------------------------------------------------------------*/
.f10 { font-size:10px; }  /*renders 10px */
.f11 { font-size:11px; }  /*renders 11px */
.f12 { font-size:12px; }  /*renders 12px */
.f13 { font-size:13px; }  /*renders 12px */
.f14 { font-size:14px; } /*renders 14px */
.f15 { font-size:15px; } /*renders 15px */
.f16 { font-size:16px; } /*renders 16px */
.f18 { font-size:18px; } /*renders 18px */
.f20 { font-size:20px; } /*renders 20px */
.f22 { font-size:22px; } /*renders 22px */
.f24 { font-size:24px; } /*renders 24px */
.f26 { font-size:26px; } /*renders 26px */
.f30 { font-size:30px; } /*renders 30px */
.f34 { font-size:34px; } /*renders 34px */
.f36 { font-size:36px; } /*renders 36px */
.f38 { font-size:38px; } /*renders 38px */

.fEB {font-family:'Nanum Gothic EB';}
.fBold {font-family:'Nanum Gothic Bold';}
.fNormal {font-family:'Nanum Gothic';}
.fLight {font-family:'Nanum Gothic Light';}

.NSL{font-family:'NanumSquareL';}
.NSR{font-family:'NanumSquareR';}
.NSB{font-family:'NanumSquareB';}
.NSEb{font-family:'NanumSquareEB';}

.GothamB{font-family:'GothamBold';}
.GothamM{font-family:'GothamMedium';}
.GothamL{font-family:'GothamLight';}

/*	color styles
-------------------------------------------------------------------*/
.red { color: #C00 !important; }
.blue { color: #0063b6 !important; }
.lblue { color: #0887d7 !important; }
.dblue { color: #126fb6 !important; }
.red01 { color: #cb1430 !important; }
.white { color: #ffffff; }
.dgray { color: #424242; }
.gray { color: #AAA; }
.gray1 { color: #d9dee5; }
.gray2 { color: #bbb; }
.gray3 { color: #777; }
.gray4 { color: #333; }
.gray5 { color: #9f9f9f; }
.gray6 { color: #5f5f5f; }
.gray7 { color: #1a1a1a; }
.green { color: #487328; }
.green2 { color: #9dc675; }
.yellow { color: #FC0; }
.brown { color: #826844; }
.orange { color: #fa993b; }
.gblack { color: #2a2a2a; }
.black { color: #000; }
.dred { color: #c92026;}
.red02 { color: #d11222 !important; }


.line-through {text-decoration: line-through}
 
/* clearFix */
.clearFix:before,
.clearFix:after { content:" "; display:table; clear:both; height:0;}
* html .clearFix {height:1%}
.clear { clear:both; }

/* float */
.floatL { float:left;}
.floatR { float:right;}

/* skipToContent */
#skipToContent a { position:absolute; top:0px; left:0px; z-index:9999; width:100%; height:1px;	margin-top:-1px; display:block;	background-color:white; font-size:14px; font-weight:bold; color:#111; line-height:1; text-align:center; overflow:hidden;}
#skipToContent a:focus,
#skipToContent a:active { margin-top:0px; height:auto; padding:10px 0px;}

/* drag color */
::selection {background:#0063b6; color:#FFF; text-shadow:none;}
::-moz-selection {background:#0063b6; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#0063b6/*1eb875*/; color:#FFF; text-shadow:none;} 

/*==================================================================
	padding setting
===================================================================*/

.p0{padding:0px !important; }
.p1{padding:1px !important; }
.p2{padding:2px !important; }
.p3{padding:3px !important; }
.p4{padding:4px !important; }
.p5{padding:5px !important; }
.p6{padding:6px !important; }
.p7{padding:7px !important; }
.p8{padding:8px !important; }
.p9{padding:9px !important; }
.p10{padding:10px !important; }
.p11{padding:11px !important; }
.p12{padding:12px !important; }
.p13{padding:13px !important; }
.p14{padding:14px !important; }
.p15{padding:15px !important; }
.p16{padding:16px !important; }
.p17{padding:17px !important; }
.p18{padding:18px !important; }
.p19{padding:19px !important; }
.p20{padding:20px !important; }
.p21{padding:21px !important; }
.p22{padding:22px !important; }
.p23{padding:23px !important; }
.p24{padding:24px !important; }
.p25{padding:25px !important; }
.p26{padding:26px !important; }
.p27{padding:27px !important; }
.p28{padding:28px !important; }
.p29{padding:29px !important; }
.p30{padding:30px !important; }
.p31{padding:31px !important; }
.p32{padding:32px !important; }
.p33{padding:33px !important; }
.p34{padding:34px !important; }
.p35{padding:35px !important; }
.p36{padding:36px !important; }
.p37{padding:37px !important; }
.p38{padding:38px !important; }
.p39{padding:39px !important; }
.p40{padding:40px !important; }
.p41{padding:41px !important; }
.p42{padding:42px !important; }
.p43{padding:43px !important; }
.p44{padding:44px !important; }
.p45{padding:45px !important; }
.p46{padding:46px !important; }
.p47{padding:47px !important; }
.p48{padding:48px !important; }
.p49{padding:49px !important; }
.p50{padding:50px !important; }

.pt0{padding-top:0px !important; }
.pt1{padding-top:1px !important; }
.pt2{padding-top:2px !important; }
.pt3{padding-top:3px !important; }
.pt4{padding-top:4px !important; }
.pt5{padding-top:5px !important; }
.pt6{padding-top:6px !important; }
.pt7{padding-top:7px !important; }
.pt8{padding-top:8px !important; }
.pt9{padding-top:9px !important; }
.pt10{padding-top:10px !important; }
.pt11{padding-top:11px !important; }
.pt12{padding-top:12px !important; }
.pt13{padding-top:13px !important; }
.pt14{padding-top:14px !important; }
.pt15{padding-top:15px !important; }
.pt16{padding-top:16px !important; }
.pt17{padding-top:17px !important; }
.pt18{padding-top:18px !important; }
.pt19{padding-top:19px !important; }
.pt20{padding-top:20px !important; }
.pt21{padding-top:21px !important; }
.pt22{padding-top:22px !important; }
.pt23{padding-top:23px !important; }
.pt24{padding-top:24px !important; }
.pt25{padding-top:25px !important; }
.pt26{padding-top:26px !important; }
.pt27{padding-top:27px !important; }
.pt28{padding-top:28px !important; }
.pt29{padding-top:29px !important; }
.pt30{padding-top:30px !important; }
.pt31{padding-top:31px !important; }
.pt32{padding-top:32px !important; }
.pt33{padding-top:33px !important; }
.pt34{padding-top:34px !important; }
.pt35{padding-top:35px !important; }
.pt36{padding-top:36px !important; }
.pt37{padding-top:37px !important; }
.pt38{padding-top:38px !important; }
.pt39{padding-top:39px !important; }
.pt40{padding-top:40px !important; }
.pt41{padding-top:41px !important; }
.pt42{padding-top:42px !important; }
.pt43{padding-top:43px !important; }
.pt44{padding-top:44px !important; }
.pt45{padding-top:45px !important; }
.pt46{padding-top:46px !important; }
.pt47{padding-top:47px !important; }
.pt48{padding-top:48px !important; }
.pt49{padding-top:49px !important; }
.pt50{padding-top:50px !important; }
.pt55{padding-top:55px !important; }
.pt60{padding-top:60px !important; }
.pt70{padding-top:70px !important; }
.pt80{padding-top:80px !important; }
.pt90{padding-top:90px !important; }
.pt100{padding-top:100px !important; }


.pr0{padding-right:0px !important; }
.pr1{padding-right:1px !important; }
.pr2{padding-right:2px !important; }
.pr3{padding-right:3px !important; }
.pr4{padding-right:4px !important; }
.pr5{padding-right:5px !important; }
.pr6{padding-right:6px !important; }
.pr7{padding-right:7px !important; }
.pr8{padding-right:8px !important; }
.pr9{padding-right:9px !important; }
.pr10{padding-right:10px !important; }
.pr11{padding-right:11px !important; }
.pr12{padding-right:12px !important; }
.pr13{padding-right:13px !important; }
.pr14{padding-right:14px !important; }
.pr15{padding-right:15px !important; }
.pr16{padding-right:16px !important; }
.pr17{padding-right:17px !important; }
.pr18{padding-right:18px !important; }
.pr19{padding-right:19px !important; }
.pr20{padding-right:20px !important; }
.pr21{padding-right:21px !important; }
.pr22{padding-right:22px !important; }
.pr23{padding-right:23px !important; }
.pr24{padding-right:24px !important; }
.pr25{padding-right:25px !important; }
.pr26{padding-right:26px !important; }
.pr27{padding-right:27px !important; }
.pr28{padding-right:28px !important; }
.pr29{padding-right:29px !important; }
.pr30{padding-right:30px !important; }
.pr31{padding-right:31px !important; }
.pr32{padding-right:32px !important; }
.pr33{padding-right:33px !important; }
.pr34{padding-right:34px !important; }
.pr35{padding-right:35px !important; }
.pr36{padding-right:36px !important; }
.pr37{padding-right:37px !important; }
.pr38{padding-right:38px !important; }
.pr39{padding-right:39px !important; }
.pr40{padding-right:40px !important; }
.pr41{padding-right:41px !important; }
.pr42{padding-right:42px !important; }
.pr43{padding-right:43px !important; }
.pr44{padding-right:44px !important; }
.pr45{padding-right:45px !important; }
.pr46{padding-right:46px !important; }
.pr47{padding-right:47px !important; }
.pr48{padding-right:48px !important; }
.pr49{padding-right:49px !important; }
.pr50{padding-right:50px !important; }

.pb0{padding-bottom:0px !important; }
.pb1{padding-bottom:1px !important; }
.pb2{padding-bottom:2px !important; }
.pb3{padding-bottom:3px !important; }
.pb4{padding-bottom:4px !important; }
.pb5{padding-bottom:5px !important; }
.pb6{padding-bottom:6px !important; }
.pb7{padding-bottom:7px !important; }
.pb8{padding-bottom:8px !important; }
.pb9{padding-bottom:9px !important; }
.pb10{padding-bottom:10px !important; }
.pb11{padding-bottom:11px !important; }
.pb12{padding-bottom:12px !important; }
.pb13{padding-bottom:13px !important; }
.pb14{padding-bottom:14px !important; }
.pb15{padding-bottom:15px !important; }
.pb16{padding-bottom:16px !important; }
.pb17{padding-bottom:17px !important; }
.pb18{padding-bottom:18px !important; }
.pb19{padding-bottom:19px !important; }
.pb20{padding-bottom:20px !important; }
.pb21{padding-bottom:21px !important; }
.pb22{padding-bottom:22px !important; }
.pb23{padding-bottom:23px !important; }
.pb24{padding-bottom:24px !important; }
.pb25{padding-bottom:25px !important; }
.pb26{padding-bottom:26px !important; }
.pb27{padding-bottom:27px !important; }
.pb28{padding-bottom:28px !important; }
.pb29{padding-bottom:29px !important; }
.pb30{padding-bottom:30px !important; }
.pb31{padding-bottom:31px !important; }
.pb32{padding-bottom:32px !important; }
.pb33{padding-bottom:33px !important; }
.pb34{padding-bottom:34px !important; }
.pb35{padding-bottom:35px !important; }
.pb36{padding-bottom:36px !important; }
.pb37{padding-bottom:37px !important; }
.pb38{padding-bottom:38px !important; }
.pb39{padding-bottom:39px !important; }
.pb40{padding-bottom:40px !important; }
.pb41{padding-bottom:41px !important; }
.pb42{padding-bottom:42px !important; }
.pb43{padding-bottom:43px !important; }
.pb44{padding-bottom:44px !important; }
.pb45{padding-bottom:45px !important; }
.pb46{padding-bottom:46px !important; }
.pb47{padding-bottom:47px !important; }
.pb48{padding-bottom:48px !important; }
.pb49{padding-bottom:49px !important; }
.pb50{padding-bottom:50px !important; }

.pl0{padding-left:0px !important; }
.pl1{padding-left:1px !important; }
.pl2{padding-left:2px !important; }
.pl3{padding-left:3px !important; }
.pl4{padding-left:4px !important; }
.pl5{padding-left:5px !important; }
.pl6{padding-left:6px !important; }
.pl7{padding-left:7px !important; }
.pl8{padding-left:8px !important; }
.pl9{padding-left:9px !important; }
.pl10{padding-left:10px !important; }
.pl11{padding-left:11px !important; }
.pl12{padding-left:12px !important; }
.pl13{padding-left:13px !important; }
.pl14{padding-left:14px !important; }
.pl15{padding-left:15px !important; }
.pl16{padding-left:16px !important; }
.pl17{padding-left:17px !important; }
.pl18{padding-left:18px !important; }
.pl19{padding-left:19px !important; }
.pl20{padding-left:20px !important; }
.pl21{padding-left:21px !important; }
.pl22{padding-left:22px !important; }
.pl23{padding-left:23px !important; }
.pl24{padding-left:24px !important; }
.pl25{padding-left:25px !important; }
.pl26{padding-left:26px !important; }
.pl27{padding-left:27px !important; }
.pl28{padding-left:28px !important; }
.pl29{padding-left:29px !important; }
.pl30{padding-left:30px !important; }
.pl31{padding-left:31px !important; }
.pl32{padding-left:32px !important; }
.pl33{padding-left:33px !important; }
.pl34{padding-left:34px !important; }
.pl35{padding-left:35px !important; }
.pl36{padding-left:36px !important; }
.pl37{padding-left:37px !important; }
.pl38{padding-left:38px !important; }
.pl39{padding-left:39px !important; }
.pl40{padding-left:40px !important; }
.pl41{padding-left:41px !important; }
.pl42{padding-left:42px !important; }
.pl43{padding-left:43px !important; }
.pl44{padding-left:44px !important; }
.pl45{padding-left:45px !important; }
.pl46{padding-left:46px !important; }
.pl47{padding-left:47px !important; }
.pl48{padding-left:48px !important; }
.pl49{padding-left:49px !important; }
.pl50{padding-left:50px !important; }
.pl55{padding-left:55px !important; }
.pl60{padding-left:60px !important; }
.pl70{padding-left:70px !important; }
.pl80{padding-left:80px !important; }
.pl90{padding-left:90px !important; }
.pl95{padding-left:95px !important; }
.pl100{padding-left:100px !important; }
.pl110{padding-left:110px !important; }
.pl120{padding-left:120px !important; }
.pl125{padding-left:125px !important; }
.pl350{padding-left:350px !important; }

/*==================================================================
	margin setting
===================================================================*/

.m0{margin:0px !important; }
.m1{margin:1px !important; }
.m2{margin:2px !important; }
.m3{margin:3px !important; }
.m4{margin:4px !important; }
.m5{margin:5px !important; }
.m6{margin:6px !important; }
.m7{margin:7px !important; }
.m8{margin:8px !important; }
.m9{margin:9px !important; }
.m10{margin:10px !important; }
.m11{margin:11px !important; }
.m12{margin:12px !important; }
.m13{margin:13px !important; }
.m14{margin:14px !important; }
.m15{margin:15px !important; }
.m16{margin:16px !important; }
.m17{margin:17px !important; }
.m18{margin:18px !important; }
.m19{margin:19px !important; }
.m20{margin:20px !important; }
.m21{margin:21px !important; }
.m22{margin:22px !important; }
.m23{margin:23px !important; }
.m24{margin:24px !important; }
.m25{margin:25px !important; }
.m26{margin:26px !important; }
.m27{margin:27px !important; }
.m28{margin:28px !important; }
.m29{margin:29px !important; }
.m30{margin:30px !important; }
.m31{margin:31px !important; }
.m32{margin:32px !important; }
.m33{margin:33px !important; }
.m34{margin:34px !important; }
.m35{margin:35px !important; }
.m36{margin:36px !important; }
.m37{margin:37px !important; }
.m38{margin:38px !important; }
.m39{margin:39px !important; }
.m40{margin:40px !important; }
.m41{margin:41px !important; }
.m42{margin:42px !important; }
.m43{margin:43px !important; }
.m44{margin:44px !important; }
.m45{margin:45px !important; }
.m46{margin:46px !important; }
.m47{margin:47px !important; }
.m48{margin:48px !important; }
.m49{margin:49px !important; }
.m50{margin:50px !important; }


.mt0{margin-top:0px !important; }
.mt1{margin-top:1px !important; }
.mt2{margin-top:2px !important; }
.mt3{margin-top:3px !important; }
.mt4{margin-top:4px !important; }
.mt5{margin-top:5px !important; }
.mt6{margin-top:6px !important; }
.mt7{margin-top:7px !important; }
.mt8{margin-top:8px !important; }
.mt9{margin-top:9px !important; }
.mt10{margin-top:10px !important; }
.mt11{margin-top:11px !important; }
.mt12{margin-top:12px !important; }
.mt13{margin-top:13px !important; }
.mt14{margin-top:14px !important; }
.mt15{margin-top:15px !important; }
.mt16{margin-top:16px !important; }
.mt17{margin-top:17px !important; }
.mt18{margin-top:18px !important; }
.mt19{margin-top:19px !important; }
.mt20{margin-top:20px !important; }
.mt21{margin-top:21px !important; }
.mt22{margin-top:22px !important; }
.mt23{margin-top:23px !important; }
.mt24{margin-top:24px !important; }
.mt25{margin-top:25px !important; }
.mt26{margin-top:26px !important; }
.mt27{margin-top:27px !important; }
.mt28{margin-top:28px !important; }
.mt29{margin-top:29px !important; }
.mt30{margin-top:30px !important; }
.mt31{margin-top:31px !important; }
.mt32{margin-top:32px !important; }
.mt33{margin-top:33px !important; }
.mt34{margin-top:34px !important; }
.mt35{margin-top:35px !important; }
.mt36{margin-top:36px !important; }
.mt37{margin-top:37px !important; }
.mt38{margin-top:38px !important; }
.mt39{margin-top:39px !important; }
.mt40{margin-top:40px !important; }
.mt41{margin-top:41px !important; }
.mt42{margin-top:42px !important; }
.mt43{margin-top:43px !important; }
.mt44{margin-top:44px !important; }
.mt45{margin-top:45px !important; }
.mt46{margin-top:46px !important; }
.mt47{margin-top:47px !important; }
.mt48{margin-top:48px !important; }
.mt49{margin-top:49px !important; }
.mt50{margin-top:50px !important; }
.mt60{margin-top:60px !important; }
.mt65{margin-top:65px !important; }
.mt70{margin-top:70px !important; }
.mt80{margin-top:80px !important; }
.mt90{margin-top:90px !important; }
.mt100{margin-top:100px !important; }
.mt120{margin-top:120px !important; }

.mr0{margin-right:0px !important; }
.mr1{margin-right:1px !important; }
.mr2{margin-right:2px !important; }
.mr3{margin-right:3px !important; }
.mr4{margin-right:4px !important; }
.mr5{margin-right:5px !important; }
.mr6{margin-right:6px !important; }
.mr7{margin-right:7px !important; }
.mr8{margin-right:8px !important; }
.mr9{margin-right:9px !important; }
.mr10{margin-right:10px !important; }
.mr11{margin-right:11px !important; }
.mr12{margin-right:12px !important; }
.mr13{margin-right:13px !important; }
.mr14{margin-right:14px !important; }
.mr15{margin-right:15px !important; }
.mr16{margin-right:16px !important; }
.mr17{margin-right:17px !important; }
.mr18{margin-right:18px !important; }
.mr19{margin-right:19px !important; }
.mr20{margin-right:20px !important; }
.mr21{margin-right:21px !important; }
.mr22{margin-right:22px !important; }
.mr23{margin-right:23px !important; }
.mr24{margin-right:24px !important; }
.mr25{margin-right:25px !important; }
.mr26{margin-right:26px !important; }
.mr27{margin-right:27px !important; }
.mr28{margin-right:28px !important; }
.mr29{margin-right:29px !important; }
.mr30{margin-right:30px !important; }
.mr31{margin-right:31px !important; }
.mr32{margin-right:32px !important; }
.mr33{margin-right:33px !important; }
.mr34{margin-right:34px !important; }
.mr35{margin-right:35px !important; }
.mr36{margin-right:36px !important; }
.mr37{margin-right:37px !important; }
.mr38{margin-right:38px !important; }
.mr39{margin-right:39px !important; }
.mr40{margin-right:40px !important; }
.mr41{margin-right:41px !important; }
.mr42{margin-right:42px !important; }
.mr43{margin-right:43px !important; }
.mr44{margin-right:44px !important; }
.mr45{margin-right:45px !important; }
.mr46{margin-right:46px !important; }
.mr47{margin-right:47px !important; }
.mr48{margin-right:48px !important; }
.mr49{margin-right:49px !important; }
.mr50{margin-right:50px !important; }

.mb0{margin-bottom:0px !important; }
.mb1{margin-bottom:1px !important; }
.mb2{margin-bottom:2px !important; }
.mb3{margin-bottom:3px !important; }
.mb4{margin-bottom:4px !important; }
.mb5{margin-bottom:5px !important; }
.mb6{margin-bottom:6px !important; }
.mb7{margin-bottom:7px !important; }
.mb8{margin-bottom:8px !important; }
.mb9{margin-bottom:9px !important; }
.mb10{margin-bottom:10px !important; }
.mb11{margin-bottom:11px !important; }
.mb12{margin-bottom:12px !important; }
.mb13{margin-bottom:13px !important; }
.mb14{margin-bottom:14px !important; }
.mb15{margin-bottom:15px !important; }
.mb16{margin-bottom:16px !important; }
.mb17{margin-bottom:17px !important; }
.mb18{margin-bottom:18px !important; }
.mb19{margin-bottom:19px !important; }
.mb20{margin-bottom:20px !important; }
.mb21{margin-bottom:21px !important; }
.mb22{margin-bottom:22px !important; }
.mb23{margin-bottom:23px !important; }
.mb24{margin-bottom:24px !important; }
.mb25{margin-bottom:25px !important; }
.mb26{margin-bottom:26px !important; }
.mb27{margin-bottom:27px !important; }
.mb28{margin-bottom:28px !important; }
.mb29{margin-bottom:29px !important; }
.mb30{margin-bottom:30px !important; }
.mb31{margin-bottom:31px !important; }
.mb32{margin-bottom:32px !important; }
.mb33{margin-bottom:33px !important; }
.mb34{margin-bottom:34px !important; }
.mb35{margin-bottom:35px !important; }
.mb36{margin-bottom:36px !important; }
.mb37{margin-bottom:37px !important; }
.mb38{margin-bottom:38px !important; }
.mb39{margin-bottom:39px !important; }
.mb40{margin-bottom:40px !important; }
.mb41{margin-bottom:41px !important; }
.mb42{margin-bottom:42px !important; }
.mb43{margin-bottom:43px !important; }
.mb44{margin-bottom:44px !important; }
.mb45{margin-bottom:45px !important; }
.mb46{margin-bottom:46px !important; }
.mb47{margin-bottom:47px !important; }
.mb48{margin-bottom:48px !important; }
.mb49{margin-bottom:49px !important; }
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}

.ml0{margin-left:0px !important; }
.ml1{margin-left:1px !important; }
.ml2{margin-left:2px !important; }
.ml3{margin-left:3px !important; }
.ml4{margin-left:4px !important; }
.ml5{margin-left:5px !important; }
.ml6{margin-left:6px !important; }
.ml7{margin-left:7px !important; }
.ml8{margin-left:8px !important; }
.ml9{margin-left:9px !important; }
.ml10{margin-left:10px !important; }
.ml11{margin-left:11px !important; }
.ml12{margin-left:12px !important; }
.ml13{margin-left:13px !important; }
.ml14{margin-left:14px !important; }
.ml15{margin-left:15px !important; }
.ml16{margin-left:16px !important; }
.ml17{margin-left:17px !important; }
.ml18{margin-left:18px !important; }
.ml19{margin-left:19px !important; }
.ml20{margin-left:20px !important; }
.ml21{margin-left:21px !important; }
.ml22{margin-left:22px !important; }
.ml23{margin-left:23px !important; }
.ml24{margin-left:24px !important; }
.ml25{margin-left:25px !important; }
.ml26{margin-left:26px !important; }
.ml27{margin-left:27px !important; }
.ml28{margin-left:28px !important; }
.ml29{margin-left:29px !important; }
.ml30{margin-left:30px !important; }
.ml31{margin-left:31px !important; }
.ml32{margin-left:32px !important; }
.ml33{margin-left:33px !important; }
.ml34{margin-left:34px !important; }
.ml35{margin-left:35px !important; }
.ml36{margin-left:36px !important; }
.ml37{margin-left:37px !important; }
.ml38{margin-left:38px !important; }
.ml39{margin-left:39px !important; }
.ml40{margin-left:40px !important; }
.ml41{margin-left:41px !important; }
.ml42{margin-left:42px !important; }
.ml43{margin-left:43px !important; }
.ml44{margin-left:44px !important; }
.ml45{margin-left:45px !important; }
.ml46{margin-left:46px !important; }
.ml47{margin-left:47px !important; }
.ml48{margin-left:48px !important; }
.ml49{margin-left:49px !important; }
.ml50{margin-left:50px !important; }
.ml60{margin-left:60px !important; }
.ml70{margin-left:70px !important; }
.ml80{margin-left:80px !important; }
.ml100{margin-left:100px !important; }
.ml150{margin-left:150px !important; }

.mr_2{margin-right:2% !important; }

/* btn-type -------------------------------------------------------------------*/
.btn-type {display:inline-block;position:relative;cursor:pointer;transition:all 0.3s}
.btn-type.btn1 {height:30px;line-height:28px;padding:0px 30px;font-size:12px;text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn1.black {color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.btn1.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6}
.btn-type.btn1.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d}
.btn-type.btn1.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3}
.btn-type.btn1.orange {color:#fff !important;border:1px solid #ea520c;background:#ea520c}
.btn-type.btn1.lblue {color:#fff !important;border:1px solid #0596d7;background:#0596d7}
.btn-type.btn1.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319}
.btn-type.btn1.dgray {color:#fff !important;border:1px solid #666;background:#666}
.btn-type.btn1.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627}
.btn-type.btn1.gray {color:#fff !important;border:1px solid #a0a0a0;background:#a0a0a0}
.btn-type.btn1.white{color:#454545 !important;border:1px solid #707070;background:#fff}

.btn-type.btn2 {height:40px;line-height:38px;padding:0px 40px;font-size:16px;text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn2.white {color:#fff !important;border:1px solid #fff;background: none;}
.btn-type.btn2.white01 {color:#fff !important;border:1px solid #fff;background: none;}
.btn-type.btn2.black {color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.btn2.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6}
.btn-type.btn2.green {color:##6aae4f !important;border:1px solid #6aae4f;background: none;}
.btn-type.btn2.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3}
.btn-type.btn2.orange {color:#fff !important;border:1px solid #ea520c;background:#ea520c}
.btn-type.btn2.lblue {color:#fff !important;border:1px solid #0596d7;background:#0596d7}
.btn-type.btn2.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319}
.btn-type.btn2.dgray {color:#fff !important;border:1px solid #383939;background:#383939}
.btn-type.btn2.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627}
.btn-type.btn2.gray {color:#fff !important;border:1px solid #a0a0a0;background:#a0a0a0}
.btn-type.btn2.red {color:#fff !important;border:1px solid #c61322;background:#c61322}

.btn-type.btn3 {width:100%; height:48px;line-height:46px;text-align:center; font-size:14px; text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn3.black {color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.btn3.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6}
.btn-type.btn3.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d}
.btn-type.btn3.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3}
.btn-type.btn3.orange {color:#fff !important;border:1px solid #ea520c;background:#ea520c}
.btn-type.btn3.lblue {color:#fff !important;border:1px solid #12a8d9;background:#12a8d9}
.btn-type.btn3.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319}
.btn-type.btn3.dgray {color:#fff !important;border:1px solid #666;background:#666}
.btn-type.btn3.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627}
.btn-type.btn3.lgray {color:#fff !important;border:1px solid #989898;background:#989898}
.btn-type.btn3.gray {color:#c7c5c5 !important;border:1px solid #c7c5c5;background:#fff}
.btn-type.btn3.gray img{height:100%;}

.btn-type.btn3-1 {width:49%; height:48px;line-height:46px;text-align:center; font-size:14px; text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn3-1.black {color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.btn3-1.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6}
.btn-type.btn3-1.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d}
.btn-type.btn3-1.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3}
.btn-type.btn3-1.orange {color:#fff !important;border:1px solid #ea520c;background:#ea520c}
.btn-type.btn3-1.lblue {color:#fff !important;border:1px solid #12a8d9;background:#12a8d9}
.btn-type.btn3-1.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319}
.btn-type.btn3-1.dgray {color:#fff !important;border:1px solid #666;background:#666}
.btn-type.btn3-1.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627}
.btn-type.btn3-1.gray {color:#c7c5c5 !important;border:1px solid #c7c5c5;background:#fff}
.btn-type.btn3-1.gray01 {color:#5b5b5b !important;border:1px solid #d0d0d0;background:#f0f0f0}

.btn-type.btn4 {height:80px;line-height:78px;width:100%;text-align:center;font-size:16px;text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn4.black {color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.btn4.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6}
.btn-type.btn4.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d}
.btn-type.btn4.cyan {color:#fff !important;border:1px solid #45b4bf;background:#36c4d2}
.btn-type.btn4.orange {color:#fff !important;border:1px solid #fb8638;background:#fb8638}
.btn-type.btn4.cred {color:#fff !important;border:1px solid #f06247;background:#f06247}
.btn-type.btn4.gray {color:#fff !important;border:1px solid #a8a8a8;background:#999}
.btn-type.btn4.dgray {color:#fff !important;border:1px solid #5e5e5e;background:#5e5e5e}

.btn-type.btn5 {width:100%; height:55px;line-height:50px; text-align:center; font-size:16px; text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn5.black {color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.btn5.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6}
.btn-type.btn5.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d}
.btn-type.btn5.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3}
.btn-type.btn5.orange {color:#fff !important;border:1px solid #f47320;background:#f47320}
.btn-type.btn5.lblue {color:#fff !important;border:1px solid #12a8d9;background:#12a8d9}
.btn-type.btn5.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319}
.btn-type.btn5.dgray {color:#fff !important;border:1px solid #666;background:#666}
.btn-type.btn5.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627}
.btn-type.btn5.gray {color:#fff !important;border:1px solid #a0a0a0;background:#a0a0a0}
.btn-type.btn5.dgray {color:#fff !important;border:1px solid #424242;background:#424242}


.btn-type.btn6 {height:22px;line-height:18px;padding:0px 10px;font-size:11px;text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;margin-right:3px;}
.btn-type.btn6.black {color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.btn6.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6}
.btn-type.btn6.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d}
.btn-type.btn6.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3}
.btn-type.btn6.orange {color:#fff !important;border:1px solid #f47320;background:#f47320}
.btn-type.btn6.lblue {color:#fff !important;border:1px solid #0596d7;background:#0596d7}
.btn-type.btn6.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319}
.btn-type.btn6.cian {color:#fff !important;border:1px solid #666;background:#666}
.btn-type.btn6.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627}
.btn-type.btn6.gray {color:#fff !important;border:1px solid #a0a0a0;background:#a0a0a0}
.btn-type.btn6.lgray {color:#424242 !important;border:1px solid #cdd0d1;}
.btn-type.btn6.lgray_on{color:#f47320 !important;border:1px solid #f47320;background:#f9fbfb}
.btn-type.btn6.dgray {color:#fff !important;border:1px solid #5e5e5e;background:#5e5e5e}

.btn-type.btn7 {height:36px;line-height:32px;padding:0px 30px;font-size:14px;text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn7.black {color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.btn7.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6}
.btn-type.btn7.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d}
.btn-type.btn7.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3}
.btn-type.btn7.orange {color:#fff !important;border:1px solid #ea520c;background:#ea520c}
.btn-type.btn7.lblue {color:#fff !important;border:1px solid #35a5d7;background:#35a5d7}
.btn-type.btn7.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319}
.btn-type.btn7.dgray {color:#fff !important;border:1px solid #5e5e5e;background:#5e5e5e}
.btn-type.btn7.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627}
.btn-type.btn7.gray {color:#fff !important;border:1px solid #a0a0a0;background:#a0a0a0}

.btn-type.btn8 {height:50px;line-height:48px;padding:0px 50px;font-size:22px;text-transform:uppercase;font-family:'NanumSquareB';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn8.white {color:#fff !important;border:1px solid #fff;background: none;}
.btn-type.btn8.white01 {color:#fff !important;border:1px solid #fff;background: none;}
.btn-type.btn8.black {color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.btn8.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6}
.btn-type.btn8.green {color:##6aae4f !important;border:1px solid #6aae4f;background: none;}
.btn-type.btn8.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3}
.btn-type.btn8.orange {color:#fff !important;border:1px solid #ea520c;background:#ea520c}
.btn-type.btn8.lblue {color:#fff !important;border:1px solid #0596d7;background:#0596d7}
.btn-type.btn8.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319}
.btn-type.btn8.dgray {color:#fff !important;border:1px solid #383939;background:#383939}
.btn-type.btn8.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627}
.btn-type.btn8.gray {color:#fff !important;border:1px solid #a0a0a0;background:#a0a0a0}
.btn-type.btn8.red {color:#fff !important;border:1px solid #c61322;background:#c61322}


.btn-type.lgray:hover {cursor:pointer;background:#fff !important;color:#989898 !important;}
.btn-type.lgreen:hover {cursor:pointer;background:#fff !important;color:#63c627 !important;}
.btn-type.black:hover {cursor:pointer;background:#fff !important;color:#262729 !important;}
.btn-type.blue:hover {cursor:pointer;background:#fff !important;color:#0063b6 !important;}
.btn-type.green:hover {cursor:pointer;background:#fff !important;color:#11a23d !important;}
.btn-type.purple:hover {cursor:pointer;background:#fff !important;color:#954eb3 !important;}
.btn-type.orange:hover {cursor:pointer;background:#fff !important;color:#ea520c !important;}
.btn-type.lblue:hover {cursor:pointer;background:#fff !important;color:#12a8d9 !important;}
.btn-type.yellow:hover {cursor:pointer;background:#fff !important;color:#e2c319 !important;}
.btn-type.dgray:hover {cursor:pointer;background:#fff !important;color:#1a1a1a !important;}
.btn-type.gray:hover {cursor:pointer;background:#fff !important;color:#a0a0a0 !important;}
.btn-type.gray01:hover {cursor:pointer;background:#fff !important;color:#a0a0a0 !important;}
.btn-type.white:hover {cursor:pointer;background:#707070 !important;color:#fff !important;}

.btn-type.btn2.white:hover {cursor:pointer;border:1px solid #6aae4f; background:#6aae4f !important;color:#fff !important;}
.btn-type.btn2.white01:hover {cursor:pointer;border:1px solid #fff; background:#fff !important;color:#6aae4f !important;}

/* shop icon */
.icon-type {display:inline-block;position:relative; transition:all 0.3s}
.icon-type.icon1 {width:80px; height:22px;line-height:20px; text-align:center; font-size:12px; text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.icon-type.icon1.blue {color:#fff !important;background:#1c90cb}
.icon-type.icon1.green {color:#fff !important;background:#608d42}
.icon-type.icon1.gray {color:#fff !important;background:#585858}
.icon-type.icon1.orange {color:#fff !important;background:#e58700}
.icon-type.icon1.red {color:#fff !important;background:#e54100}

.icon-type.icon2 {width:150px; height:28px;line-height:25px; text-align:center; font-size:14px; text-transform:uppercase;font-family:'Nanum Gothic Bold';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.icon-type.icon2.blue {color:#fff !important;background:#12a8d9}

.icon-type.icon3 {width:80px; height:28px;line-height:26px; text-align:center; font-size:14px; text-transform:uppercase;font-family:'Nanum Gothic Bold';color:#666 !important;background:#fff; border:1px solid #666;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.icon-type.icon3.on {color:#fff !important;background:#0063b6;}

.icon-type.icon4 {padding:0px 10px; height:30px;line-height:28px; text-align:center; font-size:14px; text-transform:uppercase;font-family:'Nanum Gothic Bold';color:#0063b6 !important; border:1px solid #0063b6; background:#fff;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.icon-type.icon4.off {color:#fff !important;background:#828282; border:1px solid #828282;}

.icon-type.icon4.off:hover {background:#828282 !important; border:1px solid #828282; color:#fff !important;}
.icon-type.icon4:hover {cursor:pointer;background:#0063b6 !important; border:1px solid #0063b6; color:#fff !important;}

/* UI JS CSS */

.fadeinUp{opacity:1; animation:fadeInUpAni 0.6s ease; -webkit-animation:fadeInUpAni 0.6s}
@-webkit-keyframes fadeInUpAni{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0} 100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}
@keyframes fadeInUpAni{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0} 100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}