@charset "utf-8";
/* layout */
#wrap_admin{min-width:1200px;min-height:100%;position:relative;}
#container_admin{height:100%;min-height:500px;padding-bottom:190px;}

/* common */
.icn_arrow{border:solid #000;border-width:0 1px 1px 0;display:inline-block;padding:3px;margin:-2px 0 0 -2px;vertical-align:middle;}
.icn_arrow.rt{transform: rotate(-45deg);-webkit-transform:rotate(-45deg);}

/* header */
#header_admin{width:100%;height:145px;background:#323743;box-sizing:border-box;}
.header_cont{width:1200px;margin:0 auto;position:relative;}
.header_cont h1{position:absolute;top:39px;}
.header_cont .link_box{position:absolute;right:0;top:38px;}
.header_cont .link_box .btn-link1{height:22px;line-height:22px;padding-left:28px;margin-left:30px;background:url('../images/header_icon1.png') no-repeat left top;font-size:14px;color:#fff;letter-spacing:-1px;display:inline-block;}
.header_cont .link_box .btn-link2{height:22px;line-height:22px;padding-left:28px;margin-left:30px;background:url('../images/header_icon2.png') no-repeat left top;font-size:14px;color:#fff;letter-spacing:-1px;display:inline-block;}
.header_cont .link_box .btn-link3{height:22px;line-height:15px;padding-left:28px;margin-left:10px;background:url('../images/btn_icon1.png') no-repeat left top;font-size:14px;color:#fff;letter-spacing:-1px;display:inline-block;}
#sessionTimer{font-size:14px;color:#fff;letter-spacing:1px;display:inline-block; font-weight: bold}

.header_cont .link_box a:hover{color:#e64d3d;text-decoration:underline;}
.header_cont .name_box{position:absolute;right:0;top:75px;}
.header_cont .name_box span{font-size:12px;color:#aab1bf;}
.header_cont .name_box span::before{width:3px;height:3px;margin:5px 2px 0 15px;background:#d2d9e8;border-radius:20px;vertical-align:top;content:'';display:inline-block;}

.header_cont .gnb_box{position:absolute;top:93px;overflow:hidden;}
.header_cont .gnb_box li{height:52px;line-height:52px;margin:0 25px;float:left;position:relative;overflow:hidden;}
.header_cont .gnb_box li a{height:100%;font-size:16px;color:#fff;letter-spacing:-1px;display:inline-block;}
.header_cont .gnb_box li a:hover{text-decoration:none;}
.header_cont .gnb_box li:first-child{margin-left:0;}
.header_cont .gnb_box li.on{font-weight:bold;}
.header_cont .gnb_box li a::after{width:0;height:6px;position:absolute;bottom:0;background:#e64d3d ;content:'';display:block;transition:all .3s;}
.header_cont .gnb_box li a:hover::after{width:100%;}
.header_cont .gnb_box li.on a::after{width:100%;height:6px;position:absolute;bottom:0;background:#e64d3d ;content:'';display:block;}

/* footer */
#footer_admin{width:100%;height:190px;position:absolute;bottom:0;border-top:1px solid #e8e8e8;background:#fff;text-align:left;}
#footer_admin .infobox{width:1200px;padding:26px 0 26px;margin:0 auto;border-bottom:1px solid #e8e8e8;}
#footer_admin .infobox .comp_info{overflow:hidden;margin-left:-13px}
#footer_admin .infobox .comp_info p{font-size:12px;color:#999;line-height:21px}
#footer_admin .infobox .comp_info span{padding-left:13px}
#footer_admin .infobox .comp_info span a{margin-left:5px;color:#999;text-decoration:underline;display:inline-block;}
#footer_admin .infobox .comp_info span a:hover{color:#e64d3d ;}

#footer_admin .copybox{width:1200px;margin:0 auto;padding:26px 0;overflow:hidden;}
#footer_admin .copybox .ft_logo{float:left;margin:10px 14px 0 0;}
#footer_admin .copybox .copyright{float:left;font-size:12px;color:#999;line-height:21px}
#footer_admin .copybox .copyright dl{overflow:hidden;margin-left:-18px}
#footer_admin .copybox .copyright dl dt{float:left;padding:0 9px 0 18px}
#footer_admin .copybox .copyright dl dd{float:left}

/* login */
.login_container{width:900px;padding:100px 0;margin:0 auto;}
.login_cont{width:900px;height:431px;border:1px solid #c8cedd;overflow:hidden;box-shadow:1px 1px 8px #ccc;}

.login_cont .lt_box{float:left;}
.login_cont .rt_box{padding:55px 0 0 70px;float:left;text-align:left;}
.login_cont .rt_box p{padding-bottom:10px;font-size:0;}
.login_cont .rt_box label{height:22px;margin-top:12px;font-size:14px;color:#000;display:block;}
.login_cont .rt_box .input_style1{width:266px;height:46px;line-height:46px;padding:0 10px;border:1px solid #d2d2d2;font-size:14px;box-sizing:border-box;outline:none;}
.login_cont .rt_box .input_style1:hover, 
.login_cont .rt_box .input_style1:focus{border-color:#e64d3d;}
.login_cont .rt_box ul{margin-top:35px;overflow:hidden;}
.login_cont .rt_box ul li{margin-right:13px;float:left;}
.login_cont .rt_box ul li a{font-size:12px;color:#999;letter-spacing:-1px;}
.login_cont .rt_box ul li a:hover{color:#e64d3d;text-decoration:underline;}

.login_cont .btn-login{width:266px;height:46px;margin-top:24px;position:relative;background:#323743;font-size:16px;color:#fff;outline:none;}
.login_cont .btn-login::after{width:0;height:46px;position:absolute;left:0;top:0;background:#e64d3d;content:'';display:block;transition:all .3s;}
.login_cont .btn-login:hover::after{width:100%;}
.login_cont .btn-login span{position:relative;z-index:1;}

/* list */
.list_box .banner{width:100%;height:400px;background:url('../images/bg_banner.jpg') no-repeat center top;background-size:cover;position:relative;overflow:hidden;}
.list_box .banner .text_box{width:1200px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:left;}
.list_box .banner .text_box .img_text{padding-left:120px;}
.list_box .list_cont{width:1200px;margin:80px auto 30px;}
.list_box .list_cont::after{content:'';display:block;clear:both;}
.list_box .list_cont li{width:560px;margin:0 80px 50px 0;box-shadow:1px 1px 5px #ccc;border-radius:20px;float:left;color:#000;font-size:14px;letter-spacing:-1px;}
.list_box .list_cont li:nth-child(2n){margin-right:0;}
.list_box .list_cont li a,
.list_box .list_cont li a:hover{color:#000;}
.list_box .list_cont .ln_box{width:250px;float:left;box-sizing:border-box;}
.list_box .list_cont .rn_box{width:310px;height:200px;padding:40px 30px 0;float:left;position:relative;box-sizing:border-box;text-align:left;line-height:1.6;}
.list_box .list_cont .rn_box dt{font-size:19px;font-weight:bold;}
.list_box .list_cont .rn_box .more{position:absolute;right:30px;bottom:20px;font-size:15px;color:#e64d3d;display:block;}
.list_box .list_cont .rn_box .more i{border-color:#e64d3d;}

/* page */
#contents_admin{width:1200px;height:100%;margin:0 auto;position:relative;overflow:hidden;}
#contents_admin .lnb_menu{width:240px;padding:60px 0 40px;float:left;position:relative;box-sizing:border-box;text-align:left;}
#contents_admin .cont_admin{width:960px;padding:60px 0 60px 59px;float:right;border-left:1px solid #e8e8e8;box-sizing:border-box;text-align:left;}

#contents_admin .lnb_menu strong{font-size:16px;}
#contents_admin .lnb_menu ul{margin-bottom:20px;}
#contents_admin .lnb_menu ul li a{height:22px;font-size:14px;letter-spacing:-1px;line-height:1.6;color:#000;}
#contents_admin .lnb_menu ul li a:hover{color:#e64d3d;text-decoration:underline;}
#contents_admin .lnb_menu ul li.on a{color:#e64d3d;font-weight:bold;}
#contents_admin .btn-toggle{width:55px;height:51px;position:absolute;left:185px;top:0px;background:url('../images/btn_close.png') no-repeat left top;font-size:0;z-index:1;outline:none;}
#contents_admin .btn-toggle.on{left:0;background:url('../images/btn_open.png') no-repeat left top;}
#contents_admin .btn-toggle.on + .lnb_menu{left:-240px;}
#contents_admin .btn-toggle.on + .lnb_menu + .cont_admin{width:1200px;position: absolute;top:0;padding-left:100px;}

/* button */
.btns{height:27px;line-height:27px;padding:1px 15px 0;font-size:11px;color:#fff;letter-spacing:-1px;border-radius:10px;outline:none;}
.btns::before{width:14px;height:14px;margin:5px 6px 0 0;content:'';display:inline-block;vertical-align:top;}
.btns.color1{background-color:#30343e;}
.btns.color2{background-color:#cf5b45;}
.btns.color3{background-color:#7e8db2;}
.btns.add::before{background:url('../images/btn_icon1.png') no-repeat left top;}
.btns.search::before{background:url('../images/btn_icon2.png') no-repeat left top;}
.btns.reset::before{background:url('../images/btn_icon3.png') no-repeat left top;}
.btns.delete::before{background:url('../images/btn_icon4.png') no-repeat left top;}
.btns.cancel::before{background:url('../images/btn_icon5.png') no-repeat left top;}
.btns.edit::before{background:url('../images/btn_icon6.png') no-repeat left top;}
.btns.save::before{background:url('../images/btn_icon7.png') no-repeat left top;}
.btns.update::before{background:url('../images/btn_icon8.png') no-repeat left top;}