/* 교육과정 */
table tbody tr th{padding:15px;}

/* table */
/* table 공통 */
div.course_wrap table,
div.mc_wrap table{width:100%; height:auto; background:#fff; font-size:1rem;}
div.course_wrap table:last-child,
div.mc_wrap table:last-child{margin-bottom:0;}
div.course_wrap table thead tr th,
div.mc_wrap table thead tr th{padding:15px;word-break:keep-all;}
div.course_wrap table thead tr th:last-child,
div.mc_wrap table thead tr th:last-child{border-right:none;}
div.course_wrap table tbody tr,
div.mc_wrap table tbody tr{border-bottom:1px solid #ddd; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.course_wrap table tbody tr td,
div.mc_wrap table tbody tr td{padding:15px; text-align:center;line-height:1.5;}

/* table01 */
div.course_wrap table.table01,
div.mc_wrap table.table01{width:100%; height:auto; background:#fff;}
div.course_wrap table.table01 thead,
div.mc_wrap table.table01 thead{border-top:2px solid #333; border-bottom:1px solid #333;}
div.course_wrap table.table01 thead tr th,
div.mc_wrap table.table01 thead tr th{padding:15px;}
div.course_wrap table.table01 tbody tr,
div.mc_wrap table.table01 tbody tr{border-bottom:1px solid #ddd; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.course_wrap table.table01 tbody tr td,
div.mc_wrap table.table01 tbody tr td{padding:15px; text-align:center;}

div.course_wrap table.table01_hor,
div.mc_wrap table.table01_hor{border-top:2px solid #333; border-bottom:1px solid #333;}
div.course_wrap table.table01_hor tbody tr th,
div.mc_wrap table.table01_hor tbody tr th{background:#f5f5f5;}

/* table02 */
div.course_wrap table.table02 thead,
div.mc_wrap table.table02 thead{background:#0373b5; color:#fff;}
div.course_wrap table.table02 tbody tr:nth-child(2n),
div.mc_wrap table.table02 tbody tr:nth-child(2n){background:#f7fbfd;}

div.course_wrap table.table02_hor,
div.mc_wrap table.table02_hor{border-top:2px solid #0373b5;}
div.course_wrap table.table02_hor tr,
div.mc_wrap table.table02_hor tr{border-bottom:0;}
div.course_wrap table.table02_hor tbody tr th,
div.mc_wrap table.table02_hor tbody tr th{border-bottom:1px solid #b8e8fc; background:#0373b5; color:#fff;}
div.course_wrap table.table02_hor tbody tr td,
div.mc_wrap table.table02_hor tbody tr td{border-bottom:1px solid #ddd;text-align:left;}
div.course_wrap table.table02_hor tbody tr:nth-child(2n),
div.mc_wrap table.table02_hor tbody tr:nth-child(2n){background:#f7fbfd;}
div.course_wrap table.table02_hor_bg02,
div.mc_wrap table.table02_hor_bg02{border-top:2px solid #102D4D}
div.course_wrap table.table02_hor_bg02 tbody tr th,
div.mc_wrap table.table02_hor_bg02 tbody tr th{background:#102D4D;}

/*table 관련 text*/
p.table_info{margin-bottom:15px;font-size:16px;text-align:right;color:#666;}
td.td_tit{background:#f7fbfd; font-family:'NotoKr_M' !important;}

div.sc_wrap{width:100%; height:auto;}
div.sc_wrap ul.course{width:1200px; height:auto; margin:0 auto;}
div.sc_wrap ul.course > li{width:100%; height:330px; padding:30px; margin-bottom:50px; background:#fff; border:1px solid #ddd; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.sc_wrap ul.course > li:last-child{margin-bottom:0;}
div.sc_wrap ul.course > li:hover{box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);}
div.sc_wrap ul.course > li > div.image{float:left; position:relative; width:30%; height:268px; overflow:hidden;}
div.sc_wrap ul.course > li > div.image:after{display:block; content:""; position:absolute; top:-50px; left:-50px; width:100px; height:30px; padding-top:70px; transform:rotate(-45deg); color:#fff; font-size:14px; text-align:center; font-family:'NotoKr_B' , sans-serif}
div.sc_wrap ul.course > li.best > div.image:after{content:"인기"; background:#b175ff; box-shadow:0 10px 30px rgba(0, 0, 0, 0.4);}
div.sc_wrap ul.course > li.new > div.image:after{content:"신규"; background:#26dfd0; box-shadow:0 10px 30px rgba(0, 0, 0, 0.4);}
div.sc_wrap ul.course > li.recom > div.image:after{content:"추천"; background:#e43d40; box-shadow:0 10px 30px rgba(0, 0, 0, 0.4);}
div.sc_wrap ul.course > li > div.image img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; height:100%;}
div.sc_wrap ul.course > li > div.con{float:right; width:67%; height:100%;}
div.sc_wrap ul.course > li > div.con div.top{width:100%; height:auto;}
div.sc_wrap ul.course > li > div.con div.top > span.mainN{display: inline-block; width:auto; height:25px; line-height: 25px; margin-bottom:0.3rem; margin-right:0.3rem; padding: 0 15px; border-radius:0; border:1px solid #0bbff2; background:#fff; color:#0bbff2; vertical-align: middle; font-size: 13px; float:left;}
div.sc_wrap ul.course > li > div.con div.top a.m_tit{display:block; width:100%; height:auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:20px;}
div.sc_wrap ul.course > li > div.con div.top div.code{margin-top:5px; font-size:14px; color:#017cc2;}
div.sc_wrap ul.course > li > div.con div.top div.code > span{display:inline-block; margin-right:30px;}
div.sc_wrap ul.course > li > div.con div.top div.code > span:last-child{margin-right:0;}
div.sc_wrap ul.course > li > div.con div.mid{width:100%; height:30px; margin:15px 0;}
div.sc_wrap ul.course > li > div.con div.mid ul.category li{display:inline-block; width:auto; height:24px; line-height:24px; padding:0 10px; border-radius:30px; font-size:12px; color:#fff;}
div.sc_wrap ul.course > li > div.con div.mid ul.category li.cc01{background:#2496d6;}
div.sc_wrap ul.course > li > div.con div.mid ul.category li.cc02{background:#6ba11e;}
div.sc_wrap ul.course > li > div.con div.mid ul.category li.cc03{background:#ff2768;}
div.sc_wrap ul.course > li > div.con div.mid ul.category li.cc04{background:#9c61d5;}
div.sc_wrap ul.course > li > div.con div.mid ul.category li.cc05{background:#8b939b;}
div.sc_wrap ul.course > li > div.con div.bot{width:100%; height:125px;}
div.sc_wrap ul.course > li > div.con div.bot ul.left{float:left; width:65%; height:100%; padding:15px 20px; background:#f8f8f8;}
div.sc_wrap ul.course > li > div.con div.bot ul.left li{margin-bottom:13px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
div.sc_wrap ul.course > li > div.con div.bot ul.left li:last-child{margin-bottom:0;}
div.sc_wrap ul.course > li > div.con div.bot ul.left li span.tit{position:relative; display:inline-block; width:85px; margin-right:10px; padding-left:28px;}
div.sc_wrap ul.course > li > div.con div.bot ul.left li span.tit:before{position:absolute; top:0; left:0; display:inline-block; content:""; width:20px; height:20px;}
div.sc_wrap ul.course > li > div.con div.bot ul.left li.le_01 span.tit:before{background:url("/fro_end/img/course_list01.svg") 3px 5px no-repeat; background-size:auto 13px;}
div.sc_wrap ul.course > li > div.con div.bot ul.left li.le_02 span.tit:before{background:url("/fro_end/img/course_list02.svg") 2px 4px no-repeat; background-size:auto 15px;}
div.sc_wrap ul.course > li > div.con div.bot ul.left li.le_03 span.tit:before{background:url("/fro_end/img/course_list03.svg") 0 1px no-repeat; background-size:auto 20px;}
div.sc_wrap ul.course > li > div.con div.bot ul.left li span.tit:after{position:absolute; top:4px; right:0; display:inline-block; content:""; width:1px; height:15px; background:#ccc;}
div.sc_wrap ul.course > li > div.con div.bot ul.right{float:right; width:35%; height:100%; padding-left:30px;}
div.sc_wrap ul.course > li > div.con div.bot ul.right li.ri_01{margin-bottom:15px;}
div.sc_wrap ul.course > li > div.con div.bot ul.right li a{display:block; width:100%; height:54px; line-height:54px; text-align:center; -webkit-transition:opacity 0.3s; -ms-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -o-transition:opacity 0.3s; transition:opacity 0.3s;}
div.sc_wrap ul.course > li > div.con div.bot ul.right li.ri_01 a{border:1px solid #888; color:#888;}
div.sc_wrap ul.course > li > div.con div.bot ul.right li.ri_01 a:after{opacity:0; display:inline-block; content:""; width:14px; height:14px; margin-left:-14px; background:url("/fro_end/img/right_arrow_gray.svg") center no-repeat; background-size:auto 100%; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.sc_wrap ul.course > li > div.con div.bot ul.right li.ri_02 a{background:#004890; color:#fff;}
div.sc_wrap ul.course > li > div.con div.bot ul.right li.ri_02 a:after,
div.sc_wrap ul.course > li > div.con div.bot ul.right li.ri_03 a:after{opacity:0; display:inline-block; content:""; width:14px; height:14px; margin-left:-14px; background:url("/fro_end/img/right_arrow_wh.svg") center no-repeat; background-size:auto 100%; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.sc_wrap ul.course > li > div.con div.bot ul.right li:hover a:after{opacity:1; margin-left:8px;}
div.sc_wrap ul.course > li > div.con div.bot ul.right.btn_column3 li,
div.sc_wrap ul.course > li > div.con div.bot ul.right.btn_column3 li.ri_01{margin-bottom:5px;}
div.sc_wrap ul.course > li > div.con div.bot ul.right.btn_column3 li:last-child{margin-bottom:0;}
div.sc_wrap ul.course > li > div.con div.bot ul.right.btn_column3 li a{height:45px; line-height:45px;}
div.sc_wrap ul.course > li > div.con div.bot ul.right.btn_column3 li.ri_03 a{background:#00ac86; color:#fff; font-weight:normal;}

div.sc_wrap ul.course_view > li{box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);}
div.sc_wrap ul.course_view > li > div.con div.bot ul.left{width:100%;}
div.sc_wrap div.course_wrap{width:1200px; height:auto; margin:0 auto;}
div.sc_wrap div.course_wrap div.cc_wrap div.c_section h4.tit01{margin:35px 0 10px 0;}
div.sc_wrap div.course_wrap div.cc_wrap div.c_section h4.tit01:first-child{margin-top:0;}
div.sc_wrap div.course_wrap div.ct_tit{width:100%; height:auto; margin:50px 0 30px 0; text-align:center;}
div.sc_wrap div.course_wrap div.ct_tit > span{display:block; font-size:22px}
div.sc_wrap div.course_wrap ul.course_type{width:100%; height:auto; margin-bottom:30px;}
div.sc_wrap div.course_wrap ul.course_type li{float:left; position:relative; width:270px; margin-right:40px;}
div.sc_wrap div.course_wrap ul.course_type li:last-child{margin-right:0;}
div.sc_wrap div.course_wrap ul.course_type li a{display:block; width:100%; height:50px; line-height:50px; border:1px solid #333; background:#fff; text-align:center;}
div.sc_wrap div.course_wrap ul.course_type li.on a{background:#333; color:#fff;}
div.sc_wrap div.course_wrap ul.course_type li.on:after{position:absolute; bottom:-7px; left:50%; transform:translateX(-50%) rotate(45deg); content:""; display:block; width:15px; height:15px; background:#333;}

div.sc_wrap div.course_wrap div.c_section{width:100%; height:auto; background:#fff; margin-bottom:50px; padding:50px; box-shadow:0 0 10px rgba(0, 0, 0, 0.2);}
div.sc_wrap div.course_wrap div.c_section:last-child{margin-bottom:0;}
div.sc_wrap div.course_wrap div.c_section div.btn_wrap{margin-bottom:0;}
div.sc_wrap div.course_wrap div.c_section table td span.price{color:#0bbff2;}
div.sc_wrap div.course_wrap div.c_section table thead tr th{border:0;}
div.sc_wrap div.course_wrap div.c_section table tbody tr:hover{background:#f8f8f8;}
div.sc_wrap div.course_wrap div.c_section table.table01_hor tbody tr:hover{background:inherit;}
div.sc_wrap div.course_wrap div.c_section table tbody tr td.bg01{background:#f8f8f8;}
div.sc_wrap div.course_wrap div.c_section span.type_img{display:inline-block; margin-left:3px;}
div.sc_wrap div.course_wrap div.c_section span.type_img > img{width:15px; height:15px; cursor:pointer;}
div.sc_wrap div.course_wrap div.c_section span.type_img[tooltip]::after{width:300px;}
div.sc_wrap div.course_wrap div.c_section div.table_wrap{width:100%; height:auto;}
div.sc_wrap div.course_wrap div.c_section div.table_wrap p.mt_scroll{display:none;}

div.sc_wrap div.course_wrap div.course_tab{position:relative; margin-bottom:50px;}
div.sc_wrap div.course_wrap div.course_tab > input[name="infortype"]{display:none;}
div.sc_wrap div.course_wrap div.course_tab ul.list > li{float:left; width:180px; height:50px; line-height:50px; background:#f0f0f0; border-top:1px solid #ddd; border-right:1px solid #ddd; color:#aaa; text-align:center;}
div.sc_wrap div.course_wrap div.course_tab ul.list > li:first-child{border-left:1px solid #ddd;}
div.sc_wrap div.course_wrap div.course_tab ul.list > li > label{display:block; color:#929daf; cursor:pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; white-space: nowrap; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
div.sc_wrap div.course_wrap div.course_tab ul.list > li > label:hover{outline:0; color:#004890;}
div.sc_wrap div.course_wrap div.course_tab div.on{position:absolute; top:0; width:180px; -webkit-transition:all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07); transition:all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);}
div.sc_wrap div.course_wrap div.course_tab div.on div.indicator{position:relative; width:100%; height:4px; background:#004890;}
div.sc_wrap div.course_wrap div.course_tab div.c_section{background:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.2);}
div.sc_wrap div.course_wrap div.course_tab div.c_section section{display:none; -webkit-animation-name:content; animation-name:content; -webkit-animation-direction:normal; animation-direction:normal; -webkit-animation-duration:0.3s; animation-duration:0.3s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-iteration-count:1; animation-iteration-count:1;}
div.sc_wrap div.course_wrap div.course_tab input[name="infortype"]:nth-of-type(1):checked ~ ul.list > li:nth-child(1) > label,
div.sc_wrap div.course_wrap div.course_tab input[name="infortype"]:nth-of-type(2):checked ~ ul.list > li:nth-child(2) > label,
div.sc_wrap div.course_wrap div.course_tab input[name="infortype"]:nth-of-type(3):checked ~ ul.list > li:nth-child(3) > label,
div.sc_wrap div.course_wrap div.course_tab input[name="infortype"]:nth-of-type(4):checked ~ ul.list > li:nth-child(4) > label,
div.sc_wrap div.course_wrap div.course_tab input[name="infortype"]:nth-of-type(5):checked ~ ul.list > li:nth-child(5) > label{color:#004890; background:#fff; font-family:"NotoKr_B"; box-shadow:0 -7px 10px rgba(0, 0, 0, 0.2);}
div.sc_wrap div.course_wrap div.course_tab input[name="infortype"]:nth-of-type(1):checked ~ div.c_section > section:nth-child(1),
div.sc_wrap div.course_wrap div.course_tab input[name="infortype"]:nth-of-type(2):checked ~ div.c_section > section:nth-child(2),
div.sc_wrap div.course_wrap div.course_tab input[name="infortype"]:nth-of-type(3):checked ~ div.c_section > section:nth-child(3),
div.sc_wrap div.course_wrap div.course_tab input[name="infortype"]:nth-of-type(4):checked ~ div.c_section > section:nth-child(4),
div.sc_wrap div.course_wrap div.course_tab input[name="infortype"]:nth-of-type(5):checked ~ div.c_section > section:nth-child(5){display:block;}
div.sc_wrap div.course_wrap div.course_tab input[name="infortype"]:nth-of-type(1):checked ~ div.on{-webkit-transform:translateX(0%); transform:translateX(0%);}
div.sc_wrap div.course_wrap div.course_tab input[name="infortype"]:nth-of-type(2):checked ~ div.on{-webkit-transform:translateX(100%); transform:translateX(100%);}
div.sc_wrap div.course_wrap div.course_tab input[name="infortype"]:nth-of-type(3):checked ~ div.on{-webkit-transform:translateX(200%); transform:translateX(200%);}
div.sc_wrap div.course_wrap div.course_tab input[name="infortype"]:nth-of-type(4):checked ~ div.on{-webkit-transform:translateX(300%); transform:translateX(300%);}
div.sc_wrap div.course_wrap div.course_tab input[name="infortype"]:nth-of-type(5):checked ~ div.on{-webkit-transform:translateX(400%); transform:translateX(400%);}
@-webkit-keyframes content{
	from{opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px);}
	to{opacity:1; -webkit-transform:translateY(0%); transform:translateY(0%);}
}
@keyframes content{
	from{opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px);}
	to{opacity:1; -webkit-transform:translateY(0%); transform:translateY(0%);}
}
div.sc_wrap div.course_wrap div.c_section div.box_01 > img{display:block; max-width:100%; margin:0 auto; border:1px solid #eee;}
div.sc_wrap div.course_wrap div.c_section div.bbs{width:100%;}
div.sc_wrap div.course_wrap div.c_section div.bbs_bot{margin-top:10px;}
div.sc_wrap div.course_wrap div.c_section table div.course_point{color:#ccc;}
div.sc_wrap div.course_wrap div.c_section table div.course_point span.fill{color:#ffcc36;}
div.sc_wrap div.course_wrap div.c_section table.course tbody tr:hover{background:inherit;}
div.sc_wrap div.course_wrap div.c_section section.ct01 > div.box_01:last-child{margin-bottom:0;}
div.sc_wrap div.course_wrap div.c_section section.ct02 div.course_list{position:relative; width:100%; height:auto; max-height:600px; overflow-y:auto;}
/* div.sc_wrap div.course_wrap div.c_section section.ct02 div.course_list table.table01 thead{display:block; width:100%; height:55px;}
div.sc_wrap div.course_wrap div.c_section section.ct02 div.course_list table.table01 tbody{display:block; width:100%; height:600px; overflow:auto;}
div.sc_wrap div.course_wrap div.c_section section.ct02 div.course_list table.table01 tr{display:block;}
div.sc_wrap div.course_wrap div.c_section section.ct02 div.course_list table.table01 tr:after{clear:both; display:block; content:"";}
div.sc_wrap div.course_wrap div.c_section section.ct02 div.course_list table.table01 th:nth-child(1),
div.sc_wrap div.course_wrap div.c_section section.ct02 div.course_list table.table01 td:nth-child(1){float:left; width:10%;}
div.sc_wrap div.course_wrap div.c_section section.ct02 div.course_list table.table01 th:nth-child(2),
div.sc_wrap div.course_wrap div.c_section section.ct02 div.course_list table.table01 td:nth-child(2){float:left; width:60%;}
div.sc_wrap div.course_wrap div.c_section section.ct02 div.course_list table.table01 th:nth-child(3),
div.sc_wrap div.course_wrap div.c_section section.ct02 div.course_list table.table01 td:nth-child(3){float:left; width:30%;} */
div.sc_wrap div.course_wrap div.c_section section.ct02 div.course_list p.ud_scroll{display:none;}

div.sc_wrap div.course_wrap div.c_section div.book{width:100%; height:auto; margin-top:20px;}
div.sc_wrap div.course_wrap div.c_section div.book div.image{float:left; width:25%;}
div.sc_wrap div.course_wrap div.c_section div.book div.image img{width:100%; height:auto; border:1px solid #eee;}
div.sc_wrap div.course_wrap div.c_section div.book div.txt{float:right; width:70%;}
div.sc_wrap div.course_wrap div.c_section div.book div.txt div.top{width:100%; height:auto; padding-bottom:15px; margin-bottom:30px; border-bottom:1px solid #333;}
div.sc_wrap div.course_wrap div.c_section div.book div.txt div.top div.left{float:left; width:70%; height:auto; padding-right:30px;}
div.sc_wrap div.course_wrap div.c_section div.book div.txt div.top div.left div.tit{width:100%; height:auto; font-size:20px;}
div.sc_wrap div.course_wrap div.c_section div.book div.txt div.top div.left div.tit span.writer{display:block; font-size:14px; color:#888;}
div.sc_wrap div.course_wrap div.c_section div.book div.txt div.top div.right{float:right; width:30%; height:auto;}
div.sc_wrap div.course_wrap div.c_section div.book div.txt div.top div.right div.price{padding:0; background:none; margin-top:25px; text-align:right;}
div.sc_wrap div.course_wrap div.c_section div.book div.txt div.top div.right div.price span.bp{color:#0bbff2;}
div.sc_wrap div.course_wrap div.c_section div.book div.txt div.top div.right div.price span.bp span.won{font-size:16px;}
div.sc_wrap div.course_wrap div.c_section div.book div.txt div.bot{width:100%; height:auto;}
div.sc_wrap div.course_wrap div.c_section div.book div.txt div.bot div.tit{margin-bottom:5px;}
div.modal.book_pay{width:800px; text-align:left;}
div.modal.book_pay div.form_wrap{margin-bottom:15px;}
div.modal.book_pay div.form_wrap div.form_con div.list.phone div.con div.input_wrap div.sel_wrap{height:50px; line-height:50px; border:1px solid #ddd;}
div.modal.book_pay div.form_wrap div.form_con div.list.phone div.con div.input_wrap div.sel_wrap select{padding:15px;}
div.modal.book_pay div.form_wrap div.form_con div.list.delivery div.con > label{height:50px; line-height:50px;}
div.modal.book_pay div.form_wrap div.form_con div.list.delivery div.con > label:first-child{margin-right:15px;}
div.modal.book_pay div.pay_conf{width:100%; height:auto; margin:30px 0; text-align:center;}

div.sc_wrap div.course_wrap div.c_section section.ct05 table.teacher{margin-bottom:50px;}
div.sc_wrap div.course_wrap div.c_section section.ct05 table.teacher:last-child{margin-bottom:0;}
div.sc_wrap div.course_wrap div.c_section section.ct05 table.teacher ul.career{margin-top:10px;}
div.sc_wrap div.course_wrap div.c_section section.ct05 table.teacher ul.career li{position:relative; padding-left:12px; margin-bottom:5px;}
div.sc_wrap div.course_wrap div.c_section section.ct05 table.teacher ul.career li:last-child{margin-bottom:0;}
div.sc_wrap div.course_wrap div.c_section section.ct05 table.teacher ul.career li:before{position:absolute; top:9px; left:0; content:""; display:block; width:3px; height:3px; background:#333; border-radius:100%;}

div.sc_wrap div.course_wrap div.price{width:100%; height:auto; margin-top:30px; padding:30px; background:#f8f8f8;}
div.sc_wrap div.course_wrap div.price div.coupon{width:100%; height:auto; background:#f8f8f8; margin-bottom:30px;}
div.sc_wrap div.course_wrap div.price div.coupon div.form_wrap div.form_con{border:0; padding:0;}
div.sc_wrap div.course_wrap div.price div.coupon div.form_wrap div.form_con div.list.sale div.con > input{float:left; width:80%;}
div.sc_wrap div.course_wrap div.price div.coupon div.form_wrap div.form_con div.list.sale div.con > a{float:left; width:20%; height:50px; line-height:50px; background:#333; text-align:center; color:#fff;}
div.sc_wrap div.course_wrap div.price div.total{text-align:center; font-size:25px;}
div.sc_wrap div.course_wrap div.price div.total span.tit{display:inline-block; margin-right:15px;}
div.sc_wrap div.course_wrap div.price div.total span.bp{display:inline-block; color:#0bbff2; font-size:35px;}
div.sc_wrap div.course_wrap div.price div.total span.bp span.won{font-size:25px;}
div.sc_wrap div.course_wrap div.price div.total span.coupon{display:block; margin-top:5px; font-size:14px; color:#aaa;}
div.sc_wrap div.course_wrap div.form_wrap.app02 div.form_con div.list.delivery div.con > label{height:50px; line-height:50px;}
div.sc_wrap div.course_wrap div.form_wrap.app02 div.form_con div.list.delivery div.con > label:first-child{margin-right:15px;}
div.sc_wrap div.course_wrap div.app_agree{width:100%; height:auto;}
div.sc_wrap div.course_wrap div.app_agree div.check_txt{width:100%; height:auto; margin-bottom:15px; text-align:center; font-size:20px;}
div.sc_wrap div.course_wrap div.app_agree ul.check_list{width:100%; height:auto; background:#f8f8f8; padding:30px;}
div.sc_wrap div.course_wrap div.app_agree ul.check_list li{margin-bottom:15px;}
div.sc_wrap div.course_wrap div.app_agree ul.check_list li:last-child{margin-bottom:0;}
div.sc_wrap div.course_wrap div.app_agree ul.check_list li label.lab{padding-left:30px;}
div.sc_wrap div.course_wrap div.app_agree ul.check_list li label.lab div.lab_indicator{top:0; transform:none;}
div.modal.app_payment div.txt{font-size:20px;}
div.modal.app_general{font-size:18px;}

/* 검색창 */
div.bbs_search div.sel_wrap{display:inline-block; width:100px; height:40px; line-height:40px; padding:0; border:0; border-bottom:1px solid #333; vertical-align:top;}
div.bbs_search div.sel_wrap:after{right:0; z-index:1;}
div.bbs_search div.input_wrap{position:relative; display:inline-block; width:300px; height:auto; vertical-align:top;}
div.bbs_search div.input_wrap input{height:40px; border:0; border-bottom:1px solid #333;}
div.bbs_search div.input_wrap a.search_btn{position:absolute; top:50%; right:0; transform:translateY(-50%); display:block; width:18px; height:18px; background:url("../img/ic_search.svg") center no-repeat; background-size:cover; text-indent:-9999px;}
div.sc_wrap div.top_search{width:1200px; margin:0 auto 30px auto;}
div.sc_wrap div.top_search ul.cert-wrap{float:left;}
div.sc_wrap div.top_search ul.cert-wrap li a{padding:10px 25px; border-radius:3px; font-size:1.125rem;}
div.sc_wrap div.top_search div.bbs_search.app_search{float:right;}
div.sc_wrap div.top_search div.bbs_search.bbs_search div.sel_wrap{width:150px;}
div.sc_wrap div.top_search div.bbs_search.bbs_search div.input_wrap{width:350px;}

/* board */
	/* pagination */
div.pagination{margin:50px 0; text-align:center;}
div.pagination a{position:relative; display:inline-block; width:30px; height:30px; line-height:30px;}
div.pagination a.on{background:#004890; color:#fff; border-radius:100%; font-family: 'Montserrat_B' , sans-serif;}
div.pagination a.arrow{text-indent:-9999px;}
div.pagination a.arrow:before{position:absolute; top:0; left:0; display:block; content:""; width:30px; height:30px;}
div.pagination a.arrow.prev{margin-right:15px;}
div.pagination a.arrow.next{margin-left:15px;}
div.pagination a.arrow.prev:before,
div.pagination a.arrow.next:before{background:url("../img/page_next.svg") center no-repeat; background-size:auto 50%;}
div.pagination a.arrow.prev:before{transform:rotate(180deg);}
div.pagination a.arrow.first:before,
div.pagination a.arrow.last:before{background:url("../img/page_last.svg") center no-repeat; background-size:auto 50%;}
div.pagination a.arrow.first:before{transform:rotate(180deg);}
div.pagination a:hover{font-family: 'Montserrat_B' , sans-serif;}
div.pagination a.arrow:hover{font-family:inherit;}

	/* list */
div.bbs{width:1200px; height:auto; margin:0 auto;}
div.bbs div.bbs_top{width:100%; height:auto;}
div.bbs div.bbs_top div.total_ct{float:left; margin-top:18px;}
div.bbs div.bbs_top div.total_ct > span{color:#004890;}
div.bbs div.bbs_bot{width:100%; height:auto; margin-top:30px;}
div.bbs div.bbs_bot li.list{width:100%; height:auto; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.bbs div.bbs_bot li.list a{display:block; width:100%; height:auto; padding:30px 0; border-bottom:1px solid #ddd;}
div.bbs div.bbs_bot li.list:first-child a{border-top:1px solid #ddd;}
div.bbs div.bbs_bot li.list a div.date{float:left; width:15%; height:130px; padding:33px 0; text-align:center;}
div.bbs div.bbs_bot li.list a div.date > span{display:block;}
div.bbs div.bbs_bot li.list a div.date > span.ym{font-size:14px; letter-spacing:-0.5px;}
div.bbs div.bbs_bot li.list a div.date > span.day{font-size:40px;}
div.bbs div.bbs_bot li.list a div.con{float:left; width:85%; height:130px;}
div.bbs div.bbs_bot li.list a div.con div.image{float:left; width:20%; height:130px; overflow:hidden;}
div.bbs div.bbs_bot li.list a div.con div.image img{width:100%; height:auto;}
div.bbs div.bbs_bot li.list a div.con div.txt{float:left; width:80%; height:130px; padding-left:30px; overflow:hidden;}
div.bbs div.bbs_bot li.list a div.con div.txt ul.inf{width:100%; height:auto;}
div.bbs div.bbs_bot li.list a div.con div.txt ul.inf li{display:inline-block; font-size:14px;}
div.bbs div.bbs_bot li.list a div.con div.txt ul.inf li:first-child{color:#004890;}
div.bbs div.bbs_bot li.list a div.con div.txt ul.inf li:first-child:after{display:inline-block; content:""; width:1px; height:10px; background:#ccc; margin:0 15px;}
div.bbs div.bbs_bot li.list a div.con div.txt div.tit{width:100%; height:36px; margin:15px 0 10px 0; font-size:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.bbs div.bbs_bot li.list a div.con div.txt div.tit span.mainN{display:inline-block; width:auto; height:25px; line-height:25px; border-radius:30px; padding:0 15px; background:#0bbff2; vertical-align:middle; color:#fff; font-size:13px;}
div.bbs div.bbs_bot li.list:hover{background:#f7f9fc;}
div.bbs a.btn_recommend{height:50px; line-height:46px; background:#fff; color:#ff9f3a; display:inline-block; padding:0 25px; border:2px solid #ffb357; position:relative; padding-left:50px; font-family:'NotoKr_B'; transition:0.3s;}
div.bbs a.btn_recommend:before{content:''; display:block; width:25px; height:25px; background:url("../img/ico_aword.png")center/100% auto no-repeat; position:absolute; top:50%; left:15px; transform:translateY(-50%);}
div.bbs a.btn_recommend:hover{transform:translateY(-5px); box-shadow:0 10px 20px rgba(0,0,0,0.2);}
div.bbs a.btn_recommend.remove{border-color:#333; color:#333;}
div.bbs a.btn_recommend.remove:after{content:''; display:block; width:2px; height:35px; background:#333; position:absolute; top:50%; left:25px; transform:translateY(-50%) rotate(45deg);}

	/* view */
div.bbs.bbs_view div.bv_tit{width:100%; height:auto; padding:30px; border-top:2px solid #333; border-bottom:1px solid #ddd; background:#f5f5f5; text-align:center;}
div.bbs.bbs_view div.bv_tit div.tit{font-size:22px;}
div.bbs.bbs_view div.bv_tit > ul{margin:15px 0 25px 0;}
div.bbs.bbs_view div.bv_tit > ul li{position:relative; display:inline-block; color:#888; font-family:"NotoKr_L";}
div.bbs.bbs_view div.bv_tit > ul li:after{content:""; display:inline-block; width:1px; height:10px; background:#ccc; margin:0 15px;}
div.bbs.bbs_view div.bv_tit > ul li:last-child:after{display:none;}
div.bbs.bbs_view div.bv_tit div.tit_bot{width:100%; height:auto; padding-top:25px; border-top:1px solid #ddd;}
div.bbs.bbs_view div.bv_tit div.tit_bot div.attach{float:left;}
div.bbs.bbs_view div.bv_tit div.tit_bot div.attach div.att_tit{display:inline-block;}
div.bbs.bbs_view div.bv_tit div.tit_bot div.attach a.file{position:relative; display:inline-block; margin-left:20px; padding-left:25px; color:#aaa;}
div.bbs.bbs_view div.bv_tit div.tit_bot div.attach a.file:before{position:absolute; top:0; left:0; content:""; width:20px; height:20px; background:url("../img/attach_down.svg") 0 center no-repeat; background-size:auto 18px;}
div.bbs.bbs_view div.bv_tit div.tit_bot div.attach a:hover{text-decoration:underline;}
div.bbs.bbs_view div.bv_tit div.tit_bot div.copy{float:right; position:relative;}
div.bbs.bbs_view div.bv_tit div.tit_bot div.copy > input{position:absolute; top:0; left:0; width:1px; height:1px; margin:0; padding:0; border:0;}
div.bbs.bbs_view div.bv_tit div.tit_bot div.copy span.copy_btn{display:inline-block; font-size:14px; cursor:pointer;}
div.bbs.bbs_view div.bv_tit div.tit_bot div.copy span.copy_btn:before{content:""; display:inline-block; width:15px; height:15px; margin-right:5px; background:url("../img/url_copy.svg") center no-repeat; background-size:auto 100%; vertical-align:middle;}
div.bbs.bbs_view div.bv_con{width:100%; height:auto; min-height:300px; line-height:1.8em; padding:80px 50px; border-bottom:1px solid #ddd;}
div.bbs.bbs_view div.bv_con img{display:block; max-width:100%; height:auto;}

	/* comment */
div.bbs.bbs_view div.bv_reply{width:100%; height:auto; background:#f7f7f7; border:1px solid #eee; margin-top:2rem; border-radius:0.5rem; padding:2rem;}
div.bbs.bbs_view div.bv_reply div.re_list{width:100%; height:auto;}
div.bbs.bbs_view div.bv_reply div.re_list div.list{width:100%; height:auto; padding:20px; background:#fff; box-shadow:0 3px 18px rgba(0,0,0,0.08); border-radius:0.5rem; margin-bottom:1rem;}
div.bbs.bbs_view div.bv_reply div.re_list div.list:last-child{margin-bottom:2rem;}
div.bbs.bbs_view div.bv_reply div.re_list div.list div.inf div.left{float:left; width:50%; height:auto;}
div.bbs.bbs_view div.bv_reply div.re_list div.list div.inf div.left > div{display:inline-block;}
div.bbs.bbs_view div.bv_reply div.re_list div.list div.inf div.left > div.writer{position:relative; padding-left:1.5rem;}
div.bbs.bbs_view div.bv_reply div.re_list div.list div.inf div.left > div.writer:before{content:''; display:block; width:1.2rem; height:1.2rem; background:url("/fro_end/img/board-user.svg")center/100% auto no-repeat; position:absolute; top:3px; left:0;}
div.bbs.bbs_view div.bv_reply div.re_list div.list div.inf div.left > div.date{margin-left:10px; font-size:14px;}
div.bbs.bbs_view div.bv_reply div.re_list div.list div.inf div.right{float:right; width:50%; height:auto; text-align:right;}
div.bbs.bbs_view div.bv_reply div.re_list div.list div.inf div.right a.re_li_btn{position:relative; display:inline-block; margin:0 5px; color:#fe5a7b; font-size:14px; font-family:"NotoKr_L"; -webkit-transition:0.4s; -ms-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
div.bbs.bbs_view div.bv_reply div.re_list div.list div.inf div.right a.re_li_btn:after{position:absolute; bottom:-3px; left:0; display:block; content:""; width:100%; height:1px; background:#fe5a7b;}
div.bbs.bbs_view div.bv_reply div.re_list div.list div.inf div.right a.re_li_btn:hover{font-family:"NotoKr_R";}
div.bbs.bbs_view div.bv_reply div.re_list div.list div.con{width:100%; height:auto; margin-top:15px;}
div.bbs.bbs_view div.bv_reply div.re_write{width:100%; height:auto;}
div.bbs.bbs_view div.bv_reply div.re_write div.input{width:100%; height:auto; margin-top:10px;}
div.bbs.bbs_view div.bv_reply div.re_write div.input textarea{float:left; width:90%; height:80px; border:0; padding:10px; font-family:"NotoKr_R";}
div.bbs.bbs_view div.bv_reply div.re_write div.input a{float:right; width:9%; height:80px; line-height:80px; background:#333; color:#fff; text-align:center;}
div.bbs.bbs_view div.bv_bot{width:100%; height:auto; padding:50px 0;}
div.bbs.bbs_view div.bv_bot > div{float:left; width:33.3333%;}
div.bbs.bbs_view div.bv_bot > div.btn_wrap{margin:0; width: 100%;}
div.bbs.bbs_view div.bv_bot > div.view_btn a{position:relative; display:block; width:100%; height:45px;}
div.bbs.bbs_view div.bv_bot > div.view_btn a:before{position:absolute; top:0;  content:""; width:32px; height:32px; background:url("../img/right_arrow.svg") center no-repeat; background-size:35% auto; border:1px solid #333; opacity:.5; -webkit-transition:0.4s; -ms-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s; border-radius:50%;}
div.bbs.bbs_view div.bv_bot > div.view_btn.view_prev a{padding-left:45px;}
div.bbs.bbs_view div.bv_bot > div.view_btn.view_prev a:before{left:0; transform:rotate(180deg);}
div.bbs.bbs_view div.bv_bot > div.view_btn.view_next a{padding-right:45px; text-align:right;}
div.bbs.bbs_view div.bv_bot > div.view_btn.view_next a:before{right:0;}
div.bbs.bbs_view div.bv_bot > div.view_btn a div.con{height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#999;}
div.bbs.bbs_view div.bv_bot > div.view_btn a:hover:before{opacity:1;}
div.bbs.bbs_view div.bv_bot > div.view_btn.view_prev a:hover:before{transform:rotate(180deg) translateX(7px);}
div.bbs.bbs_view div.bv_bot > div.view_btn.view_next a:hover:before{transform:translateX(7px);}


	/* write */
div.bbs.bbs_write div.bw_top{width:100%; height:auto; margin-bottom:2rem; border:1px solid #eee; border-radius:0.5rem; box-shadow:0 5px 30px rgba(0,0,0,0.1); background:#fff; padding:2rem;}
div.bbs.bbs_write div.bw_top div.line{display:flex; align-items:center; width:100%; height:auto; border-bottom:1px dashed #ddd; margin-bottom:1rem; padding-bottom:1rem;}
div.bbs.bbs_write div.bw_top div.line:last-child{border:0; margin-bottom:0; padding-bottom:0;}
div.bbs.bbs_write div.bw_top div.line input{padding:8px; font-size:16px;}
div.bbs.bbs_write div.bw_top div.line div.tit{width:20%; text-align:center; font-family:"NotoKr_B";}
div.bbs.bbs_write div.bw_top div.line div.tit > span.only-admin{display:block; width:fit-content; margin:0 auto; margin-top:0.2rem; font-family:'NotoKr_R'; background:rgba(95,172,255,0.1); color:#5facff; padding:0.2rem 0.4rem; font-size:0.8rem; border-radius:5px; letter-spacing:-0.5px;}
div.bbs.bbs_write div.bw_top div.line div.con{width:80%;}
div.bbs.bbs_write div.bw_top div.line div.con div.sel_wrap{height:100%;}
div.bbs.bbs_write div.bw_top div.line div.con div.sel_wrap select{border:1px solid #ccc; padding:0 10px;}
div.bbs.bbs_write div.bw_top div.line.title div.con > input{float:left; width:85%;}
div.bbs.bbs_write div.bw_top div.line.title div.con > div.ck_wrap{float:left; width:15%; height:40px; line-height:40px; padding-left:30px;}
div.bbs.bbs_write div.bw_top div.line.mainN div.con > div.ck_wrap{display:inline-block; margin-right:30px;}
div.bbs.bbs_write div.bw_top div.line.mainN div.con > div.date_wrap{display:inline-block;}
div.bbs.bbs_write div.bw_top div.line.mainN div.con > div.date_wrap input{position:relative; width:150px; cursor:pointer;}
div.bbs.bbs_write div.bw_top div.line.mainN div.con > div.date_wrap button.ui-datepicker-trigger{width:40px; height:40px; vertical-align:top; background:#fff url("../img/input_cal.svg") center no-repeat; background-size:auto 15px; padding:0; border:1px solid #ddd; border-left:0; text-indent:-9999px; cursor:pointer;}
div.bbs.bbs_write div.bw_top div.line.mainN div.con > div.date_wrap > span{display:inline-block; margin:0 15px;}
div.bbs.bbs_write div.bw_top div.line.attach label.lab_attach{cursor:pointer;}
div.bbs.bbs_write div.bw_top div.line.attach label.lab_attach > input{display:none;}
div.bbs.bbs_write div.bw_top div.line.attach label.lab_attach span.attach_btn{display:inline-block; padding:9px 15px; background:#bbb; border-radius:5px; color:#fff;}
div.bbs.bbs_write div.bw_top div.line.attach label.lab_attach span.addfile{background:#0bbff2; color:#fff;}
div.bbs.bbs_write div.bw_top div.line.attach label.lab_attach span.addfile:after{content:""; display:inline-block; width:20px; height:20px; margin-left:15px; vertical-align:middle; background:url("../img/attach_close.svg") center no-repeat; background-size:auto 50%;}
div.bbs.bbs_write div.bw_bot{width:100%; max-width:100%; height:auto; min-height:500px; border-bottom:1px solid #ddd;}
div.bbs.bbs_write div.bw_bot table,
div.bbs.bbs_write div.bw_bot table td,
div.bbs.bbs_write div.bw_bot table th{border:1px solid #333;}
	
/* faq */
div.faq{width:1200px; height:auto; margin:0 auto; text-align:center;}
div.faq div.bbs_search{width:100%;}
div.faq div.bbs_search div.sel_wrap{width:150px; margin-right:10px;}
div.faq div.bbs_search div.input_wrap{width:500px;}
div.faq ul.category{margin:20px 0 70px 0; text-align:center;}
div.faq ul.category li{display:inline-block;}
div.faq ul.category li a{display:block; width:auto; height:35px; line-height:35px; border:1px solid #aaa; border-radius:30px; margin:0 10px; padding:0 15px; font-size:14px; color:#aaa; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.faq ul.category li.on a,
div.faq ul.category li.on a:hover{background:#017cc2; border:1px solid #017cc2; color:#fff; box-shadow:0 7px 15px rgba(0, 0, 0, 0.3);}
div.faq ul.category li a:hover{border:1px solid #017cc2; color:#017cc2;}
div.faq div.faq_accordion{position:relative; width:100%; height:auto; margin-top:50px;}
div.faq div.faq_accordion article{border-top:1px solid #ddd; text-align:left;}
div.faq div.faq_accordion article:last-child{border-bottom:1px solid #ddd;}
div.faq div.faq_accordion article div.fa_Q{position:relative; width:100%; height:auto; padding:15px 70px 15px 75px; cursor:pointer;}
div.faq div.faq_accordion article div.fa_Q:before{position:absolute; top:50%; left:30px; transform:translateY(-50%); content:"Q"; display:inline-block; font-family:'Montserrat_B' , sans-serif; font-size:30px; color:#004890;}
div.faq div.faq_accordion article div.fa_Q:after{position:absolute; top:50%; right:30px; content:"+"; transform:translateY(-50%); font-size:40px; color:#ddd; font-family:'NotoKr_T' , sans-serif;}
div.faq div.faq_accordion article div.fa_Q span.eng{display:inline-block; font-size:24px; color:#004890;}
div.faq div.faq_accordion article div.fa_Q div.ctgr{display:inline-block; width:auto; height:auto; line-height:normal; padding:3px 10px; margin-bottom:5px; border-radius:30px; background:#eee; color:#888; font-size:12px; text-align:center;}
div.faq div.faq_accordion article div.fa_Q div.tit{-webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.faq div.faq_accordion article div.fa_A{display:none; position:relative; line-height:26px; padding:25px 70px 25px 75px; background:#f5f5f5;}
div.faq div.faq_accordion article div.fa_A:before{position:absolute; top:25px; left:35px; content:"A"; display:inline-block; font-family:'Montserrat_B' , sans-serif; font-size:24px; color:#0bbff2;}
div.faq div.faq_accordion article div.fa_A table,
div.faq div.faq_accordion article div.fa_A table td,
div.faq div.faq_accordion article div.fa_A table th{border:1px solid #bbb;}
div.faq div.faq_accordion article.open div.fa_Q{border-bottom:1px solid #ddd;}
div.faq div.faq_accordion article.open div.fa_Q div.tit{font-family:"NotoKr_B"; color:#004890;}
div.faq div.faq_accordion article.open div.fa_Q:after{content:"-"; font-size:55px; color:#004890;}
div.faq div.btn_wrap{margin:1.5rem 0; text-align:right;}
div.faq div.btn_wrap a.Nbtn{height:auto; line-height:normal; border:0; text-decoration:underline; font-size:0.8rem;}

/* QnA - list */
div.bbs.def_board table{width:100%; height:auto; border-top:1px solid #333;}
div.bbs.def_board table thead{border-bottom:1px solid #ddd;}
div.bbs.def_board table thead tr th{padding:15px; border:0; text-align:center;}
div.bbs.def_board table tbody tr{border-bottom:1px solid #ddd; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.bbs.def_board table tbody tr td{padding:15px; text-align:center;}
div.bbs.def_board table tbody tr td:nth-of-type(2){text-align:left;}
div.bbs.def_board table tbody tr td a.tit{display:inline-block; max-width:680px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.bbs.def_board table tbody tr td span.mainN{display:inline-block; width:auto; height:25px; line-height:25px; border-radius:30px; padding:0 15px; background:#004890; vertical-align:middle; color:#fff; font-size:13px;}
div.bbs.def_board table tbody tr td span.secret{display:inline-block; width:20px; height:20px; background:url("../img/secret_lock.svg") center no-repeat; background-size:auto 16px; margin-left:5px; vertical-align:middle; text-indent:-9999px;}
div.bbs.def_board table tbody tr td span.recommend{display:inline-block; width:24px; height:24px; background:url("../img/ico_aword.png")center/ 100% auto no-repeat; margin-right:8px; font-size:0; vertical-align:middle;}
div.bbs.def_board table tbody tr:hover{background:#f8f8f8;}
div.bbs.def_board table tbody tr td span.new_list{display:inline-block; width:40px; height:20px; line-height:20px; margin-left:10px; background:#0bbff2; vertical-align:middle; font-size:11px; color:#fff; text-align:center;}
div.bbs.def_board table tbody tr td span.cate{font-family:'NotoKr_B', sans-serif; display:inline-block; margin-right:10px; vertical-align:middle; min-width:90px;}
div.bbs.def_board table tbody tr.reply_list td a.tit:before{content:""; display:inline-block; width:30px; height:17px; background:url("../img/bbs_reply.png") center no-repeat; background-size:auto 100%;}
div.bbs.def_board table tbody tr.reply_list td a.tit span.re{display:inline-block; width:30px; height:20px; line-height:20px; margin-right:5px; background:#ccc; font-size:12px; text-align:center; color:#fff; vertical-align:middle;}

/* 비밀글 클릭시 나타나는 비밀번호 입력창 */
div.secret_pw{padding:50px;}
div.secret_pw > img{width:35px; height:35px;}
div.secret_pw div.txt{margin:15px 0;}
div.secret_pw input{width:100%;}
div.secret_pw div.btn_wrap{margin:30px 0 0 0 ;}

/* 채용정보 - list */
div.bbs.job div.bbs_bot > ul{width:100%; height:auto; margin-bottom:65px;}
div.bbs.job div.bbs_bot > ul:last-child{margin-bottom:0;}
div.bbs.job div.bbs_bot > ul > li{float:left;margin-right:70px;margin-bottom:65px;}
div.bbs.job div.bbs_bot > ul > li > a{display:block; width:350px; height:345px; padding:20px; border:1px solid #ddd; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.bbs.job div.bbs_bot > ul > li > a div.top{width:100%; height:60px; font-size:20px; overflow:hidden; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.bbs.job div.bbs_bot > ul > li > a div.bot{width:100%; height:235px; margin-top:10px; padding:20px; background:#f7f7f7;}
div.bbs.job div.bbs_bot > ul > li > a div.bot > ul > li{width:100%; height:auto; margin-bottom:10px;}
div.bbs.job div.bbs_bot > ul > li > a div.bot > ul > li:last-child{margin-bottom:0;}
div.bbs.job div.bbs_bot > ul > li > a div.bot > ul > li > div{float:left; font-size:14px;}
div.bbs.job div.bbs_bot > ul > li > a div.bot > ul > li > div.tit{width:25%; height:30px; line-height:30px; border-radius:30px; background:#ddd; text-align:center; font-family:"NotoKr_B";}
div.bbs.job div.bbs_bot > ul > li > a div.bot > ul > li > div.con{width:75%; padding:5px 0 0 10px; overflow:hidden;}
div.bbs.job div.bbs_bot > ul > li:nth-child(3n+0){margin-right:0px;}
div.bbs.job div.bbs_bot > ul > li > a div.bot > ul > li:nth-of-type(1) > div.con{font-family:"NotoKr_B";}
div.bbs.job div.bbs_bot > ul > li > a div.bot > ul > li:nth-of-type(2) > div.con{max-height:43px;}
div.bbs.job div.bbs_bot > ul > li > a div.bot > ul > li:nth-of-type(3) > div.con{max-height:62px;}
div.bbs.job div.bbs_bot > ul > li > a div.bot > ul > li:nth-of-type(4) > div.con{max-height:24px;}
div.bbs.job div.bbs_bot > ul > li > a:hover{box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);}
div.bbs.job div.bbs_bot > ul > li > a:hover div.top{color:#017cc2;}
div.bbs.job div.bbs_bot > ul > li > a div.bot > ul > li:nth-of-type(1) > div.tit{background:#017cc2; color:#fff;}

/* 갤러리게시판 - list */
div.bbs.gallery div.bbs_bot > ul{width:100%; height:auto; margin-bottom:65px;}
div.bbs.gallery div.bbs_bot > ul:last-child{margin-bottom:0;}
div.bbs.gallery div.bbs_bot > ul > li{float:left;margin-right:70px;margin-bottom:65px;}
div.bbs.gallery div.bbs_bot > ul > li > a{display:block; width:350px; height:auto; border:1px solid #ddd; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.bbs.gallery div.bbs_bot > ul > li:nth-child(3n+0){margin-right:0px;}
div.bbs.gallery div.bbs_bot > ul > li > a div.thum{position:relative; width:100%; height:152px; overflow:hidden;}
div.bbs.gallery div.bbs_bot > ul > li > a div.thum img{position:absolute; top:50%; transform:translateY(-50%); width:100%;height:100%;}
div.bbs.gallery div.bbs_bot > ul > li > a div.txt{width:100%; height:auto; padding:20px;}
div.bbs.gallery div.bbs_bot > ul > li > a div.txt div.tit{width:100%; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.bbs.gallery div.bbs_bot > ul > li > a div.txt div.date{width:100%; height:20px; margin-top:10px; overflow:hidden;}
div.bbs.gallery div.bbs_bot > ul > li > a:hover{box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);}

/* member 공통 */
div.member{position:relative; width:100%; height:100vh; background:#f5f5f5; overflow:hidden;}
div.member div.top{position:relative; width:100%; height:350px; overflow:hidden; background:linear-gradient(-45deg, #102d4d, #004890, #017cc2, #0bbff2);background-size: 400% 400%;-webkit-animation: Gradient 6s ease infinite;-ms-animation: Gradient 6s ease infinite;-o-animation: Gradient 6s ease infinite;-moz-animation: Gradient 6s ease infinite;animation: Gradient 6s ease infinite;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#102d4d', endColorstr='#017cc2',GradientType=1 ); z-index:1;}
div.member div.top:before{position:absolute; top:0; left:0; content:""; display:block; width:100%; height:350px; background:url("../img/login_bg.jpg") center -50px no-repeat; background-size:cover; opacity:0.05; z-index:-1;}
div.member div.top div.box{width:100%; height:auto; height:auto; padding:30px;}
div.member div.top div.box a.logo{float:left; display:block; width:350px; height:auto;}
div.member div.top div.box a.logo img{width:100%; height:auto;}
div.member div.top div.box a.home{float:right; position:relative; margin-top:13px; color:rgba(255, 255, 255, 0.5); -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.member div.top div.box a.home:after{position:absolute; bottom:-3px; left:0; content:""; display:block; width:100%; height:1px; background:rgba(255, 255, 255, 0.5); -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.member div.top div.box a.home:hover{color:#fff;}
div.member div.top div.box a.home:hover:after{background:#fff;}
div.member input{width:100%;}
div.member div.sel_wrap{height:50px; border:1px solid #ddd;}
div.member div.sel_wrap:after{z-index:0;}
div.member div.sel_wrap select{padding:15px; padding-right:50px; background:#fff;}
div.member table.mem_table{width:100%; height:auto; font-size:14px;}
div.member table.mem_table thead th{border-top:1px solid #333; border-bottom:1px solid #333; padding:5px;}
div.member table.mem_table tbody td{border-bottom:1px solid #ddd; padding:5px; text-align:center;}
h4.form_tit span.inf{display:block; font-size:14px; font-weight:normal;}
div.member div.copy{position:absolute; bottom:0; left:0; width:100%; height:78px; padding:30px 0; text-align:center; font-size:13px; color:#ccc;}
/* 필수 값 표시 */
span.esse{position:relative; display:inline-block; margin-left:1rem; padding-left:0.5rem; color:#ff0100; font-size:0.8rem;}
span.esse:before{position:absolute; top:50%; left:0; transform:translateY(-50%); content:""; display:inline-block; width:5px; height:5px; background:#ff0100; border-radius:50%;}

/* 로그인 */
div.member.login div.top{padding-top:100px;}
div.member.login div.top div.box a.logo{float:none; height:auto; margin:0 auto; text-align:center;}
div.member.login div.top div.box a.logo img{width:100%; height:auto;}
div.member.login div.form{position:relative; width:450px; height:auto; padding:30px; margin:-100px auto 0 auto; background:#fff; border-radius:30px; box-shadow:0 0 50px rgba(0, 0, 0, 0.3); z-index:2;}
div.member.login div.form div.tit{width:100%; height:auto; margin:20px 0 40px 0; font-size:30px; text-align:center; color:#0bbff2; letter-spacing:1px;}
div.member.login div.form div.input{width:100%; height:auto;}
div.member.login div.form div.input input{width:100%; height:auto;}
div.member.login div.form div.input input.id{margin-bottom:10px;}
div.member.login div.form div.input div.id_save{width:100%; height:auto; padding:30px 0; text-align:center;}
div.member.login div.form div.input > a{display:block; width:100%; height:50px; line-height:50px; background:#0bbff2; color:#fff; text-align:center; letter-spacing:1px;}
div.member.login div.form ul.link{width:100%; height:auto; margin-top:15px; text-align:center;}
div.member.login div.form ul.link li{display:inline-block;}
div.member.login div.form ul.link li:first-child{margin-right:30px;}
div.member.login div.form ul.link li a{position:relative; display:block; font-size:14px;}
div.member.login div.form ul.link li a:after{position:absolute; bottom:-3px; left:0; content:""; width:100%; height:1px; background:#333;}

/* 회원가입 시작 페이지 */
div.member.join_sel div.form div.main_tit{width:100%; height:auto; margin:50px 0; font-size:35px; text-align:center; color:#fff;}
div.member.join_sel div.form div.select_wrap a.box{float:left; display:block; width:47%; height:auto; padding:50px; border-radius:30px; background:#fff; text-align:center; box-shadow:0 0 50px rgba(0, 0, 0, 0.3); -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.member.join_sel div.form div.select_wrap a.box01{color:#004890;}
div.member.join_sel div.form div.select_wrap a.box02{float:right; color:#0bbff2;}
div.member.join_sel div.form div.select_wrap a.box01 div.icon{width:100%; height:60px; background:url("../img/joinType01.png") center no-repeat; background-size:auto 100%;}
div.member.join_sel div.form div.select_wrap a.box02 div.icon{width:100%; height:60px; background:url("../img/joinType02.png") center no-repeat; background-size:auto 100%;}
div.member.join_sel div.form div.select_wrap a.box div.tit{margin-top:30px; font-size:30px;}
div.member.join_sel div.form div.select_wrap a.box div.tit > span{display:block; margin-top:5px; font-size:20px;}
div.member.join_sel div.form div.select_wrap a.box div.f_btn{width:200px; height:50px; line-height:50px; margin:50px auto 0 auto; text-align:center;}
div.member.join_sel div.form div.select_wrap a.box01 div.f_btn{border:1px solid #004890; color:#004890;}
div.member.join_sel div.form div.select_wrap a.box02 div.f_btn{border:1px solid #0bbff2; color:#0bbff2;}
div.member.join_sel div.form div.select_wrap a.box:hover div.f_btn{border:1px solid #fff; color:#fff;}
div.member.join_sel div.form div.select_wrap a.box01:hover{background:#004890; color:#fff;}
div.member.join_sel div.form div.select_wrap a.box01:hover div.icon{background:url("../img/joinType01_wh.png") center no-repeat; background-size:auto 100%;}
div.member.join_sel div.form div.select_wrap a.box02:hover{background:#0bbff2; color:#fff;}
div.member.join_sel div.form div.select_wrap a.box02:hover div.icon{background:url("../img/joinType02_wh.png") center no-repeat; background-size:auto 100%;}
div.member.join_sel div.copy{position:absolute; bottom:0; left:0;}

/* 회원가입 */
div.member.join{height:auto; min-height:100vh;}
div.member.join div.form{position:relative; width:1000px; height:auto; margin:-270px auto 0 auto; z-index:2;}
ul.join_step{width:100%; height:auto; margin:50px 0; text-align:center;}
ul.join_step li{display:inline-block; width:250px;}
ul.join_step li div.num{position:relative; width:45px; height:45px; line-height:45px; background:rgba(255, 255, 255, 0.5); margin:0 auto; border-radius:100%; color:rgba(255, 255, 255, 0.5); text-align:center;}
ul.join_step li div.num:before{position:absolute; top:50%; right:60px; transform:translateY(-50%); display:inline-block; content:""; width:180px; height:1px; background:rgba(255, 255, 255, 0.3);}
ul.join_step li:first-child div.num:before{display:none;}
ul.join_step li div.txt{margin-top:10px; color:rgba(255, 255, 255, 0.5); font-family:"NotoKr_L";}
ul.join_step li.on div.num{background:#fff; color:#004890;}
ul.join_step li.on div.num:before{background:#fff;}
ul.join_step li.on div.txt{color:#fff; font-family:"NotoKr_B";}
div.member.join div.form div.in_form{width:100%; height:auto; background:#fff; border-radius:30px; padding:50px; box-shadow:0 0 50px rgba(0, 0, 0, 0.3);}
div.member.join div.form div.in_form div.agree_sect{width:100%; height:auto; margin-bottom:70px;}
div.member.join div.form div.in_form div.agree_sect:last-child{margin-bottom:0;}
div.member.join div.form div.in_form h4.form_tit{margin-bottom:5px; font-size:25px; font-family:"NotoKr_B";}
div.member.join div.form div.in_form div.con_def{width:100%; height:auto; max-height:250px; overflow:auto; border:1px solid #ddd; padding:15px; font-size:14px;}
div.member.join div.form div.in_form div.con_def p.tit_01{margin:50px 0 15px 0; font-size:20px; text-align:center;}
div.member.join div.form div.in_form div.con_def p.tit_01:first-child{margin-top:0;}
div.member.join div.form div.in_form div.con_def p.tit_02{margin:30px 0 10px 0;}
div.member.join div.form div.in_form div.con_def ul.num{padding-left:17px; margin-top:10px;}
div.member.join div.form div.in_form div.con_def ul.num > li{list-style-type:decimal;}
div.member.join div.form div.in_form div.con_def p.last_txt{margin-top:30px;}
div.member.join div.form div.in_form div.agree_check_list{width:100%; height:auto; padding:30px; padding-bottom:0; margin-top:30px; background:#f8f8f8;}
div.member.join div.form div.in_form div.agree_check_list ul{padding-bottom:30px; border-bottom:1px solid #ddd;}
div.member.join div.form div.in_form div.agree_check_list ul li{position:relative; padding-left:15px; margin-bottom:10px;}
div.member.join div.form div.in_form div.agree_check_list ul li:before{position:absolute; top:-2px; left:0; content:"-"; display:inline-block;}
div.member.join div.form div.in_form div.agree_check_list ul li:last-child{margin-bottom:0;}
div.member.join div.form div.in_form div.label_wrap{text-align:center; margin-top:30px;}
div.member.join div.form div.in_form div.label_wrap.radio{padding:30px; background:#f8f8f8;}
div.member.join div.form div.in_form div.label_wrap.radio span.radio_txt{display:inline-block; margin-right:50px;}
div.member.join div.form div.in_form div.label_wrap.radio label:nth-of-type(1){margin-right:15px;}
div.member.join div.form div.in_form div.agree_sect div.auth_wrap{padding-top:30px;}
div.member.join div.form div.in_form div.agree_sect div.auth_01{margin-bottom:50px; text-align:center;}
div.member.join div.form div.in_form div.agree_sect div.auth_01 > a{display:inline-block; width:370px; height:330px; padding:40px 35px; background:#fff; border-radius:30px; vertical-align:top; box-shadow:0 0 10px rgba(0, 0, 0, 0.15); text-align:center; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.member.join div.form div.in_form div.agree_sect div.auth_01 > a.phone{margin-right:50px;}
div.member.join div.form div.in_form div.agree_sect div.auth_01 > a div.icon{width:100%; height:75px;}
div.member.join div.form div.in_form div.agree_sect div.auth_01 > a.phone div.icon{background:url("../img/find_phone.png") center no-repeat; background-size:50px auto;}
div.member.join div.form div.in_form div.agree_sect div.auth_01 > a.ipin div.icon{background:url("../img/find_ipin.png") center no-repeat; background-size:65px auto;}
div.member.join div.form div.in_form div.agree_sect div.auth_01 > a div.tit{margin-top:30px; font-size:1.5rem;}
div.member.join div.form div.in_form div.agree_sect div.auth_01 > a div.tit:after{content:""; display:block; width:40px; height:1px; background:#ccc; margin:15px auto;}
div.member.join div.form div.in_form div.agree_sect div.auth_01 > a div.con{line-height:26px;}
div.member.join div.form div.in_form div.agree_sect div.auth_01 > a:hover{background:#0bbff2; box-shadow:0 0 30px rgba(0, 0, 0, 0.4);}
div.member.join div.form div.in_form div.agree_sect div.auth_01 > a.phone:hover div.icon{background:url("../img/find_phone_wh.png") center no-repeat; background-size:50px auto;}
div.member.join div.form div.in_form div.agree_sect div.auth_01 > a.ipin:hover div.icon{background:url("../img/find_ipin_wh.png") center no-repeat; background-size:65px auto;}
div.member.join div.form div.in_form div.agree_sect div.auth_01 > a:hover div.tit{color:#fff;}
div.member.join div.form div.in_form div.agree_sect div.auth_01 > a:hover div.tit:after{background:rgba(255, 255, 255, 0.3);}
div.member.join div.form div.in_form div.agree_sect div.auth_01 > a:hover div.con{color:#fff;}
div.member.join div.form div.in_form div.agree_sect div.auth_02 > div{margin-bottom:30px;}
div.member.join div.form div.in_form div.agree_sect div.auth_02 > div:last-child{margin-bottom:0;}
div.member.join div.form div.in_form div.agree_sect div.auth_02 > div div.tit{width:100%; height:auto; margin-bottom:5px; font-family:"NotoKr_B";}
div.member.join div.form div.in_form div.agree_sect div.auth_02 > div > ul{width:100%; height:auto; padding:20px; background:#f8f8f8;}
div.member.join div.form div.in_form div.agree_sect div.auth_02 > div > ul > li{position:relative; margin-bottom:10px; padding-left:12px;}
div.member.join div.form div.in_form div.agree_sect div.auth_02 > div > ul > li:before{position:absolute; top:8px; left:0; content:""; display:inline-block; width:3px; height:3px; background:#333; border-radius:100%;}
div.member.join div.form div.in_form div.agree_sect div.auth_02 > div > ul > li:last-child{margin-bottom:0;}
div.member.join div.form div.in_form div.agree_sect div.auth_02 > div > ul > li ul.ipin_link{margin-top:10px;}
div.member.join div.form div.in_form div.agree_sect div.auth_02 > div > ul > li ul.ipin_link li{display:inline-block;}
div.member.join div.form div.in_form div.agree_sect div.auth_02 > div > ul > li ul.ipin_link li a{display:block; margin-right:10px;}
div.member.join div.form div.in_form div.agree_sect div.auth_02 > div > ul > li ul.ipin_link li:last-child a{margin-right:0;}
	/* 정보입력 */
div.form_wrap{width:100%; height:auto; margin:0 auto 5rem auto;}
div.form_wrap:last-child{margin-bottom:0;}
div.form_wrap h4.form_tit{width:100%; height:auto; margin-bottom:0.5rem; font-family:"NotoKr_B"; font-size:1.8rem;}
div.form_wrap h4.form_tit.small{font-size:1.2rem; font-family:"NotoKr_R"; letter-spacing:-0.05rem;}
div.form_wrap div.form_con{width:100%; height:auto; border-top:2px solid #333; border-bottom:1px solid #333; padding:1.5rem 0;}
div.form_wrap div.form_con div.list{width:100%; height:auto; margin-bottom:1.5rem;}
div.form_wrap div.form_con div.list:last-child{margin-bottom:0;}
div.form_wrap div.form_con div.list.no_enter{margin-bottom:0;}
div.form_wrap div.form_con div.list div.tit{float:left; position:relative; width:20%; height:50px; line-height:50px; font-family:"NotoKr_B"; text-align:center;}
div.form_wrap div.form_con div.list div.tit.esse span:after{position:relative; top:-0.2rem; left:0.5rem; display:inline-block; content:""; width:5px; height:5px; border-radius:50%; background:#ff0100;}
div.form_wrap div.form_con div.list div.con{position:relative; float:left; width:80%; height:auto;}
div.form_wrap div.form_con div.list div.con span.inp_ex{display:inline-block; margin-top:3px; font-size:14px; color:#888;}
div.form_wrap div.form_con div.list div.con span.no_inp{width:100%; height:50px; line-height:50px;}
	/* 아이디 */
div.form_wrap div.form_con div.list.id div.con > input{float:left; width:80%;}
div.form_wrap div.form_con div.list.id div.con > a.id_check{float:left; display:inline-block; width:20%; height:50px; line-height:50px; background:#333; color:#fff; text-align:center;}
div.form_wrap div.form_con div.list.id div.con > a.inp_ex{display:block;}
	/* 성별 */
div.form_wrap div.form_con div.list.gender div.con label{height:50px; line-height:50px;}
div.form_wrap div.form_con div.list.gender div.con label:nth-of-type(1){margin-right:15px;}
	/* 전화번호 */
div.form_wrap div.form_con div.list.tel div.con div.input_wrap > input{float:left; width:30%;}
div.form_wrap div.form_con div.list.tel div.con div.input_wrap > span.bar{float:left; width:5%; height:50px; line-height:50px; text-align:center;}
	/* 휴대폰번호 */
div.form_wrap div.form_con div.list.phone div.con div.input_wrap div.sel_wrap{float:left; width:30%;}
	/* 이메일 */
div.form_wrap div.form_con div.list.mail div.con > input,
div.form_wrap div.form_con div.list.mail div.con > div.sel_wrap{float:left; width:30%;}
div.form_wrap div.form_con div.list.mail div.con > span.bar{float:left; width:5%; height:50px; line-height:50px; text-align:center;}
div.form_wrap div.form_con div.list.mail div.con > div.sel_wrap{margin-left:5%;}
	/* 주소 */
div.form_wrap div.form_con div.list.address div.con div.input_wrap{margin-bottom:5px;}
div.form_wrap div.form_con div.list.address div.con div.input_wrap > input{float:left; width:80%;}
div.form_wrap div.form_con div.list.address div.con div.input_wrap > a.add_btn{display:block; float:left; width:20%; height:50px; line-height:50px; background:#333; color:#fff; text-align:center;}
div.form_wrap div.form_con div.list.address div.con > input.add02{margin-bottom:5px;}
	/* 내일배움카드 발급유형 */
div.form_wrap div.form_con div.list.card div.con label{height:50px; line-height:50px; margin-right:15px; }
div.form_wrap div.form_con div.list.part02{margin-bottom:1.5rem;}
	/* 카드발급분야 */
div.form_wrap div.form_con div.list.card_cate div.con div.sel_wrap{float:left; width:48%;}
div.form_wrap div.form_con div.list.card_cate div.con div.sel_wrap:nth-of-type(2){float:right;}
	/* 가입경로 */
div.form_wrap div.form_con div.list.route div.con div.line{display:flex; flex-wrap:wrap; gap:1rem 0.5rem; width:100%; height:auto; margin-bottom:15px;}
div.form_wrap div.form_con div.list.route div.con div.line:last-child{margin-bottom:0;}
div.form_wrap div.form_con div.list.route div.con div.line > label{float:left; width:auto; min-width:28%;}
div.form_wrap div.form_con div.list.route div.con div.line > label.etc{display:flex; align-items:center; gap:0.5rem; width:100%;}
div.form_wrap div.form_con div.list.route div.con div.line > label.etc div.left-input{width:5rem;}
div.form_wrap div.form_con div.list.route div.con div.line > label.etc div.sel_wrap{width:50%;}
div.form_wrap div.form_con div.list.route div.con div.line > label.etc input[type="text"]{width:50%;}
	/* 메일링서비스 */
div.form_wrap div.form_con div.list.mailing div.con{height:50px; line-height:50px;}
	/* 보안코드 */
div.form_wrap div.form_con div.list.code div.tit{width:18%; background:#f0f0f0; overflow:hidden;}
div.form_wrap div.form_con div.list.code div.con{float:right;}
	/* 주민등록번호 show/hide */
div.form_wrap div.form_con div.list.jumin_hide div.pw-toggle{position:relative; display:inline-block; width:32%;}
div.form_wrap div.form_con div.list.jumin_hide div.pw-toggle input.pw-inp{width:100%;}
div.form_wrap div.form_con div.list.jumin_hide div.pw-toggle div.pw-eyes{position:absolute; top:50%; right:1rem; transform:translateY(-50%);}
div.form_wrap div.form_con div.list.jumin_hide div.pw-toggle div.pw-eyes a[class^="eyes-"]{width:1.25rem; height:1.25rem; display:block; opacity:.8;}
div.form_wrap div.form_con div.list.jumin_hide div.pw-toggle div.pw-eyes a[class^="eyes-"] img{width:100%; height:100%; display:block; object-fit:contain;}
div.form_wrap div.form_con div.list.jumin_hide div.pw-toggle div.pw-eyes.hide a.eyes-hide{display:block;}
div.form_wrap div.form_con div.list.jumin_hide div.pw-toggle div.pw-eyes.hide a.eyes-show{display:none;}
div.form_wrap div.form_con div.list.jumin_hide div.pw-toggle div.pw-eyes.show a.eyes-hide{display:none;}
div.form_wrap div.form_con div.list.jumin_hide div.pw-toggle div.pw-eyes.show a.eyes-show{display:block;}

/* 정보수정 */
div.form_wrap div.form_con div.list.id div.con input.input_dis.id{height:50px; line-height:50px;}
div.form_wrap div.form_con div.list.id div.con a.add_btn{display:inline-block; width:auto; height:50px; line-height:50px; padding:0 15px; margin:0 5px; background:#bbb; color:#fff; text-align:center;}
div.form_wrap div.form_con div.list.id div.con a.add_btn:nth-of-type(1){margin-left:50px;}
div.form_wrap div.form_con div.list.password div.con a.btn_02{display:block;}
div.form_wrap div.form_con div.list.password div.con a.btn_02 span{display:block; width:140px; height:50px; line-height:50px; margin:0 5px; background:#333; color:#fff; text-align:center;}
div.form_wrap div.form_con div.list.password div.con a.btn_02.modify{display:inline-block; padding:0; margin-right:1rem;}
div.form_wrap div.form_con div.list.password div.con a.btn_02.modify span{margin:0;}
div.form div.in_form div.your_id{width:100%; height:auto; background:#f8f8f8; padding:30px; margin-bottom:30px; text-align:center;}

/* 회원가입완료 */
div.member.join div.form div.in_form.complete{text-align:center;}
div.member.join div.form div.in_form.complete div.join_ok div.txt01{margin-bottom:20px; font-size:25px;}
div.member.join div.form div.in_form.complete div.checkmark{position:relative; display:inline-block; width:150px; height:150px; vertical-align:top;}
div.member.join div.form div.in_form.complete div.checkmark .icon{border-radius:5px;}
div.member.join div.form div.in_form.complete div.checkmark .icon.draw:after{-webkit-animation-delay:100ms; -moz-animation-delay:100ms; animation-delay:100ms; -webkit-animation-duration:2s; -moz-animation-duration:2s; animation-duration:2s; -webkit-animation-timing-function:ease; -moz-animation-timing-function:ease; animation-timing-function:ease; -webkit-animation-name:checkmark; -moz-animation-name:checkmark; animation-name:checkmark; -webkit-transform:scaleX(-1) rotate(135deg); -moz-transform:scaleX(-1) rotate(135deg); -ms-transform:scaleX(-1) rotate(135deg); -o-transform:scaleX(-1) rotate(135deg);transform: scaleX(-1) rotate(135deg); -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; animation-iteration-count:infinite;}
div.member.join div.form div.in_form.complete div.checkmark .icon:after{opacity:1; height:75px; width:37.5px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top; border-right:15px solid #0bbff2; border-top:15px solid #0bbff2; border-radius:2.5px !important; content:''; left:25px; top:75px; position:absolute;}

/* 회원가입 완료 체크마크 */
@-webkit-keyframes checkmark{
	0%{height:0; width:0; opacity:1;}
	20%{height:0; width:37.5px; opacity:1;}
	40%{height:75px; width:37.5px; opacity:1;}
	100%{height:75px; width:37.5px; opacity:1;}
}
@-moz-keyframes checkmark{
	0%{height:0; width:0; opacity:1;}
	20%{height:0; width:37.5px; opacity:1;}
	40%{height:75px; width:37.5px; opacity:1;}
	100%{height:75px; width:37.5px; opacity:1;}
}
@keyframes checkmark {
	0%{height:0; width:0; opacity:1;}
	20%{height:0; width:37.5px; opacity:1;}
	40%{height:75px; width:37.5px; opacity:1;}
	100%{height:75px; width:37.5px; opacity:1;}
}

/* 아이디 비밀번호찾기 */
div.member.find{overflow:auto;}
div.member.find div.form{position:relative; width:1000px; height:auto; margin:-270px auto 0 auto; z-index:2;}
div.member.find div.form div.find_list{display:flex; justify-content:center;}
div.member.find div.form div.find_list > a{display:block; width:30%; height:380px; padding:65px 35px; margin:0 10px; background:#fff; border-radius:30px; box-shadow:0 0 50px rgba(0, 0, 0, 0.3); text-align:center; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.member.find div.form div.find_list > a div.icon{width:100%; height:75px;}
div.member.find div.form div.find_list > a.phone div.icon{background:url("../img/find_phone.png") center no-repeat; background-size:50px auto;}
div.member.find div.form div.find_list > a.ipin div.icon{background:url("../img/find_ipin.png") center no-repeat; background-size:65px auto;}
div.member.find div.form div.find_list > a.user div.icon{background:url("../img/find_user.png") center no-repeat; background-size:60px auto;}
div.member.find div.form div.find_list > a div.tit{margin-top:30px; font-size:1.5rem;}
div.member.find div.form div.find_list > a div.tit:after{content:""; display:block; width:40px; height:1px; background:#ccc; margin:15px auto;}
div.member.find div.form div.find_list > a div.tit br{display:none;}
div.member.find div.form div.find_list > a div.con{line-height:26px;}
div.member.find div.form div.find_list > a:hover{background:#0bbff2;}
div.member.find div.form div.find_list > a.phone:hover div.icon{background:url("../img/find_phone_wh.png") center no-repeat; background-size:50px auto;}
div.member.find div.form div.find_list > a.ipin:hover div.icon{background:url("../img/find_ipin_wh.png") center no-repeat; background-size:65px auto;}
div.member.find div.form div.find_list > a.user:hover div.icon{background:url("../img/find_user_wh.png") center no-repeat; background-size:60px auto;}
div.member.find div.form div.find_list > a:hover div.tit{color:#fff;}
div.member.find div.form div.find_list > a:hover div.tit:after{background:rgba(255, 255, 255, 0.3);}
div.member.find div.form div.find_list > a:hover div.con{color:#fff;}
div.member.find div.form div.success{width:100%; height:auto; line-height:35px; margin-top:100px; text-align:center; font-size:22px;}
div.member.find div.form div.user_form{display:none; margin-top:50px;}
div.member.find div.btn_wrap{margin-top:100px;}
div.member.find div.btn_wrap a.success{background:#0bbff2; border:1px solid #0bbff2; color:#fff; box-shadow:0 10px 15px rgba(0, 0, 0, 0.3); /*transform:translateY(-8px);*/}
div.member.find div.form div.in_form{width:100%; height:auto; background:#fff; border-radius:30px; padding:50px; box-shadow:0 0 50px rgba(0, 0, 0, 0.3);}
div.member.find div.form div.in_form div.your_id{width:100%; height:auto; padding:30px; margin-bottom:30px; background:#f5f5f5; text-align:center;}
div.modal.find_inf{font-size:18px;}

/* 나의강의실 */
div.mc_wrap{width:1200px; height:auto; margin:3rem auto 0 auto;}
div.mc_wrap h4.tit01{margin-top:5rem; margin-bottom:1rem;}
div.mc_wrap h4.tit01:first-child{margin-top:0;}
div.mc_wrap table.table01 tbody tr:hover{background:#f8f8f8;}
div.mc_wrap table span.cc{display:inline-block; width:auto; height:auto; padding:3px 10px; border-radius:30px; font-size:12px; color:#fff;}
div.mc_wrap table span.cc.c01{background:#2496d6;}
div.mc_wrap table span.cc.c02{background:#6ba11e;}
div.mc_wrap table span.cc.c03{background:#ff2768;}
div.mc_wrap table span.cc.c04{background:#9c61d5;}
div.mc_wrap table span.cc.c05{background:#8b939b;}
div.mc_wrap table a.stu_btn{display:block; width:auto; height:35px; line-height:35px; background:#fff; border:1px solid #333; font-size:14px; text-align:center; -webkit-transition:0.4s; -ms-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
div.mc_wrap table a.stu_btn:hover{background:#0bbff2; border:1px solid #0bbff2; color:#fff; box-shadow:0 7px 15px rgba(0, 0, 0, 0.3);}
div.mc_wrap table a.stu_btn.off{background:#959595; border-color:#959595; color:#fff; cursor:default;} /*비활성화*/
div.mc_wrap table a.stu_btn.off:hover{box-shadow:none;}
div.mc_wrap table.table01_hor tbody tr:hover{background:inherit;}
div.modal.class_notice{padding:0;}
div.modal.class_notice div.tit{width:100%; height:55px; line-height:55px; border-top-right-radius:8px; border-top-left-radius:8px; background:#333; color:#fff; font-size:18px;}
div.modal.class_notice div.con{width:100%; height:auto; padding:30px;}
div.modal.class_notice div.btn_wrap{margin:0; margin-bottom:30px;}
div.mc_wrap span[class^="pay_st"]{font-family:'NotoKr_B';}
div.mc_wrap span.pay_st_01{color:#0bbff2;}
div.mc_wrap span.pay_st_02{color:#e43d40;}
div.mc_wrap span.pay_st_03{color:#aaa;}
div.modal.class_refund p{font-size:20px;}
textarea::-webkit-input-placeholder{color:#bbb; font-family:"NotoKr_L";}
textarea:-ms-input-placeholder{color:#bbb; font-family:"NotoKr_L";}
textarea::placeholder{color:#bbb; font-family:"NotoKr_L"; opacity:1;}
div.mc_wrap textarea.refund_reason{width:100%; height:150px; border:1px solid #ddd; padding:15px; font-size:16px; color:#333; font-family:"NotoKr_R";}
div.mc_wrap span[class^="learn_st"]{font-family:'NotoKr_B';}
div.mc_wrap span.learn_st_01{color:#0bbff2;}
div.mc_wrap span.learn_st_02{color:#aaa;}
div.mc_wrap span.learn_st_03{color:#e43d40;}

/* 과정탐색표 */
div.find-table div.ft-inner{position:relative; padding:20px; background:#fff;}
div.find-table div.ft-inner > a.btn_close{position:absolute; top:1rem; right:1rem; display:block; width:30px; height:30px; border:1px solid #333; cursor:pointer;}
div.find-table div.ft-inner > a.btn_close span{position:absolute; top:50%; left:50%; display:block; width:15px; height:2px; background:#333; transform:translate(-50%, -50%) rotate(-45deg);}
div.find-table div.ft-inner > a.btn_close span:before{position:absolute; top:-0 ; left:0; content:""; width:100%; height:2px; background:#333; transform:rotate(90deg);}
div.find-table div.ft-title{text-align:center;}
div.find-table div.ft-title div.tit01{font-family:"NotoKr_B";}
div.find-table div.ft-title div.tit02{font-size:13px;}
div.find-table ul.ft_tabs{display:flex; margin:15px 0 30px; text-align:center; overflow-y:hidden; overflow-x:auto;}
div.find-table ul.ft_tabs li{display:inline-block; position:relative; height:auto; padding:5px 15px; margin-right:5px; border:1px solid #333; background:#fff; text-align:center; font-size:14px; cursor:pointer; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.find-table ul.ft_tabs li:last-child{margin-right:0;}
div.find-table ul.ft_tabs li.active,
div.find-table ul.ft_tabs li:hover{background:#333; color:#fff; }
div.find-table ul.ft_tabs li.active:after{content:""; position:absolute; bottom:-6px; left:50%; transform:translateX(-50%) rotate(45deg); display:block; width:12px; height:12px; background:#333;}
div.find-table div.tabs_con div.table-tit{width:100%; height:auto; padding:15px 0; margin-bottom:15px; border:1px solid #333; text-align:center; font-size:18px; font-family:"NotoKr_B";}
div.find-table div.tabs_con table{width:100%; height:auto; border:1px solid #333; font-size:13px;}
div.find-table div.tabs_con table thead th{padding:15px 0; background:#f2f6f9; font-size:16px;}
div.find-table div.tabs_con table tbody th,
div.find-table div.tabs_con table tbody td{padding:10px; border:1px solid #333; font-size:13px; word-break:keep-all;}
div.find-table div.tabs_con table span.jikin{position:relative;}
div.find-table div.tabs_con table span.jikin:before{content:""; position:absolute; top:-11px; right:34px; width:60px; height:60px; background:url("/logo/donjang.png") center / cover no-repeat; opacity:0.6;}
div.find-table div.btn_wrap{margin:25px 0 0;}
a.fint-table-btn{display:inline-block; padding:5px 10px; border-radius:3px; background:#004890; font-size:14px; color:#fff; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
a.fint-table-btn:hover{transform:translateY(-2px); box-shadow:0 3px 15px rgba(0, 0, 0, 0.2);}

/* 연관과정 */
div.sc_wrap div.course_wrap div.c_section.relate-course ul li{width:100%; height:auto; padding:1rem 0; border-bottom:1px solid #ddd;}
div.sc_wrap div.course_wrap div.c_section.relate-course ul li:first-child{padding-top:0;}
div.sc_wrap div.course_wrap div.c_section.relate-course ul li:last-child{padding-bottom:0; border-bottom:0;}
div.sc_wrap div.course_wrap div.c_section.relate-course ul li span.tit{float:left; display:inline-block; width:70%; height:3rem; line-height:3rem; font-size:1.125rem; font-family:"NotoKr_M"; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
div.sc_wrap div.course_wrap div.c_section.relate-course ul li a{float:right; display:inline-block; max-width:30%; width:12rem; height:3rem; line-height:3rem; padding:0 1rem; border:1px solid #333; text-align:center; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
div.sc_wrap div.course_wrap div.c_section.relate-course ul li a:hover{border-color:#0bbff2; background:#0bbff2; color:#fff; box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);}


/* 학습이력조회 > 진위여부활용동의 */
div.modal-wrap.authchk{position:fixed; top:0; left:0; width:100%; height:100%; z-index:500; display:none;}
div.modal-wrap.authchk div.bg{background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; width:100%; height:100%;}
div.modal-wrap.authchk div.modal-box{width:550px; padding:30px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,0.3);}
div.modal-wrap.authchk div.modal-box div.top h2.tit{text-align:center; word-break:keep-all; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #333;}
div.modal-wrap.authchk div.modal-box div.top div.cont{padding:10px 0;}
div.modal-wrap.authchk div.modal-box div.top div.cont div.date1{margin:20px 0; box-shadow:none;}
div.modal-wrap.authchk div.modal-box div.top div.cont div.date1 table{width:100% !important;}
div.modal-wrap.authchk div.modal-box div.top div.cont div.date1 table tbody th{padding:5px;}
div.modal-wrap.authchk div.modal-box div.top div.cont div.date1 table tbody td{padding:5px;}
div.modal-wrap.authchk div.modal-box div.top div.cont p.txt02{background:#f5f5f5; padding:10px; font-size:15px; font-family:'NotoKr_M',sans-serif; position:relative; padding-left:40px;}
div.modal-wrap.authchk div.modal-box div.top div.cont p.txt02:before{content:'!'; display:block; border-radius:50%; font-size:12px; width:18px; height:18px; line-height:18px; font-weight:bold; background:#333; color:#fff; text-align:center; position:absolute; top:13px; left:13px;}
div.modal-wrap.authchk div.modal-box div.btn_wrap{margin:0; margin-top:20px;}

/* 관리자모드 > 과정별 공지사항 > 명단조회 */
div.board-chk-list{padding:20px; background:#f5f5f5; width:100%; height:100vh;}
div.board-chk-list div.table-wrap{margin-top:20px;}
div.board-chk-list div.table-wrap table{background:#fff; width:100%; text-align:center; font-size:14px; box-shadow:0 10px 30px rgba(0,0,0,0.1);}
div.board-chk-list div.table-wrap table th{padding:8px 6px; border:1px solid #ddd;}
div.board-chk-list div.table-wrap table td{padding:8px 6px; border:1px solid #ddd;}
div.board-chk-list div.table-wrap table thead th{background:#004890; color:#fff;}
div.board-chk-list div.table-wrap table .c_red{color:red !important;}


@media screen and (max-width:1366px){

}

@media screen and (max-width:1280px){

}

@media screen and (max-width:1200px){
	div.bbs,
	div.faq{width:100%;}

	div.bbs.job div.bbs_bot > ul > li,
	div.bbs.gallery div.bbs_bot > ul > li{width:31%; margin-right:3.5%; margin-bottom:3.5%;}
	div.bbs.job div.bbs_bot > ul > li > a,
	div.bbs.gallery div.bbs_bot > ul > li > a{width:100%;}
	div.bbs.job div.bbs_bot > ul > li > a div.top{height:3.5rem; font-size:1.2rem;}
	div.bbs.job div.bbs_bot > ul > li > a div.bot > ul > li > div.tit{font-size:0.8rem;}
	
	div.sc_wrap{padding:0 1.5rem;}
	div.sc_wrap div.top_search,
	div.sc_wrap ul.course{width:100%;}
	div.sc_wrap div.course_wrap{width:100%; margin-bottom:5rem;}
	div.sc_wrap div.course_wrap div.ct_tit{margin:3rem 0 1.5rem 0;}
	div.sc_wrap div.course_wrap div.ct_tit > span{font-size:1.3rem;}
	div.sc_wrap div.course_wrap ul.course_type{margin-bottom:2rem;}
	div.sc_wrap div.course_wrap ul.course_type li{width:22%; margin-right:4%;}
	div.sc_wrap div.course_wrap ul.course_type li a{height:3rem; line-height:3rem;}
	div.sc_wrap div.course_wrap ul.course_type li.on:after{bottom:-0.3rem; width:1rem; height:1rem;}
	div.sc_wrap div.course_wrap div.c_section{padding:2rem;}

	div.mc_wrap{width:100%;}
}

@media screen and (max-width:1024px){
	div.bbs.def_board table tbody tr td span.mainN{padding:0 0.5rem; letter-spacing:-0.1rem;}

	div.bbs.bbs_view div.bv_con{padding:1.5rem;}
	
	div.faq ul.category{margin:1rem 0 2rem 0;}
	div.faq ul.category li a{margin:0;}

	div.member.find div.form{width:100%; padding:0 1.5rem;}
	ul.join_step{margin:3rem 0;}
	ul.join_step li{width:16rem;}
	ul.join_step li div.num{width:2.5rem; height:2.5rem; line-height:2.5rem;}
	div.member.find div.form div.find_list > a{height:21rem; padding:3rem 2rem;}
	div.member.find div.form div.find_list > a div.icon{height:5rem;}
	div.member.find div.form div.find_list > a div.tit{margin-top:1rem; font-size:1.2rem;}
	div.member.find div.form div.find_list > a div.con{line-height:1.7rem;}

	div.member.find div.form div.find_list > a:hover{background:#fff;}
	div.member.find div.form div.find_list > a.phone:hover div.icon{background:url("../img/find_phone.png") center no-repeat; background-size:50px auto;}
	div.member.find div.form div.find_list > a.ipin:hover div.icon{background:url("../img/find_ipin.png") center no-repeat; background-size:65px auto;}
	div.member.find div.form div.find_list > a.user:hover div.icon{background:url("../img/find_user.png") center no-repeat; background-size:60px auto;}
	div.member.find div.form div.find_list > a:hover div.tit{color:inherit;}
	div.member.find div.form div.find_list > a:hover div.tit:after{background:inherit;}
	div.member.find div.form div.find_list > a:hover div.con{color:inherit;}
	div.member.join div.form{width:100%; padding-bottom:3rem;}
	div.member.join_sel div.form div.main_tit{margin:3rem 0; font-size:2rem;}
	div.member.join_sel div.form div.select_wrap{width:100%; padding:0 1.5rem;}
	div.member.join_sel div.form div.select_wrap a.box{padding:2rem; border-radius:1.5rem;}
	div.member.join_sel div.form div.select_wrap a.box01 div.icon,
	div.member.join_sel div.form div.select_wrap a.box02 div.icon{height:3rem;}
	div.member.join_sel div.form div.select_wrap a.box div.tit{margin-top:1.5rem; font-size:1.5rem;}
	div.member.join_sel div.form div.select_wrap a.box div.tit > span{font-size:1rem;}
	div.member.join_sel div.form div.select_wrap a.box div.f_btn{width:50%; height:2.5rem; line-height:2.5rem; margin-top:2rem;}
	
	div.member.join_sel div.form div.select_wrap a.box01:hover div.f_btn{border:1px solid #004890; color:#004890;}
	div.member.join_sel div.form div.select_wrap a.box02:hover div.f_btn{border:1px solid #0bbff2; color:#0bbff2;}
	div.member.join_sel div.form div.select_wrap a.box01:hover{background:#fff; color:#004890;}
	div.member.join_sel div.form div.select_wrap a.box01:hover div.icon{background:url("../img/joinType01.png") center no-repeat; background-size:auto 100%;}
	div.member.join_sel div.form div.select_wrap a.box02:hover{background:#fff; color:#0bbff2;}
	div.member.join_sel div.form div.select_wrap a.box02:hover div.icon{background:url("../img/joinType02.png") center no-repeat; background-size:auto 100%;}

	div.member.join div.form div.in_form{width:90%; margin:0 auto; padding:2rem;}
	div.member.join div.form div.in_form div.agree_sect div.auth_01{padding:0;}
	div.member.join div.form div.in_form div.agree_sect div.auth_01:after{clear:both; display:block; content:"";}
	div.member.join div.form div.in_form div.agree_sect div.auth_01 > a{float:left; width:48%; height:auto; padding:2rem; border-radius:1rem;}
	div.member.join div.form div.in_form div.agree_sect div.auth_01 > a.phone{margin-right:0;}
	div.member.join div.form div.in_form div.agree_sect div.auth_01 > a.ipin{float:right;}
	div.member.join div.form div.in_form div.agree_sect div.auth_01 > a div.icon{height:3rem;}
	div.member.join div.form div.in_form div.agree_sect div.auth_01 > a.phone div.icon,
	div.member.join div.form div.in_form div.agree_sect div.auth_01 > a.ipin div.icon{background-size:auto 100%;}
	div.member.join div.form div.in_form div.agree_sect div.auth_01 > a div.tit{margin-top:1rem;}
	div.member.join div.form div.in_form div.agree_sect div.auth_01 > a div.tit:after{display:none;}
	div.member.join div.form div.in_form div.agree_sect div.auth_01 > a div.con{display:none;}
	div.member.find div.form div.in_form{padding:2rem;}
	
	div.sc_wrap ul.course > li{height:auto; padding:1.5rem;}
	div.sc_wrap ul.course > li:hover{box-shadow:none;}
	div.sc_wrap ul.course > li > div.image{height:16rem;}
	div.sc_wrap ul.course > li > div.con div.top a.m_tit{font-size:1.2rem;}
	div.sc_wrap ul.course > li > div.con div.top div.code{font-size:0.8rem;}
	div.sc_wrap ul.course > li > div.con div.mid{height:auto; margin:0.8rem 0;}
	div.sc_wrap ul.course > li > div.con div.bot{height:auto;}
	div.sc_wrap ul.course > li > div.con div.bot ul.left{padding:1rem;}
	div.sc_wrap ul.course > li > div.con div.bot ul.left li{margin-bottom:0.8rem;}
	div.sc_wrap ul.course > li > div.con div.bot ul.left li span.tit{width:5rem; padding-left:1.5rem;}
	div.sc_wrap ul.course > li > div.con div.bot ul.left li span.tit:after{height:0.8rem;}
	div.sc_wrap ul.course > li > div.con div.bot ul.right li a{height:3.5rem; line-height:3.5rem;}
	div.sc_wrap ul.course > li > div.con div.bot ul.right li:hover a:after{display:none;}
	div.sc_wrap div.course_wrap div.course_tab div.c_section section div.box_01{font-size:1rem;}
	@keyframes mScroll{
		0%{top:-0.4rem;}
		50%{top:0.4rem;}
		100%{top:-0.4rem;}
	}
	div.sc_wrap div.course_wrap div.c_section section.ct02 div.course_list p.ud_scroll{position:relative; display:block; margin-bottom:0.5rem; padding-left:1.8rem; letter-spacing:-0.1rem;}
	div.sc_wrap div.course_wrap div.c_section section.ct02 div.course_list p.ud_scroll:before{position:absolute; top:0; left:0; content:""; display:inline-block; width:1.2rem; height:1.2rem; background:url("/fro_end/img/ud_scroll.png") center no-repeat; background-size:cover; animation:mScroll 1.5s linear infinite;}
	
	div.modal.class_notice,
	div.modal.course_comment{width:80%;}
	div.modal.course_comment div.form_wrap{margin-bottom:1rem;}
}

@media screen and (max-width:768px){
	div.bbs div.bbs_top div.total_ct{display:none;}
	div.bbs_search{float:none; width:100%; text-align:center;}
	div.bbs_search:after{content:""; display:block; clear:both;}
	div.bbs_search div.sel_wrap,
	div.faq div.bbs_search div.sel_wrap{float:left; width:20%; margin-right:0;}
	div.bbs_search div.input_wrap,
	div.faq div.bbs_search div.input_wrap{float:right; width:78%;}
	div.bbs_search div.input_wrap input{padding:0 1rem;}

	div.bbs.def_board table thead{display:none;}
	div.bbs.def_board table,
	div.bbs.def_board table tbody,
	div.bbs.def_board table tr,
	div.bbs.def_board table th,
	div.bbs.def_board table td{display:block;}
	div.bbs.def_board table tbody tr{padding:1rem 0;}
	div.bbs.def_board table tbody tr td{padding:0;}
	div.bbs.def_board table tr:after{content:""; display:block; clear:both;}
	div.bbs.def_board table td.td01{float:left; width:15%; text-align:center;}
	div.bbs.def_board table tbody tr td span.mainN{height:1.8rem; line-height:1.8rem; padding:0 1rem; letter-spacing:0;}
	div.bbs.def_board table td.td02{float:left; width:85%; margin-bottom:1rem;}
	div.bbs.def_board table tbody tr td a.tit{max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	div.bbs.def_board table td.td03{clear:both; float:left; padding-left:15%; margin-right:1.5rem; color:#aaa; font-family:"NotoKr_L";}
	div.bbs.def_board table td.td04{float:left; color:#aaa; font-family:"NotoKr_L";}
	div.bbs.def_board table td.td04:before{content:"View.";}
	div.bbs.def_board table tbody tr td span.cate{min-width:unset;}
	
	div.bbs.bbs_view div.bv_tit{padding:1.5rem;}

	div.faq div.faq_accordion article div.fa_Q{padding:1rem 3rem 1rem 4rem;}
	div.faq div.faq_accordion article div.fa_Q:before{left:1rem; font-size:2rem;}
	div.faq div.faq_accordion article div.fa_Q:after{right:1rem; font-size:2.5rem;}
	div.faq div.faq_accordion article div.fa_A{padding:1rem 1.5rem 1rem 4rem;}
	div.faq div.faq_accordion article div.fa_A:before{top:1.2rem; left:1rem;}

	div.bbs.job div.bbs_bot > ul > li,
	div.bbs.gallery div.bbs_bot > ul > li{width:48%; margin-right:4%;}
	div.bbs.job div.bbs_bot > ul > li:nth-child(3n+0),
	div.bbs.gallery div.bbs_bot > ul > li:nth-child(3n+0){margin-right:4%;}
	div.bbs.job div.bbs_bot > ul > li:nth-child(2n),
	div.bbs.gallery div.bbs_bot > ul > li:nth-child(2n){margin-right:0;}
	
	div.member.find div.form div.find_list > a{height:auto; padding:2rem;}
	div.member.find div.form div.find_list > a div.con,
	div.member.find div.form div.find_list > a div.tit:after{display:none;}
	div.member.find div.form div.find_list > a.phone div.icon,
	div.member.find div.form div.find_list > a.phone:hover div.icon{background-size:auto 75%;}
	div.member.find div.form div.find_list > a.ipin div.icon,
	div.member.find div.form div.find_list > a.ipin:hover div.icon{background-size:auto 75%;}
	div.member.find div.form div.find_list > a.user div.icon,
	div.member.find div.form div.find_list > a.user:hover div.icon{background-size:auto 70%;}
	ul.join_step.step03 li{width:32%; vertical-align:top;}
	ul.join_step.step03 li div.num:before{width:21vw;}
	
	div.form_wrap div.form_con div.list{margin-bottom:2rem;}
	div.form_wrap div.form_con div.list div.tit{float:none; width:100%; height:auto; line-height:normal; margin-bottom:0.5rem; text-align:left;}
	div.form_wrap div.form_con div.list div.con{float:none; width:100%;}
	div.member div.sel_wrap{height:auto;}
	div.form_wrap div.form_con div.list div.con input{height:3rem; line-height:3rem; padding:0.3rem 0.5rem;}
	div.form_wrap div.form_con div.list div.con select{height:3rem; line-height:3rem; padding:0 3rem 0 0.8rem;}
	div.form_wrap div.form_con div.list.id div.con input.input_dis.id,
	div.form_wrap div.form_con div.list.id div.con > a.id_check,
	div.form_wrap div.form_con div.list.address div.con div.input_wrap > a.add_btn{height:3rem; line-height:3rem;}
	div.form_wrap div.form_con div.list div.con span.inp_ex{padding-left:0; font-size:0.8rem;}
	div.form_wrap div.form_con div.list.mailing div.con{height:auto; line-height:normal;}
	div.form_wrap div.form_con div.list.card_cate div.con div.sel_wrap{float:none; width:100%;}
	div.form_wrap div.form_con div.list.card_cate div.con div.sel_wrap:nth-of-type(1){margin-bottom:0.5rem;}
	div.form_wrap div.form_con div.list.id div.con a.add_btn{height:2.5rem; line-height:2.5rem; padding:0 0.5rem; margin:0; font-size:0.8rem;}
	div.form_wrap div.form_con div.list.id div.con a.add_btn:nth-of-type(1){margin-left:1rem;}
	div.form_wrap div.form_con div.list.password div.con a.btn_02.modify{margin-right:0; font-size:1rem;}
	div.form_wrap div.form_con div.list.password div.con a.btn_02.modify span{width:auto; height:3rem; line-height:3rem; padding:0 1rem;}

	div.sc_wrap div.top_search div.bbs_search.app_search{float:none;}	
	div.sc_wrap div.top_search div.bbs_search.bbs_search div.sel_wrap{width:20%;}
	div.sc_wrap div.top_search div.bbs_search.bbs_search div.input_wrap{width:78%;}
	div.sc_wrap ul.course > li{float:left; width:48%; margin-right:4%; margin-bottom:4%;}
	div.sc_wrap ul.course > li:nth-child(2n){margin-right:0;}
	div.sc_wrap ul.course > li > div.image{float:none; width:100%;}
	div.sc_wrap ul.course > li > div.con{float:none; width:100%; height:auto; margin-top:1rem;}
	div.sc_wrap ul.course > li > div.con div.bot ul.left{float:none; width:100%; height:auto;}
	div.sc_wrap ul.course > li > div.con div.bot ul.right{float:none; width:100%; height:auto; padding:0; margin-top:1rem;}
	div.sc_wrap ul.course > li > div.con div.bot ul.right:after{clear:both; display:block; content:"";}
	div.sc_wrap ul.course > li > div.con div.bot ul.right li{width:48%;}
	div.sc_wrap ul.course > li > div.con div.bot ul.right li.ri_01{float:left; margin-bottom:0;}
	div.sc_wrap ul.course > li > div.con div.bot ul.right li.ri_02{float:right;}
	div.sc_wrap ul.course > li > div.con div.bot ul.right li a{height:3rem; line-height:3rem;}
	div.sc_wrap ul.course > li > div.con div.bot ul.right.btn_column3 li.ri_01{width:100%;}
	div.sc_wrap ul.course > li > div.con div.bot ul.right.btn_column3 li.ri_02{float:left;}
	div.sc_wrap ul.course > li > div.con div.bot ul.right.btn_column3 li.ri_03{float:right;}

	div.sc_wrap ul.course.course_view li{float:none; width:100%;}
	div.sc_wrap ul.course.course_view > li > div.image{float:left; width:30%; height:16.5rem;}
	div.sc_wrap ul.course.course_view > li > div.con{float:right; width:68%; margin-top:0;}
	div.sc_wrap div.course_wrap div.c_section,
	div.sc_wrap div.course_wrap div.course_tab{margin-bottom:2rem;}
	div.sc_wrap div.course_wrap div.cc_wrap div.c_section h4.tit01{margin:2rem 0 0.5rem 0;}
	div.sc_wrap div.course_wrap div.course_tab ul.list > li{width:20%; height:3rem; line-height:3rem;}
	div.sc_wrap div.course_wrap div.course_tab div.on{width:20%;}
	div.sc_wrap div.course_wrap table.coursecomment td.td03{width:70%; margin-right:0; text-align:left;}
	div.sc_wrap div.course_wrap table.coursecomment td.td04{width:15%; text-align:right;}
	div.sc_wrap div.course_wrap table.coursecomment td.td04:before{display:none;}
	div.sc_wrap div.course_wrap table.coursecomment td.td05{float:left; width:15%; text-align:right; color:#aaa; font-family:"NotoKr_L";}
	
	div.mc_wrap table span.cc{height:1.5rem; line-height:1.5rem; padding:0 0.5rem; border-radius:1rem; font-size:0.8rem;}
	div.mc_wrap table a.stu_btn{height:2.5rem; line-height:2.5rem; background:#0bbff2; border:1px solid #0bbff2; color:#fff; font-size:1rem;}
	div.mc_wrap table a.stu_btn.btn_coursecomment{background:#004890; border:1px solid #004890;}
	div.mc_wrap table a.stu_btn:hover{background:inherit; border:inherit; color:inherit; box-shadow:none;}
	div.mc_wrap table.table01 thead{display:none;}
	div.mc_wrap table.table01:not(.table01_hor),
	div.mc_wrap table.table01:not(.table01_hor) tbody,
	div.mc_wrap table.table01:not(.table01_hor) tr,
	div.mc_wrap table.table01:not(.table01_hor) th,
	div.mc_wrap table.table01:not(.table01_hor) td{display:block;}
	div.mc_wrap table.table01:not(.table01_hor) tr{border:1px solid #ddd; margin-bottom:1.5rem; box-shadow:0 0 10px rgba(0, 0, 0, 0.15);}
	div.mc_wrap table.table01:not(.table01_hor) tr:after{display:block; content:""; clear:both;}
	div.mc_wrap table.table01:not(.table01_hor) td{position:relative; height:auto; min-height:3.6rem; border-bottom:1px solid #ddd;}
	div.mc_wrap table.table01:not(.table01_hor) td.td01{background:#f5f5f5;}
	div.mc_wrap table.table01:not(.table01_hor) td:before{position:absolute; left:1.5rem; display:inline-block; width:15%; text-align:left; font-family:"NotoKr_B";}
	
	div.mc_wrap table.table01.ing td,
	div.mc_wrap table.table01.payment td,
	div.mc_wrap table.table01.payment02 td,
	div.mc_wrap table.table01.result td,
	div.mc_wrap table.table01.finish td,
	div.mc_wrap table.table01.survey td{padding-left:20%; text-align:right;}

	div.mc_wrap table.table01.ing td.td01{padding-left:15px; text-align:center;}
	div.mc_wrap table.table01.ing td.td02:before{content:"교재";}
	div.mc_wrap table.table01.ing td.td03:before{content:"환급구분";}
	div.mc_wrap table.table01.ing td.td04:before{content:"교육기간";}
	div.mc_wrap table.table01.ing td.td05:before{content:"진도율";}
	div.mc_wrap table.table01.ing td.td05{border-bottom:0;}
	div.mc_wrap table.table01.ing td.td06{float:left; width:48%; border-bottom:0; padding-left:15px; padding-right:0;}
	div.mc_wrap table.table01.ing td.td07{float:right; width:48%; border-bottom:0; padding-left:0;}
		
	div.mc_wrap table.table01.payment td.td01:before{content:"No";}
	div.mc_wrap table.table01.payment td.td02:before{content:"년도";}
	div.mc_wrap table.table01.payment td.td03:before{content:"분기";}
	div.mc_wrap table.table01.payment td.td04:before{content:"과정명";}
	div.mc_wrap table.table01.payment td.td05:before{content:"교육기간";}
	div.mc_wrap table.table01.payment td.td06:before{content:"신청일";}
	div.mc_wrap table.table01.payment td.td07:before{content:"결제일";}
	div.mc_wrap table.table01.payment td.td08:before{content:"결제상태";}
	div.mc_wrap table.table01.payment td.td09:before{content:"결제금액";}

	div.mc_wrap table.table01.payment02 td.td01:before{content:"No";}
	div.mc_wrap table.table01.payment02 td.td02:before{content:"교재명";}
	div.mc_wrap table.table01.payment02 td.td03:before{content:"결제금액";}
	div.mc_wrap table.table01.payment02 td.td04:before{content:"결제일";}
	div.mc_wrap table.table01.payment02 td.td05:before{content:"발송상태";}
	div.mc_wrap table.table01.payment02 td.td06:before{content:"운송장번호";}

	div.mc_wrap table.table01.result td.td01{padding-left:15px; text-align:center;}
	div.mc_wrap table.table01.result td.td02:before{content:"환급구분";}
	div.mc_wrap table.table01.result td.td03:before{content:"진도율";}
	div.mc_wrap table.table01.result td.td04:before{content:"종합(환산)";}
	div.mc_wrap table.table01.result td.td05:before{content:"수료";}
	div.mc_wrap table.table01.result td.td07:before{content:"진위여부 활용동의";}
	div.mc_wrap table.table01.result td.td06{width:100%; padding:15px;}

	div.mc_wrap table.table01.finish td.td01{padding-left:15px; text-align:center;}
	div.mc_wrap table.table01.finish td.td02:before{content:"교재";}
	div.mc_wrap table.table01.finish td.td03:before{content:"환급구분";}
	div.mc_wrap table.table01.finish td.td04:before{content:"교육기간";}
	div.mc_wrap table.table01.finish td.td05{width:100%; padding:15px;}
	div.mc_wrap table.table01.finish td.td05 a.stu_btn.gray{background:#888; border:1px solid #888;}


	div.mc_wrap table.table01.survey td.td01:before{content:"설문조사명";}
	div.mc_wrap table.table01.survey td.td02:before{content:"설문기간";}
	div.mc_wrap table.table01.survey td.td03{padding-left:15px; text-align:center;}
	
}

@media screen and (max-width:640px){
	div.bbs a.btn_recommend{height:40px; line-height:36px; padding:0 18px; padding-left:40px;}
	div.bbs a.btn_recommend:before{width:20px; height:20px; left:13px;}
	div.bbs a.btn_recommend.remove:after{height:26px; left:22px;}

	div.bbs.bbs_view div.bv_bot > div.view_btn{display:none;}
	div.bbs.bbs_view div.bv_bot > div.btn_wrap{float:none; width:100%; margin:0 auto;}

	div.bbs.bbs_write div.bw_top{padding:1.5rem;}
	div.bbs.bbs_write div.bw_top div.line.mainN div.tit{height:auto;}
	div.bbs.bbs_write div.bw_top div.line.mainN div.con{height:auto;}
	div.bbs.bbs_write div.bw_top div.line.mainN div.con > div.ck_wrap{display:block; margin-right:0; margin-bottom:1rem;}
	div.bbs.bbs_write div.bw_top div.line.mainN div.con > div.date_wrap{display:block;}
	div.bbs.bbs_write div.bw_top div.line.mainN div.con > div.date_wrap input{width:45%;}
	div.bbs.bbs_write div.bw_top div.line.mainN div.con > div.date_wrap > span{width:8%; margin:0; text-align:center;}
	div.bbs.bbs_write div.bw_top div.line{flex-wrap:wrap;}
	div.bbs.bbs_write div.bw_top div.line div.tit{width:100%; text-align:left; margin-bottom:0.5rem;}
	div.bbs.bbs_write div.bw_top div.line div.tit > span.only-admin{display:inline-block; margin-left:0.5rem; margin-top:0;}
	div.bbs.bbs_write div.bw_top div.line div.con{width:100%;}

	div.bbs.bbs_view div.bv_reply{padding:1.5rem;}

	div.faq ul.category li{margin-bottom:0.5rem;}
	
	div.member.login div.top{height:16rem; padding-top:3rem;}
	div.member div.top div.box{padding:0;}
	div.member.login div.top div.box a.logo{width:80%;}
	div.member.login div.form{width:80%; margin:-7rem auto 0 auto;}
	div.member div.copy{padding:1rem;}
	div.member.find div.form div.find_list > a div.tit br{display:block;}
	
	div.member div.top div.box{padding:1.5rem;}
	div.member div.top div.box a.logo{width:50%;}
	div.member div.top div.box a.home{margin-top:0;}
	ul.join_step li{width:10rem;}
	ul.join_step li div.num:before{right:4rem; width:5rem;}
	div.member.find div.form div.find_list > a{width:45%; padding:1.5rem;}

	div.sc_wrap ul.course > li > div.image{height:11rem;}
	div.sc_wrap ul.course > li > div.con div.top a.m_tit{overflow:auto; white-space:normal; text-overflow:inherit;}

	div.sc_wrap div.course_wrap div.c_section span.type_img{display:none;}
	@keyframes swipe{
		0%{left:0;}
		50%{left:1rem;}
		100%{left:0;}
	}
	div.sc_wrap div.course_wrap div.c_section div.table_wrap{overflow-y:hidden; overflow-x:auto;}
	div.sc_wrap div.course_wrap div.c_section div.table_wrap p.mt_scroll{position:relative; display:block; margin-bottom:0.5rem; padding-left:2.5rem; letter-spacing:-0.1rem;}
	div.sc_wrap div.course_wrap div.c_section div.table_wrap p.mt_scroll:before{position:absolute; top:0; left:0; content:""; display:inline-block; width:1.2rem; height:1.2rem; background:url("/fro_end/img/mt_scroll.png") center no-repeat; background-size:cover; animation:swipe 1.5s linear infinite;}
	div.sc_wrap div.course_wrap div.c_section div.table_wrap > table{min-width:650px;}
	div.sc_wrap div.course_wrap table.coursecomment td.td03{width:40%;}
	div.sc_wrap div.course_wrap table.coursecomment td.td04,
	div.sc_wrap div.course_wrap table.coursecomment td.td05{width:30%;}

	div.course_wrap table thead tr th,
	div.mc_wrap table thead tr th,
	div.course_wrap table tbody tr td,
	div.mc_wrap table tbody tr td{padding:0.8rem;}
	div.course_wrap table.table01 tbody tr td,
	div.mc_wrap table.table01 tbody tr td{padding:0.8rem;}

	div.modal-wrap.authchk div.modal-box{width:90%;}
}

@media screen and (max-width:425px){
	div.bbs.def_board table td.td01{width:20%;}
	div.bbs.def_board table td.td02{width:80%;}
	div.bbs.def_board table td.td03{padding-left:20%;}
	div.bbs.def_board table tbody tr td span.recommend{width:20px; height:20px; margin-right:5px;}

	div.faq ul.category li a{height:2rem; line-height:2rem; padding:0 0.8rem; font-size:1rem;}

	div.bbs.job div.bbs_bot > ul > li,
	div.bbs.gallery div.bbs_bot > ul > li{width:100%; margin-right:0;}
	div.bbs.job div.bbs_bot > ul > li > a,
	div.bbs.job div.bbs_bot > ul > li > a div.top,
	div.bbs.job div.bbs_bot > ul > li > a div.bot{height:auto;}

	div.bbs.bbs_view div.bv_reply{padding:1rem;}
	div.bbs.bbs_view div.bv_reply div.re_list div.list div.con{font-size:0.9rem;}
	div.bbs.bbs_view div.bv_reply div.re_write div.input textarea{width:80%;}
	div.bbs.bbs_view div.bv_reply div.re_write div.input a{width:19%;}
	
	div.member div.top{height:20rem;}
	ul.join_step li{width:45%;}
	ul.join_step li div.num:before{width:23vw;}
	div.member.find div.form,
	div.member.join div.form{margin-top:-16rem;}
	div.member.join div.form.success{margin-top:0;}
	div.member.find div.form div.find_list > a{padding:1rem; border-radius:15px;}
	div.member.find div.form div.find_list > a div.icon{height:3rem;}
	div.member.find div.form div.find_list > a div.tit{font-size:1rem;}
	div.member.join_sel div.form div.main_tit{margin-top:1.5rem; font-size:1.5rem;}
	div.member.join_sel div.form div.select_wrap a.box{border-radius:1rem; padding:1.5rem;}
	div.member.join_sel div.form div.select_wrap a.box div.tit{font-size:1.3rem;}
	div.member.join_sel div.form div.select_wrap a.box div.f_btn{width:80%;}
	div.member.join_sel div.form div.select_wrap a.box div.tit > span{font-size:0.8rem; letter-spacing:-0.1rem;}
	ul.join_step li div.txt{font-size:0.9rem;}
	ul.join_step.step03 li div.num:before{width:14vw;}
	div.member.join div.form div.in_form h4.form_tit{font-size:1.3rem;}
	div.member.join div.form div.in_form div.con_def{max-height:10rem; padding:0.8rem; font-size:0.8rem;}
	div.member.join div.form div.in_form div.con_def p.tit_01:first-child{font-size:1rem;}
	div.member.join div.form div.in_form div.label_wrap.radio{padding:1rem; margin-top:1rem;}
	div.member.join div.form div.in_form div.label_wrap.radio span.radio_txt{display:block; margin-right:0; margin-bottom:0.5rem;}
	div.member table.mem_table{font-size:0.8rem;}
	div.member.join div.form div.in_form div.agree_check_list{padding:0.8rem;}
	div.member.join div.form div.in_form div.agree_check_list ul{padding-bottom:1rem;}
	div.member.join div.form div.in_form div.agree_sect div.auth_01 > a{padding:1rem;}
	div.member.join div.form div.in_form div.agree_sect div.auth_01 > a div.tit{font-size:1rem;}

	div.form_wrap div.form_con div.list.id div.con > input{width:60%;}
	div.form_wrap div.form_con div.list.id div.con > a.id_check{width:40%; font-size:0.8rem;}
	div.form_wrap div.form_con div.list.address div.con div.input_wrap > input{width:70%;}
	div.form_wrap div.form_con div.list.address div.con div.input_wrap > a.add_btn{width:30%; font-size:0.8rem;}
/* 	div.form_wrap div.form_con div.list.route div.con div.line{margin-bottom:0;} */
	div.form_wrap div.form_con div.list.route div.con div.line > label{margin-right:1rem; margin-bottom:0.8rem;}
	
	div.sc_wrap ul.course > li{float:none; width:100%; margin-right:0; margin-bottom:1.5rem;}
	div.sc_wrap ul.course > li > div.image{height:17rem;}

	div.sc_wrap ul.course.course_view > li > div.image{float:none; width:100%; height:17rem;}
	div.sc_wrap ul.course.course_view > li > div.con{float:none; width:100%; margin-top:1rem;}
	
	div.sc_wrap div.course_wrap div.course_tab div.c_section section div.box_01{padding:1rem 1.5rem;}
	div.sc_wrap div.course_wrap div.course_tab div.c_section section div.box_01 img{width:100% !important; height:auto !important;}
	div.sc_wrap div.course_wrap ul.course_type li{width:23%; margin-right:2.6%;}
	div.sc_wrap div.course_wrap div.c_section div.book div.image{float:none; width:100%;}
	div.sc_wrap div.course_wrap div.c_section div.book div.txt{float:none; width:100%; margin-top:1rem;}
	div.sc_wrap div.course_wrap div.c_section div.book div.txt div.top div.left,
	div.sc_wrap div.course_wrap div.c_section div.book div.txt div.top div.right{float:none; width:100%;}
	div.sc_wrap div.course_wrap div.c_section div.book div.txt div.top div.right div.price{margin-top:1rem; text-align:left;}
	div.sc_wrap div.course_wrap div.c_section div.book div.box_01{padding:1rem 1.5rem;;}
	div.sc_wrap div.course_wrap div.c_section section.ct05 table.teacher tr,
	div.sc_wrap div.course_wrap div.c_section section.ct05 table.teacher th,
	div.sc_wrap div.course_wrap div.c_section section.ct05 table.teacher td{display:block;}
	
	div.mc_wrap table.table01:not(.table01_hor) td{min-height:3.25rem;}
	div.mc_wrap table.table01.ing td,
	div.mc_wrap table.table01.payment td,
	div.mc_wrap table.table01.payment02 td,
	div.mc_wrap table.table01.result td{padding-left:25%;}
	div.mc_wrap table.table01:not(.table01_hor) td:before{width:20%;}
	div.modal.class_notice div.con br:nth-of-type(3){display:none;}
	
	div.sc_wrap div.course_wrap div.c_section.relate-course ul li span.tit{height:auto; line-height:normal; font-size:1rem; overflow:inherit; white-space:normal; text-overflow:inherit;}
	div.sc_wrap div.course_wrap div.c_section.relate-course ul li a{height:2.5rem; line-height:2.5rem; padding:0 0.5rem;}

	div.modal-wrap.authchk div.modal-box{padding:20px;}
	div.modal-wrap.authchk div.modal-box div.top div.cont{padding:0;}
	div.modal-wrap.authchk div.modal-box div.top div.cont p.txt02{font-size:13px; padding-left:32px;}
	div.modal-wrap.authchk div.modal-box div.top div.cont p.txt02:before{width:15px; height:15px; line-height:15px; font-size:10px; top:11px; left:11px;}
}

@media screen and (max-width:375px){
	div.sc_wrap ul.course > li > div.image{height:14rem;}
	
	div.sc_wrap div.course_wrap ul.course_type li a{letter-spacing:-0.1rem;}
}

@media screen and (max-width:320px){
	div.member.join_sel div.form div.select_wrap a.box{padding:1rem;}
}


span.mainN {
    display: inline-block;
    width: auto;
    height: 25px;
    line-height: 25px;
    border-radius: 30px;
    padding: 0 15px;
    background: #004890;
    vertical-align: middle;
    color: #fff;
    font-size: 13px;
	float:left;
}
.Nt_B {
    font-family: 'NotoKr_B' !important;
}