@charset "utf-8";
/* 폰트적용 */
@import "fonts.css";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

/**
* OLYM Cascading Style Sheets
* File Name : default.css
* Description : 기본 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : desingtj@olym.co.kr
* Date : 2019.03.29
* Update : 2019.03.29
* Copyright(c) 2019 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:'Pretendard','Noto Sans KR', 'Malgun Gothic'; 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;}
.fx{display: flex; -ms-display: flex; -webkit-display: flex;}

/* 숨김영역 */
#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, label, img { vertical-align: middle; } /* 이미지, form 세로중앙정렬 */
input, textarea, select { font-family:inherit; font-size:inherit;} /* 폰트, 사이즈 상속 */
textarea{resize: none;}
/*
.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:#666; background:#f5f5f5; box-sizing:border-box; height:28px; padding-left:3px; }
.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; font-size:26px; color:#0020d0; font-family:'verdana'; vertical-align:middle; margin:0 10px; line-height:1em;} /* *표시 */
.font_star2 { font-weight:600; font-size:26px; color:#0020d0; font-family:'verdana'; vertical-align:middle; margin:0 10px 0 0; line-height:1em;} /* *표시 */
.font_star3 { font-weight:600; font-size:20px; color:#0020d0; font-family:'verdana'; vertical-align:middle; line-height:1em;} /* *표시 */
.font_em { color:#0020d0 !important;} /* 블루 */
.font_em2 { color:#1b1b1b !important;} /* 검정 */
.font_bold { font-weight:500;}
.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;}
.mgR10 { margin-right:10px !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:18px; word-break:keep-all; background-color: #fff;} /* 단어 기준으로 줄바꿈 */
#wrap { width:100%; min-width:1200px; overflow-x:hidden;}
.wrap_box { width:1400px; margin:0 auto; position:relative; }


/* loading */
.loader { position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px; z-index:1000; border: 5px solid rgba(0,0,0,0.2); /* 배경 */ border-top: 5px solid #0020d0; /* 컬러 */ border-radius: 50%; width: 40px; height: 40px; animation: spin 2s linear infinite;}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* header */
#header { height: 180px; position:relative; z-index: 1000;}
#header .wrap_box { width: 100%; padding: 0 110px; box-sizing: border-box;}
#header .box_chrome {  height: 70px; display: flex; justify-content:space-between; align-items: center;}
#header .box_chrome span { color:#0020d0; font-size:15px;}
#header .box_chrome .a_box { display: flex; gap: 10px;}
#header .box_chrome .a_box a { padding:8px 30px; font-size: 13px; color:#0020d0; font-weight: 500; border:1px solid #0020d0; line-height: 1em;}
#header .box_chrome .a_box a:hover{ color:#fff; background-color: #0020d0;}

.header_in { border-top: 1px solid #0020d0;}

#lnb { padding: 30px 110px 0 110px; width: 90%; box-sizing: border-box;}
#lnb .lnb_wrap { position:relative;}
#lnb .lnb_wrap > ul { display: flex; justify-content: space-around;}
#lnb .lnb_wrap > ul > li { width: 100%;}
#lnb .lnb_wrap > ul > li > a { position: relative; display:block; font-size:24px; font-weight: 700; color:#000; padding: 0 20px;}
#lnb .lnb_wrap > ul > li > a > span { display: block; font-size: 15px; font-family: "Montserrat"; font-weight: 600; line-height: 1.6; color: #0020d0;}
#lnb .lnb_wrap > ul > li > a::before { position: absolute; left: 0; top: 0; display:block; content:""; height:0; width: 1px; background:#0020d0; opacity: 0; transition:all .3s ease;}

#lnb .lnb_wrap > ul > li.current > a::before, #lnb .lnb_wrap > ul > li.actived > a::before, #lnb .lnb_wrap > ul > li > a:hover::before { opacity: 1; height: 100%;}
/* #lnb .lnb_sub { padding-top:10px; display: none; }
#lnb .lnb_sub li a { display:block; color:#4b4a48; text-align: center; font-size: 15px; }
#lnb .lnb_sub li a:hover { color:#000;} */

#container {  position:relative;}

/* footer */
#footer { border-top: 1px solid #0020d0; }
#footer .wrap_box { display: flex; align-items: center; justify-content: space-between; color:#000; font-size:14px; width: 100%; padding: 75px 110px; box-sizing: border-box;}
#footer .wrap_box .right { text-align: right;}


/* top 버튼 */
#back-top { z-index:1000; position:fixed; bottom:80px; right:30px;}
#back-top a { width:50px; height:50px; display:block; text-indent:-9999px; background:#0020d0 url("/project/design/com/bg_btn_top.png") no-repeat center; background-size:20px; border-radius:100%; transition: all 0.7s ease;}


@media all and (max-width:1440px) {    
    .wrap_box { width:90%; }
    #lnb { width: 100%;}
}