@charset "utf-8";
/* LEFT */
.left_menu{width:260px; height:100%; position:fixed; top:0; left:0; z-index:100;}
.left_menu .top_logo{padding:25px 20px; background-color:#00365b; position:relative;}
.left_menu .top_logo h2{font-size:2.286em; font-weight:700; color:#fff; line-height:30px; text-align:center; text-indent:-20px;}
.left_menu .top_logo button.nav_btn{position:absolute; top:50%; right:20px; margin-top:-9px;}
.left_menu .top_logo button.nav_m_btn{position:absolute; top:50%; right:20px; margin-top:-9px; display:none;}

.left_menu .left_nav{overflow-y:auto;height:calc(100% - 80px); background-color:#fff; border-right:1px solid #e6e6e6;}
.left_menu .left_nav .user_info{padding:20px; padding-right:110px; border-bottom:1px solid #e6e6e6; position:relative;}
.left_menu .left_nav .user_info h3{font-size:1.143em; font-weight:500; line-height:1em;}
.left_menu .left_nav .user_info p{color:#808080; margin-top:5px;}
.left_menu .left_nav .user_info button{font-size:0.857em; font-weight:500; color:#fff; padding:2px 7px; position:absolute; top:50%; right:20px; margin-top:-11px;}
.left_menu .left_nav .menu{padding:20px;}
.left_menu .left_nav .menu a.depth01{display:block; font-size:1.15em; font-weight:500; color:#004472; line-height:1em; padding:15px; padding-left:45px; border-bottom:1px solid #e6e6e6; border-radius:5px; position:relative;}
.left_menu .left_nav .menu a.depth01:after{content:''; width:5px; height:3px; background:url(/images/dis/common/aw_gnb_off.png) no-repeat center; position:absolute; top:50%; right:15px; margin-top:-2px;}
.left_menu .left_nav .menu a.depth01 .icon{display:block; width:22px; height:16px; position:absolute; top:50%; left:15px; margin-top:-8px;}
.left_menu .left_nav .menu a.depth01 .icon svg{width:100%; height:100%; fill:#004472;}
.left_menu .left_nav .menu a.depth01.on{background-color:#004472; color:#fff; border-bottom:0;}
.left_menu .left_nav .menu a.depth01.on:after{background:url(/images/dis/common/aw_gnb_on.png) no-repeat center;}
.left_menu .left_nav .menu a.depth01.on .icon svg{fill:#fff;}
.left_menu .left_nav .menu .depth02{padding:20px 0; border-bottom:1px solid #e6e6e6; display:none;}
.left_menu .left_nav .menu .depth02.on{display:block;}
.left_menu .left_nav .menu .depth02 li a{display:block; font-size:1.071em; color:#666; padding:10px; padding-left:45px; border-radius:3px; position:relative;}
.left_menu .left_nav .menu .depth02 li a:after{content:''; width:4px; height:4px; border-radius:4px; background-color:#666; position:absolute; top:17px; left:30px;}
.left_menu .left_nav .menu .depth02 li.on a{background-color:#f0f0f0;}


/* CONTAINER */
.container{height:100%; background-color:#f9f9f9; padding:80px 0 0 260px; overflow-y:auto;}
.container.wide{padding:80px 0 0;}


/* TOP */
.con_top{width:100%; background-color:#004472; padding:20px; display:flex; justify-content:flex-end; position:fixed; top:0; left:0; z-index:50;}
.con_top button.nav_btn_off{width:80px; height:80px; background-color:#00365b; position:absolute; top:0; left:0;}
.con_top a{margin-right:15px; padding:9px; font-size:0.929em; font-weight:500; color:#cbd3db; line-height:20px; border:1px solid #80a2b9;}
.con_top a:last-child{margin-right:0;}
.con_top a img{vertical-align:top;}


/* BUTTON ICON */
.btn span.btn_icon{display:inline-block; width:18px; height:18px; margin-right:3px; vertical-align:bottom;}
.btn span.ic_logout{margin-right:0; margin:-2px 0 0 3px; width:12px; height:14px; background:url(/images/dis/common/ic_btn_logout.png) no-repeat center; vertical-align:middle;}
.btn span.ic_sms{width:22px; height:20px; background:url(/images/dis/common/ic_btn_sms.png) no-repeat center;}
.btn span.ic_petition{width:18px; height:20px; background:url(/images/dis/common/ic_btn_petition.png) no-repeat center;}
.btn span.ic_plus{background:url(/images/dis/contents/ic_btn_plus.png) no-repeat center;}
.btn span.ic_minus{background:url(/images/dis/contents/ic_btn_minus.png) no-repeat center;}
.btn span.ic_exel{background:url(/images/dis/contents/ic_btn_exel.png) no-repeat center;}
.btn span.ic_print{background:url(/images/dis/contents/ic_btn_print.png) no-repeat center;}
.btn span.ic_check{background:url(/images/dis/contents/ic_btn_o.svg) no-repeat center; background-size:100% 100%;}
.btn span.ic_x{background:url(/images/dis/contents/ic_btn_x.svg) no-repeat center; background-size:100% 100%;}
.btn span.ic_wait{background:url(/images/dis/contents/ic_btn_wait.svg) no-repeat center; background-size:100% 100%;}



/* RESPONSIVE */
@media screen and (max-width:1200px) {
	/* LEFT */
	.left_menu{left:-100%; box-shadow:10px 0 20px rgba(0,0,0,0.4);}
	
	
	/* CONTAINER */
	.container{padding:80px 0 0;}
}


@media screen and (max-width:800px) {
	/* LEFT */
	.left_menu .top_logo h2{font-size:2.286em;}
	.left_menu .top_logo{padding:20px;}
	
	
	/* CONTAINER */
	.container{padding:70px 0 0;}
	.container.wide{padding:70px 0 0;}
	
	
	/* TOP */
	.con_top{padding:15px 20px;}
	.con_top button.nav_btn_off{width:70px; height:70px;}
}


@media screen and (max-width:640px) {
	/* LEFT */
	.left_menu .top_logo{padding:15px;}
	.left_menu .top_logo h2{font-size:2em;}
	.left_menu .top_logo button.nav_btn{right:15px;}
	
	.left_menu .left_nav{height:calc(100% - 60px);}
	.left_menu .left_nav .user_info{padding:15px; padding-right:100px;}
	.left_menu .left_nav .user_info button{right:15px;}
	.left_menu .left_nav .menu{padding:15px;}
	.left_menu .left_nav .menu a.depth01{font-size:1.143em; padding:15px 12px; padding-left:40px;}
	.left_menu .left_nav .menu a.depth01:after{right:12px;}
	.left_menu .left_nav .menu a.depth01 .icon{left:12px;}
	.left_menu .left_nav .menu .depth02{padding:15px 0;}
	.left_menu .left_nav .menu .depth02 li a{font-size:1em; padding-left:40px;}
	.left_menu .left_nav .menu .depth02 li a:after{top:18px; left:25px;}
	
	
	/* CONTAINER */
	.container{padding:60px 0 0;}
	.container.wide{padding:60px 0 0;}
	
	
	/* TOP */
	.con_top{padding:14px 15px;}
	.con_top button.nav_btn_off{width:60px; height:60px;}
	.con_top a{margin-right:5px; padding:5px 8px; font-size:0.857em;}
	
	
	/* BUTTON ICON */
	.btn span.ic_logout{background:url(/images/dis/common/ic_btn_logout_m.png) no-repeat center; background-size:cover;}
	.btn span.ic_sms{background:url(/images/dis/common/ic_btn_sms_m.png) no-repeat center; background-size:cover;}
	.btn span.ic_petition{background:url(/images/dis/common/ic_btn_petition_m.png) no-repeat center; background-size:cover;}
	.btn span.ic_plus{background:url(/images/dis/contents/ic_btn_plus_m.png) no-repeat center; background-size:cover;}
	.btn span.ic_exel{background:url(/images/dis/contents/ic_btn_exel_m.png) no-repeat center; background-size:cover;}
	.btn span.ic_print{background:url(/images/dis/contents/ic_btn_print_m.png) no-repeat center; background-size:cover;}
}


@media screen and (max-width:380px) {
	/* PAGING */
	.paging li{width:30px; height:30px; margin:0 1px;}
	.paging li a{line-height:28px; font-size:0.929em;}	
}