@charset "utf-8";
/* 폰트적용 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css) ;/* 나눔고딕 */
@import url(http://fonts.googleapis.com/css?family=Open+Sans); /* Open Sans*/
/**
* OLYM Cascading Style Sheets
* File Name : default.css
* Description : 기본 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : desingtj@olym.co.kr
* Date : 2016.07.06
* Update : 2016.07.06
* Copyright(c) 2016 OLYM Communications. All Rights Reserved.
*/

/* 기본설정 */
/*body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, a { padding:0; margin:0; line-height:1.4em; font-family:'Noto Sans Korean', '나눔 고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', sans-serif; }*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, a { padding:0; margin:0; line-height:1.4em; font-family:'Open Sans', '맑은 고딕', 'Malgun Gothic', sans-serif; }
ol, ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
form, fieldset { border:0; }
address, caption, em { font-weight:normal; font-style:normal; }
img { border:0; margin:0; padding:0; }
a { text-decoration:none; }
a:link, a:visited, a:hover, a:active { text-decoration:none; }

/* 숨김영역 */
#accessibility, #accessibility_footer, hr, legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }
caption { display:none; }

/* float 속성 초기화 */
.space { display:block; clear:both; float:none; width:100%; height:0; line-height:0 !important; font-size:0 !important; margin:0 !important; padding:0 !important; overflow:hidden; }
.clearfix { display:inline-block; }
.clearfix:after { display:block; clear:both; content:"."; visibility:hidden; height:0; }
* html .clearfix { height:1%; }

/* 이미지 인풋등 세로중앙정렬 */
input, textarea, select, img { vertical-align: middle; }
input, textarea, select { font-family:inherit; color:inherit; }

/* form css */
.input_form { height:13px; line-height:13px; padding:4px 0 1px 3px; border:1px solid; border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1; color:#565656; background:#f5f5f5; font-size:1em; }
.select_form { padding:0 0 0 3px; height:20px; border:1px solid; border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1; color:#565656; background:#f5f5f5; font-size:1em; }
.input_file { height:20px; border:1px solid; border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1; color:#565656; background:#f5f5f5; font-size:1em; }
.textarea_form { border:1px solid #dbe1e7; padding:3px 0 0 3px; color:#767676; margin:8px 0 9px 0; }

/* 공통 */
.font_star { font-weight:600; color:#ff6600; font-family:'verdana';}
.font_em1 { color:#0d66ae;} /* blue */
.font_em2 { color:#4ca700;} /* green */
.font_em3 { color:#c81f42;} /* red */
.font_2e { font-size:2em !important;}
.font_15e { font-size:1.5em !important;}
.font_13e { font-size:1.3em !important;}
.font_12e { font-size:1.2em !important;}
.black_bold { font-weight:600; color:#333;}
.mgT10 { margin-top:10px !important;}
.mgT20 { margin-top:20px !important;}
.mgT30 { margin-top:30px !important;}
.mgT50 { margin-top:50px !important;}
.mgT60 { margin-top:60px !important;}
.mgL20 { margin-left:20px !important;}
.mgL30 { margin-left:30px !important;}
.mgL60 { margin-left:60px !important;}
.mgR30 { margin-right:30px !important;}
.mgB30 { margin-bottom:30px !important;}
.mgB40 { margin-bottom:40px !important;}
.mgB50 { margin-bottom:50px !important;}
.txL { text-align:left !important;}
.txC { text-align:center !important;}
.txR { text-align:right !important;}

/* Layout */
body { font-size:0.8em; min-width:1200px; height:1000px; overflow-x:hidden; }
#wrap { height:100%; width:100%; min-width:1200px;}
#left { position:fixed; top:0; left:0; height:1000px; width:221px; background:#0f2654;}
#container { margin:0 0 0 221px; min-height:1000px;}

/* header */
#header h1 { padding:37px 0 41px 0; text-align:center;}
#gnb { background:#091d4a; height:60px;}
#gnb > ul > li { float:left; width:50%;}
#gnb > ul > li > a { display:block; line-height:60px; text-align:center; color:rgba(255, 255, 255, 0.80);}
#gnb > ul > li > a:hover { color:#c81f42;}
#gnb > ul > li:first-of-type > a { border-right:1px solid #162953;}
#lnb h2 a { color:#fff; font-size:16px; font-weight:600; display:block; padding-left:40px; line-height:48px; }
#lnb h2 a:hover, #lnb h2 a.over { background:#c81f42 url(/project/design/com/lnb_over_ar.png) no-repeat 180px center;}
#lnb .submenu { background:#fff; padding:20px 0;}
#lnb .submenu > li > a { color:#182c5b; display:block; font-weight:600; padding:5px 20px 5px 43px; font-size:13px;}
#lnb .submenu > li > a:before { content:"- ";}
#lnb .submenu > li > a:hover, #lnb .submenu > li > a.over { color:#c81f42;}

/* footer */
#footer { /*position:fixed; bottom:0; left:0;*/ margin-top:40px; width:170px; padding:0 25px; color:rgba(255, 255, 255, 0.70);}
#footer p { border-top:1px solid rgba(255, 255, 255, 0.20); padding:20px 0; font-size:12px; letter-spacing:-0.05em;}

/* right */
#right { position:absolute; top:0; right:0px; min-height:1000px; width:275px; background:#fff; z-index:100;}
#right .right_btn { position:absolute; top:50%; margin-top:-95px; left:-51px}

.aerogel h2 { text-align:center; padding:36px 0 22px 0;}
.aerogel .movie { width:220px; margin:0 auto;}
.aerogel .p_title { padding:25px 0 10px 42px; font-size:15px; font-weight:600; color:#1e1e1e;}
.aerogel .p_title span { color:#c81f42;}
.aerogel .p_desc { color:#696969; padding-left:42px;}
.aerogel .btn_more { padding:8px 0 30px 42px;}
.aerogel .btn_more a { color:#696969;}
.aerogel .btn_more a:hover { text-decoration:underline;}

.project { border-top:1px solid #e5e5e5; padding-bottom:25px;}
.project h2 { text-align:center; padding:30px 0 20px 0; color:#1e1e1e; font-weight:600; font-size:15px;}
.project .slide {padding: 0px; position: relative; overflow: hidden; width:220px; height:210px; margin:0 auto;}
.project .slide > ul > li > a { position:relative; display:block;}
.project .slide > ul > li > a > p { background:rgba(27, 39, 61, 0.90); padding:17px; text-align:center; color:#fff; position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box;}
.project .slide .btn_ctrl {list-style-type:none; position:absolute;	bottom:8px;  left:80px;}
.project .slide .btn_ctrl .btn_num { width:56px; margin:0 auto;}
.project .slide .btn_ctrl .btn_num:after { display:block; clear:both; content:""; }
.project .slide .btn_ctrl .btn_num li { float:left; padding:0 2px; }

.banner { border-bottom:1px solid #e5e5e5;}
.banner:after { display:block; clear:both; content:""; }
.banner > ul > li { border-top:1px solid #e5e5e5; float:left; width:50%; text-align:center; padding:16px 0;}
.banner > ul > li:nth-child(1), .banner > ul > li:nth-child(3) { background:url(/project/design/com/bg_banner_div.gif) no-repeat right center;}
.banner > ul > li.w100 { width:100%;}