@charset "UTF-8";

@import url("font.css");
@import url("common.css");
@import url("reset.css");

/* .login_body{background:url(../../images/login/bg_login01.jpg) no-repeat center 0;  width:1860px; min-width:1580px; position:relative; margin:0 auto;}
.login_wrapper{width:100%; height:100%;}
.login_header{width:100%; border-bottom:1px solid #8aa0c3; background:#fff; display:none;}
.login_header_inner{width:600px; height:89px; text-align:center; margin:0 auto;}
.login_header_inner .tit_h1{display:inline-block; zoom:1; *display:inline; padding-top:27px;}

.login_con{height:100%; background:url(../../images/login/bg_opa.png) no-repeat 0 0; background-size:100% 100%; width:450px; position:absolute; top:0; left:50%; margin-left:-225px;}
.login_con .login_con_inner{}

.login_box_wrap{ width:320px; text-align:center; margin:0 auto; margin-top:100px;}
.login_box_wrap .login_box{ position:relative}
.login_box .tit_h3{font-size:20px; font-weight:400; color:#fff; line-height:40px; text-align:center; letter-spacing:-0.8px;}
.login_box .tit_h3 strong{display:block; font-size:34px; font-weight:700; color:#fff; line-height:40px; text-align:center;}

.login_lay{display:inline-block; zoom:1; *display:inline; padding-top:33px;}
.login_lay li.ipt_area{}
.login_lay li.ipt_area .input_login{width:250px; height:37px; line-height:37px; border:0; padding:0 17px; font-size:14px; font-weight:400; color:#696969; letter-spacing:-0.25px; text-align:left;}
.login_lay li.ipt_btn_area{margin-top:10px; width:100%;}
.login_lay li.ipt_btn_area .btn_login{height:50px; line-height:50px; width:100%; border:1px solid #1c519d; background:#2763ba; text-align:center; font-size:18px; font-weight:500; color:#fff; }

.login_box .login_info{ margin:0 auto; font-size:13px; font-weight:400; color:#fff; letter-spacing:-0.75px; text-align:left; line-height:24px; padding:10px 0 43px; text-align:center;}

.login_btm_area{background:url(../../images/login/bg_login_line.png) repeat-y center 0; border-top:1px solid #41517f;}
.login_btm_area li{float:left; width:50%; height:37px; text-align:center; padding-top:22px;}
.login_btm_area .bu_call{display:inline-block; zoom:1; *display:inline; padding-left:23px; font-size:14px; font-weight:700; color:#fff; line-height:18px; text-align:left; background:url(../../images/login/ico_call.png) no-repeat 0 0;}
.login_btm_area .bu_call span{padding-right:10px;} */

.login_body{position:relative; width:100%; height:100%;}
.login_wrapper{position:relative; width:100%; height:100%;}

/* login_header */
.login_header{position:relative; width:100%; background:#fff; z-index:10;}
.login_header_inner{position:relative; width:1000px; height:120px; margin:0 auto; background:#fff;}
.login_header .tit_h1{position:absolute; top:34px; left:0;}
.login_header .tit_dec{position:absolute; top:68px; left:0; font-size:14px; font-weight:400; letter-spacing:-0.75px; color:#333; line-height:24px; }

/* login_contents */
.login_contents{position:relative; width:100%; min-height:100%; margin:-120px 0 -70px; }
.login_contents:before{position:absolute; top:0px; right:50%; display:block; width:50%; height:100%; background:url(../../images/login/bg_login01.png) no-repeat right 120px; background-size:auto 100%; content:"";}
.login_contents:after{position:absolute; top:0px; left:50%; display:block; width:50%; height:100%; background:url(../../images/login/img_patten01.png) repeat; content:"";}
.login_contents_inner{position:relative; width:1000px; padding:120px 0 70px; margin:0 auto; z-index:10}

.login_box_section{position:relative; float:left; width:500px; }
.login_box_wrap{position:relative; display:block; width:450px; padding:25px 50px; background:#fff; box-shadow:10px 10px 10px 0px rgba(0,0,0,0.03); box-sizing:border-box;}
.login_box_wrap .tit_area{position:relative; text-align:center;}
.login_box_wrap .tit_area .tit_h3{display:inline-block; zoom:1; *display:inline; font-size:32px; font-weight:400; letter-spacing:-0.75px; line-height:60px; border-bottom:1px solid #000; }
.login_box_wrap .tit_area .tit_h3 em{font-weight:700;}
.login_box_wrap .tit_area .tit_dec{font-size:19px; font-weight:400; color:#000; letter-spacing:-0.5px; line-height:60px;}
.login_box_wrap .login_lay{position:relative; }
.login_box_wrap .login_lay .ipt_area label{position:relative; display:block; padding-left:13px; font-size:17px; font-weight:400; letter-spacing:-0.5px; line-height:42px; }
.login_box_wrap .login_lay .ipt_area label:before{position:absolute; top:19px; left:0; display:block; width:3px; height:3px; background:#333; content:"";}
.login_box_wrap .login_lay .ipt_area label em{color:#777;}
.login_box_wrap .login_lay .ipt_area .input_login{display:inline-block; zoom:1; *display:inline; padding:0 20px; width:100%; height:50px; border:1px solid #d9d9d9; background:#eee; font-size:15px; font-weight:400; box-sizing:border-box; vertical-align:middle;}
.login_box_wrap .login_lay .ipt_area .btn_cerdit{display:inline-block; zoom:1; *display:inline; padding:0 15px; height:50px; line-height:50px; border:0; background:#333;  font-size:15px; font-weight:400; color:#fff; text-align:center; vertical-align:middle;}
.login_box_wrap .login_lay .ipt_btn_area{position:relative; }
.login_box_wrap .login_lay .ipt_btn_area .btn_login{display:block; width:100%; height: 67px; border:0; background:#ffa200 url(../../images/login/arw_next02.png) no-repeat 70% center; font-size:23px; font-weight:400; color:#fff; text-align:center; transition:all .5s; cursor:pointer;}
.login_box_wrap .login_lay .ipt_btn_area .btn_login:hover{background-color:#ffb300; background-position:80% center; }
/* 2019-11-30 공인인증서로그인 추가 */
.login_box_wrap .login_lay .ipt_btn_area .btn_loginSign{display:block; width:100%; height: 67px; border:0; background:#ffa200 url(../../images/login/arw_next02.png) no-repeat 85% center; font-size:23px; font-weight:400; color:#fff; text-align:center; transition:all .5s; cursor:pointer;}
.login_box_wrap .login_lay .ipt_btn_area .btn_loginSign:hover{background-color:#ffb300; background-position:90% center; }
/* 2019-10-31 */
.login_box_wrap .login_lay .ipt_btn_area .btn_sign{display:block; width:100%; height: 67px; border:0; background:#125dab url(../../images/login/arw_next02.png) no-repeat 70% center; font-size:23px; font-weight:400; color:#fff; text-align:center; transition:all .5s; cursor:pointer;}
.login_box_wrap .login_lay .ipt_btn_area .btn_sign:hover{background-color:#263238; background-position:80% center; }
.login_box_wrap .login_info{ margin:0 auto; font-size:13px; font-weight:400; color:#444; letter-spacing:-0.75px; text-align:left; line-height:24px; padding:10px 0 43px; text-align:left;}

/* login_dec_section */
.login_dec_section{position:relative;  float:left;  width:500px;}
.login_dec_area{padding:25px 0 0 40px; }
.login_dec_area .sec_area{position:relative; padding-bottom:20px;}
.login_dec_area .sec_area .tit_area{position:relative; width:100%; padding-bottom:7px; }
.login_dec_area .sec_area .tit_area .tit_h4{position:relative; display:inline-block; zoom:1; *display:block; padding:0px 20px 0px 33px; height:28px; line-height:28px; background:#7883a3 url(../../images/login/ico_title01.png) no-repeat 8px center; border-radius:15px; font-size:15px; font-weight:400; color:#fff; letter-spacing:-0.5px;}
.login_dec_area .sec_area .tit_area .btn_more{position:absolute; top:9px; right:0; display:block; padding-left:20px; background:url(../../images/login/ico_pluse01.png) no-repeat 0 0; font-size:13px; font-weight:400; color:#7883a3; line-height:1.0;}
.login_dec_area .sec_area .con_area{position:relative; }

.board_list_wrap{position:relative; width:100%; }
.board_list_wrap .board_list{float:left; width:calc(100% - 33px); border-left:1px solid #d9deea; border-top:1px solid #d9deea; }
.board_list_wrap .board_list li{display:block; padding:0 25px; border-bottom:1px solid #d9deea; background:#fff; }
.board_list_wrap .board_list li .p_tit{display:block; float:left;  height:32px; font-size:13px; font-weight:400; color:#333333; line-height:32px}
.board_list_wrap .board_list li .p_date{display:block; float:right; font-size:13px; font-weight:400; color:#999; letter-spacing:-0.75px; line-height:32px;}
.board_list_wrap .board_btn_wrap{float:left; width:32px;}
.board_list_wrap .board_btn_wrap .btn_next{display:block; height:66px; background:#b5bfd6 url(../../images/login/arw_next01.png) no-repeat center center;}
.board_list_wrap .board_btn_wrap .btn_prev{display:block; height:66px; border-top:1px solid #d9deea; background:#b5bfd6 url(../../images/login/arw_prev01.png) no-repeat center center;}

/* layout */
.lay_haf_sec{position:relative; }
.lay_haf_sec > li{float:left; width:50%;}
.lay_thir_sec{position:relative; }
.lay_thir_sec > li{float:left; width:calc(100% / 3);}

/* login_footer */
.login_footer{position:relative; width:100%; background:#ebeef6;}
.login_footer .login_footer_inner{position:relative; width:1000px; height:70px; margin:0 auto; background:#ebeef6; text-align:center; }
.login_footer .login_footer_inner address{display:inline-block; zoom:1; *display:inline; padding-top:22px; font-family:Dotum, '돋움', sans-serif; font-size:11px; letter-spacing:-0.5px; color:#999;  vertical-align:middle;}
.login_footer .login_footer_inner img{vertical-align:middle; margin-top:-3px;}

/* point color */
.c_point1{color:#dd0330;}
.c_point2{color:#29a9ea;}
.c_point3{color:#0850c6;}
.c_point4{color:#112e6f;}
.c_point5{color:#e2ff70;}

/* bullet */
/* bullet type1 */
.login_wrapper .bul_ty1{position:relative; }
.login_wrapper .bul_ty1 > li{position:relative; float:none; padding-left:10px; font-size:13px; font-weight:400; color:#333; line-height:20px; letter-spacing:-0.75px;}
.login_wrapper .bul_ty1 > li:before{position:absolute; top:7px; left:0; display:block; width:3px; height:3px; background:#333; content:"";}

/* bullet type2 */
.login_wrapper .bul_ty2{position:relative; }
.login_wrapper .bul_ty2 > li{position:relative; float:none; padding-left:10px; font-size:13px; font-weight:400; color:#333; line-height:20px; letter-spacing:-0.75px;}
.login_wrapper .bul_ty2 > li:before{position:absolute; top:9px; left:0; display:block; width:4px; height:1px; background:#333; content:"";}

.login_wrapper .bul_ol_ty1{position:relative; padding-left:10px;}
.login_wrapper .bul_ol_ty1 li{list-style:decimal; font-size:13px; font-weight:400; color:#333; line-height:20px; letter-spacing:-0.75px;}

/* 설명 */
.diagram_list > li{float:left; width:130px; padding-right:23px; margin-bottom:5px;}

.diagram_list li .box_wrap{display:block;}
.diagram_list li .box_wrap .box_tit{display:block; width:130px; height:65px; background:#ddd; box-sizing:border-box; font-size:13px; font-weight:400; color:#e1e1e1; letter-spacing:-1px; text-align:center; }
.diagram_list li .box_wrap .box_tit strong{font-size:14px; font-weight:600; color:#fff; letter-spacing:-1px;}
.diagram_list li .box_wrap .box_tit em{font-size:12px; font-weight:400;  letter-spacing:-1px;}
.diagram_list li.box1{background:url(../../images/login/arw_next03_01.gif) no-repeat 138px 24px;}
.diagram_list li.box2{background:url(../../images/login/arw_next03_02.gif) no-repeat 138px 24px;}
.diagram_list li.box3{background:url(../../images/login/arw_next03_03.gif) no-repeat 138px 24px;}
.diagram_list li.box4{background:url(../../images/login/arw_next03_04.gif) no-repeat 138px 24px;}

.diagram_list li.box1 .box_wrap .box_tit{background:#1449a6; }
.diagram_list li.box2 .box_wrap .box_tit{background:#0976da; }
.diagram_list li.box3 .box_wrap .box_tit{background:#2b9aec; }
.diagram_list li.box4 .box_wrap .box_tit{background:#34aef6; }
.diagram_list li.box5 .box_wrap .box_tit{background:#53d6cb; }
.diagram_list li .box_wrap .box_dec{display:block; width:100%; padding:4px 0; font-size:13px; line-height:16px; letter-spacing:-1px;}
.diagram_list li .box_wrap .box_dec .bul_ty1 li{line-height:16px;}

/* input radio */
input[type="radio"]:not(old){margin:0; padding:0; background:url(../../images/login/ico_check_off.png) no-repeat 0 0; }
input[type="radio"]:not(old) + label{display:inline-block; height:18px; padding-left:25px; background:url(../../images/login/ico_check_off.png) no-repeat 0 0; line-height:18px; font-size:15px; font-weight:400; color:#999999; letter-spacing:-0.5px; vertical-align:top;}
input[type="radio"]:not(old):checked + label{background:url(../../images/login/ico_check_on.png) no-repeat 0 0;}


.green_login{disply:inline-block; zoom:1; *display:inline; padding-top:20px;}
.green_login .greentxt{border-width:1px;border-radius:5px;font-size:16px; margin-bottom:15px; padding:13px; width:100%; box-sizing:border-box;}
.green_login .greenloginbtn{background-color:#1b68e7; color:white; font-size:16px; margin-bottom:15px; padding:13px; border:none; border-radius:5px; width:100%; cursor: pointer; transition:all 0.9s, color 0.3s;}
.greenloginbtn:hover{color:#fff;}
.hover:hover{box-shadow: 0 80px 0 0 rgba(0, 0, 0, 0.25) inset,
						 0 -80px 0 0 rgba(0, 0, 0, 0.25) inset;} 
.signup {text-align:center;}
.signup a {font-size:12px; color:#2632387a;}


.sub_text_red {font-size:11px; color:red;}
.sub_text_black {font-size:11px; color:black;}
.sub_text_blue {font-size:11px; color:blue;}

input, select {font-family:inherit; color:#666; vertical-align:top !important;}

.select_txt1, .tbl_select{padding:0 10px 0 5px; height:28px; min-width:120px; background:url(../../images/sub/ico_select.png) no-repeat center right; border:1px solid #d5d5d5;  border-radius:5px; appearance:none; -moz-appearance:none; -webkit-appearance:none; vertical-align:middle !important; box-sizing:border-box;  font-size:13px; font-weight:400; color:#444; letter-spacing:-0.75px;}