@charset "utf-8";

.inner {	width:1400px;	position:relative;	margin-left:auto;	margin-right:auto;}
.w-inner {	width:1400px;	position:relative;	margin-left:auto;	margin-right:auto;}
.w-inner2 {	width:1720px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner {	width:1450px;	position:relative;	margin-left:auto;	margin-right:auto;}
.ss-inner {	width:780px;	position:relative;	margin-left:auto;	margin-right:auto;}


@media all and (max-width:1719px){
	.w-inner{width: 94%;}
	.w-inner2{width: 94%;}
}
/* 타블렛 가로 */
@media all and (max-width:1399px) {	
.inner {width:94%;}
.s-inner {width:94%;}
}
@media all and (max-width:780px){
	.ss-inner{width: 94%;}
}

#header{width: 100%; height: 100px; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 9999; border-bottom: 1px solid #eee;}
#header .header_top{background-color: #3d1c4e; position:relative; z-index:100;}
#header .header_top .w-inner{display: flex; align-items:center; justify-content: space-between;}
#header .header_top .l_cont{display: flex; align-items:flex-start; gap:0;}
#header .header_top .l_cont a{font-size: 16px; color: #fff; font-weight: 500; padding:12px 15px;}
#header .header_top .l_cont a span{font-weight: 600; color: #dfdac9; margin-left: 10px;}
#header .header_top .r_cont{display: flex; align-items:center; gap:0 35px;}
#header .header_top .r_cont .btn_box1{display: flex; gap:0 30px;}
#header .header_top .r_cont .btn_box1 a{font-family: 'Montserrat', sans-serif; font-size: 14px; color: #fff; font-weight: 500;}
#header .header_top .r_cont .btn_box2{display: flex;}
#header .header_top .r_cont .btn_box2 a{display: block; padding: 12px 15px; color: #fff; font-size: 16px; font-weight: 500;}
#header .header_top .r_cont .btn_box2 .login{border-radius:5%; background:#666; color:#fff; padding:5px 15px; font-size: 13px; margin-left:-15px;}
#header .header_top .r_cont .btn_box2 .adm{border-radius:5%; background:#666; color:#fff; padding:5px 15px; font-size: 13px; margin-left:-18px;}
#header .header_top .r_cont .btn_box2 a.btn1{background-color: #272bcd;}
#header .header_top .r_cont .btn_box2 a.btn2{background-color: #009dca;}
#header .header_top  .sch{display: none;}
#header .header_top  .sch form{}
#header .header_top  .sch form .sch_str{}

#header .header_bottom{height: 110px; box-shadow: 1px 10px 12px rgba(0,0,0,0.05); position:relative; z-index:100; background-color: #fff; transform: translateZ(0);}
#header .header_bottom .w-inner{display: flex; height: 100%; align-items: center; justify-content: space-between; width:100%; max-width:1400px;}
#header .header_bottom .w-inner #logo{padding:20px 0 0;}
#header .header_bottom .w-inner #logo a{display: flex;}
#header .header_bottom .w-inner #logo a img{}
#header .header_bottom .w-inner #gnb_pc{}
#header .header_bottom .w-inner #gnb_pc > ul{display: flex; gap:0 40px; width:100%;max-width:100%;}
#header .header_bottom .w-inner #gnb_pc > ul > li{}
#header .header_bottom .w-inner #gnb_pc > ul > li > div{cursor: pointer; max-width:1400px;}
#header .header_bottom .w-inner #gnb_pc > ul > li > div > span{font-size: 20px; font-weight: 600; color: #222222; display: block; line-height: 20px; letter-spacing: -2px; margin: 44px 0 22px; min-height: 45px; text-align:center;}
#header .header_bottom .w-inner #gnb_pc > ul > li > div > span a:hover{color: #6c2c8d; font-weight:bold;}

#header .header_bottom .w-inner #gnb_pc > ul > li > div.smenu {display: none; position:fixed; background-color: #6c2c8d; width: 100%; max-width:100%; left:0px; z-index: 9; padding:20px 0;}
#header .header_bottom .w-inner #gnb_pc > ul > li > div > ul {width:65%; margin:0 10% 0 25%;}
#header .header_bottom .w-inner #gnb_pc > ul > li > div > ul.onn{display: none !important;}
#header .header_bottom .w-inner #gnb_pc > ul > li > div.on{display: block;}
#header .header_bottom .w-inner #gnb_pc > ul > li > div > ul > li{float:left; width:auto; border:1px solid rgba(255,255,255,0.3); margin:5px;}
#header .header_bottom .w-inner #gnb_pc > ul > li > div > ul > li.w300{width:265px;}
#header .header_bottom .w-inner #gnb_pc > ul > li > div > ul > li+li{/*border-top: 1px solid #645894;*/}
#header .header_bottom .w-inner #gnb_pc > ul > li > div > ul > li > a{color: #fff; display: block; /*line-height: 56px;*/ padding:10px 12px; font-size: 17px; font-weight: 500; text-align:center;}
#header .header_bottom .w-inner #gnb_pc > ul > li > div > ul > li:hover > a{ background-color: #3d1c4e;}
#header .header_bottom .menuToggle{width: 30px;display: flex; flex-direction: column; gap:7px 0; cursor: pointer;}
#header .header_bottom .menuToggle span{border-radius: 1.5px; background-color: #222; display: block; height: 3px; transition: .4s;}
#header .header_bottom .menuToggle .t{width: 100%;}
#header .header_bottom .menuToggle .m{width: 23px;}
#header .header_bottom .menuToggle .b{width: 100%;}

#header .header_bottom .w-inner #gnb_pc > ul > li > div > ul > li > ul {padding:10px 0; background:#8c4bad;}
#header .header_bottom .w-inner #gnb_pc > ul > li > div > ul > li > ul > li {display:block; /*min-height:40px;*/line-height: 14px;border-bottom:1px dashed rgba(255,255,255,0.3);padding:10px 0 8px;}
#header .header_bottom .w-inner #gnb_pc > ul > li > div > ul > li > ul > li:last-child{border-bottom:none; padding-bottom:0;}
#header .header_bottom .w-inner #gnb_pc > ul > li > div > ul > li > ul > li:first-child{padding-top:0;}
#header .header_bottom .w-inner #gnb_pc > ul > li > div > ul > li > ul > li:nth-child(8){padding-bottom:10px;}
#header .header_bottom .w-inner #gnb_pc > ul > li > div > ul > li > ul > li a{color:#fff; /*line-height:25px;*/ font-size:16px;}
#header .header_bottom .w-inner #gnb_pc > ul > li > div > ul > li > ul > li a:hover{color: rgba(255,255,255,0.7); text-decoration:underline;}
#header .header_bottom .w-inner #gnb_pc > ul > li > div > ul > li > ul > li a br {display:block;}

.on #header .header_bottom .menuToggle{}
.on #header .header_bottom .menuToggle .t{transform: translateY(9px) rotate(45deg);}
.on #header .header_bottom .menuToggle .m{width: 0;}
.on #header .header_bottom .menuToggle .b{transform: translateY(-9px) rotate(-45deg);}

@media all and (max-width:1480px){
	#header .header_bottom .w-inner #logo a img{max-width: 224px;}
	#header .header_bottom .w-inner #gnb_pc > ul{gap:0 45px;}
	#header .header_bottom .w-inner #gnb_pc > ul > li > div > span{font-size: 19px;}
}
@media all and (max-width:1180px){
	#header .header_bottom{height: 60px;}
	#header .header_bottom .w-inner #logo {padding:0;}
	#header .header_bottom .w-inner #logo a img{max-width: 192px;}
	#header .header_bottom .w-inner #gnb_pc{display: none;}
	#header .header_bottom .menuToggle{width: 27px; gap:6px 0;}
	#header .header_bottom .menuToggle .m{width: 21px;}
	#header .header_top{height: 44px;}
	#header .header_top .w-inner{height: 100%; justify-content: center;}
	#header .header_top .l_cont a span{margin-left: 5px;}
	#header .header_top .r_cont{display: none;}
}
@media all and (max-width:720px){
	#header .header_bottom .menuToggle{width: 25px;}
	#header .header_bottom .menuToggle .m{width: 19px;}
	#header .header_bottom .w-inner #logo a img{max-width: 220px;}
	#header .header_top .l_cont a em{display: none;}
}


#header #gnb_mo{top: -100vh; background-color: #6c2c8d; position: fixed;  height: 100vh; padding-top: 120px;  left: 0; width: 100%; z-index: 99; transition: 1s;}
#header #gnb_mo.on{top: 30px;}
#header #gnb_mo > ul{display: flex; flex-wrap: wrap; height: 100%; width: 90%; margin: 0 auto;}
#header #gnb_mo > ul > li{width: 11%;  padding: 40px 5px; text-align: center; /*height: 50%;*/}
#header #gnb_mo > ul > li > div{margin-bottom: 20px;}
#header #gnb_mo > ul > li > div > span{color: #fff; font-size: 26px; font-weight: 500;}
#header #gnb_mo > ul > li > div > span a {color: #fff; display:block;cursor: pointer;}
#header #gnb_mo > ul > li > ul{}
#header #gnb_mo > ul > li > ul > li{}
#header #gnb_mo > ul > li > ul > li + li{margin-top: 6px;}
#header #gnb_mo > ul > li > ul > li > a{font-size: 18px; color: #fff; transition: .4s;}
#header #gnb_mo > ul > li > ul > li:hover > a{opacity: 1;}
#header #gnb_mo .t_menu{display: none;}
#header #gnb_mo .t_sch{display: none;}

#header #gnb_mo > ul > li > ul > li > ul {margin-top:10px; padding: 10px 0; /*background: #8c4bad;*/}
/* #header #gnb_mo > ul > li > ul > li > ul > li {display: block; min-height: 40px; border-bottom: 1px dashed rgba(255, 255, 255, 0.3); padding: 5px 0 4px;} */
#header #gnb_mo > ul > li > ul > li  {display: block; border: 1px solid rgba(255, 255, 255, 0.3); padding: 5px;}
#header #gnb_mo > ul > li > ul > li > ul > li:first-child{padding-top:0;}
#header #gnb_mo > ul > li > ul > li > ul > li:last-child{border-bottom: none; padding-bottom: 0;}
#header #gnb_mo > ul > li > ul > li > ul > li > a{font-size: 16px; color: rgba(255, 255, 255, 0.6); transition: .4s; display:block;cursor: pointer;}
#header #gnb_mo > ul > li > ul > li:hover {background-color: #3d1c4e;}
#header #gnb_mo > ul > li > ul > li > ul > li > a:hover{/*text-decoration:underline;*/}
#header #gnb_mo > ul > li > ul > li > ul > li > a br{display:none;}

@media all and (max-width:1180px){
	#header #gnb_mo{padding-top: 109px; padding-left: 3%; padding-right: 3%; overflow-y: scroll; padding-bottom: 60px;}
	#header #gnb_mo > ul{display: block; padding: 3% 0; height: auto;}
	#header #gnb_mo > ul > li{padding: 0; height: auto; width: 100%; text-align: left; /*cursor: pointer;*/}
	#header #gnb_mo > ul > li > div{ padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: 0;}
	#header #gnb_mo > ul > li + li > div{margin-top: 20px;}
	#header #gnb_mo > ul > li > div.active{margin-bottom: 0;}
	#header #gnb_mo > ul > li > div > span{font-size: 20px;}
	#header #gnb_mo > ul > li > ul{display: none; margin-bottom: 30px; background-color: #3d1c4e; padding: 20px 20px;}
	#header #gnb_mo > ul > li > ul > li+ li{margin-top: 15px;}
	#header #gnb_mo .t_menu{display: flex; align-items: center; justify-content: space-between; width:80%; margin:0 auto;}
	#header #gnb_mo .t_menu .btn_box1{display: flex; gap:0 30px;}s
	#header #gnb_mo .t_menu .btn_box1 a{font-family: 'Montserrat', sans-serif; font-size: 14px; color: #fff; font-weight: 500;}
	#header #gnb_mo .t_menu .btn_box2{display: flex;}
	#header #gnb_mo .t_menu .btn_box2 a{display: block; padding: 12px 15px; color: #fff; font-size: 16px; font-weight: 500;}
	#header #gnb_mo .t_menu .btn_box2 a.tbtn1{background-color: #3d1c4e;}
	#header #gnb_mo .t_menu .btn_box2 a.tbtn2{background-color: #9349b8;}
	#header #gnb_mo .t_sch{display: block; margin-top: 25px; position: relative;}
	#header #gnb_mo .t_sch input[type = text]{width: 100%; border: 0; padding: 15px 15px; border-radius: 60px;}
	#header #gnb_mo .t_sch .sch_btn{width: 36px; height: 36px; background:#004bc2 url("/images/common/ico_search.png") no-repeat center; position:absolute;top:50%; transform: translateY(-50%); right:10px; font-size:0; border-radius: 30px; border:0; outline: 0; cursor: pointer;}
}

@media all and (max-width:720px){
	#header #gnb_mo > ul > li > div{/*padding-bottom: 15px;*/}
	#header #gnb_mo > ul > li > div > span{font-size: 18px;}
	#header #gnb_mo > ul > li + li > div{margin-top: 15px;}
	#header #gnb_mo > ul > li > ul > li > a{font-size: 17px;}
}


/* footer */
#footer {width:100%; clear:both; position:relative; margin:0 auto; background:#2a313e; padding: 25px 0 50px;}
#footer .w-inner{}
#footer .w-inner .f-link{display: flex; justify-content: space-between; align-items: center; padding-bottom: 23px; border-bottom: 1px solid #363d49;}
#footer .w-inner .f-link .l_cont{display: flex; gap:0 38px;}
#footer .w-inner .f-link .l_cont li{}
#footer .w-inner .f-link .l_cont li a{font-size: 16px; font-weight: 500; color: #979da9;}
#footer .w-inner .f-link .r_cont{display: flex; gap:0 4px;}
#footer .w-inner .f-link .r_cont li{}
#footer .w-inner .f-link .r_cont li a{font-size: 16px; font-weight: 500; color: #fff;background-color: #202732; padding: 12px 28px; border-radius: 21px;display: inline-block;}
#footer .w-inner .f-info{margin-top: 45px; display: flex; justify-content: space-between;}
#footer .w-inner .f-info .l_cont{display: flex; gap:0 85px;}
#footer .w-inner .f-info .l_cont .f_logo{}
#footer .w-inner .f-info .l_cont .f_logo img{}
#footer .w-inner .f-info .l_cont ul{}
#footer .w-inner .f-info .l_cont ul li{display: inline-block; margin-right: 30px; line-height: 1.8em; font-size: 16px; color: rgba(151, 157, 160, 0.55)}
#footer .w-inner .f-info .l_cont ul li span{font-size: 16px; color: #979da9; font-weight: 500; margin-right: 10px;}
#footer .w-inner .f-info .l_cont ul .copy{font-size: 13px; font-weight: 500; color: #979da9; opacity: 0.25; margin-top: 25px;}
#footer .w-inner .f-info .r_cont{display: flex; gap:0 5px;}
#footer .w-inner .f-info .r_cont li{}
#footer .w-inner .f-info .r_cont li a{border: 1px solid #4e5560; display: inline-flex; width: 46px; height: 46px; border-radius: 100%; justify-content: center; align-items: center;}

@media all and (max-width:1180px){
	#footer .w-inner .f-info .l_cont{gap:0 40px;}
}
@media all and (max-width:976px){
	#footer .w-inner .f-link{flex-direction: column;}
	#footer .w-inner .f-link .l_cont{margin-bottom: 25px;}
	#footer .w-inner .f-info{margin-top: 30px; flex-direction: column;}
	#footer .w-inner .f-info .l_cont{flex-direction: column; justify-content: center;}
	#footer .w-inner .f-link .l_cont li a{font-size: 15px;}
	#footer .w-inner .f-info .l_cont .f_logo{text-align: center;}
	#footer .w-inner .f-info .l_cont .f_logo img{max-width: 170px;}
	#footer .w-inner .f-info .l_cont ul{justify-content: center; text-align: center; margin-top: 25px;}
	#footer .w-inner .f-info .l_cont ul li{margin-right: 0; margin: 0 6px; text-align: center;}
	#footer .w-inner .f-info .l_cont ul li span{margin-right: 8px; font-size: 15px;}
	#footer .w-inner .f-info .r_cont{justify-content: center; margin-top: 20px;}
	#footer .w-inner .f-info .l_cont ul .copy{margin-top: 20px;}
}
@media all and (max-width:640px){
	#footer .w-inner .f-link .l_cont{gap:0 20px;}
	#footer .w-inner .f-info .l_cont .f_logo img{max-width: 150px;}
	#footer .w-inner .f-link .l_cont li{font-size: 14px;}
	#footer .w-inner .f-link .r_cont li a{padding: 8px 12px; font-size: 12px;}
}



.aside_title {font-size:26px; color:#fff; padding:30px 0px; line-height:200%; font-weight:600;text-align:center; background:#3d1c4e;}
.aside {width:300px; float:left; margin-bottom:100px;}
.aside ul li {background:#eee; padding:20px 15px; border-bottom:1px solid #fff;}
.aside ul li:hover {background:#645894;}
.aside ul li:hover a {color:#fff;}
.aside ul li.on {background:#645894; color:#fff;}
.aside ul li.on a {font-weight:600; color:#fff;}
.subcontent {float:right;width: calc(100% - 340px); padding-bottom:100px;/*padding: 0px 39px 120px 0;*/}
@media all and (max-width:1180px){
	.aside {display:none;}
	.subcontent {width:100%;}
}