@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('/common/font/woff2/Pretendard-Black.woff2') format('woff2'), url('/common/font/woff/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('/common/font/woff2/Pretendard-ExtraBold.woff2') format('woff2'), url('/common/font/woff/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('/common/font/woff2/Pretendard-Bold.woff2') format('woff2'), url('/common/font/woff/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('/common/font/woff2/Pretendard-SemiBold.woff2') format('woff2'), url('/common/font/woff/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('/common/font/woff2/Pretendard-Medium.woff2') format('woff2'), url('/common/font/woff/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('/common/font/woff2/Pretendard-Regular.woff2') format('woff2'), url('/common/font/woff/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('/common/font/woff2/Pretendard-Light.woff2') format('woff2'), url('/common/font/woff/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('/common/font/woff2/Pretendard-ExtraLight.woff2') format('woff2'), url('/common/font/woff/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('/common/font/woff2/Pretendard-Thin.woff2') format('woff2'), url('/common/font/woff/Pretendard-Thin.woff') format('woff');
}
@font-face {
    font-family: 'SUIT-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
*{margin:0;padding:0;outline: 0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes: none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{border-radius:0;vertical-align:middle}
input::-ms-clear{display:none}
button{border:0 none;background-color:transparent;cursor:pointer}
body{background:#fff;direction:ltr;-webkit-text-size-adjust:none;}
body,th,td,input,select,textarea,button{font-size:1em;line-height:1.5;font-family: 'Pretendard';color:#222;letter-spacing:-1px}
a{color:#222;text-decoration:none;font-family: 'Pretendard';}
a:active{background-color:transparent}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
.cf:after{content:""; display: block; clear:both;}
.fl{float:left;}
@font-face {
  font-family: 'TMONMONSORI';
  font-style: normal;
  src: url(/common/font/SourceHanSerifKR-Light.otf) format('opentype'),
       url(/common/font/TmonMonsoriBlack.woff) format('woff'),
       url(/common/font/TmonMonsoriBlack.otf) format('opentype');
}
/* #header{display: none} */
#header.non{display: none !important}
#header{position: fixed;top: 0;left: 0;width: 100%;z-index: 99999;;}
#header .hd_inner{margin-top: 20px;transition: 0.6s;position: relative}
#header .hd_inner:hover{margin-top: 0;background: #fff;}
#header .hd_inner{padding-left: 0;position: relative}
#header .hd_inner:after{content: '';display: block;clear: both}
#header #logo{float: left;position: absolute;left: 60px;top: 14px;z-index: 99}
#header #logo a{display: block;}
#header #gnb{padding-right: 35px;;position: relative;text-align: right;width: 100%;box-sizing: border-box;}
#header #gnb:before{content: '';display: block;width: 100%;height: 360px;background: #fff;position: absolute;top: 70px;left: 0;border-top: 1px solid #dddddd;display: none}
#header:hover #gnb:before{display: block;}
#header #gnb:hover{padding-top: 0}
#header #gnb > ul > li{display: inline-block;vertical-align: top;padding: 0 25px;transition: 0.8s}
#header:hover #gnb > ul > li{padding: 0 50px}
#header #gnb > ul > li > a{display: block;line-height: 70px;color: #ffffff;font-family: 'SUIT-Medium';display: block;transition: 0.6s;z-index: 5;position: relative}
#header #gnb > ul > li > a i{display: block;position: absolute;width: 100%;bottom: -1px;background: #23b0d9;height: 2px;left: 50%;width: 0;transition: 0.6s}
#header #gnb > ul > li:hover > a i{width: 100%;left: 0}
#header:hover #gnb > ul > li > a{color: #282b35;position: relative}
#header #gnb > ul > li:hover > a{color: #00a4d3}
#header:hover #gnb > ul > li > a:before{content: '';width: 9px;height: 9px;box-sizing: border-box;border: 2px solid #23b0d9;background: #fff;border-radius: 50%;position: absolute;left: 50%;margin-left: -4.5px; bottom: -4.5px;transition: 0.6s;opacity: 0;z-index: 2}
#header:hover #gnb > ul > li:hover > a:before{left: 0;opacity: 1}
#header:hover #gnb > ul > li > a:after{content: '';width: 9px;height: 9px;box-sizing: border-box;border: 2px solid #23b0d9;background: #fff;border-radius: 50%;position: absolute;right: 50%;margin-right: -4.5px; bottom: -4.5px;transition: 0.6s;opacity: 0;z-index: 2}
#header:hover #gnb > ul > li:hover > a:after{right: 0;opacity: 1}
#header #gnb > ul > li{position: relative;}
#header #gnb > ul > li .dep_wrap{position: absolute;width: 100%;left: 0;padding-top: 15px;display: none}
#header:hover #gnb > ul > li .dep_wrap{display: block;}
#header #gnb > ul > li .dep_wrap ul li a{display: block;text-align: center;font-size: 16px;line-height: 40px;color: #363b4a;}
#header #gnb > ul > li .dep_wrap ul li:hover a{color: #00a4d3;text-decoration: underline;}
#header .mo_menu{padding-top: 100px;}
#header .mo_menu.on{right: 0}

#header .mo_menu button{background: none; border: none; right: 10px; top: 20px; position: absolute}
#header .mo_menu button img{width: 24px;}
#header .mo_menu{position:fixed; right: -100%; z-index: 999; background: url(/img/common/menu_open.jpg) bottom right;background-size: 100% auto; width: 290px; height: 100%; top: 0; transition: 1s;overflow-y: scroll;box-sizing: border-box}
#header .mo_menu .gnb1 {padding-left: 40px; }
#header .mo_menu .gnb1 > ul > li > a{line-height: 40px; letter-spacing: -0.5px; font-size: 16px; color: #002e59; font-weight: 300; display: block}
#header .mo_menu .gnb1 > ul > li > ul > li > a{line-height: 30px; letter-spacing: -0.5px; font-size: 14px; color: #002e59; opacity: 0.9;padding-left: 5px;  display: block; font-weight: 300; display: none; opacity: 0.7}
#header .mo_menu .gnb1 > ul > li > ul > li > a{display: block; }

#header .mo_menu .gnb1 > ul > li > ul {display: none}
#header .mo_menu .gnb1 > ul > li > ul.on {display: block}
#header .m_btn i{display: block;width: 33px;height: 1px;background: #fff;}
#header .m_btn{position: absolute;right: 20px;padding-top: 19px;display: none}
#header .m_btn i.line01{margin-bottom: 10px;}
#header.on .m_btn i.line01{background:#00a4d3 ;}
#header.on .m_btn i.line02{background:#1d2b55 ;}
#header.sub .m_btn i.line01{background:#00a4d3 ;}
#header.sub .m_btn i.line02{background:#1d2b55 ;}

#header #gnb{padding-right: 145px;}
#header .lan_list{position: absolute;right: 60px;line-height: 70px;top: 0}
#header .lan_list ul:after{content: '';display: block;clear: both;}
#header .lan_list ul li{float: left;}
#header .lan_list ul li:after{ content: ""; margin: 0 5px; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background-color: #b6bbc5; position: relative; top: -4px; }
#header .lan_list ul li a{font-family: 'SUIT-Medium';color: #fff;}
#header.on .lan_list ul li a{color: #444 !Important;}
#header.sub .lan_list ul li a{color: #444;}
#header .lan_list ul li.on a{color: #1572e2;}
#header:hover .lan_list ul li.on a{color: #1572e2 !Important;}

#header .lan_list ul li:last-child:after{ display: none; }

#footer{padding-bottom: 75px;}
#footer .inner{border-top: 1px solid #d8dee6;padding-top: 60px}
#footer .ft_logo{margin-bottom: 25px;}
#footer p{font-size: 16px;color: #85878e;line-height: 32px;}
#footer p i{display: inline-block;width: 30px;}
#footer address{display: block;line-height: 32px;margin-top: 5px;color: #6879a5;font-size: 14px;}
#footer address a{color: inherit;text-decoration: underline}
@media (max-width: 1620px){
	#header:hover #gnb > ul > li{padding: 0 30px}
}
@media (max-width: 1320px){
	#footer {text-align: center}
	#footer address{margin-top: 0;text-align: center}
	#header .hd_inner{padding-left: 20px;}
	#header .m_btn{display: block}
}
@media (max-width: 900px){
	#footer p{font-size: 13px;line-height: 26px;word-break: keep-all}
	#footer address{font-size: 12px;}
	#footer .ft_logo img{width: 140px;}
	#footer{padding-bottom: 35px;}
	#footer .ft_logo{margin-bottom: 15px;}
	#footer .inner{padding-top: 35px;}
	#footer p i{width: 0;display: block;}
	#header #logo img{width: 150px;}
	#header .hd_inner{margin-top: 20px;}
	#header #logo{left: 20px;top: 13px;}
	#header .hd_inner{margin-top: 0;height: 65px;}
	#header .lan_list{line-height: 65px;right: 70px}
	#header .lan_list ul li a{font-size: 14px;}
}