﻿@charset "utf-8";
/*CSSDocument*/


* {-webkit-text-size-adjust:none !important;}


@font-face {
    font-family: 'nbg';
    font-style: normal;
    font-weight: 100;
    src: url(/assets/css/font/NanumBarunGothic.eot);
    src: url(/assets/css/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
         url(/assets/css/font/NanumBarunGothic.woff) format('woff'),
         url(/assets/css/font/NanumBarunGothic.woff) format('woff'),
         url(/assets/css/font/NanumBarunGothic.ttf) format('truetype');
}
@font-face {
    font-family: 'nbgL';
    font-style: normal;
    font-weight: lighter;
    src: url(/assets/css/font/NanumBarunGothicLight.eot);
    src: url(/assets/css/font/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
         url(/assets/css/font/NanumBarunGothicLight.woff) format('woff'),
         url(/assets/css/font/NanumBarunGothicLight.woff) format('woff'),
         url(/assets/css/font/NanumBarunGothicLight.ttf) format('truetype');
}
@font-face {
    font-family: 'nbgB';
    font-style: normal;
    font-weight: bold;
    src: url(/assets/css/font/NanumBarunGothicBold.eot);
    src: url(/assets/css/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
         url(/assets/css/font/NanumBarunGothicBold.woff) format('woff'),
         url(/assets/css/font/NanumBarunGothicBold.woff) format('woff'),
         url(/assets/css/font/NanumBarunGothicBold.ttf) format('truetype');
}

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(/assets/css/font/NanumGothic-Regular.eot);
    src: url(/assets/css/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
         url(/assets/css/font/NanumGothic-Regular.woff2) format('woff2'),
         url(/assets/css/font/NanumGothic-Regular.woff) format('woff'),
         url(/assets/css/font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/assets/css/font/NanumBarunGothicBold.eot);
  src: url(/assets/css/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/assets/css/font/NanumBarunGothicBold.woff) format('woff2'),
       url(/assets/css/font/NanumBarunGothicBold.woff) format('woff'),
       url(/assets/css/font/NanumBarunGothicBold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(/assets/css/font/NanumGothic-ExtraBold.eot);
  src: url(/assets/css/font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/assets/css/font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/assets/css/font/NanumGothic-ExtraBold.woff) format('woff'),
       url(/assets/css/font/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquare';
 src: url(/assets/images/fonts/NanumSquareB.eot);
 src: url(/assets/images/fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(/assets/images/fonts/NanumSquareB.woff) format('woff'),
      url(/assets/images/fonts/NanumSquareB.ttf) format('truetype');
}

body{
	margin:0px;
	padding:0px;
	font-family: 'Nanum Gothic','Malgun Gothic', 돋움, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:normal;
	color:#666;
}


/*font_faceend*/

/*CSSreset*/
* { }
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, 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, 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, select { padding: 0; /*border:0; font-size: 100%; vertical-align: baseline;*/ margin-left: 0; margin-right: 0; margin-top: 0; }


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }
	body * { /*font-family:'Nanum Barun Gothic','nbg','Malgun Gothic', sans-serif;*/letter-spacing:-0.03em;}

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
input { /*-webkit-appearance: none;*/ border-radius: 0; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; display: table; }


body, h1, h2, h3, h4, h5, h6, h7, input, select, button, table, a, p, ul, li, span, dd, dl, td, th, tr { /*font-family: Arial,Dotum,Verdana,sans-serif;*/ }
* { /*font-family: 'Nanum Gothic', Arial, sans-serif; */margin: 0; padding: 0; outline: none; }

a { text-decoration: none; color: #1155cc; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0.3); }
/*a:hover{text-decoration:underline;}*/
button { cursor:pointer;}
strong, b { font-weight: bold; }

.hide { position: absolute; overflow: hidden; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: none !important; }
.wordB { word-break:keep-all;word-wrap:break-word;}

.f_left { float: left !important; }
.f_right { float: right !important; }

.d_ib { display: inline-block !important; }
.d_i { display: inline !important; }
.d_b { display: block !important; }
.d_t { display: table !important; width: 100%; }
	.d_t > * { vertical-align: top; }
.d_t_r { display: table-row !important; width: 100%; }
	.d_t_r > * { vertical-align: top; }
.d_t_c { display: table-cell !important; }

.vetical_t { vertical-align: top !important; }
.vetical_m { vertical-align: middle !important; }
.vetical_b { vertical-align: bottom !important; }

.txt_left { text-align: left !important; }
.txt_right { text-align: right !important; }
.txt_center { text-align: center !important; }

.font_l { font-weight: lighter; }
.font_n { font-weight: normal; }
.font_b { font-weight: bold; }
.font_0 { font-size: 0; }

.f_clear:after { content: ''; clear: both; display: block; }

/*//CSSreset*/

/*width*/
.wd05 { width: 5% !important; }
.wd10 { width: 10% !important; }
.wd15 { width: 15% !important; }
.wd20 { width: 20% !important; }
.wd25 { width: 25% !important; }
.wd30 { width: 30% !important; }
.wd35 { width: 35% !important; }
.wd40 { width: 40% !important; }
.wd45 { width: 45% !important; }
.wd50 { width: 50% !important; }
.wd55 { width: 55% !important; }
.wd60 { width: 60% !important; }
.wd65 { width: 65% !important; }
.wd70 { width: 70% !important; }
.wd75 { width: 75% !important; }
.wd80 { width: 80% !important; }
.wd85 { width: 85% !important; }
.wd90 { width: 90% !important; }
.wd95 { width: 95% !important; }
.wd100 { width: 100% !important; }
.wd33 { width: 33.3333% !important; }
.wd67 { width: 66.6666% !important; }
/*//widthend*/

/*margin*/
.m0 { margin: 0px !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m45 { margin: 45px !important; }
.m50 { margin: 50px !important; }
.mt0 { margin-top: 0px !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; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }

.mb-40 { margin-bottom: -40px !important;}
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }
.mb170 { margin-bottom: 170px !important; }

.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr22 { margin-right: 22px !important; }
.mr23 { margin-right: 23px !important; }
.mr24 { margin-right: 24px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
/*//marginend*/

/*padding*/
.p0 { padding: 0px !important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p45 { padding: 45px !important; }
.p50 { padding: 50px !important; }

.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt75 { padding-top: 75px !important; }
.pt80 { padding-top: 80px !important; }
.pt85 { padding-top: 85px !important; }
.pt90 { padding-top: 90px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }

.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }

.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
/*//paddingend*/

/*border*/
.no_bdr { border: none !important; }
.no_bdr_t { border-top: none !important; }
.no_bdr_r { border-right: none !important; }
.no_bdr_b { border-bottom: none !important; }
.no_bdr_l { border-left: none !important; }
/*//borderend*/

/*overflow*/
.no_scroll_x { overflow-x: hidden !important; }
.no_scroll_y { overflow-y: hidden !important; }
.no_scroll { overflow: hidden !important; }
/*//overflowend*/

/*background*/
.no_bg { background: none !important; }
/*backgroundend*/

