.login { letter-spacing:-0.05em; font-family:'맑은 고딕';}
.login .login_text { padding:60px 80px;}
.login .login_text h1 { font-size:40px; color:#231f20; line-height:64px; text-align:center; padding-bottom:40px; font-family:'Nanum Square';}
.login .login_text h1 img { vertical-align:top;}
.login .login_text h1 span { display:inline-block; margin:7px 0 0 15px;}
.login .login_text p { line-height:1.6em;}

.login .login_box { border-top:2px solid #3155a4; border-bottom:2px solid #565656; background:#f7f7f7; padding:50px; margin-bottom:50px;}
.login .login_box > ul > li { float:left; width:49%; margin-right:1%;}
.login .login_box > ul > li:last-child { margin:0 0 0 1%;}
.login .login_box .box_in { border:1px solid #d2d2d2; padding:30px 30px 30px 170px;}
.login .login_box .box_in h2 { font-size:26px; color:#333; padding-bottom:10px; font-family:'Nanum Square';}
.login .login_box .box_in p { line-height:1.6em;}
.login .login_box .box_in .certify_btn { color:#fff; padding:10px 30px; font-size:18px; display:inline-block; margin-top:30px; font-family:'Nanum Square';}

.login .login_box .box_in.bg1 {background:#fff url(/common/images/program/bg_login1.png) no-repeat 40px center;}
.login .login_box .box_in.bg1 .certify_btn { background:#3155a4;}

.login .login_box .box_in.bg2 {background:#fff url(/common/images/program/bg_login2.png) no-repeat 40px center;}
.login .login_box .box_in.bg2 .certify_btn { background:#2e2d2e;}

.login .login_box .p_info { padding:30px 30px 0 30px; line-height:1.6em;}

@media screen and (max-width:1000px){
.login .login_text { padding:5%;}
.login .login_text h1 { padding-bottom:20px;}

.login .login_box { padding:5%; margin-bottom:5%;}
.login .login_box .box_in { padding:150px 5% 5% 5%; text-align:center;}

.login .login_box .box_in.bg1 {background:#fff url(/common/images/program/bg_login1.png) no-repeat center 40px;}
.login .login_box .box_in.bg2 {background:#fff url(/common/images/program/bg_login2.png) no-repeat center 40px;}

.login .login_box .p_info { padding:5% 2% 0 2%;}
}
@media screen and (max-width:600px){
.login .login_text h1 { font-size:30px; line-height:40px;}
.login .login_text h1 img { height:45px;}
.login .login_text h1 span { display:block; margin:10px 0 0 0;}
.login .login_box > ul > li { width:100%; margin-right:0;}
.login .login_box > ul > li:last-child { margin:20px 0 0 0;}
}