@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.02.03
* Date : 2016.02.03
* 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:'맑은 고딕', 'Malgun Gothic', '돋움', 'dotum';-webkit-text-size-adjust:none; }
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: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:'나눔 고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', '돋움', 'dotum'; -webkit-border-radius:0; -webkit-appearance:none;}
.select_search {background:url('/mobile/project/design/com/bg_arrow.jpg') 97% 50% no-repeat !important; background-size:20px !important;}
input[type="checkbox"] { -webkit-border-radius:0; -webkit-appearance:checkbox;}
input[type="radio"] { -webkit-border-radius:10px; -webkit-appearance:radio;}

/* 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_star02 { color:#b12538; }

.font_star { font-weight:600; color:#ff6600; font-family:'verdana';}
.font_em { color:#f26e87 !important;}
.font_em2 { color:#b35ccf !important; font-weight:600;}
.font_m { font-size:1.25em;}
.font_m2 { font-size:1.5em;}
.font_m3 { font-size:1.2em;}
.black_bold { font-weight:600; color:#333;}
.paB30 { padding-bottom:30px !important;}
.paB40 { padding-bottom:40px !important;}
.mg20 { margin:20px !important;}
.mg40 { margin:40px !important;}
.mgT10 { margin-top:10px !important;}
.mgT20 { margin-top:20px !important;}
.mgT30 { margin-top:30px !important;}
.mgT40 { margin-top:40px !important;}
.mgT50 { margin-top:50px !important;}
.mgT60 { margin-top:60px !important;}
.mgL20 { margin-left:20px !important;}
.mgL25 { margin-left:25px !important;}
.mgL30 { margin-left:30px !important;}
.mgL60 { margin-left:60px !important;}
.mgR30 { margin-right:30px !important;}
.mgB10 { margin-bottom:10px !important;}
.mgB20 { margin-bottom:20px !important;}
.mgB30 { margin-bottom:30px !important;}
.mgB40 { margin-bottom:40px !important;}
.txL { text-align:left !important;}
.txC { text-align:center !important;}
.txR { text-align:right !important;}

body { font-size:0.8em;}
#wrap {width:100%; overflow-x:hidden; position:relative;}

/* header */
#header { position:relative; width:100%; height:85px;  background:#c81f42; z-index:10;}
#header h1 { position:relative; z-index:30; text-align:center;}
#header .btn_sitemap {position:absolute; top:15px; right:0; z-index:100; }
#header .btn_login {position:absolute; top:15px; left:0px; z-index:100; }



#lnb {float:left; width:100%; position:relative;}
#lnb li { float:left; width:25%;}
#lnb li a:hover {color:red;}
.menuLi  { display:block; letter-spacing:0em; font-weight:bold; font-size:14px; text-align:center; padding:20px 0 15px 0; }
.nav_sub { position:absolute; padding:20px 40px; background:#61585e;top:50px;}
.nav_sub li {width:auto !important; float:none !important; text-align:left; }
.nav_sub li a { font-size:13px; color:#fff; font-weight:bold;}


#submenu1 { left:3%; }
#submenu2 { left:25%; }
#submenu3 { left:50%; }
#submenu4 { right:3%; }





#container { position:relative; width:100%;}

/* footer */
#footer { clear:both; width:100%; position:relative; text-align:center;  font-size:14px; color:#4b5061; background:#f4f4f4;}
.footer_box a { color:#fff; }
.footer_box .btn { font-size:14px; font-weight:bold;}
.footer_box .btn li { padding:10px 0; text-algin:center; float:left; width:33.3%;}
.footer_box .btn1 {background:#1a263c;}
.footer_box .btn2 {background:#1a2d4e; width:33.4% !important;}
.footer_box .btn3 {background:#1b3460;}
.footer_box address { line-height:1.5em; padding:20px 10px;}



/* sitemap */
#sitemap {display:none; display:block; position:relative; z-index:5000; }
#sitemap .m_menu { position:absolute; top:0px; right:-260px; width:260px; background:#5d5359; z-index:5000; }/* 사이트맵 배경컬러 */
#sitemap .m_menu .close { background:url(/project/design/com/btn_close_m.png) no-repeat left top; background-size:40px 40px; width:40px; height:40px; display:block; text-indent:-9999px; position:absolute; top:0; left:0;}
#sitemap .m_menu h2 { line-height:60px; color:#333; font-size:1.4em; font-weight:bold; padding-left:20px; background:#fff;}
#sitemap .m_menu h2 a { display:block; color:#333; background:url(/project/design/com/btn_sitemap.png) no-repeat 90% center; background-size:34px 34px;}
#sitemap .m_menu h3 a { color:#fff; font-size:1.2em; font-weight:bold; display:block; line-height:40px; padding-left:20px; border-bottom:1px solid rgba(0, 0, 0, 0.1); }
#sitemap .m_menu h3.on a { background:rgba(0, 0, 0, 0.5); color:#fff; font-weight:bold; }
#sitemap .m_menu .depth1 { background:none; }
#sitemap .m_menu .depth2 { display:none;}
#sitemap .m_menu .depth2 li a { font-size:1.05em; color:rgba(255, 255, 255, 0.8); display:block; padding:10px 20px; background:rgba(0, 0, 0, 0.2);}
#sitemap .m_menu .depth2 li a:before { content:"ㄴ ";}
#sitemap .m_menu .depth2 li.on a { background:rgba(0, 0, 0, 0.1); }
#sitemap .m_menu .depth3 { background:rgba(0, 0, 0, 0.5);}
#sitemap .m_menu .depth3 li a { font-size:1em; display:block; padding:10px 20px 10px 35px;}
#sitemap .m_menu .depth3 li a:before { content:"· ";}
#sitemap .shadow_bg { width:100%; height:100%; position:fixed; left:0; top:0;  background:rgba(0, 0, 0, 0.6); z-index:10; display:none; }
.system_go a { color:#fff; font-size:1.2em; font-weight:bold; display:block; line-height:40px; padding-left:20px; border-bottom:1px solid rgba(0, 0, 0, 0.1); background:#b12538;}

.privacy { background:#fff;  border:1px solid #ddd; width:95%; padding:2%; height:70px; overflow-y:scroll; padding-left:5px; color:#666; font-size:13px; font-weight:normal; }

.pr_box { position:fixed; bottom:0; left:0; width:100%; background:#7d2553;}
.pr_box a { display:block; text-align:right; padding:20px; box-sizing:border-box; }
.pr_img1 { position:fixed; bottom:-17px; left:20px; }