@font-face{ 
	font-family:NotoSansKR-Black; 
	src:url(/fonts/NotoSansKR-Black.woff) format('woff'),
		url(/fonts/NotoSansKR-Black.woff2) format('woff2'),
		url(/fonts/NotoSansKR-Black.otf) format('opentype'); 
	src:local(※)
}
@font-face{ 
	font-family:NotoSansKR-Bold; 
	src:url(/fonts/NotoSansKR-Bold.woff) format('woff'),
		url(/fonts/NotoSansKR-Bold.woff2) format('woff2'),
		url(/fonts/NotoSansKR-Bold.otf) format('opentype'); 

}
@font-face{ 
	font-family:NotoSansKR-Light; 
	src:url(/fonts/NotoSansKR-Light.woff) format('woff'),
		url(/fonts/NotoSansKR-Light.woff2) format('woff2'),
		url(/fonts/NotoSansKR-Light.otf) format('opentype'); 

}
@font-face{ 
	font-family:NotoSansKR-Medium; 
	src:url(/fonts/NotoSansKR-Medium.otf) format('opentype'); 

}
@font-face{ 
	font-family:NotoSansKR-Regular; 
	src:url(/fonts/NotoSansKR-Regular.woff) format('woff'),
		url(/fonts/NotoSansKR-Regular.woff2) format('woff2'),
		url(/fonts/NotoSansKR-Regular.otf) format('opentype'); 

}
@font-face{ 
	font-family:NotoSansKR-Thin; 
	src:url(/fonts/NotoSansKR-Thin.otf) format('opentype'); 

}

@font-face{ 
	font-family:NanumMj; 
	src:
	url(/fonts/NanumMyeongjo.otf) format('opentype'),
	url(/fonts/NanumMyeongjo.woff) format('woff'); 

}

@font-face {
    font-family: 'YdestreetB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/YdestreetB.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'YdestreetL';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/YdestreetL.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Y_Spotlight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/Y_Spotlight.woff') format('woff');
    font-weight: bold;
    font-style: normal;    
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.subwrap {width:100%;min-width:320px;max-width:750px;margin:0 auto;position:relative;overflow:hidden;height:auto;background:#fff;}
.subwrap:after {content:"";display:block;clear:both;}
.subwrap .bnspecial_img{margin-bottom:30px;}

.aling_r {text-align:right !important;padding-right:10px;}

.bold_mid {font-weight:700}

.pdb25 {padding-bottom:25px;}
.pdt25 {padding-top:25px;}
.pdt20 {padding-top:20px;}
.pdt15 {padding-top:15px;}
.none {display:none;}
.center {text-align:center;}
.space {margin:0 10px;}
.mgt5 {margin-top:5px;}
.mgt10 {margin-top:10px;}
.mgt15 {margin-top:15px;} 
.mgt20 {margin-top:20px;}
.mgt25 {margin:25px 0;}
.mgt25 {margin:5px 0;}/*중복되었음 현재 이게 적용중인듯*/
.mgt70 {margin-top:70px;}
.mgb5 {margin-bottom:5px;}
.mgb10 {margin-bottom:10px;}
.mgb25 {margin-bottom:25px;}
.mgr14 {margin-right:14px;}
.mgr10 {margin-right:10px;}
.mgl20 {margin-left:20px;}
.bb0{border-bottom:0px}
.mb0{margin-bottom:0px;}

.clearfix {clear:both;}

.subNavLine {width:100%;height:34px;background:#333;border-top:1px solid #000;}
.subNavLineBox {width:100%;margin:0 auto;}
.subNavLineBox ul{float:left;}
.subNavLineBox ul li{float:left;padding:0 10px 0 15px;line-height:30px;}
.subNavLineBox ul li a{color:#fff;font-size:12px;}
.subNavLineBox ul li img{vertical-align:0px;width:15px}
.subNavLineBox ul li+li{background:url('/img/sub/s_nav_arrow.png') no-repeat 0 12px;}
.subNavLineBox ul li a span{color:#fff;}

.subptit{text-align:center;width:100%;padding:30px 15px;}
.tit001{padding-bottom:5px;}
.tit001 img {height:35px}
.tit002{padding-bottom:10px;font-size:15pt;letter-spacing:-0.05em;font-weight:bold;color:#333;}
.tit003{font-size:10pt;display:block;width:100%;line-height:18px;color:#808486;font-weight:300;letter-spacing:-0.075em}

.clear {clear:both;}

.notice{margin-top:0px;padding:47px 0 15px;}
.list table {border-top:2px solid #535f63;border-bottom:1px solid #535f63;}
.list table *{font-size:9pt;letter-spacing:-0.05em;}
.list.point table, .list.res table {border-bottom-color:#dee0e0}
.list.res table {margin-top:7px}
.list.point table td, .list.res table td {border-top-color:#dee0e0}
.list.pay table td {line-height:18px;height:auto;padding:10px 0}
.list table th {background-color:#eaeaeb;height:41px;text-align:center}
.list table td {border-top:1px solid #c9cdce;height:39px;text-align:center;color:#414c50}
.list table td:last-child, .list table th:last-child {display:none;}
.list table tbody td.tl2 {text-align:left;padding-left:15px}
.list table td strong {font-size:10pt}
.list table td span.red {color:#f15e6f}
.list table td em {font-weight:bold;color:#818e92}
.list table td a {color7:#414c50;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:18px}
.list table td.tr {padding-right:10px}
.list table td.end {color:#c55a35}
.list table.faq_tb tr, .list table.job_tb tr {cursor:pointer}
.list table.faq_tb td {height:auto;padding:13px 0}
.list table.job_tb td {height:auto;padding:13px 40px;text-align:left}
.list table tr.an {display:none}
.list table tr.qu td.tl {background:url('/img/sub/blt_q.png') no-repeat 0 12px;padding-left:24px}
.list table tr.an td.tl {background:url('/img/sub/blt_a.png') no-repeat 0 12px #eeefef;padding-left:40px}
.list table tr.an td {background-color:#eeefef}
.list table.job_tb tr.qu td {background:url('/img/sub/blt_q2.png') no-repeat 45px 12px;padding-left:100px}
.list table.job_tb tr.an td {background:url('/img/sub/blt_a2.png') no-repeat 45px 12px #fff;padding-left:100px}
.list table tfoot td {height:50px;text-align:right;font-size:16px;font-weight:bold;color:#959d9e;padding:0 10px}
.list table tfoot td span {color:#6c7273;margin-left:30px}
.reply {background:url('/img/sub/blt_re.png') no-repeat 0 0;padding-left:40px}

.bbs_view table {border-top:1px solid #697376;border-top:1px solid #4d595d;border-bottom:1px solid #818384;margin:0px 0 40px 0}
.bbs_view table *{font-size:10pt;letter-spacing:-0.075em;}
.bbs_view table thead th, .bbs_view table thead td {background-color:#eceded;border-bottom:1px solid #cdd0d1;padding:8px 10px}
.bbs_view table thead th {text-align:left;font-size:14px;font-family:'Nanum Barun Gothic',sans-serif;color:#6c7273}
.bbs_view table thead td {text-align:right;color:#6c7273;font-size:8pt;}
.bbs_view table tbody td {text-align:center;padding:30px 0;font-size:14px;}
.bbs_view .bbst {margin-bottom:40px}
.bbs_view .bbsb {margin-top:40px}
.bbs_view .congrat_tt {line-height:28px;font-size:14px;}
.bbs_view .congrat_tt2 {font-size:14px;;font-weight:bold;color:#bb9f04;margin-top:40px}

.view {border-top:2px solid #535f63}
.view table {}
.view table caption {font-weight:bold;color:#6c7273;font-size:14px;text-align:center;height:44px;line-height:44px;border-bottom:1px solid #dee0e0;background-color:#f2f1f1}
.view table th {padding:12px 0 10px 0px;background-color:#eaeaea;border-bottom:1px solid #d5d6d7;text-align:left;;color:#7b8082;font-weight:normal}
.view table td {padding:7px 0 7px 10px;border-bottom:1px solid #dee0e0;color:#6c7273}
.view table td * {vertical-align:middle}
.view table td textarea {width:80%;height:100px}

.prev_next {margin-top:35px;padding:0 15px;width:100%;float:left}
.prev_next dl {overflow:hidden;border:1px solid #c9cdce;}
.prev_next dl:first-child {border-bottom:0px solid #d2d5d6}
.prev_next dl dt {float:left;width:20%;background-color:#eaeaeb;font-weight:bold;color:#586165;padding:10px;font-size:10pt}
.prev_next dl dd {overflow:hidden;padding:10px}
.prev_next dl dd a {text-overflow:ellipsis;width:95%;white-space:nowrap;overflow:hidden;display:block;color:#414c50;font-size:10pt}

.styled-select {position:relative;display:inline-block;font-size:12px;width:31%;}
.styled-select select {width:100%;font-size:12px;margin:0;background:white;color:#79797a;border:1px solid #dee0e0;outline:none;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:2px 2px 4px 2px;}
.styled-select select option {background-color:#fafafa;color:#79797a;}
.styled-select .select-button {background-color:#949494;right:0;top:0;position:absolute;pointer-events:none;width:26px;height:32px;}
.small-arrow-down {width:0;height:0;position:absolute;top:0;bottom:0;left:0px;right:0;margin:auto;border-left:.4em solid transparent;border-right:.4em solid transparent;border-top:.4em solid #fff;}

.conselInfo{font-size:15px;padding-top:20px;}
.conselInfo{font-size:9pt;width:100%;float:left;letter-spacing:-0.05em;color:#666}

.col4 li{display:inline-block;padding:5px;}
.conselInfo02{font-size:13pt;padding-bottom:10px;padding-top:20px;letter-spacing:-0.05em;}
.agree_box {border:1px solid #c9cdcf;background-color:#fafafa;overflow-y:auto;overflow-x:hidden;height:80px;padding:10px;line-height:19px;color:#81888c;font-size:10pt;}

.agree_t {text-align:left;margin-top:5px;position:relative;vertical-align:top;font-size:10pt;margin-bottom:5px;}
.agree_t .agree_left_box{float:left;width:60%;}
.agree_t .agree_right_box{width:40%;float:right;text-align:right;}
.agree_t .help_info, .agree_t .help_info2 {position:absolute;left:0}
.agree_t input {position:relative;top:-1px}
.agree_t * {font-family:NotoSansKR-Regular}
.agree_t label {
    margin-left: 1px;
    color: #757575;
    font-size: 9px;
    padding-bottom: 1px;		
}
.userInfo{padding-top:30px;}
.w240 {width:97% !important;}
.w50 {width:49px !important;}
.join a {text-align:center;line-height:44px;display:inline-block;height:45px;overflow:hidden;width:40%;font-size:15px;border-radius:8px;background:#4e4e4e;box-shadow:0 2px 2px rgba(0,0,0,.24), 0 0 2px rgba(0,0,0,.12);font-weight:500;}
.btn_add, .btn_e, .btn_cm02, .btn_yellowB, .btn_list2 {background:#333;color:#fff !important;}
.btn_c {text-align:center;width:100%;float:left;}

.join.new {margin-top:25px}
.join.new > a {vertical-align:middle}

/* selfinfo */
.selfinfo{padding:3px 0px 3px;background:#eee;font-size:7.5px;display:inline-block;text-align:center;margin-left:1px;color:#b9b9b9; line-height:1}
.selfinfo_right{font-size:8px; padding-bottom:1px}

/* btn_quick */
.btn_quick {text-align:center;width:100%;margin-top:40px;}
.btn_quick li{width:50%;float:left;}
.btn_pass, .btn_call {padding:8% 18%;}
.btn_pass {background:#333;color:#fff;}
.btn_call {background:#32323b;color:#fff;}

.write table td textarea {height:60px;width:697px;}

.tr {text-align:right !important}
.tl {text-align:left !important}

/*쪽번호_리뉴얼*/
.paging {margin:30px 0;text-align:center;position:relative;width:100%;float:left;}
.paging * {vertical-align:top}
.paging > a {display:inline-block;width:18px;height:18px;line-height:18px;color:#a2a2a2;font-family:'NanumGothic';font-size:13px;text-decoration:none;text-shadow:none;}
.paging a.on {color:#424242;font-family:'Malgun Gothic';}
.paging a.pv {width:18px;height:18px;position:relative;color:white;background:#646464;border-radius:10px;line-height:20px;font-size:11px;font-weight:700;}
.paging a.first {background-position:0 0;margin-right:4px}
.paging a.prev {margin-right:5px;cursor:pointer !important;opacity:1 !important}
.paging a.next {margin-left:5px;cursor:pointer !important;opacity:1 !important}
.paging a.last {margin-left:4px}
.paging .btn_wrap.right {position:absolute;right:0;top:0;margin-top:0}
.mt60{margin-top:60px;}
/*쪽번호_리뉴얼 :e*/

.help_tab {margin-bottom:30px;padding:0 15px;}
.help_tab ul:after {content:'';display:block;overflow:hidden;clear:both}
.help_tab ul {}
.help_tab ul li{width:33.33333%;height:34px;border:1px solid #c6c9ca;box-sizing:border-box;text-align:center;float:left;border-right:0px;background:#fafafa;}
.help_tab ul li:nth-child(3), .help_tab ul li:nth-child(6) {border-right:1px solid #c6c9ca;}
.help_tab ul li a {display:block;width:100%;line-height:34px;font-size:10pt;color:#333;}
.help_tab ul li.on {background:#333;color:#fff;}
.help_tab ul li.on a {color:#fff;}
.help_tab ul li:nth-child(4), .help_tab ul li:nth-child(5), .help_tab ul li:nth-child(6){border-top:0px;}

.subPortfolio {float:left;width:100%;padding:0 10px;}
.subPortfolio ul li {float:left;width:50%;padding:5px;}
.subPortfolio ul li a {display:block;}
.subPortfolio ul li a img {display:block;width:100%;}
.portTxt{font-size:10pt;letter-spacing:-0.05em;padding-top:5px;line-height:1.2;padding-bottom:10px;}
.portTxt span {display:block;font-weight:bold;}

.inquaryArea{width:100%;padding:0;}
.userInfo{width:100%;float:left;padding:0;margin-top:20px}/*중복됨 123번줄*/

.tuitionList {width:100%;float:left;border-top:1px solid #333;}
.tuitionList > li {position:relative;}
.tuitionList > li .curriDep01 {position:relative;padding:15px 0;border-bottom:solid 1px #ddd;width:100%;}
.tuitionList > li .curriMore {position:absolute;right:10px;text-align:right;display:inline-block;width:22px;height:22px;background:url('/m/img/common/easy_select_icon.png') no-repeat 0 0;background-size:22px 44px;top:14px;font-size:0}
.tuitionList > li .curriMore.on {background-position:0 -22px}
.tuitionList label {vertical-align:middle;display:inline-block;color:#222;font-size:11pt;letter-spacing:-0.06em;white-space:nowrap;margin-left:10px;}
.curriDep02 > li {padding:15px 10px;border-bottom:solid 1px #ddd;background:#f7f7f7;}
.curriDep02 > li:last-child {border-bottom:none;}

.write table {border-top:1px solid #535f63;border-bottom:1px solid #535f63;}
.write table *{font-size:10pt;}
.write table th {padding:8px;background-color:#D3D3D3;border-bottom:1px solid #c5c5c5;text-align:center;color:#3B3B3B;font-weight:normal;height:50px;}
.write table th input[type="checkbox"] {position:relative;top:-1px;margin-left:4px}
.write table th.bgw {background-color:#ffffff;padding:0;color:#414c50;}
.write table th.bgw p {text-align:center}
.write table th.bgw p.photow {width:128px;height:162px;overflow:hidden;border:1px solid #d5d6d7;margin:0 auto;;background:url('/images/job/photo_bg.gif') no-repeat 0 0}
.write table th.bgw p.btn {margin:10px 0}
.write table td {padding:7px 0 7px 10px;border-bottom:1px solid #dee0e0;color:#6c7273;text-align:left;-webkit-appearance:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.write table td * {vertical-align:middle}
.write table td p {word-break:normal;line-height:1.5;}
.write.res table {margin-top:7px}
.write.res table.tline {border-top:1px solid #c8cbcc}
.write.res table td {color:#414c50}
.write table td span.sgray {font-size:11px;color:#919495;margin-left:7px;display:inline-block;line-height:17px}
.write table td span.sgray label {color:#5f6262;margin-left:5px}
.write table td span.sgray em {color:#596061;text-decoration:underline}
.write table td textarea {height:70px;width:100%;background:#fff;border:1px solid #dee0e0;background-color:transparent;-webkit-appearance:none;box-sizing:border-box;}
.write table td textarea.wp70 {width:70%;height:100px}
.write table td textarea.wp50 {width:50%;height:100px}
.write table td textarea.wp90 {width:95%;height:100px}
.write table td p.sgray {font-size:11px;color:#919495;line-height:17px}
.write table span.red {color:#f15e6f}
.write table td span.inck {margin-left:30px}
.write table td span.inck label, .write table td span.mtl20 label {margin-left:5px}
.write .ckk * {vertical-align:middle}
.write .ckk label {margin:0 30px 0 5px}
.write .ck_list ul {overflow:hidden}
.write .ck_list.ws ul li {width:95px}
.write .ck_list.ws2 ul li {width:140px}
.write .ck_list.wide, .write .ck_list.wide2 {margin-bottom:7px}
.write .ck_list.wide ul li {width:21%}
.write .ck_list.wide2 ul li {width:25%}
.write .ck_list ul li {float:left;width:110px;margin:4px 0}
.write .ck_list ul li * {vertical-align:middle}
.write .ck_list ul li label {margin-left:5px;position:relative;top:2px}
.write .ck_list2 ul {overflow:hidden}
.write .ck_list2 ul li:first-child {float:none;width:100%}
.write .ck_list2 ul li {float:left;margin:4px 0}
.write .ck_list2 ul li * {vertical-align:middle}
.write .ck_list2 ul li input[type="text"] {position:relative;top:-2px}
.write .ck_list2 ul li label {margin:0 20px 0 5px;position:relative;top:2px}
.write .btn_r, .list .btn_r {margin-top:12px}

.agreeArea{width:100%;float:left;padding:0 15px;}

.btn_cm01 {background:#ccc;color:#fff !important;}

.photo_list{width:100%;float:left;padding:0 15px;}
.photo_list ul li {width:100%;float:left;padding-bottom:15px;border-bottom:1px solid #ddd;margin-bottom:20px;}
.photo_list ul li:after {content:"";display:block;clear:both;}
.photo_img a {display:inline-block;width:99%;}
.photo_img a:after {content:"";display:block;clear:both;}
.photo_img a img{width:100%;padding-bottom:10px;}
.photo_txt .name{font-size:10pt;font-weight:400;letter-spacing:0;height:20px;overflow:hidden;}
.photo_txt .photo_info{font-size:10pt;color:#666;}

.acaImg{padding-bottom:30px;}
.acaImg img {width:100px }
.acaInfo{width:100%;padding:60px 0px ;float:left;text-align:center;}
.acaCa{}
.acaCa img {width:100%;}
.acaTxt{font-size:14px;width:100%;text-align:justify;line-height:1.6;color:#666;padding-bottom:60px;border-bottom:1px solid #ddd;padding-top:30px;}

.acaLocation{width:100%;float:left;padding:0 15px;}
.acaLocation ~ .quickInquary .btnsetcoast img { 
display:none
}
.acaLocation ~ .quickInquary .btnsetcoast > a { 
    text-align: center;
    line-height: 44px;
    display: inline-block;
    height: 45px;
    overflow: hidden;
    width: 40%;
    font-size: 15px;
    border-radius: 8px;
    background: #4e4e4e;
    box-shadow: 0 2px 2px rgb(0 0 0 / 24%), 0 0 2px rgb(0 0 0 / 12%);
    font-weight: 500;
}

.academy{width:100%;float:left;padding:0 15px;background:#fff;}
.academy:after {content:"";display:block;clear:both;}

.curriCont{width:100%; position:relative;padding:0 15px}
.curriDeTIt{padding:0 0px;padding-bottom:40px;width:100%;float:left;border-bottom:1px solid #ddd;margin-bottom:40px;}
.curriDeTIt:last-child{padding-bottom:0px;border-bottom:0px solid #ddd;margin-bottom:0px;}
.curriDeTIt h3{font-size:12pt;letter-spacing:-0.05em;padding-bottom:10px;color:#333;}
.cdInfo{font-size:10pt;line-height:1.4;letter-spacing:-0.05em;float:left;width:100%;padding-bottom:30px;color:#666}
.curriSubTit{padding-bottom:15px;float:left;width:100%;}
.curriSubTit img{height:16px;}
.ctableArea{width:100%;float:left;margin-right:30px;}
.ctableArea table{width:100%;font-size:10pt;float:left;color:#464646}
.ctableArea table tr th, .ctableArea table tr td {padding:5px;border:1px solid #ddd;text-align:center;letter-spacing:-0.02em;font-size:9pt;}
.ctableArea table tr th {background:#fafafa;font-weight:600;}
.ctableArea table tr td {font-weight:400;}

.quickInquary {width:100%;background:#fff;float:left;position:relative;padding:0px 15px 40px;}

#footer{background:#fff;text-align:center;padding-top:5px;padding-bottom:10px;}
#footer ul {font-size:12px;padding-bottom:5px;border-bottom:1px solid #2a2c38}
#footer ul li {display:inline;}
#footer ul li:after {content:"l";padding:0 12px;color:#ccc;}
#footer ul li:last-child:after{content:"";padding:0;}
#footer  h5{padding-top:20px;padding-left:15px;text-align:left;}

.txt_box{width:300px;margin:auto;font-weight:normal}
.txt_box strong{font-weight:bold;}
.txt_box:last-of-type{margin-bottom:25px;}

/* helpdesk width */
/* .resize {width:95%;padding-left:5%;} */

/*  +add 171115 ~  */
.acaInterior {width:100%;float:left;padding:0 10px;}
.interiorSlider {width:100%;margin:0 auto;}
.interiorSlider img {width:100%;}
.interiorSlider .slick-slide {float:left;}
.interiorNav {width:100%;margin:0 auto;margin-top:10px;margin-bottom:50px;}
.interiorNav .slick-slide {float:left;}
.interiorNav .slick-list {display:inline-block;width:100%;}
.interiorNav .slick-track {width:100% !important;}
.interiorNav .slick-slide {width:20% !important;height:50px;padding:2px;float:left;background-size:cover !important;background-position:center center !important;position:relative;-webkit-filter:grayscale(1);filter:grayscale(1);}
.interiorNav .slick-slide:after {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:solid 2px #fff;}
.interiorNav .slick-current {-webkit-filter:grayscale(0);filter:grayscale(0);}
.interiorNav .slick-current:after {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:solid 2px #222;}

.teacherList {padding:0;margin-bottom:50px;}
.teacherCareer {background:#fff;padding:0 15px 20px;}
.teacherCareer h4 {font-size:12pt;letter-spacing:-0.06em;padding-bottom:5px;border-bottom:solid 1px #aaa;font-weight:500;padding-top:20px;}
.teacherCareer ul {margin-top:15px;width:100%;color:#fff;text-align:left}
.teacherCareer ul li {color:#333;font-size:10pt;letter-spacing:-0.04em;text-align:left;position:relative;padding:2px 0;padding-left:10px;line-height:23px;}
.teacherCareer ul li:before {content:"";display:block;width:2px;height:2px;background:#333;position:absolute;left:0;top:12px;}
.teacherThumb {display:block;border-bottom:solid 1px #d5d5d5;}

.stReviewList {display:inline-block;width:100%;padding:10px;}
.stReviewList > li > a {display:block;width:100%;color:#454447;font-size:10pt;letter-spacing:-0.075em;position:relative;}
.stReviewList > li > a span {}
.stReviewList > li > strong span.lectureListOn {}
.stReviewList > li > ul {display:inline-block;width:100%;}
.stReviewList > li > ul > li a {display:inline-block;width:100%;border-bottom:solid 1px #e5e5e5;padding:10px 15px;background-color:#f5f5f5;color:#454447;font-size:10pt;letter-spacing:-0.075em;}
a.stReviewListBtn span {display:block;color:#252525;font-weight:500;letter-spacing:-0.05em;}
a.stReviewListBtn .sns_facebook, a.stReviewListBtn .sns_kakao, a.stReviewListBtn .sns_naver {position:relative;float:right;top:-19px;right:7%;color:#555;}
a.stReviewListBtn em {display:block;letter-spacing:-0.05em;font-weight:300;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;width:96%;top:-9px;}

.stReviewList li:nth-child(1) {border-top:2px solid #555;}
.stReviewList li {padding:15px 0 10px;border-bottom:1px solid #555;}
.stReviewList li li {border:none;}
.stReviewList li li:nth-child(1) {border:none ;}
.stReviewList li li {font-size:10pt;font-weight:300;letter-spacing:0;}
.stReviewList li li span:after {content:"";display:block;clear:both;}
.sns_facebook {background:url(/img/sub/sns_on_face.png) no-repeat 0 center;font-size:9pt;padding-left:20px;position:relative;float:right;right:7%;}
.sns_facebook:after {content:"";display:block;clear:both;}
.sns_kakao {background:url(/img/sub/sns_on_kakao.png) no-repeat 0 center;font-size:9pt;padding-left:20px;position:relative;float:right;right:7%;}
.sns_naver {background:url(/img/sub/sns_on_naver.png) no-repeat 0 center;font-size:9pt;padding-left:20px;position:relative;float:right;right:7%;}

.stinterview {list-style-type:none;width:100%;position:relative;}
.stinterview:after {display:block;content:"";clear:both;}
.stinterview li a:hover {text-decoration:underline;}
.stinterview li {width:48%;margin-left:1%;border-bottom:1px solid #ebebeb;padding:3% 0;position:relative;float:left;}
.stinterview li:after {display:block;content:"";clear:both;}
.stinterview li:first-child, .stinterview li:nth-child(3), .stinterview li:nth-child(5), .stinterview li:nth-child(7), .stinterview li:nth-child(9) {margin-left:0;}
.stinterview li .list_img {margin-bottom:10px;}
.stinterview li .name {font-size:9pt;font-weight:500;letter-spacing:-0.05em;color:#333;display:inline-block;overflow:hidden;height:20px;width:100%;}
.stinterview li .name span {font-weight:300;color:#636363;}
.stinterview li .stintview_date span {font-weight:300;letter-spacing:0;}

.STinvi_view {width:100%;border-top:2px solid #555;margin-bottom:10%;}
.STinvi_view th {border-top:1px solid #eee;}
.STinvi_view .line{border-bottom:1px solid #eee;}
.STinvi_view th, .STinvi_view td {padding:3% 0;font-size:7pt;text-align:center;letter-spacing:-0.05em;vertical-align:middle;}
.STinvi_view th:nth-child(2) {text-align:left;padding-left:3%;}
.STinvi_view td {border-bottom:1px solid #e1e1e1;}

.lectureMainList {display:inline-block;width:100%;}
.lectureMainList > li > a {display:block;width:100%;color:#454447;font-size:10pt;letter-spacing:-0.075em;border-bottom:solid 1px #e5e5e5;position:relative;}
.lectureMainList > li > a span {position:absolute;top:10px;right:0px;display:inline-block;width:50px;height:20px;text-indent:-9999px;
border-radius:3px;-webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.5);-moz-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.5);box-shadow:0px 1px 2px 0px rgba(0,0,0,0.5);
background:#ed2024 url("/m/img/curri/edumain_btn_open.png");background-repeat:no-repeat;background-position:center center;background-size:auto 10px;}
.lectureMainList > li > strong span.lectureListOn {background-image:url("/m/img/curri/edumain_btn_close.png") !important;}
.lectureMainList > li > ul {display:inline-block;width:100%;}
.lectureMainList > li > ul > li a {display:block;width:100%;border-bottom:solid 1px #e5e5e5;padding:10px 15px;background-color:#f5f5f5;color:#454447;font-size:10pt;letter-spacing:-0.075em;}
.lectureMainList > li > ul > li a span{float:right;margin-right:4px;}
.lectureMainList > li > ul > li a img{width:8px;float:right;margin-right:4px;margin-top:4px;}
/* .lectureMainList:after {content:"";display:block;border-bottom:10px solid #ecedef; } */

.subSlideMenu {background-color:#343434;position:relative;opacity:0.9;}
.subSlideMenu .swiper-wrapper {height:45px; margin:0 auto}
.subSlideMenu .swiper-wrapper .swiper-slide { }
.subSlideMenu .swiper-wrapper .swiper-slide a { 
    position: relative;
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 10pt;
    text-align: center;
    color: white;
    letter-spacing: -0.04em;		
}
.subSlideMenu .swiper-wrapper .swiper-slide.on a { 
	font-weight:bold; text-decoration:underline	
}


.subSlideMenu ul {height:45px;margin:0 auto;}
.subSlideMenu ul li {display:block;float:left;}
.subSlideMenu ul li a {position:relative;display:block;height:45px;line-height:45px;font-size:10pt;text-align:center;color:white;letter-spacing:-0.04em;}
.subSlideMenu ul li a:before {content:"";position:absolute;display:block;width:1px;height:10px;background:#7f7f7f;top:50%;right:0;margin-top:-5px;}
.subSlideMenu ul li:last-child a:before {display:none;}
.subSlideMenu ul li.active a {text-decoration:underline;color:white;}
.subSlideMenu ul.sub_Cam li:nth-child(1) {width:95px;}
.subSlideMenu ul.sub_Cam li:nth-child(2) {width:70px;}
.subSlideMenu ul.sub_Cam li:nth-child(3) {width:70px;}
.subSlideMenu ul.sub_Cam li:nth-child(4) {width:65px;}
.subSlideMenu ul.sub_lec li:nth-child(1) {width:95px;}
.subSlideMenu ul.sub_lec li:nth-child(2) {width:50px;}
.subSlideMenu ul.sub_lec li:nth-child(3) {width:90px;}
.subSlideMenu ul.sub_lec li:nth-child(4) {width:65px;}
.subSlideMenu ul.sub_lec li:nth-child(5) {width:90px;}
.subSlideMenu ul.sub_lec li:nth-child(6) {width:90px;}
.subSlideMenu ul.sub_lec li:nth-child(7) {width:110px;}
.subSlideMenu ul.sub_lec li:nth-child(8) {width:65px;}
.subSlideMenu ul.sub_lec li:nth-child(9) {width:75px;}
.subSlideMenu ul li.sub_art_total a {font-weight:bold;}
.subSlideMenu ul li.sub_art_total a.active {font-weight:bold;}
.subSlideMenu ul.sub_art li:nth-child(1) {width:95px;}
.subSlideMenu ul.sub_art li:nth-child(2) {width:80px;}
.subSlideMenu ul.sub_art li:nth-child(3) {width:80px;}
.subSlideMenu ul.sub_edit li:nth-child(1) {width:95px;}
.subSlideMenu ul.sub_edit li:nth-child(2) {width:80px;}
.subSlideMenu ul.sub_edit li:nth-child(3) {width:90px;}
.subSlideMenu ul.sub_edit li:nth-child(4) {width:90px;}
.subSlideMenu ul.sub_edit li:nth-child(5) {width:80px;}
.subSlideMenu ul.sub_edit li:nth-child(6) {width:70px;}
.subSlideMenu ul.sub_edit li:nth-child(7) {width:80px;}
.subSlideMenu ul.sub_web li:nth-child(1) {width:95px;}
.subSlideMenu ul.sub_web li:nth-child(2) {width:70px;}
.subSlideMenu ul.sub_web li:nth-child(3) {width:80px;}
.subSlideMenu ul.sub_web li:nth-child(4) {width:90px;}
.subSlideMenu ul.sub_web li:nth-child(5) {width:90px;}
.subSlideMenu ul.sub_inte li:nth-child(1) {width:95px;}
.subSlideMenu ul.sub_inte li:nth-child(2) {width:80px;}
.subSlideMenu ul.sub_inte li:nth-child(3) {width:85px;}
.subSlideMenu ul.sub_inte li:nth-child(4) {width:70px;}
.subSlideMenu ul.sub_inte li:nth-child(5) {width:70px;}
.subSlideMenu ul.sub_inte li:nth-child(6) {width:70px;}
.subSlideMenu ul.sub_inte li:nth-child(7) {width:70px;}
.subSlideMenu ul.sub_inte li:nth-child(8) {width:70px;}
.subSlideMenu ul.sub_motion li:nth-child(1) {width:95px;}
.subSlideMenu ul.sub_motion li:nth-child(2) {width:70px;}
.subSlideMenu ul.sub_motion li:nth-child(3) {width:80px;}
.subSlideMenu ul.sub_motion li:nth-child(4) {width:80px;}
.subSlideMenu ul.sub_motion li:nth-child(5) {width:70px;}
.subSlideMenu ul.sub_cg li:nth-child(1) {width:95px;}
.subSlideMenu ul.sub_cg li:nth-child(2) {width:80px;}
.subSlideMenu ul.sub_cg li:nth-child(3) {width:40px;}
.subSlideMenu ul.sub_cg li:nth-child(4) {width:80px;}
.subSlideMenu ul.sub_game li:nth-child(1) {width:95px;}
.subSlideMenu ul.sub_game li:nth-child(2) {width:80px;}
.subSlideMenu ul.sub_game li:nth-child(3) {width:70px;}
.subSlideMenu ul.sub_pd li:nth-child(1) {width:95px;}
.subSlideMenu ul.sub_pd li:nth-child(2) {width:60px;}
.subSlideMenu ul.sub_pd li:nth-child(3) {width:70px;}
.subSlideMenu ul.sub_license li:nth-child(1) {width:95px;} /* 컴퓨터활용능력 */
.subSlideMenu ul.sub_license li:nth-child(2) {width:70px;} /* AutoCAD */
.subSlideMenu ul.sub_license li:nth-child(3) {width:140px;} /* 실내건축 기사/산업기사 */
.subSlideMenu ul.sub_license li:nth-child(4) {width:140px;} /* 전산응용건축제도기능사 */
.subSlideMenu ul.sub_license li:nth-child(5) {width:70px;} /* 컬러리스트 */
.subSlideMenu ul.sub_license li:nth-child(6) {width:145px;} /* 컴퓨터그래픽운용기능사 */
.subSlideMenu ul.sub_license li:nth-child(7) {width:126px;} /* MOS Master */
.subSlideMenu ul.sub_license li:nth-child(8) {width:70px;} /*  */
.subSlideMenu ul.sub_license li:nth-child(9) {width:85px;} /*  */
.subSlideMenu ul.sub_job li:nth-child(1) {width:70px;}
.subSlideMenu ul.sub_job li:nth-child(2) {width:70px;}
.subSlideMenu ul.sub_job li:nth-child(3) {width:70px;}
.subSlideMenu ul.sub_story li:nth-child(1) {width:60px;}
.subSlideMenu ul.sub_story li:nth-child(2) {width:105px;}
.subSlideMenu ul.sub_story li:nth-child(3) {width:95px;}
.subSlideMenu ul.sub_story li:nth-child(4) {width:95px;}

.new_align {position:relative;left:3px;}
.m_coupon_banner {margin-top:20px;}
.listLine{border-bottom:1px solid #333;margin-top:20px;}

/* 새로운코딩(디자인과정/자격증과정) */
.lecture_main_banner{margin-bottom:30px;}

.curriMainCont{margin-top:10px;}
.curriMainCont .curriMainTxt{width:100%;}
.curriMainCont .curriMainImg{width:100%;margin-top:25px;}
.curriMainCont .curriSubTxt{margin-top:2px;font-family:nanumsquare;font-size:13px;color:#848484;word-break:keep-all;word-wrap:break-word;}
.curiiLcsBox{width:100%;margin-top:15px;}
.curiiLcsBox .curriLcsBut_box{width:100%;}
.curiiLcsBox .curriLcsTit{font-family:nanumsquare;font-size:15px;font-weight:bold;color:#5a5a5a;margin-bottom:5px;}
.curiiLcsBox .curriLcsBut_box{width:100%;}
.curiiLcsBox .curriLcsBut_box .curriLcsBut{width:49%;height:32px;float:left;margin-left:2%;}

.N_m_curriDeTIt{width:100%;float:left;margin-bottom:40px;margin-top:30px;}
.N_m_ctableArea{width:100%;float:left;margin-right:30px;}
.N_m_ctableArea table{width:100%;font-size:12px;word-break:keep-all;word-wrap:break-word;}
.N_m_ctableArea table tr th {background:#333333;font-weight:500;color:#ffffff;}
.N_m_ctableArea table tr th, .N_m_ctableArea table tr td {padding:8px 0;border:1px solid #dddddd;text-align:center;letter-spacing:-0.02em;}
.N_m_ctableArea table tr td {padding:8px 10px;font-weight:400;color:#333333;}
.N_m_ctableArea table .txt_line {text-align:left;line-height:1.45;padding:7px 8px;border-right:0px;}
.N_m_ctableArea table .txt_line span.lightTxt{color:#9b9b9b;}

.m_lecture_spc {margin-top:70px}
.m_lecture_spc .m_leture_spc_txt { 
    padding: 10px 0px 20px 0;
    font-size: 12px;
    text-align: center;
    font-family: 'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';
    font-weight: 400;
    color: #333333;
    line-height: 15px;	
    text-indent:5px	
}

.m_curri_focTit{font-size:15px;text-align:center;font-family:Nanumsquare;font-weight:700;color:#333333;}
.m_curri_focus .m_curri_focTxt { 
    padding: 10px 0px 20px 0;
    font-size: 12px;
    text-align: center;
    font-family: 'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';
    font-weight: 400;
    color: #333333;
    line-height: 15px;
}

/* .m_curri_focImg{padding-top:12px;} */
.m_curri_focImg img{width:100%;}

.m_cs_bannerImg{margin-top:30px;}
.m_cs_bannerImg img{width:100%;}

.m_timeTable{margin-top:100px;}
.m_timeTable .m_timeTable_TitImg img{width:100%;}
.m_timeTable .m_TT_TitTxt{padding-top:10px;font-size:12px;text-align:center;font-family:Nanumsquare;font-weight:500;color:#333333;}
.m_timeTable .m_Tit_Dot{padding-top:20px;padding-bottom:20px;text-align:center;}
.m_timeTable .m_Tit_Dot img{width:1.2%;}

.N_m_curriTable .N_m_ctableArea .m_TT_info .m_TT_infoTxt{padding-top:10px;font-family:Nanumsquare;font-size:11px;float:left;}
.m_TT_ButBox{float:right;margin-top:10px;font-family:Nanumsquare;width:25%;text-align:center;padding:4px 4px;font-size:13px;border:1px solid #333333;color:#333333;background-color:transparent;}

.m_lec_procedure{margin-top:100px;}
.m_lec_procedure .m_pro_TitImg img{width:100%;}
.m_lec_procedure .m_pro_TitTxt{padding-top:10px;font-size:12px;text-align:center;font-family:Nanumsquare;font-weight:500;color:#333333;}
.m_lec_procedure .m_Tit_Dot{padding-top:20px;padding-bottom:20px;text-align:center;}
.m_lec_procedure .m_Tit_Dot img{width:1.2%;}
.m_lec_procedure .m_pro_Img{width:100%;padding-bottom:70px;}
/* 새로운코딩(디자인과정/자격증과정)_e */

/*두번째 리뉴얼(디자인,자격증과정)*/
.m_scheduleWrap{padding-top:70px;}
.m_scheduleWrap .m_scheduleTit{}
.m_scheduleTit .m_scheduleTitImg{width:100%;}
.m_scheduleTit .m_scheduleSubTit{padding:10px 0px;font-size:12px;text-align:center;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-weight:400;color:#333333;line-height:15px;}

.m_scheduleWrap .m_scheduleBody{width:100%;}
.m_scheduleBody .m_viewSelect{margin-bottom:20px;}
.m_scheduleBody .m_viewSelect .m_viewSelectBtn{text-align:center;}
.m_scheduleBody .m_viewSelect .m_viewSelectBtn img{width:22%;}
.m_scheduleBody .m_viewSelect .m_m_viewSelectTxt{text-align:center;}
.m_scheduleBody .m_viewSelect .m_m_viewSelectTxt img{width:25%;}
.m_scheduleBody .m_schedule{width:100%;}
.m_schedule .scheduleGraphLeft{float:left;width:45%;}
.m_schedule .scheduleGraphRight{float:right;width:45%;}
.ClassType{text-align:center;margin-left:10%;margin-top:8%;}
.ClassType img{width:58%;}

.m_schedule .m_scheduleTable{}
.m_schedule .m_scheduleTableBtn{text-align:center;margin-top:25px;margin-bottom:9.4px;}
.m_schedule .m_scheduleTableBtn a img{width:30%;}

.m_procedureWrap{margin-top:70px;}
.m_procedureWrap .m_procedureTit{}
.m_procedureTit .m_procedureTitImg{width:100%;}
.m_procedureTit .m_procedureSubTit{padding:12px 0px 25px;font-size:12px;text-align:center;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-weight:400;color:#333333;line-height:16px;}
.m_procedureWrap .m_procedureBody{margin-bottom:70px;}

/*추가 수정_모달창*/
.m_madal_content {display:none;position:absolute;top:32%;left:50%;margin-left:-120px;width:240px;height:260px;border-radius:10px;background-color:white;z-index:98;overflow:auto;box-shadow:1px 2px 4px #717171;overflow:hidden;}
.m_madal_content .m_modal_title{background:#3c3c3c;}
.m_madal_content .m_modal_title .m_modal_title_top{padding:11px 11px;}
.m_madal_content .m_modal_title .m_modal_title_top p{float:left;color:#fece00;font-size:18px;font-weight:700;letter-spacing:-0.8px;width:150px;}
.m_madal_content .m_modal_title .m_modal_title_top a{color:white;float:right;font-size:18px;font-weight:300;}

/* 모달창_간편수강료 */
.userInfo_modal table{border-top:none;border-bottom:none;}
.userInfo_modal .counsel_form table tbody th{text-align:left;font-size:13px;font-weight:500;padding:10px 6px;background-color:white;border-bottom:none;height:30px;}
.userInfo_modal .counsel_form table tbody td{border-bottom:none;padding:0px;}
.userInfo_modal .counsel_form .modal_check_busan input[type='radio']:checked:after {content:"";display:block;width:8px;height:8px;background:#fece00;position:relative;top:3px;left:3px;-webkit-border-radius:5px;}
.userInfo_modal .counsel_form .modal_check_busan label{font-size:13px;}

.styled-selectt .select-button {background-color:#3c3c3c;right:0;top:0;position:absolute;pointer-events:none;width:18px;height:28px;}
.select-button .small-arrow-down-modal {width:0;height:0;position:absolute;top:0;bottom:0;left:0px;right:0;margin:auto;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.5em solid #fece00;}
.styled-select{position:relative;display:inline-block;font-size:12px;}
.styled-select select {width:100%;font-size:12px;margin:0;}

.madal_inc_btn{background:url('/m/img/sub/modalInquiryBtn.png') no-repeat;width:110px;height:34px;background-size:100%;cursor:pointer;margin:0 auto;margin-top:12px;}
.madal_inc_btn a{width:136px;height:42px;display:inline-block;}


.agree_t_modal{color:#8a8a8a;padding:15px 0px 0px 6px;}
.agree_t_modal .agree_left_box {float:left;width:150px;}
.agree_t_modal .agree_cont_view{float:right;}
.agree_t_modal .agree_cont_view p a{font-size:9px;color:#ababab;}
.agree_t_modal .agree_left_box input{width:11px;}
.agree_t_modal .agree_left_box * {vertical-align:middle}
.agree_t_modal .agree_left_box label {margin-left:-2px;letter-spacing:-0.5px;font-size:11px;}

.agree_t_modal {color: #8a8a8a; padding: 15px 0px 0px 6px}
/* .agree_t_modal {text-align:left;margin-top:15px;position:relative;vertical-align:top;font-size:10pt;margin-bottom:5px;} */

.agree_t_modal .agree_left_box{float:left;width:60%; padding-left:5px}
.agree_t_modal .agree_right_box{width:40%;float:right;text-align:right; margin-top:4px}

.agree_t_modal input {position:relative;top:-1px}
.agree_t_modal * {font-family:NotoSansKR-Regular}
.agree_t_modal label {
    margin-left: 1px;
    color: #757575;
    font-size: 9px;
    padding-bottom: 1px;		
}
.agree_t_modal .inputset.chk input[type="checkbox"] + label::before { 
	width:11px; height:11px; margin-bottom:2px; margin-right:2px;
}
.agree_t_modal .inputset.chk input[type="checkbox"]:checked + label::before {
	background-size:100%; background-color:#4e4e4e; opacity:.7
}


/*두번째 리뉴얼(디자인,자격증과정) :e*/

/*새로운코딩_이벤트리뷰*/
.m_subEventReview{margin-top:15px;}
.m_subEventReview:first-child{margin-top:0px;}
.m_eventReviewBox{width:100%;float:left;border:1px solid #e1e1e1;color:#888888; border-radius:5px}
.m_eventReviewBox .m_EventRvTitle{width:100%;padding:5px 8px 8px;}
.m_eventReviewBox .m_EventRvTitle div{font-size:10px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:98%;}
.m_eventReviewBox .m_EventRvImg{width:100%;}
.m_eventReviewBox .m_EventRvImg img{width:100%;}
.m_eventReviewBox .m_EventRvFakeBut{margin-top:5px;}
.m_eventReviewBox .m_EventRvFakeBut img{width:100%;}
.m_eventReviewBox .m_EventRvinquiry{width:100%;font-family:Nanumsquare;font-size:11px;font-weight:500; color:#333; opacity: .7}
.m_eventReviewBox .m_EventRvinquiry .m_reviewDate{float:left;margin:2px 8px;}
.m_eventReviewBox .m_EventRvinquiry .m_reviewClick{float:right;margin:2px 8px;}
/*새로운코딩_이벤트리뷰_e*/

/* 수강생 교육후기_리뉴얼 */
.btn_logout {color:#f4f4f4;padding:0px 0px 0px 14px;line-height:30px !important;}
.review_logoutBtn a{text-align:center;display:inline-block;height:30px;overflow:hidden;width:140px;font-size:15px;}
.lgt_snsbg_face {background:url(/img/sub/lg_sns_face.png) #405ea9 no-repeat 6% center;background-size:30px 100%;}
.lgt_snsbg_naver {background:url(/img/sub/lg_sns_naver.png) #00c100 no-repeat 6% center;background-size:28px 100%;}
.lgt_snsbg_kakao {background:url(/img/sub/lg_sns_kakao.png) #fff100 no-repeat 6% center;background-size:30px 100%;color:#333 !important}
.float_r {float:right;}

.SnsLogin {position:relative;height:30px;margin:0}
.SnsLogin::after { 	
	content:""; display:block; clear:both
}
.SnsLogin .sminfo { 
	font-size: 8px;
    color: #909090;
    letter-spacing: -0.09em;
    font-family: "NotoSansKR-Regular";
    margin: 5px 23px 0 0;
    opacity: .5;
    text-align:left;
    line-height:1.2;
    float:left;
    padding-left:10px	
	
}

.SnsLogin .snslogin {float:right}
.SnsLogin p{float:left;font-size:10px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';font-weight:bold;line-height:31px;}
.SnsLogin ul{float:right;}
.SnsLogin li {float:left;position:relative;top:4px;margin-right:-2px;}
.SnsLogin ul li img{width:80%;}
.SnsLogin .tit_img {float:left;position:relative;margin-right:20px;padding:10px 0 0 10px;}
.SnsLogin .tit01 {float:left;font-size:47px;font-weight:800;position:relative;top:-28px;left:-6px;color:#ccc;letter-spacing:-0.05em;}
.SnsLogin .tit02 {float:left;font-size:48px;font-weight:800;position:relative;top:-24px;left:-13px;color:#ccc;letter-spacing:-0.05em;}


.new_stReviewList{padding:15px 10px 0px 10px;}
.new_stReviewList .m_reviewBox{width:100%;height:128px;border:1px solid rgba(201,201,201,.7);border-radius:7px;padding:10px 15px 10px 15px;margin-bottom:20px;}
.new_stReviewList .m_reviewBox .m_tit_wrap{width:100%;height:32px;}

.m_reviewBox .m_tit_wrap .m_snsIcon {
    width: 36px;
    height: 36px;
    position: relative;
    float: left;
    margin: -1px 0 0 -7px;
    border-radius: 50%;		
}
.m_reviewBox .m_tit_wrap .m_snsIcon .inset { 
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;		
}
.m_reviewBox .m_tit_wrap .m_snsIcon img{
    border-radius: 50%;
    position: absolute;
    width: 100%;	
}
.m_reviewBox .m_tit_wrap .m_snsIcon::before {
	content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;width: 32px;height: 32px;background: #fff;margin: auto;border-radius: 50%;
	z-index:10
}	

.m_reviewBox .m_tit_wrap .m_snsIcon .rollingbg { 
display:block;position:absolute;top:0;left:0;
width:36px; height:36px;

background: rgb(191,140,255);
background: -moz-linear-gradient(120deg, rgba(191,140,255,1) 0%, rgba(255,94,94,1) 48%, rgba(248,192,234,1) 100%);
background: -webkit-linear-gradient(120deg, rgba(191,140,255,1) 0%, rgba(255,94,94,1) 48%, rgba(248,192,234,1) 100%);
background: linear-gradient(120deg, rgba(191,140,255,1) 0%, rgba(255,94,94,1) 48%, rgba(248,192,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bf8cff",endColorstr="#f8c0ea",GradientType=1);

margin: auto;border-radius: 50%;

animation:rotate-circle 1s linear infinite;
backface-visibility:hidden;
transform-origin:center;
	
}

@keyframes rotate-circle {
	0% {transform:rotate(0deg)}
	100%  {transform:rotate(360deg)}
	
}


.m_reviewBox .m_tit_wrap .m_titBox{width:80%;height:32px;float:left;margin-left:10px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';}
.m_reviewBox .m_tit_wrap .m_titBox .m_top_txt_box{width:100%;font-size:11px;font-weight:bold;}
.m_reviewBox .m_tit_wrap .m_titBox .m_top_txt_box .m_review_name{float:left}
.m_reviewBox .m_tit_wrap .m_titBox .m_top_txt_box .m_review_tit{float:left;width:73%;margin-left:8px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.m_reviewBox .m_tit_wrap .m_titBox .m_review_date{margin-top:6px;}
.m_reviewBox .m_tit_wrap .m_titBox .m_review_date > img{float:left;width:17px;}
.m_reviewBox .m_tit_wrap .m_titBox .m_review_date p{float:left;font-size:12px;margin-top:-3px;margin-left:5px;}
.m_reviewBox .m_tit_wrap .m_titBox .m_review_date .newimg {display:inline-block; vertical-align:middle; margin:2px 0 4px 5px}
.m_reviewBox .m_tit_wrap .m_titBox .m_review_date .newimg img {vertical-align:top; width:70%}

.m_reviewBox .m_tit_wrap .m_review_more {float:right;margin-top:3px; width:21px}
.m_reviewBox .m_tit_wrap .m_review_more img{width:100%}

.new_stReviewList .m_reviewBox .m_re_centerLine{width:100%;border:0.5px solid #dddddd;margin-top:10px;}
.new_stReviewList .m_reviewBox .m_review_body{
	width:100%;height:55px;margin-top:8px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';font-size:12px;line-height:14px;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;
	line-height:1.5
	}
/* 수강생 교육후기_리뉴얼:e */

/* 수강료안내 */
.m_tuituinTitle{text-align:center;margin-top:30px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';}
.m_tuituinTable{width:100%;float:left;padding:0 15px;background:#fff;margin-bottom:50px;margin-top:20px;}
.m_tuituinTable table{width:100%;font-size:11px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';}
.m_tuituinTable table tr th, .m_tuituinTable table tr td {padding:4px 0;border:0.5px solid #dddddd;text-align:center;letter-spacing:-0.02em;}
.m_tuituinTable table tr th {background:#333333;font-weight:500;color:#ffffff;}
.m_tuituinTable table tr td {font-size:11px;font-weight:300;padding:5px 10px;color:#808486;}
.m_tuituinTable table .txt_line {text-align:center;line-height:1.5;border-right:0px;}

/* 오시는길_리뉴얼 */
.cMap{padding-top:30px;padding-bottom:50px;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';color:#333333;}
.cMap .map_address{width:100%;padding-bottom:7px;border-bottom:1px solid #909090;}
.cMap .map_address img{width:27px;float:left;margin-left:2px;}
.cMap .map_address .add_txt{margin-left:6px;height:25px;line-height:25px;font-size:14px;font-weight:400;float:left;width:88%;}
.cMap .traffic{width:100%;padding-top:40px;}
.cMap .traffic .traffic_tit_box{padding-bottom:7px;border-bottom:1px solid #d6d6d6;}
.cMap .traffic .traffic_tit_box img{width:25px;float:left;margin-left:3px;}
.cMap .traffic .traffic_tit_box .tra_tit_txt{margin-left:8px;height:25px;line-height:25px;font-size:14px;font-weight:400;float:left;width:88%;}
.cMap .traffic .way_bus{width:99%;margin-top:11px;margin-bottom:11px;font-size:12px;font-weight:300;word-wrap:break-word;margin-left:6px;}
.cMap .traffic .way{margin-bottom:6px;}
.cMap .traffic .way .type_tra{width:15%;max-width:60px;height:20px;background:#ebebeb;border-radius:5px;text-align:center;line-height:20px;font-size:11px;float:left}
.cMap .traffic .way p{width:83%;line-height:20px;font-size:12px;font-weight:300;float:left;word-wrap:break-word;margin-left:5px;}

/* 교육특성 */
.characteristic{width:100%;margin-bottom:60px;background:#322f30;}
.characteristic .cha_Info01{width:100%;}
.characteristic .m_link_btn_box{width:125px;margin-left:54%;}
.characteristic .m_link_btn_box .m_link_btn{width:100%;margin-top:12px;}

/* 수강료조회버튼모양수정 */
.mgt25 a{margin-top:15px;}

/*수강료조회버튼옆핫타임이벤트*/
.m_hotTimeEvent{background:url('/img/sub/hotTimeEvent_210208.png') no-repeat;width:100px;height:80px;background-size:100% 100% ;float:right;margin-top:-70px;margin-right:-12px;}
.m_hotTimeEvent .m_eventDate{font-size:11px;word-spacing:-1.5px;letter-spacing:-0.3px;font-weight:500;text-align:center;color:black;padding:66% 0% 0% 18%;}

.m_hotTimeEvent.ty1 {
    float: none;
    display: inline-block;
    margin: 0;
    padding: 0;
vertical-align:middle;
    margin-left: 16px;

}


/*특별(새해,명절,크리스마스..)이벤트*/
.event_quick{background:url('/img/common/fix_event.gif') no-repeat;width:75px;height:75px;background-size:100% 100% ;float:right;margin-top:-66px;}

/* 실무자세미나 */
.m_seminar_list{padding:0% 3%;margin-top:15px;}
.m_seminar_list:first-child{margin-top:0px;}
.m_seminar_list .m_semi_box{width:48.5%;float:left;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';color:#1f1f1f;border:1px solid #bebebe;letter-spacing:-0.8px;}
.m_seminar_list .m_semi_box:nth-child(2){margin-left:3%;}
.m_seminar_list .m_semi_box .m_semi_top_txt{width:100%;font-size:11px;font-weight:500;color:#585858;padding:5px 5px;}
.m_seminar_list .m_semi_box .m_semi_top_txt .m_semi_tab_icon{float:left;width:14px;margin-top:-0.5px;}
.m_seminar_list .m_semi_box .m_semi_top_txt .m_semi_tab{float:left;width:24%;margin-left:3px;}
.m_seminar_list .m_semi_box .m_semi_top_txt .m_semi_tit{float:right;width:63%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.m_seminar_list .m_semi_box .m_semi_img img{width:100%;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.m_seminar_list .m_semi_box .m_semi_btm_txt{color:#585858;font-size:11px;padding:4px 5px;}
.m_seminar_list .m_semi_box .m_semi_btm_txt img{margin-top:-3.5px;width:13.5px;}
.m_seminar_list .m_semi_box .m_semi_btm_txt .m_semi_date{float:left;}
.m_seminar_list .m_semi_box .m_semi_btm_txt .m_semi_date span{margin-left:3px;}
.m_seminar_list .m_semi_box .m_semi_btm_txt .m_semi_click{float:right;}
.m_seminar_list .m_semi_box .m_semi_btm_txt .m_semi_click span{margin-left:2px;}
.m_seminar_view {width:100%;border-top:2px solid #555;margin-bottom:10%;}
.m_seminar_view th {border-top:1px solid #eee;}
.m_seminar_view .line{border-bottom:1px solid #eee;}
.m_seminar_view th, .m_seminar_view td {padding:3% 0;font-size:7pt;text-align:center;letter-spacing:-0.05em;vertical-align:middle;}
.m_seminar_view th:nth-child(2) {text-align:left;padding-left:3%;}
.m_seminar_view td {border-bottom:1px solid #e1e1e1;}
/* 실무자세미나 :e */

/* 공통 */
.table_padding{padding:0 3%;}
.m_topBanner{margin-bottom:35px;}
/* 공통 :e */

/* 채용정보_상세_리뉴얼 */
.m_empl_num{width:100%;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';font-size:11px;text-align:right;padding:2% 3%;color:#666;}
.empl_list_tab_wrap{width:100%;padding:2% 3%;}
.empl_list_tab_wrap .empl_list_tab{width:23.5%;float:left;margin-left:2%;margin-top:2%;}
.empl_list_tab_wrap .empl_list_tab img{width:100%;}
.m_empl_list{font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';color:#313131;margin-top:5px;}
.m_empl_list .m_empl_list_tit{width:100%;height:18px;background:#747474;color:white;}
.m_empl_list .m_empl_list_tit span{float:left;text-align:center;line-height:18px;font-size:9px;font-weight:500;}
.m_empl_list .m_list_box_wrap .out_box_darkGray{width:100%;background:#DCDCDC;box-shadow:0px 0px 5px #919191 inset;}
.m_empl_list .m_list_box_wrap .out_box_lightGray{width:100%;background:#F4F4F4;box-shadow:0px 0px 5px #d0d0d0 inset;}
.m_empl_list .m_list_box_wrap .m_list_out_box span{font-size:10px;float:left;text-align:center;letter-spacing:-0.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 10px;}
.m_empl_list .m_list_box_wrap .m_list_out_box .txt_gap_line{width:0.7%;float:left;}
.white_line{width:100%;height:1px;background:white;}
.m_empl_list .m_list_box_wrap .m_list_in_box{width:100%;padding:18px 10px;padding-bottom:25px;background:url('/m/img/sub/back_gradation.png') no-repeat;display:none;}
.m_empl_list .m_list_box_wrap .m_list_in_box .detail_wrap:first-child{margin-bottom:15px;}
.m_empl_list .m_list_box_wrap .m_list_in_box .detail_tit{padding-left:5.8%;font-size:12px;font-weight:500;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';color:#313131;margin-bottom:6px;}
.m_empl_list .m_list_box_wrap .m_list_in_box table{border-top:1px solid #848484;border-bottom:1px solid #848484;font-size:10px;letter-spacing:-0.8px;}
.m_empl_list .m_list_box_wrap .m_list_in_box table tbody tr{border-bottom:1px solid #e3e3e3;}
.m_empl_list .m_list_box_wrap .m_list_in_box table tbody tr:last-child{border-bottom:0px;}
.m_empl_list .m_list_box_wrap .m_list_in_box table tbody tr td:first-child{background:#F4F4F4;border-left:0px;border-right:1px solid #e3e3e3;text-align:center;padding:5px 0px;font-weight:500;}
.m_empl_list .m_list_box_wrap .m_list_in_box table tbody tr td:last-child{padding:0px 10px;}
/* 채용정보_상세_리뉴얼 :e */

/* 실무자취업팁_상세_리뉴얼 */
.m_jobtibList{margin-top:15px;padding:0% 3%;}
.m_jobtibList:first-child{margin-top:0px;}
.m_jobtibList .m_jobtip_box{width:48.5%;float:left;margin-left:3%;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';box-shadow:1px 1px 4px #e4e4e4;border-radius:3px;}
.m_jobtibList .m_jobtip_box:nth-child(1){margin-left:0;}
.m_jobtibList .m_jobtip_box .m_jobtip_img img{width:100%;}
.m_jobtibList .m_jobtip_box .m_jobtib_txt{text-align:center;color:#646464;margin-top:10px;}
.m_jobtibList .m_jobtip_box .m_jobtib_txt .m_jt_sub_txt{font-size:9px;letter-spacing:-0.3px;margin-bottom:0px;}
.m_jobtibList .m_jobtip_box .m_jobtib_txt .m_jobtip_name{font-size:15px;font-weight:600;letter-spacing:-0.8px;}
.m_jobtibList .m_jobtip_box .m_jobtip_box_btm{padding:6px 10px 10px;font-size:9px;line-height:21px;color:#646464;}
.m_jobtibList .m_jobtip_box .m_jobtip_box_btm .m_jobtip_date{float:left;margin-top:1px;}
.m_jobtibList .m_jobtip_box .m_jobtip_box_btm .m_jobtip_more_btn{width:45px;float:left;margin-left:10%;}
.m_jobtibList .m_jobtip_box .m_jobtip_box_btm .m_jobtip_click{float:right;margin-top:1px;}
.m_jobtibList .m_jobtip_box .m_jobtip_box_btm .m_jobtip_click .m_jobtip_click_tit{float:left;margin-right:3px;}
.m_jobtibList .m_jobtip_box .m_jobtip_box_btm .m_jobtip_click .m_jobtip_click_num{float:left;}
/* 실무자취업팁_상세_리뉴얼 :e */

/*고객상담센터 카카오톡상담 리뉴얼*/
.m_kakao_info_wrap{margin-bottom:40px;margin-top:5px;}
.m_kakao_info_wrap .m_kakao_info_back{background:url('/m/img/sub/kakao_background.png') repeat;width:100%;background-size:4px;padding:0px 15px;float:left;margin-top:10px;}
.m_kakao_info_back .m_kakao_info_box{width:100%;background:white;border:1px solid #dddddd;border-radius:6px;box-shadow:0px 3px 2px rgba(0,0,0,0.15);padding:20px 16px 5px 16px;margin-top:-5px;margin-bottom:-5px;}
.m_kakao_info_box .kakao_info_title{width:80%;font-size:15px;font-weight:300;float:left;color:#676666;letter-spacing:-0.5px;}
.m_kakao_info_box .kakao_arrow{float:right;width:10px;margin-top:10px;}
.m_kakao_info_box .m_kakao_userInfo_wrap{margin-top:15px;}
.m_kakao_userInfo_wrap .m_info_box{border:1px solid #dddddd;font-size:14px;margin-bottom:10px;float:left;width:100%;color:#4c4c4c;}
.m_info_box .info_title{float:left;padding:15px 0px 15px 12px;width:27.5%;letter-spacing:-0.5px;font-weight:400;}
.m_info_box .info_line{float:left;height:42px;margin-top:3.5px;border-right:1px solid #dddddd;}
.m_info_box .info_body{float:left;width:72%;padding:15px 10px 15px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m_info_box .info_body input[type='text']{font-size:14px;color:#4c4c4c;}
.m_info_box .info_body.info_body_id{padding:13px 0px 13px 12px;}
.m_info_box .info_body.info_body_id input[type='text']{border:none;height:20px;padding:0px;width:82%;margin-right:6px;}
.m_info_box .info_body.info_body_id img{width:20px;}
.m_info_box .info_body.info_body_branch{padding:14px 0px 14px 12px;}
.m_info_box .info_body.info_body_branch input[type='radio']:checked:after{background:#c7c7c7;}
.m_info_box .info_body.info_body_branch label{letter-spacing:-1px;}
.m_info_box .info_body.info_body_name input[type='text']{border:none;height:19px;padding:0px;width:100%;float:left;margin-right:10px;}
.info_box .info_body.info_body_number input[type='text']{min-width:30px;border:1px solid #dddddd;}
.m_info_box .info_body.info_body_number .styled-select select{min-width:31%;height:32px;font-size:14px;margin:0;background:url(/img/common/select_arrow.png)no-repeat 95% center white;color:#4c4c4c;border:1px solid #dddddd;outline:none;display:inline-block;padding:2px 2px 4px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
.m_info_box .info_body.info_body_number .styled-select select option{background-color:#fafafa;color:#4c4c4c;}
.m_info_box .info_body.info_body_number .styled-select .select-button {background-color:white;border:1px solid #dddddd;right:0;top:0;position:absolute;pointer-events:none;width:20px;height:32px;}
.m_info_box .info_body.info_body_number .styled-select .small-arrow-down {width:0;height:0;position:absolute;top:0;bottom:0;left:0px;right:0;margin:auto;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.5em solid #c7c7c7;}
.m_kakao_info_box .agreeArea .m_kakao_btn{margin:0 auto;margin-top:11px;width:148px;}
/*고객상담센터 카카오톡상담 리뉴얼 :e*/

/*부트스트랩_팝오버 개강일안내 */
.popover {position:absolute;top:0;left:0;z-index:10000;display:none;text-align:center;color:white;max-width:200px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12px;font-style:normal;font-weight:normal;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:-0.5px;word-break:keep-all;word-spacing:-0.7px;white-space:nowrap;background-color:#1a1a1a;-webkit-background-clip:padding-box;background-clip:padding-box;line-break:auto;}
.popover.bottom {margin-top:10px;}
.popover-content {padding:9px 14px;}
.popover > .arrow, .popover > .arrow:after {position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;}
.popover > .arrow {border-width:11px;}
.popover > .arrow:after {content:"";border-width:10px;}
.popover.bottom > .arrow {top:-11px;left:50%;margin-left:-11px;border-top-width:4px;border-bottom-color:#999;border-bottom-color:rgba(0, 0, 0, .0);}
.popover.bottom > .arrow:after {top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#1a1a1a;}
/*부트스트랩_팝오버 :e*/

/*포트폴리오서브페이지*/
.m_portfolio_wrap{width:100%;}
.m_portfolio_wrap .m_portfolio_list{margin-top:15px;padding:0% 3%;}
.m_portfolio_wrap .m_portfolio_list:first-child{margin-top:0px;}
.m_portfolio_wrap .m_portfolio_list .m_portfolio_box{width:48.5%;float:left;margin-left:3%;box-shadow:0px 1px 2px #c9c9c9;border-radius:3px;}
.m_portfolio_wrap .m_portfolio_list .m_portfolio_box:nth-child(1){margin-left:0px;}
.m_portfolio_box .m_portfolio_img{width:100%;overflow:hidden;height:130px;}
.m_portfolio_box .m_portfolio_img img{width:100%;border-radius:3px 3px 0px 0px;}
.m_portfolio_box .m_portfolio_txt_wrap{padding:8px 8px 10px;}
.m_portfolio_txt_wrap .m_portfolio_lec{font-size:11px;font-weight:500;color:#282A29;letter-spacing:-0.5px;}
.m_portfolio_txt_wrap .m_name_top_line{width:16px;border-bottom:1px solid #d7d7d7;margin-top:15px;margin-bottom:3px;}
.m_portfolio_txt_wrap .m_portfolio_btm_txt{color:#535353;}
.m_portfolio_txt_wrap .m_portfolio_btm_txt .m_port_studentName{float:left;font-size:9px;letter-spacing:-0.5px;width:64%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m_portfolio_txt_wrap .m_portfolio_btm_txt .m_port_click{float:right;}
.m_portfolio_btm_txt .m_port_click .m_port_click_img{margin-top:-3px;width:35%;float:right;margin-right:2px;}
.m_portfolio_btm_txt .m_port_click .m_port_click_img img{width:100%;}
.m_portfolio_btm_txt .m_port_click span{font-size:10px;float:right;}
/*포폴상세*/
.portfolio_view_wrap{padding:0 10% 10% 10%;}
.portfolio_view_wrap .port_view_txt_wrap{}
.port_view_txt_wrap .m_name_top_line{width:16px;border-bottom:1px solid #d7d7d7;margin-bottom:3px;}
.port_view_txt_wrap .port_view_lec{font-size:11px;font-weight:500;color:#282A29;letter-spacing:-0.5px;}
.port_view_txt_wrap .port_view_sub_txt{margin-top:3px;}
.port_view_sub_txt .port_view_studentName{float:left;font-size:9px;letter-spacing:-0.5px;width:50%;}
.port_view_sub_txt .port_view_click{float:right;}
.port_view_sub_txt .port_view_click .port_view_click_img{margin-top:-3px;width:35%;float:right;margin-right:2px;}
.port_view_sub_txt .port_view_click .port_view_click_img img{width:100%;}
.port_view_sub_txt .port_view_click span{font-size:10px;float:right;}
.portfolio_view_wrap .port_view_body{padding:3% 0% 6% 0%;border-radius:3px;border-bottom:1px solid #E1E1E1;}
.portfolio_view_wrap .port_view_body img{width:100%;border-radius:3px;}
/*포트폴리오서브페이지 :e*/

/*디자인,자격증 과정 하단 수강료조회 리뉴얼*/
.userInfo_course{width:100%;margin-top:20px;}
.infoWrap_course{width:100%;}
.infoWrap_course .infoBox_course{width:100%;border-radius:3px;box-shadow:inset 0 0 2px rgba(13, 13, 13, 0.1);background:#eaeaea;margin-top:10px;}
.infoWrap_course .infoBox_course:first-child{margin-top:0px;}
.infoBox_course .infoTit_course{float:left;height:40px;width:23%;line-height:40px;padding-left:17px;font-size:14.5px;color:white;background:url('/m/img/sub/Tit_background.png') no-repeat;background-size:100% 100%;}
.infoBox_course .infoBody_course{float:right;line-height:36px;padding-left:15px;font-size:14.5px;color:#373737;width:77%;border-radius:3px;}
.infoBox_course .infoBody_course input[type='radio']{width:14px;height:14px;background:none;border:1px solid #6a6a6a;margin-top:1px;}
.infoBox_course .infoBody_course input[type='radio']:checked:after{width:6px;height:6px;background:#515151;}
.infoBox_course .infoBody_course label{margin-left:3px;}
.infoBox_course .infoBody_course input[type='text']{border:none;height:40px;width:100%;font-size:14.5px;color:#373737;background:none;padding:0 4px;}
.infoBox_course .infoBody_course .styled-select{font-size:14.5px;width:26%;min-width:22%;float:left;}
.infoBox_course .infoBody_course .styled-select select{font-size:14.5px;border:none;border-radius:3px;color:#373737;height:40px;line-height:40px;padding:0px 0px 0px 4px;background:none;}
.infoBox_course .infoBody_course .styled-select .select-button{background:none;width:26px;height:40px;right:17%;}
.infoBox_course .infoBody_course .styled-select .select-button .small-arrow-down{border-top:.5em solid #373737;border-left:.3em solid transparent;border-right:.3em solid transparent;top:2px;}
.infoBox_course .infoBody_course .hyphen_img{float:left;height:40px;width:12px;}
.infoBox_course .infoBody_course .hyphen_img img{width:100%;}
.infoBox_course .infoBody_course input[type='tel']{font-size:14.5px;color:#373737;width:31%;border-radius:3px;border:none;text-align:center;height:40px;float:left;background:none;}
.course_btn{width:50%;margin:0 auto;margin-top:24px;margin-bottom:15px;}
.course_btn a img{width:100%;}
/*디자인,자격증 과정 하단 수강료조회 리뉴얼 :e*/

/*나에게 맞는 과정 찾기*/
.myCourseWrap_m{}
.myCourseWrap_m .myCourse01Content_m{padding:18px 0px 35px 0px;}
.myCourse01Content_m .myCourseTit_m{}
.myCourseTitImg_m{margin:0 auto;width:22%;margin-bottom:10px;}
.myCourseTitImg_m img{width:100%;}
.myCourse01Content_m .myCourseTit_m .myCourseTitTtx_m{}
.myCourse01Content_m .myCourseTit_m .binfo {text-align:center; font-family: 'NotoSansKR-Regular'; font-size:11px; color:#757575; margin-top:10px}
.myCourse01Content_m .myCourseTit_m .binfo .bold {font-family: 'NotoSansKR-Bold'}

.myCourse01Content_m .myCourse01Body{padding-top:40px;}
.myCourse01Content_m .myCourse01Body .Content01SelectionWrap .Content01Selection{margin-left:3%;width:29%;float:left;}
.myCourse01Content_m .myCourse01Body .Content01SelectionWrap .Content01Selection img{width:100%;}
.myCourse01Content_m .myCourse01Body .myCourse01Page{width:45%;margin:0 auto;margin-top:65px;}
.myCourseWrap_m .myCourse02Content_m{padding:18px 0px 35px 0px;}
.myCourse02Content_m .myCourseTit_m .myCourseSubtitTxt_m{font-size:12px;padding-top:3.5px;text-align:center;color:#353028;font-weight:300;}
.myCourse02Content_m .myCourse02Body .Content02SelectionWrap{padding:0% 3% 0% 3%;margin-top:42px;}
.myCourse02Content_m .myCourse02Body .Content02SelectionWrap .item{width:48.5%;float:left;margin-left:3%;margin-bottom:6%;border-radius:5px;box-shadow:0px 3px 4px rgba(0,0,0,.25);}
.myCourse02Content_m .myCourse02Body .Content02SelectionWrap .item:nth-child(2n+1){margin-left:0%;}
.Content02SelectionWrap .item .mySelection02{width:100%;height:100%;background-size:100%;border-radius:5px;background-position:center;}
.Content02SelectionWrap .item .mySelection02 div.text{width:100%;height:100%;border-radius:5px;}
.Content02SelectionWrap .item .mySelection02.on div.text{background:url(/img/myCourse/ImgClickDisplay.png) no-repeat;background-size:100% 100%;}
.myCourse02Content_m .myCourse02Body .myCourseBtn_m{padding:0% 3% 0% 3%;}
.myCourse02Content_m .myCourse02Body .myCourseBtn_m .btnPrevStep{float:left;width:15%;}
.myCourse02Content_m .myCourse02Body .myCourseBtn_m .btnNextStep{float:right;width:15%;}
.myCourse02Content_m .myCourse02Body .myCourse02Page{width:45%;margin:0 auto;margin-top:30px;}
.myCourseWrap_m .myCourse03Content_m{padding:18px 0px 35px 0px;}
.myCourse03Content_m .myCourse03Body .Content03SelectionWrap{padding:0% 3% 0% 3%;margin-top:30px;}
.myCourse03Body .Content03SelectionWrap .myCourseTitGraph{width:94%;margin:0 auto;}
.myCourse03Body .Content03SelectionWrap .myCourse03Info{padding:30px 55px 45px 55px;}
.myCourse03Body .Content03SelectionWrap .myCourse03Info .InfoNameBox{border:2px solid #424242;border-radius:20px;}
.myCourse03Info .InfoNameBox .InfoNameBoxTit{float:left;width:60px;padding:6px 0px 6px 12px;}
.myCourse03Info .InfoNameBox .InfoNameBoxBody{float:left;width:162px;}
.myCourse03Info .InfoNameBox .InfoNameBoxBody input[type='text']{padding:1px 0px 0px 10px;height:22px;font-size:15px;border:none;color:#424242;}
.myCourse03Body .Content03SelectionWrap .myCourse03Info .InfoPhoneBox{border:2px solid #424242;border-radius:20px;margin-top:10px;}
.myCourse03Info .InfoPhoneBox .InfoPhoneBoxTit{float:left;width:60px;padding:6px 0px 6px 12px;}
.myCourse03Info .InfoPhoneBox .InfoPhoneBoxBody{float:left;width:162px;}
.myCourse03Info .InfoPhoneBox .InfoPhoneBoxBody .styled-select{width:54px;vertical-align:top;}
.myCourse03Info .InfoPhoneBox .InfoPhoneBoxBody .styled-select select{font-size:15px;color:#424242;height:27px;padding:3px 2px 4px 10px;border:none;}
.myCourse03Info .InfoPhoneBox .InfoPhoneBoxBody .styled-select .select-button{width:10px;height:27px;margin-right:8px;background:none;top:1px;}
.myCourse03Info .InfoPhoneBox .InfoPhoneBoxBody .styled-select .select-button .small-arrow-down{border-top:.4em solid #424242;border-right:.3em solid transparent;border-left:.3em solid transparent;}
.myCourse03Info .InfoPhoneBox .InfoPhoneBoxBody input[type='tel']{width:50px;height:27px;font-size:15px;color:#424242;border:none;}
.myCourse03Body .Content03SelectionWrap .myCourse03Info .mycourseResultBtn_m{width:160px;margin:0 auto;margin-top:20px;}
.myCourse03Body .Content03SelectionWrap .myCourse03Info .agreement_myCourse{width:180px; margin:14px auto 0;}
.agreement_myCourse .agree_t{float:left;margin-top:2px;padding-left:7px;width:110px;}
.agreement_myCourse .agree_t input[type="checkbox"]:checked{border:0;width:8px;}
.agreement_myCourse .agree_t label{font-size:8px;margin-left:0px;}
.agreement_myCourse .agree_cont_view{float:right;margin-top:7.5px;}
.agreement_myCourse .agree_cont_view .selfinfo{background:white;border-radius:0;padding:0;width:48px;text-align:right;padding-right:7px;font-size:8px;}



.agreement_myCourse {text-align:left;margin-top:15px;position:relative;vertical-align:top;font-size:10pt;margin-bottom:5px;}

.agreement_myCourse .agree_txt {float:left; padding-left:5px}

.agreement_myCourse .agree_txt {}


.agreement_myCourse .agree_cont_view {float:right;text-align:right; margin-top:2px}
.agreement_myCourse .agree_cont_view {margin-top:3px}


.agreement_myCourse {position:relative;top:-1px}

.agreement_myCourse * {font-family:NotoSansKR-Regular}

.agreement_myCourse {margin-left: 1px; color: #757575; font-size: 9px; padding-bottom: 1px}

.agreement_myCourse .inputset.chk input[type="checkbox"] + label::before { 
	width:11px; height:11px; margin-bottom:2px; margin-right:2px;
}

.agreement_myCourse .inputset.chk input[type="checkbox"]:checked + label::before {
	background-size:100%; background-color:#4e4e4e; opacity:.7
}

.agreement_myCourse .selfinfo { 
padding:3px 0px 3px;background:#eee;font-size:7.5px;display:inline-block;text-align:center;margin-left:1px;color:#b9b9b9; line-height:1		
}








.myCourse03Content_m .myCourse03Body .btnPrevStep{width:3.5%;margin-bottom:-6.5%;margin-left:21%;}
.myCourse03Content_m .myCourse03Body .myCourse03Page{margin:0 auto;width:45%;}
.myCourseWrap .myCourse02 .myCourse02Content .myCourseModalCon{}
.myCourseModalWrap{width:250px;height:130px;border-radius:5px;background-color:white;z-index:998;box-shadow:0px 4px 5px rgba(0,0,0,.4);overflow:hidden;padding:30px 0px;}
.myCourseModalWrap .myCourseModalTit{font-size:17px;font-weight:600;letter-spacing:-1px;text-align:center;color:#353028;}
.myCourseModalWrap .modalSelection{font-size:14.5px;font-weight:600;letter-spacing:-1px;text-align:center;color:#353028;width:80px;border:1px solid #353028;border-radius:18px;padding:4px 0px 3px 0px;}
.myCourseModalWrap .modalNo{margin-left:10px;}
#myCourseModal2 .myCourseModalWrap {height:160px; width:300px}

/*나에게 맞는 과정 찾기 :e*/

/*국비지원페이지*/
.supportWrap{margin-bottom:75px;}
.supportTopBanner{margin-bottom:45px;}
.supportMainWrap{}
.supportMainWrap .supportMainImg{margin-bottom:30px;}
.supportMainWrap .supportSubTxt{text-align:center;color:#222222;font-size:13.5px;letter-spacing:-1.2px;word-spacing:-0.5px;line-height:21px;}
.supportMainWrap .supportSubTxt span.txtBold{font-weight:600;}
.supportMainWrap .supportSubTxt span.txtLight{font-weight:300;}
.supportContentsWrap{margin-top:30px;}
.supportContentsWrap .supportConTit{}
.supportContentsWrap .supportConBody{width:100%;background:#000000;padding-bottom:35px;}
.supportContentsWrap .supportConBody .supportConSide{float:left;width:4.8%;}
.supportContentsWrap .supportConBody .supportContentsBox{float:left;width:38.1%;}
.supportContentsWrap .supportConBody .supportContentsBox .supContentsTop{}
.supportContentsWrap .supportConBody .supportContentsBox .supContentsBottom{width:100%;text-align:center;font-size:37px;line-height:37px;letter-spacing:-1px;font-weight:300;color:white;padding-top:5px;}
.supportContentsWrap .supportConBody .supportConCenter{float:left;width:14.2%;}
.supportContentsWrap .supportCon02Table{background:#000000;padding-bottom:25px;}
.supportTargetWrap{margin-top:60px;}
.supportTargetWrap .supportTargetTit{}
.supportTargetWrap .supportTargetBody{padding-top:25px;}
.supportTargetWrap .supportTargetBody .supportTargetCon{border-top:1px solid #bcbcbc;padding:4px 15px 4px 15px;}
.supportTargetWrap .supportTargetBody .supportTargetCon:last-child{border-bottom:1px solid #bcbcbc;}
.supportTargetWrap .supportTargetBody .supportTargetCon img{float:left;width:17px;height:17px;}
.supportTargetWrap .supportTargetBody .supportTargetCon p{float:left;padding-left:7px;font-size:12px;color:#222222;font-weight:300;width:95%;}
.supportTargetWrap .supportTargetBody .supportTargetCon p:last-child{width:45%;}
.supportTargetWrap .supportTargetBody .supportTargetCon p.footnote{color:#7d7c7c;font-size:9px;float:right;padding-top:3px;width:48%;text-align:right;padding-left:0;}
.supportProcedure{margin-top:75px;}
.contentsBtmTxt{color:#7d7c7c;font-size:9px;float:left;padding:5px 0px 0px 18px;width:90%;}
.supportIncBtn{text-align:center;height:45px;width:45%;border-radius:23px;background:#161616;margin:0 auto;margin-top:20px;box-shadow:0 2px 2px rgba(0,0,0,.3);}
.supportIncBtn a{font-size:15px;font-weight:500;color:white;line-height:44px;letter-spacing:-0.5px;word-spacing:-0.5px;}
/*국비지원페이지 :e*/

/*자격증과정_시험일정*/
.examSchedule_m{margin-top:70px;width:100%; margin-bottom:1px}
.examSchedule_m .examSchTitWrap{}
.examSchedule_m .examSchTitWrap .examSchTitImg{width:100%;}
.examSchedule_m .examSchTitWrap .examScheduleTitTxt{padding:10px 0px 18px;font-size:12px;text-align:center;color:#333333;}
.examSchedule_m .examScheduleTable{width:100%;}
.examSchedule_m .examScheduleTable .examSchSubTit{font-size:13px;font-weight:500;margin-bottom:4px;color:#333333;}
.examSchedule_m .examScheduleTable table{width:100%;font-size:12px;border-bottom:1px solid #dddddd;border-top:1px solid #9f9f9f;color:#333333;line-height:15.5px;}
.examSchedule_m .examScheduleTable table thead tr{border-bottom:1px solid #c0c1c4;background:#D8D9DC;letter-spacing:-0.5px;}
.examSchedule_m .examScheduleTable table thead tr th {border-right:1px solid #e7e7e7;padding:6px 0px;}
.examSchedule_m .examScheduleTable table thead tr th:last-child{border-right:none;}
.examSchedule_m .examScheduleTable table tbody tr td {border-bottom:1px solid #dddddd;text-align:center;font-weight:300;border-right:1px solid #dddddd;word-spacing:-0.5px;padding:6px 0px;}
.examSchedule_m .examScheduleTable table tbody tr td:last-child{border-right:none;}
.examSchedule_m .examScheduleTable table .examSequence{background:#f3f3f3;font-weight:400;}
/*자격증과정_시험일정 :e*/

/*수강생인터뷰페이지_리뉴얼(포폴페이지와동일)*/
.stInterviewWrap{width:100%; margin-top:47px;}
.stInterviewWrap .stInterviewList{margin-top:15px;padding:0% 3%;}
.stInterviewWrap .stInterviewList:first-child{margin-top:0px;}
.stInterviewWrap .stInterviewList .stInterviewBox{width:48.5%;float:left;margin-left:3%;box-shadow:0px 1px 2px #c9c9c9;border-radius:3px;}
.stInterviewWrap .stInterviewList .stInterviewBox:nth-child(1){margin-left:0px;}
.stInterviewBox .stInterviewImg{}
.stInterviewBox .stInterviewImg img{width:100%;border-radius:3px 3px 0px 0px;}
.stInterviewBox .stInterviewTxtWrap{padding:8px 8px 10px;}
.stInterviewTxtWrap .stCurriculum{font-size:11px;font-weight:500;color:#282A29;letter-spacing:-0.5px;}
.stInterviewTxtWrap .nameTopLine{width:16px;border-bottom:1px solid #d7d7d7;margin-top:15px;margin-bottom:3px;}
.stInterviewTxtWrap .studentNameBox{color:#535353;}
.stInterviewTxtWrap .studentNameBox .InterviewStudentName{float:left;font-size:9px;letter-spacing:-0.5px;width:64%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.stInterviewTxtWrap .studentNameBox .stInterviewClick{float:right;}
.studentNameBox .stInterviewClick .stInterviewClickImg{margin-top:-3px;width:35%;float:right;margin-right:2px;}
.studentNameBox .stInterviewClick .stInterviewClickImg img{width:100%;}
.studentNameBox .stInterviewClick span{font-size:10px;float:right;}
/*수강생인터뷰페이지_리뉴얼(포폴페이지와동일) :e*/

/*세미나페이지_리뉴얼(포폴페이지와동일)*/
.m_seminarWrap{width:100%; margin-top:47px;}
.m_seminarWrap .m_seminarList{margin-top:15px;padding:0% 3%;}
.m_seminarWrap .m_seminarList:first-child{margin-top:0px;}
.m_seminarWrap .m_seminarList .m_seminarBox{width:48.5%;float:left;margin-left:3%;box-shadow:0px 1px 2px #c9c9c9;border-radius:3px;}
.m_seminarWrap .m_seminarList .m_seminarBox:nth-child(1){margin-left:0px;}
.m_seminarBox .m_seminarImg{}
.m_seminarBox .m_seminarImg img{width:100%;border-radius:3px 3px 0px 0px;}
.m_seminarBox .m_seminarTxtWrap{padding:8px 8px 10px;}
.m_seminarTxtWrap .m_seminarName{font-size:11px;font-weight:500;color:#282A29;letter-spacing:-0.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.m_seminarTxtWrap .m_nameTopLine{width:16px;border-bottom:1px solid #d7d7d7;margin-top:15px;margin-bottom:3px;}
.m_seminarTxtWrap .m_seminarDateBox{color:#535353;}
.m_seminarTxtWrap .m_seminarDateBox .m_seminarDate{float:left;font-size:10px;letter-spacing:-0.5px;width:64%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m_seminarTxtWrap .m_seminarDateBox .m_seminarClick{float:right;}
.m_seminarDateBox .m_seminarClick .m_seminarClickImg{margin-top:-3px;width:35%;float:right;margin-right:2px;}
.m_seminarDateBox .m_seminarClick .m_seminarClickImg img{width:100%;}
.m_seminarDateBox .m_seminarClick span{font-size:10px;float:right;}
/*세미나페이지_리뉴얼(포폴페이지와동일) :e*/

/* inc_qna_easy001 스타일 가져옴 */
.curriTit_txt {display:block;text-align:center;overflow:hidden;white-space:nowrap;}
.curriTit_txt > span {position:relative;display:inline-block;}
.curriTit_txt > span:before, .curriTit_txt > span:after {content:"";position:absolute;top:50%;width:9999px;height:1px;background:#616161;}
.curriTit_txt > span:before {right:100%;margin-right:15px;}
.curriTit_txt > span:after {left:100%;margin-left:15px;}
.span_curriTit_txt{
	
	/* font-family:Nanumsquare, Malgun Gothic, malgun gothic, Arial, Tahoma, Dotum, Gulim, serif; */
	font-family: 'Noto Sans KR';
	font-size:20px;font-weight:700;background-color:white;color:#333333;}
/* inc_qna_easy001 스타일 가져옴 :e */

/* 디자인과정 포트폴리오 */
.m_designport_wrap {margin-top:70px; display:none}
.m_designport_wrap .m_designport_txt { 
    padding: 10px 0px 20px 0;
    font-size: 12px;
    text-align: center;
    font-family: 'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';
    font-weight: 400;
    color: #333333;
    line-height: 15px;
}
.m_designport_wrap .swiper-container {padding-bottom:30px}
.m_designport_wrap .swiper-slide { }
.m_designport_wrap .swiper-slide .simg {height:24vw; overflow: hidden}
.m_designport_wrap .swiper-slide .txtinfo { }
.m_designport_wrap .swiper-slide .txtinfo .smtxt {opacity: .7}
.m_designport_wrap .swiper-slide .simg + .txtinfo {margin-top:5px}
.m_designport_wrap .swiper-slide .txtinfo * {font-family: 'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic'}
.m_designport_wrap .swiper-slide .txtinfo .hd4 {font-size:10px; font-weight:normal; line-height: 1; opacity:.6}
.m_designport_wrap .swiper-slide .txtinfo .stxt {color:#1b1b1b; font-size:10px; margin-top: 0}
.m_designport_wrap .swiper-pagination-bullet-active {background:#fece00; width: 20px; border-radius: 50px}
.m_designport_wrap .swiper-container-horizontal > .swiper-pagination-bullets {bottom:0}
.m_designport_wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px}
/* 디자인과정 포트폴리오 e */


/* 엽서후기 */
.m_subPostReview{margin-top: 15px;}
.m_subPostReview:first-child{margin-top: 0px;}
/*.m_subPostReview li:first-child{margin-left: 0px !important;}*/
.m_postReviewBox{width: 100%; float: left; border: 1px solid #e1e1e1; /* position:relative; margin-bottom:40px; top:-40px*/ color: #888888;}
.m_postReviewBox .m_PostRvTitle{width: 100%; padding: 5px 8px 8px;}
.m_postReviewBox .m_PostRvTitle div{font-size: 10px; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 98%;}
.m_postReviewBox .m_PostRvImg{width: 100%;}
.m_postReviewBox .m_PostRvImg img{width: 100%;}
.m_postReviewBox .m_PostRvFakeBut{margin-top: 5px;}
.m_postReviewBox .m_PostRvFakeBut img{width: 100%;}
.m_postReviewBox .m_PostRvinquiry {width: 100%;  font-family: Nanumsquare; font-size: 11px; font-weight: 500; color:#333; opacity:.7}
.m_postReviewBox .m_PostRvinquiry .m_reviewDate{float: left; margin: 2px 8px;}
.m_postReviewBox .m_PostRvinquiry .m_reviewClick{float: right; margin: 2px 8px;}
/* 엽서후기_e */


.new_section_list {margin-top:20px; margin-bottom:70px}
.new_section_list .inlist {border-bottom:1px solid #999}
.new_section_list .inlist > li { }
.new_section_list .inlist .dlist {font-size:14px}
.new_section_list .inlist .dlist > dt {display:block; background:#333333; color:#fff; text-align:center; padding:5px 0}
.new_section_list .inlist .dlist > dd {padding:10px}
.new_section_list .inlist .dlist > dd .hd3 {font-size:14px}
						
.new_section_list .inlist .dlist > dd .ic { }
.new_section_list .inlist .dlist > dd .ic > li {margin-left:10px; margin-left:14px; text-indent:-9px}
.new_section_list .inlist .dlist > dd .ic > li.bar {margin-top:5px; padding-top:4px; border-top:1px solid #d9d9d9}
.new_section_list .inlist .dlist > dd .ic > li::before {content:""; display:inline-block; width:3px; height:1px; background:#aaa; vertical-align:middle; margin-right:5px}
.new_section_list .inlist .dlist > dd .ic + .hd3 {margin-top:7px; padding-top:7px; border-top:1px dashed #999}

.new_section_list .inlist .dlist > dd .ic > li .dp2 {margin-left:20px; margin-bottom:5px}
.new_section_list .inlist .dlist > dd .ic > li .dp2 > li::before {content:""; display:inline-block; width:2px; height:2px; background:#aaa; vertical-align:middle; margin-right:5px;
border-radius:50%; 
 }


.new_section_list.ty1 {position:relative; margin-top:-5px; margin-bottom:15px}
.new_section_list.ty1::after {content:""; display:block; position:absolute; top:5px; bottom:24px; left:0; right:0; background: #f3f3f3;
z-index:0}

.new_section_list.ty1 .inlist {margin: -2px 15px 16px 15px; margin-bottom:20px; position:relative; z-index:10; border-bottom:none}
.new_section_list.ty1 .inlist > li {background: #fff; box-shadow: 3px 3px 10px #e3e3e3; border-radius:5px}
.new_section_list.ty1 .inlist > li + li {margin-top:13px}
.new_section_list.ty1 .inlist .dlist {font-size:12px; color:#bbbaba}
.new_section_list.ty1 .inlist .dlist > dt {color:#fff; text-align:center; padding:5px 0; display:none;}
.new_section_list.ty1 .inlist .dlist > dd {padding:19px; position:relative}
.new_section_list.ty1 .inlist .dlist > dd::after {content:""; display:block; width:13px; height:14px; background:url('/m/img/sub/lecture_mplus.png') no-repeat 0 0;
background-size:100%; position:absolute; top:26px; right:20px; opacity:50%}
.new_section_list.ty1 .inlist .dlist > dd .hd3 {font-size:10px; font-family:NotoSansKR-Bold;}
						
.new_section_list.ty1 .inlist .dlist > dd .ic { }
.new_section_list.ty1 .inlist .dlist > dd .ic > li {margin-left:0; text-indent:0}
.new_section_list.ty1 .inlist .dlist > dd .ic > li.bar {margin-top:-4px; padding-top:4px; border-top:none}

.new_section_list.ty1 .inlist .dlist > dd .ic + .hd3 {margin-top:11px; padding-top:11px; border-top:1px solid #e8e8e8}

.new_section_list.ty1 .inlist .dlist > dd .ic > li .dp2 {margin-left:0px; margin-bottom:14px}
.new_section_list.ty1 .inlist .dlist > dd .ic > li .dp2 > li::before {content:""; display:inline-block; width:2px; height:2px; background:#aaa; vertical-align:middle; margin-right:5px;
border-radius:50%; display:none}
.new_section_list.ty1 .inlist .dlist > dd .ic > li .bold {font-family:NotoSansKR-Bold}


.new_section_list.ty1 .inlist .dlist > dd .ic.last { }
.new_section_list.ty1 .inlist .dlist > dd .ic.last > li {color:#575656}
.new_section_list.ty1 .inlist .dlist > dd .ic > li::before {display:none}

.subContent.flexg { }
.subContent.flexg {width:calc(100% - 98px)}
.subContent.flexg .sticky-elem {}
	
	 .ie_blank {display:block}
	 .ie_blank + br {display:none}
     .scroll-section {}
 
 
/* 장면 0 */
#scroll-section-0 {padding-top: 20vh; background:rgba(0,0,0,.9)}
#scroll-section-0 .titset {
	position: relative; top: 0;
	--gradient-progress: -100%;
    --gradient-progress-2: 0%;
	-webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0) var(--gradient-progress), #000 var(--gradient-progress-2))}

#scroll-section-0 .simg {text-align: center}
#scroll-section-0 .simg img {width:70%}

.main-message {top: 44vh; margin: 5px 0; height: 3em; font-size: 2.5rem; opacity: 0}
.main-message p {font-weight: bold; text-align: center; line-height: 1.2}
.main-message small {display: block; margin-bottom: 0.5em; font-size: 1.2rem}

.ie_rel {position:relative}

#scroll-section-0 .hd1 {font-size: 1.5rem; text-align: center; color:#fff; font-family:NotoSansKR-thin}
#scroll-section-0 .hd2 {color:#fff; font-family:NotoSansKR-Bold; font-size:2.5rem; text-align: center; margin-top:.7em; line-height:1.1;}
#scroll-section-0 .hd2 .light.fix {font-size:.5em; margin-left:7px}
#scroll-section-0 .hd2 + .hd3 {margin-top:2em}
#scroll-section-0 .hd3 {font-size: 1.1rem; text-align: center; color:#fff; font-family:NotoSansKR-thin; letter-spacing: 1.3em;
text-indent:1.3em; opacity:.7
}
#scroll-section-0 .arr {text-align:center; display:block; margin:60px 0 0 0; color:rgba(255,255,255,.7);
animation:arrani .9s linear infinite; line-height:.9
}
@keyframes arrani { 
	0% { }
	50% {opacity:0}
	100% { }	
}
#scroll-section-0 .main-message.a {color:#fff; top:45vh;font-size:1.3em;  letter-spacing: .7em;
 font-family:NotoSansKR-thin; opacity:1; padding:50% 0}

#scroll-section-0 .main-message.a .stxt {font-weight: bold; text-align: center; line-height: 1.7}
#scroll-section-0 .main-message.a .stxt > span {text-indent:1em; display:block}

.co_type1 {color:#ffde00} 
 
 
#scroll-section-0 .main-message.b {background:url('/m/img/sub/section00_img01.jpg') no-repeat center; background-size:cover;
height:100vh; top:50vh; opacity:1; margin:0
}


/* 장면 0 */
#scroll-section-0 .sticky-elem.main-message.c {opacity:1; font-size:1.5em; top:20vh; display:flex; 
flex-direction:column; position:absolute; z-index:100; left:0; right:0; height:inherit; margin:0;  padding:0; letter-spacing:-0.05em 
}

#scroll-section-0 .main-message.c .c1,
#scroll-section-0 .main-message.c .c2 {color:#555; letter-spacing:-0.04em; line-height:1.4}
#scroll-section-0 .sticky-elem.main-message.c .co1 {color:#212121; font-family: 'NotoSerifKR-Bold'}

#scroll-section-0 .main-message.c p + p {margin-top:1.2em}
#scroll-section-0 .main-message.c .c1,
#scroll-section-0 .main-message.c .c2,
#scroll-section-0 .main-message.c .c3 {opacity:1; font-family: 'NotoSerifKR-Regular'; text-align:center; font-weight:normal}
#scroll-section-0 .main-message.c .c3 {font-size:1.2em; display: inline-block;  color:#41261b;}
#scroll-section-0 .main-message.c .c2 + .c3 {margin-left:0; margin-top:8.3em}

#scroll-section-0 .main-message.c .c3 {font-family: 'NotoSerifKR-Bold'; letter-spacing:-0.05em; line-height:1.35;}
#scroll-section-0 .main-message.c .c3 .letter_fix {display:inline-block; margin-left: 0.15em}

     
#scroll-section-1 {background: rgba(0, 0, 0, 0.9)}
#scroll-section-1 .section01_msgset {text-align:center; font-size: 1.5vw; padding:9em 0; display:flex; justify-content:center; height:100vh; flex-direction:column}
#scroll-section-1 .section01_msgset .section01_msg {color:#fff; text-align:center}
#scroll-section-1 .section01_msgset .section01_msg.a1 {font-size:7em; font-family: NotoSansKR-Bold; letter-spacing: -0.06em; margin-bottom:30px; display:block;
opacity:.7
}
#scroll-section-1 .section01_msgset .section01_msg .grid {display:block}


#scroll-section-1 .section01_msgset .section01_msg.a2,
#scroll-section-1 .section01_msgset .section01_msg.a3,
#scroll-section-1 .section01_msgset .section01_msg.a4 {opacity:.7; font-size:14px; line-height:1.5} 

#scroll-section-1 .section01_bgset {
    background: url(/m/img/sub/section01_img01.jpg) no-repeat center;
    background-size: cover;
    height: 100vh;
    top: 0;
    opacity:1
}

#scroll-section-1 .sticky-elem.section01_txtset {opacity: 1; position:absolute; top: 20vh; margin-left: 0; 
display: flex; justify-content: center; flex-direction: column; letter-spacing:-0.05em;
left: 0; right: 0; margin: auto;  padding: 0 17%; opacity:1; text-align:center}
    
#scroll-section-1 .section01_txtset .section01_msg {color:#fff; font-size:1.5em; font-family: 'NotoSerifKR-Light';}
#scroll-section-1 .section01_txtset .section01_msg .title {display:block; font-family: 'NotoSerifKR-Bold';}
#scroll-section-1 .section01_txtset .section01_msg .text {display:block; margin-top:5px; font-size:.85em}
#scroll-section-1 .section01_txtset .section01_msg + .section01_msg {margin-top:1.4em} 

#scroll-section-1 .section01_txtset .section01_msg.b1 {margin-left:0}
.subContent.flexg #scroll-section-1 .section01_txtset .section01_msg.b1 {margin-left:-90px}



    
    
    #scroll-section-2 .section02_msgset { }
    #scroll-section-2 .section02_msgset .mb_rel {height:100vh}
    #scroll-section-2 .section02_msgset .mb_rel.black {background:#1b1b1b}
    
    
	#scroll-section-2 .sticky-elem.section02_msgset, .section02_msg.b {
	    text-align: center;
	    font-family: NotoSansKR-Regular;
	    line-height: 1.4em;
	    letter-spacing: -0.05em;
	}    
	#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.a {
	    text-align: center;
	   
	    opacity:1;
	    overflow:hidden;
	    display:flex; flex-direction:column; height:100%; justify-content:center
	}    
	
	#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.a .s01 {
		font-size:5.25em; font-family:NotoSansKR-Bold; display:block; line-height: 1.4;  letter-spacing: -0.1em;	   
	    opacity:1;
	    color:#1b1b1b;
	}
	
	#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.a .s02 { 
	font-size:1.2em; color:#1b1b1b; margin-top:10px; font-family: NotoSansKR-Regular; font-weight: normal; letter-spacing:-0.06em; color:#555;
	text-indent:7px
	
	}
	
	#scroll-section-2 .sticky-elem.section02_msgset .s03_flexgrid {display:flex; justify-content:center; align-items:flex-start;
	margin-top:50px; flex-direction:column; align-items:center; height:100%
	}
	#scroll-section-2 .sticky-elem.section02_msgset .s03_flexgrid .s03_flexgrid_tit {font-size:2.35em; color:#fff; line-height:1.2;
	font-family: NotoSansKR-Bold; opacity:0.7
	}
	#scroll-section-2 .sticky-elem.section02_msgset .s03_flexgrid .s03 {margin-top:20px}
	#scroll-section-2 .sticky-elem.section02_msgset .s03_flexgrid .s03 > li {text-align:center; font-size:1em; line-height:1.7;
	font-family: NotoSansKR-light; margin:2px 0 0 0; color:#fff; opacity:0.7; 
	}
    
    
    #scroll-section-2 .section02_msgset .ie_txtinfo {background:#1b1b1b; color:#fff; padding:150px 0; text-align:center}
    #scroll-section-2 .section02_msgset .ie_txtinfo .section02_msg {font-size:1.3vw; font-family:NotoSansKR-thin}
    #scroll-section-2 .section02_msgset .ie_txtinfo .section02_msg.a {font-size:4.5vw; letter-spacing:-0.08em; }
    #scroll-section-2 .section02_msgset .ie_txtinfo .section02_msg.a + .b {margin-top:2em}
    
    #scroll-section-2 .simgset {display:flex; height:100vh}
    #scroll-section-2 .simgset .simg {flex:1; background: url(/img/recruit/section02_img01.jpg) no-repeat center; background-size: cover}
    #scroll-section-2 .simgset .section02_msg {flex:1; display:flex; justify-content:center; flex-direction:column; 
    color:#1b1b1b; font-family:NotoSansKR-thin; letter-spacing:-0.08em
    }
    #scroll-section-2 .simgset .section02_msg.d {text-align:left}
    #scroll-section-2 .simgset .section02_msg .title {display:block; font-size:2vw; padding-left:80px;}
    #scroll-section-2 .simgset .section02_msg .text {display:block; font-size:4vw; font-family:NotoSansKR-bold; line-height:1.15;
    margin-top:.6em; padding-left:80px;
    }
    
    #scroll-section-2 .simgset.num02 { }
    #scroll-section-2 .simgset.num02 .simg {order:2; background: url(/img/recruit/section02_img02.jpg) no-repeat center; background-size: cover}
    #scroll-section-2 .simgset.num02 .section02_msg {order:1; text-align:right}
    #scroll-section-2 .simgset.num02 .section02_msg.e .title {padding-left:0; padding-right:80px}
    #scroll-section-2 .simgset.num02 .section02_msg.e .text {padding-left:0; padding-right:80px}
    
    #scroll-section-2 .simgset.num03 {flex-direction:column}
    #scroll-section-2 .simgset.num03 .simg {background: url(/img/recruit/section02_img03.jpg) no-repeat center; background-size: cover;
    flex:.7
    }
    #scroll-section-2 .simgset.num03 .section02_msg {text-align:center; justify-content:flex-start; margin-top:3em}
    
    
    #scroll-section-3 { overflow:hidden}
	#scroll-section-3 .section03_msg.a {
	    display: block;
	    height: 100vh;
	    top: 0;
	    background: url(/img/recruit/section02_img01s.jpg) no-repeat center;
	    background-size: cover;
	    width: 100%; color:#1b1b1b
	    
	}    

    
	#scroll-section-3 .section03_msg.b {opacity:1; font-size:1.5em; top:27vh; display:flex; justify-content: center;
	align-items:center; position:absolute; z-index:100; left:0; right:0; height:inherit; margin:0; font-family: 'NotoSerifKR-Regular';
	font-weight:bold; color:#1b1b1b; flex-direction:column; font-weight: normal; text-align:center;  
	}   
	#scroll-section-3 .section03_msg.b .b1 {
		color: #1b1b1b; letter-spacing:-0.05em; line-height: 1.4; 
	}
	
	#scroll-section-3 .section03_msg.b .b2 {
 		 font-size:1.2em;  margin-top:2.3em; font-family: 'NotoSerifKR-Bold'; letter-spacing:-0.04em; line-height: 1.35; color:#1878a9 
	}	   
	#scroll-section-3 .section03_msg.b .b2 .indent {
		/* text-indent:-5.5px; */ display:inline-block; white-space:nowrap; display:inline-block
	}    
	
.subContent.flexg #show-scene-3  #scroll-section-3 .section03_msg.b, 
.subContent.flexg #show-scene-3  #scroll-section-3 .section03_msg.a {}
	
    
	#scroll-section-3 .section03_msg.c {display: block; opacity:1; top:0;  left:0; right:0; margin:50px auto 0; position:relative; padding-bottom:80px}

	
	#scroll-section-3 .section03_msg.c .step_outer {    
	overflow: hidden;
    margin-left: 7px;
    margin-top: 0;
    position:relative;
    }
	#scroll-section-3 .section03_msg.c .steplist {margin:0 10px}

		
	#scroll-section-3 .section03_msg.c .steplist > li {    
	
	}
	
	#scroll-section-3 .section03_msg.c .steplist > li + li {margin-top:8px}


	#scroll-section-3 .section03_msg.c .steplist > li .scopy {font-size: 14px; border:2px solid #343434; border-radius:50px; padding:12px; text-align:center; display:block; color:#191919; font-family: NotoSansKR-Bold}
	#scroll-section-3 .section03_msg.c .steplist > li .scopy .num { 
	width:26px; height:26px; background:#262626; border-radius:50%; color:#fff; text-align:center; line-height:26px; display:inline-block;
	margin-right:10px; display:none
	}
	
	#scroll-section-3 .section03_msg.c .steplist > li::after {content:""; display:block; width:14px; height:14px; background:url('/m/img/recruit/step_arr.png') no-repeat 0 0;
	background-size:100%; margin:8px auto 0
	 }
	 
	 #scroll-section-3 .section03_msg.c .steplist > li:last-child::after {display:none}

#scroll-section-3 .section03_msg.c .steplist > li .scopy .mgrid {margin:0 3px 0 7px}	
#scroll-section-3 .section03_msg.c .steplist > li .scopy .light { 
	font-family:NotoSansKR-Light; 
}	
		
#scroll-section-3 .section03_msg.c .lastinfo {text-align:center; margin-top:10px; font-size:13px; line-height:1.5; color:#666; padding: 0 20px; letter-spacing:-0.06em}
#scroll-section-3 .section03_msg.c .lastinfo .btxt {}
#scroll-section-3 .section03_msg.c .lastinfo .btxt > a {font-family: NotoSansKR-Bold} 

#scroll-section-3 .section03_msg.c .lastinfo .link { 
	border-bottom:1px dashed #666; padding:0 5px 0 0	
}
#scroll-section-3 .section03_msg.c .lastinfo .link::after { 	
	content:""; display:inline-block; width:6px; height:7px;
	background:url('/m/img/sub/linkarr.png') no-repeat;
	background-size:100%; vertical-align:middle; margin:0 0 0 5px
}	

.mailview {display: block;
    /* width: 200px; */
    border-radius: 50px;
    margin: 30px auto 0;
    /* text-align: center; */
    padding: 0 20px;
    font-size: 14px;
    font-family: NotoSansKR-Bold;
    color: #1b1b1b;
    text-align:center
}

.mailview::before {content:""; display:inline-block; width:15px; height:11px; background:url('/img/recruit/email_ico.png') no-repeat 0 0;
background-size:100%; vertical-align:middle; margin:0 5px 3px 0; display:none}
/*
.mailview::after {content:""; display:inline-block; width:9px; height:9px; background:url('/img/recruit/email_arr.png') no-repeat 0 0;
background-size:100%; vertical-align:middle; margin:0 0 3px 15px}
*/

[id^="scroll-section"] .light { font-family:NotoSansKR-Thin; font-weight: normal}
[id^="scroll-section"] .bold { font-family:NotoSansKR-Bold; font-weight: normal}
[id^="scroll-section"] .mbold {font-family: 'NotoSerifKR-Bold'; font-weight:normal}

.ptview_tab {padding:0 0 23px 0; width:325px; margin:0 auto}
.ptview_tab > ul {text-align:center}
.ptview_tab > ul > li {display:inline-block;}
.ptview_tab > ul > li > a {display:block; color:#555555; font-size:14px; padding:5px 0}
.ptview_tab > ul > li + li > a::before {content:""; display:inline-block; width:1px; height:5px; background:#717171; vertical-align:middle; margin:0 8px 2px 8px}

.ptview_tab > ul > li:nth-child(5) > a::before {display:none}

.ptview_tab > ul > li.on > a {color:#d24069}

.m_lecture_slider {height:120px; position:relative; margin-top:20px; overflow: hidden; border-radius: 5px; clip-path: content-box;}
.m_lecture_slider .img {height:100%; display:flex; align-items:center; position:absolute;
	top:0; left:0; right:0; bottom:0; transition:opacity .5s linear; overflow: hidden;}
.m_lecture_slider .img.on {animation:scaleAni 5s linear backwards}


.m_lecture_slider .img .simg {position:absolute; top:0; left:0; right:0; bottom:0}
.m_lecture_slider .img.slide1 .simg {background:url('/m/img/sub/m_study_viewimg01.png') no-repeat center;
	background-size:cover; height:100%}
.m_lecture_slider .img.slide2 .simg {background:url('/m/img/sub/m_study_viewimg02.png') no-repeat center;
	background-size:cover; height:100%}
.m_lecture_slider .img.slide3 .simg {background:url('/m/img/sub/m_study_viewimg03.png') no-repeat center;
	background-size:cover; height:100%}
.m_lecture_slider .img.slide4 .simg {background:url('/m/img/sub/m_study_viewimg04.png') no-repeat center;
	background-size:cover; height:100%}
.m_lecture_slider .img.slide5 .simg {background:url('/m/img/sub/m_study_viewimg05.png') no-repeat center;
	background-size:cover; height:100%}

	
@keyframes scaleAni { 
	0% {transform:scale(1.15)}
	100% {transform:scale(1)}
}

.m_lecture_slider .img:nth-child(1) {z-index: 50}
.m_lecture_slider .img:nth-child(2) {z-index: 40}
.m_lecture_slider .img:nth-child(3) {z-index: 30}
.m_lecture_slider .img:nth-child(4) {z-index: 20}
.m_lecture_slider .img:nth-child(5) {z-index: 10}



.write.nty1 { }
.write.nty1 select.sset {height:36px; border: 1px solid #c6c6c6}
.write.nty1 .sulist { }
.write.nty1 .sulist li {overflow: hidden; margin: -5px 0 0 -5px}
.write.nty1 .sulist li label {display:inline-block; margin:5px 0 0 5px}
.write.nty1 td .tip {color:#3d0e12; margin-top:10px; margin-left:5px}
.write.nty1 td .tip::before {content:""; display:inline-block; width:14px; height:14px; background:url('/img/sub/alliancetip.png') no-repeat 0 0;
vertical-align:middle; margin:0 5px 3px 0
 }
 
.write.nty1 td .link {border-bottom:1px dashed #666; padding:0 0 3px 0}
.write.nty1 td .link::after {content:""; display:inline-block; width:5px; height:6px; background:url('/img/sub/alliance_arrow.png') no-repeat 0 0;
vertical-align:middle; margin:0 0 3px 5px

} 


/* *********************************************************  포트폴리오 리스트  ********************************************************* */
.port-grid {
  background: #fff;
  overflow: hidden; margin-left:-13px

}

.port-outer {margin:0 5vw; overflow:hidden; margin-top: 47px; }
.port-outer * {font-family: 'NotoSansKR-Regular'}
/* clearfix */
.port-grid::after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.port-grid .grid-item {
  width: calc((100% / 2) - 16px);
  margin: 0 0 35px 15px;	
  float: left;
  background: #fff;
  border-radius: 10px;
  overflow:hidden;
  border: 1px solid #e9e9e9;	  
}
.port-grid .grid-item > a {display:block;border-bottom: 1px solid #e3e3e3; max-height:500px; overflow:hidden}

.port-grid .grid-item img {width:100%}


.port-grid .grid-item--width2 { width: 320px; }
.port-grid .grid-item--width3 { width: 480px; }
.port-grid .grid-item--width4 { width: 640px; }

.port-grid .grid-item--height2 { height: 200px; }
.port-grid .grid-item--height3 { height: 260px; }
.port-grid .grid-item--height4 { height: 360px; }


.port-grid .grid-item .portfolio-txt-wrap {padding: 6px 8px 11px 8px; letter-spacing:-0.03em}
.port-grid .grid-item .portfolio-txt-wrap * {font-family:"NotoSansKR-Regular"}
.port-grid .grid-item .portfolio-txt-wrap .portfolio-lec { 
	font-size: 10px;
    font-weight: normal;
    font-family:NotoSansKR-Bold; 
    color: #282A29;
    letter-spacing: -0.9px;
}
.port-grid .grid-item .portfolio-txt-wrap .portfolio-btm-txt {margin-top:0; line-height:1}
.port-grid .grid-item .portfolio-txt-wrap .portfolio-btm-txt .port-studentName { 
    font-size: 9px;
    letter-spacing: -0.7px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display:inline-block; vertical-align:middle

}
.port-grid .grid-item .portfolio-txt-wrap .portfolio-btm-txt .port-studentName::before {
	content:"";
	display:block;
	width: 25px;
	height:1px;
	background:#c7c7c7;
	margin-top: 11px;
	margin-bottom: 4px;
	display:none
}

.port-grid .grid-item .portfolio-txt-wrap .portfolio-btm-txt .port-click {display:inline-block; vertical-align:middle; display:none}
.port-grid .grid-item .portfolio-txt-wrap .portfolio-btm-txt .count {display:block;margin-top: 2px;font-size: 9px;color:#757575;}
.port-grid .grid-item .portfolio-txt-wrap .portfolio-btm-txt .count::before {
	content:"view.";display:inline-block; font-weight:bold;
	display:none;
/*
width: 17px;height: 17px;
background:url('/img/sub/portfolio_click_icon01.png') no-repeat 0 0;
background-size: 100%;
*/
vertical-align:middle;margin:0 3px 3px 0;
}

.page-load-status {
  display: none; /* hidden by default */
  padding-top: 20px;
  border-top: 1px solid #DDD;
  text-align: center;
  color: #777;
}
		
.loader-ellips {
  font-size: 20px; /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #555; /* change color here */
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}		


.grid__col-sizer {
  width: 32%;
}

.grid__gutter-sizer { width: 2%; }