@charset "utf-8";

/* 초기화 */
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, 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, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
img { margin:0; padding:0; border:0; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1; }
ol, ul { list-style:none; }
em, address { font-style:normal; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
a:link, a:visited, a:active, a:hover { text-decoration:none; cursor:pointer; }
button { text-decoration:none; cursor:pointer; border:0; }
strong { font-weight:bold; }
em { font-style:italic; }
hr { border:none; border-top:1px solid #e4e4e4; }


/* mobile - 화면 회전시 폰트사이즈 고정 */
body { -webkit-text-size-adjust:none; }
/* mobile - input,textarea 초기화 */
input { border-radius:0px 0px; }
input:focus { background-color:#fffbe6; }
textarea { border-radius:0px 0px; -webkit-appearance:none; }
textarea:focus { background-color:#fffbe6; }
select:focus { background-color:#fffbe6; }

/* Selection-color */
::selection { background:#f39800; color:#fff; text-shadow:none; }
::-moz-selection { background:#f39800; color:#fff; text-shadow:none; }

/* Image-rendering */
img[src$=".gif"], img[src$=".png"] {
    image-rendering: -moz-crisp-edges;			/* Firefox */
    image-rendering:   -o-crisp-edges;			/* Opera */
    image-rendering: -webkit-optimize-contrast;	/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;	/* IE (non-standard property) */
}
img { max-width:100%; height:auto; }

a { color:#595959; transition:1s; -webkit-transition:1s; }
a:hover,
a:active { transition:1s; -webkit-transition:1s; }
/* Rollover
a.over-btn img { border-width:0; display:inline; } 
a.over-btn img.over { display:none; } 
a.over-btn:hover { border:0; } 
a.over-btn:hover img { display:none; } 
a.over-btn:hover img.over { display:inline; }
*/


body { font-size:100%; /*16/16*/ color:#595959; font-family:"Open Sans", Roboto, Helvetica, Arial, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Tahoma, Geneva, sans-serif, "Malgun Gothic","맑은 고딕", Dotum, "돋움"; font-weight:normal !important; position:relative; }
body#popup { min-width:auto; line-height:1.6em; padding:40px; }
/* Verdana */
/* "Lucida Console", Monaco, "Courier New" */
/* "Times New Roman", Georgi */
/* "Bitstream Vera Sans Mono" */
/* Gulim, "굴림", AppleSDGothicNeo */
@media only screen and (orientation: landscape) {	
}
@media only screen and (orientation: portrait) {
	body>div.body-wrap { min-height:2000px; }
}

/* Common */
.show { display:block; }
.hide { display:none; }
.float-left { float:left; }
.float-right { float:right; }
.float-wrap:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
.clear { clear:both; }
.clearfix { zoom:1; } /*for IE 5.5-7 */
.clearfix:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
.blind { width:1px; height:1px; position:absolute; overflow:hidden; top:-10px; }
.ellipsis { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.caps { text-transform:uppercase; } /* 대문자로 변경 */
/* //Common */

/* Text */
.lang-ko { font-family:"Nanum Gothic", sans-serif; }
.lang-en { font-family:"Open Sans", sans-serif; }
.text-left { text-align:left !important; }
.text-right { text-align:right !important; }
.text-center { text-align:center !important; }
.text-right { text-align:right; }
.middle { vertical-align:middle; }
.text-big { font-size:26px !important; line-height:1.6em !important; }
.text-big2 { font-size:32px !important; line-height:1.6em !important; }
.text-sbig { font-size:18px !important; line-height:1.6em !important; }
.text-strong { font-weight:bold; }
.text-underline { text-decoration:underline; }
.text-point { color:#e91e63 !important; }
.text-point2 { color:#0d47a1 !important; }
.text-point3 { color:#263238 !important; }

.text-red { color:#d50000 !important; }
.text-pink { color:#ec407a !important; }
.text-crimson { color:#f44336 !important; }
.text-orange { color:#ff6f00 !important; }
.text-dark-yellow { color:#ffa000 !important; }
.text-yellow { color:#ffeb3b !important; }
.text-lemon { color:#ffff00 !important; }
.text-olive { color:#827717 !important; }
.text-light-green { color:#4caf50 !important; }
.text-green { color:#2e7d32 !important; }
.text-cyan { color:#009688 !important; }
.text-sky-blue { color:#03a9f4 !important; }
.text-blue { color:#1976d2 !important; }
.text-indigo { color:#0d47a1 !important; }
.text-purple { color:#8e24aa !important; }
.text-burgundy { color:#880e4f !important; }
.text-gray { color:#546e7a !important; }
.text-black { color:#000 !important; }

.bg-red { background-color:#d50000 !important; }
.bg-pink { background-color:#ec407a !important; }
.bg-crimson { background-color:#f44336 !important; }
.bg-orange { background-color:#ff6f00 !important; }
.bg-dark-yellow { background-color:#ffa000 !important; }
.bg-yellow { background-color:#ffeb3b !important; }
.bg-lemon { background-color:#ffff00 !important; }
.bg-olive { background-color:#827717 !important; }
.bg-light-green { background-color:#4caf50 !important; }
.bg-green { background-color:#2e7d32 !important; }
.bg-cyan { background-color:#009688 !important; }
.bg-sky-blue { background-color:#03a9f4 !important; }
.bg-blue { background-color:#1976d2 !important; }
.bg-indigo { background-color:#0d47a1 !important; }
.bg-purple { background-color:#8e24aa !important; }
.bg-burgundy { background-color:#880e4f !important; }
.bg-gray { background-color:#546e7a !important; }
.bg-black { background-color:#000 !important; }

.pastel-red { background-color:#fcebeb !important; }
.pastel-pink { background-color:#fdedf3 !important; }
.pastel-crimson { background-color:#fef0ef !important; }
.pastel-orange { background-color:#fff4eb !important; }
.pastel-dark-yellow { background-color:#fff8eb !important; }
.pastel-lemon { background-color:#ffffeb !important; }
.pastel-yellow { background-color:#fffdf0 !important; }
.pastel-olive { background-color:#f5f4ed !important; }
.pastel-light-green { background-color:#f1f9f1 !important; }
.pastel-green { background-color:#eff5ef !important; }
.pastel-cyan { background-color:#ebf5f6 !important; }
.pastel-sky-blue { background-color:#ebf8fe !important; }
.pastel-blue { background-color:#edf4fb !important; }
.pastel-indigo { background-color:#ecf1f8 !important; }
.pastel-purple { background-color:#f6eef8 !important; }
.pastel-burgundy { background-color:#f6ecf1 !important }
.pastel-gray { background-color:#eff1f1 !important; }

.pastel30-red { background-color:#f2b2b2 !important; }
.pastel30-pink { background-color:#f8bbd0 !important; }
.pastel30-crimson { background-color:#fcc6c2 !important; }
.pastel30-orange { background-color:#ffd4b2 !important; }
.pastel30-dark-yellow { background-color:#ffe2b2 !important; }
.pastel30-yellow { background-color:#fff9c4 !important; }
.pastel30-lemon { background-color:#ffffb2 !important; }
.pastel30-olive { background-color:#d9d6b9 !important; }
.pastel30-light-green { background-color:#c9e7ca !important; }
.pastel30-green { background-color:#c0d8c1 !important; }
.pastel30-cyan { background-color:#b2dadd !important; }
.pastel30-sky-blue { background-color:#b3e5fc !important; }
.pastel30-blue { background-color:#bad6f1 !important; }
.pastel30-indigo { background-color:#b6c7e3 !important; }
.pastel30-purple { background-color:#ddbde5 !important; }
.pastel30-burgundy { background-color:#dbb6ca !important }
.pastel30-gray { background-color:#c3c7ca !important; }

.text-hidden { width:0; height:0; font-size:0; line-height:0; text-indent:100%; overflow:hidden; white-space:nowrap; visibility:hidden; }
a.text-link { text-decoration:underline; }
a.text-link:hover,
a.text-link:active { color:#ed405d; }
a.text-link-bold { text-decoration:underline; font-weight:bold; }
a.text-link-bold:hover,
a.text-link-bold:active { color:#ed405d; }
/* //Text */

/* Btn */
.btn_wrap { text-align:center; }
.btn_wrap_lm10 { display:inline-block; margin-left:8px; }
a.btn-basic { display:inline-block; height:auto !important; padding:12px 15px; line-height:1.6em; border:2px solid #263238; background-color:#fff; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; transition:0.6s; -webkit-transition:0.6s; }
a.btn-basic .text { display:block; color:#263238 !important; font-weight:bold; }
a.btn-basic .arrow { background:url('../images/common/btn_array.png') no-repeat right center; }
a.btn-basic:hover,
a.btn-basic:active { background:#263238; transition:1s; -webkit-transition:1s; }
a.btn-basic:hover .text,
a.btn-basic:active .text { color:#fff !important; }
a.btn-basic:hover .arrow,
a.btn-basic:active .arrow { background:url('../images/common/btn_array_on.png') no-repeat right center; }
a.btn-basic.w-fix { width:220px; box-sizing:border-box; }

a.w20 { width:20%; }
a.w25 { width:25%; }
a.w30 { width:30%; }
a.w35 { width:35%; }
a.w40 { width:40%; }

a.btn-small { display:inline-block; height:auto !important; padding:2px 8px; line-height:18px; background:#f8f8f8; border-radius:0; border:1px solid #e4e4e4; transition:1s; -webkit-transition:1s; }
a.btn-small .text { display:block; text-align:center; color:#595959 !important; letter-spacing:-0.5px; font-size:14px; }
a.btn-small:hover,
a.btn-small:active { background:#fff; transition:1s; -webkit-transition:1s; }
/* //Btn */

/* Margin */
.para1 { margin-bottom:40px !important; }
.para1-1 { margin-bottom:20px !important; }
.para2 { margin-bottom:50px !important; }
.para0 { margin-bottom:10px !important; }
.para-left1 { margin-left:40px !important; }
.para-left1-1 { margin-left:20px !important; }
.para-right1 { margin-right:40px !important; }
.para-right1-1 { margin-right:20px !important; }

.link-target-wrap { position:relative; }
.link-target { position:absolute; top:-140px; }
/* //Margin */




/* Layout */
#global-header { width:100%; min-height:120px; font-family:"Roboto"; position:fixed; top:0; z-index:99; box-sizing:border-box; }
#global-header.gnb-scroll { border-bottom:1px solid #cfd8dc; background-color:#f2f4f5; transition:0.2s; -webkit-transition:0.2s; }

#global-header .global-nav { width:1200px; height:auto; margin:0 auto; position:relative; }
#global-header.gnb-scroll .global-nav {}

#global-header .global-nav h1.logo { position:absolute; left:0px; top:40px; padding-right:98px; border-right:1px solid #263238; }
#global-header .global-nav .gnb-top { position:absolute; right:0; top:20px; font-family:"Open Sans"; }
#global-header .global-nav ul.top-list { text-align:right; }
#global-header .global-nav ul.top-list li { display:inline-block; }
#global-header .global-nav ul.top-list li a { display:block; padding:0 10px; line-height:1em; font-size:14px; border-right:1px solid #cfd8dc; }
#global-header .global-nav ul.top-list li a:hover,
#global-header .global-nav ul.top-list li a:active { color:#000; }
#global-header .global-nav ul.top-list li:last-child a { padding-right:0; border-right:none; }

#global-header .global-nav nav.gnb { padding-top:40px }
#global-header .global-nav nav.gnb ul.gnb-list { text-align:right; }
#global-header .global-nav nav.gnb ul.gnb-list>li { display:inline-block;  vertical-align:top; }
#global-header .global-nav nav.gnb ul.gnb-list>li>a { display:block; height:80px; line-height:80px; padding:0 30px; color:#263238; font-weight:bold; font-size:21px; text-transform:uppercase; box-sizing:border-box; }
#global-header .global-nav nav.gnb ul.gnb-list>li:last-child>a { padding-right:0; }
#global-header .global-nav nav.gnb ul.gnb-list li>a:hover,
#global-header .global-nav nav.gnb ul.gnb-list li>a:active { color:#e91e63; }
#global-header .global-nav nav.gnb ul.gnb-list li a.no-link { color:#4d4d4d; }
#global-header .global-nav nav.gnb ul.gnb-list li a.no-link:hover,
#global-header .global-nav nav.gnb ul.gnb-list li a.no-link:active { color:#4d4d4d; }

#global-header .global-nav nav.gnb ul.gnb-list-sub { width:100%; margin-left:-16px; padding:35px 0; }
#global-header .global-nav nav.gnb ul.gnb-list-sub:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
#global-header .global-nav nav.gnb ul.gnb-list-sub li {}
#global-header .global-nav nav.gnb ul.gnb-list-sub li a { display:block; color:#fff; font-weight:normal; font-size:13px; line-height:1.4em; padding:10px 0; font-family:"Open Sans"; }
#global-header .global-nav nav.gnb ul.gnb-list-sub li>a:hover,
#global-header .global-nav nav.gnb ul.gnb-list-sub li>a:active { color:#fff100; }

.sub01 #global-header .global-nav nav.gnb ul.gnb-list>li:nth-child(8n+1)>a,
.sub02 #global-header .global-nav nav.gnb ul.gnb-list>li:nth-child(8n+2)>a,
.sub03 #global-header .global-nav nav.gnb ul.gnb-list>li:nth-child(8n+3)>a,
.sub04 #global-header .global-nav nav.gnb ul.gnb-list>li:nth-child(8n+4)>a,
.sub05 #global-header .global-nav nav.gnb ul.gnb-list>li:nth-child(8n+5)>a,
.sub06 #global-header .global-nav nav.gnb ul.gnb-list>li:nth-child(8n+6)>a,
.sub07 #global-header .global-nav nav.gnb ul.gnb-list>li:nth-child(8n+7)>a,
.sub08 #global-header .global-nav nav.gnb ul.gnb-list>li:nth-child(8n+8)>a { color:#e91e63; transition:1s; -webkit-transition:1s; }


#global-sponser .global-sponser-wrap { clear:both; margin:0 auto; width:1200px; padding:20px 0; }
#global-sponser .global-sponser-wrap:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
#global-sponser ul.global-sponser-list { float:left; }
#global-sponser ul.global-sponser-list:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
#global-sponser ul.global-sponser-list li { float:left; padding-right:50px; vertical-align:top; }
#global-sponser ul.global-sponser-list li .img { display:inline-block; }
#global-sponser ul.global-sponser-list li .btn-wrap { display:inline-block; vertical-align:top; padding-top:32px; padding-left:10px; }
#global-sponser ul.global-sponser-list li .btn-wrap a  { display:block !important; margin-bottom:5px; }
#global-sponser ul.global-sponser-list2 { float:right; }
#global-sponser ul.global-sponser-list2:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
#global-sponser ul.global-sponser-list2 li { float:left; padding-left:50px; }

#global-footer { width:100%; line-height:1.6em; font-size:14px; color:#fff; background-color:#6e7882; }
#global-footer .address { width:1200px; margin:0 auto; padding:40px 0; }
#global-footer .address h2.tit { padding-bottom:2px; }
#global-footer .address span { color:#2196f3; }
#global-footer .address a { color:#fff; }
#global-footer .address a:hover,
#global-footer .address a:active { text-decoration:underline; }

#btn-top { width:50px; height:50px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background:#e91e63; position:fixed; right:20px; bottom:20px; }
#btn-top a { display:block; text-align:center; line-height:50px; color:#fff; }
/* //Layout */