@charset 'ANSI';

/* ¸ÞÀÎ ÄÁÅÙÃ÷ */
.contents { }
.contents .main_bnr { }
.contents .main_bnr ul { width:100%; overflow:hidden; margin-bottom:20px; }
.contents .main_bnr li { }
.contents .main_bnr ul.col2 { }
.contents .main_bnr ul.col2 li { float:left; margin-right:20px; }
.contents .main_bnr ul.col2 li:last-child { margin-right:0; }

.contents .main_bnr .dl_col { }
.contents .main_bnr .dl_col dt { float:left; }
.contents .main_bnr .dl_col dd { margin-left:314px; }
.contents .main_bnr ul.list { }
.contents .main_bnr ul.list li { margin-bottom:20px; }
.contents .main_bnr ul.list li:last-child { margin-bottom:0; }
.contents .main_bnr ul.col3box { background-color:#e6f0eb; } 
.contents .main_bnr ul.col3box li { float:left; }

.contents .main_bnr .notice { }
.contents .main_bnr .notice ul { width:100%; overflow:hidden; }
.contents .main_bnr .notice ul li { float:left; margin-right:9px; }
.contents .main_bnr .notice ul li:nth-child(2) { margin-right:20px; }
.contents .main_bnr .notice ul li:last-child { margin-right:0; }

.contents .main_bnr .midbx { margin-bottom:0; }
.contents .main_bnr .midbx li { float:left; margin-right:20px; margin-bottom:20px; }
.contents .main_bnr .midbx li:nth-child(2n) { margin-right:0; }

.contents .tail_noti_box { font-size:18px; line-height:1.55; background-color:#4d65f9; border-radius:10px; padding:19px 35px; color:#fff; letter-spacing:-0.5px; }
.contents .tail_noti_box .small { font-size:16px; }
.contents .tail_noti_box a { color:#fff; }


/* ·Î±×ÀÎ */
#login_wrap { background-repeat:no-repeat; background-position:center; background-image:url('../_img/login_bg.jpg'); background-size:cover; height:100%; }
#login_wrap .login_box { width:520px; margin:0 auto; padding-top:80px; }
#login_wrap .login_box .login_hd { margin-bottom:50px; text-align:center; }
#login_wrap .login_box .webzine_title { margin-bottom:25px; }
#login_wrap .login_box h3 { font-size:36px; line-height:1.35; font-weight:300; margin-bottom:5px; }
#login_wrap .login_box h3 b { font-weight:700; }
#login_wrap .login_box .sub_title { font-size:18px; line-height:1.45; }

#login_wrap .login_box .formbox { text-align:left; }
#login_wrap .login_box .formbox .member { }
#login_wrap .login_box .formbox .member label { position:relative; display:inline-block; padding-left:30px; font-size:16px; font-weight:700; line-height:1.45; cursor:pointer; margin-right:20px; vertical-align:middle; }
#login_wrap .login_box .formbox .member label input { display:none; }
#login_wrap .login_box .formbox .member label span { }
#login_wrap .login_box .formbox .member label span:before { position:absolute; left:0; top:0; display:block; width:18px; height:18px; border-radius:50%; border:1px solid #d3d2d2; content:""; }
#login_wrap .login_box .formbox .member label input:checked + span:before { background-color:#6a6fc4; border:1px solid #6a6fc4; }

#login_wrap .login_box .formbox dl { border-bottom:1px solid #dddddd; margin-top:30px; }
#login_wrap .login_box .formbox dl dt,
#login_wrap .login_box .formbox dl dd { text-align:left; }
#login_wrap .login_box .formbox dl dt { font-size:16px; color:#1e2831; line-height:1.45; margin-bottom:7px; font-weight:700; }
#login_wrap .login_box .formbox dl dd { }
#login_wrap .login_box .formbox dl dd { }

#login_wrap .login_box .formbox .fr_input { display:block; width:100%; border:0; height:40px; line-height:1.45; color:#333; padding:0 20px; font-size:18px; box-sizing:border-box; }

#login_wrap .login_box .id_save { display:block; text-align:left; margin-top:27px; }
#login_wrap .login_box .id_save label { position:relative; display:inline-block; font-size:16px; line-height:23px; color:#1e2831; padding-left:40px; cursor:pointer; }
#login_wrap .login_box .id_save label input { display:none; }
#login_wrap .login_box .id_save label span:before { position:absolute; left:4px; top:0; display:block; width:23px; height:23px; background-repeat:no-repeat; background-position:center; background-image:url('../_img/ic_check.png'); content:""; }
#login_wrap .login_box .id_save label input:checked + span:before { background-image:url('../_img/ic_checked.png'); }

#login_wrap .login_box .btn_login { display:block; text-align:center; width:100%; height:74px; line-height:74px; font-size:22px; background-color:#2d2f54; color:#fff; text-align:center; border-radius:10px; vertical-align:middle; border:0; cursor:pointer; outline:none; margin-top:28px; }

#login_wrap .login_box .tail { text-align:center; margin-top:45px; }
#login_wrap .login_box .tail img { vertical-align:middle; }
#login_wrap .login_box .tail .btn { display:inline-block; width:192px; height:46px; line-height:46px; background-color:#2d2f54; color:#fff; text-align:center; border-radius:46px; margin-left:30px; vertical-align:middle; }







/* »ó¼¼ÆäÀÌÁö */
#details { width:933px; }
#details .v_content { font-size:18px; color:#010101; line-height:1.70; }
#details .v_content p { margin-bottom:34px; }
#details .v_content .v_hd { margin-bottom:65px; }
#details .v_content .img { margin-bottom:55px; } 
#details .v_content .img .desc { display:block; font-size:14px; line-height:1.45; color:#666666; margin-top:10px; } 

#details .comment_box { margin-top:85px; padding-bottom:65px; border-bottom:3px solid #24223c;  }
.comment_box .comment_hd { padding-left:4px; margin-bottom:7px; }
.comment_box .comment_hd .title { display:inline-block; font-size:18px; line-height:1.45; color:#1e2831;  font-weight:700; }
.comment_box .comment_hd .title em { color:#fe5c8d; }
.comment_box .comment_hd .text { display:inline-block; font-size:14px; line-height:1.45; color:#fe5c8d; }
.comment_box .comment_list { border-top:1px solid #000000; }
.comment_box .comment_list li { border-bottom:1px solid #dddddd; padding:20px 25px; }
.comment_box .comment_list li .comment_contents { font-size:18px; line-height:1.45; color:#333333; }
.comment_box .comment_list li .comment_info { font-size:14px; line-height:1.45; color:#333333; margin-top:5px; }
.comment_box .comment_list li .comment_info span { }
.comment_box .comment_list li .comment_info span:after { }

.comment_box .comment_input { margin-top:45px; }
.comment_box .comment_input .ta { display:block; width:100%; border:1px solid #cccccc; border-radius:10px; overflow:hidden; height:165px; padding:30px 35px; resize:none; font-size:18px; line-height:1.45; box-sizing:border-box; }
.comment_box .btn_area { margin-top:15px; }
.comment_box .btn_area .btn_basic { display:inline-block; width:92px; height:40px; line-height:40px; font-size:14px; color:#ffffff; background-color:#333333; text-align:center; cursor:pointer; }

#details #ft { padding-left:250px; }