@charset "utf-8";
@import url('font_awesome.css');
@import url('font_nanum_R.css');
@import url('font_nanum_B.css');
@import url('https://fonts.googleapis.com/css?family=Questrial');
@import url('https://fonts.googleapis.com/css?family=Anton');

/* set */
* {margin:0; padding:0}
html, body {width:100%; height:100%}
body {font-size:12px; font-family:"Malgun gothic","Dotum"; color:#666; line-height:1.5; word-break:keep-all; word-wrap:break-word;}
a {text-decoration:none; color:#666}
li, dd {list-style:none}
img {border:0 none}
legend, caption {font-size:0; line-height:0%; position:absolute; left:-9999px; top:-9999px}
fieldset {border:0 none}

/* area */
.container {position:relative;width:1200px;margin:0 auto;zoom:1;}
.container:after {display:block;visibility:hidden;clear:both;content:""}

/* div width */
.col_1, .col_2, .col_3, .col_4, .col_5 { position: relative; }
.col_5 { width:75%; }
.col_4 { width:25%; }
.col_2 { width:50%; }
.col_3 { width:33.33333%; }
.col_1 { width:100%; }

/* float */
.fl { float:left; }
.fr { float:right; }
.fc { float:center; }

/* font */
.dud { font-family:'돋움', none; font-size:12px; }
.nab { font-family:'Nanum B'; }
.nar { font-family:'Nanum R'; }
.meng { font-family: 'Questrial', sans-serif; }

/* preload */
.preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; background: #fff; }
.preloader > i { position: absolute; font-size: 36px; line-height: 36px; top: 50%; left: 50%; height: 36px; width: 36px; margin-top: -15px; margin-left: -15px;  display: inline-block; }

/* menu */
.blind { display:block; position:absolute !important; left:-9999px !important; top:0 !important; text-indent:9999px !important; width:0 !important; height:0 !important; border:0 !important; overflow:hidden !important; font-size:1px; line-height:0 !important; white-space:nowrap !important; }

#header { position:fixed; left:0; top:0; z-index:11; width:100%; min-width:1200px; padding:0 10px 0; box-sizing:border-box; -webkit-transition: background 0.3s ease-out; transition: background 0.3s ease-out; }
#header.ty2, #header.black, #header.hover { background-color:#fff; }
#header.fixed { position:absolute; margin:0 !important; }
#header:before { content:""; position:absolute; height:1px; width:100%; left:0; top:88px; background:rgba(255,255,255,0.15); -webkit-transition: background 0.3s ease-out; transition: background 0.3s ease-out; }
#header.hover:before { background-color:#d5d5d5; }
#header .headerIn { position:relative; max-width:1200px; margin:0 auto; }
#header h1 { position:absolute; left:0; top:18px; }
#header .util { position:absolute; right:76px; top:34px; }
#header .lang, #header .lang a { color:#fff; font-size:13px; font-weight:bold; }
#header.ty2 .lang, #header.ty2 .lang a, #header.black .lang, #header.black .lang a, #header.hover .lang, #header.hover .lang a { color:#000; }
#header .lang a { display:inline-block; opacity:0.5; filter:alpha(opacity=50); }
#header .lang .ir-slash { margin:0 5px; vertical-align:0; opacity:0.5; filter:alpha(opacity=50); }
#header .sitemap { position:absolute; right:-76px; top:0; width:31px; height:21px; }
#header .sitemap .all { display:block; width:100%; height:100%; }
#header .sitemap .all:before { content:""; position:absolute; right:0; top:0; width:100%; height:3px; background-color:#fff; }
#header .sitemap .all:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background-color:#fff; }
#header .sitemap .all .ir { position:absolute; left:0; top:50%; width:100%; height:3px; background-color:#fff; margin-top:-2px; }
#header.ty2 .sitemap .all:before, #header.ty2 .sitemap .all:after, #header.ty2 .sitemap .all .ir,
#header.hover .sitemap .all:before, #header.hover .sitemap .all:after, #header.hover .sitemap .all .ir,
#header.black .sitemap .all:before, #header.black .sitemap .all:after, #header.black .sitemap .all .ir { background-color:#000; }
#header #gnb { max-width:740px; margin:0 auto; text-align:center; }
#header #gnb a { display:block; padding:5px 0; color:#111; font-size:16px; } /* font-weight:bold; */
#header #gnb .lv1 { position:relative; display:inline-block; *zoom:1; *display:inline; padding:0 34px; vertical-align:top; text-align:center; }
.ie.v8 #header #gnb .lv1 { margin:0 -2px; }
#header #gnb .lv1a { position:relative; overflow:hidden; z-index:3; padding:34px 0 30px; -webkit-transition: color 0.1s linear; transition: color 0.1s linear; font-size:17px; color:#ccc; }
#header.ty2 #gnb .lv1a, #header.hover #gnb .lv1a, #header.black #gnb .lv1a { color:#000; }
#header #gnb .lv1a:after { content:""; position:absolute; left:50%; bottom:0; width:0; height:2px; background-color:#253bb3; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; }
#header #gnb .sub { height:0; overflow:hidden; padding:0; margin:0 -36px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#header #gnb .sub:before { content:""; float:left; height:141px; width:1px; margin-top:8px; background-color:#eaeaea; }
#header #gnb .sub a { padding:5px 0 6px; font-size:13px; color:#101010; }
#header #gnb .lv1:first-child .sub:before { content:none; }
#header.hover #gnb .sub { padding:32px 0; height:141px; }
#header #gnb .sub2 { position:fixed !important; display:none !important; }
#header #gnb .lv1.active .lv1a:after { left:0; width:100%; }
.icon, .ir, .itext { padding:0; margin:0; white-space:nowrap; font-size:1px; overflow:hidden; text-indent:-999px; color:transparent; line-height:0; }
.ir-yncclogo { background-position:0 0; width:196px; height:27px; }
.ir-kr { background-position:-220px 0; width:13px; height:8px; }
.ir-en { background-position:-240px 0; width:12px; height:8px; }
.ir-slash { background-position:-260px 0; width:4px; height:8px; }
#header.ty2 .ir-yncclogo, #header.hover .ir-yncclogo, #header.black .ir-yncclogo { background-position:0 -40px; }
#header.ty2 .ir-slash, #header.hover .ir-slash, #header.black .ir-slash { background-position:-260px -15px; }

/* sub */
#s_menu { background:#2a2f74; height:52px; }
.menu_box { width:600px; height:100%; margin:0 auto; }
.menu_box2 { width:200px; height:100%; margin:0 auto; }
.menu_box3 { width:400px; height:100%; margin:0 auto; }
.menu_line { width:1px; height:100%; background:#424681; float:left; }
.menu_btn { width:198px; height:50px; font-size:14px; color:#fff; text-align:center; line-height:50px;}
.menu_btn:hover { background:#262a65; }
.menu_btn_over { width:198px; height:50px; font-size:14px; color:#fff; text-align:center; line-height:50px; background:#262a65; }

.sub_vis_back { background:#000; height:400px; background-image:url('../images/sub/sub_01.png'); }
.sub_vis_back2 { background:#000; height:400px; background-image:url('../images/sub/sub_02.png'); }
.sub_vis_back3 { background:#000; height:400px; background-image:url('../images/sub/sub_03.png'); }
.sub_vis_back4 { background:#000; height:400px; background-image:url('../images/sub/sub_04.png'); }
.sub_text { margin:0 auto; width:540px; text-align:center; padding-top:170px; }
.text_box { height:127px; background-image:url('../images/sub/text_box_bg.png'); }

.sub_eng { font-family: 'Anton', sans-serif; font-size:60px; color:#fff; letter-spacing:10px; }
.sub_ktxt { color:#fff;  }

/* contents */
.contents { padding:30px; }
.con_title { text-align:center; }
.con_title h1 { font-size:36px; color:#232323; letter-spacing:-1px; margin-bottom:20px; }
.con_title hr { width:40px; color:#000; }
.con_original { font-size:14px; margin-top:30px;}
.history_back { background-image:url('../images/sub/history.jpg'); background-repeat:no-repeat; background-position:right bottom; padding:0 30px 500px 30px;}
.history_back p { font-size:20px; color:#666; }
.history_back p span { font-size:30px; color:#8488c8; font-weight:bold; margin-right:15px;}

/* footer */
#footer { background-color:#333; padding:30px; }
.foot { color:#ccc; }
.foot p { margin-bottom:5px; }
.foot a { color:#ccc }
.foot_title { font-size:18px; padding-bottom:5px;}
.g_t { font-size:14px; font-weight:bold; }