@charset "utf-8";
html{
width:100%;height:100%
}
html{
overflow-y:scroll
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
margin : 0;
padding : 0;
outline-style : none;
}
fieldset, img {
border : none 0;
outline-style:none
}
dl, ul, ol, menu, li {
list-style : none;
outline-style:none
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
input, select, textarea, button {
vertical-align : middle;
outline-style : none;
}
button {
border : none 0;
background-color : transparent;
cursor : pointer;
outline-style : none;
}
body, th, td, input, select, textarea, button {
font-size : 12px;
font-family : '돋움', dotum, sans-serif;
color : #333;
outline-style : none;
}
a {
color : #333;
text-decoration : none;
cursor : pointer;
outline-style:none
}
a:active, a:hover {
text-decoration : underline;
outline-style : none;
}
address, caption, cite, code, dfn, em, var {
font-style : normal;
font-weight : normal;
}
legend {
display : block;
overflow : hidden;
position : absolute;
top : -1000em;
left : 0;
}
cpation {
display : block;
position : absolute;
top : -9999px;
left : -9999px;
width : 0;
height : 0;
line-height : 0;
overflow : hidden;
font-size : 0;
text-indent : -9999px;
}
.btn_link {
cursor : pointer;
}
#hd_gnb {
height : 26px;
border-bottom : 1px solid #ccc;
}
#hd_gnb .tnb_box {
width : 970px;
margin : 0 auto;
padding-top : 8px;
}
#hd_gnb .tnb_box span {
float : left;
display : block;
}
#hd_gnb .tnb_box span a {
color : #8C8C8C;
}
#hd_gnb .tnb_box span a:focus, #hd_gnb .tnb_box span a:hover, #hd_gnb .tnb_box span a:active {
color : #FB3D5F;
}
#hd_gnb .tnb_box .tnb {
float : right;
margin : 0;
width : 400px;
padding : 0;
list-style : none;
display : inline-block;
}
#hd_gnb .tnb_box .tnb:after {
display : block;
visibility : hidden;
clear : both;
content : "";
}
#hd_gnb .tnb_box .tnb li {
margin : 0;
padding : 0;
}
#hd_gnb .tnb_box .tnb li {
float : right;
margin : 0 0 0 5px;
}
#hd_gnb .tnb_box .tnb a {
display : inline-block;
padding : 0 5px;
color : #8C8C8C;
letter-spacing : -0.1em;
}
#hd_gnb .tnb_box .tnb a:focus, #hd_gnb .tnb_box .tnb a:hover, #hd_gnb .tnb_box .tnb a:active {
color : #FB3D5F;
}
#hd_gnb .tnb_box .tnb img {
margin-right : 3px;
}
#hd {
z-index : 4;
position : relative;
min-width : 970px;
background : #fff;
}
.hd_zindex {
z-index : 10 !important ;
}
#hd_h1 {
position : absolute;
font-size : 0;
line-height : 0;
overflow : hidden;
}
#hd_wrapper {
position : relative;
margin : 0 auto;
padding : 26px 0;
width : 970px;
}
#hd_wrapper:after {
display : block;
visibility : hidden;
clear : both;
content : "";
}
#logo {
float : left;
padding : 0;
margin : 0;
}
#banner {
float : left;
width : 430px;
text-align:center;
padding : 0;
margin : 0;
}
#hd_sch {
float : right;
margin : 0 0 0 20px;
padding : 0;
}
#hd_sch legend {
position : absolute;
margin : 0;
padding : 0;
font-size : 0;
line-height : 0;
text-indent : -9999em;
overflow : hidden;
}
#hd_sch #sch_stx {
padding-left : 5px;
width : 200px;
height : 27px;
border : #EC4D37 solid 3px;
background : #fff;
line-height : 1.9em !important ;
line-height : 1.6em;
}
#hd_sch #sch_submit {
width : 50px;
height : 33px;
border : 0;
background : #EC4D37;
color : #fff;
cursor : pointer;
font-weight : bold;
}
#gnb {
position : relative;
margin : 0 auto;
width : 970px;
height : 42px;
}
#gnb .top_menu {
position : relative;
margin : 0 auto;
width : 970px;
height : 42px;
}
#gnb .top_menu .menu_list li {
float : left;
height : 42px;
background : url("/img/top_menu.png") 0 -100px no-repeat scroll transparent;
}
#gnb .top_menu .menu_list .menu_01 {
background-position : 0 0;
width : 106px;
}
#gnb .top_menu .menu_list .menu_02 {
background-position : -106px 0;
width : 121px;
}
#gnb .top_menu .menu_list .menu_03 {
background-position : -227px 0;
width : 119px;
}
#gnb .top_menu .menu_list .menu_04 {
background-position : -346px 0;
width : 113px;
}
#gnb .top_menu .menu_list .menu_05 {
background-position : -459px 0;
width : 105px;
}

#gnb .top_menu .menu_list .blank {
background-position : -579px 0;
width : 13px;
}

#gnb .top_menu .menu_list .menu_01:hover {
background-position : 0 -48px;
width : 106px;
}
#gnb .top_menu .menu_list .menu_02:hover {
background-position : -106px -48px;
width : 121px;
}
#gnb .top_menu .menu_list .menu_03:hover {
background-position : -227px -48px;
width : 119px;
}
#gnb .top_menu .menu_list .menu_04:hover {
background-position : -346px -48px;
width : 113px;
}
#gnb .top_menu .menu_list .menu_05:hover {
background-position : -459px -48px;
width : 105px;
}

#gnb .top_menu .menu_list .menu_01_on {
background-position : 0 -48px;
width : 106px;
}
#gnb .top_menu .menu_list .menu_02_on {
background-position : -106px -48px;
width : 121px;
}
#gnb .top_menu .menu_list .menu_03_on {
background-position : -227px -48px;
width : 119px;
}
#gnb .top_menu .menu_list .menu_04_on {
background-position : -346px -48px;
width : 113px;
}
#gnb .top_menu .menu_list .menu_05_on {
background-position : -459px -48px;
width : 105px;
}


#gnb .top_menu .menu_list li span {
display : none;
}
#gnb .top_menu .main_service_menu li {
float : right;
height : 26px;
padding-top : 15px;
padding-bottom : 2px;
font-size : 11px;
background : url("/img/top_menu.png") -1000px 0 no-repeat scroll transparent;
}
#gnb .top_menu .main_service_menu .alram {
background-position : -917px 0;
width : 41px;
padding-right : 12px;
}
#gnb .top_menu .main_service_menu .alram_on {
background-position : -917px -48px;
width : 41px;
padding-right : 12px;
}
#gnb .top_menu .main_service_menu .alram_close {
background-position : -917px -108px;
width : 41px;
padding-right : 12px;
}
#gnb .top_menu .main_service_menu .studyroom {
background-position : -870px 0;
width : 41px;
padding-right : 6px;
}
#gnb .top_menu .main_service_menu .wrong {
background-position : -812px 0;
width : 52px;
padding-right : 6px;
}
#gnb .top_menu .main_service_menu .rolling {
background-position : -575px 0;
width : 215px;
height : 25px;
overflow : hidden;
padding-left : 10px;
padding-right : 10px;
}
#gnb .top_menu .main_service_menu li span {
display : none;
}
#gnb .top_menu .icon_alram {
position : absolute;
top : -15px;
right : -5px;
background : url("/img/common/icon_alram.png") no-repeat transparent;
width : 34px;
height : 30px;
z-index : 30;
text-align : center;
}
#gnb .top_menu .icon_alram span {
font-weight : bold;
color : #fff;
line-height : 25px;
}
#alram_area {
position : absolute;
z-index : 999;
top : 47px;
right : 0;
width : 256px;
height : 300px;
overflow-y : scroll;
}
#alram_area ul {
width : 233px;
min-height : 294px;
height : auto !important ;
height : 294px;
border : #269abc solid 3px;
background : #ffffff;
}
#alram_area li {
padding : 10px;
}


#wrapper {
clear : both;
position : relative;
width : 970px;
margin : 0 auto;
padding-top : 5px;
}

#wrapper .main_banner {
float : left;
width : 705px;
height : 163px;
margin-right : 5px;
}
#wrapper .main_banner .main_banner1 {
float : left;
width : 400px;
height : 163px;
margin-right : 5px;
margin-bottom : 5px;
}
#wrapper .main_banner .main_banner2 {
float : left;
position : relative;
width : 298px;
height : 163px;
border : #ccc solid 1px;
}

#wrapper .main_center_box {
float : left;
width : 705px;
height : 250px;
margin-right : 5px;
}
#wrapper .main_center_box .main_google {
float : left;
width : 300px;
height : 250px;
margin-right : 5px;
margin-bottom : 5px;
}
#wrapper .main_center_box .main_google1 {
float : left;
width : 297px;
height : 120px;
margin-right : 5px;
margin-bottom : 5px;
border : #ccc solid 1px;
text-align: center;
line-height: 1.8;
}
#wrapper .main_center_box .main_google2 {
float : left;
width : 297px;
height : 120px;
margin-right : 5px;
margin-bottom : 5px;
border : #ccc solid 1px;
text-align: center;
line-height: 1.8;
}

#wrapper .main_center_box .main_ox{
float : left;
position : relative;
width : 398px;
height : 250px;
}
#wrapper .main_center_box .main_ox1{
position : relative;
width : 398px;
height : 120px;
border : #ccc solid 1px;
margin-bottom : 5px;
}
#wrapper .main_center_box .main_ox2{
position : relative;
width : 398px;
height : 120px;
border : #ccc solid 1px;
}

.main_center_box .ox_title {
padding-top : 5px;
padding-left: 5px;
border-bottom : 1px solid #E5E5E5;
line-height : 19px;
}
.main_center_box .ox_content {
padding: 10px;
line-height : 19px;
}

.main_center_box .ox{
position : absolute;
top : 100px;
width:400px;
border-top : #ccc solid 1px;
}
.main_center_box .ox .o{
float:left;
display : inline-block;
width:199px;
line-height:20px;
font-size:22px;
text-align:center;
border-right : #ccc solid 1px;
}
.main_center_box .ox .x{
float:left;
display : inline-block;
width:200px;
line-height:20px;
font-size:22px;
text-align:center;
}

.main_ox_hidden {
position:absolute;
width : 370px;
background : #fbfbfb;
padding:10px;
z-index : 99;
}

.main_banner .ox_title {
padding-top : 5px;
padding-left: 5px;
border-bottom : 1px solid #E5E5E5;
line-height : 19px;
}
.main_banner .ox_content {
padding: 10px;
line-height : 19px;
}

.main_banner .ox{
position : absolute;
top : 135px;
width:298px;
border-top : #ccc solid 1px;
}
.main_banner .ox .o{
float:left;
display : inline-block;
width:149px;
line-height:28px;
font-size:22px;
text-align:center;
border-right : #ccc solid 1px;
}
.main_banner .ox .x{
float:left;
display : inline-block;
width:148px;
line-height:28px;
font-size:22px;
text-align:center;
}

.main_oxque_hidden {
position:absolute;
width : 278px;
background : #fbfbfb;
padding:10px;
z-index : 99;
}

#wrapper .main_banner .main_banner3 {
position : absolute;
top : 120px;
width : 390px;
height : 40px;
padding : 5px;
}
#wrapper .outlogin {
float : right;
width : 258px;
height : 247px;
border : #ccc solid 1px;
overflow : hidden;
}

#wrapper .d_day{
float : right;
margin-top : 5px;
width : 258px;
height : 77px;
overflow : hidden;
line-height : 18px;
border : #ccc solid 1px;
}

#wrapper .content {
clear : both;
position : relative;
width : 968px;
border : #ccc solid 1px;
display : inline-block;
background : url("/img/common/bg_sub.png");
}
#wrapper .main_idx {
clear : both;
margin-top : 5px;
width : 968px;
border : #ccc solid 1px;
display : inline-block;
}

#wrapper .main_idx .main_content {
float : left;
width : 689px;
}

#wrapper .main_idx .main_content  .main_left {
float : left;
padding-left : 10px;
width : 327px;
}
#wrapper .main_idx .main_content  .main_center {
float : left;
padding-left : 25px;
width : 327px;
}
#wrapper .main_idx .main_right {
float : right;
padding-left : 20px;
padding-right : 10px;
width : 249px;
}

#wrapper .main_idx .main_content .main_content_body {
float : left;
padding-left : 10px;
width : 679px;
}

.main_idx ul {
padding : 10px;
}
.main_idx li {
padding-bottom : 5px;
}
.main_idx .list_title {
clear : both;
padding-top : 15px;
padding-bottom : 5px;
border-bottom : 1px solid #E5E5E5;
height : 13px;
}
.main_idx .right_title {
clear : both;
padding-top : 15px;
padding-bottom : 5px;
width : 249px;
border-bottom : 1px solid #E5E5E5;
height : 13px;
}

.main_idx .content_title {
clear : both;
padding-top : 15px;
padding-bottom : 5px;
border-bottom : 1px solid #E5E5E5;
height : 13px;
}

#wrapper .content .content_body {
z-index : 4;
position : relative;
float : left;
width : 709px;
min-height : 500px;
height : auto !important ;
height : 500px;
}
#wrapper .content .content_right {
float : right;
width : 258px;
color : #555;
}
#wrapper .content .content_right .suboutlogin {
width : 258px;

border-bottom : 1px solid #ccc;
}
#wrapper .content .content_right .sub_title {
width : 243px;
height : 32px;
line-height : 32px;
color : #0171c7;
font-size : 14px;
font-weight : bold;
background-color : #f5f5f5;
padding-left : 15px;
border-bottom : 1px solid #ccc;
}
#wrapper .content .content_right .sub_menu {
width : 228px;
padding : 5px 15px;
border-top : 1px solid #f9f9f9;
border-bottom : 1px solid #ccc;
}
#wrapper .content .content_right .sub_menu li {
height : 22px;
padding-top : 5px;
}
#wrapper .content .content_right .sub_menu li:hover {
color : #0171c7;
}
#wrapper .content .content_right .sub_menu .sel a{
color : #0171c7;
font-weight : bold;
}
.page_navi {
width : 100%;
height : 59px;
background : url("/img/common/bg_sub_category.png");
}
.page_navi .title {
float : left;
color : #1f335e;
font-size : 14px;
font-weight : bold;
padding-top : 23px;
padding-left : 10px;
}
.page_navi .navi {
float : right;
text-align : right;
font-size : 11px;
padding-top : 25px;
padding-right : 10px;
}
.navi_ad {
display : inline-block;
margin:10px auto;
width : 96%;
text-align:center;
}
.navi_ad1 {
float : left;
width:330px;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
}
.navi_ad2 {
width:330px;
float : right;
margin-top:10px;
margin-right:11px;
margin-bottom:10px;
}
.sub_page {
margin : 0 auto;
width : 677px;
margin-top : 10px;
}
.sub_page_pop {
clear : both;
margin : 0 auto;
width : 677px;
height : 175px;
margin-top : 10px;
border : #e5e5e5 solid 1px;
}
.sub_page_box {
clear : both;
margin : 0 auto;
width : 677px;
margin-top : 10px;
margin-bottom : 10px;
padding-bottom : 10px;
height : auto !important ;
border : #e5e5e5 solid 1px;
background : #fbfbfb;
}
.sub_page_box p {
padding-top : 10px;
padding-left : 10px;
}
.sub_page_box p a {
color : #FB3D5F;
}
#captcha {
display : inline-block;
position : relative;
}
#captcha legend {
position : absolute;
margin : 0;
padding : 0;
font-size : 0;
line-height : 0;
text-indent : -9999em;
overflow : hidden;
}
#captcha #captcha_img {
width : 100px;
height : 41px;
border : #e9e9e9 solid 1px;
}
#captcha #captcha_mp3 {
position : absolute;
top : 0;
left : 101px;
margin : 0;
padding : 0;
width : 23px;
height : 22px;
border : 0;
background : transparent;
vertical-align : middle;
overflow : hidden;
cursor : pointer;
}
#captcha #captcha_mp3 span {
position : absolute;
top : 0;
left : 0;
width : 23px;
height : 22px;
background : url('../plugin/kcaptcha/img/sound.gif');
}
#captcha #captcha_reload {
position : absolute;
top : 21px;
left : 101px;
margin : 0;
padding : 0;
width : 23px;
height : 22px;
border : 0;
background : transparent;
vertical-align : middle;
overflow : hidden;
cursor : pointer;
}
#captcha #captcha_reload span {
position : absolute;
top : 0;
left : 0;
width : 23px;
height : 22px;
background : url('../plugin/kcaptcha/img/reload.gif');
}
#captcha #captcha_key {
position : absolute;
margin : 0 0 0 25px;
padding : 0 5px;
width : 70px;
height : 41px;
border : #b8c9c2 solid 1px;
background : #f7f7f7;
font-size : 1.333em;
font-weight : bold;
text-align : center;
line-height : 2.8em;
}
#captcha #captcha_info {
display : block;
margin : 5px 0 0;
font-size : 0.95em;
letter-spacing : -0.1em;
}
.cke_sc {
margin : 0 0 5px;
text-align : right;
}
.btn_cke_sc {
display : inline-block;
padding : 0 10px;
height : 23px;
border : #ccc solid 1px;
background : #fafafa;
color : #000;
text-decoration : none;
line-height : 1.9em;
vertical-align : middle;
cursor : pointer;
}
.cke_sc_def {
margin : 0 0 5px;
padding : 10px;
border : #ccc solid 1px;
background : #f7f7f7;
text-align : center;
}
.cke_sc_def dl {
margin : 0 0 5px;
text-align : left;
}
.cke_sc_def dl:after {
display : block;
visibility : hidden;
clear : both;
content : "";
}
.cke_sc_def dt, .cke_sc_def dd {
float : left;
margin : 0;
padding : 5px 0;
border-bottom : 1px solid #e9e9e9;
}
.cke_sc_def dt {
width : 20%;
font-weight : bold;
}
.cke_sc_def dd {
width : 30%;
}
a.btn_b01 {
display : inline-block;
padding : 7px;
border : #d9ded9 solid 1px;
background : #f2f5f9;
color : #000;
text-decoration : none;
vertical-align : middle;
}
a.btn_b01:focus, .btn_b01:hover {
text-decoration : none;
}
a.btn_b02 {
display : inline-block;
padding : 7px 7px;
border : #3b3c3f solid 1px;
background : #4b545e;
color : #fff;
text-decoration : none;
vertical-align : middle;
}
a.btn_b02:focus, .btn_b02:hover {
text-decoration : none;
}
a.btn_admin {
display : inline-block;
padding : 7px;
border : #e8180c solid 1px;
background : #e8180c;
color : #fff;
text-decoration : none;
vertical-align : middle;
}
a.btn_admin:focus, a.btn_admin:hover {
text-decoration : none;
}
.cnt_cmt {
display : inline-block;
}
.tbl_wrap table {
width : 100%;
border-collapse : collapse;
border-spacing : 0;
}
.tbl_wrap caption {
padding : 10px 0;
font-weight : bold;
text-align : left;
}
.tbl_head01 {
width : 100%;
margin : 0;
}
.tbl_head01 caption {
padding : 0;
font-size : 0;
line-height : 0;
overflow : hidden;
}
.tbl_head01 thead th {
padding : 10px 0;
border-top : 2px solid #CCCCCC;
border-bottom : 1px solid #F2F2F2;
background : #f9f9f9;
color : #888;
font-size : 0.95em;
text-align : center;
letter-spacing : -0.1em;
}
.tbl_head01 thead a {
color : #888;
}
.tbl_head01 thead th input {
vertical-align : top;
}
.tbl_head01 tfoot th, .tbl_head01 tfoot td {
padding : 10px 0;
border-top : 1px solid #F2F2F2;
border-bottom : 1px solid #F2F2F2;
background : #f9f9f9;
text-align : center;
}
.tbl_head01 tbody th {
padding : 8px 0;
border-top : 1px solid #F2F2F2;
border-bottom : 2px solid #CCCCCC;
background : #f9f9f9;
color : #888;
font-size : 0.95em;
text-align : center;
letter-spacing : -0.1em;
}
.tbl_head01 td {
padding : 8px 5px;
border-top : 1px solid #F2F2F2;
border-bottom : 1px solid #F2F2F2;
line-height : 1.5em;
word-break : break-all;
}
.tbl_head02 {
width : 100%;
margin : 0;
}
.tbl_head02 caption {
padding : 0;
font-size : 0;
line-height : 0;
overflow : hidden;
}
.tbl_head02 thead th {
padding : 10px 0;
border-top : 2px solid #CCCCCC;
border-bottom : 1px solid #F2F2F2;
background : #f9f9f9;
color : #ccc;
font-size : 0.95em;
text-align : center;
letter-spacing : -0.1em;
}
.tbl_head02 .title {
text-align : left;
color : #000;
font-weight : bold;
font-size : 16px;
line-height : 16px;
}
.tbl_head02 thead a {
color : #ccc;
}
.tbl_head02 thead th input {
vertical-align : top;
}
.tbl_head02 tfoot th, .tbl_head01 tfoot td {
padding : 10px 0;
border-top : 1px solid #F2F2F2;
border-bottom : 1px solid #F2F2F2;
background : #f9f9f9;
text-align : center;
}
.tbl_head02 tbody th {
padding : 8px 0;
}
.tbl_head02 td {
padding : 8px 5px;
border-bottom : 1px solid #F2F2F2;
line-height : 1.5em;
word-break : break-all;
}
.tbl_head03 {
width : 100%;
margin : 0;
padding:0;
}
.tbl_head03 caption {
padding : 0;
font-size : 0;
line-height : 0;
overflow : hidden;
}
.tbl_head03 thead th {
padding : 5px 0;
border-top : 1px solid #CCCCCC;
border-bottom : 1px solid #F2F2F2;
background : #f9f9f9;
color : #888;
text-align : center;
font-weight:normal;
}
.tbl_head03 thead td {
padding : 10px 8px;
border-top : 1px solid #CCCCCC;
border-bottom : 1px solid #F2F2F2;
}
.tbl_head03 thead a {
color : #888;
}
.tbl_head03 thead th input {
vertical-align : top;
}

.tbl_head03 tbody th {
padding : 8px 0;
border-bottom : 1px solid #F2F2F2;
background : #f9f9f9;
color : #888;
text-align : center;
font-weight:normal;
}
.tbl_head03 tbody td {
padding : 8px 8px;
border-bottom : 1px solid #F2F2F2;
line-height : 1.5em;
word-break : break-all;
}
.tbl_head03 tfoot th, .tbl_head03 tfoot td {
padding : 10px 0;
border-top : 1px solid #F2F2F2;
border-bottom : 1px solid #F2F2F2;
background : #f9f9f9;
text-align : center;
}
.tbl_frm01 {
margin : 0;
}
.tbl_frm01 table {
width : 100%;
height : auto !important ;
height : 500px;
border-collapse : collapse;
border-spacing : 0;
}
.tbl_frm01 th {
width : 100px;
padding : 7px 13px;
border : #e9e9e9 solid 1px;
border-left : 0;
background : #f5f8f9;
text-align : left;
}
.tbl_frm01 td {
padding : 7px 10px;
border-top : 1px solid #e9e9e9;
border-bottom : 1px solid #e9e9e9;
background : transparent;
}
/*체크에디터5 사용 시 익스7에서 테이블 깨지는 현상으로*/
.tbl_frm01 .wr_content {
width:100px;
padding : 7px 10px;
background : transparent;
}
.tbl_frm01 textarea, .frm_input {
border : #e4eaec solid 1px;
background : #fff;
color : #000;
vertical-align : middle;
line-height : 2em;
}
.tbl_frm01 textarea {
padding : 2px 2px 3px;
}
.frm_input {
height : 22px;
}
.tbl_frm01 textarea {
width : 98%;
height : 200px;
}
.tbl_frm01 a {
text-decoration : none;
}
.tbl_frm01 .frm_file {
display : block;
margin-bottom : 5px;
}
.tbl_frm01 .frm_info {
display : block;
padding : 0 0 5px;
line-height : 1.4em;
}
.empty_table {
padding : 50px 0 !important ;
text-align : center;
}
.empty_list {
padding : 20px 0 !important ;
text-align : center;
}
.required, textarea.required {
background : url('../img/wrest.gif') top right no-repeat #f7f7f7 !important ;
}
.td_board {
width : 120px;
text-align : center;
}
.td_category {
width : 80px;
text-align : center;
}
.td_chk {
width : 30px;
text-align : center;
}
.td_date {
width : 60px;
text-align : center;
}
.td_datetime {
width : 110px;
text-align : center;
}
.td_group {
width : 100px;
text-align : center;
}
.td_mb_id {
width : 100px;
text-align : center;
}
.td_mng {
width : 80px;
text-align : center;
}
.td_name {
width : 100px;
text-align : left;
}
.td_nick {
width : 100px;
text-align : center;
}
.td_num {
width : 50px;
text-align : center;
}
.td_numbig {
width : 80px;
text-align : center;
}
.td_stat {
width : 60px;
text-align : center;
}
.txt_active {
color : #5d910b;
}
.txt_done {
color : #e8180c;
}
.txt_expired {
color : #ccc;
}
.txt_rdy {
color : #8abc2a;
}
#ft {
min-width : 970px;
}
#ft h1 {
position : absolute;
font-size : 0;
line-height : 0;
overflow : hidden;
}
#ft p {
margin : 0;
padding : 10px 0;
line-height : 1.8em;
}
#ft_catch {
position : relative;
margin : 0 auto;
padding : 20px 0 0;
width : 970px;
text-align : center;
}
#ft_company {
text-align : center;
}
#ft_copy div {
position : relative;
margin : 0 auto;
padding : 10px 0;
width : 970px;
color : #000;
}
#ft_copy a {
display : inline-block;
margin : 0 10px 0 0;
color : inherit;
}
#ft_copy #ft_totop {
position : absolute;
top : 10px;
right : 0;
}
.sv_wrap {
display : inline-block;
position : relative;
font-weight : normal;
}
.sv_wrap .sv {
z-index : 1000;
display : none;
margin : 5px 0 0;
border : #283646 solid 1px;
}
.sv_wrap .sv a {
display : inline-block;
margin : 0;
padding : 3px;
width : 94px;
border-bottom : 1px solid #283646;
background : #111;
color : #fff !important ;
}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {
text-decoration : none;
}
.sv_on {
display : block !important ;
position : absolute;
top : 10px;
left : 20px;
width : auto;
height : auto;
}
.sv_nojs .sv {
display : block;
}
.msg_sound_only, .sound_only {
display : inline-block !important ;
position : absolute;
top : 0;
left : 0;
margin : 0 !important ;
padding : 0 !important ;
font-size : 0;
line-height : 0;
border : 0 !important ;
overflow : hidden !important ;
}
.pg_wrap {
clear : both;
margin : 0 0 20px;
padding : 20px 0 0;
text-align : center;
}
.pg_page, .pg_current {
display : inline-block;
padding : 0 8px;
height : 25px;
color : #000;
letter-spacing : 0;
line-height : 2.2em;
vertical-align : middle;
}
.pg a:focus, .pg a:hover {
text-decoration : none;
}
.pg_page {
border : #EBEBEB solid 1px;
background : #ffffff;
text-decoration : none;
}
.pg_current {
display : inline-block;
margin : 0 4px 0 0;
border : #EBEBEB solid 1px;
background : #FBFBFB;
color : #FF0000;
font-weight : normal;
}
/*새창*/
.popup-wrap {  }
.popup-wrap .titBox { 
position:relative; 
height:30px; 
background:url('/img/common/bg_popbox.gif') 0 0 repeat-x; 
}
.popup-wrap .titBox h1 { 
position:absolute; 
top:8px; 
right:15px; 
display:block; 
width:30px; 
height:15px; 
text-indent:-1000em; 
}
.popup-wrap .titBox h2 { 
margin:0 0 0 15px; 
padding:10px 0 0 10px; 
font:bold 9pt 돋움,Dotum, Helvetica, sans-serif; 
color:#ffffff; 
background:url('/img/common/pop_icon_title.gif') 0 12px no-repeat; 
}
.popup-wrap .contentBox { 
position:relative; 
margin:0 25px; 
color:#444444; 
line-height:1.6em; 
z-index:1; 
}
.popup-wrap .contentBox p.one-block { 
float:left; 
width:300px; 
margin:88px auto 45px; 
text-align:center; 
}
.popup-wrap .contentBox p.two-block { 
margin-top:19px; 
}
.popup-wrap .popup_btnBox { 
width:100%; 
margin:20px auto 23px; 
text-align:center; 
}
.popup-wrap.type01 { 
width:350px; 
}
.popup-wrap.type02 { 
width:449px; margin:0 !important; 
}
.popup-wrap.type03 { 
width:500px; 
}
.popup-wrap.type04 { 
width:400px; 
}
.popup-wrap.type05 { 
width:450px; 
}
/* 신고 */
.popup-wrap .contentBox p.report { 
margin-top:25px auto; 
font:bold 12px '돋움',dotum, Helvetica, sans-serif; 
color:#666; 
}
.popup-wrap .contentBox ul.report-list { 
margin-top:12px; 
margin-bottom:5px; 
}
.popup-wrap .contentBox ul.report-list li { 
height:21px; 
color:#666; 
}
.popup-wrap .contentBox ul.report-list li input { 
width:14px; 
height:14px; 
margin:-2px 3px 0 -1px;
}
.popup-wrap .contentBox ul.report-list li label { 
cursor:pointer; 
line-height:1.2; 
}
.popup-wrap .contentBox textarea.report-box {	
width:278px; 
height:78px; 
margin-bottom:10px; 
padding:8px 0 0 8px; 
font:9pt 굴림,Gulim; 
color:#626262; 
border:1px solid #eaeaea; 
}
.popup-wrap .contentBox p.notice { 
font:12px '돋움',Dotum, Helvetica, sans-serif; 
color:#666; 
line-height:1.3; 
}
#device_change {
display : block;
margin : 0.3em;
padding : 0.5em 0;
border : #eee solid 1px;
border-radius : 2em;
background : #fff;
color : #000;
font-size : 2em;
text-decoration : none;
text-align : center;
}
/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0;}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}
.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */

.mystudy{width:100%;}
.mystudy ul {border-top:1px solid #d1dee2;border-left:1px solid #d1dee2;border-right:1px solid #d1dee2;background:#e5ecef;color:#383838;}
.mystudy li {height:30px;}
.mystudy .title{padding:7px 5px;background:#e5ecef;color:#383838;font-size:1.1em;line-height:1.4em;letter-spacing:-0.1em;text-align:left;font-weight:bold;}
.mystudy .title1{padding:7px 5px;color:#383838;font-size:1.1em;line-height:1.4em;letter-spacing:-0.1em;text-align:left;font-weight:bold;}
.mystudy .tarea1 {float:left;width:40%;padding:7px 5px;border-bottom:1px solid #d1dee2;border-right:1px solid #d1dee2;line-height:1.4em;;background:#e5ecef;;}
.mystudy .tarea2 {float:left;width:13%;padding:7px 5px;border-bottom:1px solid #d1dee2;border-right:1px solid #d1dee2;line-height:1.4em;background:#e5ecef;;text-align:center}
.mystudy .tarea3 {float:left;width:13%;padding:7px 5px;border-bottom:1px solid #d1dee2;line-height:1.4em;background:#e5ecef;;text-align:center;}
.mystudy .area1 {float:left;width:40%;padding:7px 5px;border-bottom:1px solid #d1dee2;border-right:1px solid #d1dee2;line-height:1.4em;;background:#fff;}
.mystudy .area2 {float:left;width:13%;padding:7px 5px;border-bottom:1px solid #d1dee2;border-right:1px solid #d1dee2;line-height:1.4em;background:#fff;text-align:center}
.mystudy .area3 {float:left;width:13%;padding:7px 5px;border-bottom:1px solid #d1dee2;line-height:1.4em;background:#fff;text-align:center;}
.mystudy .subarea1 {float:left;width:40%;padding:7px 5px;border-bottom:1px solid #d1dee2;border-right:1px solid #d1dee2;line-height:1.4em;;background:#fbfbfb;color:#21456F;}
.mystudy .subarea2 {float:left;width:13%;padding:7px 5px;border-bottom:1px solid #d1dee2;border-right:1px solid #d1dee2;line-height:1.4em;background:#fbfbfb;text-align:center;color:#21456F;}
.mystudy .subarea3 {float:left;width:13%;padding:7px 5px;border-bottom:1px solid #d1dee2;line-height:1.4em;background:#fbfbfb;text-align:center;color:#21456F;}
.mystudy .subarea1_red {float:left;width:40%;padding:7px 5px;border-bottom:1px solid #d1dee2;border-right:1px solid #d1dee2;line-height:1.4em;;background:#fbfbfb;color:red;}
.mystudy .subarea2_red {float:left;width:13%;padding:7px 5px;border-bottom:1px solid #d1dee2;border-right:1px solid #d1dee2;line-height:1.4em;background:#fbfbfb;text-align:center;color:red;}
.mystudy .subarea3_red {float:left;width:13%;padding:7px 5px;border-bottom:1px solid #d1dee2;line-height:1.4em;background:#fbfbfb;text-align:center;color:red;}


.question_ad{width:100%;}


.clear_fix {
clear : both;
}

#google_ad_box {
clear : both;
width : 970px;
margin : 0 auto;
padding-top : 5px;
}