@charset "utf-8";

/*~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ 
2018.02.08 UX/UI Group
동원홈푸드 DIPS
Main CSS
~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~*/

@import url(default.css);

#wrap{background: url('../img/login_bg.png') no-repeat center center; min-height : 680px;}

/* ////////// 내부로그인 /////////// */
.container{width : 465px; margin : 0 auto;padding-top : 180px;}
.sys_logo{margin-bottom : 8px; display: block;}
.login_box{width : 465px; height: 235px; background-color : #fff; border : 3px solid #0078c1;padding : 38px 26px 0 26px;}
.login_box h2{font-size : 20px; color : #484848; letter-spacing: -0.5px}

/* 로그인정보 입력 */
.login_conts{height : 120px;border-top : 1px solid #cdcdcd; border-bottom : 1px solid #cdcdcd; margin-top : 13px; padding-top : 32px; padding-left : 54px;}
.input_box{float: left; margin : 0 6px 0 0;}
.login_btn{float: left;}
.login_btn a{width : 110px; height : 44px; background-color: #0078c1; border : 1px solid #23acff; padding-top : 25px;text-align: center; color : #fff;font-size : 16px; }
.login_btn a:hover{background-color: #005fa2;}

/*///// 2018.02.27 수정 //////*/
.input_box input{width :  185px; height : 30px; font-size : 13px; display: block; border : none;}
.input_box input:focus{outline: none;}
.input_box div{border : 1px solid #a8a8a8; padding-left : 32px; }
.input_box .user_id {background : url('../img/id_icon.png') 8px center no-repeat; margin-bottom : 6px; width :  245px; height : 30px; }
.input_box .user_pw {background : url('../img/pw_icon.png') 8px center no-repeat;  }
input:-webkit-autofill{-webkit-box-shadow : 0 0 0 1000px white inset !important;}
/*///// 2018.02.27 수정 //////*/


/* 아이디 저장 */
.id_conts{clear : both;letter-spacing: -1.3px; padding-top : 5px; }
.save_id_label{font-size : 12px; color : #2c2c2c; margin-left : 2px;}

/* 아이디저장, 비밀번호 찾기 */
.box_login .idpw_find {clear:both; margin:15px 0 15px; font-size:12px; line-height:0; color:#000;}
.box_login .idpw_find label {margin-right:20px; line-height:20px;}
.box_login .idpw_find label input {margin-right:3px;}
.box_login .idpw_find a {color:#000; line-height:20px;}
.box_login .idpw_find a:hover {color:#d31144}

/* footer */
.footer{color : #818181; font-size : 10.5px; margin-top : 6px;}


/* ////////// 외부로그인 /////////// */
.container_sp{width :889px; margin : 0 auto;padding-top : 150px;}
.login_box_sp{width : 580px; height: 258px; background-color : #fff; border : 1px solid #bababa; border-top : 3px solid #005cb9; padding : 36px 25px 0 25px; float: left;}
.login_conts_sp{height : 120px;border-top : 1px solid #cdcdcd; border-bottom : 1px solid #cdcdcd; margin-top : 13px; padding-top : 32px; padding-left : 61px;}
.sys_logo_sp{display: block;}

/* 메뉴 리스트 */
.menu_list{float: left; margin-left : 7px;}
.menu_list li{width : 215px; height : 96px; margin-bottom : 5px;color : #fff; font-size : 15px;}
.menu_list li:last-child{margin-bottom : 0;}
.menu_list li a{background : url('../img/arrow_icon.png') no-repeat 156px center ;width : 161px; height : 57px; color : #fff; font-size : 15px; padding : 39px 0 0 56px; }
.menu_list li a:hover{text-decoration: underline;}
.menu_list .newvd_box{background: url('../img/newvd_box.png') no-repeat 0 0 ;}
.menu_list .newtrade_box{background: url('../img/newtrade_box.png') no-repeat 0 0 ;}
.menu_list .pro_box{background: url('../img/pro_box.png') no-repeat 0 0 ;}

/* 링크 리스트 */
.link_list li{float: left; margin : 6px 6px 8px 0;width : 136px ; height : 95px; border : 1px solid #c8c8c8;background-color: #fbfdff;}
.link_list li:hover{background-color : #f0f7ff;}
.link_list li:last-child{margin-right: 0;}
.link_list a{width : 136px ; height : 27px; color : #000; font-size : 14px; text-align: center; padding-top : 68px;}
.link_list .backbtb_link a{background: url('../img/bankbtb_icon2.png') no-repeat center 23px ;}
.link_list .credit_link a{background: url('../img/credit_icon.png') no-repeat center 23px ;}
.link_list .certi_link a{background: url('../img/certi_icon.png') no-repeat center 27px ;}
.link_list .smartvill_link a{background: url('../img/smartvill_icon.png') no-repeat center 26px ;}
.link_list .ethics_link a{background: url('../img/ethics_icon.png') no-repeat center 23px ;}
.link_list .contactus_link a{background: url('../img/contactus_icon.png') no-repeat center 27px ;}

/* footer */
.footer_sp {clear : both;}
.footer_sp > .lt {float: left; color : #818181; font-size : 11px;}
.footer_sp > .lt b {font-weight:bold; margin-right:10px;}
.footer_sp > .rt {float:right; color : #818181; font-size : 11px;}
.footer_sp > .rt li {float:left;margin-left:7px;}
footer section .rt li:nth-child(6) {margin-left:15px;}
.footer_sp > .rt a{color:#000;}
.footer_sp > .rt a:hover{text-decoration: underline;}