@charset "utf-8";
/* 폰트적용 */
@import "fonts.css";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800); /* Open Sans*/
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);

/**
* OLYM Cascading Style Sheets
* File Name : default.css
* Description : 기본 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : desingtj@olym.co.kr
* Date : 2017.02.07
* Update : 2018.10.24
* Copyright(c) 2018 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.4em; font-family:'Noto Sans Korean','Open Sans','나눔 고딕','Nanum Gothic','돋움', 'dotum'; word-wrap:break-word; -webkit-text-size-adjust:none;}
/* -webkit-text-size-adjust 모바일에서 폰트사이즈 고정 */
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 !important; }

#wrap a { transition: all .3s ease;}
#wrap a:hover { transition: all .3s ease;}

/* 숨김영역 */
#accessibility, #accessibility_footer, hr, legend, .skip { 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%; }

/* form css */
input, textarea, select, img { vertical-align: middle; } /* 이미지, form 세로중앙정렬 */
input, textarea, select { font-family:inherit; font-size:inherit;} /* 폰트, 사이즈 상속 */
@media all and (max-width:767px) {
input, textarea {-webkit-border-radius:0; -webkit-appearance:none;} /* 모바일 input 라운드0, 기본속성없애기 */
select {-webkit-border-radius:0; -webkit-appearance:none; background:#fff url("/admode/module/board/images/kor/bg_select.png") no-repeat right center; background-size:auto 80%;} /* 모바일 select 화살표 이미지*/
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;} /* 모바일 라디오버튼 */
}
.input_form { border:1px solid #ddd; border-radius:3px; color:#666; background:#f5f5f5; box-sizing:border-box; height:28px; line-height:28px; padding:0 3px;}
.input_form:focus { border:1px solid #000;}
.select_form { border:1px solid #ddd; border-radius:3px; color:#000; background:#fff; box-sizing:border-box; height:50px; padding-left:3px; width: 80%}
.textarea_form { border:1px solid #ddd; border-radius:3px; color:#666; background:#f5f5f5; box-sizing:border-box; padding:3px 3px 3px 10px; width:100%;  margin:8px 0; }
.textarea_form:focus { border:1px solid #000;}
.input_file { height:28px; width:80%; }

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

/* 공통 */
.font_star { font-weight:600; color:#f4364c; font-family:'verdana'; margin:0 3px; line-height:1em;} /* *표시 */
.font_em { color:#3267ba !important;}
.font_em2 { color:#3267ba !important; font-weight:600;}
.font_105 { font-size:1.05em;}
.font_m { font-size:1.25em;}
.font_normal { font-weight:normal !important; }
.font_bold { font-weight:600;}
.black_bold { font-weight:600; color:#333;}
.t_black { color:#333333; }
.t_orange { color:#df4241; }

.bg_purple { background:#887da6; }
.bg_orange { background:#f48473; }
.bg_pink { background:#f49ac1; }
.bg_yellow { background:#fecd67; }

.mg20 { margin:20px !important;}
.mg40 { margin:40px !important;}
.mgT5 { margin-top:5px !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;}
.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;}
.poR { position:relative !important;}
.bdT1 { border-top:1px solid #efefef;}
.pdT10 { padding-top:10px !important;}
.pdT20 { padding-top:20px !important; }
.pdT30 { padding-top:30px !important; }
.pdB20 { padding-bottom:20px !important; }
.pdB30 { padding-bottom:30px !important; }

/* Layout */
html, body { height:100%;}
body { font-size:14px; word-break:keep-all;} /* 단어 기준으로 줄바꿈 */
#wrap { width:100%; min-width:1200px; overflow-x:hidden;}
.wrap_box { width:1400px; margin:0 auto; position:relative; }

/* header */
#header { position:relative;}
#header .header_in { position:absolute; top:0; left:0; width:100%; z-index:2000 !important;transition: all .3s ease}
#header h1 { position:absolute; top:20px; left:25px; z-index:2200 !important;transition: all .3s ease; width: 250px; height: 40px; background: url("/project/design/com/logo.png") no-repeat}
#header h1 a { height: 100%; display: block;}
#gnb { position:absolute; top:35px; right:40px; z-index:2200 !important; transition: all .3s ease;}
#gnb > ul > li { float:left; padding-left:50px;}
#gnb > ul > li a { color:#fff; line-height:30px;}

#lnb { position:relative; z-index:2100 !important;}
#lnb .lnb_wrap { position:relative; overflow:hidden; visibility:hidden; z-index:2100 !important; padding:20px 0;transition: all .3s ease}
#lnb .lnb_wrap > ul { width:80%; margin:0 auto; display:table;}
#lnb .lnb_wrap > ul > li { display:table-cell; width:14.28%;}
#lnb .lnb_wrap > ul > li > a { display:block; text-align:center; font-size:18px; font-weight:500; color:#fff; height:60px; line-height:60px; text-shadow:0 2px 5px rgba(0,0,0,0.5);}
#lnb .lnb_wrap > ul > li > a:after { display:block; content:""; height:3px; background:#fff; -webkit-transform:scale(0, 1); -moz-transform:scale(0, 1); -ms-transform:scale(0, 1); -o-transform:scale(0, 1); transform:scale(0, 1); transition:all .3s ease;}
#lnb .lnb_wrap > ul > li.current > a, #lnb .lnb_wrap > ul > li.actived > a { color:#fff; }
#lnb .lnb_wrap > ul > li.current > a:after, #lnb .lnb_wrap > ul > li.actived > a:after {transform:scale(1, 1);}
#lnb .lnb_sub { padding-top:20px; }
#lnb .lnb_sub li a { display:block; color:#fff; padding:5px 0; text-align:center; }
#lnb .lnb_sub li a:hover { color:#35de4c;}
#m_gnb .btn_sitemap { display:none;}

.jbFixed .header_in { position:fixed !important; background:#fff !important; min-height:80px !important; border-bottom:none !important;box-shadow: 2px 2px 2px rgba(0,0,0,0.2)}
.jbFixed h1{background: url("/project/design/com/logo2.png") no-repeat !important;}
.jbFixed #lnb .lnb_wrap { padding:10px 0;}
.jbFixed #lnb .lnb_wrap > ul {border-top:none !important;}
.jbFixed #lnb .lnb_wrap > ul > li > a { color:#000; text-shadow:none;}
.jbFixed #lnb .lnb_wrap > ul > li > a:after{background: #162e7c}
.jbFixed #lnb .lnb_sub li a { color:#000;}
.jbFixed #lnb .lnb_sub li a:hover { color:#35de4c;}
.jbFixed h1{top:20px !important}
.jbFixed #gnb{top:25px}
.jbFixed #gnb > ul > li a { color:#000;}

#container { width:100%; min-height:1000px; position:relative;}


/* 우측 퀵메뉴, 상단메뉴 스크롤시 고정 */
#navi{position: fixed;z-index: 999;right: 35px !important;bottom: 35px;background: linear-gradient(150deg, rgba(53,222,76,1) 0%, rgba(9,9,121,1) 100%);  padding: 25px 35px;transition: all .4s ease}
#navi .btn_close {position:absolute; top:0; right:0; width:100%; background: url("/project/design/com/icon_close.png") no-repeat center; display:block; text-indent:-9999px; height:50px; width:50px}
#navi h2,#navi li a, #navi p{color: #fff; font-size: 16px;}
#navi p {padding-bottom:20px;}
#navi .p_desc1 {font-family: "Open Sans"; font-weight:700; font-size:18px; display: block;}
#navi li a{line-height: 1.2em; padding:10px 0; position: relative;display: block;}
#navi li a::after{content: ""}
#navi li a.on::after,#navi li a:hover::after{content: "" ; position:absolute; right:-50px; top:20px; width:55px; height:3px; background:#fff; transition:all .3s ease}

.quick_a {position: fixed; z-index: 999;right: 35px !important;bottom: 35px;background: linear-gradient(150deg, rgba(53,222,76,1) 0%, rgba(9,9,121,1) 100%); width:100px; height:66px;  }
.quick_a a {background:url("https://www.samhwa.biz/project/design/com/icon_quick.png") no-repeat center 15px; padding-top:35px; height:66px; box-sizing:border-box; display:block;color:#fff; font-weight:600; transition: all .4s ease; text-align:center; position:relative;}


/* footer */
#footer { width:100%; background:#fff; color:#666; padding:40px 0; font-weight: 300;position: relative;}
.footer_box a { color:#888; }
.footer_box .footer_btn li { float:left; padding-right:20px;}
.footer_box address { clear:left; padding-top:30px;color:#666;font-weight: 300;line-height: 24px}
.footer_box .bold{font-weight: 500;margin-right: 20px;color: #000}
.footer_box .number{margin-right: 20px}
.footer_box .pa_left { padding-left:15px; }
.footer_box .sns {position: absolute;top: 50%;right: 220px;transform: translate(0%, -50%);}
.footer_box .logo{position: absolute;top: 50%;right: 0;transform: translate(0%, -50%);}

/* top 버튼 */
#back-top { z-index:1000; position:fixed; bottom:10px; right:10px;}
#back-top a { width:40px; height:40px; display:block; text-indent:-9999px; background:rgba(0,0,0,0.3) url("/project/design/com/bg_btn_top.png") no-repeat center; background-size:12px; border-radius:5px; transition: all 0.7s ease;}

 /* 모바일 메뉴 */
#sitemap {display:none; display:block; position:relative; z-index:5000;}
#sitemap .m_menu { position:absolute; top:0; right:-200px; width:200px; background:#fff; z-index:5000; }
#sitemap .m_menu .close { width:30px; height:30px; background:url("/project/design/com/bg_close.png") no-repeat center; background-size:20px; display:block; text-indent:-9999px; position:absolute; top:10px; right:10px;}
#sitemap .m_menu h2 { line-height:40px; color:#333; font-size:1.4em; padding-left:20px; background:#fff; text-indent:-9999px;}
#sitemap .m_menu h3 a { color:#333; font-size:1.25em; font-weight:300; display:block; padding:10px 0; text-align:center;}
#sitemap .m_menu h3.on a { color:#333; }
#sitemap .m_menu .depth1 { background:none;}
#sitemap .m_menu .depth2 { display:none;}
#sitemap .m_menu .depth2 li a { font-size:0.95em; color:rgba(255, 255, 255, 0.8); display:block; padding:8px 25px; text-align:left; background:rgba(22, 46, 124, 1); border-bottom:1px solid rgba(255, 255, 255, 0.2);}
#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:0.95em; display:block; padding:8px 20px 8px 30px; background:rgba(0, 0, 0, 0.5);}
#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.8); z-index:10; display:none; }


@media all and (max-width:1660px) {
#wrap { min-width:100%;}
.wrap_box { width:90%;}
#gnb > ul > li { padding-left:30px;}
#lnb .lnb_wrap > ul { width:65%;}
#navi {display:none;}
}

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

@media all and (max-width:1280px) {
#lnb { display:none;}
}

@media all and (max-width:1000px) {
#wrap {min-width:320px;}
#header .wrap_box { width:100%;}
.jbFixed .header_in { position:absolute !important;  background:none !important; min-height:auto !important;}
.jbFixed h1 { background: url("/project/design/com/logo.png") no-repeat !important;}
.jbFixed #gnb > ul > li a { color:#fff !important;}

.footer_box .logo{display:none;}
.footer_box .sns {right: 0;}
}

@media all and (max-width:800px) {
#header h1 {top:15px; left:15px; height: 35px; background-size:auto 100%;}
.jbFixed h1 { top:15px !important; left:15px !important; height: 35px !important; background-size:auto 100% !important;}
#gnb{ display:none;}
#m_gnb { position:absolute; top:0; right:0; z-index:1000;}
#m_gnb .btn_sitemap { display:block; width:80px; height:80px; text-indent:-9999px; background:url("/project/design/com/ic_main1.png") no-repeat center; background-size:30px;}
#container { min-height:500px;}
#footer { font-size:0.95em; }
.footer_box .footer_btn li:nth-child(2) { display:none;}
.footer_box .footer_btn li:nth-child(3) { display:none;}

.footer_box .sns {top: -10px;transform: translate(0%, 0);}
.footer_box .sns img { width:40px;}
}

@media all and (max-width:500px) {
#footer { padding:30px 0;}
.footer_box address { padding-top:20px;}
.footer_box .footer_btn li { padding-right:10px;}
.footer_box .pa_left { padding-left:10px; }
}