/**************************************************************
 * ¸ðÀÇ°í»ç ( ÇöÀå ÀÀ½Ã Àü¿ë°ü / ¿Â¶óÀÎ ÀÀ½Ã Àü¿ë°ü )
**************************************************************/
#ssamWrapNew .mockExam #subTitle {padding:0}
.mockExam {position:relative}

/* Äü¹è³Ê */
.quick_mock {position:absolute;top:90px;right:50%;width:122px;margin-right:-658px}
.quick_mock a {display:block;}

/* ¸ðÀÇ°í»ç °øÁö */
.mock_notice {position:relative;margin-bottom:30px;padding:15px 15px 15px 166px;box-sizing:border-box;background-color:#f5f5f5}
.mock_notice .tit_notice {display:block;position:absolute;top:0;left:0;width:166px;padding:32px 0 0 32px;box-sizing:border-box;font-style:normal;font-size:24px;line-height:32px;color:#999;letter-spacing:-0.075em}
.mock_notice .tit_notice strong {display:block;color:#222}
.mock_notice .list_notice li {overflow:hidden;position:relative;height:22px;padding-left:10px;box-sizing:border-box;}
.mock_notice .list_notice li:before {display:block;position:absolute;top:10px;left:0;width:3px;height:3px;content:'';background-color:#d1d1d1}
.mock_notice .list_notice .title {overflow:hidden;float:left;width:76%;font-size:13px;line-height:22px;color:#222;white-space:nowrap;text-overflow:ellipsis;}
.mock_notice .list_notice .date {float:right;font-size:13px;line-height:22px;color:#999;}
.mock_notice .slider_notice {padding:20px;background-color:#fff}
.mock_notice .slider_notice .swiper-container {height:88px}
.mock_notice .swiper-control {position:absolute;bottom:20px;left:32px;width:90px;height:25px;border-radius:25px;background-color:#fff}
.mock_notice .swiper-button-prev,
.mock_notice .swiper-button-next {position:absolute;top:7px;width:6px;height:11px;margin:0;outline:0 none;transition:0.2s}
.mock_notice .swiper-button-prev {background:url(/myLec/mockExam/images/slider_prev.png) 0 0 no-repeat}
.mock_notice .swiper-button-next {background:url(/myLec/mockExam/images/slider_next.png) 0 0 no-repeat}
.mock_notice .swiper-button-prev:hover {background-image:url(/myLec/mockExam/images/slider_prev_on.png)}
.mock_notice .swiper-button-next:hover {background-image:url(/myLec/mockExam/images/slider_next_on.png)}
.mock_notice .swiper-pagination {bottom:0;height:22px;font-size:13px;color:#999}
.mock_notice .swiper-pagination-current {font-weight:bold;color:#222}

/* ÀÀ½Ã¼ø¼­ */
.mock_order {margin-bottom:50px;padding:20px 0 17px 0;border:1px solid #222;box-sizing:border-box;background-color:#fff;}
.mock_order .list_order {display:table;width:100%;margin:0;padding:0}
.mock_order .list_order li {display:table-cell;position:relative;min-width:85px;padding-top:4px;box-sizing:border-box;text-align:center;background:url(/myLec/mockExam/images/order_arrow.png) 0 0 no-repeat}
.mock_order .list_order li:first-child {background:none}
.mock_order .num {display:inline-block;margin-bottom:5px;width:23px;height:23px;border-radius:50%;font-style:normal;font-weight:bold;font-size:15px;line-height:23px;color:#fff;letter-spacing:-0.05em;background-color:#999}
.mock_order .tit {display:block;margin-bottom:3px;font-weight:bold;font-size:15px;line-height:22px;color:#222;letter-spacing:-0.05em}
.mock_order .txt {display:block;margin:0;padding:0;font-size:13px;line-height:16px;color:#65a721}
.mock_order .bubble {display:block;position:absolute;top:-40px;left:50%;width:77px;height:40px;margin-left:-38px;padding-top:4px;box-sizing:border-box;font-size:11px;line-height:12px;color:#fff;letter-spacing:-0.05em;background:url(/myLec/mockExam/images/bubble_01.png) 0 0 no-repeat;transition:0.2s}
.mock_order .bubble:hover {text-decoration:none;top:-36px;color:#cbe3a8;text-shadow:1px 1px 1px #000}
.mock_order .bubble_03 {display: block; position: absolute; top: -40px; left: 50%; width: 142; height: 40px; margin-left: -71px; padding-top: 6px; box-sizing: border-box; font-size: 11px; line-height: 12px; color: #fff; letter-spacing: -0.05em; background: url(/myLec/mockExam/images/bubble_03.png) 0 0 no-repeat; transition: 0.2s;}
.mock_order .bubble_03:hover {text-decoration:none;top:-36px;color:#cbe3a8;text-shadow:1px 1px 1px #000}
.mock_order.offline {border-color:#c5d5ec;background-color:#f5f9fd}
.mock_order.offline .num {width:33px;height:20px;margin-bottom:8px;border-radius:33px;line-height:20px;background-color:#5491e5}
.mock_order.offline .tit {margin-bottom:4px}
.mock_order.offline .txt {color:#5491e5}
.mock_order.offline .list_order li {padding-bottom:7px;background-image:url(/myLec/mockExam/images/order_arrow_blue.png)}
.mock_order.offline .list_order li:first-child {background:none}

/* À¯ÀÇ»çÇ× */
.mock_guide {position:relative; padding:20px 40px; background-color:#e5e5e5}
.mock_guide .tit_guide {display:block;margin-bottom: 15px;font-weight:bold; font-size:18px; color:#222;}
/* .mock_guide .tit_guide:before {display:block;position:absolute;top:0;left:0;width:20px;height:20px;border-radius:50%;background:#ccc url(/myLec/mockExam/images/icon_guide.png) 50% 50% no-repeat;content:''} */
.mock_guide .list_guide {}
.mock_guide .list_guide li {font-size:13px;line-height:20px;color:#222;letter-spacing:-0.05em;}
.mock_guide .list_guide li strong.online{background-color:#e3cb92;}
.mock_guide .list_guide li strong.offline{background-color:#98e2eb;}
.mock_guide .list_guide li:last-of-type{padding-bottom: 0px;}

/* tab */
.tab_comm .tab_list > li > a {height:60px;border-color:#dee5f3;line-height:60px;color:#666;background-color:#f8f9fc;transition:0.15s}
.tab_comm .tab_list > li > a.active:after {height:60px}
.tab_comm .tab_list > li > a:hover {text-decoration:none}
.tab_comm .tab_list > li > a:not(.active):hover {background-color:#f1f6fd}

/* title */
.tit_board {margin-bottom:13px;}
.tit_board:after {display:block;content:'';clear:both}
.tit_board .headline {float:left;padding:0 20px;font-weight:normal;font-size:24px;line-height:28px;color:#333;letter-spacing:-0.075em}
.tit_board .tab_faq {overflow:hidden;float:left;margin-top:14px}
.tit_board .tab_faq li {float:left;position:relative;padding:0 16px 0 17px}
.tit_board .tab_faq li:before {display:block;position:absolute;top:50%;left:0;width:1px;height:13px;margin-top:-6px;background-color:#d4d4d4;content:''}
.tit_board .tab_faq li:first-child:before {display:none}
.tit_board .tab_faq li a {display:block;font-size:13px;line-height:18px;color:#666;letter-spacing:-0.05em}
.tit_board .tab_faq li a.active {font-weight:bold;color:#3c7ce4}

/* faq */
.accordion_comm {margin-bottom:60px}
.list_accordion dt .title {padding-left:18px}
.list_accordion dt .question {background-image:url(/myLec/mockExam/images/icon_question.png)}
.list_accordion.active dt .title {color:#3c7ce4}

/* button */
.btn_center {border-top:0 none}
.btn_center a.update {border-color:#3c7ce4;background-color:#3c7ce4}
.btn_center a.update:hover {border-color:#3272da;background-color:#3272da}

.btn_board {margin-top:18px;}
.btn_board a.write {margin-top:0;border-color:#3c7ce4;background-color:#3c7ce4}
.btn_board a.my_post {float:right;width:140px;margin-right:10px;border-color:#549216;color:#fff;background-color:#549216}
.btn_board a.write:hover {border-color:#3272da;background-color:#3272da}
.btn_board a.my_post:hover {border-color:#4a8815;background-color:#4a8815;text-decoration:none;}

/* paging */
.paging_comm {margin-top:40px}
.paging_comm.mock *:not(img) {display:inline-block;height:12px;padding:0 3px;font-size:12px;line-height:12px;}
.paging_comm.mock strong {padding:0}
.paging_comm.mock img {display:inline-block;vertical-align:top;}


/* table - list */
.tbl_comm.list tbody td {padding:15px 0;color:#222}
.tbl_comm.list .fix td {background-color:#f1f6fd}
.tbl_comm.list .fix .fix_tit {font-weight:bold;color:#3c7ce4}
.tbl_comm.list .title {color:#222}
.tbl_comm.list .type {color:#3c7ce4}
.tbl_comm.list .progress {color:#999}
.tbl_comm.list button {width:auto;height:36px;padding:0 13px;border:1px solid #222;font-size:13px;line-height:35px;color:#222;background-color:#fff;cursor:pointer;transition:0.15s}
.tbl_comm.list button.bd_green {border-color:#549216;color:#549216}
.tbl_comm.list button.bg_green {border-color:#549216;color:#fff;background-color:#549216}
.tbl_comm.list button.bd_blue {border-color:#3c7ce4;color:#3c7ce4}
.tbl_comm.list button.bg_testenter {border-color:#c4982f;color:#fff;background-color:#c4982f}
.tbl_comm.list button:hover {box-shadow:1px 1px 2px #aaa}

.tbl_comm.list .title {text-align:center;color:#222}
.tbl_comm.list .disabled {color:#666;background-color:transparent;text-shadow:1px 1px 1px #fff}
.tbl_comm.list .deadline {position:absolute;top:-7px;left:0;width:100px;height:30px;font-weight:bold;font-size:11px;line-height:23px;color:#fff;background:url(/myLec/mockExam/images/bubble_02.png) 0 0 no-repeat}
.tbl_comm.list.online thead th {background-color:#fbfafa}
.tbl_comm.list.online tbody td {position:relative;padding:26px 0;line-height:16px;color:#222}
.tbl_comm.list.offline thead th {background-color:#fbfafa}
.tbl_comm.list.offline tbody td {height:68px; vertical-align: top;}
.tbl_comm.list.offline button {width:75px;padding:0}
.tbl_comm.list.offline .title {width:100%}
.tbl_comm.list.online tr:not(.fix):hover td {background:none;}
.tbl_comm.list.offline tr:not(.fix):hover td {background:none;}

/* table - view */
.tbl_comm.view thead th {background-color:#fbf9fa;}
.tbl_comm.view .file_view dd a {border-color:#3c7ce4;color:#3c7ce4}
.tbl_comm.view .file_view dd a:hover {box-shadow:inset 0 -5px 1px rgba(60,124,228,0.2)}
.tbl_comm.view .progress {color:#999}

/* table - Q&A write */
.tbl_comm.write .chk_secret {margin-left:20px}
.txt_comment {margin:10px 0 0 0;padding:0;font-size:13px;color:#6d6d6d;text-align:right;letter-spacing:-0.05em;}


/* ³ªÀÇ ½ÅÃ»³»¿ª - ÇÊµ¶ */
.notice_sound{border: 1px solid #3c7ce4; position: relative; margin-top: 50px; padding: 30px 40px;}
.notice_sound:before{content:'ÇÊµ¶!'; color:#fff; font-size: 15px; font-weight: bold; text-align: center; line-height: 28px;  width: 62px; height: 28px; border-radius:14px; display:inline-block; position: absolute; top: -13px; left: 30px; background: #3c7ce4;}
.notice_sound .notice_sound_txt{font-size: 13px; padding: 0px; margin: 0px; color: #666; line-height: 24px;}
.notice_sound .notice_sound_txt > strong{color:#333; font-size: 15px}
.notice_sound a.btn_sound_test{display: inline-block; width: 132px; height: 65px; background-color: #c1c1c1; text-align: center; text-decoration:none; color:#fff; font-size: 13px; font-weight: bold; letter-spacing:-0.05em; position: absolute; right: 40px; top: 34px;}
.notice_sound a.btn_sound_test:hover{background-color:#3c7ce4;}
.notice_sound a.btn_sound_test:before{content:''; display: block; width: 26px; height: 22px; background:url('/myLec/mockExam/images/icon_sound.png')no-repeat 50% 50%; margin: 0px auto; margin-top: 10px; margin-bottom: 5px;}

/* ´ä¾ÈÁö Á¦Ãâ/ Ã¼Á¡È®ÀÎ */
.lay_Scoring{width: 755px; border: 1px solid #333; box-sizing: border-box; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); position: absolute; top: 660px; background: #fff; display: none; z-index:99}
.lay_Scoring > h5{background:#333; font-size: 24px; color:#fff; letter-spacing:-0.075em; font-weight: normal; padding: 25px; position: relative;}
.lay_Scoring .lay_Scoring_content{padding: 20px;}

.lay_Scoring .close {width: 38px; height: 38px; position: absolute; right: 27px; top: 25px; cursor: pointer;}
.lay_Scoring .close:after {content: ''; height: 38px; border-left: 2px solid #fff; position: absolute; transform: rotate(45deg); left: 18px;}
.lay_Scoring .close:before {content: ''; height: 38px; border-left: 2px solid #fff; position: absolute; transform: rotate(-45deg); left: 18px;}

.Scoring_content_top {}
.Scoring_content_top button {display:inline-block;height:30px;padding:0 18px;border:0 none;box-sizing:border-box;font-weight:bold;font-size:13px;color:#fff;letter-spacing:-0.05em;background-color:#999;vertical-align:top;cursor:pointer;transition:0.1s}
.Scoring_content_top button:hover {background-color:#525252}
.Scoring_content_top .select_round {width:100px;}
.Scoring_content_top .select_round {display:inline-block;height:30px;padding:0 38px 0 10px;border:1px solid #ccc;font-family:"Malgun Gothic";font-size:13px;color:#666;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0 none;background:#fff url(/images/bbs/ico_select.png) 90% 50% no-repeat}
.Scoring_content_top .select_round::-ms-expand {display:none}

.Scoring_content_top .deadline{font-size: 13px; color:#666; float: right;}
.Scoring_content_top .deadline > em{font-style: normal; color:#e10b00; font-weight: bold; }
.Scoring_content_top:after{clear:both; content: ''; display: block; }

.lay_Scoring_form{margin-top: 25px;}

.lay_Scoring_form .submission-area{text-align: center; }
.lay_Scoring_form .submission-area > ul { background-color: #f6f6f6; padding: 35px; position: relative;}
.lay_Scoring_form .submission-area > ul:before{content: 'À¯ÀÇ»çÇ×'; display: inline-block; position: absolute; left: 44px; font-weight: bold; font-size: 13px; top: 40px;}
.lay_Scoring_form .submission-area > ul{background-color:#f6f6f6; padding: 35px; }
.lay_Scoring_form .submission-area > ul > li:before{content: '*'; display: inline-block; position: relative; left: -5px;}
.lay_Scoring_form .submission-area > ul > li{font-size: 12px; color:#656565; padding-left: 100px;  text-align: left; text-indent: -3px;}
.lay_Scoring_form .submission-area > ul > li > em{font-style: normal; color:#e10b01}

.lay_Scoring_form .submission-area	a.btn_submission{margin: 15px 0 25px; display:inline-block; width: 165px; height: 46px; line-height: 46px; font-size: 20px; color:#fff; text-decoration:none; background-color: #000000; opacity: 0.8; text-align: center;}
.lay_Scoring_form .submission-area	a.btn_submission:hover{opacity: 1}

.filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.filebox label {display: inline-block; color: #fff; vertical-align: middle; background-color: #c1c1c1; cursor: pointer; width: 60px; height: 30px; text-align: center; line-height: 30px; margin-left: -5px;}
.filebox .upload-name1 {
	display: inline-block; height: 30px; font-size:13px;  padding: 0 10px; vertical-align: middle; border: 1px solid #c1c1c1; width: 260px;
	-webkit-appearance: none; /* ³×ÀÌÆ¼ºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none;
	}/* named upload */
.filebox .upload-name2 {
	display: inline-block; height: 30px; font-size:13px;  padding: 0 10px; vertical-align: middle; border: 1px solid #c1c1c1; width: 260px;
	-webkit-appearance: none; /* ³×ÀÌÆ¼ºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none;
	}/* named upload */
.filebox .upload-name3 {
	display: inline-block; height: 30px; font-size:13px;  padding: 0 10px; vertical-align: middle; border: 1px solid #c1c1c1; width: 260px;
	-webkit-appearance: none; /* ³×ÀÌÆ¼ºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none;
	}/* named upload */

.filebox .add_file{font-weight: bold; letter-spacing: -0.05em; text-decoration: underline; margin-left: 10px;}
/* ´ä¾ÈÁö Á¦Ãâ table */
.Scoringtb {width: 100%; border: 1px solid #e1e1e1; border-collapse: collapse; border-spacing: 0; margin-bottom: 10px}
.Scoringtb td{border-bottom: 1px solid #e1e1e1; padding: 15px 0px;}
.Scoringtb td.td-round{text-align: center; font-size: 15px; color:#222; font-weight: bold;}
.Scoringtb td.td-title{background:#f5f5f5; text-align: center; font-size: 13px; color:#666}
.Scoringtb td:last-child{padding-left: 40px; font-size: 13px; color:#666}
.Scoringtb td > .complete{color:#e10b00; font-weight: bold; margin-right: 10px;}
.Scoringtb td > .btn_filedown{display:inline-block; width: 160px; height: 30px; line-height: 30px; color:#fff; text-decoration:none; background-color: #000000; opacity: 0.8; text-align: center;}
.Scoringtb td > .btn_filedown:hover{opacity: 1}
.Scoringtb td > .btn_filedown:before{content:''; display: inline-block; width: 14px; height: 16px;background:url('/myLec/mockExam/images/bu_filedown.png')no-repeat 50% 50%; margin-right: 10px; top: 2px; position: relative;}

.Scoringtb td .upload-file{margin-top: 10px;}
.Scoringtb td .upload-file:after{clear:both; display:block; content:'';}
.Scoringtb td .upload-file li{font-size: 13px; color: #222; font-weight: bold; float:left; width: 20%}
.Scoringtb td .upload-file li{position: relative;}
.Scoringtb td .upload-file li .btn_file-del{line-height: 17px; display: inline-block; vertical-align: text-bottom; margin-left: 5px;}

/* ÇØ¼³°­ÀÇ/¼ºÀûºÐ¼® */
.select_analysis{position: absolute; top: 0px; right: 20px; z-index: 9}/* ¿Â¶óÀÎ¸ðÀÇ°í»ç ½ÃÇè°ú¸ñ ¹× °­»ç¸í ¼±ÅÃ */
.analysis{position: relative;}
.analysis > .headline{float: none;}
.tit_board-info{margin-top: 18px; margin-bottom: 25px; padding-left: 20px;}
.tit_board-info li{color:#666666; font-size: 13px; letter-spacing: -0.02em}
.tit_board-info li:nth-child(1) strong{color:#d85904}
.tit_board-info li:nth-child(2) strong{color:#398700}

.tit_board-info li > em{color: #e10b00; font-style: normal;}
.off_analysis_banner{margin-top: 25px;}

.selfgrading {background:url('/myLec/mockExam/images/self_grading_notice.jpg')no-repeat 50% 50%; width: 755px; height: 257px; position:relative;}
.selfgrading a{display:block; width: 165px; color:#fff !important;; font-size: 17px; font-weight: bold; text-align: center; position: absolute; right: 40px; bottom: 40px; padding: 20px 0px;}
.selfgrading a.btn_scoreInput{background-color:#ff8830; }
.selfgrading a.btn_myscore{background-color:#333;}


a.btn_mockExam{display: inline-block; width: 70px; height: 30px; line-height: 30px; font-size: 13px; font-weight:bold; box-sizing: border-box; text-shadow: none;}
a.btn_payready{border: 1px solid #222; background-color: #222; color:#fff !important; }
a.btn_print{border: 1px solid #222; background-color: #fff; color:#222 !important; }
a.btn_depositready{border: 1px solid #999; background-color: #999; color:#fff !important;}
a.btn_answer{border: 1px solid #ff8830; background-color: #fff; color:#ff8830 !important;}
a.btn_entrance{border: 1px solid #ff8830; background-color: #ff8830; color:#fff !important;}


.onlinetest_info{}
.onlinetest_info:after{content:''; display:block; clear: both;}
.onlinetest_info ul{float: right;}
.onlinetest_info ul li{float:left; padding: 0 15px 15px 0px;}
.onlinetest_info ul li a{font-size: 13px; color:#222; text-decoration: underline; font-weight: bold;}
.onlinetest_info ul .icon_vod:before{content:''; display: inline-block; width: 32px; height: 32px; background:url('/mylec/mockExam/images/icon_vod.png')no-repeat 50% 50%; margin: -10px 10px;}
.onlinetest_info ul .icon_voice:before{content:''; display: inline-block; width: 32px; height: 32px; background:url('/mylec/mockExam/images/icon_voice.png')no-repeat 50% 50%; margin: -10px 10px;}

/* ÀÚ°¡Ã¤Á¡ µî·ÏÇ¥ */
.lay_Scoring_content {height: 650px; overflow-y: auto;}
.lay_Scoring_content h4.title{font-size: 16px; color: #333; letter-spacing: -0.075em; font-weight: bold; padding-bottom: 10px; position: relative;}
.lay_Scoring_content > .lay_Scoring_form{margin-top: 0px}
.MyuScoretb {width: 100%;  border-collapse: collapse; margin-bottom: 20px;}
.MyuScoretb th{border: 1px solid #dcdcdc; background-color: #fafafa; color: #5b5b5b; font-size: 14px; font-weight: bold; letter-spacing: -1px; padding: 10px 0;}
.MyuScoretb td{border: 1px solid #dcdcdc; padding: 10px 0; text-align: center; font-size: 14px;}
.MyuScoretb td .mscore{text-align: center; font-size: 14px;}
.MyuScoretb td input.inscore{text-align: center;width: 50%; font-size: 18px; font-weight: bold; height: 28px}
.MyuScoretb tr:last-child td{font-weight: bold;}
.MyuScoretb td.td-sum{background-color: #fafafa; color: #5b5b5b; font-size: 14px; font-weight: bold;}

.minCentent_height p.notice_txt{padding-bottom: 35px; font-size: 14px;}
.minCentent_height p.notice_txt strong{font-size: 13px; font-weight: bold;}

.lay_Scoring_content .btn_scoreInput{display:block; width: 165px; color:#fff !important;; font-size: 17px; font-weight: bold; text-align: center; padding: 20px 0px; background-color:#333; margin: 0 auto; margin-bottom: 50px;}
