@charset "utf-8";

/* reset */
body, div, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, select, input,iframe{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:14px; font-weight:normal; margin:0;}
body, input, textarea, select, button,iframe{font-family: "Noto Sans KR", sans-serif;}
a {text-decoration:none; color:#4f4f4f; font-family: "Noto Sans KR";}
a:link{font-size:14px; color:#4f4f4f; text-decoration:none;}
a:hover{font-size:14px; color:#4f4f4f; text-decoration:none;}
a:visited{font-size:14px; color:#4f4f4f;  text-decoration:none;}
li, ul, ol {list-style:none;}
img {border:0;}

#wrap{position:relative; overflow:hidden;}
.w1200{width:1200px; margin:0 auto;}
.ovH{overflow:hidden;}
.posR{position:relative;}

/* header */
#m_header{display:none;}
#header{width:100%; position:relative;}
#header .head_T{border-bottom:1px solid #eee;}
#header .head_T .head_Top{padding:40px 0 38px 0;}
#header .head_T .head_Top .pos{position:absolute; top:30px; left:0; width:205px;}
#header .head_T .head_Top .pos a{display:block;}
#header .head_T .head_Top .pos a img{width:100%;}
#header .head_T .head_Top .right{float:right;}
#header .head_T .head_Top .right a{font-size:16px; line-height:24px; letter-spacing:-0.05em; color:#222; display:inline-block;}
#header .head_T .head_Top .right span{font-size:12px; padding:0 10px; line-height:24px; color:#ccc; display:inline-block; vertical-align:top;}

#header .head_D .depth02_bg{width:100%; height:220px; top:64px; left:0; background:#edf7ff; z-index:3; position:absolute; display:none;}
#header .head_D .gnb ul.depth01{margin:0; font-size:0; }
#header .head_D .gnb ul.depth01 > li{height:64px; line-height:64px; display:inline-block; width:20%; position:relative;}
#header .head_D .gnb ul.depth01 > li > a{font-size:18px; letter-spacing:-0.035em; color:#1e1e1e; font-weight:500; display:block; text-align:center;}
#header .head_D .gnb ul.depth01 > li > ul.depth02{ padding-left:35.42%; top:75px; left:0; width:100%; margin:0; z-index:4; box-sizing:border-box; position:absolute; display:none;}
#header .head_D .gnb ul.depth01 > li > ul.depth02.pl72{padding-left:30%;}
#header .head_D .gnb ul.depth01 > li > ul.depth02.pl60{padding-left:25%;}
#header .head_D .gnb ul.depth01 > li > ul.depth02 li{line-height:31px;}
#header .head_D .gnb ul.depth01 > li > ul.depth02 li a{font-size:16px; letter-spacing:-0.025em; color:#444; font-weight:500; display:block;}

/* footer */
#footer{ width:100%; background:#31354e; }
#footer .top_btn{position:absolute; top:0; right:0; width:56px; height:56px;}
#footer .top_btn a{display:block;}
#footer .top_btn a img{width:100%;}
#footer .foot{padding:75px 0 108px 0; text-align:center;}
#footer .foot h4 span{font-size:14px; display:block;}
#footer .foot h4{font-size:26px; letter-spacing:-0.025em; margin:0; color:#fff;}
#footer .foot .foot_btn{padding:1.6666666667% 0; font-size:0; text-align:center; }
#footer .foot .foot_btn a{font-size:14px; line-height:23px; color:rgba(204,204,204,0.5); display:inline-block;}
#footer .foot .foot_btn span{font-size:13px; color:rgba(204,204,204,0.1); display:inline-block; padding:0 1.25%; vertical-align:top;}
#footer .foot ul {display: flex; justify-content: center; margin: 0; flex-wrap: wrap; gap: 0 10px;}
#footer .foot ul li{font-size:14px; line-height:1.7857em; font-weight:300; color:rgba(204,204,204,0.5); word-break: keep-all;}
#footer .foot .copy{font-size:12px;; font-weight:300; color:rgba(204,204,204,0.5)}


/* quick */
#quick{position:absolute; top:255px; right: 180px; width:95px; text-align:center; z-index:999;}
#quick .quick_btn{background:#fff; margin-bottom: 0;}
#quick .quick_btn a{display:block; padding-top:30px;}
#quick .quick_btn li:last-of-type a{padding-bottom:30px;}
#quick .quick_btn a img{width:50px;}
#quick .quick_btn a p{font-size:15px; line-height:16px; padding-top:10px; color:#222; font-weight:400; letter-spacing:-0.025em;}
#quick .quick_btn02 a{height:45px; line-height:45px; font-size:15px; letter-spacing:-0.025em; background:#1a1a22; display:block; color:#fff; font-weight:300;}


@media all and (max-width:1600px){
	#quick{right:  10px;}
}
.m_quick{display:none; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 3; height: 108px; box-sizing: border-box;}
.m_quick ul {margin: 0; display: flex; align-items: center; background-color: #fff; border-top: 1px solid #e1e1e1;}
.m_quick ul li{width: 33.333%; position: relative;}
.m_quick ul li + li:before{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 45px; background-color: #e1e1e1; content: '';}
.m_quick ul li a{display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px 0;}
.m_quick ul li a p{font-size: 16px; margin-top: 10px; color: #222;}

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

@media all and (max-width:1000px){
	
	/* 20230907 */
	.m_quick .m_none{display: none !important;}
	.m_quick .kakao{position: fixed; bottom: 130px; right: 20px; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 50%; background-color: #f7e409;}

	#quick{display:none;}
	.m_quick{display: block;}
	#header{display:none;}
	#footer{margin-bottom: 108px;}
	#m_header{display:block; width:100%; height:100px; background:#2763ba; position:relative; }
	#m_header .m_head_con{width:93.75%; margin:0 auto; }
	#m_header .m_head_con .inner{height:100px; overflow:hidden; position:relative; }
	#m_header .m_head_con .inner .left{float:left; margin-top:34px; width:49px;}
	#m_header .m_head_con .inner .left a{display:block;}
	#m_header .m_head_con .inner .left a img{width:100%;}	
	#m_header .m_head_con .inner .center{position:absolute; top:36px; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -o-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -moz-transform:translate(-50%,0); font-size:0;}
	#m_header .m_head_con .inner .center a{font-size:30px; letter-spacing:-0.04em; color:#fff; font-weight:400; display:inline-block; line-height:1;}
	#m_header .m_head_con .inner .right{float:right; margin-top:31px; width:41px;}
	#m_header .m_head_con .inner .right a{display:block;}
	#m_header .m_head_con .inner .right a img{width:100%;}

	#m_header .m_menu_bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:5;}
	#m_header .m_menu{position:absolute; top:0; left:-3000px; width:80%; z-index:6; background:#fff;}
	#m_header .m_menu .m_menu_T{height:108px; padding:0 20px; box-sizing:border-box; overflow:hidden; border-bottom:1px solid #e1e1e1;}
	#m_header .m_menu .m_menu_T .left{float:left; width:202px; margin-top:27px;}
	#m_header .m_menu .m_menu_T .left img{width:100%;}
	#m_header .m_menu .m_menu_T .right{float:right; width:25px; margin-top:38px;}
	#m_header .m_menu .m_menu_T .right a{display:block;}
	#m_header .m_menu .m_menu_T .right a img{width:100%;}
	#m_header .m_menu .m_menu_D ul{margin:0;}
	#m_header .m_menu .m_menu_D > ul > li > a{font-size:22px;  height:74px; line-height:73px; padding:0 30px; display:block; border-bottom:1px solid #e1e1e1; box-sizing:border-box; letter-spacing:-0.025em; color:#222; font-weight:400; overflow:hidden;}
	#m_header .m_menu .m_menu_D > ul > li > a > span{margin-top:35px; width:25px; float:right; display:block;}
	#m_header .m_menu .m_menu_D > ul > li > a > span img{width:100%;}
	#m_header .m_menu .m_menu_D > ul > li > a > span img.on{display:none;}
	#m_header .m_menu .m_menu_D > ul > li.active > a > span img.on{display:block;}
	#m_header .m_menu .m_menu_D > ul > li.active > a > span img.off{display:none;}

	#m_header .m_menu .m_menu_D > ul > li ul.m_dep02{display:none; padding:0 20px; box-sizing:border-box; background:#2763ba;}
	#m_header .m_menu .m_menu_D > ul > li ul.m_dep02 li a{font-size:18px; padding:0 10px;  height:60px; line-height:59px; display:block; border-bottom:1px solid rgba(255,255,255,0.2); box-sizing:border-box; letter-spacing:-0.025em; font-weight:300; color:#fff;}
	
	#m_header .m_menu .m_btm_btn{margin:30px; font-size:0;}
	#m_header .m_menu .m_btm_btn a{font-size:18px; line-height:20px; color:#444; letter-spacing:-0.025em; font-weight:400; vertical-align:top; display:inline-block; }
	#m_header .m_menu .m_btm_btn span{font-size:18px; padding:0 1.5%; line-height:20px; vertical-align:top; color:#444; display:inline-block; }



}

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

	/* header */
	#m_header{ height:15.625vw;}
	#m_header .m_head_con .inner{height:15.625vw;}
	#m_header .m_head_con .inner .left{margin-top:5.3125vw; width:7.65625vw;}
	#m_header .m_head_con .inner .center{top:5.625vw; }
	#m_header .m_head_con .inner .center a{font-size:4.6875vw;}
	#m_header .m_head_con .inner .right{ margin-top:4.84375vw; width:6.40625vw;}

	#m_header .m_menu .m_menu_T{height:16.875vw; padding:0 3.125vw; }
	#m_header .m_menu .m_menu_T .left{width:31.5625vw; margin-top:4.21875vw;}
	#m_header .m_menu .m_menu_T .right{ width:3.90625vw; margin-top:5.9375vw;}

	#m_header .m_menu .m_menu_D > ul > li > a{font-size:3.4375vw;  height:11.5625vw; line-height:11.40625vw; padding:0 4.6875vw; }
	#m_header .m_menu .m_menu_D > ul > li > a > span{margin-top:5.46875vw; width:3.90625vw;}

	#m_header .m_menu .m_menu_D > ul > li ul.m_dep02{ padding:0 3.125vw;}
	#m_header .m_menu .m_menu_D > ul > li ul.m_dep02 li a{font-size:2.8125vw; padding:0 1.5%;  height:9.375vw; line-height:9.21875vw; }

	#m_header .m_menu .m_btm_btn{margin:4.6875vw; }
	#m_header .m_menu .m_btm_btn a{font-size:2.8125vw; line-height:3.125vw; }
	#m_header .m_menu .m_btm_btn span{font-size:2.8125vw; line-height:3.125vw;}

	/* footer */
	#footer .top_btn{ width:8.75vw; height:8.75vw;}
	#footer .foot{padding:11.71875vw 0 16.875vw 0;}
	#footer .foot h4{font-size:16px;}
	#footer .foot p{word-break:keep-all;}

}