/*=================================================================================
* 모듈 로그인 및 회원가입 페이지
=================================================================================*/
/* 일반 및 소셜 로그인 */
body.social_login_body {background:#f0f0f0}
.one_login {width:100%; text-align:center; margin-top:50px;}
.logo_area {width:800px; margin:30px auto;}
.social_login_area {width:480px; margin:0 auto; background:#fff; border:1px solid #ccc; border-top:5px solid #555; font:14px 'Nanum Gothic', '돋움', dotum, AppleGothic, sans-serif;}
.social_login_area .inner {text-align:left; padding:40px;}
.social_login_area .social_header h1 {margin:0; font:bold 30px 'Nanum Gothic', AppleGothic, sans-serif;}
.social_login_area .social_container:after {content:""; display:block; clear:both;}
.social_login_area .social_container {margin-top:30px;}
.normal_login legend {display:none;}

/* 일반 로그인 */
.social_container .normal_login {display:inline-block; width:400px;}
.social_container .normal_login label, .social_container .naver_login label {display:block; margin-bottom:10px;}
.social_container .normal_login dl dd {margin-bottom:20px;}
.social_container .normal_login dl dd .input {width:391px; height:45px;}
.social_container .normal_login .login_save {display:block; margin:10px 0; font-size:14px; letter-spacing: -0.03em;}
.social_login_area .inner .btn_area {margin:0;}
.social_login_area .inner .btn_area .btn {padding:0;height:50px; font-weight:bold; font-size:18px; line-height:50px;}
.social_container .join_area {}
.social_container .join_area ul {}
.social_container .join_area ul li:after {content: ""; display: block; clear: both;}
.social_container .join_area ul li {padding-bottom:5px;}
.social_container .join_area ul li .txt {float: left; padding-top:7px; font-size:14px;}
.social_container .join_area ul li .btn {float: right; width:100px;}

/* 아이디 비번 찾기 */
.social_container .forget_password {margin-top:30px;}
.social_container .forget_password ul {display: table;width: 100%;margin:0;}
.social_container .forget_password li {display:table-cell;box-sizing:border-box;text-align:center;font-weight:bold;font-size:14px;color:#333;line-height:1;}
.social_container .forget_password li.mid {border-right:1px solid #555;border-left:1px solid #555;}

.social_container .forget_password {border-top:1px solid #e6e9ef;margin-top:20px;padding-top:20px;}
.social_container .forget_password dl, .forget_password dd, .forget_password dt {margin:0;}
.social_container .forget_password dl {margin-bottom:10px;}
.social_container .forget_password dt {float:left;width:50%;}
.social_container .forget_password dt span {display:inline-block;height:30px;line-height: 30px;font-size: 12px;color:#6b7079;}
.social_container .forget_password dd {float:right;width:50%}
.social_container .forget_password dd .btn_white {display:inline-block;box-sizing:border-box;height:30px;width:160px; text-align: center;border:1px solid #ddd;}
.social_container .forget_password dd .btn_red span {display:inline-block;font-size: 12px;color:#fff;line-height:30px;}

/* 회원가입 */
.join_member {}
.join_member h3 {text-align:center; margin:0; padding:70px 0 20px 0; font-weight:bold; color:#222;}
.join_member .join_member_bg {width:898px; margin:0 auto; margin-bottom:30px; padding:50px; background:#fff;}
.join_member .join_member_bg .join_process {margin-bottom:50px;}
.join_member .join_member_bg .join_process ul {width:646px; margin:0 auto;}
.join_member .join_member_bg .join_process ul li {float:left; width:160 px; padding-left:53px; padding-right:30px; background: url(/assets/user/img/member/arrow_process.gif) no-repeat left 30px;}
.join_member .join_member_bg .join_process ul li.fir {padding-left:0;}
.join_member .join_member_bg .join_process ul li.lst {padding-right:0;}

/* 회원가입 1단계 */
.join_member .join_member_bg .join_cont .policy_box {margin-bottom:50px;}
.join_member .join_member_bg .join_cont .policy_box .check_join .btn, .agree_all .check_join .btn {padding:4px 8px;}
.join_member .join_member_bg .join_cont .policy_box .check_join .mem_txt, .agree_all .check_join .mem_txt {font-size:16px; color:#333; line-height:31px; padding-left:10px;}
.join_member .join_member_bg .join_cont .policy_box h4 {font-weight:bold; font-size:24px; color:#333; letter-spacing:-0.03em;}
.join_member .join_member_bg .join_cont .policy_box .policy_area {height:200px; padding:25px 20px; border:1px solid #e0e0e0; overflow-y:auto; margin-bottom:15px;}
.join_member .join_member_bg .join_cont .agree_all {width:100%; padding:20px; margin-bottom:30px; background:#f0f0f0;}
.join_member .join_member_bg .join_cont .check_join .btn span.glyphicon {opacity:0;}
.join_member .join_member_bg .join_cont .check_join .btn.active span.glyphicon {opacity:1;}

/* 회원가입 2단계 */
.join_member .certi_member {margin-bottom:30px;}
.join_member .certi_member ul:after {content:""; display:block; clear:both;}
.join_member .certi_member ul li {float:left; width:290px; height:250px; margin-right:14px;}
.join_member .certi_member ul li.lst {margin-right:0;}
.join_member .certi_member ul li a {display: block; width:100%; height: 100%;}
.join_member .certi_member ul li a.phone {background:#65cdd8;}
.join_member .certi_member ul li a.phone:hover {background:#47b1bc;}
.join_member .certi_member ul li a.ipin {background:#969ec7;}
.join_member .certi_member ul li a.ipin:hover {background:#6b75a7;}
.join_member .certi_member ul li a.email {background:#76c88d;}
.join_member .certi_member ul li a.email:hover {background:#55af6e;}
.join_member .certi_member ul li a:hover, .join_member .certi_member ul li a:active, .join_member .certi_member ul li a:focus {text-decoration:none;}
.join_member .certi_member ul li a img {padding-top:50px; margin-bottom:25px;}
.join_member .certi_member ul li span {display:block; font-weight:bold; font-size:24px; color:#fff;}

/* 회원가입 3단계 */
.join_member .input_st {height:26px; padding:3px 5px; background:#f7f7f7; border:1px solid #ccc; font-size:13px;}
.join_member .select_st {height:34px; margin-left:8px; padding-left:7px; background-color:#f3f3f3; border:1px solid #ccc; font-size:13px; color:#777; vertical-align:top;}
.join_member .w_171 {width:171px;}
.join_member .w_323 {width:323px;}
.join_member .w_160 {width:160px;}
.join_member .w_118 {width:118px;}
.join_member .w_407 {width:407px;}
.join_member .w_468 {width:468px;}
.join_member .btn_img {width:118px; text-align:center; vertical-align:top}

/* 회원가입 - 다음버튼 */
.join_member .b_btn {padding:15px 50px;}

/*=================================================================================
* 에러페이지
=================================================================================*/
body.error {background:#efeff0;}
.error_bg {width:800px; height:510px; margin:30px auto; text-align:center; background:#fff url(/assets/user/img/common/bg_error.gif) no-repeat center; border-top:3px solid #585d6a; border-bottom:1px solid #dadada;}
.error_bg .error_tit {padding-top:100px; font-weight:bold; font-size:30px; color:#222; line-height:1.3; letter-spacing:-0.03em;}
.error_bg .error_txt {margin-bottom:40px; padding-top:30px; font-size:18px; color:#555; line-height:1.5;}
.error_bg .error_btn {}

/*=================================================================================
* 강의 상세 페이지
=================================================================================*/
/* 강의 상세 */
.online_info_area {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc;}
.itemInfo:after {content: ""; display: block; clear: both;}
.itemInfo {min-height:268px; width:100%; margin-bottom:20px;} /*border-bottom:1px solid #ccc;*/
.itemInfo .itemImg_area {float:left;}
.itemInfo .itemImg {margin-bottom:10px;}
.itemInfo .itemImg img {width:270px; height:202px;}
.itemInfo .itemImg_area .btn {display:block; width:244px;}
.itemInfo .itemImg_area .itemImg_btn .btn img {vertical-align:middle}
.itemInfo .itemTxt {width:initial; padding-left:300px;}
.itemInfo .itemTxt .tit {display:block; margin-bottom:0; padding-bottom:10px; border-bottom:2px solid #555; font-size:20px; color:#222; line-height:1.4; font-weight:bold; letter-spacing:-0.05em;}

/* 강의 상세 강사 과정유형 등 */
.itemInfo .itemTxt {}
.itemInfo .itemTxt dl:after {content:""; display:block; clear:both;}
.itemInfo .itemTxt dl {margin:0;}
.itemInfo .itemTxt dl dt,
.itemInfo .itemTxt dl dd {float:left; height:34px; padding:5px 0 5px; border-bottom:1px solid #e8e8e8; line-height:30px;}
.itemInfo .itemTxt dl dt {width:18%;}
.itemInfo .itemTxt dl dd {width:29%; padding-left:10px;}
.itemInfo .itemTxt dl dd.w78 {width:78%;}
.itemInfo .itemTxt dl dt.two_line, .itemInfo .itemTxt dl dd.two_line {line-height:1.2;}
.itemInfo .itemTxt dl.price {margin-bottom:20px;}
.itemInfo .itemTxt dl.price dt {width:18%; height:30px; padding:5px 0 5px;}
.itemInfo .itemTxt dl.price dd {width:29%; height:30px; padding:5px 0 5px 10px;}
.itemInfo .itemTxt dl.price dd .amount {font-size:18px; color:#222; font-weight:bold; text-decoration:line-through; line-height:35px;}
.itemInfo .itemTxt dl.price dd .discount {font-size:28px; color:#eb5456; font-weight:bold; letter-spacing:-0.05em}
.itemInfo .itemTxt .btn_area {}
.tabArea {margin-bottom:30px;}
.tabArea .glyphicon {font-size:10px; top:-2px; color:#777;}
.tabArea .tab_tit {display:inline-block;font-size:18px;color:#333;line-height:1;font-weight:bold;letter-spacing:-0.05em;}

/* 강의 상세 탭영역 */
.tabArea {}
.tabArea .teacherGuide {}
.tabArea .teacherGuide .img_area {float:left; width:140px; height:auto; border:1px solid #ccc;}
.tabArea .teacherGuide .img_area img {width:100%; height:auto;}
.tabArea .teacherGuide .txt {width:100%; padding-left:180px;}
.tabArea .teacherGuide .txt .t_name {display:block; margin-bottom:7px; font-weight:bold; font-size:22px; color:#333; letter-spacing:-0.03em;}
.tabArea .teacherGuide .txt .t_ifo {margin-bottom:20px; font-size:12px; color:#777; line-height:1.5;}
.tabArea .teacherGuide .txt .listWrap {margin-bottom:20px;}
.tabArea .teacherGuide .txt .listWrap .tit {display:block; margin-bottom:10px; font-weight:bold; font-size:14px; color:#0054a6;}
.tabArea .teacherGuide .txt .listWrap p {margin-bottom:3px; font-size:12px; color:#777;}

/* 강의 상세 수강생 후기 */
.gradeBox{margin-top:0;padding-bottom:10px;background:url(/assets/user/img/common/bg_line.gif) 0 100% repeat-x;}
.gradeBox.noBg{background:none;}
.gradeBox .txtBold {position:relative;margin-bottom:15px;padding-bottom:15px;background:url(/assets/user/img/common/bg_line.gif) 0 100% repeat-x;}
.gradeBox .tit h4{font-size:16px;font-weight:bold;}
.gradeBox .tit h4 img{vertical-align:-20%;}
.gradeBox .tit .right{position:absolute;right:20px;top:0;}
.gradeBox ul {list-style:none; padding:0;}
.gradeBox ul li .gradeTit{position:relative;padding:9px 175px 9px 20px;background:#f0f2f4;border-top:1px solid #e5e6e9;font-size:13px;font-weight:bold;color:#111;}
.gradeBox ul li .gradeTit strong{margin-right:8px;}
.gradeBox ul li .gradeTit a{display:inline-block;zoom:1;*display:inline;vertical-align:middle;}
.gradeBox ul li .gradeTit .write{position:absolute;right:19px;top:9px;font-size:12px;color:#888;font-weight:normal;}
.gradeBox ul li .gradeTit .write strong{display:inline-block;zoom:1;*display:inline;margin-right:8px;padding-right:8px;border-right:1px solid #d8dadf;color:#111;line-height:12px;}
.gradeBox ul li .cont{position:relative;padding:13px 175px 15px 20px;line-height:20px;}
.gradeBox ul li .cont .btnBox{position:absolute;right:20px;top:50%;margin-top:-20px;}
.gradeBox ul li .reply {background:url(/assets/user/img/sub/bg_reply_line.gif) repeat-x;}
.gradeBox ul li .reply .inner {padding:17px 175px 39px 95px;background:url(/assets/user/img/sub/bg_reply_answer.gif) no-repeat 18px 20px;line-height:20px;}
.gradeBox ul li .reply .replyTo {color:#4c5488;font-size:13px;}
.gradeBox ul li .reply .replyTxt {color:#888;font-size:12px;}
.gradeBox ul li .reply .replyTxt a {color:#888;text-decoration:underline;}
.gradeBox .noGrade{padding:30px 0;background:#f0f2f4;border:1px solid #e5e6e9;font-size:14px;text-align:center;font-weight:bold;}

/*=================================================================================
 * 나의 학습방
 =================================================================================*/
/*  */
body#learning_room {background:#eaeaea;}
.learn_room {width:1018px; margin:0 auto; margin-top:30px; border-left:1px solid #2b64a4; border-right:1px solid #c0c3c4; border-bottom:1px solid #c0c3c4;}

/* 학습방 헤더 */
.learn_room .learn_header {position:relative; width:100%; height:50px; background:#24313c;}
.learn_room .learn_header h1 {text-align:center; margin:0; font-size:24px; color:#fff; line-height:50px;}
.learn_room .learn_header a.close {position:absolute; right:16px; top:16px;}
.learn_room .learn_wrap {background:url(/assets/user/img/common/learning_room_bg3.gif) repeat-y left top}

/* 학습방 좌측메뉴 */
.learn_room .learn_wrap .learn_lnb {float:left; width:198px; border-right:1px solid #ccc; background:#1d2b36;}
.learn_room .learn_wrap .learn_lnb .user_welcom {text-align:center;padding:30px 0; border-bottom:1px solid #0e151a; background:#141e27;}
.learn_room .learn_wrap .learn_lnb .user_welcom .user_img img {width:70px; height:70px; margin-top:25px; margin-bottom:10px;}
.learn_room .learn_wrap .learn_lnb .user_welcom p {margin:0; font-size:14px;line-height:1.8;color:#fff;}
.learn_room .learn_wrap .learn_lnb .user_welcom .name {font-weight:bold;color:#fff;}
.learn_room .learn_wrap .learn_lnb ul.menu {}
.learn_room .learn_wrap .learn_lnb ul.menu li {border-bottom:1px solid #0e151a;}
.learn_room .learn_wrap .learn_lnb ul.menu li.active a {background:#4f82bc; color:#fff;}
.learn_room .learn_wrap .learn_lnb ul.menu li.active a .glyphicon {padding:5px 10px;}
.learn_room .learn_wrap .learn_lnb ul.menu li a {display:block; padding:15px 0 15px 20px; font-weight:bold; font-size:16px; color:#849fb0; letter-spacing:-0.03em;}
.learn_room .learn_wrap .learn_lnb ul.menu li a:hover,
.learn_room .learn_wrap .learn_lnb ul.menu li a:focus,
.learn_room .learn_wrap .learn_lnb ul.menu li a:active {text-decoration:none; background:#4f82bc; font-weight:bold; color:#fff;}
.learn_room .learn_wrap .learn_lnb ul.menu li a .glyphicon {padding:5px 10px;}
.learn_room .learn_wrap .learn_lnb ul.menu li .deps02 {background:#141e27;}
.learn_room .learn_wrap .learn_lnb ul.menu li .deps02 li {padding:0; border-bottom:0;}
.learn_room .learn_wrap .learn_lnb ul.menu li .deps02 li a {display:block; padding:10px 0 10px 30px; background:none; font-size:14px; color:#b4c4d2; letter-spacing:-0.03em;}
.learn_room .learn_wrap .learn_lnb ul.menu li .deps02 li a:hover,
.learn_room .learn_wrap .learn_lnb ul.menu li .deps02 li a:focus,
.learn_room .learn_wrap .learn_lnb ul.menu li .deps02 li a:active {text-decoration:underline; background:none; font-weight:bold; color:#fff;}

/* 학습방 본문 정보 */
.learn_room .learn_wrap .learn_cont {float:left; width:749px; padding:10px 35px 70px 35px;; background:#fff;}
.learn_room .learn_wrap .learn_cont h4 {margin-bottom:15px; font-size:18px; font-weight:bold; color:#333; letter-spacing:-0.03em;}
.learn_room .learn_wrap .learn_cont .learn_info {}
.learn_room .learn_wrap .learn_cont .learn_info .learn_thumb {float:left; width:170px; margin-right:25px;}
.learn_room .learn_wrap .learn_cont .learn_info .learn_thumb img {width:170px; height:128px;}
.learn_room .learn_wrap .learn_cont .learn_info .learn_list {width:585px;}
.learn_room .learn_wrap .learn_cont .learn_info .learn_list h3 {padding-top:15px;font-weight:bold; font-size:22px; margin-bottom:10px; color:#111; letter-spacing:-0.03em;}
.learn_room .learn_wrap .learn_cont .learn_info .learn_list ul:after {content:""; display:block; clear:both;}
.learn_room .learn_wrap .learn_cont .learn_info .learn_list ul li {float:left; margin-right:30px; padding-bottom:5px;}
.learn_room .learn_wrap .learn_cont .learn_info .learn_list ul li .tit {display:inline-block; margin-right:10px; color:#777;}
.learn_room .learn_wrap .learn_cont .learn_info .learn_list ul li .cont {font-weight:bold; color:#333; letter-spacing:0.03em;}
.learn_room .learn_wrap .learn_cont .learn_info .learn_list p.info_total {letter-spacing:0;}

/* 학습방 그래프 */
.learn_room .learn_wrap .learn_cont .learn_condi {width:749px;border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.learn_room .learn_wrap .learn_cont .learn_condi .learn_progress {float:left;width: 355px;padding:15px 15px 20px 0;border-right:1px solid #ccc;}
.learn_room .learn_wrap .learn_cont .learn_condi .learn_progress .graph_area {margin-bottom:15px;}
.learn_room .learn_wrap .learn_cont .learn_condi .learn_progress .graph_area .tit {float:left;width:75px;margin:13px 10px 0 0;}

.learn_room .learn_wrap .learn_cont .learn_condi .learn_progress .graph_area .graph_all {float:left;position:relative;width: 260px;height:40px;border:1px solid #e7e9ea;background:#f9f9f9;z-index:10;}
.learn_room .learn_wrap .learn_cont .learn_condi .learn_progress .graph_area .graph_inner {width:100%;height:40px;}
.learn_room .learn_wrap .learn_cont .learn_condi .learn_progress .graph_area .graph_inner img {height:40px;}
.learn_room .learn_wrap .learn_cont .learn_condi .learn_progress .graph_area .graph_txt {position:absolute; left:5px; top:10px; z-index:10; font-weight:bold; font-size:14px; color:#111; letter-spacing:-0.05em;}

.learn_room .learn_wrap .learn_cont .learn_condi .learn_results {float:left;width: 355px;padding: 15px 0 15px 15px;}
.learn_room .learn_wrap .learn_cont .learn_condi .learn_results .graph_area {margin-bottom:15px;}
.learn_room .learn_wrap .learn_cont .learn_condi .learn_results .graph_area .tit {float:left;width:75px;margin:13px 10px 0 0;}

.graph_area .graph_all {float:left;position:relative;width:100%;height:40px;border:1px solid #e7e9ea;border-left:1px solid #777;background:#f9f9f9;z-index:10;}
.graph_area .graph_inner {width:100%;height:40px;}
.graph_area .graph_inner .graph_img_box {float:left; position:relative;}
.graph_area .graph_inner img {width:100%; height:40px; z-index:10;}
.graph_area .graph_txt {position:absolute; left:5px; top:10px; z-index:10; font-weight:bold; font-size:14px; color:#111; letter-spacing:-0.05em;}
.learn_room .learn_wrap .learn_cont .learn_condi .learn_results .tblV3 {border-bottom:0;}
.learn_room .learn_wrap .learn_cont .learn_condi .learn_results .tblV3 thead th {font-weight:normal;}
.learn_room .learn_wrap .learn_cont .learn_condi .learn_results .tblV3 tbody td {padding-right:10px}

/* 학습방 그래프 */
.color-box {display:inline-block; width:10px; height:10px; margin-right:3px;}
.box_blue {background:#308bd0;}
.box_green {background:#5fc892;}
.box_orange {background:#f78e56;}
.box_yellow {background:#f7cc56;}
.box_skyble {background:#56d1f7;}
.box_violet {background:#566bf7;}
.box_magenta {background:#ee7d8b;}
.box_white {background:#fff;border:1px solid #ccc;}
.txt_g_blue {color:#236cba;}
.txt_g_green {color:#27a765;}
.txt_g_orange {color:#e35a0e;}
.txt_g_yellow {color:#cc6e00;}
.txt_g_skyblue {color:#18aedc;}
.txt_g_violet {color:#566bf7;}
.txt_g_magenta {color:#ee7d8b;}
.txt_g_gray {color:#333;}

/* 학습방 진행 아이콘 안내 */
.learn_room .learn_wrap .learn_cont .learn_cont_list {padding-top:30px;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .text-danger {font-size:12px; line-height:3;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .info_progre {width:709px; height:21px; padding:12px 20px; background:#7d7d7d; color:#fff; }
.learn_room .learn_wrap .learn_cont .learn_cont_list .info_progre ul:after {content:""; display:block; clear:both;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .info_progre ul li {float:left; margin-right:20px;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .info_progre ul li div {display:inline-block; float:left; width:21px; height:21px; margin-right:7px; background:#000;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .info_progre ul li .prog_not_go {background:url(/assets/user/img/common/progress.png) no-repeat left top;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .info_progre ul li .prog_go {background:url(/assets/user/img/common/progress.png) no-repeat left -21px;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .info_progre ul li .prog_compl {background:url(/assets/user/img/common/progress.png) no-repeat left -42px;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .info_progre ul li .prog_not_compl {background:url(/assets/user/img/common/progress.png) no-repeat left -63px;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .info_progre ul li span {float:left;}

/* 학습방 목차 */
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter {padding:15px 20px; border-bottom:1px solid #ccc; background:#e9f1fb;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list {}
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list li {border-bottom:1px solid #ccc;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list li.unit {padding:15px 20px 15px 42px;background:#f2f2f2;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list li.unit_list {background:#f7f7f7;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list li.unit_list .progress_line {float:left; position: relative; width:74px; min-height:70px; height:100%; padding:14px 0; background: url(../img/common/progress_bg.gif) repeat-y left top;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list li.unit_list .progress_line .learn_progress {display:inline-block; position:absolute; left:37px; top:40px; width:21px; height:21px; background:#000;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list li.unit_list .progress_line .prog_not_go {background:url(../img/common/progress.png) no-repeat left top;}/*/assets/user/img/common/progress.png*/
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list li.unit_list .progress_line .prog_go {background:url(../img/common/progress.png) no-repeat left -21px;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list li.unit_list .progress_line .prog_compl {background:url(../img/common/progress.png) no-repeat left -42px;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list li.unit_list .progress_line .prog_not_compl {background:url(../img/common/progress.png) no-repeat left -63px;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list li.unit_list .unit_list_txt {float:left; width:450px; height:auto; padding:14px 0;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list li.unit_list .unit_list_txt .tit {display:block; margin-bottom:7px; color:#333;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list li.unit_list .unit_list_txt .detail {display:inline-block; margin-right:10px; font-size:12px; color:#333;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list li.unit_list .unit_list_txt .detail_cont {font-weight:bold;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list li.unit_list .unit_list_btn {float:right; margin-top:17px; width:207px;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list li.unit_list .unit_list_btn .btn_learning {display:inline-block; width:92px; height:36px; text-align:center; background:#0072bc; color:#fff; line-height:36px;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list li.unit_list .unit_list_btn .btn_quiz {display:inline-block; width:92px; height:36px; text-align:center; background:#00a3a4; color:#fff; line-height:36px;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list li.unit_list .unit_list_txt .list_link {margin-left:10px;}
.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list li.unit_list .unit_list_txt .list_link a {display:inline-block; border-bottom:1px solid; color: #0000ff; line-height:1.1;}
/*.learn_room .learn_wrap .learn_cont .learn_cont_list .chapter_list li.unit_list .unit_list_txt .list_link a:hover {color:#7200ff;}*/



/* 학습방 타이틀 */
.myroom_tit_area {padding-top:30px;}
.myroom_tit_area .glyphicon {font-size:16px;top:-2px;color:#777;}
.myroom_tit_area .tit_txt {display:inline-block;font-size:24px;color:#333;line-height:1;font-weight:bold;letter-spacing:-0.05em;}

/* 학습방 진도율 */
.graph_prog {position:relative; height:40px; border:1px solid #e7e9ea; background:#f9f9f9; z-index:10;}
.graph_prog .graph_inner {width:100%; height:40px;}
.graph_prog .graph_inner img {position:absolute; left:0; top:0; z-index:20; height:40px;}
.graph_prog .graph_txt {position:absolute; left:30px; top:10px; z-index:30; font-weight:bold; font-size:16px; color:#111; letter-spacing:0;}

/* 학습방 코멘트 */
.learn_cont .comt {padding:12px 20px 10px 20px; background:#f5f5f2; border:1px solid #e7e7e7;}

/*=================================================================================
* 타입별 게시판
=================================================================================*/
/* 게시판 카드 타입 3개 */
.board_a_title {padding:15px 0 0 0; margin-bottom: 15px; border-bottom: 1px solid #ccc;}
.board_a_title h3 {margin-bottom: 10px; font-weight: bold; font-size: 17px; color: #111; letter-spacing:-0.7px;}
.board_a_type {}
.board_a_type .layout_grid_cont1 {}
.board_a_type .layout_grid_cont1 .board_banner_list {}
.board_a_type .layout_grid_cont1 .board_banner_list .box_cont {float:left; margin: 0 10px 20px 0; width:310px; border:1px solid #ccc;}
.board_a_type .layout_grid_cont1 .board_banner_list .box_cont a:hover {text-decoration:none;}

.board_a_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_img {margin-bottom:0;}
.board_a_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_img img {width:310px;}
.board_a_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_body {padding:10px;}
.board_a_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_body a:hover {text-decoration:underline;}
.board_a_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_title {height:25px; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; font-weight:bold; font-size: 17px; color:#333; letter-spacing:-0.7px; margin-bottom: 5px; word-break: break-word;}
.board_a_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_cont {overflow:hidden; height:40px; word-break:break-all; font-size: 14px; color: #555; letter-spacing:-0.03em; margin-bottom: 5px;}
.board_a_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_name {font-size: 14px; color: #555; letter-spacing:-0.7px; margin-bottom: 5px;}
.board_a_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_date {font-size: 11px; color: #777; margin-bottom: 5px;}

/* 게시판 카드 타입 4개 */
.board_a2_title {padding:15px 0 0 0; margin-bottom: 15px; border-bottom: 1px solid #ccc;}
.board_a2_title h3 {margin-bottom: 10px; font-weight: bold; font-size: 17px; color: #111; letter-spacing:-0.7px;}
.board_a2_type {}
.board_a2_type .layout_grid_cont1 {}
.board_a2_type .layout_grid_cont1 .board_banner_list {}
.board_a2_type .layout_grid_cont1 .board_banner_list .box_cont {float:left; margin: 0 10px 20px 0; width:235px; border:1px solid #ccc;}
.board_a2_type .layout_grid_cont1 .board_banner_list .box_cont a:hover {text-decoration:none;}
.board_a2_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_img {margin-bottom:0;}
.board_a2_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_img img {width:235px;}
.board_a2_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_body {padding:10px;}
.board_a2_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_body a {}
.board_a2_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_body a:hover {text-decoration:underline;}
.board_a2_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_title {height:25px; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; font-weight:bold; font-size: 17px; color:#333; letter-spacing:-0.7px; margin-bottom: 5px; word-break: break-word;}
.board_a2_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_cont {overflow:hidden; height:40px; word-break:break-all; font-size: 14px; color: #555; letter-spacing:-0.5px; margin-bottom: 5px;}
.board_a2_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_name {font-size: 14px; color: #555; letter-spacing:-0.7px; margin-bottom: 5px;}
.board_a2_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_date {font-size: 11px; color: #777; margin-bottom: 5px;}

/* 게시판 웹진 타입 */
.board_b_title {padding:15px 0 0 0; border-bottom: 1px solid #ccc;}
.board_b_title h3 {margin-bottom: 10px; font-weight: bold; font-size: 17px; color: #111; letter-spacing:-0.7px;}
.board_b_type {}
.board_b_type .layout_grid_cont1 {}
.board_b_type .layout_grid_cont1 .board_banner_list {}
.board_b_type .layout_grid_cont1 .board_banner_list .box_cont {width:100%; height: 150px; padding:10px 0; border-bottom:1px solid #ccc; }
.board_b_type .layout_grid_cont1 .board_banner_list .box_cont a {}
.board_b_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_img {float: left;}
.board_b_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_img img {max-width: 170px; height: auto; width: 100%; min-width: 100px;}
.board_b_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_body {float: left; padding:15px;}
.board_b_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_title {font-size: 17px; color: #111; letter-spacing:-0.7px; margin-bottom: 5px; word-break: break-word;}
.board_b_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_cont {font-size: 14px; color: #555; letter-spacing:-0.7px; margin-bottom: 5px;word-break: break-all;}
.board_b_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_name {font-size: 14px; color: #555; letter-spacing:-0.7px; margin-bottom: 5px;}
.board_b_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_date {font-size: 11px; color: #777; margin-bottom: 5px;}

/* 게시판 리스트 타입 */
.board_c_title {padding:15px 0 0 0; margin-bottom: 10px; border-bottom: 1px solid #ccc;}
.board_c_title h3 {margin-bottom: 10px; font-weight: bold; font-size: 17px; color: #111; letter-spacing:-0.7px;}
.board_c_type {}
.board_c_type .layout_grid_cont1 .board_banner_list .box_cont {position:relative;}
.board_c_type .layout_grid_cont1 .board_banner_list .box_cont a {color:#333}
.board_c_type .layout_grid_cont1 .board_banner_list .box_cont a:hover {text-decoration: underline;}
.board_c_type .layout_grid_cont1 .board_banner_list .box_cont .box_cont_name_area {position:absolute;right:0; top:2px;}

/* 게시판 앨범형 */
.board_album_type {}
.board_album_type .layout_grid_cont1 {}
.board_album_type .layout_grid_cont1 .album_list {}
.board_album_type .layout_grid_cont1 .album_list .box_cont {float:left; margin: 0 10px 20px 0; width:233px; border:1px solid #ccc;}
.board_album_type .layout_grid_cont1 .album_list .box_cont a:hover {text-decoration:none;}
.board_album_type .layout_grid_cont1 .album_list .box_cont .box_cont_img {margin-bottom:0;}
.board_album_type .layout_grid_cont1 .album_list .box_cont .box_cont_img img {width:233px; height:175px;}
.board_album_type .layout_grid_cont1 .album_list .box_cont .box_cont_body {padding:10px;}
.board_album_type .layout_grid_cont1 .album_list .box_cont .box_cont_body a {}
.board_album_type .layout_grid_cont1 .album_list .box_cont .box_cont_body a:hover {text-decoration:underline;}
.board_album_type .layout_grid_cont1 .album_list .box_cont .box_cont_title {height:25px; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; font-weight:bold; font-size: 16px; color:#333; letter-spacing:-0.7px; margin-bottom: 5px; word-break: break-word;}
.board_album_type .layout_grid_cont1 .album_list .box_cont .box_cont_cont {overflow:hidden; height:40px; word-break:break-all; font-size: 14px; color: #555; letter-spacing:-0.03em; margin-bottom: 5px;}
.board_album_type .layout_grid_cont1 .album_list .box_cont .box_cont_info { margin-bottom:3px;padding:0;background:#fff; border:0; font-size: 12px; color: #555; letter-spacing:-0.03em;}
.board_album_type .layout_grid_cont1 .album_list .box_cont .box_cont_info .bold {font-weight: bold;}
.board_album_type .layout_grid_cont1 .album_list .box_cont .box_cont_info .tuition {font-family:'tahoma', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; font-size:14px; color:#333;}

/*=================================================================================
* 온라인 강의 리스트
=================================================================================*/
/* 온라인 강의 리스트 */
.board_a2_title {padding:15px 0 0 0; margin-bottom: 15px; border-bottom: 1px solid #ccc;}
.board_a2_title h3 {margin-bottom: 10px; font-weight: bold; font-size: 17px; color: #111; letter-spacing:-0.7px;}
.online_a2_type {}
.online_a2_type .layout_grid_cont1 {}
.online_a2_type .layout_grid_cont1 .online_banner_list {}
.online_a2_type .layout_grid_cont1 .online_banner_list .box_cont {float:left; margin: 0 10px 20px 0; width:233px; border:1px solid #ccc;}
.online_a2_type .layout_grid_cont1 .online_banner_list .box_cont a:hover {text-decoration:none;}
.online_a2_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_img {margin-bottom:0;}
.online_a2_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_img img {width:233px;}
.online_a2_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_body {padding:10px;}
.online_a2_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_body a {}
.online_a2_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_body a:hover {text-decoration:underline;}
.online_a2_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_title {height:25px; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; font-weight:bold; font-size: 16px; color:#333; letter-spacing:-0.7px; margin-bottom: 5px; word-break: break-word;}
.online_a2_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_cont {overflow:hidden; height:40px; word-break:break-all; font-size:14px; color:#555; letter-spacing:-0.03em; margin-bottom:5px;}
.online_a2_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_info {margin-bottom:3px;background:#fff;border:0;padding:0;font-size:12px; color:#555; letter-spacing:-0.03em;}
.online_a2_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_info .bold {font-weight: bold;}
.online_a2_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_info .tuition {font-family:'tahoma', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; font-size:14px; color:#333;}

.num_area {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #eee;}

/* 온라인 강의 카드형 */
.board_b_title {padding:15px 0 0 0; border-bottom: 1px solid #ccc;}
.board_b_title h3 {margin-bottom: 10px; font-weight: bold; font-size: 17px; color: #111; letter-spacing:-0.7px;}
.online_a_type {}
.online_a_type .layout_grid_cont1 {}
.online_a_type .layout_grid_cont1 .online_banner_list {}
.online_a_type .layout_grid_cont1 .online_banner_list .box_cont {width:100%; padding:10px 0; border-bottom:1px solid #ccc; }
.online_a_type .layout_grid_cont1 .online_banner_list .box_cont a {}
.online_a_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_img {float: left; width:170px; height:128px;}
.online_a_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_img img {max-width: 170px; height:128px; width: 100%; min-width: 100px;}
/*.online_a_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_body {float: left; width:639px; padding:15px;}*/
.online_a_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_body {width:initial; padding:10px 0 0 200px;}
.online_a_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_body .box_cont_in {position:relative;}
.online_a_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_title {
font-weight:normal; font-weight:bold; font-size: 14px; color: #111; letter-spacing:0; margin-bottom: 5px; word-break: break-word;
}
.online_a_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_info {
  display:inline-block; width:inherit; background:#fff;border:0;padding:0; padding-right:130px; font-size:14px; color:#555; letter-spacing:-0.7px;margin:0;margin-bottom:5px; word-break:break-word;
}
.online_a_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_body .box_cont_in .right_btn {position:absolute; right:0; top:5px; width:inherit;}
.online_a_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_body .box_cont_in .right_btn .btn {display:block; width:100px; margin-bottom:5px;}
.online_a_type .layout_grid_cont1 .online_banner_list .box_cont .box_cont_info .explan {}
.online_a_type .layout_grid_cont1 .online_banner_list .box_cont ul:after {content:""; display:block; clear:both;}
.online_a_type .layout_grid_cont1 .online_banner_list .box_cont ul {list-style:none; padding:0; margin:0; margin-bottom:5px}
.online_a_type .layout_grid_cont1 .online_banner_list .box_cont ul li {float:left; margin-right:15px;padding-top:3px;}
.online_a_type .layout_grid_cont1 .online_banner_list .box_cont ul li span.bold {font-weight:bold;}/*font-weight: bold;*/
.online_a_type .layout_grid_cont1 .online_banner_list .box_cont .select_area {margin:0; margin-bottom:5px;}
.online_a_type .layout_grid_cont1 .online_banner_list .box_cont span.bold {font-weight: bold;}
.online_a_type .layout_grid_cont1 .online_banner_list .off_place {width:335px;}

/*=================================================================================
* 모듈별 디자인
=================================================================================*/
/* 메인 상품리스트 롤링배너 */
.goods_area {border: 1px solid #ccc;}
.goods_area .goods_header {padding: 20px 15px;}
.goods_area .goods_header .goods_title {font-weight: bold; font-size: 17px; color: #111; letter-spacing:-0.7px; margin-bottom: 5px; word-break: break-word;}
.goods_area .goods_cont {position:relative; overflow: hidden; height:300px; padding:0 50px 20px 50px;}
.goods_area .goods_cont .gsBtn {position:absolute; z-index: 10; width: 34px; height: 38px; background:url(/assets/user/img/common/welcome_160603.png) no-repeat 0 0;}
.goods_area .goods_cont .gsgLft {left: -1px; top: 110px; background-position: 0 0;}
.goods_area .goods_cont .gsgRgt {right: -1px; top: 110px; background-position: -40px 0;}
.goods_area .goods_cont .goods_list {float: left; width:180px; padding-left:10px; margin-bottom: 40px}
.goods_area .goods_cont .goods_list .goods_img_area {margin-bottom:10px;}
.goods_area .goods_cont .goods_list .goods_name {font-weight: bold; font-size: 14px; color: #333; letter-spacing:-0.7px; margin-bottom: 5px; word-break: break-word;}
.goods_area .goods_cont .goods_list .goods_pubGrp {display: block; margin-top: 5px; width: 150px; height: 15px; line-height: 15px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.goods_area .goods_cont .goods_list .goods_pubGrp .goods_auth {}
.goods_area .goods_cont .goods_list .goods_pubGrp .divi {}
.goods_area .goods_cont .goods_list .goods_pubGrp .goods_pub {}
.goods_area .goods_cont .goods_list .goods_price {font-weight: bold; font-size: 14px; color: #333;  margin-bottom: 5px; word-break: break-word;}

/* 탭디자인 */
.tab{position:relative;height:40px; margin-bottom:20px; border-bottom:1px solid #d0d0d0;border-right:1px solid #d0d0d0;}
.tab ul{overflow:hidden;position:absolute;left:0;top:0;width:100%;}
.tab ul li{float:left;width:33.33%;}
.tab ul li a{display:block;height:17px;padding:11px 0;font-size:14px;text-align:center;border-left:1px solid #d0d0d0;border-top:1px solid #d0d0d0;letter-spacing:-1px;}
.tab ul li a:hover{background-color:#f0f2f4;}
.tab ul li.on{width:33.33%;}
.tab ul li.on a{height:18px;background:#fff;color:#111;font-weight:bold;border-bottom:none;border-top:2px solid #474a52;}
.tab.tab1 {border-right:0;}
.tab.tab1 ul li{width:167px;}
.tab.tab1 ul li a{border-right:1px solid #d0d0d0;}
.tab.tab2 ul li{width:50%;}
.tab.tab4 ul li{width:25%;}
.tab.tab5 ul li{width:20%;}
.tab.tab6 ul li{width:16.666%;}
.tab.tab7 {border-right: none;}
.tab.tab7 ul li{width:14.269%; }
.tab.tab7 ul li:last-child {border-right:1px solid #d0d0d0; }
.tab.tab8 {border-right: none;}
.tab.tab8 ul li{width:12.48%; }
.tab.tab8 ul li:last-child {border-right:1px solid #d0d0d0; }
.tabArea{margin:20px 0 40px;}
.tabArea h4{margin-left:10px;}

/* 별점 */
.rating {}
.rating .star-input>.input,
.rating .star-input>.input>label:hover,
.rating .star-input>.input>input:focus+label,
.rating .star-input>.input>input:checked+label{display: inline-block;vertical-align:middle;background:url('../img/common/grade_img.png')no-repeat;}
.rating .star-input{display:inline-block; white-space:nowrap;width:225px;height:40px;padding:25px;line-height:30px;}
.rating .star-input>.input{display:inline-block;width:150px;background-size:150px;height:28px;white-space:nowrap;overflow:hidden;position: relative;}
.rating .star-input>.input>input{position:absolute;width:1px;height:1px;opacity:0;}
.rating .star-input>.input.focus{outline:1px dotted #ddd;}
.rating .star-input>.input>label{width:30px;height:0;padding:28px 0 0 0;overflow: hidden;float:left;cursor: pointer;position: absolute;top: 0;left: 0;}
.rating .star-input>.input>label:hover,
.rating .star-input>.input>input:focus+label,
.rating .star-input>.input>input:checked+label{background-size: 150px;background-position: 0 bottom;}
.rating .star-input>.input>label:hover~label{background-image: none;}
.rating .star-input>.input>label[for="p1"]{width:30px;z-index:5;}
.rating .star-input>.input>label[for="p2"]{width:60px;z-index:4;}
.rating .star-input>.input>label[for="p3"]{width:90px;z-index:3;}
.rating .star-input>.input>label[for="p4"]{width:120px;z-index:2;}
.rating .star-input>.input>label[for="p5"]{width:150px;z-index:1;}
.rating .star-input>output{display:inline-block;width:60px; font-size:18px;text-align:right; vertical-align:middle;}

/* 장바구니 & 결제 */
.payment_total_box {position:relative; width:100%; height:70px; background:#f7f7f7; border:1px solid #ccc;}
.payment_total_box ul {}
.payment_total_box ul li {float:left; width:33.2222222%; height:70px; border-right:1px solid #ccc; font-size:16px; color:#333; line-height:70px;}
.payment_total_box ul li.last {border-right:0;}
.payment_total_box ul li strong {float:left; padding-left:30px;}
.payment_total_box ul li span {float:right; padding-right:30px;}
.payment_total_box ul li span.mony {font-weight:bold; font-size:18px; color:#111;}
.payment_total_box ul li span.won {padding-right:0; font-size:16px;}
.payment_total_box ul li span.subTotal {font-weight:bold; font-size:24px; color:#16419e;}
.payment_total_box ul li span.subTotal .won {padding-right:0; font-size:18px; color:#333;}
.payment_total_box .minus {position:absolute; left:33%; top:18px; margin-left:-16px;}
.payment_total_box .equal {position:absolute; left:66.6666666%; top:18px; margin-left:-16px;}

/* 온라인 강의 결제 */
.payment_total_box2 {position:relative;width:100%;height: 48px;background:#f7f7f7;border:1px solid #ccc;}
.payment_total_box2 ul {}
.payment_total_box2 ul li {float:left;width:33.2222222%;height: 48px;border-right:1px solid #ccc;font-size:16px;color:#333;line-height: 48px;}
.payment_total_box2 ul li.last {border-right:0;}
.payment_total_box2 ul li strong {float:left; padding-left:30px;}
.payment_total_box2 ul li span {float:right; padding-right:30px;}
.payment_total_box2 ul li span.mony {font-weight:bold; font-size:18px; color:#111;}
.payment_total_box2 ul li span.won {padding-right:0; font-size:16px;}
.payment_total_box2 ul li span.subTotal {font-weight:bold; font-size:24px; color:#16419e;}
.payment_total_box2 ul li span.subTotal .won {padding-right:0; font-size:18px; color:#333;}
.payment_total_box2 .minus {position:absolute;left:33%;top: 8px;margin-left: -13px;}
.payment_total_box2 .equal {position:absolute; left:66.6666666%; top:8px; margin-left:-16px;}

/* 자주묻는 질문 */
.faq_info {margin-bottom:20px; padding:20px; border:1px solid #ccc;}
.faq_info h5 {font-weight:bold; font-size:16px; color:#436cc4;}
.faq_info p {line-height:1.6;}
.faq_info p .glyphicon {font-size:10px;color:#999;}
.faq_categ {margin-bottom:20px; padding:20px; border:1px solid #ccc;}
.faq_categ ul {}
.faq_categ ul li {float: left;}
.faq_categ ul li a {}

/* 안내 영역 */
.user_info {}
.user_info .tit {font-weight:bold; font-size:16px; color:#436cc4;}
.user_info .list_area {width:797px; padding:20px; background:#fafafa; border:1px solid #ccc;}
.user_info .list_area ul {}
.user_info .list_area ul li {padding:2px 0 2px 12px; background: url(/assets/user/img/common/icon_dot.gif) no-repeat left 10px;}

/* 검색영역 */
.boardSearch_center {text-align:center; background:#eee; border:1px solid #d7d7d7; padding:20px;}
.boardSearch{margin-bottom:10px;text-align:right;}
.boardSearch img{vertical-align:top;}

/* 장바구니 프로세스 */
.pay_proce {width:100%; text-align:center; margin-bottom:30px; background:#ededed; border:1px solid #d1d1d1;}
.pay_proce ul:after {content:""; display:block; clear:both;}
.pay_proce ul {display:inline-block; text-align:center; margin:0;}
.pay_proce ul li {float:left;padding:20px;}
.pay_proce ul li .glyphicon {display:inline-block; padding-top:25px; font-size:24px; color:#999;}

/* 주문상세 */
.detail_item {}
.detail_item li {position:relative; padding:5px 0; border-bottom:1px solid #ccc;}
.detail_item li.last {border-bottom:0;}
.detail_item li span.money {display:inline-block; position:absolute; right:0; top:10px;}

/*=================================================================================
* 모듈 로그인 및 회원가입
=================================================================================*/
/* 테이블 */
table{width:100%;}
table th.requi_red:after{content:"*"; display:inline-block; margin-left:3px; color:#f69679;}
table.blue{background:url(/resources/images/mypage/mypage_bar.jpg) 0 top no-repeat;}
table .center td, table .center th{text-align:center;}
.table_tit{margin-bottom:10px; font-size:18px; line-height:100%;}
.table_1{margin-bottom:20px; border-top:2px solid #111; -webkit-box-sizing:border-box; box-sizing:border-box;}
/*.table_1 tr.br_b th,.table_1 tr.br_b td{border-bottom:2px solid #adadad;}*/
.table_1 tr.none td{padding-bottom:0; border-bottom:none;}
.table_1 tr.none + tr td{padding-top:10px;}
.table_1 th{width:160px; text-align:left; padding:20px 0 20px 20px; border-bottom:1px solid #ccc; color:#333;}
.table_1 th.center{text-align:center;}
.table_1 td{padding:20px 0; border-bottom:1px solid #ccc; color:#888;}
.table_1 td ul{padding-top:10px;}
.table_1 td ul li{font-size:14px; color:#888;}
.table_1 a{margin-left:8px;}
.table_list_type{margin-bottom:20px;}
.table_list_type th, .table_list_type td{padding:20px 0; border-bottom: 1px solid #ccc; text-align:center;}
.form_table th, .form_table td{padding:10px 0;}
.form_table th{padding-left:20px;}
.form_table select.mgl_0{margin-left:0;}

/* table */
.tblView{background:url(/assets/user/img/common/bg_line.gif) 0 100% repeat-x;border-top:1px solid #474a52;}
.tblView.bgNone{background:none;}
.tblView dl{overflow:hidden;width:100%;border-bottom:2px solid #e8e8e8;}
.tblView dl dt{float:left;width:8%;height:19px;padding:10px 0 10px 2%;background:url(/assets/user/img/common/bg_bar_2x10.gif) 100% 15px no-repeat;border-bottom:1px solid #e8e8e8;color:#222;}
.tblView dl dd{float:left;width:88%;height:19px;padding:10px 0 10px 2%;border-bottom:1px solid #e8e8e8;color:#777;}
.tblView dl dt.subject{font-size:14px;color:#333;font-weight:bold;}
.tblView dl dd.subject{font-size:14px;color:#333;font-weight:bold;}
.tblView dl dt.add_file{font-size:14px;color:#333;font-weight:bold;}
.tblView dl dd.add_file{font-size:14px;color:#333;font-weight:normal;}
.tblView dl dt.name {text-align:left;border-bottom:1px solid #e8e8e8;}
.tblView dl dd.name {width:10%;padding-right:1%;border-bottom:1px solid #e8e8e8;}
.tblView dt.date{width:10%;padding-right:1%;border-bottom:1px solid #cdd0d5;}
.tblView dd.date{width:10%;padding-left:1%;border-bottom:1px solid #cdd0d5;}
.tblView dt.date3{width:7%;padding-right:1%;border-bottom:1px solid #e8e8e8;}
.tblView dd.date3{width:10%;padding-left:1%;border-bottom:1px solid #e8e8e8;}
.tblView dt.search{width:5%;padding-right:1%;border-bottom:1px solid #cdd0d5;}
.tblView dd.search{width:5%;padding-left:1%;border-bottom:1px solid #cdd0d5;}
.tblView dt.search2{width:5%;padding-right:1%;border-bottom:1px solid #e8e8e8;}
.tblView dd.search2{width:47%;text-align:left;padding-left:1%;border-bottom:1px solid #e8e8e8;}
.tblView dd.category{width:36%;}
.tblView dd.write{width:6%;}
.tblView dd.mail{width:18%;}
.tblView dt.date2{width:6%;}
.tblView dd.date2{width:8%;}
.tblView dt.write2{width:65%;padding-right:1%;text-align:right;}
.tblView dd.write2{width:10%}
.tblView dd.date3{width:10%;}
.tblView .tblContent {min-height:200px;margin:10px 10px;padding-bottom:20px;}
.tblView .tblContent .file_list{margin-bottom:20px;text-align:right;color:#888;line-height:20px;}
.tblView .tblContent .file_list ul{display:inline-block;*display:inline;zoom:1;}
.tblView .tblContent .file_list ul li{padding-left:18px;background:url(/assets/user/img/common/btn_file.gif) 0 5px no-repeat;font-family:Tahoma;}
.tblView .tblContent .file_list ul li a{color:#888;}
.tblView .tblContent img {max-width:820px;}
.tblView .tblContent.type2{min-height:250px;}
.tblView .tblContent.type2 .question{padding-left:44px;background:url(/assets/user/img/sub/bg_faq_question.gif) 8px 2px no-repeat;}
.tblView .tblContent.type2 .answer{padding-left:44px;background:url(/assets/user/img/sub/bg_faq_answer02.gif) 8px 3px no-repeat;}
.tblView .tblContent .figure {padding:10px 0 20px;text-align:center;}
.tblView .tblContent .figure img {width:auto;max-width:100%}

.tbl_thead {overflow:hidden;width:100%;border-bottom:2px solid #e8e8e8;}
.tbl_thead .tbl_subject {padding:11px 0 12px 20px;font-size:14px;font-weight:bold;color:#333;}
.tbl_thead .tbl_subject .th {padding-right:19px;margin-right:18px;background:url(/assets/user/img/common/bg_bar_2x10.gif) no-repeat right 6px}
.tbl_thead .tbl_date {height:19px;padding:10px 20px 10px 0;text-align:right;border-top:1px solid #e8e8e8; background:red}
.tbl_thead .tbl_date .th {padding-right:10px;margin-right:9px;}

.tblForm {width:100%;border-top:2px solid #474a52;}
.tblForm tbody tr th{padding-left:30px;font-size:13px;text-align:left;color:#333;vertical-align:top;}
.tblForm tbody tr th.encog_prog {text-align:right;padding:23px 35px 5px 15px;font-size:14px;}
.tblForm tbody tr th,
.tblForm tbody tr td{padding:13px 0 12px 15px;border-bottom:1px solid #ccc;}
.tblForm tbody tr td a img{vertical-align:middle;}
.tblForm tbody tr td {}
.tblForm tbody tr td p img {max-width:100%;}

/* 과정목표 */
.tblH {border-top:2px solid #252525;}
.tblH tr th{padding:10px 0 10px 20px;background:#fcfcfb;border-right:1px solid #dedede;border-bottom:1px solid #dedede;text-align:left;}
.tblH tr th.last {border-right:0;}
.tblH tr th.border-left {border-left:1px solid #dedede}
.tblH tr td{padding:10px 0 10px 20px;border-bottom:1px solid #dedede;}
.tblH tr th.t_left, .tblH tr td.t_left{padding-left:14px}
.tblH tr th.t_center, .tblH tr td.t_center{text-align:center; padding:10px 5px;}
.tblH tr td.list_contentsNm {padding-left:30px;}
.tblH tr td input[type=text]{vertical-align:top;}
.tblH tr td .postFind input[type=text]{margin-top:5px;}
.tblH tr td .txt input[type=checkbox]{vertical-align:-18%;}
.tblH tr td .tit{display:block;margin-bottom:10px;}
.tblH .txt{display:inline-block;margin-left:10px;font-size:11px;color:#939393;letter-spacing:-1px;}
.tblH .bg{background:#fdfdfd;}
.tblH.type2 tr td{padding-left:25px;}

.tblH2 {width:100%;border-top:1px solid #474a52;}
.tblH2 tr th,
.tblH2 tr td{padding:11px 0 10px 15px;border-bottom:1px solid #cdd0d5;color:#333;text-align:left; background:red}
.tblH2 tr th{font-size:13px;}

.tblV3{width:100%;border-top:1px solid #474a52;border-bottom:1px solid #e8e8e8;}
.tblV3 thead th{padding:11px 0 10px 0;border-bottom:1px solid #cdd0d5;text-align:center;background:#fcfcfb;font-size:14px;font-weight:bold;color:#333;}
.tblV3 tbody tr:first-child td{border-top:2px solid #e8e8e8;}
.tblV3 tbody tr td{padding:11px 0 10px 0;border-top:1px solid #e8e8e8;text-align:center;color:#666;}
.tblV3 tbody tr td a{color:#333;}
.tblV3 tbody tr td a:hover{text-decoration:underline;}
.tblV3 tbody tr td a.link {font-weight:bold;text-decoration:underline;}
.tblV3 tbody tr td a.link:hover {color:#115eb6;}
.tblV3 tbody tr td img{vertical-align:middle;}
.tblV3 thead tr th.t_left, .tblV3 tbody tr td.t_left{text-align:left; padding:11px 0 10px 10px;}
.tblV3 tbody tr td.t_right{padding:11px 10px 10px 0;}
.tblV3 tbody tr.last td{padding-bottom:12px;}

.tblV3 tbody tr td.tb_in_cont {padding:15px 30px 15px 80px; background:#fff; border:0;}
.tblV3 tbody tr td.tb_in_cont .tb_inner .tit {font-weight:bold; color:#111;}
.tblV3 tbody tr td.tb_in_cont .tb_inner p {margin:0; margin-bottom:10px;}
.tblV3 tbody tr td.tb_in_cont .tb_inner .file_link {text-decoration:underline; color:blue;}

/* 게시판 웹진형 */
.tblV3 tbody tr td {}
.tblV3 tbody tr td .bo_web_img {float:left; width:170px; height:128px; margin-right:20px;}
.tblV3 tbody tr td .bo_web_img img {width:170px; height:128px;}
.tblV3 tbody tr td .bo_web_tit {padding-top:30px;}
.tblV3 tbody tr td .bo_web_tit a {font-weight:bold; font-size:16px; color:#111;}
.tblV3 tbody tr td .bo_web_tit a:hover, .bo_web_tit a:focus, .bo_web_tit a:active {text-decoration:underline;}
.tblV3 tbody tr td .bo_web_txt {margin-top:10px;color:#5a5a5a;}

/* 마이페이지 테이블 */
.tblOrder{width:100%;border-top:1px solid #474a52;}
.tblOrder thead th{padding:11px 0 10px 0;border-bottom:1px solid #cdd0d5;text-align:center;font-size:14px;font-weight:bold;color:#333;}
.tblOrder thead th.left {text-align:left; padding-left:15px;}
.tblOrder thead th .txtGrey{display:block;font-size:12px;}
.tblOrder tbody tr:first-child td{border-top:2px solid #e8e8e8;}
.tblOrder tbody tr td{padding:11px 0 10px 0;border-bottom:1px solid #e8e8e8;font-size:14px;text-align:center;color:#333;}
.tblOrder tbody tr td.left {text-align:left; padding-left:15px;}
.tblOrder tbody tr td a{color:#333;}
.tblOrder tbody tr td a:hover{text-decoration:underline;}
.tblOrder tbody tr td img{vertical-align:middle;}
.tblOrder tbody tr td.t_left{text-align:left; padding:11px 0 10px 10px;}
.tblOrder tbody tr td.t_right{padding:11px 10px 10px 0;}
.tblOrder tbody tr td.price strong{font-family:Tahoma;font-size:18px;}
.tblOrder tbody tr td.price .orgPrice{font-size:12px;}
.tblOrder tbody tr td.price .orgPrice strong{font-size:12px;color:#333;text-decoration:line-through;}
.tblOrder tbody tr.last td{padding-bottom:12px;}
.tblOrder tbody tr td .t_center{padding:3px 3px 3px 4px;}
.tblOrder tfoot tr th,
.tblOrder tfoot tr td{background:#f7f8fc;}
.tblOrder tfoot tr th{padding:11px 0 10px 0;}
.tblOrder tfoot tr td{padding:11px 0 10px 0;text-align:center;}
.tblOrder.f13 tbody tr td{font-size:13px;}
.tblOrder .border_l {border-left:1px solid #e8e8e8}
.tblOrder .gj-datepicker-bootstrap span[role=right-icon].input-group-addon {
    border-left: 0;
    position: relative;
    border-radius: 0;
}

.tblOrder .gj-datepicker .form-control {
    width: 77%;
    height: 28px;
    padding: 3px 12px;
}

/* 날짜선택 달력버튼 */
.input-group-addon {display:table-cell;}
.input-group-addon {width:1%; white-space:nowrap;vertical-align:middle;}
.input-group-addon {padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px;}

/*=================================================================================
* 학습방 설문 및 퀴즈
=================================================================================*/
.width700 {width:700px;}
.bgtxt {text-align:center; padding:5px 0; border-radius:10px; background:#f0f0f0; color:#111;}
.bgtxt h3 {font-weight:bold; font-size:20px; letter-spacing:-0.03em;}
.bgtxt h5 {font-weight:normal; font-size:16px; letter-spacing:-0.03em;}
.bgtxt h5 .num {font-weight:bold; font-size:18px;}
.quest_block {margin-top:15px; padding-top:15px; border-top:1px solid #ccc;}
.quest_block .quest_q {font-weight:bold; font-size:16px;}
.quest_block .quest_exam {padding-left:20px;}
.quest_block .quest_exam .txt_area {width:95%;height:150px;}
.quest_result {text-align:center;padding:10px 10px 30px 10px}
.quest_result h3 {display:inline-block;text-align:center; margin-bottom:20px;padding:5px 5px; border-bottom:2px solid #ccc; font-weight:bold;font-size:20px;}
.quest_result ul:after {content:""; display:block; clear:both;}
.quest_result ul li {float:left; margin-right:15px;}
.quest_result ul li span {font-size:16px;}
.quest_result ul li span.num {}
.quest_result ul li span.result {font-weight:bold;}

.quest_result2 {text-align:left; padding:10px 10px 30px 10px}
.bgtxt2 {margin-bottom:20px; min-height:80px; padding:15px; border-radius:4px; background:#f0f0f0; color:#111;}

/* 설문 결과보기 페이지 */
.border_box {padding:20px; border:1px solid #ccc}
.survey .gray_box {margin-bottom:30px; background:#ececec;}
.survey .gray_box .surv_qbox {display:inline-block; float:left; width:40px; height:40px; text-align:center;line-height:40px;background:#555; font-weight:bold; font-size:18px; color:#fff;}
.survey .gray_box .surv_quest {display:inline-block; float:left; width:642px; padding:10px; font-weight:bold; font-size:14px; color:#333; letter-spacing:-0.03em;}

.survey .top_line {border-top:1px solid #ccc; margin-top:10px; padding-top:10px;}
.survey .surv_answer {}
.survey .surv_answer ul {}
.survey .surv_answer ul li:after {content:""; display:block; clear:both;}
.survey .surv_answer ul li {padding-bottom:10px;}
.survey .surv_answer .surv_answer_exam {float:left; width:185px; padding-left:40px; line-height:30px}
.survey .surv_answer .surv_answer_graph {float:left; width:381px;height:30px}
.survey .surv_answer .surv_answer_graph .graph_inner {height:30px}
.survey .surv_answer .surv_answer_graph .graph_inner img {height:30px}
.survey .surv_answer .surv_answer_graph .graph_txt {top:5px;}

.survey .surv_answer .surv_answer_per {float:left; width:87px;padding-left:10px;line-height:30px;font-weight:bold;font-size:18px;}
.survey .surv_answer .surv_answer_num {font-weight:normal; font-size:14px;}
.survey .surv_answer .answer_write {padding-left:40px;}
.survey .surv_answer .answer_name {display:inline-block; margin-bottom:5px; padding-left:40px; font-weight:bold;}

/* 모달팝업 소타이틀 */
.m_stit {}
.m_stit h5 {padding-left:12px; background:url(../img/common/bl_lnb_dth2.png) no-repeat 0 5px; font-weight:500; font-size:16px;}

/* 시험 모달 팝업 */
.edu_test_pop {background: #b7b7b7;}
.edu_test_pop_cont {width:1000px;}
.edu_test_pop_cont .modal-content {width:998px; border-radius:0;}
.edu_test_pop_cont .modal-content .modal-header {height:30px; padding:15px; background:#354052;}
.edu_test_pop_cont .modal-content .modal-header .modal-title {font-weight:normal; font-size:20px; color:#fff;}
.edu_test_pop_cont .modal-content .modal-header .close {width:24px; height:30px; background: url(/assets/user/img/common/icon-color-close_l.png) no-repeat left 5px !important; opacity:1;}
.edu_test_pop_cont .modal-content .test_intro {background:url(/assets/user/img/common/test_bg.jpg) no-repeat 60px 175px !important;}
.edu_test_pop_cont .modal-content .test_intro h5 {padding:75px 35px 0 380px; font-weight:bold; font-size:30px; color:#111;}
.edu_test_pop_cont .modal-content .test_intro ul {padding:0 35px 0 380px; font-size:16px; color:#333;}
.edu_test_pop_cont .modal-content .test_intro ul li:after {content:""; display:block; clear:both;}
.edu_test_pop_cont .modal-content .test_intro ul li {padding:7px 0; width:100%;}
.edu_test_pop_cont .modal-content .test_intro ul li .num {display: block; float:left; width:20px;}
.edu_test_pop_cont .modal-content .test_intro ul li .info {display:block; float:left; width:513px;}
.edu_test_pop_cont .modal-content .test_intro .btn_area {text-align:center; padding:50px 0 132px 0;}
.edu_test_pop_cont .modal-content .modal-body {padding:25px; background:#f0f0f0;}
.edu_test_pop_cont .modal-content .modal-body .area_ques {float:left; width:664px; margin-right:20px}
.edu_test_pop_cont .modal-content .modal-body .area_ques .titntime {}
.edu_test_pop_cont .modal-content .modal-body .area_ques .titntime .time {font-size:16px; color:#333;}
.edu_test_pop_cont .modal-content .modal-body .area_ques .tit_ques,
.edu_test_pop_cont .modal-content .modal-body .area_answer .tit_answer {margin:0; margin-bottom:12px; font-weight:bold; font-size:20px;}
.edu_test_pop_cont .modal-content .modal-body .area_ques .area_ques_inner {overflow-x: hidden;overflow-y:auto;width:654px; height:483px; padding:5px; background:#fff;}
.edu_test_pop_cont .modal-content .modal-body .area_ques .area_ques_inner .ques_info {width:634px; height:20px; padding:10px; background:#eee;}
.edu_test_pop_cont .modal-content .modal-body .area_ques .area_ques_inner .ques_info .ques_info_txt {font-size:14px; color:#555;}
.edu_test_pop_cont .modal-content .modal-body .area_ques .area_ques_inner .ques_body {padding:20px 17px;}
.edu_test_pop_cont .modal-content .modal-body .area_ques .area_ques_inner .ques_body .num {float:left; width:20px; margin-right:10px;}
.edu_test_pop_cont .modal-content .modal-body .area_ques .area_ques_inner .ques_body .question {float:left; width:570px; font-size:16px; color:#333; line-height:1.6;}
.edu_test_pop_cont .modal-content .modal-body .area_ques .area_ques_inner .ques_body .area_exam {padding-left:30px;}
.edu_test_pop_cont .modal-content .modal-body .area_ques .area_ques_inner .ques_body .area_exam ul {}
.edu_test_pop_cont .modal-content .modal-body .area_ques .area_ques_inner .ques_body .area_exam ul li {padding:3px 0; font-size:16px; color:#333;}
.edu_test_pop_cont .modal-content .modal-body .area_ques .area_ques_inner .ques_body .area_exam ul li.selec_exam a {color:#337ab7;}
.edu_test_pop_cont .modal-content .modal-body .area_ques .area_ques_inner .ques_body .area_exam ul li.selec_exam_check {}
.edu_test_pop_cont .modal-content .modal-body .area_ques .area_ques_inner .ques_body .area_exam ul li.selec_exam_check a {padding-right:23px;background:url(/assets/user/img/common/bg_check.gif) no-repeat right 5px; font-weight:bold; color:#098460;}
.edu_test_pop_cont .modal-content .modal-body .area_answer {float:left; width:264px;}
.edu_test_pop_cont .modal-content .modal-body .area_answer .answer_body {overflow-x:hidden; overflow-y:auto; width:230px; height:453px; padding:20px 17px;background:#fff;}
.edu_test_pop_cont .modal-content .modal-body .area_answer .answer_body .bloc_answer {}
.edu_test_pop_cont .modal-content .modal-body .area_answer .answer_body .bloc_answer form {position:relative;}
.edu_test_pop_cont .modal-content .modal-body .area_answer .answer_body .bloc_answer .num {margin:0 0 10px 0; font-weight:bold; font-size:14px; color:#333;}
.edu_test_pop_cont .modal-content .modal-footer {text-align:center; padding:0 15px 25px 15px; border:none; background:#f0f0f0;}
.edu_test_pop_cont .modal-content .modal-body .btn_test, .edu_test_pop_cont .modal-content .modal-footer .btn_test {width:130px; height:40px; padding:0; font-size:16px; line-height:40px; border-radius:0;}

/*=================================================================================
* 캘린터 데이트 타임피커
=================================================================================*/
.form-inline .form-group {}
.form-inline .form-group .control-label {}
.datetimepicker-hours .hour legend, .datetimepicker-hours .hour caption {display:block}
.datetimepicker-hours {}
.form-inline .form-group .user_width180 {width:180px;height:18px;padding:3px 0 3px 7px;line-height:1;color:#333;border:1px solid #bbb;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;font-family:'맑은고딕',Malgun Gothic,'돋움',dotum, Arial,Sans-serif;}
.form-inline .form-group .user_width110 {width:110px;height:18px;padding:3px 0 3px 7px;line-height:1;color:#333;border:1px solid #bbb;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;font-family:'맑은고딕',Malgun Gothic,'돋움',dotum, Arial,Sans-serif;}
.form-inline .form-group .form_datetime .input-group-addon, .form-inline .form-group .form_date .input-group-addon {padding:4px 6px;border-radius:0;background:#fff;border-top:1px solid #bbb;}

/*=================================================================================
* 사용자 팝업
=================================================================================*/
.layer_popup_fixed {position:absolute; left:0; top:0; right:0;}
.layer_popup_fixed .container {position:relative; z-index:9999999999;}
.layer_popup {margin:0 5px; border:3px solid #333; background:#fff;}
.layer_popup .pop_cont p {margin:0;}
.layer_popup .pop_close_area {height:37px;background:#333;}
.layer_popup .pop_close_area .today_cl {float:left; padding:8px 0 0 10px;}
.layer_popup .pop_close_area .today_cl .txtlight {color:#eee !important;}
.layer_popup .pop_close_area .link_close {float:right; padding:8px 10px 0 0;}
.layer_popup .pop_close_area .link_close .txtlight {color:#eee !important;}
.layer_popup .pop_close_area .link_close .txtBold {font-weight:bold;}

/* 팝업 사이즈 */
.size-large {width:540px; height:auto;}
.size-medium {width:344px; height:auto;}
.size-small {width:250px; height:auto;}

/* 팝업 이미지 사이즈 */
/*.layer_popup .pop_cont {height:400px; overflow:hidden; overflow-y:auto;}*/
.size-large .pop_cont img {width:540px !important; height:auto;}
.size-medium .pop_cont img {width:344px !important; height:auto;}
.size-small .pop_cont img {width:250px !important; height:auto;}
.layer_popup .pop_cont_body {width:auto; padding:15px; background:#fff;}

/* 팝업 위치 */
.left_top {position:absolute; left:0; top:100px;}
.size-large.center_top {position:absolute; left:50%; margin-left:-270px; top:100px;}
.size-medium.center_top {position:absolute; left:50%; margin-left:-175px; top:100px;}
.size-small.center_top {position:absolute; left:50%; margin-left:-125px; top:100px;}
.right_top {position:absolute; right:0; top:100px;}