/* **** Common Reset **** */
*{margin:0;padding:0;list-style:none;font-size:inherit;font-family:"NotoSans", sans-serif;font-weight:400;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0;word-wrap:break-word;word-break:break-all;}
b, strong{font-weight:700;color: inherit;font-size: inherit;}
font{font-weight:700;font-size:inherit;}
input,select,img{vertical-align:middle;}
img{border:0;max-width: 100%;}
table{width:100%;}
table caption{position: absolute;top: 0px;left: 0px;overflow: hidden;display: block !important;width: 0px !important;height: 0px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
.clear{clear:both;}
.clearfix::after{content:"";display:block;clear:both;}
.blind {position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
a{display:inline-block;text-decoration:none;/* transition:all 0.2s ease-in-out; */color: #000;font-family: inherit;}
i{font-style:normal;}
html, body{overflow-x: hidden;}
table {border-collapse: collapse;width: 100%;}

.txc{text-align: center !important;}
.txl{text-align: left !important;}
.txr{text-align: right !important;}

.mt0{margin-top:0 !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only, .ctt_admin {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}


#header{position: absolute;top: 0;width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
#header .header-cont{max-width: 1340px;padding: 0 20px;width: 100%;height: 101px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
#header .header-cont .logo{}
#header .header-cont .nav{height: 100%;}
#header .header-cont .nav > ul{height: 100%;}
#header .header-cont .nav > ul > li{position: relative;float: left;margin-left: 80px;height: 100%;}
#header .header-cont .nav > ul > li:first-child{margin-left:0;}
#header .header-cont .nav > ul > li > a{font-size: 24px;font-weight: 500;color: #ffffff;height: 100%;display: flex;align-items: center;}
#header .header-cont .nav > ul > li > .depth2{display: none;position: absolute;top: 101px;left: 50%;transform: translateX(-50%);background: rgba(255, 255, 255, 0.8);width: 200px;padding: 15px 0px 15px 18px;}
#header .header-cont .nav > ul > li:last-child > .depth2{left:auto;right:0;transform: none;}
#header .header-cont .nav > ul > li > .depth2 > ul{f}
#header .header-cont .nav > ul > li > .depth2 > ul > li{margin: 4px 0;}
#header .header-cont .nav > ul > li > .depth2 > ul > li > a{font-size: 17px;color: #222;padding-left: 13px;display: block;position: relative;letter-spacing: -0.5px;}
#header .header-cont .nav > ul > li > .depth2 > ul > li > a::before{content:"";position:absolute;top: 10px;left:0;width: 5px;height: 5px;background: #5c5c5c;}
#header .header-cont .m-menu,
#header .header-cont .menu-bg{display:none;}
#header .header-cont .nav .title,
#header .header-cont .nav .menu-close{display:none;}


#footer{background: #292929;}
#footer .footer-content{max-width: 1340px;margin: 0 auto;padding: 40px 20px 50px;display: flex;flex-wrap: wrap;align-items: center;}
#footer .footer-content .ft-logo{margin-right: 80px;}
#footer .footer-content .ft-txt{font-size: 16px;font-weight: 300;color: #adadad;}

@media screen and (max-width:1024px){
	.nav{position: fixed;top: 0;right: -100%;z-index: 11;max-width: 380px;width: 100%;height: 100%;background: #f1f1f6;display: flex;flex-direction: column;}
	.nav > .title{}
	#header .header-cont .m-menu{display:block;}
	#header .header-cont .nav .title{display:flex;align-items: center;background: #fff;padding: 0 20px;height: 101px;flex: 0 0 auto;}
	#header .header-cont .nav .menu-close{display: block;position: absolute;top: 42px;right: 20px;}
	#header .header-cont .nav .menu-close img{display:block;}
	#header .header-cont .nav > ul{overflow-y:auto;}
	#header .header-cont .nav > ul > li{float:none;height: auto;margin-left: 0;border-bottom: 1px solid #d1d1d1;}
	#header .header-cont .nav > ul > li > a{position: relative;font-size:18px;height: 60px;color: #323232;padding-left: 20px;}
	#header .header-cont .nav > ul > li > a::after{content:"";position:absolute;right: 20px;width: 15px;height: 9px;background: url(/images/common/menu_off.png) no-repeat;}
	#header .header-cont .nav > ul > li > a.on{background: #d74545;color: #fff;}
	#header .header-cont .nav > ul > li > a.on::after{background-image: url(/images/common/menu_on.png);}
	#header .header-cont .nav > ul > li > .depth2{position: static;transform: none;width: auto;}
	#header .header-cont .nav > ul > li > .depth2 > ul > li > a{padding-left:0;font-size: 16px;color: #666666;}
	#header .header-cont .nav > ul > li > .depth2 > ul > li > a::before{display:none;}
	#header .header-cont .menu-bg{display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.4);z-index: 10;}
	
	#footer .footer-content .ft-txt{margin-top: 20px;}
}

@media screen and (max-width:768px){
	#header .header-cont{height:76px;}
	#header .header-cont .logo img{width:218px;}
	#header .header-cont .nav .title{height:76px;}
	#header .header-cont .nav .menu-close{top:32px;}

	
	#footer .footer-content{text-align:center;display: block;padding: 20px 20px 30px;}
	#footer .footer-content .ft-logo{margin-right:0;}
	#footer .footer-content .ft-logo img{width:218px;}
}