@CHARSET "UTF-8";
/**
 * 서비스 레이아웃
 */

/* 공통 */
section {width: 100%; overflow: hidden; min-width: 980px;}
section .content {width: 980px; margin: 0 auto; position: relative; text-align:center;}
.yellow_dot_bg {background-image: url('../images/201606/bg.png');}
.divider1 {background-image: url('../images/201606/divider.png'); width: 100%; height: 7px; position: relative; top: -7px;}
.divider2 {background-image: url('../images/201606/divider.png'); width: 100%; height: 7px; position: relative; bottom: 0px; transform: rotate(180deg);}
/* 공통 */


/* 헤더 (배경갈색)*/
header {width: 100%; height: 60px; background-color: #3a2922;}
header .logo {width: 165px; height: 37px; position: absolute; top: 13px; left: 19px;}
header .header_right {float:right; display: table; height:100%;}
/*header .menu {position: absolute; top: 22px; right: 290px;}*/
header .menu {display:table-cell; padding-left:10px; vertical-align: middle;}
header .menu ul li {float: left; list-style: none; margin-left: 30px; font: 600 14px '나눔고딕'; color: #aa968e;}
header .menu ul li a {color: #aa968e;}
header .menu ul li a:hover {color: #d0c1bb;}
header .menu ul li .select {color: #ffe400;}
/*header .sub_menu {padding: 5px 10px; background-color: #2f211c; position: absolute; top: 18px; right: 90px;}*/
header .sub_menu {display:table-cell; padding-left:40px; vertical-align: middle;}
header .sub_menu ul {display:inline-block; padding: 5px 10px; background-color: #2f211c;}
header .sub_menu ul li {float: left; list-style: none;}
header .sub_menu ul .sub_btn1 {color: #aa968e;}
header .sub_menu ul .sub_btn2 {color: #ff4e00;}
header .sub_menu ul .sub_btn2 img {margin-left: 5px;}
header .sub_menu ul .bar {margin: 0 5px; color: #54443e}
/*header .sns_btn {position: absolute; top: 18px; right: 20px; }*/
header .sns_btn {display:table-cell; padding-left:10px; vertical-align: middle;}
header .sns_btn ul li {float: left; margin-right: 3px; list-style: none;}
header .sns_btn ul li a {display:inline-block;}
/* 헤더 */


/* 푸터 */
footer {font: 12px '돋움'; height:175px; background:#fff; border-top: #ededed 1px solid;}
footer .content {width: 980px; margin: 0 auto; overflow: hidden; position: relative; text-align:center; margin-top:45px;}
footer .content .logo {margin-top:12px; margin-right:30px;}
footer .content .copyright p {text-align:left; line-height:20px; color:#999;}
/* 푸터 */


/*운전면허PLUS소개*/
#service_info .service_main {background: url('../images/170105/bg.png'); width: 100%; height: 615px;}
#service_info .service_main .right {position: absolute; top: 0; right: -250px; width: 250px; height: 615px;}
#service_info .service_main .main_btn1 {position: absolute; left: 170px; top: 474px;}
#service_info .service_main .main_btn2 {position: absolute; left: 400px; top: 474px;}
#service_info .service_content01 {height: 380px;}
#service_info .service_content02 {height: 370px; background-color: #f7f7f7;}
#service_info .service_content03 {height: 608px;}
#service_info .service_content04 {height: 370px; background-color: #f7f7f7;}
#service_info .service_bottom {height: 70px; background: url('../images/170105/bg.png');}
#service_info .service_bottom .divider_gray {background-image: url('../images/201606/divider_gray.png'); width: 100%; height: 7px; position: relative; bottom: 0px; transform: rotate(180deg);}


/*친절제휴안내*/
#register_guide .info_main {background: url('../images/170105/info_bg.png') no-repeat; background-size: cover; width: 100%; height: 686px;}
#register_guide .info_main .cloud {background: url('../images/170105/cloud_bg.png') no-repeat; background-size: cover; background-color: white; background-color: transparent; width: 100%; height: 300px; margin-top: -120px;}
#register_guide .info_main .main_btn {position: absolute; bottom: 20px; right: 20px;}
#register_guide .info_service01 {width: 100%; height: 446px;}
#register_guide .info_service02 {width: 100%; height: 450px; background-color: #f7f7f7;}
#register_guide .info_service03 {width: 100%; height: 453px}
#register_guide .info_bottom {background: url('../images/170105/bg.png'); width: 100%; height: 259px;}
#register_guide .info_bottom .bottom_btn {position: absolute; left: 325px; top: 117px;}


/*친절학원등록 step1~3 상단*/
#register_top_wrap .title_img {padding: 50px 0 20px 0;}
/*친절학원등록 step1~3 상단*/

/*친절학원등록(친절서약)*/
#register_step1 {padding-bottom: 40px;}
#register_step1 .subtitle_wrap {border-bottom: 2px solid #4f3e36; height: 40px; margin-top: 40px;}
#register_step1 .subtitle_wrap img {width: 130px; height: 30px; margin-bottom: 10px;}
#register_step1 .subtitle_wrap span {margin-top: 18px;}
#register_step1 input[type="checkbox"] {width: 16px; height: 16px}
#register_step1 .checkbox_wrap {margin: 10px 0 30px 0;}
/*친절학원등록(친절서약)*/


/*친절학원등록(등록신청)*/
#register_step2 {padding-bottom: 40px;}
#register_step2 .subtitle_wrap {border-bottom: 2px solid #4f3e36; height: 40px; margin-top: 40px;}
#register_step2 .subtitle_wrap img {width: 130px; height: 30px; margin-bottom: 10px;}
#register_step2 .subtitle_wrap span {margin-top: 18px;}
#register_step2 input[type="checkbox"] {width: 16px; height: 16px}
#register_step2 .submit_btn {background:url(/images/201606/application_b1.png);width:224px;height:60px;}
#register_step2 input[type=text], 
#register_step2 input[type=button],
#register_step2 input[type=password],
#register_step2 select {height: 40px; padding: 10px; color: #333; border: #d7d7d7 1px solid; margin: 0 3px 5px;}
#register_step2 table {width: 980px; margin: 30px auto 0; text-align: left;}
#register_step2 table th {width: 255px; height: 55px; vertical-align: middle;}
#register_step2 table td {width: 750; height: 40px; vertical-align: middle;}
#register_step2 iframe {width: 980px; height: 220px; margin:-15px 0 10px;}
#register_step2 .submit_btn {display: block; width: 224px; height: 60px; margin: 20px auto;}
#register_step2 .b_w150 {width: 150px;}
#register_step2 .b_w300 {width: 300px;}
#register_step2 .b_w90 {width: 90px;}
#register_step2 .b_w600 {width: 600px;}
#register_step2 .b_w700 {width: 700px;}
#register_step2 .h_20 {height: 20px;}
/*친절학원등록(등록신청)*/


/*친절학원등록(승인완료)*/
#register_step3 {margin-bottom:40px;}
#register_step3 .subtitle_wrap {border-bottom: 2px solid #4f3e36; height: 40px; margin-top: 40px;}
#register_step3 .subtitle_wrap img {width: 130px; height: 30px; margin-bottom: 10px;}
#register_step3 .subtitle_wrap span {margin-top: 18px;}
#register_step3 .phone_wrap {margin: 10px 0 30px 0;}



/*서비스이용약관 팝업*/
#terms_pop01 .title_wrap {background-color: #2257b0; height: 55px; position: relative;}
#terms_pop01 .title_wrap h1 {font: 600 16px 'Nanum Gothic'; color: #fff; position: absolute; bottom: 10px; left: 25px;}
#terms_pop01 .contents {padding: 20px 25px; overflow-y: auto;}
#terms_pop01 .contents .text {margin-bottom: 26px; font: 11px '돋움'; line-height: 15px; color: #666}
#terms_pop01 .contents .text .b_font {font-weight: bold; padding-bottom: 2px;}