@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic');
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

@font-face { 
font-family:'NBG' !important;
src:url('NanumBarunGothic.eot'); /* IE9 Compat Modes */
src:url('NanumBarunGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('NanumBarunGothic.woff') format('woff'), /* Modern Browsers */
     url('NanumBarunGothic.ttf') format('truetype');
}

@font-face {
font-family:'NBGL' !important;
src:url('NanumBarunGothicLight.eot'); /* IE9 Compat Modes */
src:url('NanumBarunGothicLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('NanumBarunGothicLight.woff') format('woff'), /* Modern Browsers */
     url('NanumBarunGothicLight.ttf') format('truetype');
}

/*==========================================================                       
	NORMALIZE
==========================================================*/
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 { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:top; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
button, input[type='button'] { background:none; border:none; display:inline-block; padding:0; outline:none; outline-offset:0; cursor:pointer; -webkit-appearance:none; } button::-moz-focus-inner,   input[type='button']::-moz-focus-inner { border:none; padding:0; }
.container { margin-right:auto; margin-left:auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.container-sub { margin-right:auto; margin-left:auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

/*===============   Fluid grid    ====================*/
.container { width:1170px; }/*use*/
.container-sub { width:1100px; }/*use*/
.container [class*="grid_"] { float:left; min-height:1px; }/*use*/
.container .grid_0 { width:90px; }
.container .grid_1 { width:160px; }
.container .grid_2 { width:192px; }/*use*/
.container .grid_3 { width:215px; }
.container .grid_4 { width:320px; }/*use*/
.container .grid_4_s { width:320px; }/*use*/
.container .grid_4_l { width:320px; }/*use*/
.container .grid_5 { width:337px; }
.container .grid_5_s { width:353px; }
.container .grid_6 { width:480px; }
.container .grid_7 { width:640px; }/*use*/
.container .grid_8 { width:720px; }
.container .grid_9 { width:1000px; }
.container-sub .grid_9 { width:1100px; }

.container [class*="grid_"] p.product { text-align:center; margin:10px 0 10px 0; line-height:16px; _min-height:50px; font-size:14px; color:#666; }
.container [class*="menu_"] { float:left; min-height:1px; }/*use*/
.container .menu_2 { width:479px; border-right:1px solid #6c6c6c; }
.container .menu_3 { width:319px; border-right:1px solid #6c6c6c; }/*use*/
.container .menu_4 { width:239px; border-right:1px solid #6c6c6c; }
.container .menu_5 { width:191px; border-right:1px solid #6c6c6c; }
.container .menu_6 { width:159px; border-right:1px solid #6c6c6c; }


.container-sub [class*="grid_"] p.product { text-align:center; margin:10px 0 10px 0; line-height:16px; _min-height:50px; font-size:14px; color:#666; }
.container-sub [class*="menu_"] { float:left; min-height:1px; }/*use*/
.container-sub .menu_1 { width:24.9%; border-right:1px solid #6c6c6c;}
.container-sub .menu_2 { width:20%; border-right:1px solid #6c6c6c; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;  }
.container-sub .menu_3 { width:319px; border-right:1px solid #6c6c6c;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;  }/*use*/
.container-sub .menu_4 { width:33.2%; border-right:1px solid #6c6c6c;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;  }


@media (max-width:1169px) { 
.container { width:100%;;}/*use*/
.container-sub { width:100%; }/*use*/
.container [class*="grid_"] { float:left; min-height:1px; } /*use*/
.container-sub [class*="grid_"] { float:left; min-height:1px; } /*use*/
.container .grid_1 { width:16.66%; } 
.container .grid_2 { width:100%; }/*use*/ 
.container .grid_3 { width:100%; }
.container .grid_4 { width:100%; }/*use*/ 
.container .grid_4_l { width:100%; }/*use*/
.container .grid_5 { width:100%; }
.container .grid_6 { width:100%; }
.container .grid_7 { width:100%; }/*use*/ 
.container .grid_8 { width:100%; }
.container .grid_9 { width:100%; }
.container-sub .grid_9 { width:100%; }

.container [class*="menu_"] { float:left; }/*use*/
.container .menu_2 { width:100%; }
.container .menu_3 { width:100%; }
.container .menu_4 { width:100%; }
.container .menu_6 { width:100%; }

.container-sub .menu_1 { width:100%; }
.container-sub .menu_2 { width:100%; }
.container-sub .menu_3 { width:100%; }
.container-sub .menu_4 { width:100%; }
.container-sub .menu_6 { width:100%; border-right:0; border-top:1px solid #424242;}
.container-sub .menu_6:first-child { width:100%; border-right:0; border-top:0px solid #424242;}

}

.container:before, .row:before, .container:after, .row:after { display:table; content:""; line-height:0; }
.container:after, .row:after { clear:both; }
.container-sub:before, .row:before, .container-sub:after, .row:after { display:table; content:""; line-height:0; }
.container-sub:after, .row:after { clear:both; }

/*========================================================
                      Main Styles
=========================================================*/
body { /*background:#484848;*/ color:#313131; font:normal 16px "NBG", 400 16px "Lato"; -webkit-text-size-adjust:none; letter-spacing:-0.5px}
img { max-width:100%; /* height:auto; */}

h1 { font:normal 13px "NBG"; color:#bfd0f5; }
h2 { font:400 30px "Lato"; color:#fff; line-height:54px; }
h3 { font:normal 25px "NBG"; color:#1b1b1b; line-height:100%; padding:0 0 10px 0;}
h4 { font:normal 16px "NBGL"; color:#535353; line-height:100%; }
h5 { font:normal 20px "NBGL"; color:#313131; line-height:100%; }
h6 { font:normal 16px "NBG"; color:#1b1b1b; line-height:100%; border-left:3px solid #1b1b1b; padding-left:8px; margin-bottom:10px; }
h6:after {content:""; display:block; clear:both; }
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#22589b; }

h3 > span { display:block; font:normal 15px "NBG"; color:#7d7d7d; padding:10px 0 30px 0; } 
h4 > span { display:block; font:normal 32px "Lato"; color:#1b1b1b; padding:5px 0 15px 0; } 
h5 > span { display:block; font:normal 15px "NBG"; color:#535353; padding:5px 0 0 0; } 

p { font:normal 13px "NBG"; line-height:17px; color:#959595; }
p a:hover, .marked-list2 a:hover, .list a:hover { text-decoration:underline; }
p .fa, .marked-list2 .fa, .list .fa { text-decoration:none; }

time { display:block; }

a { font:inherit; color:inherit; text-decoration:none; -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
a:focus { outline:none; }
a:active { background-color:transparent; }
a[href^="tel:"], a[href^="callto:"] { color:inherit; text-decoration:none; }

strong { font-weight:700; }

.fa { line-height:inherit; }

[class*='fa-']:before { font-weight:400; font-family:"FontAwesome"; }

.page { overflow:hidden; min-height:500px; }
.lt-ie9 .page { min-width:1170px; }

.container { position:relative; }
.container-sub { position:relative; }

/*=======================================================
                        Components
=========================================================*/

/*==================  Backgrounds  ======================*/
.bg1 { background:url('../images/comm/mbg.png') repeat-x;}/*use*/
.bg2 { background:#374567; }/*use*/
.bg3 { background:#ffffff; }/*use*/
.bg4 { background:#0f86d2 url('../images/comm/ptt.png') repeat; /*background-image:-webkit-linear-gradient(#415279,#3d4c71,#3f4b6c); background-image:linear-gradient(#415279,#3d4c71,#3f4b6c); */}/*use*/
.bg5 { background:#eeeeee; }/*use*/
.bg6 { background:#4b4b4b; }/*use*/
.bg7 { background:#f8fafa; }/*use*/

.bg-size {background-size:100% 440px}
@media (max-width:1169px) {
.bg3 { background:#f6f6f6; }
}


/*==================  Colors  ======================*/
.color0 { color:#fff; }/*use*/
.color1 { color:#313131; }/*use*/
.color2 { color:#374f87; }/*use*/
.color3 { color:#707070; }/*use*/
.cRed {color:#e01d1d}
.cBlue {color:#005dad}
.cOrange{color:#ea5b03}
.cSkyblue {color:#00a1ea}
.cDgray {color:#4a4a4a}

/*
@media (max-width:479px) {
.color1 { color:#fff; }
.color2 { color:#fff; }
}
*/
/*==================    Line     ======================*/
.bb1 {  border-bottom:1px solid #dddfe0; }/*use*/
.bb2 {  border-bottom:1px dashed #e1e1e1; }/*use*/
.bb3 {  border-bottom:1px solid #dddddd; }/*use*/
.bb4 {  border-bottom:none; }/*use*/
.bb5 {  border-bottom:1px solid #e5e5e5; }/*use*/
.bb6 {  border-bottom:2px solid #5a5a5a; }/*use*/
.br2 {  border-right:none; margin-left:0px; }/*use*/section
.br3 {  border-right:1px solid #dfdfdf; }/*use*/

@media (max-width:1169px) {
.bb2 {  border-bottom:1px solid #e2e2e2; }/*use*/
.bb4 {  border-bottom:1px solid #e2e2e2; }/*use*/
.br2 {  border-right:1px solid #e2e2e2; margin-left:-1px; }/*use*/
}
.mt1 { margin-top:2px; }/*use*/
.mt2 { margin-top:40px; }/*use*/
.mt3 { margin-top:10px; }/*use*/
.mt4 { margin-top:20px; }/*use*/
.mt5 { margin-top:60px; }/*use*/
.ml1 { margin-left:25px; }/*use*/
.ml2 { margin-left:10px; }/*use*/
.ml3 { margin-left:-10px; }/*use*/
.mb1 { margin-bottom:12px; }/*use*/
.mb2 { margin-bottom:10px; }/*use*/
.mb3 { margin-bottom:16px; }/*use*/
.mb4 { margin-bottom:30px; }/*use*/
.ml4 { margin-left:7px; }/*use*/


@media (max-width:1169px) {
.ml1 { margin-left:0; }/*use*/
.ml2 { margin-left:1%; }/*use*/
.ml3 { margin-left:-1%; }/*use*/
.ml4 { margin-left:0; }/*use*/
}

/*==================      Well     ======================*/
.well1 { padding-top:20px; padding-bottom:25px; }/*use*/
.well2 { padding-top:0px; padding-bottom:0px; }/*use*/
.well3 { padding-top:20px; padding-bottom:20px; }/*use*/
.well4 { margin-top:30px; margin-bottom:50px; }/*use*/
.well5 { padding-top:0px; padding-bottom:160px; }/*use*/
.well6 { padding:35px 15px 20px 30px; }
.well7 { padding-top:20px; padding-bottom:25px; }/*use*/

@media (max-width:1169px) {
.well1 { padding-top:0px; padding-bottom:0px; margin:0 10px;}/*use*/
.well4 { margin-top:0; margin-bottom:0; }/*use*/
.well5 { padding-top:20px; padding-bottom:80px; }/*use*/
}


/*==================    Link     ======================*/
.link1 { color:#22589b; }/*use*/
.link1:hover, .link1:active { color:#313131; }/*use*/

.link2 { display:inline-block; font:18px; line-height:55px; color:#4e4e4e; width:100%; text-align:center; background:#f0f0f0; border:1px solid #e5e5e5; }
.link2:hover, .link2:active { color:#fff; background:#919191; }
.link2.on { background:#919191; border-right:1px solid #3696d3; color:#fff;}
.link3 { display:inline-block; text-align:center; background:#b5b5b5; padding:13px 10px; }
.link3:hover, .link3:active { background:#7db2d0; }

@media (max-width:1169px) {
.link2 { display:block; font:18px; line-height:55px; color:#fff; width:100%; text-align:center; background:#444444; border:0}
.link2:hover, .link2:active { color:#fff; background:#2caff9; }
.link2.on { background:#2caff9; }
}

/*==================    Buttons    ======================*/
.btn1 { position:relative; display:inline-block; padding:12px 0; background:#3e3e3e; border-radius:5px; color:#fff; font:bold 14px "NBG"; width:80%; }
.btn1:hover, .btn1:active { background:#8f8f8f; }

@media (max-width:1169px) {
.btn1 { position:absolute; right:17px; top:19px; width:140px; height:14px; padding:29px 0; }
}

@media (max-width:479px) {
.btn1 { position:relative; padding:12px 0; right:auto; width:90%; top:auto; }
}

.btn2 { display:inline-block; padding:21px 0; background:#fff; border:1px solid #e2e2e2; color:#313131; font-size:15px; line-height:25px; width:100%; text-align:center; }
.btn2 i { color:#119ef8; font:400 25px "FontAwesome"; margin-right:10px; }
.btn2:hover, .btn2:active  { background:#c6e9ff; color:#119ef8; border:1px solid #119ef8; }

.tl { text-align:left; }
.tc { text-align:center; }

.font-12 {font-size:12px;}
.font-13 {font-size:13px;}
.font-14 {font-size:14px;}
.font-15 {font-size:15px;}