@import url(layout.css);
.all_menu,body { min-width:988px;}
body.bg_login { background:#eee;}
#side { background: #dddddd; left: -320px; }
#side2{ left: 0; }
#footer.log { position:absolute; left:0; bottom:0; width:100%;}
#contents > .m0auto { padding:40px 0 80px;}

input[type="text"].type1 { border-radius:40px; background:#f7f7f7; border:none;}

.chk_lv:after { content:""; display:block; clear:both;}
.chk_lv li { float:left; margin:0 4px; }
.chk_lv li a { display:block; width:38px; height:38px; background:#fff; text-align:center; line-height:38px; font-size:14px; color:#919ba0; border-radius:50px;}
.chk_lv li a.on { border:1px solid #919ba0; box-sizing:border-box; line-height:36px;}

.msg_box .both { padding:15px 5px 20px 0; border-top:2px solid #919ba0; border-bottom:1px solid #dedede;} 
.msg_box .both a { margin:0 15px;}
.msg_box .nick { padding:0 0 0 60px; font-size:18px; color:#fa640f;}
.msg_box .msg_detail{ margin:0;}
.msg_box .msg_detail > ul  { overflow:auto; padding:0 0 30px; height:615px; box-sizing:border-box;}
.msg_box .msg_detail > ul li { margin:30px 0 0 0; padding:0 30px;} 
.msg_box .msg_detail > ul li:after { content:""; display:block; clear:both;}
.msg_box .msg_detail > ul > li > div { display:inline-block; position:relative; min-width:200px; max-width:480px; padding:20px 20px 20px 45px; border-radius:3px;}
.msg_box .msg_detail > ul > li > div label { margin:0 5px 0 -20px;}
.msg_box .msg_detail > ul > li > div span { font-size:14px; position:relative; top:-2px;}
.msg_box .msg_detail > ul > li > div > a { position:absolute; right:20px; top:20px;}
.msg_box .msg_detail > ul > li > div div { font-size:16px;}
.msg_box .msg_detail > ul > li.you { text-align:left;}
.msg_box .msg_detail > ul > li.me { text-align:right;}
.msg_box .msg_detail > ul > li.you > div { background:#f7f7f7;}
.msg_box .msg_detail > ul > li.me > div { background:#64d2f5; text-align:left; color:#fff;}
.msg_box .msg_detail > ul > li.me > div div { color:#fff;}
.msg_box .msg_detail > ul > li.you > div:after { content:""; display:block; position:absolute; left:-20px; top:10px; border-style:solid; border-width:10px; border-color:transparent #f7f7f7 transparent transparent}
.msg_box .msg_detail > ul > li.me > div:after { content:""; display:block; position:absolute; right:-20px; top:10px; border-style:solid; border-width:10px; border-color:transparent transparent transparent #64d2f5}
.msg_box .msg_detail > div { padding:20px; background:#f7f7f7; text-align:right;}
.msg_box .msg_detail > div textarea { margin-bottom:15px; height:100px; text-align:left;}
.msg_box .right.p0 { padding:0}

.alram_list { padding:30px 20px; background:#f8f1df; border-top:1px solid #dedede;}
.alram_list * { color:#4b505a; font-weight:normal;}
.alram_list h3 { padding:0 0 15px; font-size:16px;}
.alram_list li { padding:5px 0 0 10px; font-size:14px; background: url(/img/common/bu_square.png) no-repeat 0 15px;}
.alram_list li:first-child { padding-top:0; background-position:0 10px;}
.alram_list li strong { }/*display:inline-block; width:150px;*/
.btn_onoff { padding:0 0 0 25px; background:url(/img/common/ico_plus.png) no-repeat left;}
.btn_onoff em { display:none;}
.btn_onoff span { display:inline;}
.btn_onoff.on { padding:0 0 0 25px; background:url(/img/common/ico_minus.png) no-repeat left;}
.btn_onoff.on span { display:none;}
.btn_onoff.on em { display:inline;}
.day_box { height:48px; border-radius:3px; background:#4b505a; line-height:48px; color:#fff; font-size:20px; text-align:center;}
.day_box a { position:relative; top:-3px; margin:0 85px;}

.month_cal .top { position:relative; background:#4b505a; border-radius:3px 3px 0 0; text-align:center;}
.month_cal .top h3 { display:inline-block; *display:block; *margin:0 auto; *width:130px; position:relative; padding:0 90px; height:48px; line-height:48px; text-align:center; font-size:20px; color:#fff;}
.month_cal .top h3 .prev { position:absolute; left:0; top:15px;}
.month_cal .top h3 .next { position:absolute; right:0; top:15px;}
.month_cal .top.normal { background:#fff; border-bottom:1px solid #ddd;}
.month_cal .top.normal h3 { display:block; margin:0; width:auto; position:static; padding:0 0 30px 0; height:auto; line-height:100%; text-align:left; font-size:16px; color:#fa640f; font-weight:normal;}
.month_cal .top.normal h3 span { padding:0 0 0 10px; color:#919ba0;}
.month_cal .top.normal .right { padding:0; height:auto; line-height:normal; background:none;}
.month_cal .top.normal .right a { width:auto; height:auto; line-height:normal; color:#6e737d; font-size:14px;}
.month_cal .top .left { position:absolute; left:5px; top:5px;}
.month_cal .top .left a { display:inline-block; padding:0 35px; height:38px; line-height:38px; border-radius:3px; background:#2b7d10; font-size:16px; color:#abc5a6;}
.month_cal .top .right { position:absolute; right:5px; top:5px; padding:2px; height:34px; line-height:34px; background:#363a42;}
.month_cal .top .right a { display:inline-block; padding:0; width:66px; height:34px; line-height:34px; text-align:center; color:#abc5a6; font-size:16px; background:none; cursor:pointer;}
.month_cal .top .right a.on{ color:#4b505a; font-size:16px; border-radius:3px; background:#ebecec;}
.top + .normal { margin-top:20px;}
.month_cal table th,
.month_cal table td  { border:1px solid #ddd; font-size:14px;}
.month_cal table th:first-child,
.month_cal table td:first-child,
.month_cal table tbody td:first-child div { color:#e13c4b !important;}
.month_cal table thead th { height:29px; padding:0 10px; border-top:none; text-align:left; font-weight:normal;}
.month_cal table tbody td { position:relative; height:120px; padding:10px 10px 20px; vertical-align:top; color:#4b505a; box-sizing:border-box;}
.month_cal table tbody td div:first-child { padding:20px 0 0 0; font-size:14px; color:#222;}
.month_cal table tbody td.on:after { content:""; display:block; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; border:3px solid #6e737d; box-sizing:border-box;}
.month_cal table tbody td li { margin:5px 0 0 0; border-radius:3px;}
.month_cal table tbody td li a { display:block; position:relative; padding:10px 30px 10px 5px; font-size:14px; color:#222;}
.month_cal table tbody td li a span { display:block; font-size:12px;}
.month_cal table tbody td li a img { position:absolute; right:10px; top:15px;}
.month_cal table tbody td li:first-child { margin:0;}
.month_cal table tbody td li.bg1 { background:#96e1c3;}
.month_cal table tbody td li.bg2 { background:#fdb4bb;}
.month_cal table tbody td li.bg3 { background:#aaeb9b;}
.month_cal table tbody td li.bg4 { background:#ff9494;}
.month_cal table tbody td li.bg5 { background:#cfd3d5;}
.month_cal table tbody td li.bg6 { background:#86d2eb;}
.month_cal table tbody td li.bg7 { background:#dab47c;}
.month_cal table tbody td li.bg8 { background:#f3e278;}
.month_cal table tbody td li.bg9 { background:#e7ac95;}
.month_cal table tbody td li.bg10 { background:#e9bffe;}

.month_cal table tbody td li.bg1.on { background:#fff; border:3px solid #96e1c3; border-radius:2px;}
.month_cal table tbody td li.bg2.on { background:#fff; border:3px solid #fdb4bb; border-radius:2px;}
.month_cal table tbody td li.bg3.on { background:#fff; border:3px solid #aaeb9b; border-radius:2px;}
.month_cal table tbody td li.bg4.on { background:#fff; border:3px solid #ff9494; border-radius:2px;}
.month_cal table tbody td li.bg5.on { background:#fff; border:3px solid #cfd3d5; border-radius:2px;}
.month_cal table tbody td li.bg6.on { background:#fff; border:3px solid #86d2eb; border-radius:2px;}
.month_cal table tbody td li.bg7.on { background:#fff; border:3px solid #dab47c; border-radius:2px;}
.month_cal table tbody td li.bg8.on { background:#fff; border:3px solid #f3e278; border-radius:2px;}
.month_cal table tbody td li.bg9.on { background:#fff; border:3px solid #e7ac95; border-radius:2px;}
.month_cal table tbody td li.bg10.on { background:#fff; border:3px solid #e9bffe; border-radius:2px;}

.month_cal table tbody td .list2 { padding:10px 0;}
.month_cal table tbody td .list2 li { border-radius:0;}
.month_cal table tbody td .total { display:inline-block; height:25px; line-height:25px; padding:0 7px; border-radius:3px; background:#eee; font-size:14px; color:#4b505a;}
.month_cal .con { border-bottom:2px solid #4b505a;}
.month_cal .con.bg1 { border-top:1px solid #4b505a;}
.month_cal table tbody td ul { position:relative; height:184px; overflow:hidden;}
.month_cal table tbody td ul.layout1 { position:relative;height:auto; overflow:hidden;}
.month_cal table tbody td ul.on { position:static; overflow:visible; height:auto;}
.month_cal table tbody td .more { position:absolute; left:0; bottom:0; width:100%; background:#fff;}
.month_cal table tbody td .more a { display:block; height:25px; line-height:25px; font-size:14px; color:#6e737d; text-align:center; border-top:1px solid #ddd;}
.month_cal table tbody td .more a strong { color:#fa640f;}
.month_cal table tbody td .more a.off { display:none;}
.month_cal table tbody td .more a.on:after { content:url(/img/common/bu_arrow_down.png); padding-left:5px;}
.month_cal table tbody td .more a.off:after { content: url(/img/common/bu_arrow_up.png); padding-left:5px;}

.month_cal .con { border-bottom:2px solid #4b505a;}

/*筌욑옙�뒭筌욑옙筌띾Þ苡�
.month_cal .top { position:relative; background:#4b505a; border-radius:3px 3px 0 0; text-align:center;}
.month_cal .top h3 { display:inline-block; *display:block; *margin:0 auto; *width:130px; position:relative; padding:0 90px; height:48px; line-height:48px; text-align:center; font-size:20px; color:#fff;}
.month_cal .top h3 .prev { position:absolute; left:0; top:15px;}
.month_cal .top h3 .next { position:absolute; right:0; top:15px;}
.month_cal .top.normal { background:#fff; border-bottom:1px solid #ddd;}
.month_cal .top.normal h3 { display:block; margin:0; width:auto; position:static; padding:0 0 20px 0; height:auto; line-height:100%; text-align:left; font-size:16px; color:#fa640f; font-weight:normal;}
.month_cal .top.normal h3 span { padding:0 0 0 10px; color:#919ba0;}
.month_cal .top.normal .right { padding:0; height:auto; line-height:normal; background:none;}
.month_cal .top.normal .right a { width:auto; height:auto; line-height:normal; color:#6e737d; font-size:14px;}
.month_cal .top .left { position:absolute; left:5px; top:5px;}
.month_cal .top .left a { display:inline-block; padding:0 35px; height:38px; line-height:38px; border-radius:3px; background:#2b7d10; font-size:16px; color:#abc5a6;}
.month_cal .top .right { position:absolute; right:5px; top:5px; padding:2px; height:34px; line-height:34px; background:#363a42;}
.month_cal .top .right a { display:inline-block; padding:0; width:66px; height:34px; line-height:34px; text-align:center; color:#abc5a6; font-size:16px; background:none; cursor:pointer;}
.month_cal .top .right a.on{ color:#4b505a; font-size:16px; border-radius:3px; background:#ebecec;}
.month_cal .top +  .top{ margin-top:20px;}
.month_cal table th,
.month_cal table td  { border:1px solid #ddd; font-size:14px;}
.month_cal table .holiday,
.month_cal table th:first-child,
.month_cal table td:first-child,
.month_cal table tbody td:first-child div { color:#e13c4b !important;}
.month_cal table thead th { height:29px; padding:0 10px; border-top:none; text-align:left; font-weight:normal;}
.month_cal table tbody td { position:relative; height:120px; padding:10px 10px 20px; vertical-align:top; color:#4b505a; box-sizing:border-box;}
.month_cal table tbody td div:first-child { padding:20px 0 0 0; font-size:14px; color:#222;}
.month_cal table tbody td.on:after { content:""; display:block; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; border:1px solid #919ba0; box-sizing:border-box;}
.month_cal table tbody td li { margin:5px 0 0 0; border-radius:3px;}
.month_cal table tbody td li a { display:block; position:relative; padding:10px 5px; font-size:14px; color:#222;}
.month_cal table tbody td li a.none1 { display: inline-block ; padding:0; color:#4b505a;}
.month_cal table tbody td li a span { display:block; font-size:12px;}
.month_cal table tbody td li a img { position:absolute; right:10px; top:15px;}
.month_cal table tbody td li:first-child { margin:0;}
.month_cal table tbody td li.bg1 { background:#ffcdaa;}
.month_cal table tbody td li.bg2 { background:#fdb4bb;}
.month_cal table tbody td li.bg3 { background:#fec0e3;}
.month_cal table tbody td li.bg4 { background:#aaeb9b;}
.month_cal table tbody td li.bg5 { background:#f3e278;}
.month_cal table tbody td li.bg6 { background:#beb4ff;}
.month_cal table tbody td li.bg7 { background:#96e1c3;}
.month_cal table tbody td li.bg8 { background:#ddd;}
.month_cal table tbody td li.bg9 { background:#aad2f5;}
.month_cal table tbody td li.bg10 { background:#b6c3ca;}

.month_cal table tbody td li.ms a { display:block; position:relative; padding:6px 5px; font-size:14px; color:#222;}
.month_cal table tbody td li.bg1_1 { border:3px solid #ffcdaa;}
.month_cal table tbody td li.bg1_2 { border:3px solid #fdb4bb;}
.month_cal table tbody td li.bg1_3 { border:3px solid #fec0e3;}
.month_cal table tbody td li.bg1_4 { border:3px solid #aaeb9b;}
.month_cal table tbody td li.bg1_5 { border:3px solid #f3e278;}
.month_cal table tbody td li.bg1_6 { border:3px solid #beb4ff;}
.month_cal table tbody td li.bg1_7 { border:3px solid #96e1c3;}
.month_cal table tbody td li.bg1_8 { border:3px solid #ddd;}
.month_cal table tbody td li.bg1_9 { border:3px solid #aad2f5;}
.month_cal table tbody td li.bg1_10 { border:3px solid #b6c3ca;}

.month_cal table tbody td .list2 { padding:10px 0;}
.month_cal table tbody td .list2 li { border-radius:0;}
.month_cal table tbody td .total { display:inline-block; height:25px; line-height:25px; padding:0 7px; border-radius:3px; background:#eee; font-size:14px; color:#4b505a;}
.month_cal .con { border-bottom:2px solid #4b505a;}
.month_cal .con.bg1 { border-top:1px solid #4b505a;}
.month_cal table tbody td ul { position:relative; height:184px; overflow:hidden;}
.month_cal table tbody td ul.on { position:static; overflow:visible; height:auto;}
.month_cal table tbody td .more { position:absolute; left:0; bottom:0; width:100%; background:#fff;}
.month_cal table tbody td .more a { display:block; height:25px; line-height:25px; font-size:14px; color:#6e737d; text-align:center; border-top:1px solid #ddd;}
.month_cal table tbody td .more a strong { color:#fa640f;}
.month_cal table tbody td .more a.off { display:none;}
.month_cal table tbody td .more a.on:after { content:url(/img/common/bu_arrow_down.png); padding-left:5px;}
.month_cal table tbody td .more a.off:after { content: url(/img/common/bu_arrow_up.png); padding-left:5px;}
*/


.step_h { padding:0 0 10px; font-size:18px; color:#4b505a; font-weight:normal;}
.step_h.bg1 { border-top:1px dashed  #cccccc; margin-top:20px; padding-top:20px;}
.step_h .step { display:inline-block; position:relative; top:-2px; width:64px; height:26px; margin:0 10px 0 0; background: url(/img/middlestudy/bg_step_off.png) no-repeat; font-size:12px; color:#fff; line-height:26px; text-indent:5px;}
.step_h em { padding:0 0 0 10px; font-size:14px; color:#6e737d;}
.step_h .checklist { float:right; padding:5px 0 0 0;}
.step_h .notice1 { clear:both;}
.step_h3 { border-bottom:1px dashed  #cccccc; padding-bottom:20px}


.box_type1 { margin-bottom:35px; background:#f7f7f7;}
.box_type1 > div { position:relative; padding:30px;}
.box_type1 > div.disabled { opacity:0.8;}
.box_type1 > div + div { margin-top:-45px;}
.box_type1 > div h5 { font-weight:normal;}
.box_type1 > div h5 em { font-size:14px; color:#6e737d;}
.box_type1 > div .input_list { padding:15px 30px 0; background:#fff; margin:5px 0 0 ;}
.box_type1 > div .input_list:after { content:""; display:block; clear:both;}
.box_type1 > div .input_list li { float:left; padding:0 0 15px; width:33%; color:#4b505a; font-size:14px;}
.box_type1 > div .input_list li :checked + label { color:#fa640f;}
.box_type1 > div .input_list p { text-align:center; padding:0 0 15px;}
.box_type1 > div.info { margin:0; padding:20px 30px; border-top:1px dashed #dedede; font-size:14px; color:#6e737d;}
.box_type1 > div.info strong { font-weight:normal;}
.box_type2 > ul { padding:15px 30px; background:#ddd;}
.box_type2 > ul li { float:left;}
.box_type2 > div { padding:15px 30px 5px; background:#f7f7f7;}
.box_type2 > div a { display:inline-block; margin:0 10px 10px 0; padding:0 10px; min-width:95px; height:34px; line-height:34px; border-radius:3px; font-size:14px; color:#222;}
.box_type2 > div a.c1 { background:#aad2f5;}
.box_type2 > p { padding:0 30px 20px; background:#f7f7f7; font-size:14px; color:#6e737d;}

.sch_right { padding:15px 0; text-align:right;}
.sch_right.bg1 { border-top:1px dashed  #cccccc; margin-top:20px;}
.sch_right a { margin:0 10px; font-size:14px; color:#6e737d;}

.select_lecture h4 { position:relative;}
.select_lecture h4 a { display:block; margin-top:8px; height:48px; line-height:48px; background:#ddd; border:1px solid #ccc; font-size:18px; color:#222; text-indent:30px; outline:0; cursor:pointer;}
.select_lecture.open h4 a {pointer-events:none;}
.select_lecture h4:after { content:""; display:block; position:absolute; left:0; bottom:-3px; width:100%; height:3px; background:#ddd;}
.select_lecture h4:first-child { margin:0;}
.select_lecture h4 .ui-icon { display:block; position:absolute; right:20px; top:20px; width:15px; height:9px; background:url(/img/middlestudy/bu_arrow_off2.png) no-repeat;}
.select_lecture h4.ui-state-active .ui-icon { background:url(/img/middlestudy/bu_arrow_on2.png) no-repeat;}
.select_lecture h4 label { position:absolute; left:8px; top:17px;}

.select_lecture > div { border-top:2px solid #e5e5e5;}
.select_lecture.open > div { display:block !important;}
.select_lecture > div .top { position:relative; margin-bottom:5px; background:#fff;}
.select_lecture > div .top .left { position:relative; padding:10px 0 30px 25px; border:1px solid #dedede;}
.select_lecture > div .top .left h5 { padding:0 0 15px; font-size:28px; color:#3773c3;}
.select_lecture > div .top .left p { font-size:18px; color:#4b505a;}
.select_lecture > div .top .left .info { padding:10px 0 25px; font-size:14px; color:#919ba0;}
.select_lecture > div .top .left .bu1 { display:inline-block; padding:0 5px; min-width:38px; height:25px; background:#faf09b; border-radius:3px; text-align:center; line-height:25px; font-size:14px; color:#6e737d;}
.select_lecture > div .top .left .bu2 { display:inline-block; position:relative; top:-4px; margin-left:10px; padding:0 5px; min-width:36px; height:22px; border:2px solid #247eca; color:#247eca; line-height:22px; font-size:14px; font-weight:normal; border-radius:5px; text-align:center; }
.select_lecture > div .top .right { position:absolute; right:0; top:0; width:160px; height:100%; box-sizing:border-box;}
.select_lecture > div .top .right  span { display:block; position:absolute; left:50%; top:50%;width:60px; padding:2px; height:22px; line-height:22px; text-align:center; font-size:14px; border-radius:5px; margin-top:-10px;	}
.select_lecture > div .top .right  span.ico1 { background:#faf09b;}
.select_lecture > div .top .right  span.ico2 { background:#eee; }


.cates { display:inline-block; padding:0 10px 0 0; height:20px; line-height:20px; font-size:14px; color:#fff; margin-top:10px;}
.cates em { display:inline-block; padding:0 10px; margin:0 10px 0 0; height:20px; line-height:20px; color:#fff;}
.cates.c1 { background:#46a5f0;}
.cates.c1 em { background:#3773c3;}

.box_type3 { margin:20px 0 60px; position:relative; padding:10px 190px 10px 150px; background:#f7f7f7;}
.box_type3 h3 { position:absolute; left:15px; top:17px; color:#4b505a; font-weight:normal;}
.box_type3 a { position:absolute; right:30px; top:10px;}
.box_type4 { border-bottom:1px solid #eee;}
.box_type4 h2 { padding:20px 0; font-weight:normal; color:#4b505a;}
.box_type4 li { float:left; width:20%; padding:0 0 20px;}
.box_type4 .no4 li { width:25%;}
.box_type5 { padding:0 0 20px 25px;}

.pass_box { padding:0 0 60px;}
.pass_box .top { background: url(/img/studentcare/bg_phone.png) no-repeat 780px 60px #eee; text-align:center; padding:60px 0 55px;}
.pass_box .top h3 { padding:0 0 30px; font-size:28px; color:#fa640f;}
.pass_box .top p { padding:0 0 20px; font-size:16px; color:#4b505a;}
.pass_box .top span { font-size:14px; color:#6e737d;}
.pass_box .btm { padding:40px 0; background:#f7f7f7;}
.pass_box .btm p { padding:0 0 15px 15px;}
.pass_box .btm div { width:560px; margin:0 auto;}

.type4 div.option { position:relative; font-size:14px; color:#222; float:left; width:60px; text-align:left; padding-top:9px; font-size:16px;}
.type4 div.checklist{ float:left; padding:10px 0 0 20px;}
.type4 div.checklist:after { content:""; display:block; clear:both;}
.type4 div.checklist2{ float:left; padding:0 90px 0 20px;}
.type4 div.checklist2:after { content:""; display:block; clear:both;}

.info_txt { font-size:18px}
.info_txt span { margin:0 20px; height:16px;}

.lecture_list li { position:relative; padding:10px 0; border-bottom:1px solid #eee;}
.lecture_list li select { position:absolute; right:0; top:5px;}
.lecture_list li p{ position:absolute; right:0; top:5px;}
.lecture_list label span { display:inline-block; margin:0 5px; width:20px; height:20px; position:relative; top:0px; background:#eee; border-radius:3px; text-align:center; line-height:20px; font-size:13px;}
.lecture_list label span.ico1 { color:#ff6478;}
.lecture_list label span.ico2 { color:#3773c3;}

.info_box { margin:0 0 20px; padding:20px; background:#f7f7f7; font-size:14px;}
.info_box img { padding:0 5px 0 0;}
.info_box span { display:inline-block; padding-right:5px; font-size:16px;}
.h4 + .info_box { margin-top:15px;}
.h3 + .info_box { margin-top:15px;}

.note_box { margin:10px 0 0 0;}
.note_box.bg2 { padding:0; background:#fff; border:none; }
.note_box .top { height:53px; line-height:53px; border-bottom:2px solid #919ba0;}
.note_box .top.border1 { border-bottom:0;}
.note_box .btn_list { float:right ; margin-top:-35px;}
.note_box .btn_list:after { content:""; display:block; clear:both;}
.note_box .btn_list  a { margin-left:30px;}
.note_box .list { padding:20px 0 0 0; margin-left:-20px; border-bottom:2px solid #919ba0;}
.note_box .list > div { float:left; padding:30px 20px; margin:0 0 20px 20px; width:315px; height:260px; border-radius:7px; background:#f7f7f7; box-sizing:border-box;}
.note_box .list > div label { color:#f86611;}
.note_box .list > div .box { overflow:auto; margin-bottom:20px; height:150px; background:#fff;}
.note_box .list > div.on { border:4px solid #f6c751;}

.dialog_box2  h2 { padding:15px 5px 10px; color:#919ba0; font-weight:normal;}
.dialog_box3  h2 { padding:15px 5px 10px; color:#919ba0; font-weight:normal;}

.pop_list1 { padding:20px 20px 0; border-top:1px solid #919ba0; background:#f7f7f7; border-bottom:1px solid #dedede;}
.pop_list1:after { content:""; display:block; clear:both;}
.pop_list1 li { float:left; padding:0 0 20px; width:25%;}

.pop_type1 .content { padding:15px 0;}
.ov_680 { height:680px; overflow:auto;}

.psd_main .box1 { padding:40px 30px 0; background:#f7f7f7;}
.psd_main .box1 h3 { padding:0 0 40px; font-size:26px; color:#222; font-weight:normal;}
.psd_main .box1 .both { background: url(/img/primarystudy/bu.png) no-repeat center 32px; }
.psd_main .box1 .both h4 { float:left; width:140px; color:#919ba0; font-size:24px; font-weight:normal; }
.psd_main .box1 .both h4 span { display:block; color:#4b505a;}
.psd_main .box1 .both ul { float:left; margin-left:-10px; width:240px;}
.psd_main .box1 .both ul:after { content:""; display:block; clear:both;}
.psd_main .box1 .both ul li { float:left; padding:0 10px 10px 0;}
.psd_main .box1 .both ul li a { display:block; width:70px; height:70px; line-height:64px; text-align:center; border:3px solid #919ba0; font-size:22px; color:#919ba0; background:#fff; border-radius:5px; box-sizing:border-box;}
.psd_main .box1 .both ul li.on a { border:3px solid #000; color:#fff; background:#ff828c;}
.psd_main .box1 > a { display:block; margin-top:40px; height:55px; line-height:55px; border-top:1px solid #ddd; text-align:center; font-size:14px;}

.psd_main .box2 { 
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	padding:40px 0 0 0;
}
.psd_main .box2 > div { 
	flex: 0 0 calc(25% - 12px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 126px;
	padding: 20px 20px 15px 20px;
	box-sizing: border-box;
	background-color: #f7f7f7; 
	border-radius: 7px; 
	background-repeat: no-repeat; 
	background-position: right 12px top 19px;
	background-size: 90px 75px;
}
.psd_main .box2 > div h3 { 
	line-height: 1.5;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -1px;
	color:#222;
}
.psd_main .box2 > div a { 
	width: fit-content;
	font-size: 16px;
}
.psd_main .box2 > div a img{
	margin: 2px 0 0 3px;
}

.psd_main .box2 > div.bg1{ background-image:url(/img/primarystudy/ico-psd1.png); }
.psd_main .box2 > div.bg2{ background-image:url(/img/primarystudy/ico-psd2.png); }
.psd_main .box2 > div.bg3{ background-image:url(/img/primarystudy/ico-psd3.png); }
.psd_main .box2 > div.bg4{ background-image:url(/img/primarystudy/ico-psd4.png); }
.psd_main .box2 > div.bg5{ background-image:url(/img/primarystudy/ico-psd5.png); }
.psd_main .box2 > div.bg6{ background-image:url(/img/primarystudy/ico-psd6.png); }
.psd_main .box2 > div.bg7{ background-image:url(/img/primarystudy/ico-psd7.png); }
.psd_main .box2 > div.bg8{ background-image:url(/img/primarystudy/ico-psd8.png); }
.psd_main .box2 > div.bg9{ background-image:url(/img/primarystudy/ico-psd9.png); }
.psd_main .box2 > div.bg10{ background-image:url(/img/primarystudy/ico-psd10.png); }
.psd_main .box2 > div.bg11{ background-image:url(/img/primarystudy/ico-psd11.png); }
.psd_main .box2 > div.bg12{ background-image:url(/img/primarystudy/ico-psd12.png); }
.psd_main .box2 > div.bg13{ background-image:url(/img/primarystudy/ico-psd13.png); }
.psd_main .box2 > div.bg14{ background-image:url(/img/primarystudy/ico-psd14.png); background-size: 107px 75px;}
.psd_main .box2 > div.bg15{ background-image:url(/img/primarystudy/ico-psd15.png);}

.study_top { height:70px; overflow:hidden; position:relative;}
.study_top.bg1 { background:#f7f7f7;}
.study_top table.study td { width:33.3%; height:70px;}
.study_top table.study td.l { padding:0 0 0 25px; font-size:16px; color:#6e737d;}
.study_top table.study td.l strong { padding:0 0 0 5px; color:#222; font-weight:normal;}
.study_top table.study td.l em { color:#fa640f;}
.study_top table.study td.r { padding:0 75px 0 0; text-align:right; font-size:14px; color:#6e737d;}
.study_top .arrow-left { position:absolute; right:30px; top:18px; z-index:10;}
.study_top .arrow-right { position:absolute; right:30px; bottom:18px; z-index:10;}
.study_top .swiper-container,
.study_top .swiper-slide,
.study_top .swiper-wrapper { height:70px;}
.study_top .swiper-slide{ text-align:left;}


.step_box > div { position:relative; margin:10px 0 0 0; padding:15px 30px 15px 260px; background:#f7f7f7;}
.step_box > div.po1{ padding:20px 30px 25px 300px;}
.step_box > div:first-child { margin:0;}
.step_box > div h3 { position:absolute; left:30px; top:15px; font-size:16px; color:#4b505a; font-weight:normal;}
.step_box > div h3 .step { display:inline-block; position:relative; top:-2px; width:64px; height:26px; margin:0 10px 0 0; background:url(/img/middlestudy/bg_step_off.png) no-repeat; font-size:10px; color:#fff; line-height:26px; text-indent:5px;}
.step_box > div h3  em { display:block; font-size:14px;; }
.step_box .al_left { margin-top:-10px;}
.step_box .al_left li { float:left; padding:10px 0 0 0;}
.step_box .al_left li.tit1 { width:90px;padding:7px 0 0 0;}
.step_box .al_left li select { position:relative; top:-5px;}
.step_box .sel2 li { position:relative; margin-top:20px; padding:20px 0 0; border-top:1px solid #dedede; color:#6e737d;}
.step_box .sel2 li:first-child { border:none; padding-top:0; margin:0;}
.step_box .sel2 li:first-child span { top:3px;}
.step_box .sel2 li span { float:right; display: inline-block; width:120px; height:22px; line-height:22px; text-align:center; font-size:14px; border-radius:5px; background:#fff; margin-left:10px;}
.step_box .sel2 li span.ico1 { border:2px solid #148c64; color:#148c64;}
.step_box .sel2 li span.ico2 { border:2px solid #aad264; color:#aad264;}
.step_box .sel2 li span.ico3 { border:2px solid #919ba0; color:#919ba0;}
.step_box .sel3 { padding-top:8px;}
.step_box .sel3 h4 { height:48px; line-height:48px; background:#ddd; border:1px solid #cdcdcd; border-bottom:3px solid #cdcdcd; font-size:18px; color:#222; text-indent:30px;}
.step_box .sel3 ul { border:4px solid #dedede; border-top:none; background:#fff;}
.step_box .sel3 ul li { position:relative; float:left; width:33.3%; padding:0 30px; box-sizing:border-box; height:72px; line-height:72px;}
.step_box .sel3 ul li > span { position:absolute; left:30px;}
.step_box .sel3 ul li div { text-align:right; font-size:24px; color:#6e737d;}
.step_box .sel3 ul li div b { font-weight:normal; font-size:16px;}
.step_box .sel3 ul li:after { content:""; display:block; position:absolute; left:0; top:30px; height:16px; width:1px; background:#ccc;}
.step_box .sel3 ul li:first-child:after { display:none;}
.step_box.on > div { padding:20px 20px 20px 260px; background:none; border:1px solid #56abee;}
.step_box.on > div h3 .step { display:none;}
.step_box + .h4 { margin-top:20px;}

.step_box2 { background:#f7f7f7; padding:10px 20px}
.step_box2 + .step_h { margin-top:20px;}
.step_box3 { position:relative; text-align:left; background: url(/img/middlestudy/bg_box1.png) no-repeat ; float:right; width:510px; margin-top:-36px; height:31px; color:#fff; padding:5px 0 0 40px;}
.step_box4 { position:relative; float:right; margin-top:-15px; }
.step_box5 { position:relative; float:right; margin-top:-90px; }
.step_box6 { position:relative; float:right; margin:-30px 0 0 0; padding-bottom:10px }
.step_box3:after,
.step_box4:after,
.step_box5:after,  
.step_box6:after { content:""; display:block; clear:both;}

.step_box2 span { display:block; position:absolute; right:10px; top:10px; width:56px; height:22px; line-height:22px; text-align:center; font-size:14px; border-radius:5px; background:#fff;}
.step_box2 span.ico1 { border:2px solid #148c64; color:#148c64;}

.result_box + .h4 { margin-top:40px;}
.result_box { padding:40px 30px; background:#f7f7f7; border-radius:5px;}
.result_box li { float:left; margin:0 0 0 14px; width:120px;}
.result_box li:first-child { margin-left:0;}
.result_box li dt { height:40px; line-height:40px; border-radius:3px 3px 0 0; color:#fff; text-align:center;}
.result_box li dd { height:104px; background:#fff; border-radius:0 0 3px 3px;}
.result_box li dd span { display:block; padding:20px 0; font-size:14px; color:#6e737d; text-align:center; line-height:100%;}
.result_box li dd div { font-size:16px; color:#4b505a; text-align:center; line-height:100%;}
.result_box li dd div strong { font-size:46px;}
.result_box li.c1 dt { background:#ff7b30;}
.result_box li.c2 dt { background:#ff6478;}
.result_box li.c3 dt { background:#309c17;}
.result_box li.c4 dt { background:#209da1;}
.result_box li.c5 dt { background:#8f44ad;}
.result_box li.c6 dt { background:#3773c3;}
.result_box li.c7 dt { background:#4b505a;}
.result_box li.c7 dd { background:#ddd;}
.result_box.ver2 li { width:388px; margin:0;}
.result_box.ver2 li dd span { padding:10px 0 30px;}
.result_box.ver2 li dd > div { float:left; position:relative; width:50%; height:104px; padding:20px 0; background:#fff;}
.result_box.ver2 li dd > div:after { content:""; display:block; position:absolute; left:0; top:20px; width:1px; height:104px; background:#eee;}
.result_box.ver2 li dd > div:first-child:after { display:none;}
.result_box.ver2 li dd div div strong { font-size:68px;}
.result_box.ver2 li.vs { padding:40px 0 0 0; width:150px; text-align:center; font-size:68px; color:#ddd;}
.result_box.ver2 li.vs strong { position:relative;}
.result_box.ver2 li.vs .t1 { left:5px;}
.result_box.ver2 li.vs .t2 { top:10px; left:-5px;}
.result_box.ver2 li.c8 dt { background:#919ba0;}
.result_box.ver2 li.c8 div { color:#919ba0;}
.result_box.ver2 li.c9 dt { background:#aad264;}
.result_box.ver2 li.c9 .gr { color:#148c64;}


.icons { display:inline-block; height:22px; line-height:22px; width:56px; text-align:center; border-radius:5px; font-size:14px;}
.icons.i1 { border:2px solid #148c64; color:#148c64;}
.icons.i2 { border:2px solid #f86611; color:#f86611;}

.down_list1 { margin-bottom:35px; padding:40px 30px 20px 10px; background:#f7f7f7 url(/img/common/bg_down2.png) no-repeat 775px bottom ;}
.down_list1 li { float:left; margin:0 0 20px 20px; width:168px; height:120px; background:url(/img/common/bg_down.png) no-repeat; text-align:center;}
.down_list1 li a { display:block; height:120px; font-size:14px;}
.down_list1 li a strong { display:block; padding:20px 0 15px; font-size:18px; color:#222; font-weight:normal; line-height:100%;}
.down_list1 li a strong.no1 { height:40px; line-height:37px;}
.down_list2 li { width:480px; background:#f7f7f7 no-repeat 345px 25px; font-size:14px;}
.down_list2 li a { display:block; padding:30px 40px;}
.down_list2 li strong { display:block; font-size:26px; color:#222; padding:0 0 15px; font-weight:normal;}
.down_list2 li.bg1 { background-image:url(/img/common/bg_down3.png);}
.down_list2 li.bg2 { background-image:url(/img/common/bg_down4.png);}
.down_list3 li { width:492px;  font-size:14px; border:1px solid #dedede; margin-top:30px;}
.down_list3 li:first-child  { border-right:0;width:493px;}
.down_list3 li a { display:block; padding:30px 40px;}
.down_list3 li strong { display:block; font-size:26px; color:#222; padding:0 0 15px; font-weight:normal;}
.down_list3 li.bg1 { background:url(/img/studentcare/bg_link1.png) no-repeat 345px 25px;}
.down_list3 li.bg2 { background:url(/img/studentcare/bg_link2.png) no-repeat 345px 25px;}

.stu_noti { padding:40px 0; font-size:14px; color:#4b505a; border-top:1px dashed #ccc; background:url(/img/common/ico_stu1.png) no-repeat right 50px;}
.stu_noti h3 { font-size:16px; color:#fa640f; font-weight:normal;}
.stu_info { border:1px solid #dedede; border-left:none;}
.stu_info > div { height:750px; padding:40px; border-left:1px solid #dedede; box-sizing:border-box; width:50%; text-align:center;}
.stu_info > div h3 { font-size:28px; font-weight:normal;}
.stu_info > div > img { padding:40px 0 30px;}
.stu_info > div div.line { border-top:1px solid #dedede; }
.stu_info > div div { position:relative; padding:30px 0 0 0; text-align:center;}
.stu_info > div div + div { padding:0;}
.stu_info > div div h4 { font-weight:normal; color:#4b505a; font-size:18px;}
.stu_info > div div ul { width:260px; margin:0 auto;}
.stu_info > div div li { float:left; margin:0 0 10px 10px;}
.stu_info > div div li a { display:block;  width:74px; height:65px; border-radius:5px; border:3px solid #919ba0; background:#fff; padding:15px 0 0 0; box-sizing:border-box; line-height:100%;}
.stu_info > div div li a.on,
.stu_info > div div li a:hover { color:#fff; border-color:#000; background:#ff828c;}
.poll_list li { position:relative; padding:0 180px 15px 200px;}
.poll_list .left { position:absolute; left:0; top:0; width:200px; color:#4b505a;}
.poll_list .right { position:absolute; right:0; top:0; width:160px; padding-left:20px;}
.poll_list .right span { color:#f86611; font-size:14px;}
.poll_list .graph div { position:relative; top:3px; height:20px; background:#f7f7f7;}
.poll_list .graph div span { position:absolute; left:0; top:0; height:100%; background:#f86611;}

.study_box { margin-bottom:40px; border-bottom:1px solid #dedede; background:#f7f7f7;}
.study_box > div { position:relative; border-top:1px solid #dedede; padding:40px 40px 40px 300px;}
.study_box > div h3 { position:absolute; left:40px; top:40px; color:#; font-weight:normal; font-size:18px; color:#fa640f;}
.study_box > div h3 a { margin-top:20px;}
.study_box > div.bg1 { background:url(/img/middlestudy/bg_box2.png) no-repeat 188px bottom;}
.study_box > div.bg2 { background:url(/img/middlestudy/bg_box3.png) no-repeat 188px bottom;}
.study_box div ol li { font-size:14px; color:#6e737d; line-height:24px;}

.week_info_list { margin:20px 0 0 0; padding:30px; background:#e9f5e4;}
.week_info_list.bg5 + .week_info_list.bg5 { border-top:1px solid #fff;}
.week_info_list + .notice2 { margin-top:40px;}
.week_info_list.bg1 { background:#fff2b3;}
.week_info_list.bg2 { background:#cdf0cd;}
.week_info_list.bg3 { background:#c4ddf7;}
.week_info_list.bg4 { background:#ffbec3;}
.week_info_list.bg5 { background:#ebd2f5;}
.week_info_list.bg1 .mCSB_scrollTools .mCSB_draggerRail { border-bottom-color:#fff2b3; background:#ff9900;}
.week_info_list.bg2 .mCSB_scrollTools .mCSB_draggerRail { border-bottom-color:#cdf0cd; background:#5dad42;}
.week_info_list.bg3 .mCSB_scrollTools .mCSB_draggerRail { border-bottom-color:#c4ddf7; background:#73aaff;}
.week_info_list.bg4 .mCSB_scrollTools .mCSB_draggerRail { border-bottom-color:#ffbec3; background:#f15d4c;}
.week_info_list.bg5 .mCSB_scrollTools .mCSB_draggerRail { border-bottom-color:#ebd2f5; background:#b45fa5;}
.week_info_list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width:40px !important; height:18px !important; border:none; border-radius:0; top:-4px;}
.week_info_list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger div { display:none;}
.week_info_list.bg1 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { background:url(/img/primarylink/img_bar1.png) no-repeat;}
.week_info_list.bg2 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { background:url(/img/primarylink/img_bar2.png) no-repeat;}
.week_info_list.bg3 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { background:url(/img/primarylink/img_bar3.png) no-repeat;}
.week_info_list.bg4 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { background:url(/img/primarylink/img_bar4.png) no-repeat;}
.week_info_list.bg5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { background:url(/img/primarylink/img_bar5.png) no-repeat;}

/* [S] 240205 과목 컬러코드 수정 */
.week_info_list.bg101 { background:#FFF2B3;} /* 국어 */
.week_info_list.bg103 { background:#D6CDF0;} /* 수학 */
.week_info_list.bg104 { background:#CDF0CD;} /* 사회 */
.week_info_list.bg105 { background:#C4DDF7;} /* 과학 */
.week_info_list.bg118 { background:#FFD9BE;} /* 문해력 */
.week_info_list.bg114.grade1 { background:#CDF0CD;} /* 통합 1학년 */
.week_info_list.bg114.grade2 { background:#C4DDF7;} /* 통합 2학년 */

.week_info_list.bg101 .mCSB_scrollTools .mCSB_draggerRail { border-bottom-color:#FFF2B3; background:#EAA700;} /* 국어 */
.week_info_list.bg103 .mCSB_scrollTools .mCSB_draggerRail { border-bottom-color:#D6CDF0; background:#B3A3FE;} /* 수학 */
.week_info_list.bg104 .mCSB_scrollTools .mCSB_draggerRail { border-bottom-color:#C4DDF7; background:#7AA6D4;} /* 사회 */
.week_info_list.bg105 .mCSB_scrollTools .mCSB_draggerRail { border-bottom-color:#CDF0CD; background:#5EB45E;} /* 과학 */
.week_info_list.bg118 .mCSB_scrollTools .mCSB_draggerRail { border-bottom-color:#FFD9BE; background:#FA640F;} /* 문해력 */
.week_info_list.bg114.grade1 .mCSB_scrollTools .mCSB_draggerRail { border-bottom-color:#CDF0CD; background:#5EB45E;} /* 통합 1학년 */
.week_info_list.bg114.grade2 .mCSB_scrollTools .mCSB_draggerRail { border-bottom-color:#C4DDF7; background:#7AA6D4;} /* 통합 2학년 */

.week_info_list.bg101 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { background:url(/img/primarylink/img_bar1.png) no-repeat;} /* 국어 */
.week_info_list.bg103 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { background:url(/img/primarylink/img_bar5.png) no-repeat;} /* 수학 */
.week_info_list.bg104 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { background:url(/img/primarylink/img_bar3.png) no-repeat;} /* 사회 */
.week_info_list.bg118 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { background:url(/img/primarylink/img_bar4.png) no-repeat;} /* 문해력 */
.week_info_list.bg105 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { background:url(/img/primarylink/img_bar2.png) no-repeat;} /* 과학 */
.week_info_list.bg114.grade1 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { background:url(/img/primarylink/img_bar2.png) no-repeat;} /* 통합 1학년 */
.week_info_list.bg114.grade2 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { background:url(/img/primarylink/img_bar3.png) no-repeat;} /* 통합 2학년 */
/* [E] 240205 과목 컬러코드 수정 */

.week_info_list h3 { padding:0 0 15px; font-size:24px; color:#222; font-weight:normal;}
.week_info_list h3 span { padding:0 0 0 10px; font-size:16px; color:#4b505a; font-weight:normal;}
.week_info_list div.all { float:right; margin-top:-50px}
.week_info_list div.all a { display:block; height:26px; line-height:26px; width:96px; font-size:13px; text-indent:14px; color:#4b505a; background:url(/img/common/bu_arrow_down.png) no-repeat 74px center #fff; border:2px solid #919ba0; border-radius:30px; }
.week_info_list div.all a.on { display:block; height:26px; line-height:26px; width:96px; font-size:13px; text-indent:14px; color:#4b505a; background:url(/img/common/bu_arrow_up.png) no-repeat 74px center #fff; border:2px solid #919ba0; border-radius:30px; }
.week_info_list div.all:after { content:""; display:block; clear:both;}
/* S 20231201 샘사이트 리뉴얼 > 진도맵 UI 수정 및 추가 */
.week_info_list .roll { 
	overflow:auto; 
	position:relative; 
	height:120px;
	background:#fff;
}
.week_info_list .roll .role-itm { 
	float:left; 
	position:relative; 
	height:100%; 
	font-size:0;
}
.week_info_list .roll .role-itm + .role-itm{
	border-left: 1px solid #eeeeee
}
.week_info_list .roll .role-itm .box-tit{
	width:100%; 
	font-size:13px; 
	color:#4b505a; 
	height:40px; 
	line-height:40px; 
	padding:0 10px; 
	background:#fafafa; 
	box-sizing:border-box;
}
.week_info_list .roll .role-itm .box-tit dl {
	display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
.week_info_list .roll .role-itm .box-tit dl dt{
    font-size: 13px;
    color: #4b505a;
}
.week_info_list .roll .role-itm .box-tit dl dd{
	display: flex;
    align-items: center;
    justify-content: center;
	height: 27px;
	line-height: 27px;
	padding: 0 16px;
	border-radius: 14px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.week_info_list.bg1 .roll .role-itm .box-tit dl dd{ background: #FDF3D9; border: 1px solid #EAA700; color: #EAA700; } /* 노랑 */
.week_info_list.bg2 .roll .role-itm .box-tit dl dd{ background: #E4F3E4; border: 1px solid #5EB45E; color: #5EB45E; } /* 초록 */
.week_info_list.bg3 .roll .role-itm .box-tit dl dd{ background: #E9F0F8; border: 1px solid #7AA6D4; color: #7AA6D4; } /* 파랑 */
.week_info_list.bg4 .roll .role-itm .box-tit dl dd{ background: #F9DDDA; border: 1px solid #E36456; color: #E36456; } /* 분홍 */
.week_info_list.bg5 .roll .role-itm .box-tit dl dd{ background: #F5E4FC; border: 1px solid #C25DEB; color: #C25DEB; } /* 보라 */

/* [S] 240205 과목 컬러코드 수정 */
.week_info_list.bg101 .roll .role-itm .box-tit dl dd{ background: #FDF3D9; border: 1px solid #EAA700; color: #EAA700; } /* 국어 */
.week_info_list.bg103 .roll .role-itm .box-tit dl dd{ background: #F0EDFF; border: 1px solid #B3A3FE; color: #B3A3FE; } /* 수학 */
.week_info_list.bg104 .roll .role-itm .box-tit dl dd{ background: #E9F0F8; border: 1px solid #7AA6D4; color: #7AA6D4; } /* 사회 */
.week_info_list.bg105 .roll .role-itm .box-tit dl dd{ background: #E4F3E4; border: 1px solid #5EB45E; color: #5EB45E; } /* 과학 */
.week_info_list.bg118 .roll .role-itm .box-tit dl dd{ background: rgba(250, 100, 15, 0.18);; border: 1px solid #FA640F; color: #FA640F; } /* 문해력 */
.week_info_list.bg114.grade1 .roll .role-itm .box-tit dl dd{ background: #E4F3E4; border: 1px solid #5EB45E; color: #5EB45E; } /* 통합 1학년 */
.week_info_list.bg114.grade2 .roll .role-itm .box-tit dl dd{ background: #E9F0F8; border: 1px solid #7AA6D4; color: #7AA6D4; } /* 통합 2학년 */
/* [E] 240205 과목 컬러코드 수정 */

.week_info_list .roll .role-itm .box-list{
	display: flex;
	justify-content: center;
	gap: 10px;
	padding: 15px;
}
.week_info_list .roll .role-itm .box-list a{
	display: block;
	width: 100%;
	height: 100%;
}
.week_info_list .roll .role-itm .box-list span.nor { 
	display:inline-block; 
	width:36px; height:36px; 
	border-radius:40px; 
	border:3px solid #ddd; 
	text-align:center; 
	line-height:36px; 
	font-size:16px; 
	color:#222; 
	vertical-align:middle;
}
.month_cal .tb_list + *,
.week_info_list + * { margin:-1px 0 0 0; border-top:1px solid #ddd;}
/* E 20231201 샘사이트 리뉴얼 > 진도맵 UI 추가 */

/*
.week_info_list { margin:20px 0 0 0; padding:30px; background:#e9f5e4;}
.week_info_list h3 { padding:0 0 15px; font-size:24px; color:#222; font-weight:normal;}
.week_info_list h3 span { padding:0 0 0 20px; font-size:18px; color:#4b505a;}
.week_info_list div.all { float:right; margin-top:-50px}
.week_info_list div.all:after { content:""; display:block; clear:both;}
.week_info_list .roll { overflow:auto; position:relative; height:120px;background:#fff;}
.week_info_list .roll li { float:left; padding:15px; height:75px; border-left:1px solid #eee; font-size:0;}
.week_info_list .roll li:first-child { border-left:none;}
.week_info_list .roll li div { padding:0 0 10px; font-size:13px; color:#4b505a;}
.week_info_list .roll li div a { padding:0 15px 0 0; font-size:13px; color:#4b505a; text-decoration:underline; background:url(/img/primarylink/bu_arrow_down.png) no-repeat right;}
.week_info_list .roll li > * { margin:0 2px;}
.month_cal .tb_list + *,
.week_info_list + * { margin:-1px 0 0 0; border-top:1px solid #ddd;}

*/

.link_main .btm { margin:0 0 20px 0; padding:20px 0 30px 10px; background:#eee;}
.link_main .btm:after { content:""; display:block; clear:both;}
.link_main .btm > div { float:left; background:url(/img/primarylink/line1.png) no-repeat 5px 10px; padding:0 15px 0 30px;}
.link_main .btm > div:first-child { background:none;} 
.link_main .btm > div h3 { padding:0 0 10px; font-size:18px; color:#222; font-weight:normal; text-align:center;}
.link_main .btm > div li { float:left; padding:0 0 0 15px;}
.link_main .btm > div li:first-child { padding:0;}
.link_main .btm > div li a { display:block; text-align:center; font-size:14px; color:#222;}
.link_main .btm > div li a.on { color:#fa640f;}

.link_main2 { position:relative; height:610px;}
.link_main2 .top { position:absolute; left:0; top:0; z-index:10; width:100%; height:610px; background:#fff;}
.link_main2 .top > ol:after { content:""; display:block; clear:both;}
.link_main2 .top > ol > li { float:left; position:relative; width:247px; height:610px; border:2px solid #dadada; border-left:none; box-sizing:border-box;}
.link_main2 .top > ol > li:first-child { border-left:2px solid #dadada;}
.link_main2 .top > ol > li .start { overflow:hidden; position:absolute; left:0; top:0; z-index:20; width:100%; height:606px; line-height:700px; font-size:36px; color:#222; text-align:center;}
.link_main2 .top > ol > li.step1 .start { display:none; background:url(/img/primarylink/img18.png) no-repeat center 190px #fff;}
.link_main2 .top > ol > li.step2 .start { background:url(/img/primarylink/img_pub.png) no-repeat center 190px #fff;}
.link_main2 .top > ol > li.step3 .start { background:url(/img/primarylink/img_17.png) no-repeat center 190px #fff;}
.link_main2 .top > ol > li.step4 .start { background:url(/img/primarylink/img_16.png) no-repeat center 190px #fff;}
.link_main2 .top > ol > li.step2.on .start { display:none;}
.link_main2 .top > ol > li.step3.on .start { display:none;}
.link_main2 .top > ol > li.step4.on .start { display:none;}
.link_main2 .top > ol > li .choice { position:absolute; left:0; top:0; z-index:15; width:100%; height:100%; background:#f6c751;}
.link_main2 .top > ol > li .choice.on { background:#fff;}
.link_main2 .top > ol > li .choice > strong { display:block; padding:160px 0 0 0; font-size:24px; text-align:center; font-weight:normal;}
.link_main2 .top > ol > li .choice ul { padding:65px 0 0 0; text-align:center;}
.link_main2 .top > ol > li .choice ul li { line-height:52px;}
.link_main2 .top > ol > li .choice ul li label { font-size:21px; color:#222; height:42px; line-height:42px; background:none; padding:0 30px; text-align:center; cursor:pointer;}
.link_main2 .top > ol > li .choice ul li input:checked + label { background:#ffba26; border:2px solid #000; border-radius:50px;}
.link_main2 .top > ol > li.step1 .choice > strong { background:url(/img/primarylink/img_1.png) no-repeat center 35px;}
.link_main2 .top > ol > li.step2 .choice > strong { background:url(/img/primarylink/img_pub1.png) no-repeat center 35px;}
.link_main2 .top > ol > li.step3 .choice > strong { background:url(/img/primarylink/img_3.png) no-repeat center 35px;}
.link_main2 .top > ol > li.step4 .choice > strong { background:url(/img/primarylink/img_2.png) no-repeat center 35px;}
.link_main2 .top > ol > li .btm { display:none; height:50px; line-height:50px; text-align:center; font-size:18px;}
.link_main2 .top .open { display:none;}
.link_main2 .top.on { height:auto;}
.link_main2 .top.on > ol > li { height:auto;}
.link_main2 .top.on > ol > li .choice { display:none;}
.link_main2 .top.on > ol > li .btm { display:block; background:#fff;}
.link_main2 .top.on .open { display:block; padding:5px 0; background:#dadada; text-align:center;}
.link_main2 .con { padding:74px 38px 25px; border:2px solid #dadada;} 
.link_main2 .con .con_top { padding:77px 0 0; height:273px; border-bottom:1px solid #ccc;}
.link_main2 .con .con_top li { float:left; width:33.33%; text-align:center;}
.link_main2 .con .con_top li a { display:block; padding:143px 0 0 0; font-size:32px; color:#222;}
.link_main2 .con .con_top li a:after { content:url(/img/primarylink/img_15.png); position:relative; top:-3px; margin-left:20px;}
.link_main2 .con .con_top li.ico1 { background:url(/img/primarylink/img_4.png) no-repeat center top;}
.link_main2 .con .con_top li.ico2 { background:url(/img/primarylink/img_5.png) no-repeat center top;}
.link_main2 .con .con_top li.ico3 { background:url(/img/primarylink/img_6.png) no-repeat center top;}
.link_main2 .con .con_top li p { padding:15px 0 0 0; font-size:13px; color:#6e737d;}
.link_main2 .con .con_top li p span { color:#222;}
.link_main2 .con .con_btm { padding:0 0 5px;}
.link_main2 .con .con_btm > div { float:left;}
.link_main2 .con .con_btm > div h3 { padding:24px 0 20px; font-size:24px; color:#000; text-align:center; font-weight:normal;}
.link_main2 .con .con_btm > div.left { padding:0 57px 0 0; width:215px; background:url(/img/primarylink/img_19.png) no-repeat right bottom;}
.link_main2 .con .con_btm > div.right { width:636px;}
.link_main2 .con .con_btm > div.left ul { padding-left:21px;}
.link_main2 .con .con_btm > div li { float:left; padding:0 13px;}
.link_main2 .con .con_btm > div li a { display:block; font-size:14px; color:#222; text-align:center;}
.link_main2 .con .con_btm > div li a span { display:block; text-align:center;} 
.link_main2 .con .con_btm > div.right ul { padding:0 10px 0 50px;}

.faq_search { margin:0 0 20px; padding:40px 0 30px; background:#f7f7f7; border-top:2px solid #919ba0; border-bottom:1px solid #919ba0; text-align:center;}
.faq_search .top { padding:0 0 10px;}
/* .faq_search .top { padding:0 0 30px;} */
.faq_search .top span { color:#919ba0;}
.faq_search .top select { margin-left:15px;}
.faq_search .more .vbar { margin:0 20px;}
.faq_search .more a { font-size:14px; color:#222;}


.embel_box thead th { height:60px; padding:0 20px; border-top:2px solid #919ba0; border-bottom:1px solid #919ba0; border-left:1px solid #dedede; font-size:16px; color:#4b505a; line-height:100%; font-weight:normal; background:#f7f7f7;}
.embel_box tbody td { vertical-align:top; border-left:1px solid #dedede; border-bottom:1px solid #dedede;}
.embel_box tbody td:first-child { border-left:none;}
.embel_box tbody td:first-child li { padding:20px 0 0 0;}
.embel_box tbody td > div { padding:20px; height:365px; overflow:auto;}
.embel_box tbody td .img_list img { width:80px; height:80px;}
.embel_box tbody td .img_list ul { margin-left:-20px;}
.embel_box tbody td .img_list li { float:left; padding:0 0 20px 19px;}

.list_3 ul { float:right; padding:0 0 15px;}
.list_3 ul:after { content:""; display:block; clear:both;}
.list_3 ul li { float:left; position:relative; padding:0 20px;}
.list_3 ul li:after { content:""; display:block; position:absolute; left:0; top:6px; width:1px; height:13px; background:#dedede;}
.list_3 ul li:first-child:after { display:none;}
.list_3 ul li img { position:relative; top:-2px;}

.product_top { position:relative; padding:40px 40px 40px 500px;}
.product_top .thoumb { position:absolute; left:35px; top:40px;}
.product_top .thoumb .best { display:block; position:absolute; left:-30px; top:-30px; z-index:30; width:60px; height:60px; background:#ff828c; text-align:center; line-height:60px; color:#fff; font-size:18px; border-radius:100px;}
.product_top .info {text-align:left;}
.product_top .info p { font-size:14px; color:#919ba0;}
.product_top .info h3 { font-size:28px; color:#222; line-height:100%; padding:10px 0 30px;}
.product_top .info .list li { position:relative; padding:0 0 10px 110px; color:#6e737d;}
.product_top .info .list li.c1 { color:#e13c4b;}
.product_top .info .list li.c2 { color:#222;}
.product_top .info .list li.c1 strong { color:#e13c4b;}
.product_top .info .list li.c2 strong { color:#222;}
.product_top .info .list li strong { position:absolute; left:0; top:0; color:#6e737d; font-weight:normal;}
.product_top .info .btns a { width:215px; margin:0 0 0 10px;}
.product_top .info .btns a:first-child { margin:0;}

.product_top.detail { height:400px;}
.product_top.detail .thoumb { width:358px; height:450px; overflow:hidden;}
.product_top.detail .thoumb .pic { position:absolute; left:0; top:360px; z-index:30;}
.product_top.detail .thoumb .pic a { margin:0 10px 0 0;}
.product_top.detail .thoumb .pic img { width:40px; height:40px; border:4px solid #fff;}
.product_top.detail .thoumb .pic a.active img { border:4px solid #ff828c;}
.product_top.detail .info { position:relative; height:430px;}
.product_top.detail .btns { position:absolute; left:0; bottom:0;}



.slide1 {position:relative; height:470px; background:#f7f7f7; overflow:hidden;}
.slide1 .arrow-left { position:absolute; left:13px; top:50%; z-index:20; margin-top:-10px;}
.slide1 .arrow-right { position:absolute; right:13px; top:50%; z-index:20; margin-top:-10px;}
.slide1 .pagination { top:430px;}
.slide1 .pagination span { display:inline-block; width:10px; height:10px; background:#919ba0; border-radius:20px;}
.slide1 .pagination span.swiper-active-switch { background:#222;}

.slide_box { border-top:2px solid #919ba0; margin-top:30px;}
.slide_box .info { padding:40px 0 20px;}
.slide_box .info strong { color:#fa640f;}
.slide_box .slide2 { position:relative; padding:20px 50px; height:480px; background:#ddd;}
.slide_box .arrow-left { position:absolute; left:10px; top:50%; margin-top:-12px;}
.slide_box .arrow-right { position:absolute; right:10px; top:50%; margin-top:-12px;}

.produtc_list .top { padding:40px 0 0 0;}
.produtc_list .top .align { padding:0 0 0 20px;}
.produtc_list .top .align ul { display:inline-block; position:relative; top:4px;}
.produtc_list .top .align li { float:left; padding:0 20px 0 0; line-height:100%;}

.produtc_list .list { padding:40px 0 0 0; border-top:2px solid #919ba0; border-bottom:1px solid #dedede;}
.produtc_list .list ul { margin-left:-35px;}
.produtc_list .list ul:after { content:""; display:block; clear:both;}
.produtc_list .list li { float:left; width:220px; height:272px; margin:0 0 40px 35px;}
.produtc_list .list li a {display:block;width: 218px;height: 218px;}
.produtc_list .list li a img {max-width: 100%;max-height: 100%;/* height:218px; *//* border:1px solid #f7f7f7; */left: 50%;top: 50%;transform: translate(-50%, -50%);position: relative;}
.produtc_list .list li a strong { display:block; padding:15px 0 10px; text-align:center; font-size:16px; color:#222; line-height:20px;}
.produtc_list .list li a span { display:block; text-align:center; font-size:13px; color:#6e737d;} 

.produtc_detail .detail { padding:40px;}
.produtc_detail .detail h3 { font-size:16px; color:#919ba0; padding:0 0 25px; line-height:100%; font-weight:normal;}
.produtc_detail .info { border:1px solid #ddd; background:#fff;}
.produtc_detail .info h3 { height:60px; line-height:60px; font-size:16px; color:#6e737d; background:#f7f7f7; padding:0 0 0 25px; font-weight:normal;}
.produtc_detail .info > div { padding:20px;}
.produtc_detail .info > div h4 { padding:35px 0 0 0; font-size:16px; color:#fa640f; font-weight:normal;}
.produtc_detail .info > div h4:first-child { padding:0;}
.produtc_detail .info > div div { font-size:14px; color:#919ba0;}

.total_list2 table { border-top:2px solid #919ba0; border-bottom:1px solid #919ba0;}
.total_list2 table tr th,
.total_list2 table tr td { padding:25px 20px 5px; border-top:1px solid #dedede; vertical-align:top;}
.total_list2 table tr:first-child th,
.total_list2 table tr:first-child td{ border-top:none;}
.total_list2 table tr th { background:#f7f7f7; font-size:18px; color:#222; text-align:left; font-weight:normal;}
.total_list2 table tr td a { color:#4b505a;}
.total_list2 table tr td a:hover,
.total_list2 table tr td a.on { color:#fa640f;}
.total_list2 table tr td li { float:left; padding:0 40px 20px 0;}

.total_list table { border-top:2px solid #919ba0; border-bottom:1px solid #919ba0;}
.total_list table tr th,
.total_list table tr td { border-left:1px solid #dedede;}
.total_list table tr th:first-child,
.total_list table tr td:first-child { border-left:none;}
.total_list table tr th { height:60px; background:#f7f7f7; font-size:24px; color:#4b505a; font-weight:normal;}
.total_list table tr td { text-align:center; vertical-align:top; height:310px;}
.total_list table tr td a { color:#6e737d; font-size:16px;}
.total_list table tr td li { line-height:33px;}


.step_num { padding:0 0 35px;}
.total_cash { padding:40px 0 0 0; text-align:right;}
.total_cash table { margin-bottom:20px; border-bottom:1px solid #dedede; border-top:1px solid #919ba0;}
.total_cash table th { padding:0 0 0 40px; background:#f7f7f7; text-align:left; font-weight:normal; font-size:24px;}
.total_cash table td { padding:20px; border-bottom:1px solid #dedede; font-size:14px;}
.total_cash table .red td { color:#e13c4b;}
.total_cash table .red td.tr { font-size:18px;}

.pay_info { font-size:16px; color:#6e737d;}
.pay_info strong { font-weight:normal; color:#4b505a;}
.pay_info p { padding:5px 0 15px; border-bottom:1px dashed #ccc;}

table.type3 tbody.totals tr th,
table.type3 tbody.totals tr td { border-bottom:1px solid #dedede; border-left:none;}
table.type3 tbody.totals th { color:#6e737d; background:none; text-align:left;}
table.type3 tbody.totals td { font-size:18px; color:#e13c4b;}

table.type3 tr.total_s td { font-size:16px; color:#222;}
table.type3 tr.total_s td span { font-size:14px; color:#6e737d;}
table.type3 tr.total_s td.tr { border-left:none;}

.data_box1 {}
.data_box2 { padding-top:30px;}

.letter_box1 {background:#f7f7f7; padding:40px; margin-bottom:10px}
.letter_box1:after { content:""; display:block; clear:both;}
.letter_box1 .h5 { font-size:18px; color:#222; padding-bottom:20px;}
.letter_box1 li { margin-left:6px; margin-bottom:15px; width:296px; float:left;}
.letter_box1 li:first-child { margin-left:0}
.letter_box1 li a{ display:block; border:4px solid #fff; border-radius:3px;}
.letter_box1 li a.on { border:4px solid #222;}
.letter_box1 li.letter1 { float:left; width:448px; margin:0 5px 5px 0; }
.letter_box1 li.letter1.bg1 { margin:0 0 5px 0; }
.letter_box1 li.letter1 label { display:block !important; position:relative; padding:0 15px !important; height:48px !important; line-height:48px !important; border-radius:5px; background-color:#fff !important; background-position:15px 17px !important; text-indent:20px;}
.letter_box1 li.letter1 label span { position:absolute; right:15px; font-size:14px; color:#919ba0;}
.letter_box1 li.letter1 label span strong { margin-left:5px; font-weight:normal; color:#4b505a;}
.letter_box1 li.letter1 input:checked + label { background-color:#ddd !important;}

.letter_box2 { position:relative; background:#f7f7f7; padding:40px;}
.letter_box2:after { content:""; display:block; clear:both;}
.letter_box2 .h5 { font-size:18px; color:#222; padding-bottom:10px;}
.letter_box2 .h5  span{ font-size:14px; color:#f07378; display:inline-block; padding-left:50px;}
.letter_box2 > div { height:220px;}
.letter_box2 > div .swiper-slide a { display:block; width:133px; height:210px; margin:10px; text-align:center;border-radius:5px;}
.letter_box2 > div .swiper-slide a.on { background:#dddddd;}
.letter_box2 > div .swiper-slide a img { height:120px; width:83px; margin:20px 0;}
.letter_box2 > div .swiper-slide a span { display:block; font-size:14px; color:#6e737d;}
.letter_box2 .arrow-left,
.letter_box2 .arrow-right { position:absolute; top:180px;}
.letter_box2 .arrow-left { left:30px;}
.letter_box2 .arrow-right  { right:30px;}

.letter_box3 {background:#f7f7f7; padding:40px; margin-top:10px}
.letter_box3:after { content:""; display:block; clear:both;}
.letter_box3 .h5 { font-size:18px; color:#222; padding-bottom:20px;}
.letter_box3 .editer1 {}

.chart_box th { width:100px; font-size:16px; color:#3773c3; text-align:left; font-weight:normal;}
.chart_box td { padding:5px 0;}
.chart_box td div { position:relative; height:20px; border-radius:30px; background:#c6c9cb;}
.chart_box td div span { display:block; position:absolute; left:0; top:0; height:20px; text-align:right; background:#90c208; color:#fff; font-size:12px; border-radius:30px; padding:0 10px; box-sizing:border-box; line-height:20px;}
.chart_box td div span.c1 { background:#3773c3;}
.chart_box td div span em { display:block; width:80px; position:absolute; left:220px;}
/* .chart_box td div span em { display:block; width:150px; position:absolute; right:-40px; top:0;} */

.chart_box2 { border-radius:3px; background:#eee; padding:30px;}
.chart_box2 p { font-size:16px; color:#6e737d;}
.chart_box2 > div { position:relative; height:235px; padding:0 0 0 40px;}
.chart_box2 > div ol { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%;}
.chart_box2 > div ol li { padding:80px 0 0 0; border-bottom:1px solid #fff; color:#4b505a; font-size:12px;}
.chart_box2 > div ol li:first-child { padding:0;}
.chart_box2 > div ol li em { display:block; padding:0 0 10px;}
.chart_box2 > div ol li span { position:absolute; bottom:22px;}
.chart_box2 > div ul { position:relative; z-index:3; padding:17px 0 0 0;}
.chart_box2 > div ul li { float:left; width:3.2%; height:177px; text-align:center;}
.chart_box2 > div ul li div { position:relative; height:177px;}
.chart_box2 > div ul li div span { position:absolute; left:50%; bottom:0; margin-left:-5px; width:10px; background:#5285c9; border-radius:6px 6px 0 0;}
.chart_box2 > div ul li strong { display:block; clear:both; font-size:14px; color:#919ba0; font-weight:normal;}
.chart_box2 .both { height:auto !important; padding:0 !important;}
.chart_box2 .both + * { margin:0;}
.chart_box2 .both div { text-align:right; font-size:14px; color:#4b505a;}
.chart_box2 .both div span { display:inline-block; width:24px; height:9px; border-radius:10px; margin:0 5px 0 10px;}
.chart_box2 .both div span.c1 { background:#919ba0;}
.chart_box2 .both div span.c2 { background:#3773c3;}

.chart_box2.no5 > div ul li {width:20%;}
.chart_box2.no6 > div ul li {width:16.6%;}

.chart_box2.type2 > div { padding-left:50px;}
.chart_box2.type2 > div ul li div { display:inline-block; padding:0 5px; width:20px;}
.chart_box2.type2 > div ul li div span { width:20px; border-radius:10px 10px 0 0; left:0; margin:0;}
.chart_box2.type2 > div ul li div span.c1 { background:#9fa7ac;}

.chart_box2 .bum1 { padding:0 0 0 50px;}
.chart_box2 .bum1 li { float:left; padding:0 0 0 15px;}
.chart_box2 .bum1 li:first-child { padding:0;}
.chart_box2 .bum1 li strong { display:inline-block; width:30px; height:30px; text-align:center; line-height:30px; color:#fff; font-size:12px; border-radius:3px;}
.chart_box2 .bum1 li span { display:inline-block; height:30px; line-height:30px; padding:0 10px; background:#fff; font-size:12px; color:#6e737d; border-radius:0 3px 3px 0;}
.chart_box2 .bum1 li strong.c1 { background:#ff7b30;}
.chart_box2 .bum1 li strong.c2 { background:#ff6478;}
.chart_box2 .bum1 li strong.c3 { background:#309c17;}
.chart_box2 .bum1 li strong.c4 { background:#209da1;}
.chart_box2 .bum1 li strong.c5 { background:#8f44ad;}
.chart_box2 .bum1 li strong.c6 { background:#3773c3;}
.chart_box2.bg2 { background: #fff;border: 1px solid #ccc;margin-top: 10px;}
.chart_box2.bg2 > div.both { padding:20px 20px 0; background:#fff;}
.chart_box2.bg2 > div { padding:0 20px 20px; background:#fff;}
.chart_box2.bg2 > div ol { padding-left:20px; box-sizing:border-box;}
.chart_box2.bg2 > div ol li { border-color:#eee;}

.half1  > div { padding:30px; background:#eee; border-radius:5px; box-sizing:border-box;}
.half1  > div h2 { padding-top:0;}
.half2 { width:480px; float:left;padding:30px; background:#eee; border-radius:5px; box-sizing:border-box;}
.half3 { width:480px; float:right;padding:30px; background:#eee; border-radius:5px; box-sizing:border-box; }

table.half001 td.section1 {padding:0 0 0 0;border-radius:5px; width:474px; vertical-align:top;}
table.half001 td.section1 h4{ padding:20px 0 0 0;}
table.half001 td.section1 li { float:left; line-height:100%;}
table.half001 td.section1 li.color1 { width:30px; height:20px; margin:0 0 0 10px}
table.half001 td.section1 li.txt1 { width:170px; padding:0 17px 10px 10px; text-align:left;}

.search_top { background:#eee;}
.search_top > div { background:url(/img/common/bg_visual.png) no-repeat right center;}
.search_top h2 { padding:60px 0 25px; text-align:center; font-size:40px; color:#222;}
.search_top div div { margin:0 auto; padding:0 20px 0 30px; width:350px; height:60px; background:#fff; border-radius:60px;}
.search_top div div input { border:none; outline:0; height:55px; line-height:55px; width:310px;}
.search_top div div input:focus { outline:0; border:none;}
.search_top div div input::-webkit-input-placeholder { font-size:18px; color:#fa640f;}
.search_top p { padding:20px 0 40px; font-size:16px; color:#6e737d; text-align:center;}
.search_top p span { color:#222;}

.search_result_box { padding:0 0 40px; margin-bottom:35px; border-bottom:1px solid #dedede;}
.search_result_box h3 { margin-bottom:-10px; font-size:28px; font-weight:normal;}
.search_result_box h3 span { color:#fa640f;}
.search_result_box div h4 { padding:35px 0 15px;}
.search_result_box div h4 a span,
.search_result_box div p a span { color:#3773c3;}
.search_result_box div h4 a { font-size:18px; font-weight:normal; text-decoration:underline;  color:#222;}
.search_result_box div p { line-height:23px;}
.search_result_box div p a { font-size:16px; color:#222;}
.search_result_box div div { font-size:14px; color:#6e737d;}
.search_result_box .sam { padding-left:120px; position:relative; height:100px;}
.search_result_box .sam > img { position:absolute; left:0; top:30px; width:100px; height:100px;}
.search_result_box + .paging { margin:0; padding:0;}

.no_result { padding:295px 0 0 0; background: url(/img/common/bg_search.png) no-repeat center 120px; font-size:18px; text-align:center;}
.no_result h2 { font-size:30px; padding:0 0 35px; font-weight:normal;}

.no_result2 { padding:100px 0; text-align:center; font-size:18px;}

.side_edit { position:absolute; right:-80px; top:0;width:78px;}
.side_edit > a { display:block; width:78px; height:75px; border:2px solid #000; border-radius:0 5px 5px 0; background:#e13b4b; border-left:none; font-size:14px; color:#fff; text-align:center;}
.side_edit > a img { display:block; padding:15px 0 5px; margin:0 auto;}
.side_edit .bx1 { margin:6px 0; border:2px solid #000; border-radius:0 5px 5px 0; background:#1e659d; border-left:none;  } 
.side_edit .bx1 dt { height:35px; line-height:35px; text-align:center; color:#fff; background:#2887d2; font-size:14px;}
.side_edit .bx1 dt + dd { border-top:none;}
.side_edit .bx1 dd { border-top:1px solid #dbdbdb;} 
.side_edit .bx1 dd a { display:block; height:80px; text-align:center; color:#fff; line-height:100%; font-size:14px;}
.side_edit .bx1 dd a img { margin:0 auto; display:block; padding:15px 0 5px;}
.side_edit .bx1 dd + dd + dd img { padding-top:23px;}
.side_edit .bx2 { margin:6px 0; border:2px solid #000; border-radius:0 5px 5px 0; background:#447232; border-left:none;  } 
.side_edit .bx2 dt { height:35px; line-height:35px; text-align:center; color:#fff; background:#5b9843; font-size:14px;}
.side_edit .bx2 dt + dd { border-top:none;}
.side_edit .bx2 dd { border-top:1px solid #dbdbdb;} 
.side_edit .bx2 dd a { display:block; height:80px; text-align:center; color:#fff; line-height:100%; font-size:14px;}
.side_edit .bx2 dd a img { margin:0 auto; display:block; padding:25px 0 5px;}


.swiper-pagination1 { position:absolute; left:0; top:330px; z-index:99; width:100%; text-align:center;}
.swiper-pagination1 span { display:inline-block; margin:0 5px; background: url(/img/main/bu_paging.png) no-repeat; width:15px; height:15px;}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	text-align:center;
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


/* 2022-05-12 추가 */
.knowCon { width:100%; display:flex; align-items:center; position:relative; margin-bottom:30px; }
.knowCon .know { width:66.66%; margin-right:30px; display:flex; /*align-items:center;*/ justify-content:flex-start; }
.knowCon .knowCover { justify-content:flex-start; display:inline-block; }
.knowCon .knowCover img { box-sizing:border-box; border:1px solid #ddd; border-radius:5px; background:#fff; display:inline-block; /*width: 210px;height: 250px;*/ width:245px; height:311px; }
.knowCon .knowInfo { padding-left:30px; }
.knowCon .knowInfo h3 { font-size:28px; font-weight:bold; margin-bottom:20px; }
.knowCon .knowInfo h5 { font-size:18px; font-weight:normal; color:#222; margin-bottom:30px; }
.knowCon .knowInfo h5 span { font-size:20px; background:#1B2B43; color:#fff; border-radius:3px; padding:2px 10px; margin-right:10px; }
.knowCon .knowInfo p { position:relative; padding-left:15px; padding-bottom:3px; }
.knowCon .knowInfo p::before { position:absolute; width:6px; height:6px; left:0; top:10px; border-radius:200px; background:#46A5F0; content:""; }
.knowCon .knowInfo p:last-child { padding-bottom:0; }
.knowCon .knowVideo { width:33.34%;  justify-content:flex-end; text-align:center; margin-top:-20px; }
.knowVideo .videoTit { background:#46A5F0; color:#fff; font-weight:bold; font-size:14px; display:inline-block; margin-bottom:10px; padding:3px 10px; border-radius:200px; }
.knowVideo .videoSub { font-size:18px; color:#222; text-align:center; }

.img_center{position:relative; overflow:hidden;}
.img_center img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.img_center .bg{width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0, 0, 0, 0.4); z-index:1; display:none;}
.img_center:hover .bg{display:block;}

.vodList { width:100%; margin-top:30px; /*padding:30px 0px 30px 17px;*/ padding:30px 0px 30px 25px; background:#F4F9FF; }
.vodList ul li:lastchild { margin-right:0; }

/* 2023-11-23 오 역사논술 추가 */
.history-essay-wrap .vod-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 20px;
	row-gap: 80px;
}
.history-essay-wrap .vod-list .vod-itm{
	flex: 0 0 224px;
}
.history-essay-wrap .vod-list .vod-itm .tags{
	display: flex;
	overflow: hidden;
	width: fit-content;
    margin: 20px auto 0;
	border: 1px solid #FA640F;
	border-radius: 14px; 
}
.history-essay-wrap .vod-list .vod-itm .tags .tag{
	padding: 3.5px 18.5px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.history-essay-wrap .vod-list .vod-itm .tags .tag-step{
	background: #FFFFFF;
	color: #FA640F;
}
.history-essay-wrap .vod-list .vod-itm .tags .tag-week{
	background: #FA640F;
	color: #FFFFFF;
}