@charset "utf-8";

/* CSS Document */

/*@import url("base.css");*/
@media only screen and (min-width: 480px) {}

/*header*/
/*
body {position:relative; overflow-x:hidden; }
*/
/*硫���(蹂�寃�)*/
.new_menu_wrap { background-color:#fafafa; letter-spacing:-1.5px; }
.new_menu_wrap .new_mypage {overflow:hidden;}
.new_menu_wrap .new_mypage .mypage_menu { border-bottom:1px solid #dfe1e3; background:#fff; overflow:hidden;}
.new_menu_wrap .new_mypage .mypage_menu li {float:left; padding:10px 0; width:50%; border-right:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; box-sizing:border-box;}
.new_menu_wrap .new_mypage .mypage_menu.two li { width:49.5%; }
.new_menu_wrap .new_mypage .mypage_menu li:last-child {border-right:0;}
.new_menu_wrap .new_mypage .mypage_menu li .link {display:block; text-align:center; line-height:30px; vertical-align:middle; font-size:80%; color:#454b5b;}
.new_menu_wrap .new_mypage .mypage_menu li .link i {display:inline-block; font-size:100%; color:#ff7a00; vertical-align:middle; margin:0 3px 0 0;}
.new_menu_wrap .new_mypage .mypage_menu li .ios_link {display:block; text-align:center; line-height:30px; vertical-align:middle; font-size:80%; color:#454b5b;}
.new_menu_wrap .new_mypage .mypage_menu li .ios_link i {display:inline-block; line-height:20px; vertical-align:middle; }

.new_menu_wrap .new_mypage .mypage_info {margin:8px 0 9px 0; padding:13px 10px 14px 10px; border-top:2px solid #ff8526; border-bottom:1px solid #dfe1e3; background:#fff; overflow:hidden;}
.new_menu_wrap .new_mypage .mypage_info .my_point {height:35px; vertical-align:middle; position:relative;}
.new_menu_wrap .new_mypage .mypage_info .my_point .tit {position:absolute; left:0; top:0; line-height:35px; vertical-align:middle; font-size:80%; color:#454b5b; }
.new_menu_wrap .new_mypage .mypage_info .my_point .tit span {display:inline-block; width:25px; height:25px; margin-top:-4px; line-height:25px; border-radius:5px; background:#454b5b; text-align:center; font-weight:bold; color:#fff; vertical-align:middle;}
.new_menu_wrap .new_mypage .mypage_info .my_point .point { position:absolute; right:0; top:0; line-height:35px; vertical-align:middle; font-size:90%; color:#454b5b; font-weight:bold;}
.new_menu_wrap .new_mypage .mypage_info .my_point .point b { display:inline-block; margin-top:5px; color:#dc1a10; font-family:NanumSquare; font-size:135%; line-height:25px; vertical-align:middle; margin-bottom:8px; letter-spacing:-1px;}
.new_menu_wrap .new_mypage .mypage_info .my_point .point .link { display:inline-block; padding:0 10px; margin:-7px 0 0 5px; border:1px solid #ced2d7; height:33px; line-height:35px; vertical-align:middle; font-family:Gulim; font-size:12px; font-weight:bold; text-align:center; letter-spacing:normal;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 52%, #f4f4f4 52%, #f4f4f4 52%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 52%,#f4f4f4 52%,#f4f4f4 52%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 52%,#f4f4f4 52%,#f4f4f4 52%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.new_menu_wrap .new_mypage .mypage_info .premium_box {margin-top:10px; padding:9px; border:1px solid #f5f5f5; background:#fafafa; font-size:70%; }
.new_menu_wrap .new_mypage .mypage_info .premium_box .tit {margin-bottom:3px; line-height:20px; vertical-align:middle; color:#ff7a00;}
.new_menu_wrap .new_mypage .mypage_info .premium_box .txt {margin-bottom:7px; line-height:25px; vertical-align:middle; color:#666; position:relative;}
.new_menu_wrap .new_mypage .mypage_info .premium_box .txt:last-child {margin:0;}
.new_menu_wrap .new_mypage .mypage_info .premium_box .txt .link {display:block; position:absolute; top:0; right:0; height:25px; padding:0 10px; line-height:27px; vertical-align:middle; background:#e1e1e1; border-radius:25px; font-family:Gulim; font-size:12px; font-weight:bold; text-align:center; color:#666; letter-spacing:normal; }
.new_menu_wrap .services_menu { margin-top:-1px; border-top:1px solid #dfe1e3; border-bottom:1px solid #dfe1e3; background:#fff; overflow:hidden;}
.new_menu_wrap .services_menu .s_menu {min-height:70px; border-bottom:1px solid #f5f5f5; box-sizing:border-box; }
.new_menu_wrap .services_menu .s_menu:last-child {border-bottom:0; }
.new_menu_wrap .services_menu .s_menu li {float:left; width:33%; padding:9px 0 10px 0; border-right:1px solid #f5f5f5; box-sizing:border-box;}
.new_menu_wrap .services_menu .s_menu li.full { width:33.5%; height:79px; background:#f8f8f8;border:0; } 
.new_menu_wrap .services_menu .s_menu.ios li { width:50%; }
.new_menu_wrap .services_menu .s_menu li:last-child {border-right:0; padding:9px 0;}
.new_menu_wrap .services_menu .s_menu li.img_menu{padding:0; margin-bottom:-5px; }
.new_menu_wrap .services_menu .s_menu li.img_menu img {height:100%; min-height:79px;}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:320px) {
    .new_menu_wrap .services_menu .s_menu li.img_menu img { display:inline-block; height:100%; min-height:79px;}}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 240dpi), screen and (max-width:480px) {
    .new_menu_wrap .services_menu .s_menu li.img_menu img { display:inline-block; width:100%; height:100%; min-height:79px;}}


.new_menu_wrap .services_menu .s_menu.full > li:nth-child(1){ width:100%; border-right:0; border-bottom:0; }

.new_menu_wrap .services_menu .s_menu li .link {display:block; text-align:center; font-size:80%; color:#454b5b;}
.new_menu_wrap .services_menu .s_menu li .link i {display:block; height:25px; line-height:25px; vertical-align:middle; color:#6d7787; font-size:120%;}
.new_menu_wrap .services_menu .s_menu li .link .im_img { width:auto; height:20px; margin-top:2px;  }
.new_menu_wrap .services_menu .s_menu li .link span {display:block; height:25px; line-height:25px; vertical-align:middle;}
.new_menu_wrap .services_menu .s_menu li .link span b { font-weight:normal; }
.new_menu_wrap .services_menu .s_menu li .link span .re { display:inline-block; padding:3px 5px 2px 5px; margin:-5px 0 0 0px; border-radius:3px; background:#6672b0; color:#fff; font-size:11px; font-family:NanumGothic; line-height:12px; vertical-align:middle; text-align:center; letter-spacing:1px;}
.new_menu_wrap .services_menu .s_menu li .link span .re.free { background:#fe6b34; }
.new_menu_wrap .services_menu .s_menu li .link span small {display:inline-block; height:14px; padding:0 3px; margin:0 0 3px 3px; border:1px solid #ff4e00; border-radius:3px; line-height:16px; vertical-align:middle; font-family:Gulim; font-size:11px; color:#ff4e00;}
.new_menu_wrap .premium_banner {margin:10px 0; width:100%; height:80px; text-align:center; position:relative; }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:320px) {
    .new_menu_wrap .premium_banner img { display:inline-block; height:100%; }}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 240dpi), screen and (max-width:480px) {
    .new_menu_wrap .premium_banner img { display:inline-block; width:100%; height:100%; }}
.new_menu_wrap .premium_banner .banner {position:absolute; left:50%; top:10px; width:460px; height:60px; margin-left:-230px; z-index:999;}
.new_menu_wrap .premium_banner .banner .tit {padding:0 10px; width:20%; height:22px; margin-left:37.5%; line-height:22px; font-size:70%; color:#fff; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#4ab481; opacity:0.9;}
.new_menu_wrap .premium_banner .banner .txt {margin:0 10px; line-height:38px; vertical-align:middle; font-family:NanumSquare; font-size:110%; color:#454b5b;}
.new_menu_wrap .premium_banner .banner .txt span {color:#ff4e00;}

.offline_banner {height:80px; background:#333; margin-top:10px;}
.offline_banner img {display:block; width:480px;  margin:0 auto;}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:360px) {
    .offline_banner img  { height:100%; text-align:center;}}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 240dpi), screen and (max-width:480px) {
    .offline_banner img  {width:100%; height:100%; text-align:center;}}

.new_menu_wrap .premium_pakage {overflow:hidden;}
.new_menu_wrap .premium_pakage .pakage_list {border-top:1px solid #e8eaec; border-bottom:1px solid #dfe1e3; padding:9px 10px; margin-bottom:5px; overflow:hidden; position:relative;}
.new_menu_wrap .premium_pakage .pakage_list.ic_bg1 {background:url(/images/default/menu_icbg1.png) #fff 10px 10px no-repeat;}
.new_menu_wrap .premium_pakage .pakage_list.ic_bg2 {background:url(/images/default/menu_icbg2.png) #fff 10px 10px no-repeat;}
.new_menu_wrap .premium_pakage .pakage_list.ic_bg3 {background:url(/images/default/menu_icbg3.png) #fff 7px 10px no-repeat;}
.new_menu_wrap .premium_pakage .pakage_list.ic_bg4 {background:url(/images/default/menu_icbg4.png) #fff 7px 10px no-repeat;}
.new_menu_wrap .premium_pakage .pakage_list.ic_bg5 {background:url(/images/default/menu_icbg5.png) #fff 7px 10px no-repeat;}
.new_menu_wrap .premium_pakage .pakage_list.ic_bg6 {background:url(/images/default/menu_icbg6.png) #fff 7px 10px no-repeat;}
.new_menu_wrap .premium_pakage .pakage_list.ic_img { padding:0; margin:5px 0 -5px 0; border-bottom:0; text-align:center;}
.new_menu_wrap .premium_pakage .pakage_list.ic_img img{ height:100%; min-height:79px;}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:320px) {
    .new_menu_wrap .premium_pakage .pakage_list.ic_img img { display:inline-block; height:100%; min-height:79px;}}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 240dpi), screen and (max-width:480px) {
    .new_menu_wrap .premium_pakage .pakage_list.ic_img img { display:inline-block; width:100%; height:100%; min-height:79px;}}


.new_menu_wrap .premium_pakage .pakage_list .list_con {margin-left:52px; border-left:1px dashed #ccc; padding-left:10px; height:50px; letter-spacing:-0.5px;}
.new_menu_wrap .premium_pakage .pakage_list .list_con ._con_tit {line-height:30px; vertical-align:middle; font-family:NanumSquare; font-size:85%; color:#333; font-weight:600;}
.new_menu_wrap .premium_pakage .pakage_list .list_con ._con_tit span {color:#ff4e00;}
.new_menu_wrap .premium_pakage .pakage_list .list_con ._con_txt {line-height:20px; vertical-align:middle; font-size:65%; color:#6d7787; font-weight:500; letter-spacing:-1px;}
.new_menu_wrap .premium_pakage .pakage_list .btn_go{position:absolute; right:0; bottom:0; width:55px; height:43px; background:url(/images/default/menu_btn_go.png) no-repeat;}

/*�댁�몄��臾쇨���(臾대�)*/
.new_menu_wrap .lecture_free {display:block; padding:10px; border-top:1px solid #e8eaec; border-bottom:1px solid #dfe1e3; background:#fff; font-size:80%; color:#454b5b; font-weight:bold; overflow:hidden; position:relative;}
.new_menu_wrap .lecture_free span {color:#ff4e00;}
.new_menu_wrap .lecture_free .btn {position:absolute; right:10px; top:10px; width:23px; height:23px; line-height:5px; border-radius:23px; border:1px solid #ccc; text-align:center; font-size:120%; color:#ff7a00; font-weight:bold;}

.new_menu_wrap .mentor_menu {margin-bottom:5px; overflow:hidden;}
.new_menu_wrap .title {padding:0 10px; line-height:35px; vertical-align:middle; font-size:70%; color:#222;}
.new_menu_wrap .title span {display:inline-block; height:14px; padding:0 3px; margin:0 0 3px 3px; border:1px solid #ff4e00; border-radius:3px; line-height:16px; vertical-align:middle; font-family:Gulim; font-size:11px; color:#ff4e00;}
.new_menu_wrap .title span.new { background-color:#ff0000; color:#fff; }
.new_menu_wrap .mentor_menu .mentor_m {border-top:1px solid #e8eaec; border-bottom:1px solid #dfe1e3; background:#fff; overflow:hidden;}
.new_menu_wrap .mentor_menu .mentor_m li {float:left; padding:9px 0; width:33%; border-right:1px solid #f5f5f5;}
.new_menu_wrap .mentor_menu .mentor_m li:last-child {border-right:0;}
.new_menu_wrap .mentor_menu .mentor_m li .link {display:block; text-align:center; line-height:30px; vertical-align:middle; font-size:80%; color:#454b5b;}
.new_menu_wrap .mentor_menu .mentor_m li .link i {display:inline-block; font-size:100%; color:#6d7787; vertical-align:middle; margin-bottom:1px;}
.new_menu_wrap .legue_menu {border-top:1px solid #e8eaec; border-bottom:1px solid #dfe1e3; background:#fff; overflow:hidden;}
.new_menu_wrap .legue_menu .le_menu {min-height:49px; border-bottom:1px solid #f5f5f5;}
.new_menu_wrap .legue_menu .le_menu:last-child {min-height:48px; border-bottom:0;}
.new_menu_wrap .legue_menu .le_menu li {float:left; width:49%; padding:9px 0; border-right:1px solid #f5f5f5;}
.new_menu_wrap .legue_menu .le_menu li:last-child {border-right:0;}
.new_menu_wrap .legue_menu .le_menu li .link {display:block; text-align:center; line-height:30px; vertical-align:middle; font-size:80%; color:#454b5b;}
.new_menu_wrap .legue_menu .le_menu li .link i {display:inline-block; font-size:100%; color:#6d7787; vertical-align:middle; margin-bottom:1px;}
.new_menu_wrap .stock_banner {margin:10px 0; padding:9px 10px; letter-spacing:0; border-top:1px solid #e8eaec; border-bottom:1px solid #dfe1e3; background:#fff; overflow:hidden;}
.new_menu_wrap .stock_banner li {float:left;}
.new_menu_wrap .stock_banner li.ic_img {margin:5px 5px 0 0; width:40px; height:40px;} 
.new_menu_wrap .stock_banner li.txt_box .link {display:block;}
.new_menu_wrap .stock_banner li.txt_box .link em {font-style:normal; display:block; line-height:22px; vertical-align:middle; font-family:'Nanum Pen Script'; color:#7f8493;}
.new_menu_wrap .stock_banner li.txt_box .link span {display:block; line-height:26px; vertical-align:middle; font-family:NanumSquare; font-size:90%; color:#454b5b; font-weight:bold; letter-spacing:-1px;}
.new_menu_wrap .stock_banner li.txt_box .link span b {color:#ee3128;}
.new_menu_wrap .stock_banner li.txt_box .link span small {display:inline-block; line-height:20px; vertical-align:middle; font-size:70%; color:#fff; text-align:center; padding:0 10px; background:#454b5b; border-radius:20px; letter-spacing:0;}
.new_menu_wrap .user_menu {margin-top:10px; overflow:hidden;}
.new_menu_wrap .user_menu .menu_box {margin-bottom:5px; border-top:1px solid #e8eaec; border-bottom:1px solid #dfe1e3; background:#fff; overflow:hidden;}
.new_menu_wrap .user_menu .menu_box  li {float:left; padding:9px 0; width:24%; border-right:1px solid #f5f5f5;}
.new_menu_wrap .user_menu .menu_box  li:last-child {border-right:0;}
.new_menu_wrap .user_menu .menu_box  li .link {display:block; text-align:center; line-height:30px; vertical-align:middle; font-size:80%; color:#454b5b;}
.new_menu_wrap .user_menu .notice_box { margin-bottom:9px; border-top:1px solid #e8eaec; border-bottom:1px solid #dfe1e3; background:#fff; padding:14px 10px; font-size:80%; color:#454b5b; overflow:hidden;}
.new_menu_wrap .user_menu .notice_box .tit {float:left; width:15%; line-height:30px; vertical-align:middle; font-weight:bold;}
.new_menu_wrap .user_menu .notice_box .txt {float:left; width:80%; line-height:30px; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/*而⑦��痢�*/
#article_wrap { padding:10px; min-height:300px; overflow:hidden; z-index:1;}
#article_sub_wrap {min-height:300px; z-index:1;}

.flotting {position:fixed; right:5%; top:88%; width:50px; height:50px; background:rgba(0,0,0, 0.65); border-radius:50px; text-align:center; box-shadow: 0 0px 3px 0 #333; -webkit-box-shadow: 0 0px 5px 0 #000; z-index:99;}
.flotting i { position:relative; display:block; vertical-align:middle;}
.flotting .floatingImg { position:absolute; display:block; left:8px; top:10px; width:35px; height:30px; background:url(/images/common/ic_flotting.png) no-repeat; }
.flotting .topImg { position:absolute; display:block; left:8px; top:10px; width:35px; height:30px; background:url(/images/common/ic_top.png) no-repeat; }

/* BEST二쇱��媛��� 諛곕�� */
.menu_banner { text-align: center; background: #454b5b; height:64px; margin-bottom: 5px; }
.menu_banner img { width: 100%; height:64px;}
.new_menu_wrap .campaign_menu { border-top: 1px solid #e8eaec; border-bottom: 1px solid #dfe1e3; background: #fff; overflow: hidden; }
.new_menu_wrap .campaign_menu li { float: left; padding: 9px 0; width:49%; border-right: 1px solid #f5f5f5; }
.new_menu_wrap .campaign_menu li:last-child { border-right: 0; }
.new_menu_wrap .campaign_menu li .link { display: block; text-align: center; line-height: 30px; vertical-align: middle; font-size: 80%; color: #454b5b; }
.new_menu_wrap .campaign_menu li .link i { display: inline-block; font-size: 100%; color: #6d7787; vertical-align: middle; margin-bottom:3px;}

.new_menu_wrap .legue_menu .le_menu li .link.other i {display:inline-block; font-size:100%; color:#6d7787; vertical-align:middle; margin-bottom:1px;}

.common_menu_list { width:100%; background-color:#fff; border-top:1px solid #dfe1e3; border-bottom:1px solid #dfe1e3; text-align:center; vertical-align:middle; overflow:hidden; }
.common_menu_list.ios { text-align:left; padding-left:10px; }
.common_menu_list .common_menu > li { float:left; width:50%; padding:11px 0 9px 0; background-color:#fff; border-bottom:1px solid #f5f5f5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.common_menu_list li.border_none { border-bottom:0px; }
.common_menu_list .common_menu.column3 > li { width:33%; }
.common_menu_list .common_menu.column3 > li:nth-child(1) { width:34%; }
.common_menu_list .common_menu > li:nth-child(1){ border-right:1px solid #f5f5f5; }
.common_menu_list .common_menu.full > li:nth-child(1){ width:100%; border-right:0; border-bottom:0; }
.common_menu_list .common_menu.column3 > li:nth-child(2),
.common_menu_list .common_menu.column3 > li:nth-child(5) { border-right:1px solid #f5f5f5; }
.common_menu_list .common_menu > li > a { display:inline-block; color:#454b5b; font-size:16px; }
.common_menu_list .common_menu > li > a > i { float:left; margin:7px 5px 0 0; color:#6d7787; font-size:15px; }
.common_menu_list .common_menu > li > a > span { float:left; border:1px solid #fff; line-height:22px; }

.common_menu_list .common_menu > li > a > i.im.im-graduation-hat { margin:5.3px 5px 0 0;}
.common_menu_list .common_menu > li > a > i.im.im-gift { margin:6px 5px 0 0;}
.common_menu_list .common_menu > li > a > i.im.im-book { margin:7px 5px 0 0; font-size:14px; }
.common_menu_list .common_menu > li > a > i.im.im-coffee { margin:4.5px 5px 0 0; font-size:16px; }
.common_menu_list .common_menu > li > a > i.im.im-edit { margin:5px 5px 0 0; font-size:16px; }
.common_menu_list .common_menu > li > a > i.im.im-certificate-o { margin:5px 5px 0 0; font-size:17px; }
.common_menu_list .common_menu > li > a > i.im.im-user-settings { margin:6px 5px 0 0;}
.common_menu_list .common_menu > li > a > i.im.im-keyboard { margin:6px 5px 0 0; font-size:16px; }
.common_menu_list .common_menu > li > a > i.im.im-user-settings { margin:7px 5px 0 0;}

/*�����곕�� �쇰꺼*/
span.member_platinum { position:absolute; right:48px; top:6px; width:90px; height:25px; }
.platinum_guide_popup { display:none; position:fixed; top:65px; right:0; width:95%; background:#667685; margin:0 2.5%; box-shadow:0 0 7px #999; overflow:hidden; font-family:NanumSquare; z-index:100; }
.platinum_guide_popup.selection { top:129px; }
.platinum_guide_popup h2 {height:50px; line-height:50px; vertical-align:middle; padding:0 15px; font-size:95%; color:#fff; font-weight:500; position:relative;}
.platinum_guide_popup h2 button {position:absolute; right:15px; top:12px; width:25px; height:25px; line-height:25px; vertical-align:middle; border:1px solid #fff; border-radius:30px; cursor:pointer; background:none; color:#fff; font-size:15px; font-weight:600; text-align:center;}
.platinum_guide_popup .text { background-color:#fff; padding:10px; }
.platinum_guide_popup p { font-family: Gulim; font-size: 11px; color: #667685; line-height: 19px; letter-spacing: -0.7px; }
.platinum_guide_popup p > strong { font-weight:normal; color:#ee3128; }