@charset utf-8;

/** css 초기화 **/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, 
em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, fhead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section, summary, time, mark, audio, video
{margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; box-sizing: border-box;}

body { font-family: NanumBarunGothic, 나눔바른고딕, 'NanumBarunGothic', Nanum Barun Gothic, '맑은 고딕', HelveticaNeue, DroidSans, Sans-serif, Helvetica; line-height: 1; letter-spacing: -0.5px; min-width: 360px; }

article, aside, details, figcaption, fiqure, footer, header, hgroup, menu, nav, section { display: block; }

nav, ul, li { list-style: none; }
a { margin: 0; padding: 0; font-size: 100%; text-decoration: none; vertical-align: baseline; color: #333; background: transparent; }
img { vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }

input { margin: 0; padding: 0; box-sizing: border-box; vertical-align: top; border: 1px solid #dfdfdf; color: #999; border-radius: 0; font-family: NanumGothic, 나눔고딕, 'Nanum Gothic', '맑은 고딕', HelveticaNeue, DroidSans, Sans-serif, Helvetica; padding-left: 8px !important; }
input::-moz-input-placeholder { color: #999; }
input::-webkit-input-placeholder { color: #999; }

select::-ms-expand { display: none; }

/* 웹폰트 css */

@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumsquare.css);
@import url(//cdn.rawgit.com/puts-blog/NanumSquare/master/NanumSquare-Base64.css);

@font-face { font-family: 'nanumsquare'; src: url('http://fonts.googleapis.com/earlyaccess/nanumsquare.css') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
/*
@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; }
*/
@font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; }

/* 소스 */

.moving, a {-webkit-transition: 0.5s all ease; transition: 0.5s all ease;}

.talign_left { text-align: left; }
.talign_right { text-align: right; }

#wrap {width: 100%;}
.wrap_box {width: 100%; max-width: 1200px; margin: 0 auto;}

@media all and (max-width:1200px) /* 테블릿 세로 */ {
.wrap_box {width: 90% !important; margin: 0 5%;}
}




/* 메인 상하단 */

header { width: 100%; height: 850px; background: #000 url(../image/main/main_img.jpg) 50% 50% no-repeat; background-size: cover; }
header .header_top { width: 100%; height: 50px; border-bottom: 1px rgba(255,255,255,.2) solid; }
header .header_top ul { max-width: 1200px; overflow: hidden; margin: 0 auto; color: rgba(255,255,255,.75); }
header .header_top ul li { float: left; width: 50%; line-height: 50px; font-weight: bold; }
header .header_top ul li b { font-weight: normal; }

header .main_img { width: 1200px; margin: 300px auto 0; color: #fff; }
header .main_img .mimg_text1 { background: url(../image/main/main_img_bar.png) 0 50% no-repeat; height: 34px; color: #000; font-size: 23px; line-height: 36px; padding-left: 10px; font-weight: 100; }
header .main_img .mimg_text1 b { color: #004f9f; }
header .main_img .mimg_text2 { font-family: S-CoreDream-9Black; font-size: 70px; padding: 20px 0 50px; }
header .main_img .mimg_text3 { font-size: 18px; color: rgba(255,255,255,.5); line-height: 160%; }

footer { width: 100%; background-color: #292c31; padding-bottom: 50px; }
footer .footer_btn { border-bottom: 1px rgba(255,255,255,.2) solid; height: 50px; }
footer .footer_btn .talign_left { float: left; width: 70%; border-left: 1px rgba(255,255,255,.2) solid; line-height: 50px; }
footer .footer_btn .talign_left a { border-right: 1px rgba(255,255,255,.2) solid; line-height: 50px; display: inline-block; color: #fff; padding: 0 30px; }
footer .footer_btn .talign_left a:hover { background-color: rgba(255,255,255,.1); }
footer .footer_btn .talign_right { float: right; width: 20%; }
footer .footer_btn .talign_right a { width: 50px; height: 49px; display: inline-block; background: url(../image/main/footer_top.gif) 50% 50% no-repeat; border-left: 1px rgba(255,255,255,.2) solid; border-right: 1px rgba(255,255,255,.2) solid; border-bottom: 1px rgba(255,255,255,.2) solid; }
footer .footer_text { width: 100%; max-width: 1200px; margin: 0 auto; padding: 45px 0 70px; }
footer .footer_text li { float: left; }
footer .footer_text .talign_left1 { padding-right: 5%; }
footer .footer_text .talign_left2 { color: #fff; padding-top: 10px; }
footer .footer_text .talign_left2 span { font-size: 16px; padding-right: 50px; line-height: 180%; }
footer .footer_text .talign_left2 p { font-size: 13px; color: rgba(255,255,255,.5); padding-top: 20px; line-height: 180%; }

.device_pc	{}
.device_mobile	{display: none;}

@media all and (max-width:1280px) /* 테블릿 세로 */ {

header { height: 800px; }
header .header_top ul li { width: 40%; margin: 0 5%; }
header .header_top ul .talign_right b { display: none; }
header .main_img { width: 90%; }

}

@media all and (max-width:1024px) /* 테블릿 세로 */ {

header { height: 600px; }
header .main_img .mimg_text2 { font-size: 60px; }
header .main_img { margin: 220px auto 0; }

footer { padding-bottom: 20px; }
footer .footer_text { overflow: hidden; }
footer .footer_text .talign_left1 { display: none; }

}

@media all and (max-width:768px) /* 모바일 가로 */ {

header .header_top ul li b { display: none; }
header .main_img .mimg_text1 { background-color: #fff; }
header .main_img .mimg_text2 { font-size: 50px; padding: 20px 0 40px; letter-spacing: -3px; }
header .main_img .mimg_text3 { font-size: 16px; }

footer .footer_btn .talign_left { width: 100%; }
footer .footer_btn .talign_left a { padding: 0 20px; }
footer .footer_btn .talign_right { display: none; }
footer .footer_text .talign_left2 span { display: block; padding-right: 0; }

.device_pc	{display: none;}
.device_mobile	{display: block;}

}

@media all and (max-width:480px) /* 모바일 세로 */ {

header { height: 450px; }
header .main_img { margin: 180px auto 0; }
header .main_img .mimg_text1 { height: 29px; line-height: 30px; font-size: 18px; }
header .main_img .mimg_text2 { font-size: 38px; padding: 20px 0 30px; }
header .main_img .mimg_text3 { font-size: 15px; color: rgba(255,255,255,.7); }
header .main_img .mimg_text3 br { display: none; }

footer .footer_btn .talign_left a { padding: 0 20px; font-size: 14px; }

}

@media all and (max-width:360px) /* 모바일 세로 */ {

body { width: 360px; }

}