@charset "utf-8";
/* 기본프로그램 사용자모듈 메뉴 - PC */
.all_m_btn {padding:10px; background:#323337;}
.all_m_btn img {position:absolute; top:28%; left:15px; width:10%; max-width:40px; cursor:pointer;}
.all_m_btn .mutit {text-align:center; font-weight:900; font-size:26px; color:#fff;}
.pro_m_wrap {display:none; font-family:'Nanum Gothic', sans-serif; transition:all 0.3s linear;}
.pro_m_wrap .m_menu {width:200px;}
.pro_m_wrap .bg_black {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:-1;}


/* 기본프로그램 사용자모듈 메뉴 - MOBILE */
.pro_m_wrap .subleftmenu {
	list-style:none;
	margin:0;
	padding:0;
}
.pro_m_wrap .subleftmenu li {
	border-bottom:1px solid #515155;
	background:#323337;
}
.pro_m_wrap .subleftmenu a {
	display:block;
	color:#b5b2b2;
	font-size:14px;
	padding:11px 5px 11px 15px;
	font-family:'Noto Sans KR';
}
.sub_title_m{
	font-size:28px !important;
	font-weight:bold;
	color:#fff !important;
	padding:12px 5px 12px 15px !important;
}
.pro_m_wrap .subleftmenu a:hover {
	background:#307dd4;
	color:#fff;
}
.sub_title_m:hover {
	background:#323337 !important;
	cursor:default;
}

@media all and (max-width:999px){
	.pro_m_wrap {display:block; position:absolute; left:-100%; top:0; z-index:999;}
	.pro_m_wrap.view {left:0;}
}

/* bootstrap reset */
.wrap h1, .wrap h2, .wrap h3, .wrap h4, .wrap h5, .wrap h6 {margin: 0; padding: 0;}

/* 스크롤 */
html {scroll-behavior: smooth;}

/* 색상 값 */
:root {
	--main-color : #1f4ca0;
	--point-color : #0099de;
	--point-color-two : #3bc1ff;
}

/* font 추가 */
.mont {font-family: 'Montserrat', sans-serif;}
.sam {font-family: 'Samsung Sharp Sans', sans-serif;}

/* basic */
.wrap {overflow: hidden;}
.inner{width:100%; max-width:1400px; margin:0 auto; position:relative;}

.m_only {display: none;}

@media all and (max-width:1400px){
	.inner{width:93.75%;}
}

@media all and (max-width: 1000px) {
	.m_off {display: none !important;}
	.m_only {display: block;}
}

#header{height: 90px; background-color:none; padding:0 60px; position: absolute; border-bottom: 1px solid rgba(255,255,255,.33); box-sizing: border-box; width: 100%; z-index: 10;}
#header .logo{position:absolute; left:60px; top:50%; transform: translateY(-50%); margin:0;}
#header .logo > a{display: block;}
#header .logo > a > img:nth-child(2){display: none;}

#header .gnb {height: 100%;}
#header .gnb > ul{display:flex; justify-content: center; align-items: center; height: 100%;}
#header .gnb > ul > li{position: relative;}
#header .gnb>ul>li>a{padding:31px 50px; font-weight: 500; box-sizing: border-box; display:block; font-size:20px; letter-spacing: -0.025em; line-height: 1.4em; color:#fff;}
#header .gnb>ul>li:hover ul{display:block;}
#header .gnb>ul>li:hover>a{color:#0175be; font-weight: 700;}
#header .gnb>ul>li>ul{display: none; position: absolute;top:100%;left:50%; transform: translateX(-50%); background:#141516; text-align: center; width: 200px; padding:40px 0; box-sizing: border-box;}
#header .gnb>ul>li>ul>li>a{color:#fff; opacity: 0.75; font-size: 18px; line-height: 1em; display:block;}
#header .gnb>ul>li>ul>li + li {margin-top: 20px;}
#header .gnb>ul>li>ul>li>a:hover{opacity: 1;}

#header .right_box{position: absolute; top:50%; transform: translateY(-50%); right:60px; display:flex; justify-content: center;}
#header .right_box > .manage{width: 208px; height: 42px; display: flex; justify-content: center; align-items: center; border-radius: 21px; background-color:#fff;}
#header .right_box > .manage > a{color:#1f4ca0; font-size: 18px; letter-spacing: -0.025em; line-height: 1.555em; font-weight: 500; display: flex; align-items: center; width: 100%; height: 100%; justify-content: center;}
#header .right_box > .manage > a > img{margin-left: 9px;}
#header .right_box > .manage > a > img:nth-child(2){display:none;}

#header .gnb .right_box .global{display:flex; font-weight: 700; vertical-align: middle; width:96px; padding:0 3px; text-align: center; box-sizing: border-box; border-bottom:2px solid #fff; margin-left:40px; align-items: center;}
#header .gnb .right_box .global i{width: 20px; height: 20px; background: url(/img/header_global.png) no-repeat 0 0; }
#header .gnb .right_box .global select{background:none; font-size: 16px; color:#ffffff; border: none; letter-spacing: -0.025em; padding:0 5px;}
#header .gnb .right_box .global option{color:#000000;}


#header.fixed{position: fixed; top: 0; left: 0; background:#fff;}
#header.fixed .logo > a > img:nth-child(1){display: none;}
#header.fixed .logo > a > img:nth-child(2){display: block;}
#header.fixed .gnb>ul>li>a{color:#444444;}
#header.fixed .gnb>ul>li>a:hover{color:#0099de;}
#header.fixed .right_box > .manage{background-color:#1f4ca0;}
#header.fixed .right_box > .manage > a{color:#ffffff;}
#header.fixed .gnb .right_box .global{border-color:#000000;}
#header.fixed .gnb .right_box .global i{background: url(/img/header_fixed_global.png) no-repeat 0 0; }
#header.fixed .gnb .right_box .global select{color:#000000; }
#header.fixed .right_box > .manage > a > img:nth-child(1){display: none}
#header.fixed .right_box > .manage > a > img:nth-child(2){display: block}


@media all and (max-width: 1600px) {
	#header .gnb {padding-right: 150px;}
	#header .gnb>ul>li>a {padding: 30px 15px;}
}


@media all and (max-width: 1200px) {
	#header{padding:0 30px;}
	#header .gnb>ul>li>a{padding:31px 5px;}
	#header .gnb .right_box .global{margin-left:15px;}
	#header .logo{left:30px;}
	#header .right_box{right:30px;}
}

@media all and (max-width: 1000px) {
	#header .gnb {display: none;}

}

#header .m_btn {display:none; width:24px; margin:0 auto; text-align:right; cursor:pointer; position: absolute; top:50%; right:20px; transform: translateY(-50%);}
#header .m_btn i{display:inline-block; width:100%; height:2px; margin:3px 0; background:#fff; transition:all 0.5s;}
#header.fixed .m_btn i{background:#1f4ca0;}
#header .m_btn i:nth-of-type(2){width:84%;}
#header .m_btn.on i:nth-of-type(1){margin:11px 0 -2px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#header .m_btn.on i:nth-of-type(2){width:0; margin:0;}
#header .m_btn.on i:nth-of-type(3){margin:0 0 11px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg);}

.m_menu_bg {z-index:101; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.7); cursor:pointer; }
#m_menu {z-index:102; position:fixed; right:-100%; top:0; width:500px; max-width:80%; height:100%; background-color:#fff; box-sizing:Border-box; transition:all 0.5s; overfloW-y:auto;}
#m_menu.on {right:0; }
#m_menu .top_box {position:relative; height:90px; box-sizing:border-box; }
#m_menu .top_box .close_btn {position:absolute; right:20px; top:calc(50% - 15px); width:30px; height:30px; }
#m_menu .top_box .close_btn i {display:block; width:100%; height:2px; background-color:#333; }
#m_menu .top_box .close_btn i:first-of-type {-webkit-transform:rotate(45deg) translate(9px,9px); -moz-transform:rotate(45deg) translate(9px,9px); -ms-transform:rotate(45deg) translate(9px,9px); -o-transform:rotate(45deg) translate(9px,9px); transform:rotate(45deg) translate(9px,9px); }
#m_menu .top_box .close_btn i:last-of-type {-webkit-transform:rotate(-45deg) translate(-7px,8px); -moz-transform:rotate(-45deg) translate(-7px,8px); -ms-transform:rotate(-45deg) translate(-7px,8px); -o-transform:rotate(-45deg) translate(-7px,8px); transform:rotate(-45deg) translate(-7px,8px); }
#m_menu .login_box {padding:20px 0; background-color:#292929; text-align:center; }
#m_menu .login_box a {position:relative; padding:0 30px; font-size:20px; color:#fff; letter-spacing:-0.04em; }
#m_menu .login_box a:first-of-type:before {content:''; position:absolute; right:-1px; top:calc(50% - 7px); width:2px; height:15px; background-color:#fff; }
#m_menu .gnb_box {border-top:1px solid #ddd; }
#m_menu .gnb_box > ul > li {border-bottom:1px solid #dddddd; }
#m_menu .gnb_box > ul > li > a {position:relative; display:block; padding:20px 20px; font-size:20px; font-weight:bold; color:#222222; letter-spacing:-0.04em; box-sizing:border-box; }
#m_menu .gnb_box .depth02 {display:none; padding:10px 0; background-color:#000; }
#m_menu .gnb_box .depth02 li a {position:relative; display:block; padding:7px 20px; font-size:18px; color:#fff; letter-spacing:-0.04em; box-sizing:border-box; }

#m_menu .gnb_box .right_box .manage{text-align: center; background: #fff;}
#m_menu .gnb_box .right_box .manage > a{color: #1f4ca0; font-size: 20px; display:flex; justify-content: center; align-items: center;  padding:20px; }
#m_menu .gnb_box .right_box .manage > a > img{margin-left:8px;}
#m_menu .gnb_box .global{background-color: #1f4ca0; text-align: center; padding:20px;}
#m_menu .gnb_box .global i {width: 20px; height: 20px; background: url(/img/header_global.png) no-repeat 0 0; display:inline-block; vertical-align: middle;}
#m_menu .gnb_box .global select {background:#1f4ca0; font-size: 20px; color:#ffffff; border: none; display: inline-block;vertical-align: middle; letter-spacing: -0.025em; }


@media all and (max-width:1000px){
	#header .m_btn{display:block;}
}


/*footer*/
#footer{height:95px; padding:0 60px; background-color:#0b0d11;}
#footer > .footer_box {display: flex; align-items: center; justify-content: center; height: 100%;}
#footer > .footer_box > p {font-size: 16px; letter-spacing: -0.025em; color:#aaa; line-height: 1.625em;}