@charset "utf-8";
/* 폰트적용 */
@import "fonts.css";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800); /* 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.11.03
* Update : 2016.11.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 { padding:0; margin:0; line-height:1.6em; font-family:'맑은 고딕', 'Malgun Gothic', '돋움', 'dotum'; -webkit-text-size-adjust:none; word-break:keep-all;}
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; }
#container a {  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
#container a:hover {  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

/* 숨김영역 */
#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 속성 초기화 */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* 이미지 인풋등 세로중앙정렬 */
input, textarea, select, img { vertical-align: middle; }
input, textarea, select { font-family:inherit; }
@media all and (max-width:740px) {
input, textarea {-webkit-border-radius:0; -webkit-appearance:none;} /* input 라운드0, 기본속성없애기 */
input[type="checkbox"] { -webkit-border-radius:2px; -webkit-appearance:checkbox; border:1px solid #000;} /* 체크박스 */
input[type="radio"] { -webkit-border-radius:10px; -webkit-appearance:radio; border:1px solid #000;}
select {-webkit-border-radius:0; -webkit-appearance:none; border:1px solid #000; background:#fff url(/project/design/com/bg_select.png) no-repeat 98% center; background-size:20px;}
}

/* 드래그시 배경컬러 */
::-moz-selection {background:#716365; color:#fff;}
::selection {background:#716365; color:#fff;}

/* form css */
.input_form { height:20px; line-height:20px; padding:5px; border:1px solid; border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1; color:#565656; background:#f5f5f5; font-size:1em; }
.select_form { padding:0 0 0 5px; height:42px; border:1px solid; border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1; color:#565656; background:#f5f5f5; font-size:1em; }
@media all and(max-width: 740px){
.select_form{ background: #f5f5f5 url(/project/design/com/bg_select.png) no-repeat 99% center; }
}
.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; box-sizing:border-box;}

/* 공통 */
.font_star { font-weight:600; color:#f04159; font-family:'verdana';}
.font_em { color:#f04159 !important;}
.font_em2 { color:#019489 !important;}
.font_em3 { color:#294688 !important;} /* blule */
.font_em4 { color:#e00039 !important;} /* pink */
.font_em5 { color:#7c7c7c !important;} /* gray */
.font_m { font-size:17px;}
.font_bold { font-weight:600;}
.black_bold { font-weight:600; color:#333;}
.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;}
.mgL10 { margin-left:10px !important;}
.mgL20 { margin-left:20px !important;}
.mgL25 { margin-left:25px !important;}
.mgL30 { margin-left:30px !important;}
.mgL35 { margin-left:35px !important;}
.mgL40 { margin-left:40px !important;}
.mgL60 { margin-left:60px !important;}
.mgR15 { margin-right:15px !important;}
.mgR20 { margin-right:20px !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;}
.fR {float:right !important;}
.poR { position:relative !important;}
.bdT1 { border-top:1px solid #efefef;}
.pdT10 { padding-top:10px !important;}
.pdR5 { padding-right:5px !important;}


/* Layout */
html, body { height:100%;}
body { font-size:14px; letter-spacing:-0.05em;}
#wrap { width:100%; overflow-x:hidden;}
.wrap_box1440 { width:1440px; margin:0 auto; position:relative;}
.wrap_box { width:1200px; margin:0 auto; position:relative;}

/* header */
#header { position:absolute; top:0; left:0; width:100%; background:#fff; z-index:1000 !important; min-height:100px; border-bottom:2px solid #e5003e;}
#header h1 { position:absolute; top:32px; left:34px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}

#gnb { position:absolute; top:42px; right:34px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#gnb ul li {float:left; background:url(/project/design/com/gnb_bg.png) no-repeat right 6px;}
#gnb ul li:last-of-type {background:none;}
#gnb a {color:#666; padding:0 10px; font-family:"Noto Sans Korean"; font-size:0.95em;}
#gnb a:hover {color:#e5003e;}

#lnb { position:relative; margin:12px 514px 0 0; float:right;}
#lnb .lnb_wrap { position:relative; overflow:hidden; visibility:hidden; height:340px; }
#lnb .lnb_wrap > ul > li { float:left; }
#lnb .lnb_wrap > ul > li > a { display:block; padding:0 35px; font-size:18px; font-weight:400; color:#111; line-height:80px; font-family:"Noto Sans Korean";}
#lnb .lnb_wrap > ul > li.current > a, #lnb .lnb_wrap > ul > li.actived > a { color:#e5003e;}
#lnb .lnb_sub li a { display:inline-block; color:#666; padding:1px; margin:0 0 0 34px;}
#lnb .lnb_sub li a:hover { color:#e5003e;}
.btn_gnb { display:none; } /* 모바일 메뉴 숨김 */

.jbMenu .header_in { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.jbFixed { min-height:auto !important;}
.jbFixed .header_in { position:fixed !important; top:0px; width:100% !important; background:#fff; border-bottom:2px solid #e5003e;}
.jbFixed .header_in h1 {top:14px !important;}
.jbFixed .header_in h1 img { width:86px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.jbFixed .header_in #lnb { margin-top:0;}
.jbFixed .header_in #lnb .lnb_wrap > ul > li > a { line-height:60px;}
.jbFixed .header_in #gnb {top:18px; width:auto; padding:0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.jbFixed .header_in #gnb li { float:left;}
.jbFixed .header_in .btn_gnb { display:none !important;}

/* container */
#container { width:100%; margin-top:100px;}

/* footer */
#footer {position:relative; width:100%; background:#f3f3f3; color:#666;}
#footer .pa_left {padding-left:15px;}
#footer .box_center {text-align:center; padding:40px 0 100px 0;}
#footer .box_center address {padding-top:10px; text-transform: uppercase;}
#footer .box_center address .foot_line {background:url(/project/design/com/gnb_bg.png) no-repeat left 5px; padding:0 20px;}
#footer .box_center address .link {color:#333; font-weight:600; color:#294688;}
#footer .box_center address .link:hover {text-decoration:underline;}
#footer .box_center .btn {padding-top:25px; border-top:1px solid #d9d9d9; margin-top:25px;}
#footer .box_center .btn .foot_dot {background:url(/project/design/com/foot_dot.png) no-repeat right 10px; padding:0 25px;}
#footer .box_center .btn span:last-child {background:none;}
#footer .btn_top { position:absolute; bottom:0; right:0;}
#footer .btn_top a { width:62px; height:62px; background:#ef3e56 url(/project/design/com/btn_top.png) no-repeat center; display:block; text-indent:-9999px;}

#sitemap {display:none; display:block; position:relative; z-index:5000; }
#sitemap .m_menu { position:absolute; top:0px; right:-70%; width:70%; background:#294688; 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 > span > a {float:right; padding:0 20px; font-size:16px; color:#333; border-left:1px solid #ddd;}
#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; }


/* 1600 */
@media all and (max-width:1600px) {
.wrap_box1440 { width:95%; margin:0 auto;}

#lnb {margin:12px 32% 0 0;}
#lnb .lnb_wrap > ul > li > a {padding:0 25px;}
#lnb .lnb_sub li a {margin:0 0 0 29px;}

#header h1 {left:0;}
#gnb {right:0;}

}


/* 태블릿 가로 */
@media all and (max-width:1260px) {
#wrap {overflow-x:hidden;}
.wrap_box { width:95%; margin:0 auto;}

#header h1 {left:0; top:32px;}

#lnb { margin:12px 3% 0 0;}
#lnb .lnb_wrap > ul > li > a { padding:0 40px;}
#lnb .lnb_sub li a {padding:1px; margin:0 0 0 40px;}
#gnb {top:7px;}
#gnb a {padding:0 10px;}

.jbFixed .header_in h1 {top:14px !important;}
/*.jbFixed .header_in h1 img { width:130px;}*/
.jbFixed .header_in #gnb {display:none;}

#container { margin-top:90px;}

}


/* 태블릿 세로 */
@media all and (max-width:1000px) {
#wrap {min-width:320px; overflow-x:hidden;}

#header { position:absolute; top:0; left:0; width:100%; z-index:2000 !important; min-height:80px; border-top:none; min-width:320px; border-bottom:none;}
#header h1 { top:23px; left:0; width:100%; text-align:center;}

#gnb { display:none !important;}
#lnb { display:none !important;}

.jbFixed { display:none;}
.btn_gnb { display:block; position:absolute; top:0; right:0; width:100%;}
.btn_gnb a { width:80px; line-height:80px; display:block; text-align:center; text-indent:-9999px;}
.btn_gnb .btn_call { position:absolute; left:0; border-right:1px solid #dbdbdb; background:url(/project/design/com/btn_call.png) no-repeat center; background-size:100%;}
.btn_gnb .btn_sitemap { position:absolute; right:0; border-left:1px solid #dbdbdb; background:url(/project/design/com/btn_sitemap.png) no-repeat center; background-size:100%;}

#container { margin-top:80px;}

#footer { min-width:320px; padding:20px 0 40px 0;}
#footer h1 { display:none;}
#footer .box_right { display:none;}
#footer .site_link { width:180px;}

}


/* 모바일 가로 */
@media all and (max-width:736px) {
#header { min-height:60px; }
#header h1 {top:17px;}
#header h1 img {width:80px;}
.btn_gnb a { width:60px; line-height:60px;height:60px;}
.btn_gnb .btn_sitemap {background-size:80%;}
#container { margin-top:60px;}
#footer .btn_top { position:fixed; top:auto; bottom:20px; right:5%; z-index:5000;}
}

/* 모바일 세로 */

@media all and (max-width:414px) {

.mo_block {display:block;}

#footer { padding:20px 0 100px 0;}
#footer .box_center {padding:30px 10px 60px 10px;}
#footer .box_center address .foot_line {background:none; padding:0 10px;}
#footer .box_center .btn .foot_dot {padding:0 15px;}
#footer .box_center .btn img {height:15px;}

}