@import url("../../v/assets/css/main.css");
@import url("boot.css");

body { margin:0px; padding:0px }
 ::-webkit-scrollbar { width: 5px; height:5px;  /* remove scrollbar space */ background: transparent;  /* optional: just make scrollbar invisible */}
/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {background: #2db400;}
::-webkit-scrollbar-track {background: #f2f2f2;}
::-webkit-scrollbar-button {width: 5px; height:5px;  }
::-webkit-scrollbar-button:horizontal:increment {background: url(../images/scro_dec.png) 50% 0 no-repeat;}
::-webkit-scrollbar-button:horizontal:decrement {background: url(../images/scro_inc.png) 50% 0 no-repeat;}
::-webkit-scrollbar-button:vertical:increment {background: url(../images/ver_dec.png)  no-repeat;}
::-webkit-scrollbar-button:vertical:decrement {background: url(../images/ver_inc.png) no-repeat;}
scrollbar-arrow-color

/*basic-set*/
input[type=text],
input[type=password],
textarea{-webkit-box-sizing :border-box;‌​-moz-box-sizing :border-box; box-sizing :border-box;line-height:auto;vertical-align:top;}
select { background:#fff; }
* { position:relative; transition:all 0s; -webkit-transition:all 0s; word-break:keep-all; }
.bt_txt { display:inline-block; }
.bt_txt:hover { text-decoration:none; }
b { font-weight:700 !important; }
::-webkit-input-placeholder { color:#adadad; }/* WebKit browsers */
:-moz-placeholder { color:#adadad; }/* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color:#adadad; }/* Mozilla Firefox 19+ */
:-ms-input-placeholder { color:#adadad; }/* Internet Explorer 10+ */
.p0 { padding:0 !important; }
.ddd { background:#ddd; }
.fw400 { font-weight:400 !important; }
.fw800 { font-weight:800 !important; }
a.bt_id { border-color:#2db400; background:#2db400; color:#fff;}

/* common */
.no-border { border:0px !important; box-shadow: none !important;}

/* layout */
#wrap { min-width:1500px; }
#header { z-index:10; }
#header .wrap { max-width:1600px; min-width:1500px; height:80px; margin:0 auto; }
#header .wrap h1 { position:absolute; top:17px; left:40px;}

#tm { position:absolute; top:22px; right:40px; min-width:200px;}
#tm ul { position:absolute; top:0; right:0; }
#tm li { float:left; margin-left:4px; }
#tm li a { display:block; line-height:34px; border:1px solid #dbdbdb; border-radius:4px; padding:0 16px; font-size:13px; font-weight:700; }
#tm li a:hover { text-decoration:none; }
#tm li a.bt_join { border-color:#2db400; background:#2db400; color:#fff; }
#tm li a.bt_mypage { border-color:#262e46; background:#262e46; color:#fff; padding:0 8px; }
#tm li a.bt_logout { padding:0 12px; }

#gnb { position:absolute; top:0px; left:200px; right:212px; }
#gnb ul { position:absolute; top:24px; right:0; }
#gnb ul li { float:left; }
#gnb ul li a { display:block; line-height:36px; padding:0 16px; font-size:13px; font-weight:700; }
#gnb ul li.username { color:#000; display:block; line-height:36px; padding:0 16px; font-size:13px; }
#gnb ul li.username span {color:#2db400}
#gnb ul li.on a { color:#2fbc00; }
#gnb ul li a:hover { color:#2db400; text-decoration:none; }
#gnb ul li a.bt_i { width:48px; height:48px; line-height:48px; padding:0; vertical-align:top; margin-top:-6px; text-indent:-9999px; }
#gnb ul li a.bt_i.bt_search { background:url(../images/ic-search.png); }
#gnb ul li a.bt_i.bt_noti { background:url(../images/ic-noti.png); }

#header .p_box { position:absolute; top:60px; width:400px; background:#fff; box-shadow:0 4px 16px rgba(0,0,0,0.2); border-radius:4px; overflow:hidden; z-index:10; display:none; }
#header .p_box.on { display:block; }

.h_search { right:260px; padding-top:20px; }
.h_search .search_box { margin:0 20px; border-bottom:2px solid #494949; }
.h_search .search_box input[type=text] { width:100%; height:48px; border:0; padding:0 10px 0 58px; font-size:13px; color:#000; }
.h_search .search_box .bt_search { position:absolute; top:0; left:0; width:48px; height:48px; background:url(../images/ic-search.png); text-indent:-9999px; z-index:1; }
.h_search .list_box { max-height:520px; }
.h_search .b_area { background:#f5f6f8; height:40px; line-height:40px; padding:0 20px; /*font-size:11px;*/ color:#919191; }
.h_search .b_area .bt_delete { color:#494949; text-decoration:underline; }
.h_search .b_area .autocomplete { position:absolute; top:0; right:20px; }
.h_search .b_area .autocomplete .btns { display:inline-block; }
.h_search .b_area .autocomplete .btns a { display:inline-block; color:#919191; margin-left:8px; text-transform:uppercase; }
.h_search .b_area .autocomplete .btns a.on { color:#2db400; font-weight:800; }
.h_search .b_area .autocomplete .btns a:hover { text-decoration:none; }
.h_search .list_recent li { line-height:64px; border-bottom:1px solid #f5f6f8; padding:0 60px 0 20px; font-size:13px; color:#1c1d35; }
.h_search .list_recent li .word { display:block; color:#1c1d35; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.h_search .list_recent li .word:hover { text-decoration:none; }
.h_search .list_recent li .bt_delete { position:absolute; top:50%; right:20px; width:16px; height:16px; margin-top:-6px; background:url(../images/ic-24-cancel.png); background-size:100% 100%; text-indent:-9999px; opacity:0.3; -webkit-opacity:0.3; }
.h_search .list_auto li { border-bottom:1px solid #f5f6f8; padding:10px 20px; }
.h_search .list_auto li .word { display:block; line-height:24px; font-size:13px; color:#1c1d35; }
.h_search .list_auto li .word:hover { text-decoration:none; }
.h_search .list_auto li .word b { color:#2db400; }
.h_search .list_auto li .cate { display:block; line-height:20px; /*font-size:11px;*/ color:#919191; }
.h_noti { right:212px; }
.h_noti .list_box { max-height:622px; }
.h_noti .list_noti li { padding:16px 70px 16px 72px; min-height:40px; border-bottom:1px solid #f5f6f8; font-size:12px; line-height:20px; color:#000; }
.h_noti .list_noti li b { color:#2db400; }
.h_noti .list_noti li .ic { position:absolute; top:50%; left:16px; width:40px; height:40px; margin-top:-20px; border-radius:100%; overflow:hidden; }
.h_noti .list_noti li .ic img { width:100%; }
.h_noti .list_noti li .time { position:absolute; top:50%; right:16px; margin-top:-10px; /*font-size:11px;*/ color:#919191; line-height:20px; }

#footer { background:#f5f6f8; padding:40px 0 140px; /*font-size:11px;*/ line-height:18px; text-align:center;margin-bottom:-50px; }
#footer i { margin:0 6px; }
#footer .app_btns { margin-bottom:0px; }
#footer .app_btns a { margin:0px; }
#footer .f_btns { font-weight:700; margin-bottom:4px; }
#footer .f_btns p { margin-bottom:10px; }
#footer .info h2 { /*font-size:11px;*/ color:#000; font-weight:700; margin-bottom:8px; }
#footer .info .copyright { padding-top:16px; font-size:10px; letter-spacing:0.5px; text-transform:uppercase; }
#footer .bt_txt { text-decoration:underline; }

/* main */
#main_contents .wrap { width:1120px; margin:0 auto; padding:20px 0 50px; }
.m_slider_area { height:260px; margin-bottom:20px; }
.m_slider_area .slider { position:absolute; top:0; bottom:0; }
.m_slider_area .slider.s01 { left:0; width:600px; background:#080708; }
.m_slider_area .slider.s02 { left:600px; width:520px; background:#007fa0; }
/*.m_slider_area .slider.s03 { right:0; width:240px; background:#ff89a2; }*/
.m_slider_area .slider .swiper-slide { line-height:260px; text-align:center; color:#fff; }
.m_slider_area .swiper-pagination { top:auto; bottom:20px; left:40px; text-align:left; }
.m_slider_area .swiper-pagination-bullet { background:#fff; opacity:0.5; margin:0 6px 0 0; border-radius:4px; }
.m_slider_area .swiper-pagination-bullet-active { width:24px; background:#fff; opacity:1; }
.m_video_area { height:240px; margin-bottom:30px; }
.m_video_area .m_video { position:absolute; top:0; left:0; width:486px; height:240px; background:#000; }
.m_video_area .m_video .bt_view_video { position:absolute; top:50%; left:50%; width:96px; line-height:48px; margin:-24px 0 0 -48px; border-radius:28px; background:rgba(255,255,255,0.5); font-size:15px; color:#fff; font-weight:700; text-align:center; }
.m_video_area .s_video { position:absolute; top:0; right:0; width:842px; }
.m_video_area .s_video .video_list { margin:0 !important; }
.m_video_area .s_video .video_list li { width:270px !important; margin:0 0 0 10px !important; }

.video_list { margin:0 -10px; }
.video_list:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.video_list li { float:left; width:calc(20% - 20px); margin:0 10px 36px; }
.video_list li .ph { height:122px; margin-bottom:1px;  }
.video_list li .ph a { display:block; height:122px; }
.video_list li .tx .tit { display:block; font-size:13px; line-height:24px;  font-weight:600; margin:5px 60px 4px 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.video_list li .tx .tit1 { display:block; font-size:13px; line-height:24px;  font-weight:600; margin:5px 60px 4px 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#fff;}
.video_list li .tx .cate { position:absolute; top:0; right:0; color:#fff; font-size:11px !imptant ; line-height:16px; font-weight:500; background:#333b54;padding:3px 5px 2px;border-radius:3px;}
.video_list li .tx .exp { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; font-size:12px; line-height:17px; height:32px; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:10px; }
.video_list li .tx .count { font-size:10px; line-height:20px; }

.heapBox { clear:both; vertical-align: middle; display:inline-block; *zoom:1; *display:inline; }
.heapBox a,
.heapBox a:hover { text-decoration:none; }
.heapBox * { margin:0; padding:0; transition:none; -webkit-transition:none; }
.heapBox .holder, .heapBox .handler { position:relative; }
.heapBox .heap { position:absolute; overflow:hidden; display:none;  }
.heapBox .heap a { display:block; }
.heapBox .heap .heapOptions { display:block; }
.heapBox .heap .heapOptions .heapOption { position:relative; display:block; }
.heapBox.m_sel { position:absolute; top:0; left:56px; width:120px; height:56px; }
.heapBox.m_sel .holder { display:block; line-height:56px; background:none; padding-left:16px; font-size:15px; color:#fff; font-weight:700; letter-spacing:-0.5px; }
.heapBox.m_sel .heap { top:100%; left:-40px; right:-4px; z-index:9999; background:#fff; border:4px solid #805be9; }
.heapBox.m_sel .heap a { color:#000; font-size:13px; font-weight:700; padding:5px 30px; line-height:30px; }
.heapBox.m_sel .selected { background:#805be9; color:#fff !important; }
.heapBox.m_sel .handler { position:absolute; top:0; right:0; bottom:0; width:24px; background:url(../images/ic-24-arrowpicker.png) no-repeat 0 16px; }

.m_search_wrap { margin-bottom:10px; }
.m_search { height:56px; border:3px solid #805be9; }
.m_search .bt_search { position:absolute; top:4px; left:4px; width:48px; height:48px; background:url(../images/ic-search.png); text-indent:-9999px; }
.m_search input[type=text] { position:absolute; top:0; left:180px; padding:0 10px; width:880px; height:56px; border:0; font-size:15px; font-weight:700; outline:0; }
.m_search .bt_filter_box { position:absolute; top:4px; right:4px; padding-right:48px; line-height:48px; font-weight:700; background:url(../images/ic-filter.png) no-repeat right 0; }

.filter_box { border-radius:3px; overflow:hidden; margin-top:10px; }
.filter_box:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.filter_box .bt_option_onoff { position:absolute; top:8px; right:8px; width:48px; height:24px; background:url(../images/toggle-on.png); text-indent:-9999px; z-index:1; }
.filter_box .bt_option_onoff.off { background:url(../images/toggle-off.png);  }
.filter_box dl { float:left; width:20%; }
.filter_box dl dt { line-height:40px; padding-left:16px; background:#262e46; /*font-size:11px;*/ color:#fff; }
.filter_box dl dd { height:260px; border:1px solid #f5f6f8; border-width:0 0 1px 1px; }
.filter_box dl:last-child dd { border-right:1px solid #f5f6f8; }
.filter_box dl dd li { line-height:39px; padding-left:8px; border-bottom:1px solid #f5f6f8; /*font-size:11px;*/ color:#000; }
.filter_box dl dd li li { padding-left:8px; }
.filter_box dl.w19 { width:19%; }
.filter_box dl.w21 { width:21%; }
.filter_box dl.w23 { width:23%; }
.filter_box dl.w25 { width:25%; }
.filter_box dl.w26 { width:26%; }
.filter_box dl.w27 { width:27%; }
.filter_box dl.w34 { width:34%; }
.filter_box dl.w41 { width:41%; }
.filter_box dl.w59 { width:59%; }
.filter_box dl.w77 { width:77%; }
.filter_box dl.w100 { width:100%; }
.filter_box dl dd .h_sub>li { padding:0; border-bottom:0; }
.filter_box dl dd .h_sub>li span { display:block; border-bottom:1px solid #f5f6f8; padding-left:14px; font-weight:700; cursor:pointer; }
.filter_box dl dd .h_sub>li span:after { content:''; position:absolute; top:8px; right:28px; width:24px; height:24px; background-image:url(../images/ic-24-collapsed.png); }
.filter_box dl dd .h_sub>li.on span:after { background-image:url(../images/ic-24-expands.png);}
.filter_box dl dd .h_sub>li ul { display:none; border-bottom:1px solid #f5f6f8; }
.filter_box dl dd .h_sub>li.on ul { display:block; }
.filter_box dl dd .h_sub>li ul li:last-child { border-bottom:0; }

.check input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.check input[type="checkbox"] + label:before { content:''; display:inline-block; width:24px; height:24px; line-height:24px; margin:-1px 3px 0 0; text-align:center; vertical-align:middle; background-image:url(../images/ic-24-checkbox-off.png); }
.check input[type="checkbox"]:checked + label:before { background-image:url(../images/ic-24-checkbox-on.png); }
.check input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.check input[type="radio"] + label:before { content:''; display:inline-block; width:24px; height:24px; line-height:24px; margin:-1px 3px 0 0; text-align:center; vertical-align:middle; background-image:url(../images/ic-24-radio-off.png); }
.check input[type="radio"]:checked + label:before { background-image:url(../images/ic-24-radio-on.png); }
.check input[type="radio"]:disabled + label { color:rgba(0,0,0,0.2); }
.check input[type="radio"]:disabled + label:before { background-image:url(../images/ic-24-radio-off.png); opacity:0.3; -webkit-opacity:0.3; }

.m_unit h2 { font-size:14px; color:#000; font-weight:700; line-height:24px; margin-bottom:12px;color:#2db400;  }
.m_unit .bt_view_more { position:absolute; top:0; right:0; /*font-size:11px;*/ line-height:24px; font-weight:700; }
.m_unit .video_list li { margin-bottom:28px; }


/* popup */
html.on { height:100%; overflow:hidden; }
.pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; transition:none; -webkit- transition:none; background:rgba(0,0,0,0.3); z-index:99; display:none; }
.pu { position:fixed; top:50%; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); transition:none; -webkit- transition:none; margin-top:-10%; border-radius:2px; background:#fff; z-index:9999; box-shadow:0 8px 16px rgba(0, 0, 0, 0.2); display:none; }
.w440 { width:440px; }
.w560 { width:560px; margin-top:-300px; }
.w720 { width:720px; margin-top:-245px; }
.w960 { width:960px; margin-top:-330px;/*margin-top:-15%;*/ }
.w1140 { width:1140px; }

.pu_ev_guide h3 { padding:20px 30px; font-family: 'NanumSquare'; font-size:15px; line-height:24px; color:#000; font-weight:700; border-bottom:1px solid #e4e7ea; }
.pu_ev_guide .con { padding:22px 30px 30px; font-size:12px; line-height:20px; }
.pu_ev_guide .con .btns { margin:0 -5px; }
.pu_ev_result { padding:50px 0; text-align:center; }
.pu_ev_result .part { font-size:17px; line-height:24px; color:#000; font-weight:700; margin-bottom:4px; }
.pu_ev_result .g_tx { font-size:13px; line-height:24px; margin-bottom:20px; }
.pu_ev_result .score { font-family: 'NanumSquare'; font-size:48px; color:#2db400; margin-bottom:20px; }
.pu_ev_result .btns { text-align:center; margin-bottom:10px; }
.pu_ev_result .bt_view_rt { display:inline-block; width:90px; line-height:32px; border:2px solid #262e46; border-radius:30px; font-size:13px; color:#1c1d35; font-weight:700; }
.pu_ev_result .b_guide { /*font-size:11px;*/ line-height:16px; }

.pu_g_st h3 { line-height:64px; padding:0 20px; font-family: 'NanumSquare'; font-size:17px; color:#000; font-weight:700; box-shadow:0 4px 16px rgba(0, 0, 0, 0.04); }
.pu_g_st h3.fc_green { color:#2db400; }
.pu_g_st .bt_close { position:absolute; top:20px; right:20px; padding-right:28px; line-height:24px; font-size:10px; font-weight:700; background:url(../images/ic-24-close.png) no-repeat right 0; }
.pu_g_st .bt_close:hover { text-decoration:none; }
.pu_g_st .con { padding:20px 40px 40px; }
.pu_g_st .con .t_guide { margin-bottom:20px; line-height:20px; }
.pu_g_st .con .pb_btns { text-align:center; margin:0 -5px; }
.pu_g_st .con .pb_btns .l_btns { position:absolute; top:0; left:0; }

.pu_st_study_make .t_option input { position:absolute; top:0; right:0; width:620px; height:36px; border:1px solid #e4e7ea; background:#f5f6f8; border-radius:4px; padding:0 16px; color:#000; }

.pu_board_write input[type=text] { width:100%; height:36px; border:1px solid #e4e7ea; background:#f5f6f8; padding:0 16px; margin-bottom:10px; }
.pu_board_write textarea { width:100%; height:340px; border:1px solid #e4e7ea; background:#f5f6f8; padding:10px 16px; margin-bottom:10px; }
.pu_board_write .file_add { margin-bottom:16px; }
.pu_board_write .pb_btns { text-align:right !important; }

.pu_member { width:300px; padding:80px 40px 60px; }
.pu_member.pu_login { margin-top:-320px;}
.pu_member .logo { text-align:center; margin-bottom:38px; }
.pu_member dl { border-bottom:2px solid #e4e7ea; padding-bottom:2px; margin-bottom:20px; }
.pu_member dl.mb13 { margin-bottom:13px; }
.pu_member dl dt { /*font-size:11px;*/ line-height:20px; color:#919191; }
.pu_member dl dd { padding:8px 0; font-size:14px; color:#000; line-height:24px; }
.pu_member dl dd input[type=text],
.pu_member dl dd input[type=password] { width:100%; height:24px; border:0; font-size:14px; color:#000; outline:0; }
.pu_member dl.wrong { border-bottom:2px solid #ef0021; }
.pu_member dl.wrong dt { color:#ef0021; font-weight:700; }
.pu_member .remember { text-align:right; /*font-size:11px;*/ margin-bottom:23px; }
.pu_member .bt_block { display:block; line-height:48px; border-radius:4px; background:#262e46; font-size:13px; color:#fff; font-weight:700; text-align:center; margin-bottom:10px; }
.pu_member .b_btns { margin-bottom:36px; }
.pu_member .b_btns .bt_join { position:absolute; top:0; right:0; }
.pu_member .sns { text-align:center; /*font-size:11px;*/ }
.pu_member .sns h3 { font-weight:normal; margin-bottom:24px; }
.pu_member .sns li { display:inline-block; margin:0 14px;}
.pu_member .sns li a { display:block; width:48px; height:48px; border-radius:100%; text-indent:-9999px; background-position:center 12px; background-repeat:no-repeat; }
.pu_member .sns li.s01 a { background-color:#577acd; background-image:url(../images/ic-24-sns-fb.png); }
.pu_member .sns li.s02 a { background-color:#09a13d; background-image:url(../images/ic-24-sns-naver-w.png); }
.pu_member .sns li.s03 a { background-color:#fee74a; background-image:url(../images/ic-24-sns-kakao.png); }
.pu_member .form_guide { /*font-size:11px;*/ line-height:18px; color:#919191; font-weight:700; margin-bottom:20px; }
.pu_member .form_guide .time { position:absolute; top:0; right:0; color:#000; display:none; }
.pu_member .form_guide .time.on { display:block; }
.pu_member .j_agree { /*font-size:11px;*/ line-height:18px; color:#919191; font-weight:700; margin-bottom:24px; text-align:center; }
.pu_member .j_agree a { text-decoration:underline; }
.pu_member .bt_g_tx { position:absolute; bottom:2px; right:0; line-height:30px; padding:0 12px; border:1px solid #dbdbdb; border-radius:2px; background:#f5f6f8; /*font-size:11px;*/ color:#000; font-weight:700; text-align:center; }
.pu_member.pu_join .logo { margin-bottom:16px; }
.pu_member.pu_join .t_guide { /*font-size:11px;*/ line-height:18px; font-weight:700; text-align:center; margin-bottom:40px; }
.pu_member.pu_join .bt_block { margin-bottom:24px; }
.pu_member.pu_join .b_btns { text-align:center; /*font-size:11px;*/ color:#000; font-weight:700; margin-bottom:36px; }
.pu_member.pu_join .b_btns .bt_login { font-weight:800; margin-left:8px; }
.login-error { padding: 15px; color:#f53f3f; text-align: center;}
.error { color:#f53f3f; }
.able { color: #2db400}

.pu_over_container { position:fixed; top:0; left:0; right:0; bottom:0; padding:80px; overflow:hidden; overflow:auto; z-index:999; display:none; }
.pu_over_container.on { display:block; }
.pu_over_container .bg { position:absolute; top:0; left:0; right:0; bottom:0; }
.pu_over_container .pu { position:relative; top:auto; left:auto; transform:none; -webkit-transform:none; margin:0 auto; display:block; }

.pu_evaluation { margin-top:-400px; }
.pu_evaluation h3 { line-height:64px; padding:0 60px; font-size:15px; color:#000; font-weight:700; box-shadow:0 4px 16px rgba(0, 0, 0, 0.04); }
.pu_evaluation h3:before { content:''; position:absolute; top:20px; left:20px; width:24px; height:24px; background:url(../images/ic-24-paper.png); }
.pu_evaluation .time { position:absolute; top:0; left:50%; width:100px; margin-left:-50px; padding-top:8px; /*font-size:11px;*/ color:#000; line-height:18px; font-weight:700; text-align:center; }
.pu_evaluation .time span { font-family: 'NanumSquare'; font-size:23px; line-height:32px; color:#ff0000; }
.pu_evaluation .bt_close { position:absolute; top:20px; right:20px; padding-right:28px; line-height:24px; font-size:10px; font-weight:700; background:url(../images/ic-24-close.png) no-repeat right 0; }
.pu_evaluation .bt_close:hover { text-decoration:none; }
.pu_evaluation .con { padding:10px 20px; background:#f5f6f8; }
.pu_evaluation .con h4 { line-height:40px; padding:0 16px; background:#1c1d35; font-size:13px; color:#fff; font-weight:400; }
.pu_evaluation .con .sheet { position:absolute; top:0; left:0; right:0; bottom:0; background:#fff; border:1px solid #dbdbdb; }
.pu_evaluation .con .q_area { width:812px; height:650px; border-radius:2px; overflow:hidden; }
.pu_evaluation .con .q_area dl { background:#fff; }
.pu_evaluation .con .q_area dl dt { line-height:39px; padding:0 20px; border-bottom:1px solid #dbdbdb; box-shadow:0 2px 4px rgba(0, 0, 0, 0.04); font-size:13px; color:#000; }
.pu_evaluation .con .q_area dl dt i { margin-right:4px; }
.pu_evaluation .con .q_area dl dt i img { vertical-align:middle; margin-top:-3px; }
.pu_evaluation .con .q_area dl dd { padding:20px 36px 20px 20px; border-bottom:1px solid #dbdbdb; }
.pu_evaluation .con .q_area dl:last-child dd { border-bottom:0; }
.pu_evaluation .con .a_area { position:absolute; top:10px; right:20px; width:272px; height:652px; border-radius:2px; overflow:hidden; }
.pu_evaluation .con .a_area .sheet { top:40px; border:1px solid #e4e7ea; border-top:0; }
.pu_evaluation .con .a_area dl { border-bottom:1px solid #e4e7ea; min-height:55px; line-height:55px; padding-right:16px; }
.pu_evaluation .con .a_area dl:before { content:''; position:absolute; top:0; left:0; bottom:0; width:44px; background:#f5f6f8; }
.pu_evaluation .con .a_area dl:last-child { border-bottom:0; }
.pu_evaluation .con .a_area dl dt { position:absolute; top:50%; left:0; width:44px; margin-top:-12px; font-size:13px; line-height:24px; color:#000; text-align:center; }
.pu_evaluation .con .a_area dl dd { margin-left:44px; }
.pu_evaluation .con .a_area dl dd ul { padding:16px 4px 16px 8px; }
.pu_evaluation .con .a_area dl dd ul:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.pu_evaluation .con .a_area dl dd ul li { float:left; width:20%; }
.pu_evaluation .con .a_area dl dd ul li a { display:block; width:22px; height:22px; border:1px solid #afafaf; border-radius:100%; color:#afafaf; line-height:22px; font-weight:800; text-align:center; margin:0 auto; }
.pu_evaluation .con .a_area dl dd ul li a:hover { text-decoration:none; }
.pu_evaluation .con .a_area dl dd ul li.on a { border-color:#000; background:#000; color:#fff; }
.pu_evaluation .con .a_area dl dd ul li.my a { border-color:#f00a2a; background:#fde5e8; color:#f00a2a; }
.pu_evaluation .con .a_area dl dd ul li.ex a { border-color:#0e3cff; background:#e5eaff; color:#0e3cff; }
.pu_evaluation .con .a_area dl dd.saq { padding:14px 16px; }
.pu_evaluation .con .a_area dl dd.saq .box { border:1px solid #dbdbdb; border-radius:2px; height:26px; padding-right:44px; }
.pu_evaluation .con .a_area dl dd.saq .box input { width:100%; height:26px; padding:0 8px; border:0; }
.pu_evaluation .con .a_area dl dd.saq .box a { position:absolute; top:0; right:0; bottom:0; line-height:26px; width:43px; border-left:1px solid #dbdbdb; /*font-size:11px;*/ color:#000; text-align:center; box-shadow:0 2px 4px rgba(0, 0, 0, 0.04); }
.pu_evaluation .con .a_area dl dd.saq_rt { padding:10px 14px 6px; }
.pu_evaluation .con .a_area dl dd.saq_rt p { font-size:13px; line-height:20px; font-weight:700; margin-bottom:4px; }
.pu_evaluation .con .a_area dl dd.saq_rt p.my { color:#ef0021; }
.pu_evaluation .con .a_area dl dd.saq_rt p.ex { color:#0031ff; }
.pu_evaluation .btns { padding:14px 20px; text-align:right; }
.pu_evaluation .btns a { margin:0 0 0 10px; }
.pu_evaluation .btns .bt_submit { width:244px; }
.pu_evaluation .view_video { padding:10px 20px; margin-top:10px; }
.pu_evaluation .view_video li { padding-left:32px; font-size:13px; line-height:24px; color:#000; font-weight:700; margin-bottom:10px; }
.pu_evaluation .view_video li:before { content:''; position:absolute; top:0; left:0; width:24px; height:24px; }
.pu_evaluation .view_video li.v01:before { background-image:url(../images/ic-24-video-lecture.png); }
.pu_evaluation .view_video li.v02:before { background-image:url(../images/ic-24-video-related.png); }
.pu_evaluation .view_video li .bt_view_video { display:inline-block; border:2px solid #248f00; border-radius:12px; padding:0 8px; font-size:10px; color:#248f00; font-weight:800; line-height:20px; margin-left:8px; }
.pu_evaluation .view_video li .bt_view_video i { margin-left:5px; }
.pu_evaluation .view_video li .bt_view_video:hover { text-decoration:none; }

.pu_evaluation .score { position:absolute; top:0; right:16px; font-size:15px; color:#fff; font-weight:800; line-height:40px; }

.pu_evaluation.full { position:fixed; top:0; left:0; bottom:0; right:0; background:#f5f6f8; margin:0; padding-bottom:20px; overflow:auto; }
.pu_evaluation.full .btns { padding:20px 0; width:1180px; margin:0 auto; }
.pu_evaluation.full .btns .bt_submit { width:auto; }
.pu_evaluation.full .pe_contents { width:1180px; background:#fff; margin:0 auto; padding-top:88px; }
.pu_evaluation.full .pe_contents h3 { position:absolute; top:0; left:0; right:0; background:#fff; line-height:87px; padding:0 30px; font-size:21px; border-bottom:1px solid #e4e7ea; }
.pu_evaluation.full .pe_contents h3.sticky { position:fixed; }
.pu_evaluation.full .pe_contents h3:before { display:none; }
.pu_evaluation.full .pe_contents .time { position:absolute; left:auto; right:30px; margin:0; width:200px; text-align:right; font-size:13px; line-height:87px; padding:0; }
.pu_evaluation.full .pe_contents .time.sticky { position:fixed; }
.pu_evaluation.full .pe_contents .time span { display:inline-block; font-size:27px; vertical-align:middle; margin:-3px 0 0 10px; }
.pu_evaluation.full .con { padding:20px 30px; background:#fff; }
.pu_evaluation.full .con .q_area { height:auto; }
.pu_evaluation.full .con .a_area { top:20px; right:30px; height:auto; overflow:visible; }
.pu_evaluation.full .con .sheet { position:relative; top:auto; left:auto; right:auto; bottom:auto; border-top:0; max-height:1140px; }
.pu_evaluation.full .score { right:30px; font-size:13px; color:#000; line-height:87px; }
.pu_evaluation.full .score b { font-family:'NanumSquare'; font-size:27px; color:#ef0021; vertical-align:middle; margin:0 4px 0 0; }

.pu_pod_process .con { padding:20px 30px; min-height:356px; }
.pu_pod_process .con h4 { font-size:15px; line-height:24px; color:#000; font-weight:700; margin-bottom:10px; }
.pu_pod_process .con .total_price { border:1px solid #e4e7ea; border-width:1px 0; line-height:62px; }
.pu_pod_process .con .total_price dt { position:absolute; top:0; left:0; font-size:15px; color:#000; font-weight:700; }
.pu_pod_process .con .total_price dd { text-align:right; font-size:13px; color:#7f7f7f; }
.pu_pod_process .con .total_price dd b { font-size:19px; color:#ef0021; font-weight:700; margin-left:20px; }
.pu_pod_process .con .b_option { position:absolute; top:20px; right:30px; color:#000; line-height:24px; }
.pu_pod_process .con .b_option span { margin-left:15px; }
.pu_pod_process .con .dv_option { margin-bottom:6px; }
.pu_pod_process .con .dv_option select { margin-left:20px; }
.pu_pod_process .b_area {  padding:14px 30px; line-height:36px; min-height:36px; box-shadow:0 -2px 16px rgba(0, 0, 0, 0.04); }
.pu_pod_process .sum_price { color:#000; }
.pu_pod_process .sum_price dt { position:absolute; top:0; left:0; font-size:13px; }
.pu_pod_process .sum_price dd { text-align:right; font-size:15px; font-weight:700; }
.pu_pod_process .select_sum_price { color:#000; }
.pu_pod_process .select_sum_price dt { position:absolute; top:0; left:0; font-size:13px; font-weight:700; }
.pu_pod_process .select_sum_price dd { text-align:right; line-height:24px; padding:6px 0; }
.pu_pod_process .select_sum_price dd li { display:inline-block; padding:0 20px; margin:0 0 0 -2px; border-right:2px solid #f5f6f7; color:#7f7f7f; }
.pu_pod_process .select_sum_price dd li b { font-size:14px; margin-left:8px; color:#000; }
.pu_pod_process .select_sum_price dd li:last-child { padding-right:0; border:0; }
.pu_pod_process .statistics { border-top:2px solid #000; }
.pu_pod_process .statistics dl { border-bottom:1px solid #000; }
.pu_pod_process .statistics dl dt { position:absolute; top:10px; left:0; /*font-size:11px;*/ line-height:20px; color:#000; font-weight:700; }
.pu_pod_process .statistics dl dt span { display:block; color:#7f7f7f; font-size:10px; font-weight:400; }
.pu_pod_process .statistics dl dd { height:120px; margin-left:90px; }

.tb_pp_data { width:100%; text-align:left; }
.tb_pp_data th,
.tb_pp_data td { line-height:36px; padding-bottom:4px; }
.tb_pp_data th { font-weight:normal; }
.tb_pp_data td { color:#000; font-weight:700; }
.tb_pp_data td .n_st { margin:0; }
.tb_pp_data td input[type=text] { width:120px; height:36px; padding:0 12px; border:1px solid #dbdbdb; border-radius:4px; }
.bt_dia img { opacity:0.2; -webkit-opacity:0.2; }

.pu_it_member .g_tx { padding:50px 0; text-align:center; font-size:16px; line-height:150%; }
.pu_it_member .g_tx em { font-weight:700; color:#2db400; }
.pu_it_member .agree { padding:30px 0; border:1px dashed #ddd; border-width:1px 0; margin-bottom:30px; }
.pu_it_member .agree dt { padding-left:12px; font-size:14px; color:#262e46; font-weight:700; margin-bottom:15px; }
.pu_it_member .agree dt:before { content:''; position:absolute; top:5px; left:0; width:3px; height:3px; background:#262e46; }
.pu_it_member .agree dd { font-size:13px; line-height:200%; padding:20px; background:#fcfcfc; border-radius:10px; }
.pu_it_member .agree dd li a { position:absolute; top:0; right:0; color:#0071b4; text-decoration:underline;  }

.pu_it_member_done .g_tx { padding:70px 0; text-align:center; font-size:16px; font-weight:700; line-height:150%; }
.pu_it_member_done .g_tx em { color:#2db400; }

.pu_up { position:fixed; top:50%; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); transition:none; -webkit- transition:none; border-radius:2px; background:#fff; z-index:9999; box-shadow:0 8px 16px rgba(0, 0, 0, 0.2); display:none; }
.pu_agree .con { font-size:12px; line-height:140%; padding:40px; max-height:400px; }
.pu_agree dl { margin-bottom:15px; }
.pu_agree dl dt { font-weight:700; margin-bottom:10px; }

.pu_member_cf .g_tx { padding:30px 0; text-align:center; font-size:16px; font-weight:700; line-height:150%; }
.pu_member_cf .g_tx em { color:#2db400; }
.pu_member_cf .l_form { padding:0 100px 30px;}
.pu_member_cf dl { border-bottom:2px solid #e4e7ea; padding-bottom:2px; margin-bottom:20px; }
.pu_member_cf dl.mb13 { margin-bottom:13px;}
.pu_member_cf dl dt { display:none; }
.pu_member_cf dl dd { padding:8px 0; font-size:14px; color:#000; line-height:24px; }
.pu_member_cf dl dd input[type=text],
.pu_member_cf dl dd input[type=password] { width:100%; height:24px; border:0; font-size:14px; color:#000; outline:0; }


/* sub common */
#container { padding-bottom:50px; }
#container .wrap { width:1200px; margin:0 auto; }
.g_bg_layout { background:#f5f6f8; }
.g_bg_layout .st_area { padding:30px 20px 20px; font-size:14px; line-height:24px; }
.g_bg_layout .st_area h2 { font-family: 'NanumSquare'; font-size:21px; line-height:36px; color:#000; font-weight:600; margin-bottom:6px; }
.g_bg_layout .st_area .menu { position:absolute; right:20px; bottom:20px; }
.g_bg_layout .st_area .menu li { float:left; }
.g_bg_layout .st_area .menu li a { display:block; font-size:13px; line-height:20px; color:#000; font-weight:700; padding:8px 20px; border-bottom:2px solid transparent; }
.g_bg_layout .st_area .menu li a:hover { text-decoration:none; }
.g_bg_layout .st_area .menu li.on a { border-bottom-color:#2db400; }
.g_bg_layout .contents { padding:30px 40px 40px; margin-top:0px; background:#fff; min-height:450px; }
.g_bg_layout .contents.bg_none { background:none; }






.payment_option .st_area { margin-top:80px; margin-bottom: 30px; padding:30px 20px 20px; font-size:14px; line-height:24px; }
.payment_option .st_area h2 { font-family: 'NanumSquare'; font-size:21px; line-height:36px; color:#000; font-weight:400; margin-bottom:6px; }
.payment_option .st_area .menu { position:absolute; left:calc(50% - 370px); bottom:20px; }
.payment_option .st_area .menu li { float:left; }
.payment_option .st_area .menu li a { display:block; font-size:20px; line-height:20px; color:#000; font-weight:700; padding:8px 20px; margin:0px 20px; border-bottom:4px solid transparent; }
.payment_option .st_area .menu li a:hover { text-decoration:none; }
.payment_option .st_area .menu li.on a { border-bottom-color:#2db400; }

.payment input[type=text] {height: 32px;border: 1px solid #ddd; padding: 0 10px; border-radius: 3px;}
.payment .zipcode { padding: 6px 15px;background: #262e46; border-radius: 5px; color: #fff;font-size: 13px;}

.sub_menu { background:#262e46; font-size:13px; font-weight:500; text-align:center; }
.sub_menu li { display:inline-block; margin:0 -2px; }
.sub_menu li a { display:block; line-height:64px; color:#fff; padding:0 20px; }
.sub_menu li a:hover { text-decoration:none; }
.sub_menu li.on a { font-weight:700; }
.sub_menu li.on a:after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:#36d800; }

.mid_menu { background:#fff; font-size:13px; font-weight:500; text-align:center; }
.mid_menu li { display:inline-block; margin:0 -2px; }
.mid_menu li a { display:block; line-height:35px; color:#5900b3; padding:0 20px; }
.mid_menu li a:hover { text-decoration:none; }
.mid_menu li.on a { font-weight:700; }
.mid_menu li.on a:after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:#36d800; }

.list_t_area { line-height:36px; margin-bottom:10px; }
.list_t_area .sl_search_box { position:absolute; top:0; right:0; }

.list_t_area_ty02 { padding:18px 20px; min-height:36px; background:#fff; border-bottom:1px solid #f5f6f8; }
.list_t_area_ty02 .r_area { position:absolute; top:18px; right:20px; }
.list_t_area_ty02 .r_area.btns { right:15px; }
.list_t_area_ty02 .sl_search_box { position:absolute; top:18px; right:20px; }

.sl_search_box { width:238px; height:34px; border:1px solid #dbdbdb; border-radius:4px; overflow:hidden; }
.sl_search_box input[type=text] { width:100%; height:34px; border:0; padding:0 10px 0 16px; color:#000; vertical-align:top; outline:0; }
.sl_search_box .bt_search { position:absolute; top:5px; left:7px; width:24px; height:24px; background:url(../images/ic-24-search.png); text-indent:-9999px; z-index:1; }

.sl_search_box_blur { width:238px; height:34px; border:1px solid #f8f8f8; border-radius:4px; overflow:hidden; }
.sl_search_box_blur input[type=text] { width:100%; height:34px; border:0; padding:0 10px 0 16px; color:#000; vertical-align:top; outline:0; }
.sl_search_box_blur .bt_search { position:absolute; top:5px; left:7px; width:24px; height:24px; background:url(../images/ic-24-search.png); text-indent:-9999px; z-index:1; }


.pp_menu { font-size:13px; font-weight:500; }
.pp_menu:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.pp_menu li { float:left; }
.pp_menu li a:hover { text-decoration:none; }
.pp_menu li a { float:left; display:block; border:1px solid #dbdbdb; line-height:34px; padding:0 20px; margin-right:-1px; }
.pp_menu>li:first-child>a { border-radius:4px 0 0 4px; }
.pp_menu>li:last-child>a { border-radius:0 4px 4px 0; }
.pp_menu>li.on>a { border-color:#805be9; background:#805be9; color:#fff; }
.pp_menu li ul { float:left; display:none; }
.pp_menu li.on ul { display:block; }
.pp_menu li ul li a { border-color:#5437a6; background:#5437a6; /*font-size:11px;*/ color:#fff; }
.pp_menu.c_align { text-align:center; }
.pp_menu.c_align li { float:none; display:inline-block; margin:0 -1px; vertical-align:top; }
.pp_menu.c_align li a { float:none; }
.pp_menu.pm li a { width:92px;  }

select.n_st { width:120px; height:36px; border:1px solid #e4e7ea; border-radius:4px; padding-left:10px; color:#000; margin-right:7px; box-shadow:0 2px 4px rgba(0,0,0,0.04); }

.tb_data { width:100%; color:#000; text-align:center; margin-bottom:20px; }
.tb_data thead th { padding:10px 16px; background:#1c1d35; line-height:20px; color:#fff; font-weight:700; }
.tb_data thead th a.bt_range { color:#fff; }
.tb_data tbody th { font-weight:700; text-align:left; }
.tb_data tbody th,
.tb_data tbody td { padding:10px 16px; line-height:20px; vertical-align:top; border:1px solid #e4e7ea; }
.tb_data tbody td.nd { color:#afafaf; }
.tb_data tbody td .bt_view { font-weight:700; text-decoration:underline; }
.tb_data tbody td .bt_view.bt_view_ev { color:#2db400; }
.tb_data tbody td .bt_view.dia { opacity:0.5; -webkit-opacity:0.5; text-decoration:none; }
.tb_data tbody td .ev_done { opacity:0.5; -webkit-opacity:0.5; }
.tb_data.cd tbody th { background:#e4e7ea; text-align:center; }

.tb_data02 { width:100%; border-top:2px solid #000; color:#000; text-align:center; }
.tb_data02 thead th { border-bottom:1px solid #000; line-height:38px; /*font-size:11px;*/ font-weight:700; }
.tb_data02 tbody th { color:#494949; font-weight:normal; }
.tb_data02 tbody th,
.tb_data02 tbody td { border-bottom:1px solid #f1f1f6; line-height:20px; padding:9px 0 10px; vertical-align:top; }
.tb_data02 tbody td .tit { display:inline-block; max-width:500px; margin-right:8px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.tb_data02 tbody td i.ic_new { display:inline-block; vertical-align:top; font-size:9px; color:#2aac65; font-weight:700; }
.tb_data02 .fc_red { color:#ef0021;}
.tb_data02 .fc_green { color:#2db400;}
.tb_data02 .fc_blue { color:#0071b4;}
.tb_data02 .fc_grey { color:#7f7f7f;}
.tb_data02 .fc_orange { color:#ef6b00;}
.tb_data02 .fc_bk { color:#000;}

.pagination { text-align:center; line-height:24px; }
.pagination > a { display:inline-block; padding:0 8px; }
.pagination span { padding:0 14px; display:inline-block; color:#000; }
.pagination span a { display:inline-block; margin:0 5px; padding:0 5px; min-width:14px; color:#000; font-weight:normal; border-radius:100%; }
.pagination span a:hover { text-decoration:underline; }
.pagination span a.on { color:#fff; background:#000; text-decoration:none; }
.pagination span em { display:inline-block; width:20px; text-align:center; padding:0 2px; }

.attach { height:34px; border:1px solid #e4e7ea; border-radius:4px; margin-bottom:4px; padding-left:100px; }
.attach input[type="file"] { position:absolute; top:0; left:0; width:100%; height:34px; filter:alpha(opacity=0); opacity:0; cursor:pointer; z-index:1; }
.attach a { position:absolute; top:6px; left:8px; padding-left:28px; background:url(../images/ic-24-file.png) no-repeat 0 0; line-height:24px; color:#000; }
.attach span { display:block; /*font-size:11px;*/ color:#919191; line-height:34px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.attach span.on { color:#000; }

/* sub */
.bt_gb_box { display:inline-block; line-height:36px; border-radius:4px; background:rgba(0, 196, 200, 0.9); font-size:13px; font-weight:700; color:#fff; padding:0 16px 0 12px; margin-left:10px; }
.bt_gb_box:hover { text-decoration:none; }
.bt_gb_box i { display:inline-block; width:24px; height:24px; vertical-align:middle; margin:-2px 4px 0 0; }
.bt_gb_box i.ic_print { background-image:url(../images/ic-24-print-w.png); }
.bt_gb_box i.ic_pod { background-image:url(../images/ic-24-pod-w.png); }

.cd_teacher_nc { position:absolute; bottom:20px; right:20px; padding:4px 10px; }
.cd_teacher_nc .ph { position:absolute; top:4px; left:10px; width:40px; height:40px; background:#ddd; border-radius:100%; overflow:hidden; }
.cd_teacher_nc .ph img { width:100%; }
.cd_teacher_nc .tx { margin-left:48px; min-height:40px; line-height:20px; }
.cd_teacher_nc .tx .name { font-size:13px; color:#1c1d35; }
.cd_teacher_nc .tx .id { /*font-size:11px;*/ }

.unit_list:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.unit_list .unit { float:left; width:calc(33.33333% - 81px); padding:30px 40px 20px; border:1px solid #f5f6f8; border-width:0 1px 1px 0; }
.unit_list .unit h3 { font-family: 'NanumSquare'; font-size:17px; line-height:50px; color:#000; font-weight:700; margin-bottom:23px; }
.unit_list .unit h4 { font-family: 'NanumSquare'; font-size:13px; line-height:40px; color:#404040; font-weight:700; }
.unit_list .unit .s_unit { margin-bottom:20px; }
.unit_list .unit .s_unit .t_btns { position:absolute; top:-40px; right:0; line-height:40px; }
.unit_list .unit .s_unit .t_btns .bt_i { display:inline-block; width:24px; height:24px; vertical-align:middle; margin:-3px 0 0 10px; text-align:left; text-indent:-9999px; }
.unit_list .unit .s_unit .t_btns .bt_i.bt_print { background-image:url(../images/ic-24-print.png); }
.unit_list .unit .s_unit .t_btns .bt_i.bt_pod { background-image:url(../images/ic-24-pod.png); }
.unit_list .unit .s_unit dl { min-height:30px; line-height:42px; border-bottom:1px solid #f5f6f8; height:66px; }
.unit_list .unit .s_unit dl dt { position:absolute; top:0px; left:0;}
.unit_list .unit .s_unit dl dd { text-align:right; margin-left:220px; }
.unit_list .unit .s_unit dl dd .bt_study { position:absolute; top:0; left:0; right:0; bottom:0; text-align:left; text-indent:-9999px; }
.unit_list .unit .s_unit dl dd .tooltip { display:none; position:absolute; top:50%; left:calc(100% + 10px); transform:translateY(-50%); -webkit-transform:translateY(-50%); width:155px; text-align:left; z-index:1; }
.unit_list .unit .s_unit dl dd:hover .tooltip { display:block; }
.unit_list .unit .s_unit .tooltip .tt_box { display:inline-block; border-radius:4px; padding:8px 12px; background:rgba(0, 196, 200, 0.9); box-shadow:0 4px 8px rgba(0, 183, 186, 0.2); font-size:10px; line-height:16px; color:#fff; font-weight:700; min-width:85px; max-width:127px; text-align:left; }
.unit_list .unit .s_unit .tooltip .tt_box:before { content:''; position:absolute; top:50%; right:100%; width:0; height:0; margin-top:-4px; border:5px solid transparent; border-right:5px solid rgba(0, 196, 200, 0.9); }
.unit_list .unit .s_unit dl dd .progress { display:inline-block; width:60px; height:32px; text-align:right; }
.unit_list .unit .s_unit dl dd .progress .bar { position:absolute; top:50%; left:0; width:40px; height:2px; margin-top:-1px; background:#e4e4e4; }
.unit_list .unit .s_unit dl dd .progress .bar span { position:absolute; top:0; bottom:0; left:0; background:#000; }
.unit_list .unit .s_unit dl dd .progress .num { /*font-size:11px;*/ color:#afafaf; font-weight:700; }
.unit_list .unit .s_unit dl dd .bt_re_study img { vertical-align:middle; margin-top:-3px; }
.unit_list .unit .s_unit .wa_count { color:#000; }
.unit_list .unit .s_unit .wa_count i { margin:0 5px; }
.unit_list .unit .s_unit .no_list { padding-top:7px; opacity:0.3; -webkit-opacity:0.3; }
.unit_list .unit .s_unit .bm_count { color:#000; font-weight:700; }

.unit_list .unit .s_unit .study-pop .tooltip { display:none; position:absolute; top:-15px; left:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); max-width:255px; text-align:left; z-index:1; }
.unit_list .unit .s_unit .study-pop .tooltip .tt_box { max-width: 500px; min-width: 100px; background:#805be9; box-shadow:0 4px 8px #d4c5fd;}
.unit_list .unit .s_unit .study-pop .tooltip .tt_box:before { content:''; position:absolute; top:110%; right:50%; width:0; height:0; margin-top:-4px; border:5px solid transparent; border-top:5px solid #805be9; }
.unit_list .unit .s_unit .study-pop:hover .tooltip { display:block; }


.book_list { margin:0 -20px 20px; }
.book_list:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.book_list li { float:left; width:calc(25% - 40px); margin:0 20px; }
.book_list li .ph { height:248px; margin-bottom:10px; overflow:hidden; background:#ddd; }
.book_list li .ph img { width:100%; }
.book_list li .tx { text-align:center; }
.book_list li .tx input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.book_list li .tx input[type="radio"] + label:after { content:''; display:block; width:24px; height:24px; line-height:24px; margin:0 auto; text-align:center; vertical-align:middle; background-image:url(../images/ic-24-radio-off.png); }
.book_list li .tx input[type="radio"]:checked + label:after { background-image:url(../images/ic-24-radio-on.png); }

.tailor_list { margin:0 -8px; }
.tailor_list:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.tailor_unit { float:left; width:calc(25% - 76px); margin:0 8px 10px; padding:30px; background:#fff; }
.tailor_unit h3 { font-size:15px; line-height:24px; color:#805be9; font-weight:700; margin-bottom:20px; }
.tailor_list .tailor_unit h3 { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.tailor_unit .info { margin-bottom:20px; }
.tailor_unit .info dl { line-height:28px; min-height:28px; /*font-size:11px;*/ border-bottom:1px solid #f5f6f8; }
.tailor_unit .info dl:last-child { border-bottom:0; }
.tailor_unit .info dl dt { position:absolute; top:0; left:0; }
.tailor_unit .info dl dd { margin-left:60px; color:#000; font-weight:700; }
.tailor_unit .info dl dd .bt_help { display:inline-block; width:24px; height:24px; background:url(../images/ic-24-help.png); text-indent:-9999px; vertical-align:middle; margin:-3px 0 0 2px; }
.tailor_unit .b_area { font-size:10px; }
.tailor_unit .b_area .date { color:#919191; line-height:20px; }
.tailor_unit .b_area .btns { position:absolute; top:0; right:0; }
.tailor_unit .b_area .btns i { margin:0 5px; }
.tailor_unit .b_area .btns a { display:inline-block; line-height:20px; }

.self_tailor_study_make { position:absolute; bottom:20px; right:20px; }
.self_tailor_study_make .btn { display:block; width:48px; height:48px; background:url(../images/btn-floating.png); border-radius:100%; overflow:hidden; text-indent:-9999px; box-shadow:0 4px 8px rgba(0, 183, 186, 0.2); }
.self_tailor_study_make .tooltip { display:none; position:absolute; top:50%; right:calc(100% + 10px); transform:translateY(-50%); -webkit-transform:translateY(-50%); width:155px; text-align:left; z-index:1; }
.self_tailor_study_make:hover .tooltip { display:block; text-align:right; }
.self_tailor_study_make .tooltip .tt_box { display:inline-block; border-radius:4px; padding:8px 12px; background:rgba(0, 196, 200, 0.9); box-shadow:0 4px 8px rgba(0, 183, 186, 0.2); font-size:10px; line-height:16px; color:#fff; font-weight:700; min-width:85px; max-width:127px; text-align:left; }
.self_tailor_study_make .tooltip .tt_box:before { content:''; position:absolute; top:50%; left:100%; width:0; height:0; margin-top:-4px; border:5px solid transparent; border-left:5px solid rgba(0, 196, 200, 0.9); }

.st_area .bt_go_list { padding-left:10px; font-family: 'NanumSquare'; font-size:21px; line-height:26px; color:#000; }
.st_area .bt_go_list:before { content:''; display:inline-block; width:24px; height:24px; background:url(../images/ic-24-prev.png); vertical-align:middle; margin:-3px 10px 0 0; }

.st_area .menu li .tooltip { display:none; position:absolute; top:-15px; left:-4%; transform:translateY(-50%); -webkit-transform:translateY(-50%); max-width:255px; z-index:1; }
.st_area .menu li .tooltip .tt_box { max-width: 500px; min-width: 100px; border-radius:4px; padding:3px 0px; background:#f68b3e; box-shadow:0 4px 8px #d4c5fd; font-size:12px; color:#fff; font-weight:400; text-align:center;}
.st_area .menu li .tooltip .tt_box:before { content:''; position:absolute; top:110%; right:45%; width:0; height:0; margin-top:-4px; border:5px solid transparent; border-top:5px solid #f68b3e; }
.st_area .menu li:hover .tooltip { display:block; }

.st_study_detail { padding-left:328px; }
.st_study_detail .l_area { position:absolute; top:0; left:0; width:308px; }
.st_study_detail .l_area .tailor_unit { float:none; width:auto; margin:0 0 20px; padding:30px 40px 30px; }
.st_study_detail .l_area .calendar_box { padding:34px 54px; background:#fff; text-align:center; }

.calendar .c_header { line-height:24px; margin-bottom:20px; font-size:13px; }
.calendar .c_header span { font-weight:700; }
.calendar .c_header .bt_arrow { position:absolute; top:0; }
.calendar .c_header .bt_arrow:hover { text-decoration:none; }
.calendar .c_header .bt_arrow.prev { left:0; }
.calendar .c_header .bt_arrow.next { right:0; }

.tb_calendar { width:100%; font-size:9px; color:#000; line-height:16px; }
.tb_calendar thead td { width:calc(100/7%); height:30px; }
.tb_calendar tbody td { width:calc(100/7%); height:30px; }
.tb_calendar tbody td.pd:before { content:''; position:absolute; top:7px; left:0; right:0; height:16px; background:#f1f1f6; }
.tb_calendar tbody td.pd.first:before { border-radius:8px 0 0 8px; }
.tb_calendar tbody td.pd.last:before { border-radius:0 8px 8px 0; }
.tb_calendar tbody td.dia { color:#9f9f9f; }
.tb_calendar tbody td.today em { display:inline-block; background:#2db400; width:16px; height:16px; border-radius:100%; color:#fff; }

.st_study_detail .contents { padding:0 0 20px; min-height:650px; }
.st_study_detail .contents .list_t_area_ty02 { border-bottom:1px solid #e4e7ea; margin-bottom:20px; }

.self_study_detail_list { margin:0 20px; }
.self_study_detail_list li { border:1px solid #e4e7ea; height:80px; margin-bottom:10px; line-height:20px; }
.self_study_detail_list li:last-child { margin-bottom:0; }
.self_study_detail_list li .date { position:absolute; top:0; left:0; bottom:0; width:79px; border-right:1px solid #e4e7ea; padding:20px 30px; letter-spacing:0.5px; }
.self_study_detail_list li .date span { font-size:15px; color:#000; font-weight:700; letter-spacing:0; }
.self_study_detail_list li .unit_info { position:absolute; top:0; left:140px; bottom:0; padding:20px; }
.self_study_detail_list li .unit_info .btns a { display:inline-block; font-size:10px; color:#8c8c8c; }
.self_study_detail_list li .unit_info .btns i { margin:0 10px; color:#afafaf; }
.self_study_detail_list li .progress { position:absolute; top:0; right:40px; bottom:0; padding:20px 0; width:35%; text-align:right; }
.self_study_detail_list li .progress .p_info { display:inline-block; padding-left:48px; height:40px; margin-left:30px; text-align:left; }
.self_study_detail_list li .progress .p_info .progress_bar { position:absolute; top:0; left:0; width:40px; height:40px; background:#ddd; border-radius:100%; }
.self_study_detail_list li .progress .p_info .percent { font-family: 'Noto Sans KR'; font-size:10px; color:#7f7f7f; }
.self_study_detail_list li .progress .p_info .percent span { display:block; font-family:'Nanum Gothic'; font-size:15px; color:#000; font-weight:700; }

.about_service { padding:80px 0; text-align:center; }
.about_service:before { content:''; position:absolute; top:0; left:0; right:0; height:600px; background:#262e46; }
.about_service h2 { font-family: 'NanumSquare'; font-size:41px; line-height:60px; color:#fff; font-weight:400; margin-bottom:30px; }
.about_service h2 b { display:block; font-weight:700; margin-bottom:10px; }
.about_service .ph { margin-bottom:20px; }
.about_service h3 { font-family: 'NanumSquare'; font-size:25px; color:#000; font-weight:700; line-height:40px; margin-bottom:24px; }
.about_service p { font-size:15px; line-height:24px; }
.about_service p.b { color:#000; }

.payment_option { padding:60px 0; text-align:center; }
.payment_option h2 { font-family: 'NanumSquare'; font-size:31px; line-height:48px; color:#000; font-weight:700; margin-bottom:34px; }
.payment_option h2 span { display:block; font-size:19px; line-height:30px; color:#888; padding-top:10px; }
.payment_option h2 span em { font-size:22px; }
.payment_option h2 span .fc_bk { color:#222; }
.payment_option h2 span .fc_green { color:#2db400; }
.payment_option h2 span .fc_pp { color:#603dde; }
.payment_option .s_tit { font-family: 'NanumSquare'; font-weight:700; font-size:22px; color:#fff; line-height:60px; background:#262e46; border-radius:5px; margin:100px 0 15px;
background: -webkit-linear-gradient(45deg, #ef0021 0%,#ef6b00 50%,#ffbc00 100%);
background: linear-gradient(-135deg, #ef0021 0%,#ef6b00 50%,#ffbc00 100%);
}
.payment_option .g_tx { font-size:14px; color:#666; text-align:right; margin-bottom:40px; }

ul.tab_po { margin-bottom:40px; }
ul.tab_po li { display:inline-block; margin:0 -2px; }
ul.tab_po li a { display:block; font-size:13px; line-height:34px; border:1px solid #e4e7ea; padding:0 19px; min-width:100px; }
ul.tab_po li a:hover { text-decoration:none; }
ul.tab_po li.active a { color:#fff; background:#262e46; border-color:#262e46; }
ul.tab_po li:first-child a { border-radius:4px 0 0 4px; }
ul.tab_po li:last-child a { border-radius:0 4px 4px 0; }
.tab_po_content { display:none; }
.tab_po_content.on { display:block; }

.payment_option .under { text-decoration: underline}
.payment_option .promotion { background: #F8FAFB; max-width: 800px; margin: 0 auto; padding: 10px; border-radius: 10px;}
.payment_option .promotion .desc { margin-top:20px}
.payment_option .option { margin:0 -20px; text-align:center; }
.payment_option .option:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.payment_option .option .box { display:inline-block; vertical-align:top; width:calc(25% - 110px); padding:30px 40px; margin:0 10px; border-radius:8px;
    background: -webkit-linear-gradient(bottom, #f0f1f4 0%,#f9fafb 100%);
    background: linear-gradient(to top, #f0f1f4 0%,#f9fafb 100%); }
.payment_option .option .box.b02 {
    background: -webkit-linear-gradient(bottom, #1a9900 0%,#3fcd00 100%);
    background: linear-gradient(to top, #1a9900 0%,#3fcd00 100%); }
.payment_option .option .box.b03 {
    background: -webkit-linear-gradient(bottom, #603dde 0%,#9f77f2 100%);
    background: linear-gradient(to top, #603dde 0%,#9f77f2 100%); }
.payment_option .option .box h3 { font-family: 'NanumSquare'; font-size:30px; line-height:30px; color:#fff; font-weight:800; margin-bottom:20px; }
.payment_option .option .box.b01 h3 { color:#000; }
.payment_option .option .box.b01 label { font-size:18px; line-height:28px; color:rgba(0,0,0,0.5); padding-top:8px; }
.payment_option .option .box h3 span { display:block; font-size:18px; line-height:28px; color:rgba(0,0,0,0.5); padding-top:8px; }
.payment_option .option .box .t_guide { font-size:15px; line-height:24px; color:rgba(0,0,0,0.7); font-weight:700; margin-bottom:20px; }
.payment_option .option .box .price { font-family: 'NanumSquare'; font-size:17px; line-height:40px; color:#fff; margin-bottom:30px; }
.payment_option .option .box.b01 .price { color:#000; }
.payment_option .option .box .price span { display:block; background:rgba(0,0,0,0.1); font-size:33px; padding:8px 0; font-weight:800; border-radius:10px; }
.payment_option .option .box .price .save { font-size:20px; font-weight:700; line-height:20px; color:rgba(255,255,255,0.8); }
.payment_option .option .box .price .save2 { font-size:20px; font-weight:700; line-height:20px; color:#000 }
.payment_option .option .box .bt_start { width:220px; line-height:48px; background:#fff; border-radius:4px; font-size:15px; font-weight:700; box-shadow:0 8px 16px rgba(149, 164, 255, 0.3); margin-bottom:20px; }
.payment_option .option .box.b01 .bt_start { background:#1c1d35; color:#fff; }
.payment_option .option .box.b02 .bt_start { background:#fff; color:#2db400; }
.payment_option .option .box.b03 .bt_start { background:#fff; color:#805be9; }
.payment_option .option .box .detail li { font-size:16px; padding-left:28px; line-height:32px; color:#fff; letter-spacing:-0.5px; text-align:left; }
.payment_option .option .box.b01 .detail li { color:#494949; }
.payment_option .option .box .detail li:before { content:''; position:absolute; top:4px; left:0; width:24px; height:24px; background:url(../images/ic-24-check-w.png); }
.payment_option .option .box.b01 .detail li:before { background:url(../images/ic-24-check-green.png); }

.payment_option .option .box .price_list { background:rgba(0,0,0,0.1); padding:15px 25px; border-radius:20px; margin-bottom:20px; text-align:right; font-size:16px; color:#fff; line-height:280%; }
.payment_option .option .box.b01 .price_list { color:#000; }
.payment_option .option .box .price_list li { padding:0 75px; }
.payment_option .option .box .price_list li span { position:absolute; top:0; left:0; font-weight:700; }
.payment_option .option .box .price_list li .bt_payment { position:absolute; top:50%; right:0; width:65px; font-size:14px; color:#000; font-weight:700; line-height:30px; margin-top:-15px; background:rgba(255,255,255,0.7); border-radius:5px; text-align:center; }
.payment_option .option .box .price_list li .bt_payment:hover { text-decoration:none; background:#fff; }

.payment { padding:60px 0; }
.payment h2 { font-family: 'NanumSquare'; font-size:31px; line-height:48px; color:#000; font-weight:700; margin-bottom:40px; text-align:center; }
.payment h2 span { display:block; font-size:19px; line-height:28px; color:#494949; padding-top:10px; }
.payment .grid h3 { font-size:15px; line-height:20px; color:#805be9; font-weight:700; margin-bottom:10px; }
.payment .grid p { margin-bottom:20px; }
.payment .grid p.fc_l_grey { color:#919191; }
.payment .grid .l_area { margin-right:420px; border:1px solid #e4e7ea; border-radius:3px; padding:40px; }
.payment .grid .r_area { position:absolute; top:0; right:0; width:400px; }
.payment .grid .r_area .box { border:1px solid #e4e7ea; border-radius:3px; padding:40px; margin-bottom:20px; }
.payment .grid .r_area .box.ty02 { padding:0 10px; border:0; }
.payment .b_option ul li { padding-left:32px; line-height:32px; font-size:14px; color:#494949; letter-spacing:-0.5px; text-align:left; }
.payment .b_option ul li:before { content:''; position:absolute; top:4px; left:0; width:24px; height:24px; background:url(../images/ic-24-check-green.png); }
.payment .g_option { padding-bottom:30px; }
.payment .g_option dl { margin-bottom:10px; line-height:36px; }
.payment .g_option dl dt { font-weight:700; }
.payment .g_option dl dd { position:absolute; top:0; right:0; width:70%; text-align:right; }
.payment .g_option dl dd ul { position:absolute; top:0; right:0; }
.payment .g_option dl dd li { float:left; margin-left:-1px; }
.payment .g_option dl dd li input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.payment .g_option dl dd li input[type="radio"] + label { display:block; padding:0 20px; line-height:34px; border:1px solid #e4e7ea; }
.payment .g_option dl dd li input[type="radio"]:checked + label { border-color:#262e46; background:#262e46; color:#fff; }
.payment .g_option dl dd li:first-child input[type="radio"] + label { border-radius:4px 0 0 4px; }
.payment .g_option dl dd li:last-child input[type="radio"] + label { border-radius:0 4px 4px 0; }
.payment .select_period { line-height:36px; }
.payment .select_period select { position:absolute; top:0; right:0; }
.payment .price { padding-top:10px; }
.payment .price .d_line { height:10px; border-bottom:2px solid #dbdbdb; margin-bottom:20px; }
.payment .price .d_line.ty02 { border-bottom:1px solid #f1f1f6; }
.payment .price dl { margin-bottom:10px; line-height:20px; font-weight:700; }
.payment .price dl dt { position:absolute; top:0; left:0; }
.payment .price dl dd { font-size:13px; color:#000; text-align:right; }
.payment .price dl dd span { text-decoration:line-through; font-weight:300; }
.payment .price dl.total dt { font-size:15px; font-weight:700; color:#000; }
.payment .price dl.total dd { font-size:17px; font-weight:700; }
.payment .p_option select { width:100%; margin-bottom:10px; }
.payment .check { font-size:14px; line-height:200%; margin-bottom:15px; }
.payment .check .bt_txt { position:absolute; top:0; right:0; background:#eee; border-radius:5px; padding:0 10px; font-size:13px; }
.payment .bt_next { display:block; line-height:40px; background:#2db400; border-radius:4px; font-family: 'NanumSquare'; font-size:14px; color:#fff; text-align:center; }
.payment .bt_next i { margin-left:5px; }
.tb_data03 { width:100%; color:#000; text-align:center; margin-bottom:50px; font-size:14px; text-align:left; border-top:2px solid #262e46; }
.tb_data03 thead th { background:#262e46; padding:18px 0; color:#fff; font-weight:normal; text-align:center; font-size:16px; }
.tb_data03 tbody th { padding:12px 16px; background:#f5f6f8; border-bottom:1px solid #fff; line-height:20px; color:#000; font-weight:400; }
.tb_data03 tbody td { padding:12px 16px; line-height:20px; vertical-align:top; border:1px solid #e4e7ea; }
.tb_data03 tbody td .cate { display:inline-block; line-height:24px; padding:0 7px; border:1px solid #2db400; border-radius:5px; color:#2db400; margin-right:5px; }
.payment .po_list li { display:inline-block; font-size:14px; margin-right:40px; }
.payment.done { min-height:500px; }
.payment.done .bt_confirm { width:180px; line-height:45px; background:#2db400; border-radius:5px; color:#fff; font-size:16px; }
.board_tit { padding:30px 0 20px; background:#f5f6f8; }
.board_tit h2 { width:1160px; margin:0 auto; font-family: 'NanumSquare'; font-size:21px; color:#000; line-height:36px; }

.board { margin:0 20px; padding-top:18px; }
.board .b_list_t_area { margin-bottom:18px; }
.board .b_list_t_area .count { padding-top:16px; line-height:20px; font-size:13px; }
.board .b_list_t_area .pp_menu { position:absolute; top:0; right:0; }

.tb_board { width:100%; text-align:left; margin-bottom:20px; }
.tb_board thead th { border:2px solid #000; border-width:2px 0; /*font-size:11px;*/ color:#000; font-weight:700; line-height:44px; padding:0 20px; }
.tb_board tbody td { border-bottom:1px solid #e4e7ea; /*font-size:11px;*/ color:#000; line-height:44px; padding:0 20px; vertical-align:top; }
.tb_board tbody td.a_sb { color:#afafaf; }
.tb_board tbody .noti td { background:#f5f6f8; font-weight:700; }
.tb_board tbody tr:last-child td { border-bottom:1px solid #000; }
.tb_board tbody td .tit { display:inline-block; max-width:460px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:top; margin-right:10px; }
.tb_board tbody td i.ic_new { display:inline-block; vertical-align:top; font-size:9px; color:#ef008b; font-weight:700; }

.tb_board.ty02 .date { padding:0; text-align:left; }
.tb_board.ty02 .count { padding:0; text-align:right; }
.tb_board.ty02 .tit { line-height:24px; padding:10px 20px; }
.tb_board.ty02 .tit a { display:inline-block; max-width:840px; vertical-align:top; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

.tb_board.ty02 tr:last-child td { border-bottom:1px solid #e4e7ea; }
.tb_board.ty02 tr.con_tx td { padding:20px; font-size:13px; line-height:24px; background:#f5f6f8; }
.tb_board.ty02 tr.con_tx { display:none; }

.tb_board.ty02 tbody.on .tit a { text-overflow:none; overflow:visible; white-space:normal; }
.tb_board.ty02 tbody.on tr.con_tx { display:table-row; }

.b_b_area { padding:6px 0; min-height:24px; }
.b_b_area .sl_search_box { position:absolute; top:0; left:0; z-index:1; }
.b_b_area .btns { position:absolute; top:0; right:-5px; }
.b_b_area .btns.lb { right:auto; left:-5px; z-index:1; }

.bt_g_st { display:inline-block; line-height:34px; border:1px solid #dbdbdb; border-radius:4px; background:#fff; padding:0 16px; font-size:13px !important; font-weight:700; text-align:center; margin:0 5px; }
.bt_g_st:hover { text-decoration:none; }
.bt_g_st.c_green { border-color:#2db400; background:#2db400; color:#fff; }
.bt_g_st.c_navy { border-color:#262e46; background:#262e46; color:#fff; }
.bt_g_st.c_grey { border-color:#e4e7ea; background:#e4e7ea; }
.bt_g_st.c_purple { border-color:#805be9; background:#805be9; color:#fff; }
.bt_g_st i { display:inline-block; width:24px; height:24px; line-height:24px; vertical-align:middle; margin:-2px 8px 0 -8px; }
.bt_g_st i.chat { background-image:url(../images/ic-24-chat-w.png); }
.bt_g_st i.prev { background-image:url(../images/ic-24-prev.png); }
.bt_g_st i.next { background-image:url(../images/ic-24-next.png); margin:-2px -8px 0 8px; }
.bt_g_st i.send { background-image:url(../images/ic-24-send-w.png); }
.bt_g_st i.tx_arrow { text-align:center; width:auto; margin:-2px 0 0 5px; }

.b_view_t_area { padding:10px 0 30px; }
.b_view_t_area .cate { line-height:20px; color:#805be9; }
.b_view_t_area h3 { font-size:15px; line-height:24px; color:#000; }
.board_view_info { border-top:2px solid #000; border-bottom:1px solid #dbdbdb; padding:14px 0; }
.board_view_info:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.board_view_info dl { float:left; padding-left:20px; border-left:1px solid #e4e7ea; width:220px; line-height:32px; }
.board_view_info dl dt { float:left; margin-right:16px; }
.board_view_info dl dd { color:#000; font-weight:700; }
.board_view_info dl.i01 { border:0; padding:0; width:200px; }
.board_view_info dl.i02 { width:179px; }
.board_view_info dl.i06 { width:118px; }
.board_view_con_tx { padding:20px 0; font-size:13px; line-height:24px; border-bottom:1px solid #e4e7ea; margin-bottom:20px; }
.board_view_con_tx img { max-width:100%; }

.attachment { padding-top:48px; }
.attachment:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.attachment li { float:left; vertical-align:top; margin-right:37px; }
.attachment li .ic { float:left; vertical-align:top; margin-right:16px; }
.attachment li .tx { float:left; vertical-align:top; padding-top:8px; /*font-size:11px;*/ line-height:20px; color:#919191; }
.attachment li .tx a { color:#2db400; text-decoration:underline; }

.list_t_area_ty02 .select_period span { /*font-size:11px;*/ margin-right:16px; }
.list_t_area_ty02 .select_period i { display:inline-block; padding:0 16px; font-weight:700; }

.my_page_e_analysis { padding:30px 40px; }
.my_page_e_analysis h3 { font-size:15px; color:#000; line-height:24px; font-weight:700; margin-bottom:30px; }
.my_page_e_analysis h4 { font-size:12px; color:#000; line-height:20px; font-weight:700; margin-bottom:10px; }
.my_page_e_analysis .grid:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.my_page_e_analysis .grid .box { margin-bottom:40px; }
.my_page_e_analysis .grid .box.w700 { width:700px; }
.my_page_e_analysis .grid .box.w540 { width:540px; }
.my_page_e_analysis .grid .box.w380 { width:380px; }
.my_page_e_analysis .grid .box.w340 { width:340px; }
.my_page_e_analysis .grid .d_line { float:left; width:100%; height:0; }

.eval_graph_data dl { padding:10px 0 8px; border-top:2px solid #000; border-bottom:1px solid #f1f1f6; }
.eval_graph_data:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.eval_graph_data .ir { position:absolute; top:-30px; right:0; }
.eval_graph_data .ir li { float:left; margin-left:20px; /*font-size:11px;*/ }
.eval_graph_data .ir li i { display:inline-block; width:20px; height:10px; vertical-align:middle; margin:-3px 10px 0 0; }
.eval_graph_data .ir li.i01 i { background:#dedede; }
.eval_graph_data .ir li.i02 i { background:#00c2bc; }
.eval_graph_data dl { float:left; width:20%; }
.eval_graph_data dl dt { /*font-size:11px;*/ line-height:20px; }
.eval_graph_data dl dd { font-size:29px; line-height:42px; color:#2db400; }

.my_w_note { padding:20px 40px 30px; }
.my_w_note .wn_list_t_area { padding:10px 16px; line-height:36px; }
.my_w_note .wn_list_t_area span { /*font-size:11px;*/ font-weight:700; }
.my_w_note .wn_list_t_area .r_area { position:absolute; top:10px; right:16px; }
.my_w_note .unit { border:1px solid #f1f1f6; min-height:310px; padding:20px 350px 20px 50px; margin-bottom:10px; }
.my_w_note .unit .cb { position:absolute; top:19px; left:16px; line-height:24px; }
.my_w_note .unit .qu .t_area { line-height:24px; margin-bottom:4px; }
.my_w_note .unit .qu .t_area .num { display:inline-block; font-size:15px; color:#000; font-weight:700; margin-right:16px; }
.my_w_note .unit .qu .t_area .ox { display:inline-block; margin-right:16px; }
.my_w_note .unit .qu .t_area .bt_sq { display:inline-block; line-height:20px; padding:0 8px; border:2px solid #1c1d35; border-radius:12px; font-size:10px; color:#1c1d35; font-weight:800; vertical-align:top; }
.my_w_note .unit .qu .cate { /*font-size:11px;*/ line-height:20px; margin-bottom:20px; }
.my_w_note .unit .qu .c_tx { font-size:13px; line-height:24px; color:#000; }
.my_w_note .unit .bt_bookmark { position:absolute; top:0; right:320px; width:24px; height:24px; text-indent:-9999px; background-image:url(../images/ic-24-bookmark.png); }
.my_w_note .unit .bt_bookmark.on { background-image:url(../images/ic-24-bookmark-on.png); }
.my_w_note .unit .eval { position:absolute; top:0; right:0; bottom:0; width:258px; padding:20px; border-left:1px solid #f1f1f6; color:#000; }
.my_w_note .unit .eval .level { line-height:24px; margin-bottom:4px; }
.my_w_note .unit .eval .level .tx { font-weight:700; margin-right:10px; }
.my_w_note .unit .eval .level .star { color:#2db400; }
.my_w_note .unit .eval dl dt { font-weight:700; margin-bottom:4px; }
.my_w_note .unit .eval dl dd li { line-height:24px; padding-left:32px; }
.my_w_note .unit .eval dl dd li input[type=checkbox] + label:before { position:absolute; top:0; left:-32px; }
.my_w_note .unit .eval dl dd li textarea { width:100%; height:78px; padding:7px 10px; color:#000; border:1px solid #e4e7ea; border-radius:2px; background:#f5f6f8; }
.setting_n_lay { width:600px; margin:0 auto; }
.setting_n_lay .box { padding:30px 40px 20px; background:#fff; margin-bottom:10px; }
.setting_n_lay .box h3 { font-size:15px; color:#000; line-height:24px; font-weight:700; margin-bottom:30px; }
.setting_n_lay .box h3 span { display:block; font-size:12px; color:#afafaf; line-height:20px; font-weight:400; letter-spacing:1px; text-transform:uppercase; }
.setting_n_lay .box .bt_update { position:absolute; top:34px; right:40px; margin:0; }
.setting_n_lay .profile_ph { text-align:center; margin-bottom:20px; font-size:10px; color:#919191; line-height:16px; }
.setting_n_lay .profile_ph .ph { width:80px; height:80px; border-radius:100%; background:#e4e7ea; font-size:19px; color:rgba(175,175,175,0.5); font-weight:800; line-height:80px; text-align:center; margin:0 auto 10px; overflow:hidden; }
.setting_n_lay .profile_ph .ph img { width:100%; }
.setting_n_lay .profile_ph span { display:block; /*font-size:11px;*/ line-height:20px; color:#494949; }
.setting_n_lay dl { border-bottom:2px solid #e4e7ea; padding-bottom:2px; margin-bottom:20px; }
.setting_n_lay dl dt { /*font-size:11px;*/ line-height:20px; color:#919191; }
.setting_n_lay dl dd { padding:8px 0; font-size:14px; color:#000; line-height:24px; }
.setting_n_lay dl dd input[type=text],
.setting_n_lay dl dd input[type=password] { width:100%; height:24px; border:0; font-size:14px; color:#000; outline:0; }
.setting_n_lay dl dd.birthday { margin:0 -10px; }
.setting_n_lay dl dd.birthday:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.setting_n_lay dl dd.birthday span { float:left; width:calc(33.33333% - 20px); margin:0 10px; }
.setting_n_lay .bt_gn_tx { /*font-size:11px;*/ color:#2db400; text-decoration:underline; }
.fs11 { font-size:11px !important; }

.heapBox.s_sel { width:100%; height:20px; }
.heapBox.s_sel .holder { display:block; line-height:20px; background:none; padding-left:0; font-size:15px; color:#000; letter-spacing:-0.5px; }
.heapBox.s_sel .heap { top:calc(100% + 8px); left:0; right:0; z-index:9999; background:#fff; border:1px solid #e4e7ea; }
.heapBox.s_sel .heap ul { max-height:250px; overflow:hidden; overflow-y:auto; }
.heapBox.s_sel .heap a { color:#000; font-size:13px; font-weight:700; padding:0 10px; line-height:30px; }
.heapBox.s_sel .selected { background:#2db400; color:#fff !important; }
.heapBox.s_sel .handler { position:absolute; top:0; right:0; bottom:0; width:24px; background:url(../images/ic-24-arrowpicker.png) no-repeat 0 0; }

.payment_method:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.payment_method .my_plan { float:left; width:calc(50% - 220px); padding:80px 110px 0; min-height:380px; line-height:20px; }
.payment_method .my_plan h3 { font-family: 'NanumSquare'; font-size:31px; line-height:44px; color:#000; text-align:center; margin-bottom:30px; }
.payment_method .my_plan .bt_g_st { display:block; margin:0 0 20px; }
.payment_method .info { float:left; width:calc(50% - 80px); padding:30px 40px 0; }
.payment_method .info h3 { font-size:15px; color:#000; line-height:24px; font-weight:700; margin-bottom:30px; }
.payment_method .info h3 span { display:block; font-size:12px; color:#afafaf; line-height:20px; font-weight:400; letter-spacing:1px; text-transform:uppercase; }
.payment_method .info .bt_update { position:absolute; top:34px; right:40px; margin:0; }
.payment_method .info dl { border-bottom:2px solid #e4e7ea; padding-bottom:2px; margin-bottom:20px; }
.payment_method .info dl dt { /*font-size:11px;*/ line-height:20px; color:#919191; }
.payment_method .info dl dd { padding:8px 0; font-size:14px; color:#000; line-height:24px; }
.payment_method .info dl dd input[type=text],
.payment_method .info dl dd input[type=password] { width:100%; height:24px; border:0; font-size:14px; color:#000; outline:0; }
.payment_method .info .card_info .ph { position:absolute; bottom:8px; left:0; width:40px; height:24px; z-index:1; }
.payment_method .info .card_info .ph img { width:100%; }
.payment_method .info .card_info input { padding:0 50px; }
.payment_method .info .card_info .bt_change { position:absolute; bottom:8px; right:0; font-size:13px; color:#2db400; font-weight:700; }

.payment_method_history { padding:30px 40px; }
.payment_method_history .pmh_t_area { line-height:20px; margin-bottom:20px; }
.payment_method_history .pmh_t_area .bt_print { position:absolute; top:0; right:0; /*font-size:11px;*/ padding-left:28px; }
.payment_method_history .pmh_t_area .bt_print:before { content:''; position:absolute; top:-2px; left:0; width:24px; height:24px; background:url(../images/ic-24-print.png); }
.payment_method_history .tb_data02 { text-align:left; }
.payment_method_history .tb_data02 tbody td { color:#494949; }
.payment_method_history .pmh_btns a { text-decoration:underline; }
.payment_method_history .pmh_btns i { margin:0 10px; font-size:13px; color:#dbdbdb;  }
.payment_method_history .b_guide { /*font-size:11px;*/ line-height:20px; }

.setting_n_lay.etc h3 { margin-bottom:23px; }
.setting_n_lay.etc .c_tx { /*font-size:11px;*/ line-height:20px; margin-bottom:17px; }
.setting_n_lay.etc .bt_gn { /*font-size:11px;*/ line-height:20px; margin-bottom:17px; }
.setting_n_lay.etc .option { margin-bottom:10px; }

.sp_search { height:64px; border-bottom:2px solid #494949; }
.sp_search .bt_search { position:absolute; top:8px; left:0; width:48px; height:48px; background:url(../images/ic-search.png); text-indent:-9999px; }
.sp_search input[type=text] { position:absolute; top:0; left:190px; padding:0 10px; width:920px; height:64px; border:0; font-size:15px; font-weight:700; outline:0; }

.heapBox.sp_sel { position:absolute; top:0; left:62px; width:109px; height:64px; }
.heapBox.sp_sel .holder { display:block; line-height:64px; background:none; padding-left:10px; font-size:15px; color:#000; font-weight:700; letter-spacing:-0.5px; }
.heapBox.sp_sel .heap { top:100%; left:-2px; right:-2px; z-index:9999; background:#fff; border:2px solid #494949; }
.heapBox.sp_sel .heap a { color:#000; font-size:13px; font-weight:700; padding:0 10px; line-height:30px; }
.heapBox.sp_sel .selected { background:#494949; color:#fff !important; }
.heapBox.sp_sel .handler { position:absolute; top:0; right:0; bottom:0; width:24px; background:url(../images/ic-24-arrowpicker.png) no-repeat 0 20px; }

.search_result .rt_t_area { line-height:48px; border-bottom:1px solid #f5f6f8; margin-bottom:20px; }
.search_result .rt_t_area h2 { display:inline-block; font-size:15px; color:#000; font-weight:700; margin-right:11px; vertical-align:middle; }
.search_result .rt_t_area .count { display:inline-block; /*font-size:11px;*/ }
.search_result .rt_t_area .view_type { position:absolute; top:12px; right:0; }
.search_result .rt_t_area .view_type li { float:left; margin-left:16px; }
.search_result .rt_t_area .view_type li a { display:block; width:24px; height:24px; text-indent:-9999px; opacity:0.3; -webkit-opacity:0.3; }
.search_result .rt_t_area .view_type li.on a { opacity:1; -webkit-opacity:1; }
.search_result .rt_t_area .view_type li.ty01 a { background-image:url(../images/ic-24-viewlist.png); }
.search_result .rt_t_area .view_type li.ty02 a { background-image:url(../images/ic-24-viewblock.png); }
.search_result .rt_t_area .range_option { position:absolute; top:12px; right:94px; }
.search_result .rt_t_area .range_option li { float:left; margin-left:24px; }
.search_result .rt_t_area .range_option li a { display:block; line-height:24px; /*font-size:11px;*/ }
.search_result .rt_t_area .range_option li.on a { color:#000; font-weight:800; }
.search_result .sl_t_area { line-height:48px; /*font-size:11px;*/ font-weight:700; }
.search_result .sl_t_area h3 { display:inline-block; font-size:13px; color:#000; margin-right:8px; }
.search_result .sl_t_area .count { display:inline-block; }
.search_result .sl_t_area .bt_view_more { position:absolute; top:0; right:0; }
.search_result .sl_t_area .bt_view_more i { margin-left:5px; }
.search_result .list_ty01:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.search_result .list_ty01 li { float:left; width:calc(50% - 40px); padding:11px 40px 11px 0; }
.search_result .list_ty01 li .ph { position:absolute; top:11px; left:0; width:120px; height:72px; background:#ebebeb; overflow:hidden; }
.search_result .list_ty01 li .ph img { width:100%; }
.search_result .list_ty01 li .tx { margin-left:140px; }
.search_result .list_ty01 li .tx .tit { display:inline-block; font-size:13px; line-height:24px; color:#000; font-weight:700; margin-right:8px; }
.search_result .list_ty01 li .tx .cate { display:inline-block; /*font-size:11px;*/ line-height:24px; color:#279c00; font-weight:700; }
.search_result .list_ty01 li .tx .exp { line-height:20px; padding-top:5px; margin-bottom:4px; }
.search_result .list_ty01 li .tx .count { /*font-size:11px;*/ line-height:20px; }
.search_result .list_ty01 li .tx .count span { margin-right:12px; }
.search_result .list_ty01 li:nth-child(n+7) { display:none; }
.search_result.vm .list_ty01 li:nth-child(n+7) { display:block; }

.search_result .d_line { padding-bottom:20px; border-bottom:1px solid #e4e7ea; margin-bottom:20px; }

.search_result .list_ty02 { margin:0 -10px; }
.search_result .list_ty02:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.search_result .list_ty02 li { float:left; width:calc(20% - 20px); margin:0 10px 20px; height:240px; }
.search_result .list_ty02 li .ph { height:122px; margin-bottom:10px; background:#ebebeb; }
.search_result .list_ty02 li .ph a { display:block; height:122px; }
.search_result .list_ty02 li .tx .tit { display:block; font-size:13px; line-height:24px; color:#000; font-weight:700; margin:0 60px 4px 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.search_result .list_ty02 li .tx .cate { position:absolute; top:0; right:0; color:#279c00; /*font-size:11px;*/ line-height:24px; font-weight:700; }
.search_result .list_ty02 li .tx .exp { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; font-size:12px; line-height:20px; height:40px; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:4px; }
.search_result .list_ty02 li .tx .count { /*font-size:11px;*/ line-height:20px; }
.search_result .list_ty02 li .tx .count span { margin-right:12px; }

.legal_notices { /*font-size:11px;*/ line-height:20px; }
.legal_notices h3 { font-size:15px; color:#000; line-height:24px; font-weight:700; margin-bottom:30px; }
.legal_notices h3 span { display:block; font-size:12px; color:#afafaf; line-height:20px; font-weight:400; letter-spacing:1px; text-transform:uppercase; }

.study_viewer { position:fixed; top:0; left:50%; bottom:0; width:1440px; margin-left:-720px; background:#fff; }
.study_viewer .tit_area { line-height:64px; text-align:center; }
.study_viewer .tit_area h3 { display:inline-block; font-family: 'NanumSquare'; font-size:17px; color:#000; font-weight:700; }
.study_viewer .tit_area .bt_arrow { margin:-5px 14px 0; display:inline-block; width:24px; height:24px; text-indent:-9999px; vertical-align:middle; }
.study_viewer .tit_area .bt_arrow.prev { background-image:url(../images/ic-24-prevchapter.png); }
.study_viewer .tit_area .bt_arrow.next { background-image:url(../images/ic-24-nextchapter.png); }
.study_viewer>.bt_close { position:absolute; top:20px; right:20px; padding-right:28px; line-height:24px; font-size:12px; font-weight:700; background:url(../images/ic-24-close.png) no-repeat right 0; }
.study_viewer>.bt_close:hover { text-decoration:none; }
.study_viewer .sv_con { position:absolute; top:64px; left:0; right:0; bottom:0; }
.study_viewer .sv_con .l_area { position:absolute; top:0; left:0; bottom:0; width:460px; background:#4c4c4c; }
.study_viewer .sv_con .l_area .v_viewer { position:absolute; top:0; left:0; right:0; height:300px; background:#383838; }
.study_viewer .sv_con .l_area .v_list { position:absolute; top:300px; left:0; bottom:0; right:0; }
.study_viewer .sv_con .l_area .v_list li { padding:10px 20px 9px 10px; height:72px; border-bottom:1px solid #515151; }
.study_viewer .sv_con .l_area .v_list li.on { background:#1d1d1d; }
.study_viewer .sv_con .l_area .v_list li .ph { position:absolute; top:10px; left:10px; width:120px; height:72px; overflow:hidden; background:#efefef; }
.study_viewer .sv_con .l_area .v_list li .ph img { width:100%; }
.study_viewer .sv_con .l_area .v_list li .tx { margin-left:140px; padding:5px 0; /*font-size:11px;*/ color:#fff; line-height:18px; }
.study_viewer .sv_con .l_area .v_list li .tx .watching { position:absolute; top:5px; right:0; color:#2db400; padding-left:14px; display:none; }
.study_viewer .sv_con .l_area .v_list li.on .tx .watching { display:block; }
.study_viewer .sv_con .l_area .v_list li .tx .watching:before { content:''; position:absolute; top:5px; left:0; display:inline-block; width:7px; height:7px; border-radius:100%; background:#2db400; }
.study_viewer .sv_con .l_area .v_list li .tx .tit { display:block; color:#fff; font-weight:800; margin:0 60px 6px 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.study_viewer .sv_con .l_area .v_list li .tx .info:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.study_viewer .sv_con .l_area .v_list li .tx .info dl { float:left; width:50%; margin-bottom:2px; }
.study_viewer .sv_con .l_area .v_list li .tx .info dl dt { position:absolute; top:0; left:0; opacity:0.5; -webkit-opacity:0.5; }
.study_viewer .sv_con .l_area .v_list li .tx .info dl dd { margin-left:60px; }
.study_viewer .sv_con .l_area .v_list li .bt_view { position:absolute; top:0; left:0; right:0; bottom:0; text-indent:-9999px; }
.study_viewer .sv_con .r_area { position:absolute; top:0; right:0; bottom:0; width:980px; background:#fff; }
.study_viewer .sv_con .r_area .t_area { padding:10px; background:#f5f6f8; text-align:right; }
.study_viewer .sv_con .r_area .tab_sv { position:absolute; top:10px; left:10px; }
.study_viewer .sv_con .btn_area { position:absolute; bottom:0; left:0; right:0; text-align:center; padding:17px 40px 18px; height:36px; background:#fff; border-top:1px solid #e4e7ea; box-shadow:0 -4px 16px rgba(0, 0, 0, 0.04); }
.study_viewer .sv_con .btn_area .l_btn { position:absolute; top:18px; left:40px; }
.study_viewer .sv_con .btn_area .r_btn { position:absolute; top:18px; right:40px; }
.study_viewer .sv_con .r_area .progress { position:absolute; top:0; left:0; right:0; line-height:59px; height:59px; border-bottom:1px solid #e4e7ea; text-align:center; }
.study_viewer .sv_con .r_area .progress li { display:inline-block; margin:0 3px; width:12px; height:12px; background:#e1e1e1; border-radius:100%; text-indent:-9999px; vertical-align:middle; }
.study_viewer .sv_con .r_area .progress li.done { background-image:url(../images/ic-12-progress-done.png); }
.study_viewer .sv_con .r_area .progress li.on { background:#2db400; margin:0 4px 0 3px; }
.study_viewer .sv_con .r_area .progress li.on:after { content:''; position:absolute; top:-4px; left:-4px; right:-4px; bottom:-4px; border:2px solid #2db400; border-radius:100%; }
.study_viewer .sv_con .r_area .progress li.o { background-image:url(../images/ic-12-progress-correct.png); background-color:#fff; }
.study_viewer .sv_con .r_area .progress li.x { background-image:url(../images/ic-12-progress-incorrect.png); background-color:#fff; }
.study_viewer .sv_con .r_area .c_area { position:absolute; top:60px; left:0; right:0; bottom:72px; overflow:hidden; }
.study_viewer .sv_con .r_area .c_area h4 { position:absolute; top:20px; left:40px; font-size:15px; color:#000; font-weight:700; line-height:24px; z-index:2; }
.study_viewer .sv_con .r_area .c_area h4 span { display:block; /*font-size:11px;*/ color:#afafaf; text-transform:uppercase; letter-spacing:1px; }
.study_viewer .sv_con .r_area .c_area h4 .bt_view_qu { display:inline-block; line-height:20px; padding:0 8px; border:2px solid #1c1d35; border-radius:12px; font-size:10px; color:#1c1d35; font-weight:800; vertical-align:middle; margin-left:10px; }
.study_viewer .sv_con .r_area .c_area h4 .bt_view_qu i { margin-left:5px; }
.study_viewer .sv_con .r_area .c_area .a_confirm { position:absolute; top:10px; left:30px; }
.study_viewer .sv_con .r_area .c_area .a_confirm img { position:absolute; top:0; left:0; }
.study_viewer .sv_con .r_area .c_area .bt_bookmark { position:absolute; top:20px; right:40px; padding-right:30px; line-height:24px; color:#919191; font-weight:700; background-image:url(../images/ic-24-bookmark.png); background-repeat:no-repeat; background-position:right 0; z-index:2; }
.study_viewer .sv_con .r_area .c_area .bt_bookmark:hover { text-decoration:none; }
.study_viewer .sv_con .r_area .c_area .bt_bookmark.on { background-image:url(../images/ic-24-bookmark-on.png); }
.study_viewer .sv_con .r_area .c_area .c_tx { position:absolute; top:0; left:0; right:0; bottom:0; padding:108px 130px 0; font-size:14px; line-height:26px; }
.study_viewer .sv_con .r_area .msg_box { position:absolute; bottom:10px; right:10px; min-width:118px; padding:14px 40px 14px 70px; line-height:24px; background:#fff; box-shadow:0 4px 12px rgba(0, 0, 0, 0.08); transition:none; -webkit-transition:none; }
.study_viewer .sv_con .r_area .msg_box:before { content:''; position:absolute; top:14px; left:14px; width:48px; height:48px; }
.study_viewer .sv_con .r_area .msg_box.re_solve:before { background:url(../images/ic-resolve.png); }
.study_viewer .sv_con .r_area .msg_box.good:before { background:url(../images/ic-awesome.png); }
.study_viewer .sv_con .r_area .msg_box .bt_close { position:absolute; top:10px; right:12px; width:24px; height:24px; background:url(../images/ic-24-cancel.png); text-indent:-9999px; }
.study_viewer .sv_con .r_area .msg_box b { display:block; font-size:15px; color:#000; }
.study_viewer .sv_con .r_area .msg_box .bt_solve { color:#2db400; margin-left:5px; }

.tab_sv { font-size:13px; font-weight:700; background:#fff; }
.tab_sv:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.tab_sv li { float:left; }
.tab_sv li a:hover { text-decoration:none; }
.tab_sv li a { float:left; display:block; border:1px solid #dbdbdb; line-height:34px; padding:0 20px; margin-right:-1px; }
.tab_sv li:first-child>a { border-radius:4px 0 0 4px; }
.tab_sv li:last-child>a { border-radius:0 4px 4px 0; }
.tab_sv li.active a { border-color:#262e46; background:#262e46; color:#fff; }
.tab_sv_content { position:absolute; top:56px; left:0; right:0; bottom:0; display:none; }
.tab_sv_content.concept,
.tab_sv_content.explanation { padding-bottom:72px; }
.tab_sv_content.on { display:block; }

.pu_inquiry { width:620px; padding:20px 30px 40px; }
.pu_inquiry h3 { font-size:15px; line-height:24px; color:#000; margin-bottom:20px; }
.pu_inquiry .bt_close { position:absolute; top:14px; right:26px; width:24px; height:24px; background:url(../images/ic-24-cancel.png); text-indent:-9999px; }
.pu_inquiry .con input[type=text] { width:100%; height:36px; background:#f5f6f8; border:1px solid #e4e7ea; padding:0 16px; font-size:13px; margin-bottom:10px; }
.pu_inquiry .con textarea { width:100%; height:154px; background:#f5f6f8; border:1px solid #e4e7ea; padding:12px 16px; font-size:13px; margin-bottom:10px; }
.pu_inquiry .con .file_add { margin-bottom:20px; }
.pu_inquiry .con .btns { text-align:right; }

.study_viewer .board { position:absolute; top:0; left:0; right:0; bottom:0; padding:20px 20px; }
.study_viewer .b_list_t_area { height:40px; margin-bottom:10px; }
.study_viewer .b_list_t_area .count { padding-top:20px; /*font-size:11px;*/ color:#000; line-height:20px; }
.study_viewer .b_list_t_area .t_menu { position:absolute; top:0; right:0; }
.study_viewer .b_list_t_area .t_menu li { float:left; margin-left:20px; }
.study_viewer .b_list_t_area .t_menu li a { display:block; line-height:38px; font-weight:700; border-bottom:2px solid transparent; }
.study_viewer .b_list_t_area .t_menu li a:hover { text-decoration:none; }
.study_viewer .b_list_t_area .t_menu li.on a { font-weight:800; color:#2db400; border-bottom-color:#2db400; }
.study_viewer .board .tb_data02 tr:last-child td { border-bottom:1px solid #919191; }
.study_viewer .board .tb_data02 thead th { border-bottom:2px solid #000; }
.study_viewer .sv_con.result { background:#f5f6f8; padding-top:10px; }
.study_viewer .sv_con.result .paper { position:absolute; top:10px; left:50%; bottom:72px; width:1200px; margin-left:-600px; background:#fff; }
.study_viewer .sv_con.result .paper h4 { line-height:72px; border-bottom:1px solid #e4e7ea; font-family: 'NanumSquare'; font-size:21px; color:#000; font-weight:700; padding:0 40px; }
.study_viewer .sv_con.result .paper { position:absolute; top:10px; left:50%; bottom:72px; width:1200px; margin-left:-600px; background:#fff; }
.study_viewer .sv_con.result .paper .bt_print { position:absolute; top:24px; right:40px; padding-left:30px; line-height:24px; }
.study_viewer .sv_con.result .paper .bt_print:before { content:''; position:absolute; top:0; left:0; width:24px; height:24px; background:url(../images/ic-24-print.png); }
.study_viewer .sv_con.result .paper .con { position:absolute; top:72px; left:0; right:0; bottom:0; padding:30px; }
.study_viewer .sv_con.result .paper .con h5 { font-size:13px; color:#000; font-weight:700; margin-bottom:10px; }
.study_viewer .sv_con.result .paper .con .box { float:left; width:calc(50% - 20px); margin:0 10px; }
.study_viewer .sv_con.result .paper .con .summery { padding:12px 0; margin-bottom:30px; }
.study_viewer .sv_con.result .paper .con .summery:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.study_viewer .sv_con.result .paper .con .summery dl { float:left; width:25%; }
.study_viewer .sv_con.result .paper .con .summery dl dt { /*font-size:11px;*/ line-height:20px; color:#919191; font-weight:700; margin-bottom:8px; }
.study_viewer .sv_con.result .paper .con .summery dl dd { font-family: 'NanumSquare'; font-size:37px; line-height:40px; color:#2db400; }
.study_viewer .sv_con.result .paper .con .summery dl dd.fc_yellow { color:#b48604; }
.study_viewer .sv_con.result .paper .con .p_note { padding:20px; border:1px solid #e4e7ea; margin-bottom:30px; font-size:13px; line-height:24px; color:#000; }
.study_viewer .sv_con.result .paper .con .reco_unit { height:722px; border:1px solid #e4e7ea; }
.study_viewer .sv_con.result .paper .con .reco_unit li { line-height:20px; border-bottom:1px solid #f5f6f8; padding:13px 150px 14px 40px; }
.study_viewer .sv_con.result .paper .con .reco_unit li:before { content:''; position:absolute; top:12px; left:8px; width:24px; height:24px; background:url(../images/ic-24-book.png); }
.study_viewer .sv_con.result .paper .con .reco_unit li .tit { display:inline-block; max-width:100%; vertical-align:top; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.study_viewer .sv_con.result .paper .con .reco_unit li .progress { position:absolute; top:13px; right:16px; display:inline-block; width:78px; height:20px; line-height:20px; text-align:right; }
.study_viewer .sv_con.result .paper .con .reco_unit li .progress .bar { position:absolute; top:50%; left:0; width:40px; height:2px; margin-top:-1px; background:#e4e4e4; }
.study_viewer .sv_con.result .paper .con .reco_unit li .progress .bar span { position:absolute; top:0; bottom:0; left:0; background:#000; }
.study_viewer .sv_con.result .paper .con .reco_unit li .progress .num { /*font-size:11px;*/ color:#afafaf; font-weight:700; }
.study_viewer .sv_con.result .paper .con .reco_unit li .bt_re_study { position:absolute !important; top:13px; right:16px; }


/* coordi */
.coordi_home { padding:160px 0; text-align:center; }
.coordi_home h1 { margin-bottom:32px; }
.coordi_home h2 { font-family: 'NanumSquare'; font-size:25px; line-height:40px; font-weight:400; margin-bottom:36px; }
.coordi_home h2 span { display:block; font-size:23px; font-weight:300; }
.coordi_home .form { width:300px; margin:0 auto 150px; }
.coordi_home .form dl { border-bottom:2px solid #e4e7ea; padding-bottom:2px; text-align:left; margin-bottom:20px; }
.coordi_home .form dl dt { /*font-size:11px;*/ line-height:20px; color:#919191; }
.coordi_home .form dl dd { padding:8px 0; font-size:14px; color:#000; line-height:24px; }
.coordi_home .form dl dd input[type=text],
.coordi_home .form dl dd input[type=password] { width:100%; height:24px; border:0; font-size:14px; color:#000; outline:0; }
.coordi_home .form .bt_login { display:block; line-height:45px; border-radius:4px; background:#262e46; font-size:13px; color:#fff; font-weight:700; }
.coordi_home .copyright { /*font-size:11px;*/ line-height:24px; color:#919191; letter-spacing:0.5px; }

.coordi { background:#f5f6f8; padding:10px 0; }
.coordi:before { content:''; position:fixed; top:0; left:0; right:0; bottom:0; background:#f5f6f8; }
.coordi .wrap { width:1200px; background:#fff; margin:0 auto; }
.coordi .wrap h1 { line-height:71px; height:71px; border-bottom:1px solid #e4e7ea; padding:0 20px; font-family: 'NanumSquare'; font-size:21px; color:#000; }
.coordi .wrap .period_search { position:absolute; top:18px; right:20px; color:#000; line-height:36px; }
.coordi .wrap .period_search input[type=text] { width:177px; height:36px; padding:0 18px; border:1px solid #dbdbdb; border-radius:4px; background:#f5f6f8; color:#000; margin-left:10px; }
.coordi .wrap .contents { padding:30px 40px 68px; }
.coordi .wrap .contents .list_t_tarea { padding:30px 40px 68px; }

.tb_data .blr0 { border-width:1px 0; }
.tb_data .bl0 { border-left:0; }
.tb_data .br0 { border-right:0; }
.tb_data .plr0 { padding-left:0; padding-right:0; }

.seq td span { margin:0 4px; }
.seq .q_num td { padding:4px; }
.seq .q_num td select { width:100%; height:32px; border:0; color:#000; }

.pu_select_student .filter_box dl dd { height:340px; }

.ho_list_t_area { margin-bottom:46px; }
.ho_list_t_area input[type=text] { width:728px; height:36px; border:1px solid #dbdbdb; padding:0 12px; border-radius:4px; margin:0; }
.seq_ho { border-radius:2px; overflow:hidden; margin-top:10px; }
.seq_ho:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.seq_ho dl { float:left; width:36%; }
.seq_ho dl:first-child { width:28%; }
.seq_ho dl dt { line-height:39px; padding-left:16px; background:#5a678f; border-bottom:1px solid #47527a; font-size:12px; color:#fff; font-weight:700; }
.seq_ho dl:nth-child(2) dt { background:#49557b; border-color:#36446e; }
.seq_ho dl:nth-child(3) dt { background:#3c4b77; border-color:#3c4b77; }
.seq_ho dl dd { height:480px; border:1px solid #e4e7ea; border-width:0 0 1px 1px; }
.seq_ho dl:last-child dd { border-right:1px solid #e4e7ea; }
.seq_ho dl dd .h_sub li { line-height:39px; font-size:12px; color:#000; }
.seq_ho dl dd .h_sub li li li { border-top:1px solid #e4e7ea; }
.seq_ho dl dd .h_sub li label { padding-left:10px; }
.seq_ho dl dd .h_sub li li li label { font-size:11px !important; }
.seq_ho dl dd .h_sub li li li label:before { margin-right:16px !important; }
.seq_ho dl dd .h_sub li span { display:block; border-top:1px solid #e4e7ea; cursor:pointer; }
.seq_ho dl dd .h_sub>li>span { font-weight:700; }
.seq_ho dl dd .h_sub li span:after { content:''; position:absolute; top:8px; right:28px; width:24px; height:24px; background-image:url(../images/ic-24-collapsed.png); }
.seq_ho dl dd .h_sub li.on>span:after { background-image:url(../images/ic-24-expands.png); }
.seq_ho dl dd .h_sub li.ns span:after { display:none; }
.seq_ho dl dd .h_sub li>ul { display:none; }
.seq_ho dl dd .h_sub li.on>ul { display:block; }
.seq_ho dl dd .q_img li { padding:10px 10px 20px; border-top:1px solid #e4e7ea; }
.seq_ho dl dd .q_img li:first-child { border-top:0; }
.seq_ho dl dd .q_img li .num { color:#000; font-weight:700; padding-left:6px; margin-bottom:10px; }
.seq_ho dl dd .q_img li img { max-width:100%; }

.coordi .bot_area { line-height:36px; color:#00; }
.coordi .bot_area .r_btn { position:absolute; top:0; right:0; }
.qna-view.link.re  a {padding-left: 0px;/*background: url(/handle_/images/re.png) no-repeat 0 0;*/}

.mip_list { margin:0 -8px; }
.mip_list:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.mip_unit { float:left; width:calc(33.3333333% - 76px); margin:0 8px 10px; padding:30px; background:#fff; }
.mip_unit h3 { font-size:15px; line-height:24px; color:#555; font-weight:700; margin-bottom:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.mip_unit .b_area { font-size:10px; }
.mip_unit .b_area .date { color:#919191; line-height:14px; padding:3px 0; height:14px; }
.mip_unit .b_area .btns { position:absolute; top:0; right:0; }
.mip_unit .b_area .btns i { margin:0 5px; }
.mip_unit .b_area .btns a { display:inline-block; line-height:20px; }

.mip .cate { display:inline-block; padding:0 15px; line-height:24px; font-size:13px; color:#fff; font-weight:700; border-radius:5px; margin:0 3px 5px 0; }
.mip .cate.ty01 { background:#00c2bc; }
.mip .cate.ty02 { background:#ffbc00; }
.mip .cate.ty03 { background:#2db400; }
.mip .cate.ty04 { background:#805be9; }
.mip .cate.cd { background:#1c1d35; }
.mip .t_btns { position:absolute; top:32px; right:30px; line-height:24px; }
.mip .t_btns .bt_i { display:inline-block; width:24px; height:24px; vertical-align:middle; margin:-3px 0 0 10px; text-align:left; text-indent:-9999px; }
.mip .t_btns .bt_i.bt_print { background-image:url(../images/ic-24-print.png); }
.mip .t_btns .bt_i.bt_pod { background-image:url(../images/ic-24-pod.png); }
.mip .t_btns .bt_i.bt_omr { background-image:url(../images/ic_omr.png); }
.mip .t_btns .bt_i.bt_omr_w { background-image:url(../images/ic_omr_w.png); }
.mip .info { padding:0 5px 25px; }
.mip_unit.mip .info { min-height:100px; }
.mip .info dl { line-height:28px; min-height:28px; font-size:11px; border-bottom:1px solid #f5f6f8; }
.mip .info dl:last-child { border-bottom:0; }
.mip .info dl dt { position:absolute; top:0; left:0; }
.mip .info dl dd { margin-left:60px; color:#000; font-weight:700; }
.mip .info dl dd.goal { line-height:18px; padding:5px 0; }
.mip .info dl dd.goal span { display:block; padding-left:24px; color:#777; line-height:16px; }
.mip .info dl dd.u_tit { padding:5px 0; line-height:18px; }
.mip .info dl dd .bt_help { display:inline-block; width:24px; height:18px; background:url(../images/ic-24-help.png) center center; text-indent:-9999px; vertical-align:middle; }
.mip .fc_pp { color:#805be9; }
.mip .fc_red { color:#ef0021; }
.mip .tooltip { display:none; position:absolute; top:50%; left:calc(100% + 5px); transform:translateY(-50%); -webkit-transform:translateY(-50%); width:155px; text-align:left; z-index:1; text-indent:0; }
.mip .tooltip em { display:block; text-indent:-7px; }
.mip .bt_help:hover .tooltip { display:block; text-align:left; }
.mip .tooltip .tt_box { display:inline-block; border-radius:4px; padding:8px 12px 8px 16px; background:rgba(0, 196, 200, 0.9); box-shadow:0 4px 8px rgba(0, 183, 186, 0.2); font-size:10px; line-height:16px; color:#fff; font-weight:400; min-width:85px; max-width:127px; text-align:left; }
.mip .tooltip .tt_box:before { content:''; position:absolute; top:50%; right:100%; width:0; height:0; margin-top:-4px; border:5px solid transparent; border-right:5px solid rgba(0, 196, 200, 0.9); }
.mip .ic_check { display:inline-block; width:24px; height:24px; vertical-align:middle; margin:-2px 0 0 0; background-image:url(../images/ic-check.png); }

.my_edu_info { padding-top:10px; }
.my_edu_info .area { margin-bottom:40px; }
.my_edu_info .area:last-child { margin:0; }
.my_edu_info .area:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.my_edu_info .area.a01 { padding-left:400px; min-height: 600px}
.my_edu_info .area > div { min-height:50px; }
.my_edu_info .area > div > h3 { font-family: 'NanumSquare'; font-size:17px; line-height:24px; color:#111; font-weight:700; padding:0 0 6px 10px; }
.my_edu_info .area > div .bt_view_more { position:absolute; top:0; right:10px; font-size:13px; line-height:24px; height:24px; color:#333; padding-right:18px; background:url(../images/ic-24-next.png) no-repeat right 2px/20px; }
.my_edu_info .chatting { position:absolute; top:0px; left:0; bottom:0; width:380px; margin:0;height:480px; }
.my_edu_info .chatting .bt_alarm { position:absolute; top:0; right:0; width:24px; height:24px; background:url(../images/ic-noti.png) no-repeat center center; text-indent:-9999px; }
.my_edu_info .chatting .bt_alarm em { position:absolute; top:-4px; left:calc(100% - 12px); padding:3px 3px 1px 3px; background:#2db400; font-size:11px; color:#fff; border-radius:15px; min-width:10px; text-align:center; text-indent:0; }
.my_edu_info .chatting .box { position:absolute; top:30px; left:0; right:0; bottom:0; border-radius:5px; background:#fafafa; }
/*.my_edu_info .chatting .box > div { position:absolute; left:0; right:0; }*/
.my_edu_info .chatting .box .tit { top:0; line-height:40px; padding:0 10px; text-align:center; background:#262e46; color:#fff; }
/*.my_edu_info .chatting .box .list { top:40px; bottom:60px; overflow:hidden; padding-top:10px }*/
.my_edu_info .chatting .box .list li { min-height:30px; padding-left:45px; margin-left:15px; }
.my_edu_info .chatting .box .list li:first-child { margin-top:10px; }
.my_edu_info .chatting .box .list li .ph { position:absolute; top:0; left:0; width:32px; height:32px; border-radius:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; background-image:url(../images/ic_user.png); background-color:#ddd; }
.my_edu_info .chatting .box .list li .tx { display:inline-block; max-width:70%; }
.my_edu_info .chatting .box .list li .tx .name { display:inline-block; font-size:12px; font-weight:700; margin-bottom:5px; }
.my_edu_info .chatting .box .list li .tx p { background:#ebebeb; border-radius:5px; padding:7px 10px; font-size:13px; line-height:18px; margin-bottom:10px; word-break:break-all; }
.my_edu_info .chatting .box .list li .tx p:first-child:before { content:''; position:absolute; top:8px; right:100%; width:0; height:0; border:7px solid #000; border-color:transparent; border-right-color:#ebebeb; }
.my_edu_info .chatting .box .list li .tx .time { position:absolute; bottom:12px; left:calc(100% + 5px); color:#333; width:100px; font-size:11px; line-height:120%; }
.my_edu_info .chatting .box .list li .tx p .add_file { display:inline-block; text-decoration:underline; line-height:18px; padding:3px 0 3px 30px; word-break:break-all; }
.my_edu_info .chatting .box .list li .tx p .add_file:before { content:''; position:absolute; top:0; left:0; width:22px; height:22px; border:1px solid #262e46; border-radius:100%; background:url(../images/ic-24-download.png) no-repeat center center/80% 80%; }
.my_edu_info .chatting .box .list li.me { padding:0 45px 0 0; text-align:right; margin:0 15px 0 0; }
.my_edu_info .chatting .box .list li.me .ph { left:auto; right:0; }
.my_edu_info .chatting .box .list li.me .tx p { text-align:left; background:#2db400; color:#fff; }
.my_edu_info .chatting .box .list li.me .tx p:first-child:before { right:auto; left:100%; border-left-color:#2db400; border-right-color:transparent; }
.my_edu_info .chatting .box .list li.me .tx .time { left:auto; right:calc(100% + 5px); }
.my_edu_info .chatting .box .list li.me .tx p .add_file:before { border-color:#fff; background:url(../images/ic-24-download_w.png) no-repeat center center/80% 80%; }
.my_edu_info .chatting .box .write { bottom:0; border:1px solid #ebebeb; border-radius:0 0 5px 5px; background:#fff; padding:0 80px 0 40px; }
.my_edu_info .chatting .box .write textarea  { width:100%; border:0; resize:none; overflow-y:hidden; padding:5px; line-height:1.5; max-height:200px; }
.my_edu_info .chatting .box .write .bt_add { position:absolute; top:5px; left:5px; width:30px; height:30px; background:#f6f6f6; border-radius:5px; text-indent:-9999px; }
.my_edu_info .chatting .box .write .bt_add i { position:absolute; top:-2px; left:0; right:0; line-height:30px; text-indent:0; text-align:center; font-size:20px; }
.my_edu_info .chatting .box .write .bt_enter { position:absolute; top:5px; right:5px; width:70px; height:30px; background:#2db400; border-radius:5px; font-size:13px; line-height:30px; color:#fff; text-align:center; }
.my_edu_info .chatting .box .write .bt_enter:hover { text-decoration:none; }


.my_edu_info .chatting01 { position:absolute; top:0px; left:0; bottom:0; width:380px; margin:0;height:25px; }
.my_edu_info .chatting01 .box { border:1px solid #ebebeb; border-radius:5px; padding:25px 15px; height:70px;background:#fff; }
.my_edu_info .chatting01 .box .bt_quick  {font-family:'NanumSquare'; font-weight:600; text-decoration:none ;position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); background:#2db400; font-size:17px; line-height:24px; color:#fff; padding:5px 30px 5px 30px; line-height:28px; border-radius:3px;margin-top:8px }
.my_edu_info .chatting01 .box .g_tx1 {text-align:center;font-family:'NanumSquare'; font-size:20px;  color:#2db400;font-weight:400;}
.my_edu_info .chatting01 .box .g_tx2 {text-align:center;font-family:'NanumSquare'; font-size:20px; color:#262e46;font-weight:800;}
.my_edu_info .chatting01 .box .g_tx3 {font-size:13px; bottom:20px; position:absolute;color:#262e46; left:50%;transform:translateX(-50%); -webkit-transform:translateX(-50%); }


.my_edu_info .sb_info { margin-bottom:40px; }
.my_edu_info .sb_info .box { border:1px solid #ebebeb; border-radius:5px; padding:15px; min-height:60px; }
.my_edu_info .sb_info .box .ph { position:absolute; top:20px; left:15px; width:80px; height:80px; border-radius:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; background-image:url(../images/ic_user.png); background-color:#ddd; }
.my_edu_info .sb_info .box .info { margin-left:100px; }
.my_edu_info .sb_info .box .info dl { margin-bottom:15px; line-height:18px; }
.my_edu_info .sb_info .box .info dl:last-child { margin:0; }
.my_edu_info .sb_info .box .info dl dt { position:absolute; top:10px; left:0; font-size:14px; color:#999; margin-bottom:10px; }
.my_edu_info .sb_info .box .info dl dd { margin-left:100px; font-size:13px; background:#fafafa; border-radius:5px; padding:10px; }
.my_edu_info .sb_info .box .info dl:last-child dd { height:80px; overflow:hidden; }

.my_edu_info .class_quick { margin-bottom:40px; }
.my_edu_info .class_quick li { padding:10px 300px 10px 65px; background:#f6f6f6; border-radius:5px; margin-bottom:5px; font-size:13px; line-height:24px; }
.my_edu_info .class_quick li.no_list { padding:10px; text-align:center; }
.my_edu_info .class_quick li:last-child { margin:0; }
.my_edu_info .class_quick li .cate { position:absolute; top:10px; left:10px; line-height:22px; border:1px solid #805be9; color:#805be9; border-radius:5px; padding:0 10px; margin-right:5px; }
.my_edu_info .class_quick li .cate.c_high { border:1px solid #805be9; color:#805be9; }
.my_edu_info .class_quick li .cate.c_mid { border:1px solid #2db400; color:#2db400; }
.my_edu_info .class_quick li .cate.c_el { border:1px solid #aaa; color:#aaa; }
.my_edu_info .class_quick li .tit { display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin:0 10px; }
.my_edu_info .class_quick li .period { position:absolute; top:10px; right:115px; color:#666; }
.my_edu_info .class_quick li .bt_quick { position:absolute; top:8px; right:10px; background:#262e46; color:#fff; padding:0 10px; line-height:28px; border-radius:5px; }
.my_edu_info .class_quick li .bt_quick.dia { background:#ccc; color:#fff; }
.my_edu_info .class_quick li .bt_quick.dia:hover { text-decoration:none; }

.my_edu_info .member_info .bt_quick { font-size:13px; background:#262e46; color:#fff; padding:5px; line-height:28px; border-radius:5px; }

.my_edu_info .my_edu_qna .tb_board th { line-height:40px; font-size:13px; padding:0; text-align:center; }
.my_edu_info .my_edu_qna .tb_board td { line-height:36px; font-size:12px; padding:0; text-align:center; }
.my_edu_info .my_edu_qna .tb_board .tit { max-width:300px; margin-right:5px; vertical-align:top; }
.my_edu_info .my_edu_qna .tb_board .tit.re { max-width:276px; padding-left:24px; background:url(../images/ic_re.png) no-repeat 0 2px; }
.my_edu_info .my_edu_qna .tb_board td i.ic_new { display:inline; }

.my_edu_info .su_order_quiz .mip_list { background:#f6f6f6; padding:16px 8px 8px; border-radius:3px; }
.my_edu_info .su_order_quiz .mip_list.no_list { padding:30px; text-align:center; font-size:13px; line-height:150%; color:#333; }

.my_edu_info .my_edu_d_state { float:left; width:530px; }
.my_edu_info .my_edu_d_state .box { border:1px solid #ebebeb; border-radius:5px; padding:20px; height:127px; }
.my_edu_info .my_edu_d_state .box .g_tx { font-family: 'NanumSquare'; font-size:17px; font-weight:700; color:#2db400; }
.my_edu_info .my_edu_d_state .box .g_tx2 { font-size:13px; line-height:145%; text-align:center; color:#999; }
.my_edu_info .my_edu_d_state .box .d_info { position:absolute; bottom:20px; left:20px; font-size:12px; line-height:18px; color:#999; }
.my_edu_info .my_edu_d_state .box .d_info li { padding-left:10px; }
.my_edu_info .my_edu_d_state .box .d_info li:before { content:''; position:absolute; top:7px; left:0; width:2px; height:2px; background:#999; }
.my_edu_info .my_edu_d_state .box .bt_quick_edu  { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); background:#2db400; font-size:13px; line-height:24px; color:#fff; padding:0 10px; line-height:28px; border-radius:5px; }

.my_edu_info .d_exam_state { float:right; width:1120px; }
.my_edu_info .d_exam_state .g_tx { padding:10px 15px; background:#f6f6f6; border-radius:5px; margin-bottom:7px; font-family: 'NanumSquare'; font-size:13px; color:#333; line-height:18px; font-weight:700; }
.my_edu_info .d_exam_state .tb_data { font-size:12px; }
.my_edu_info .d_exam_state .tb_data th { font-weight:normal; }
.my_edu_info .d_exam_state .tb_data td { font-size:11px; padding:10px 0; }
.my_edu_info .d_exam_state .tb_data .tit { font-size:12px; text-align:left; padding:10px; }
.my_edu_info .d_exam_state .tb_data .bt_eval { text-decoration:underline; }
.my_edu_info .d_exam_state .tb_data .bt_eval.start { color:#2db400; }


/* join */
.join .option { border-radius:10px; border:1px solid #ddd; background:#fafafa; padding:10px 0 0; text-align:center; margin-top:10px; overflow:hidden; margin-bottom:50px; }
.join .option img { height:280px; }
.join .option .check { padding:20px 0; background:#fff; color:#000; border-top:1px solid #ddd; }
.join .option .check li { display:inline-block; margin:0 20px; }
.join .unit { margin-bottom:50px; }
.join .unit .t_area { padding:0 0 20px 20px; border-bottom:2px solid #000; }
.join .unit .t_area h3 { font-family: 'NanumSquare'; font-size:18px; color:#000; font-weight:700; margin-bottom:8px; }
.join .unit .t_area .guide { font-size:12px; }
.join .unit .t_area .g_star { position:absolute; bottom:20px; right:20px; font-size:12px; color:#2db400; }
.join .unit .t_area .bt_sec_open { position:absolute; bottom:20px; right:20px; font-size:12px; color:#2db400; border-bottom:1px solid #2db400; }
.join .unit .t_area .bt_sec_open:hover { text-decoration:none; }
.join .unit .t_area .bt_sec_open span { display:none; }
.join .unit.on .t_area .bt_sec_open span { display:block; }
.join .unit.on .t_area .bt_sec_open em { display:none; }
.join .unit .form { font-size:14px; }
.join .unit .form dl { border-bottom:1px solid #efefef; }
.join .unit .form dl dt { position:absolute; top:50%; left:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.join .unit .form dl dt i { color:#2db400; margin-right:3px; }
.join .unit .form dl dd { margin-left:200px; padding:10px 0; line-height:32px; }
.join .unit .form dl dd input[type=text],
.join .unit .form dl dd input[type=password] { width:200px; height:32px; border:1px solid #ddd; padding:0 10px; border-radius:3px; }
.join .unit .form dl dd.adr p input[type=text] { width:60%; }
.join .unit .form dl dd select { width:150px; height:32px; border:1px solid #ddd; padding:0 0 0 7px; border-radius:3px; }
.join .unit .form dl dd .bt_txt { padding:0 15px; background:#262e46; border-radius:5px; color:#fff; font-size:13px; }
.join .unit .form dl dd .bt_txt.c_wh { border:1px solid #262e46; background:#fff; color:#262e46; line-height:30px; }
.join .unit .form dl dd .bt_txt.c_dis { border:1px solid #ddd; background:#fff; color:#ddd; line-height:30px; }
.join .unit .form dl dd .s_guide { font-size:13px; }
.join .unit .form dl dd .sb_guide { font-size:13px; line-height:140%; }
.join .unit .form dl dd .sb_guide.c_green { color:#2db400; }
.fs13 { font-size:13px !important; }
#id_interlock { display:none; }
#add_info { display:none; }
.unit.on #add_info { display:block; }

.img_regi { width:80px; }
.img_regi .ph { width:80px; height:80px; border-radius:100%; background-color:#ebebeb; background-size:cover; background-position:center center; margin-bottom:5px; font-family: 'NanumSquare'; font-size:20px; line-height:80px; color:#bbb; font-weight:700; text-align:center; }
.img_regi.on .ph span { display:none; }
.img_regi input[type="file"] { position:absolute; top:5px; left:100px; width:80px; height:30px; cursor:pointer; z-index:1; opacity:0; }
.img_regi em { position:absolute; top:5px; left:100px; width:80px; line-height:30px; border:1px solid #ddd; border-radius:5px; font-size:12px; text-align:center; color:#aaa; }
.img_regi .guide { position:absolute; bottom:0; left:100px; width:500px; font-size:12px; line-height:145%; color:#aaa; }

#j_email_input { display:none; }
dd.on #j_email_input { display:inline-block; }
dd.on #j_email_sel { display:none; }

.univ li { padding-left:80px; margin-top:5px; display:none; }
.univ li:first-child { margin:0; display:block; }
.univ li span { position:absolute; top:0; left:0; }
.univ li select { margin-right:3px; }
.univ li a { display:inline-block; height:32px; width:32px; border-radius:5px; background:#ccc; color:#fff; font-size:20px; text-align:center; vertical-align:top; }
.univ li a:hover { text-decoration:none; }

.join_done { padding:60px 0; text-align:center; font-family: 'NanumSquare'; }
.join_done h3 { font-family: 'NanumSquare'; font-size:36px; color:#000; margin-bottom:10px; }
.join_done .t_tx { font-size:16px; color:#888; margin-bottom:50px; }
.join_done .ids { display:inline-block; padding:25px 35px; background:#fafafa; border-radius:20px; margin-bottom:50px; }
.join_done .ids dl { width:330px; line-height:250%; font-size:16px; }
.join_done .ids dl dt { position:absolute; top:0; left:0; }
.join_done .ids dl dd { text-align:right; font-weight:700; color:#2db400; }
.join_done .img { margin-top:50px; }
.join_done .quick_go li { display:inline-block; width:250px; padding:30px; border:1px solid #ddd; border-radius:15px; margin:0 5px; }
.join_done .quick_go li p { font-size:16px; color:#000; line-height:150%; margin-bottom:15px; }

.pu_sv_login { padding:50px 40px 30px; }


.dropdown {margin: 0;padding: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;list-style: none;height: 50px; background-image: url('/v/web/img/dropdown.png'); background-position: 95% center; background-size: 20px; background-repeat: no-repeat }
.dropdown li {position: relative;width: 100%;}
.dropdown li a {display: block;padding: 0 10px;height: 50px;line-height: 50px;color: #ffffff;cursor: pointer;text-decoration: none;}
.dropdown li ul {position: absolute;margin: 0;padding: 0;list-style: none;background-color: #171B2B;left: 0;max-height: 0;-webkit-transition: max-height .5s;-o-transition: max-height .5s;transition: max-height .5s;overflow: hidden;z-index: 9999;width: 100%;}
.dropdown li ul li a {height: 35px;line-height: 35px;color: #999;width: 100%;}
.dropdown li ul li {padding: 10px 0;}
.dropdown li.active >ul {max-height: 400px;}