@charset "utf-8";
/*공통*/
.more {background:url(../images/ico_arrow.gif) no-repeat 0 3px;; padding:0 0 0 7px; margin-left:5px;}
.more a {font-size:11px; color:#7f7f7f;}
.clear {clear:both;}
.smalltext {font-size:11px;}

#header_bg { height:65px;}
#header_bg #header {width:800px; margin:0 auto; margin-top:5px; _margin-top:4px;}
#header_bg #header .menu {width:680px; float:left; padding-top:5px; height:85px;}
#header_bg #header .menu h1 {clear:both; float:left; padding:7px 0 0 20px;}

/*레이아웃*/

#contain {width:975px; margin:0 auto; padding:7px 0 0; clear:both;}


/* content */
.content {clear:both; padding:13px 0 0 0; width:586px; overflow:hidden;}

#footer {clear:both; width:800px; margin:0 auto; margin-top:8px;border-top: 1px solid #e1e1e1; margin-bottom:10px; _padding-bottom:10px;}
#footer ul { width:635px; margin:0 auto;}
#footer ul li {float:left; background: url(../images/div_top.gif) no-repeat 0 10px; padding:5px 0 0 10px; margin-right:10px; font-size:11px; font-family:돋움,Dotum;}
#footer ul .first {background:none;}
#footer p {clear:both; margin:0 auto; width:560px;}

/*레이아웃*/

#header_bg #header .menu .mypage {clear:both; float:left; padding:7px 0 0 20px; font-size:11px;}
.sublogo {float:left; margin-right:10px;}
.sublogo a {background:url(../images/logo_s.gif) no-repeat; overflow:hidden; display:block; height:0; padding:35px 0 0 0; width:90px;}
.mypage .subtitle a {background:url(../images/sub_adult.gif) no-repeat 0 10px; overflow:hidden; display:block; height:0; padding:35px 0 0 0; width:100px;}

.menu_sub {width:800px; float:left; padding-top:5px;}
.menu_sub h1 {clear:both; float:left; padding:7px 0 0 20px; font-size:11px;}
.menu_sub .search {float:right; height:45px;}
.menu_sub .search p, #header_bg #header .menu_sub .search p a {font-size:11px; color:#8c8c8c; margin-bottom:3px;}
.menu_sub .search .search_box {clear:both; margin-top:-3px; width:310px;}
.menu_sub .search .search_box .search_bor {border:2px solid #bb1415; width:250px; float:left; padding:0 0 0 7px; height:23px; margin-right:8px; position:relative;}
.menu_sub .search .search_box .search_bor .sel {float:left; color:#8c8c8c; background:url(../images/search_sel_bg.gif) no-repeat right 6px; padding:2px 20px 0 0px; margin-right:10px; cursor:pointer;}
.menu_sub .search .search_box p {overflow:auto;}
.menu_sub .search .search_box p a {background:url(../images/search_btn.gif) no-repeat 0 3px; overflow:hidden; height:0px; display:block; padding:28px 0 0 0; width:30px;}
.menu_sub .search .search_box .searchBG {height:18px; width:150px; vertical-align:middle; margin-top:4px; border:0px;}
.menu_sub .search .search_box .search_bor .sel_list {border:2px solid #bb1415; border-top:none; position:absolute; left:-2px; top:23px; background:#fff; z-index:9999; width:73px;}
.menu_sub .search .search_box .search_bor .sel_list a {display:block; padding-left:9px; color:#8c8c8c;}
.menu_sub .search .search_box .search_bor .sel_list a:hover {background:#f0f0f0;}

.adult {width:800px; margin:0 auto;}
.adult .head {background:#bf3030; color:#fff; padding:5px 0 5px 20px; margin-bottom:30px;}
.adult .tit {margin-bottom:20px; text-align:center;}
.adult .desc {overflow:hidden;_height:1%; margin:0 20px 20px 60px;}
.adult .desc .mark {float:left; width:105px; margin-right:20px; padding-top:20px;}
.adult .desc .det_desc {float:left; width:500px; padding-left:30px; background:url(../images/div_grad.gif) no-repeat;height:136px; padding-top:30px; font-size:11px; letter-spacing:-1px; line-height:1.5;}
.auther {padding:0 90px 0 90px; margin-bottom:50px; overflow:hidden; _height:1%;}
.auther .login_auth {width:280px; float:left; margin-right:15px;}
.auther .login_auth .login {padding-left:25px; padding-right:25px; border-width:2px;}
.auther .sub_desc {border:1px solid #ccc; padding:15px; color:#333; font-size:11px; line-height:1.5; text-align:center; clear:both; background:#f3f2e9; _height:1%;}
.auther .name_auth {float:left;}
.auther .ipin_auth {float:right;}
.login h3, .name_chk h3 {font-size:12px; margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:5px;}
.name_chk {background:#f8f8f8; border:2px solid #cacaca; overflow:hidden; padding:12px 18px 12px 18px; width:285px;}
.name_chk input {border:1px solid #A2A2A2; padding:3px 4px; font-size:12px;}
.name_chk table th {font-weight:normal; width:70px; text-align:right; padding:4px 10px 4px 0; letter-spacing:-1px;}
.name_chk table td {padding:4px 0 4px 0;}
.name_chk table td .inputbtn {padding:0; border:0;}
.name_chk p {border-top:1px solid #ccc; margin-top:15px; padding-top:10px; font-size:11px; text-align:center; color:#777; margin-bottom:5px;}

/* 어린이회원 전환가입*/

.child .topbox {background:url(../images/ico_donotacc.gif) no-repeat 20px 0; padding:0 20px 0 245px; margin-bottom:30px;}
.child .topbox h3 {background:url(../images/img_child.gif) no-repeat; width:524px; display:block; overflow:hidden; padding:39px 0 0 0; height:0; margin-bottom:20px;}
.child .topbox p {margin-bottom:20px;}
.child .topbox p a {color:#00F; text-decoration:underline;} 
.child .topbox em {font-style:normal; border:1px solid #ccc; display:block; padding:10px; font-weight:bold; background:#f2eca7; text-align:center;}
.child .auther {width:670px; padding:0; margin:0 auto; margin-bottom:40px;}
.child .auther a {color:#2c57e1; text-decoration:underline;}
.child .auther .name_auth {margin:0 auto; float:none; width:320px;}
.child p.next {text-align:center; margin-bottom:30px;}
.child_fin {border:3px solid #e5e5e5; padding:30px; text-align:center;}
.child_fin p {font-size:14px; font-weight:bold; letter-spacing:-1px; margin-bottom:30px; font-family:돋움,Dotum;}

/*일반로그인*/

.log_top {width:530px; margin:0 auto; margin-top:15px; margin-bottom:15px;}
.login_area {width:540px; margin:0 auto;}
.login_area .log_wrap {background:#f9f9f9; padding:30px 60px 30px 60px; border:1px solid #e5e5e5;}
.login_area .log_desc {padding:0 0 0 90px; margin-bottom:20px; background:url(../images/bg_alert2.gif) no-repeat; line-height:1.3; color:#777;}
.login_area .log_desc h4 {background:url(../images/tit_idpwwrong.gif) no-repeat; width:239px; padding:20px 0 0 0; height:0; overflow:hidden; display:block; margin-bottom:8px;}
.login_area .login_wrap {background:#f1f1f1; padding-top:10px; padding-bottom:10px;}
.login_area .login {border:none; width:240px; margin:0 auto; background:none;}
.login_area .log_input {width:240px; margin:0 auto;}
.log_top.normal {width:530px; margin:0 auto; margin-top:15px; margin-bottom:15px;}
.login_area.normal {width:540px;}
.login_area.normal .log_wrap {padding:30px;}
.login_area.normal .log_wrap .login_wrap {float:left; border:1px solid #E3E3E3; border-top:2px solid #ccc; _width:250px; width:270px}
.login_area.normal .banner {float:right;}
.login_area .desc {margin-top:41px; border-top:1px solid #e3e3e3; padding:20px 0 20px 0; line-height:1.4;}
.login_area .desc a {font-weight:bold; color:#0d7ee7;}
