@charset "utf-8";

h3{font-size:21px;letter-spacing:-0.05em;padding:0 0 10px 10px;color:#333;}
h4 {background:url('/img/sub/dot_04.gif') no-repeat 0 7px;padding-left:10px;margin:10px 0;font-size:15px;color:#0a1726;}

/* 수강후기 로그아웃버튼에 사용됨  */
.float_r {float:right;}

.txtLight{font-weight:100;}
.tc {text-align:center !important}
.tr {text-align:right !important}
.tl {text-align:left !important}
.bb0{border-bottom:0px}
.mb0{margin-bottom:0px;}

#subwrap {width:100%;min-width:1180px;position:relative;height:auto;background:#fff;padding-top:104px;}
.subNavLine {width:100%;height:32px;background:#B3B3B3;border-top:1px solid #000;}
.subNavLineBox {width:1180px;margin:0 auto;}
.subNavLineBox ul{float:right;}
.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:-4px;}
.subNavLineBox ul li+li{background:url('/img/sub/s_nav_arrow.png') no-repeat 0 12px;}
.subNavLineBox ul li a span{color:#fff;}

.tabMenu{display:none;}
.subptit{text-align:center;width:100%;padding:60px 0px;}
.tit001{padding-bottom:15px;}
.tit002{padding-bottom:15px;font-size:29px;letter-spacing:-0.05em;font-weight:bold;color:#333;}
.tit003{font-size:13px;display:block;width:100%;line-height:18px;color:#808486;font-weight:300;letter-spacing:-0.025em}
.mt_30 {margin-top:30px;}
.txt {width:950px;font-size:11pt;letter-spacing:-0.05em;line-height:23px;}
.txt_ul {margin-top:10px;font-size:11pt;list-style-type:decimal;padding-left:15px;}
.txt_ul li {padding-left:10px;line-height:23px;width:900px;list-style-type:none;background:url(/img/sub/li_01.gif) no-repeat 0 10px;}
.txt_ul2 {margin-top:10px;font-size:11pt;list-style-type:decimal;padding-left:15px;}
.txt_ul2 li {padding-left:10px;font-size:10pt;line-height:23px;width:900px;list-style-type:none;background:url(/img/sub/li_02.gif) no-repeat 0 10px;}
.txt_ol {margin-top:10px;font-size:11pt;list-style-type:decimal;padding-left:15px;}
.txt_ol li{margin:0 0 0 10px;;line-height:23px;width:900px;}
.dot05 {background:url('/img/sub/dot_05.gif') no-repeat 0 50%;padding-left:10px;}

.subContent{width:100%;float:left;position:relative;padding-bottom:70px;}

/* 고객상담센터인데 사용안하고 있음(스토리탭을 같이 사용중)  */
.help_tab {margin-bottom:60px;}
.help_tab ul:after {content:'';display:block;overflow:hidden;clear:both}
.help_tab ul {}
.help_tab ul li{width:16.66%;padding:5px;border-top:1px solid #c6c9ca;border-left:1px solid #c6c9ca;border-bottom:1px solid #333;box-sizing:border-box;text-align:center;float:left;border-right:none;background:#fafafa;}
.help_tab ul li:last-child{border-right:1px solid #c6c9ca;}
.help_tab ul li a {display:block;width:100%;line-height:35px;font-size:14px;color:#333;}
.help_tab ul li.on {border-top:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;border-bottom:none;background:#fff;}

/* 취업지원센터인데 사용안하고 있음(스토리탭을 같이 사용중)  */
.center_tab {margin-bottom:60px;}
.center_tab ul:after {content:'';display:block;overflow:hidden;clear:both}
.center_tab ul {font-family:'NanumGothic';}
.center_tab ul li{width:33.333333%;padding:5px 0;border-top:1px solid #c6c9ca;border-left:1px solid #c6c9ca;border-bottom:1px solid #333;box-sizing:border-box;text-align:center;float:left;border-right:none;background:#fafafa;}
.center_tab ul li:last-child{border-right:1px solid #c6c9ca;}
.center_tab ul li a {display:block;width:100%;line-height:35px;font-size:15px;color:#333;}
.center_tab ul li.on {border-top:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;border-bottom:none;background:#fff;}

.wr_tb table th {text-align:center !important;padding-left:0 !important;}
.write table {border-top:1px solid #535f63;border-bottom:1px solid #535f63;font-family:NotoSansKR-Regular;}
.write table th {padding:17px 0 17px 0px;background-color:#d2d2d2;border-bottom:1px solid #c3c3c3;text-align:center; color:#3B3B3B;font-weight:normal}
.write table th input[type="checkbox"] {position:relative;top:-1px;margin-left:4px}
.write table th.bgw {background-color:#ffffff;padding:0;color:#414c50;font-family:NotoSansKR-Regular;}
.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;}
.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:30px;width:697px}
.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}

.write.nty1 { }
.write.nty1 td input[type="text"] {padding: 7px 12px}
.write.nty1 td select { padding: 0 12px}
.write.nty1 td label + label {margin-left:20px}
.write.nty1 td .tip {color:#3d0e12; margin-top: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

} 
.write.nty1 .conselInfo {display:flex; justify-content:space-between; align-items:flex-end}
.write.nty1 .conselInfo .tel {font-size:14px; color:#212121}

.write td input[type='checkbox'] {margin:0 0 2px 0}



/* notice에 사용중*/
.list table {border-top:1px solid #919194;border-bottom:1px solid #919194;font-family:'NanumGothic'}
.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 {height:48px;text-align:center;font-weight:bold;}
.list table tbody tr:hover{background:#fbfcfc;}
.list table tbody tr:hover .tl{text-decoration:underline;}
.list table td {border-top:1px solid #e0e0e0;height:48px;text-align:center;color:#414c50}
.list table tbody td.tl2 {text-align:left;padding-left:15px}
.list table td strong {font-size:14px}
.list table td span.red {color:#f15e6f}
.list table td em {font-weight:bold;color:#818e92}
.list table td a {color:#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}

/* bbs_view */
.bbs_view {border-top:1px solid #4d595d;border-bottom:1px solid #818384;margin:0px 0 40px 0}
.bbs_view table {border-top:1px solid #697376}
.bbs_view table thead th, .bbs_view table thead td {background-color:#eceded;border-bottom:1px solid #cdd0d1;padding:18px 30px}
.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}
.bbs_view table thead td.day {padding:18px 0}
.bbs_view table tbody td {text-align:center;padding:50px 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;font-family:'NanumGothic'}
.bbs_view .congrat_tt2 {font-size:14px;font-family:'NanumGothic';font-weight:bold;color:#bb9f04;margin-top:40px}

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

select::-ms-expand {display:none;/* 화살표 없애기 for IE10, 11*/}
.styled-select {position:relative;display:inline-block;font-size:12px;}
.styled-select select {width:100%;font-size:12px;margin:0;background:url(/img/common/select_arrow.png)no-repeat 95% center white;color:#79797a;border:1px solid #cdd3d4;outline:none;display:inline-block;padding:2px 2px 4px 2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
.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:28px;}
.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:13px;padding-bottom:10px; font-family: NotoSansKR-Regular}
.inc_qna_easy001 {font-size:11px !important;margin-top:10px;letter-spacing:-0.8px;color:#939393; font-family:NotoSansKR-Regular}
.col4 li{width:33%;display:inline-block;padding:5px;}
.col2 li{width:48%;display:inline-block;padding:5px;}
.conselInfo02{font-size:21px;padding-bottom:10px;padding-top:30px;letter-spacing:-0.05em;}
.agree_box {border:1px solid #c9cdcf;background-color:#fafafa;overflow-y:auto;overflow-x:hidden;height:90px;padding:10px 30px;line-height:19px;color:#81888c;font-family:'NanumGothic';margin-top:10px;}
.agree_t {text-align:right;margin-top:15px;position:relative;vertical-align:top;}
.agree_t .help_info, .agree_t .help_info2 {position:absolute;left:0}
.agree_t input {position:relative;top:-1px}
.agree_t * {vertical-align:middle}
.agree_t label {margin-left:3px;font-family:'NanumGothic';color:#6a7175}

.help_info {display:inline-block;color:#6a7175;font-family:'NanumGothic';background:url('/img/sub/blt_help.gif') no-repeat 0 0;padding-left:16px}
.userInfo{padding-top:30px;}

/*sub_간편수강문의 넓이 수정*/
.w240 {width:276px !important;}
.w50 {width:50px;}
.pass_call .userInfo {width:886px;margin-left:30px;}
.join a {text-align:center;line-height:50px;display:inline-block;height:50px;overflow:hidden;width:190px;border-radius:8px;box-shadow:0 2px 2px rgba(0,0,0,.24), 0 0 2px rgba(0,0,0,.12);text-shadow:1px 1px 3px rgba(0,0,0,0.3);background:#4e4e4e;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-size:17px;font-weight:600;}
.join a:hover{opacity:0.9;}
.btn_add, .btn_e, .btn_cm02, .btn_yellowB, .btn_list2 {background:#333;color:#fff !important;}
.mgt70 {margin-top:30px;margin-bottom:50px;}
.mgb30 {margin-bottom:30px;}
.btn_c {text-align:center;}
.write table td textarea {height:60px;width:697px;}
.btn_cm01 {background:#ccc;color:#fff !important;}

.story_tab {margin-bottom:60px;}
.story_tab ul:after {content:'';display:block;overflow:hidden;clear:both}
.story_tab ul {font-family:'NanumGothic';}
.story_tab ul li{width:33.333333%;padding:5px 0;border-top:1px solid #e0e5e8;border-left:1px solid #e0e5e8;border-bottom:1px solid #333;box-sizing:border-box;text-align:center;float:left;border-right:none;background:#ffffff;}
.story_tab ul li:last-child{border-right:1px solid #c6c9ca;}
.story_tab ul li a {display:block;width:100%;line-height:35px;font-size:12px;color:#888888;font-weight:600;}
.story_tab ul li.on {border-top:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;border-bottom:none;background:#fff;color:#333;font-weight:600;}
.story_tab ul li.on a {color:#333;}
.story_tab ul li.over a {font-weight:bold;}

/* 쪽번호_리뉴얼 */
.paging {margin:50px 0;text-align:center;position:relative}
.paging * {vertical-align:top}
.paging > a {display:inline-block;height:20px;line-height:19px;color:#afafaf;font-family:Malgun Gothic;font-size:15px;margin-right:10px;text-decoration:none;}
.paging a.on {color:#565656;font-family:Malgun Gothic;}
.paging a.pv {width:20px;height:20px;border-radius:13px;position:relative;margin:0;background:#646464;color:white;line-height:16px;font-size:14px;font-weight:400;}
.paging a.first {background-position:0 0;margin-right:8px;letter-spacing:-5px;padding:0 5px 0 0;}
.paging a.prev {background-position:-24px 0;margin-right:20px;cursor:pointer !important;opacity:1 !important}
.paging a.next {background-position:0 -24px;margin-left:10px;cursor:pointer !important;opacity:1 !important;padding:0 0 0 2px;}
.paging a.last {background-position:-24px -24px;margin-left:8px;letter-spacing:-5px;padding:0 4px 0 0;}
.paging a.pprev {background-position:-24px 0;margin-right:50px}
.paging a.nnext {background-position:0 -24px;margin-left:50px}
.paging .btn_wrap.right {position:absolute;right:0;top:0;margin-top:0}
.mt60{margin-top:60px;}
/* 쪽번호_리뉴얼 :e */

/* job_tab */
.job_tab {margin-bottom:60px;}
.job_tab ul:after {content:'';display:block;overflow:hidden;clear:both}
.job_tab ul {}
.job_tab ul li{width:25%;padding:5px;border-top:1px solid #c6c9ca;border-left:1px solid #c6c9ca;border-bottom:1px solid #333;box-sizing:border-box;text-align:center;float:left;border-right:none;background:#fafafa;}
.job_tab ul li:last-child{border-right:1px solid #c6c9ca;}
.job_tab ul li a {display:block;width:100%;line-height:35px;font-size:14px;color:#333;}
.job_tab ul li.on {border-top:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;border-bottom:none;background:#fff;}

/* tab 2 동의서 및 개인정보 페이지에서 사용 */
.tab_02 {margin-bottom:60px;}
.tab_02 ul:after {content:'';display:block;overflow:hidden;clear:both}
.tab_02 ul {}
.tab_02 ul li{width:50%;padding:5px;border-top:1px solid #c6c9ca;border-left:1px solid #c6c9ca;border-bottom:1px solid #333;box-sizing:border-box;text-align:center;float:left;border-right:none;background:#fafafa;}
.tab_02 ul li:last-child{border-right:1px solid #c6c9ca;}
.tab_02 ul li a {display:block;width:100%;line-height:35px;font-size:14px;color:#333;}
.tab_02 ul li.on {border-top:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;border-bottom:none;background:#fff;}

/* selfInfo */
.acaImg{padding-bottom:30px;}
.acaImg img {width:150px }
.acaInfo{width:100%;padding:80px 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;}

/* 새로운 코딩(디자인과정,자격증과정 리뉴얼)css */
.lec_main{padding-top:50px;}
.lec_mainImg{padding-left:50px;width:100%;height:250px;}
.lec_line01{padding-top:190px;}
.lec_line02{padding-top:152px;}
.lec_main_content{margin-top:10px;}

.main_banner_ButBox{float:left;}
.main_banner_ButBox .main_banner_but_B{display:block;text-align:center;font-family:Nanumsquare;width:124px;padding:4px 5px 4px 5px;font-size:14px;border:1px solid #333333;color:#333333;background-color:transparent;}
.main_banner_ButBox .main_banner_but_B:hover {color:#ffffff;background-color:#333333;cursor:pointer;}
.main_banner_ButBox .main_banner_but_W{display:block;text-align:center;font-family:Nanumsquare;width:124px;padding:4px 5px 4px 5px;font-size:14px;border:1px solid #ffffff;color:#ffffff;background-color:transparent;}
.main_banner_ButBox .main_banner_but_W:hover {color:#333333;background-color:#ffffff;cursor:pointer;}

.lec_sub_banner{box-shadow:1px 2px 5px #c9c9c9;}
.lec_sub_bannerImg{padding-top:200px;width:100%;height:280px;}

.lec_sub_bannerImg .content .banner_ButBox {display:none}

.banner_ButBox{float:left;}
a.banner_but_B{font-family:Nanumsquare;padding:5px 17px 5px 17px;font-size:17px;border:1px solid #333333;color:#333333;background-color:transparent;}
a.banner_but_B:hover {color:#ffffff;background-color:#333333;cursor:pointer;}
a.banner_but_W{font-family:Nanumsquare;padding:5px 17px 5px 17px;font-size:17px;border:1px solid #ffffff;color:#ffffff;background-color:transparent;}
a.banner_but_W:hover {color:#333333;background-color:#ffffff;cursor:pointer;}


.lec_main .main_banner_ButBox a {}


.main_banner_ButBox .main_banner_but_B,
.main_banner_ButBox .main_banner_but_W {font-family:NotoSansKR-Regular; width:116px;
 border-radius:5px; font-size:11px
}

.main_banner_ButBox .main_banner_but_B {border-color:rgba(0,0,0,.2); }
.main_banner_ButBox .main_banner_but_W {border-color:rgba(255,255,255,.3); }
.lec_main_content {margin-top:8px}

.lec_main .lec-main-box-outer {margin:-9px 0 0 -8px; overflow:hidden}
.lec_main.web .lec-main-box-outer {width:750px}
.lec_main.edt .lec-main-box-outer {width:750px}
.lec_main.int .lec-main-box-outer {width:792px}
.lec_main.motion .lec-main-box-outer {width:750px}
.lec_main.cg .lec-main-box-outer {width:750px}
.lec_main .main_banner_ButBox {margin:8px 0 0 8px}

.tabMenu.lec_menu{margin-top:50px;}

.N_curri{width:100%;}
.curri_main{margin-top:50px;}
.curri_main_leftBox{width:730px;height:500px;float:left;}
.curri_main_leftBox .curri_mainTxt{margin-left:-20px;}
.curri_mainImg{    
	margin-top: 40px;
    margin-right: 2px;
    float: right;
 }
.curri_subTxt{width:700px;height:120px;font-size:17px;font-family:Nanumsquare;font-weight:500;line-height:1.6;padding-top:5px;padding-left:5px;color:#333333;}
.curii_lcsBox {margin-top:40px;}
.curii_lcsBox.ty1 {letter-spacing:-0.05em}
.curii_lcsBox.ty1::after { 
	content:""; display:block; clear:both	
}
.curii_lcsBox.ty1 .curri_lcsTit {font-size:11px; color:#9a9b9c; display:inline-block; vertical-align:middle; margin-top:3px}
.curii_lcsBox.ty1 .curri_lcsTit::after {content:""; display:inline-block; width:12px; height:6px; 
background:url('/img/sub/curii_lcsBox_flag.png') no-repeat 0 0; vertical-align:middle; margin-left:5px; opacity:.5
}
.curii_lcsBox.ty1 .curri_lcsBut {background:#fff; box-shadow: 0 2px 5px #d4d4d4; padding:9px 10px; border-radius:7px}
.curii_lcsBox.ty1 .curri_lcsBut + .curri_lcsBut {margin-left:10px} 
.curii_lcsBox.ty1 .curri_lcsBut_box {display:inline-block; vertical-align:middle; padding:0; margin-left:10px}
.curii_lcsBox.ty1 .curri_lcsBut_box .bold {font-family: 'NotoSansKR-Black'; color:#242525; margin-right:5px}



.curri_lcsTit{font-size:18px;font-family:Nanumsquare;font-weight:bold;color:#333333;}
.curri_lcsBut_box{padding-top:8px;}
.curri_lcsBut{float:left;padding-left:10px;}



.N_curriDeTIt-outer {position:relative; margin-top: -28px; z-index: 100; clear:both}
.N_curriDeTIt-outer::after {
	content:""; display:block; position:absolute; top:9px; bottom:9px; left:0; right:0; background:#f3f3f3;
	z-index:0
}
.N_curriDeTIt-outer .N_curriDeTIt {width:1222px; margin:0 auto} 

.N_curriDeTIt{padding-bottom:10px;width:100%; margin-bottom:60px;}
.N_ctableArea{width:100%;margin-right:30px;}
.N_ctableArea table{width:100%;font-size:13px;}
.N_ctableArea table tr th, .N_ctableArea table tr td {padding:10px 0;border:0.5px solid #dddddd;text-align:center;letter-spacing:-0.02em;}
.N_ctableArea table tr th {background:#333333;font-weight:700;color:#ffffff;}
.N_ctableArea table tr td {padding:8px 10px;font-weight:100;}
.N_ctableArea table .txt_line {text-align:left;line-height:1.6;padding:10px 10px;border-right:0px;}
.N_ctableArea table .txt_line span.lightTxt{color:#9b9b9b;}

.curri_FocTit{font-size:25px;text-align:center;font-family:Nanumsquare;font-weight:700;color:#333333;}
.curri_FocTxt {
    padding-top: 20px;
    padding-bottom:55px;
    font-size: 20px;
    text-align: center;
    font-family: 'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';
    font-weight: 500;
    color: #333333;
    letter-spacing: -0.5px;
 }
.curri_FocImg{width:100%}
.curri_Focus.type1 {width:1222px; margin:5px auto 0; position:relative; z-index:1}
.curri_Focus.type1 * {font-family:"NotoSansKR-Regular"; font-weight:normal}
.curri_Focus.type1 .curri_FocTit {position:relative}

.curri_Focus.type1 .curri_FocTit .hd4 {font-size:16px; color:#212121; font-weight:normal; letter-spacing:9px; margin:0; background:none;
position:relative; display:inline-block
}
.curri_Focus.type1 .curri_FocTit .hd4::before {content:""; display:block; 
width:354px; height:46px; background:url('/img/sub/curri_FocTit_left.png') no-repeat 0 0;
position:absolute; top:11px; left:-369px
}
.curri_Focus.type1 .curri_FocTit .hd4::after {content:""; display:block; 
width:354px; height:46px; background:url('/img/sub/curri_FocTit_right.png') no-repeat 0 0;
position:absolute; top:11px; right:-369px
}


.curri_Focus.type1 .curri_FocTit .hd4 .bold {font-family: 'NotoSansKR-Bold'}
.curri_Focus.type1 .curri_FocTit .subtxt {color:#595858; font-size:13.34px; margin-top:3px; letter-spacing:-0.05em}

.curri_Focus.type1 .curri-focus-content {display:flex; margin-top:30px; position:relative}
.curri_Focus.type1 .curri-focus-content::after { 
	content:""; display:block; position:absolute; top:11px; bottom:11px; left:0; right:0;     background: linear-gradient(152deg, rgba(193,191,230,1) 0%, rgba(234,136,222,1) 100%); z-index:0
		
}

.curri_Focus.type1 .curri-focus-content .curri-box {
	flex:1; background:#fff; border-radius:5px; height:120px; box-shadow: 0 0 5px #b2b2b2; 
	padding:19px 22px 25px 22px;
	position:relative; z-index:1
	}
	
.curri_Focus.type1 .curri-focus-content .curri-box::after { 
	content:""; display:block; width:14px; height:13px; background:url('/img/sub/curri_focus_plusicon.png') no-repeat 0 0;
	position:absolute; top:9px; right:9px	
}	
.curri_Focus.type1 .curri-focus-content .curri-box + .curri-box {margin-left:17px} 
.curri_Focus.type1 .curri-focus-content .curri-box .txtinfo {font-family: 'NotoSansKR-Regular'; letter-spacing:-0.05em}
.curri_Focus.type1 .curri-focus-content .curri-box .txtinfo .hd5 {font-family: 'NotoSansKR-Bold'; font-weight:normal; font-size:13px; color:#5b5b5b}
.curri_Focus.type1 .curri-focus-content .curri-box .txtinfo .stxt {font-size:13px; color:#747474; margin-top:10px; word-break: keep-all}

/* 새로운 코딩(디자인과정,자격증과정 리뉴얼)css */
.lecture_spc {margin-top:100px}
.leture_spc_content {padding-top:44px}
.leture_spc_txt { 
    margin-top: 20px;
    font-size: 20px;
    text-align: center;
    font-family: 'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';
    font-weight: 500;
    color: #333333;
    letter-spacing: -0.5px;
    position:relative		
}
.leture_spc_txt::before { 
	content:""; display:block; position:absolute; width:32%; height:1px;  top:50%; left:0;
	background:url('/img/sub/lecture_spc_dotline.png') repeat-x
}
.leture_spc_txt::after { 
	content:""; display:block; position:absolute; width:32%; height:1px;  top:50%; right:0;
	background:url('/img/sub/lecture_spc_dotline.png') repeat-x
}

.lecture_spc.lic .leture_spc_txt::before {width:37.5%}
.lecture_spc.lic .leture_spc_txt::after {width:36.5%}
.lecture_spc.lic .leture_spc_txt {text-indent:8px}

.lecture_slider {height:202px; position:relative; margin-top:20px; overflow: hidden; border-radius: 5px; clip-path: content-box;}
.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;}
.lecture_slider .img.on {animation:scaleAni 5s linear backwards}


.lecture_slider .img .simg {position:absolute; top:0; left:0; right:0; bottom:0}
.lecture_slider .img.slide1 .simg {background:url('/img/sub/study_viewimg01.jpg') no-repeat center;
	background-size:cover; height:100%}
.lecture_slider .img.slide2 .simg {background:url('/img/sub/study_viewimg02.jpg') no-repeat center;
	background-size:cover; height:100%}
.lecture_slider .img.slide3 .simg {background:url('/img/sub/study_viewimg03.jpg') no-repeat center;
	background-size:cover; height:100%}
.lecture_slider .img.slide4 .simg {background:url('/img/sub/study_viewimg04.jpg') no-repeat center;
	background-size:cover; height:100%}
.lecture_slider .img.slide5 .simg {background:url('/img/sub/study_viewimg05.jpg') no-repeat center;
	background-size:cover; height:100%}
	
@keyframes scaleAni { 
	0% {transform:scale(1.15)}
	100% {transform:scale(1)}
}

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

/*디자인과정,자격증과정 두번째 추가 리뉴얼*/
.csBannerImg {width:100%;padding-top:76px;}
#pbook_frm + .csBannerImg {padding-top:30px}
.csBannerImg .csBannerBody{float:left;}
.csBannerImg .csBannerBtn a{float:left;background:url('/img/sub/cs_banner_off.png') no-repeat;width:246px;height:70px;}
.csBannerImg .csBannerBtn a:hover{background:url('/img/sub/cs_banner_on.png') no-repeat;}

.curriTimeTableWrap{margin-top:100px;}
.curriTimeTableWrap .timeTableTitTxt{padding-top:20px;font-size:20px;text-align:center;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-weight:500;color:#333333;letter-spacing:-0.5px;}
.curriTimeTableWrap .timeTableBody{margin-top:35px;}
.curriTimeTableWrap .timeTableBody .scheduleGrapBoxLeft{width:318px;float:left;margin-left:120px;}
.curriTimeTableWrap .timeTableBody .scheduleGrapBoxRight{width:318px;float:right;margin-right:120px;}
/* .curriTimeTable .timeTableWrap table .txt_line {text-align:left;line-height:1.6;padding:10px 10px;border-right:0px;} */
/* .curriTimeTable .timeTableWrap .timeTableInfo{margin-top:38px;} */
/* .curriTimeTable .timeTableWrap .timeTableInfo .scheduleInquiryBtn a{background:url('/img/sub/scheduleInquiryBtn_off.png') no-repeat;width:194px;height:56px;display:block;} */
/* .curriTimeTable .timeTableWrap .timeTableInfo .scheduleInquiryBtn a:hover{background:url('/img/sub/scheduleInquiryBtn_on.png') no-repeat;} */
/* .curriTimeTable .timeTableWrap .timeTableInfo .timeTableInfoTxt{width:365px;margin-left:-72px;margin-top:13px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';color:#606060;font-size:14px;letter-spacing:-1px;} */

.lecProcedure{margin-top:120px;}
.lecProcedure .proSubTxt{padding-top:20px;font-size:20px;text-align:center;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-weight:500;color:#333333;letter-spacing:-0.5px;}
.lecProcedure .lecProcedureImg{width:100%;padding-top:60px;padding-bottom:200px;}

/* 추가적인디자인 */
.scheduleInfo{float:left;width:194px;margin-left:65px;}
.scheduleInfo .ViewSelect{}
.scheduleInfo .ViewSelect .ViewSelectBtn{background:url('/img/sub/viewSelectGraph.png') no-repeat;width:114px;height:31px;margin-left:36px;}
.scheduleInfo .ViewSelect .ViewSelectBtn.table{background:url('/img/sub/viewSelectTable.png') no-repeat;}
.scheduleInfo .ViewSelect .ViewSelectTxt{text-align:center;margin-top:5px;font-size:13.5px;letter-spacing:-0.2px;color:#888888;}
.scheduleInfo .scheduleInquiry{margin-top:95px;}
.scheduleInfo .scheduleInquiry .scheduleInquiryBtn a{background:url('/img/sub/scheduleInquiryBtn_off.png') no-repeat;width:194px;height:56px;display:block;}
.scheduleInfo .scheduleInquiry .scheduleInquiryBtn a:hover{background:url('/img/sub/scheduleInquiryBtn_on.png') no-repeat;cursor:pointer;}
.scheduleInfo .scheduleInquiry .scheduleInfoTxt{margin-top:13px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';color:#959595;font-size:11px;letter-spacing:-1.5px;text-align:center;line-height:15px;}

.madal_content {display:none;position:absolute;top:0;left:50%;margin-left:-135px;width:280px;height:337px;border-radius:10px;background-color:white;z-index:998;overflow:auto;box-shadow:1px 5px 10px #3c3c3c;overflow:hidden;}
.madal_content .modal_title{background:#3c3c3c;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';}
.madal_content .modal_title .modal_title_top{border-bottom:1px solid #9d851e;padding:15px 17px;}
.madal_content .modal_title .modal_title_top p{float:left;color:#fece00;font-size:20px;font-weight:700;letter-spacing:-0.8px;}
.madal_content .modal_title .modal_title_top a{color:white;float:right;font-size:20px;font-weight:100;}
.madal_content .modal_title .modal_title_bottom{color:white;padding:8px 17px 12px;}
.madal_content .modal_title .modal_title_bottom p{font-size:14px;font-weight:100;letter-spacing:-0.3px;line-height:19px;font-family:'NanumGothic', 'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';color:#dadada;}
.madal_content .modal_inquiry{padding:8px 17px;}

/* 모달창_간편수강료 */
.userInfo_modal .userInfoInput table  tbody th{text-align:left;font-size:14px;font-weight:700;padding:10px 0px;}
.userInfo_modal .userInfoInput .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 .userInfoInput .modal_check_busan label{font-size:13px;}
.number-select .number-select-button {background-color:#3c3c3c;right:0;top:0;position:absolute;pointer-events:none;width:18px;height:28px;}
.number-select-button .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 #fece00;}
.number-select{position:relative;display:inline-block;font-size:12px;}
.number-select select {width:100%;font-size:12px;margin:0;}
.madal_inc_btn{background:url('/img/sub/modalInquiryBtn_off.png') no-repeat;width:136px;height:42px;cursor:pointer;margin:0 auto;margin-top:10px;}
.madal_inc_btn a{width:136px;height:42px;display:inline-block;}
.madal_inc_btn:hover{background:url('/img/sub/modalInquiryBtn_on.png') no-repeat;}


.agreement{margin-top:14px;font-family:'NanumGothic', 'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';color:#8a8a8a;}
.agreement .agree_txt{float:left;}
.agreement .agree_cont_view{float:right;}
.agreement .agree_cont_view p{}
.agreement .agree_cont_view p a{font-size:10px;font-family:'nanumsquare';letter-spacing:-1px;color:#8a8a8a;}
.agreement .agree_txt input{width:11px;}
.agreement .agree_txt * {vertical-align:middle}
.agreement .agree_txt label {margin-left:-2px;letter-spacing:-0.5px;font-size:11px;}


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

.agreement_myCourse .agree_txt,
.agreement .agree_txt {float:left;width:60%; padding-left:5px}

.agreement_myCourse .agree_txt {width:inherit}


.agreement_myCourse .agree_cont_view,
.agreement .agree_cont_view {width:40%;float:right;text-align:right; margin-top:2px}
.agreement_myCourse .agree_cont_view {margin-top:0}


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

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

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

.agreement_myCourse .inputset.chk input[type="checkbox"] + label::before
.agreement .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,
.agreement .inputset.chk input[type="checkbox"]:checked + label::before {
	background-size:100%; background-color:#4e4e4e; opacity:.7
}

.agreement_myCourse .selfinfo,
.agreement .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		
}





/*디자인과정,자격증과정 두번째 추가 리뉴얼*/

/*디자인과정,자격증과정 세번째 추가 리뉴얼_수강생후기*/
.stReview{margin-top:100px;}
.stReview .stReviewSubTxt{padding-top:20px;font-size:20px;text-align:center;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-weight:500;color:#333333;letter-spacing:-0.5px;margin-bottom:60px;}
.stReview .stReviewbody{width:100%;}
.stReview .stReviewbody .stReviewBoxWrap{margin-bottom:30px;}
.stReviewbody .stReviewBoxWrap .courseStReviewBox{width:575px;height:210px;float:left;border:1px solid #b6b6b6;border-radius:15px;}
.stReviewbody .stReviewBoxWrap .courseStReviewBox:nth-child(2){float:right;}
.courseStReviewBox .tit_wrap{width:510px;position:absolute;left:50%;transform:translateX(-50%);margin-top:20px;}
.courseStReviewBox .tit_wrap .snsIcon{width:40px;height:40px;border:1px solid #b6b6b6;border-radius:10px;float:left;margin-left:-10px;}
.courseStReviewBox .tit_wrap .snsIcon img{width:60%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.courseStReviewBox .tit_wrap .titBox{width:420px;height:40px;float:left;margin-left:20px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';line-height:39px;}
.courseStReviewBox .tit_wrap .titBox .top_txt_box{width:100%;font-size:12px;font-weight:bold;}
.courseStReviewBox .tit_wrap .titBox .top_txt_box .review_name{float:left}
.courseStReviewBox .tit_wrap .titBox .top_txt_box .review_tit{float:left;width:335px;margin-left:10px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.courseStReviewBox .tit_wrap .titBox .review_date{margin-top:8px;}
.courseStReviewBox .tit_wrap .titBox .review_date img{float:left;}
.courseStReviewBox .tit_wrap .titBox .review_date p{float:left;font-size:13px;margin-top:-2px;margin-left:7px;}
.courseStReviewBox .tit_wrap .review_more{float:right;margin-top:10px;}
.courseStReviewBox .re_centerLine{width:510px;border:0.5px solid #dddddd;position:absolute;left:50%;transform:translateX(-50%);margin-top:78px;}
.courseStReviewBox .review_body{letter-spacing:-0.5px;width:510px;height:98px;position:absolute;left:50%;transform:translateX(-50%);margin-top:91px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';font-size:11.5px;line-height:20px;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
/*디자인과정,자격증과정 세번째 추가 리뉴얼_수강생후기 :e*/

.curriDeTIt{padding:0 30px;padding-bottom:10px;width:100%;float:left;margin-bottom:60px;}

.madal_content.newtype1 .curriDeTIt {margin-bottom:0}
 
.cdInfo{font-size:15px;line-height:1.4;letter-spacing:-0.05em;float:left;width:100%;margin-bottom:10px;}
.curriSubTit{padding-bottom:15px;float:left;width:100%;}
.ctableArea{width:100%;float:left;margin-right:30px;}
.ctableArea table{width:100%;font-size:13px;}
.ctableArea table tr th, .ctableArea table tr td {padding:10px 0;border:1px solid #ddd;text-align:center;letter-spacing:-0.02em;}
.ctableArea table tr th {background:#fafafa;font-weight:700;}
.ctableArea table tr td {font-weight:100;}
.ctableArea table .txt_line {text-align:left;padding:8px 10px}

/* ADD+ sub bottom quick button */
.subbt_btns {width:1180px;position:relative;margin:70px auto 0;}

/*  Add+ student inter View  */
.stinterview {list-style-type:none;width:1180px;position:relative;margin-bottom:40px;top:-80px}
.stinterview li a:hover {text-decoration:underline;}
.stinterview li {width:372px;margin-left:30px;border-bottom:1px solid #ebebeb;padding:40px 0 15px;position:relative;float:left;}
.stinterview li:first-child, .stinterview li:nth-child(4), .stinterview li:nth-child(7) {margin-left:0;}
.stinterview li .list_img {width:372px;height:198px;margin-bottom:15px;}
.stinterview li .name {font-size:15px;font-weight:600;letter-spacing:-0.05em;color:#333;margin-right:20px;}
.stinterview li .name span {font-weight:500;color:#636363;}
.stinterview li .stintview_date {font-size:12px;font-weight:600;letter-spacing:-0.05em;color:#707070;}
.stinterview li .stintview_date span {font-weight:500;letter-spacing:0;}

.STinvi_view {width:1182px;font-family:"Malgun Gothic";border-top:2px solid #555;margin-bottom:50px;}
.STinvi_view th {border-bottom:1px solid #555;}
.STinvi_view th, .STinvi_view td {padding:15px 0;font-size:14px;text-align:center;letter-spacing:-0.05em;vertical-align:middle;}
.STinvi_view th:nth-child(2) {text-align:left;}
.STinvi_view td {padding:40px 60px;border-bottom:1px solid #e1e1e1;}

.stviwe_list {list-style-type:none;width:1180px;margin:100px 0 200px;border-top:2px solid #555;padding:40px 0;}
.stviwe_list li a:hover {text-decoration:underline;}
.stviwe_list li {width:186px;margin-left:10px;padding:10px 0;float:left;}
.stviwe_list li img {width:186px;margin-bottom:10px;}
.stviwe_list li:first-child, .stviwe_list li:nth-child(7) {margin-left:0;}
.stviwe_list li p {font-size:12px;}
.stviwe_list li p span {color:#707070;}

/*수강문의 위 서브배너*/
/* #qna_top_banner{margin-bottom:10px;margin-top:10px;float:left;box-shadow:0 1px 4px 0 rgba(164,165,177,1);} */
#qna_top_banner {margin-bottom:10px;margin-top:10px; /* box-shadow:0 1px 4px 0 rgba(164,165,177,1); */}
#qna_top_banner .qna-sl-slider {border-radius:7px; overflow:hidden}

.hotTimeEvent{background:url('/img/sub/hotTimeEvent_210208.png') no-repeat;width:160px;background-size:100%;float:left;margin-left:-180px;margin-top:10px;}
.hotTimeEvent .eventDate{font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-size:16.5px;word-spacing:-1.5px;letter-spacing:-0.3px;font-weight:500;padding:108px 0px 0px 30px;text-align:center;color:black;}

.hotTimeEvent.ty1 {float:none; display:inline-block; margin:0; padding:0; vertical-align:middle; transform: translateY(-24px); margin-left: 16px}
.hotTimeEvent.ty1 .eventData { }




/*고객상담센터_수강문의 위 서브배너*/
.hd_qna_top_banner{margin-bottom:40px;box-shadow:0 1px 4px 0 rgba(164,165,177,1);}

/*교육상품권배너*/
.coupon_banner{margin-bottom:60px;}

/*  수강문의 펼침 메뉴 */
.curriBox {float:none !important;position:relative;margin-bottom:0 !important;padding-bottom:0 !important;}
.curriDep01 {position:relative;float:none !important;margin-bottom:0 !important;padding:8px 5px;}
.curriDep01 > label {font-weight:800;color:#222;font-size:13px;position:relative;left:2px;}
.curriMore {position:absolute;right:0;top:8px;display:block;width:60px;height:20px;cursor:pointer;text-indent:-9999px;background:url("/img/common/arrow_open_Org.png");}
.curriMore.on {background:url("/img/common/arrow_open_Org_off.png");}
.curriDep02 {background:#f6f6f6;padding:10px;}
.curriDep02:after {content:"";display:table;clear:both;}
.curriDep02 li {display:block;float:left;padding:5px 0;}
.shortCurri {padding:0 !important;background:none !important;}

/*새로운코딩_이벤트리뷰*/
.subEventReview{margin-top:40px;}
.subEventReview:first-child{margin-top:0px;}
.subEventReview li:first-child{margin-left:0px !important;}
.eventReviewBox{width:280px;height:310px;float:left;box-shadow:1px 1px 6px #d9d9d9; border-radius: 5px}
.eventReviewBox .EventRvTitle{width:100%;height:45px;}
.eventReviewBox .EventRvTitle div{line-height:45px;font-size:12px;letter-spacing:-0.5px;font-weight:bold;margin-left:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:80%;}
.eventReviewBox .EventRvImg img{width:280px;height:200px;}
.eventReviewBox .EventRvFakeBut{margin-top:5px;}
.eventReviewBox .EventRvFakeBut img{width:278px;}
.eventReviewBox .EventRvinquiry{width:100%;font-family:Nanumsquare;font-size:13px;font-weight:bold; opacity: .7}
.eventReviewBox .EventRvinquiry .reviewDate{float:left;margin-left:15px;}
.eventReviewBox .EventRvinquiry .reviewClick{float:right;margin-right:15px;}
/*새로운코딩_이벤트리뷰_e*/

/* 아카데미소개_서브탭리뉴얼 */
.tabMenu.ty1 {background:#F1F3F4;width:100%;position:fixed;z-index:999;border-bottom:1px solid #969696;}
.tabMenu.ty1 .content {}
.tabMenu.ty1 .content .story_tab {margin-bottom:0px;} 
.tabMenu.ty1 .content .story_tab ul {}
.tabMenu.ty1 .content .story_tab ul > li {position:relative;background:#F1F3F4;display:inline-block;border:none;width:inherit;float:none;padding:0;}
.tabMenu.ty1 .content .story_tab ul > li > a {padding:13px 20px;line-height:normal;}
.tabMenu.ty1 .content .story_tab ul li.on a {color:#333;}
.tabMenu.ty1 .content .story_tab ul li.on {border:none;background:transparent;}
.tabMenu.ty1 .content .story_tab ul > li + li:before {content:"";display:inline-block;width:1px;height:10px;background:#a5a5a5;position:absolute;left:0;top:51%;margin:-5px 0 0 0;}
/* 아카데미소개_서브탭리뉴얼_e */

/* 수강생후기_리뉴얼 */
.borad_menu {width:100%;font-family:"NanumGothic";}
.borad_menu .list_menu .at_list {width:200px;height:30px;font-size:15px;line-height:30px;padding:0 0 0 10px;border:1px solid #d9d9d9;color:#333;float:left;margin-right:30px;margin:0;outline:none;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:url(/img/sub/downarrow_icon.png) no-repeat right;background-size:8% 60%;}
.borad_menu .list_seach {float:left;margin-left:20px;}
.borad_menu .list_seach input {height:30px;border:1px solid #d9d9d9;color:#7d7d7d;padding-left:15px;margin:0;outline:none;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
.borad_menu .list_seach label {padding:6px 0px 8px;border:1px solid #d9d9d9;color:#333;margin-left:-5px;}
.borad_menu .SnsLogin {position:relative;height:30px;margin:0;display:inline-block;overflow:hidden;float:right;}
.borad_menu .SnsLogin p {font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';font-size:13px;float:left;line-height:30px;font-weight:bold;}


.borad_menu .SnsLogin li {float:left;margin-right:4px;line-height:30px;}
.borad_menu .SnsLogin li:nth-child(3){margin-right:0px;}
.borad_menu .maca_map_naver{float:right;margin-top:-2px;}
.borad_menu .logoutBtnBox a, .borad_menu .logoutBtnBox a:link, .borad_menu .logoutBtnBox a:visited {color:#f4f4f4;}

.borad_menu .SnsLogin .snslogin {margin-right:5px}
.borad_menu .SnsLogin p.sminfo {font-size:8px; color:#909090; letter-spacing:-0.09em; font-family:"NotoSansKR-Regular"; margin: 0 23px 0 0;
opacity:.5
}


.btn_logout {width:180px;color:#f4f4f4;font-size:17px;text-align:center;height:45px;padding:12px 0 12px 14px;line-height:22px !important;}

.lgt_snsbg_face {background:url(/img/sub/lg_sns_face.png) #405ea9 no-repeat 6% 5px ;}
.lgt_snsbg_naver {background:url(/img/sub/lg_sns_naver.png) #00c100 no-repeat 6% 3px ;}
.lgt_snsbg_kakao {background:url(/img/sub/lg_sns_kakao.png) #fff100 no-repeat 6% 3px ;color:#333 !important}
.lgt_snsbg_instar {background:url(/img/sub/lg_sns_instar.png) #5e4d48 no-repeat 6% 3px ;}

#review-list-result {overflow:hidden; margin-top:30px}
.reviewBox_wrap{margin:-30px 0 0 -30px; overflow:hidden}
.reviewBox_wrap .reviewBox{width:575px;height:210px;float:left; margin-left: 30px; margin-top:30px; border:1px solid #b6b6b6;border-radius:15px;}
.reviewBox_wrap .reviewBox:last-child{margin-right:0px;}
.reviewBox .tit_wrap{width:510px;position:absolute;left:50%;transform:translateX(-50%);margin-top:20px;}

.reviewBox .tit_wrap .snsIcon {width:46px;height:46px;position:relative;float:left;margin:-4px 0 0 -7px;border-radius:50%;
/* border:3px solid #212121; */



}
.reviewBox .tit_wrap .snsIcon .inset {
	width:40px;
	height:40px;
	border-radius:50%;
	overflow:hidden;
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;	
	margin:auto;
	z-index:10


	}
	
.reviewBox .tit_wrap .snsIcon::before {
	content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;width: 42px;height: 42px;background: #fff;margin: auto;border-radius: 50%;
	z-index:1

}	
.reviewBox .tit_wrap .snsIcon .rollingbg {display:block;position:absolute;top:0;left:0;
width:46px; height:46px;

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)}
	
}













.reviewBox .tit_wrap .snsIcon img{border-radius:50%; position:absolute; width:100%}
.reviewBox .tit_wrap .titBox{width:410px;height:40px;float:left;margin-left:20px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';}
.reviewBox .tit_wrap .titBox .top_txt_box{width:100%;font-size:12px;font-weight:bold;}
.reviewBox .tit_wrap .titBox .top_txt_box .review_name{float:left}
.reviewBox .tit_wrap .titBox .top_txt_box .review_tit{float:left;width:330px;margin-left:10px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.reviewBox .tit_wrap .titBox .review_date{margin-top:8px;}
.reviewBox .tit_wrap .titBox .review_date img{float:left;}
.reviewBox .tit_wrap .titBox .review_date p{float:left;font-size:13px;margin-top:-2px;margin-left:7px;}
.reviewBox .tit_wrap .titBox .review_date .newimg {display:inline-block; vertical-align:middle; margin:0 0 4px 5px}

.reviewBox .tit_wrap .review_more{float:right;margin-top:6px;}
.reviewBox_wrap .reviewBox .re_centerLine{width:510px;border-top:1px solid #dddddd;position:absolute;left:50%;transform:translateX(-50%);margin-top:78px;}
.reviewBox_wrap .reviewBox .review_body{letter-spacing:-0.5px;width:510px;height:98px;position:absolute;left:50%;transform:translateX(-50%);margin-top:91px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';font-size:11.5px;line-height:20px;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
/* 수강생후기_리뉴얼:e */

/* 강사소개상세_리뉴얼 */
.detail_teacher_box{width:475px;height:668px;background-color:azure;float:left;}
.detail_teacher_box img{width:100%;position:absolute;top:0;left:0;}
.list_teacher_box{width:679px;height:560px;background-color:beige;float:right;}
.list_teacher .slick-track {width:100% !important;}
.list_teacher .list_teacherImg {width:97px !important;height:140px;float:left;}
.list_teacher .teacherEmpty {width:97px;height:90px;}
.list_teacher .list_teacherName {width:100%;height:50px;text-align:center;background:white;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';font-size:11px;}
.list_bottom_banner{margin-top:70px;}
div.list_teacherImg:focus {outline:none !important;}
/* 강사소개상세_리뉴얼:e */

/* 풋터_수강료안내 */
.tuituinTableArea{width:100%;float:left;}
.tuituinTableArea table{width:100%;font-size:12px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';margin-right:30px;}
.tuituinTableArea table tr th, .tuituinTableArea table tr td {padding:7px 0;border:0.5px solid #dddddd;text-align:center;letter-spacing:-0.02em;}
.tuituinTableArea table tr th {background:#333333;font-weight:500;color:#ffffff;}
.tuituinTableArea table tr td {font-size:11.5px;font-weight:100;padding:7px 10px;}
.tuituinTableArea table .txt_line {text-align:center;line-height:1.5;border-right:0px;}
/* 풋터_수강료안내:e */

/* 교육특성 */
.characteristic_wrap{background:#322f30;}
.characteristic_wrap .cha_tit{width:100%;padding:80px 0px ;float:left;text-align:center;}
.characteristic_wrap .cha_attention{}
.characteristic_wrap .cha_attention .attention_tit{background:url(/img/sub/attention_tit.jpg) no-repeat center;width:100%;height:370px;}
.characteristic_wrap .cha_attention .attention_body{width:100%;}
.characteristic_wrap .cha_attention .attention_body .attention_box{float:left;width:232px;margin-right:5px;}
.characteristic_wrap .cha_attention .attention_body .attention_box:nth-child(5){margin-right:0px;}
.characteristic_wrap .cha_attention .attention_body .attention_box .attention_img{height:420px;}
.characteristic_wrap .cha_attention .attention_body .attention_box .att_img01{background:url(/img/sub/attention_img_01.jpg) no-repeat left;}
.characteristic_wrap .cha_attention .attention_body .attention_box .att_img02{background:url(/img/sub/attention_img_02.jpg) no-repeat left;margin-top:100px;}
.characteristic_wrap .cha_attention .attention_body .attention_box .att_img03{background:url(/img/sub/attention_img_03.jpg) no-repeat left;}
.characteristic_wrap .cha_attention .attention_body .attention_box .att_img04{background:url(/img/sub/attention_img_04.jpg) no-repeat left;margin-top:100px;}
.characteristic_wrap .cha_attention .attention_body .attention_box .att_img05{background:url(/img/sub/attention_img_05.jpg) no-repeat left;}
.characteristic_wrap .cha_attention .attention_body .attention_box .attention_img{width:0px;-webkit-transition:width 1000ms;transition:width 1000ms;}
.characteristic_wrap .cha_attention .attention_body .attention_box .attention_txt{height:235px;}
.characteristic_wrap .cha_attention .attention_body .attention_box .att_txt01{background:url(/img/sub/attention_txt_01.png) no-repeat center;}
.characteristic_wrap .cha_attention .attention_body .attention_box .att_txt02{background:url(/img/sub/attention_txt_02.png) no-repeat center;}
.characteristic_wrap .cha_attention .attention_body .attention_box .att_txt03{background:url(/img/sub/attention_txt_03.png) no-repeat center;}
.characteristic_wrap .cha_attention .attention_body .attention_box .att_txt04{background:url(/img/sub/attention_txt_04.png) no-repeat center;}
.characteristic_wrap .cha_attention .attention_body .attention_box .att_txt05{background:url(/img/sub/attention_txt_05.png) no-repeat center;}
.characteristic_wrap .cha_pna{background:url(/img/sub/characteristic_qna.jpg) no-repeat center;width:100%;height:1030px;}
.characteristic_wrap .cha_pna .link_btn_box01{position:absolute;bottom:0px;left:112px;}
.characteristic_wrap .cha_pna .link_btn_box02{position:absolute;bottom:0px;right:112px;}
.characteristic_wrap .cha_pna .link_btn{margin-top:12px;}
.characteristic_wrap .cha_pna .link_btn:nth-child(1){margin-top:0px;}
.characteristic_wrap .cha_pna .link_btn:hover{opacity:0.7;}
/* 교육특성 :e */

/* 세미나_상세 */
.seminar_list{margin-top:40px;}
.seminar_list:first-child{margin-top:0px;}
.seminar_list .semi_box{width:270px;float:left;margin-left:33px;padding:10px 0px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';color:#1f1f1f;border:1px solid #bebebe;letter-spacing:-0.8px;}
.seminar_list .semi_box:nth-child(1){margin-left:0;}
.seminar_list .semi_box .semi_top_txt{margin:0px 10px 8px;font-size:11.5px;font-weight:500;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';}
.seminar_list .semi_box .semi_top_txt .semi_tab_icon{float:left;}
.seminar_list .semi_box .semi_top_txt .semi_tab{float:left;margin-left:5px;}
.seminar_list .semi_box .semi_top_txt .semi_tit{float:right;width:57%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.seminar_list .semi_box .semi_img img{width:100%;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.seminar_list .semi_box .semi_btm_txt{font-size:13px;padding:8px 10px 0px;}
.seminar_list .semi_box .semi_btm_txt img{margin-top:-2.5px;}
.seminar_list .semi_box .semi_btm_txt span{margin-left:3px;}
.seminar_list .semi_box .semi_btm_txt .semi_date{float:left;}
.seminar_list .semi_box .semi_btm_txt .semi_dot{float:left;margin-left:48px;}
.seminar_list .semi_box .semi_btm_txt .semi_click{float:right;}
.seminar_view {width:1180px;font-family:"Malgun Gothic";border-top:2px solid #555;margin-bottom:50px;}
.seminar_view th {border-bottom:1px solid #555;}
.seminar_view th, .STinvi_view td {padding:15px 0;font-size:14px;text-align:center;letter-spacing:-0.05em;vertical-align:middle;}
.seminar_view th:nth-child(2) {text-align:left;}
.seminar_view td {padding:40px 0px;border-bottom:1px solid #e1e1e1;}
.semiview_list {list-style-type:none;width:1180px;margin:100px 0 60px;border-top:2px solid #555;padding:40px 0;}
.semiview_list li {width:109px;margin-left:10px;float:left;border:1px solid #d9d9d9;}
.semiview_list li:nth-child(1){margin-left:0px;}
.semiview_list li img {width:100%;}
.semi_btn_add{background:#333;color:#fff !important;}
/* 세미나_상세 :e */

/* 채용정보_상세_리뉴얼 */
.empl_num{font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';font-size:12px;margin-top:30px;margin-bottom:10px;}
.empl_list{font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';color:#313131;}
.empl_list .empl_list_tit{width:100%;height:32px;background:#747474;color:white;}
.empl_list .empl_list_tit span{float:left;text-align:center;line-height:28px;font-size:14px;font-weight:700;}
.empl_list .list_box_wrap .out_box_gray{background:url('/img/sub/out_box01.jpg') no-repeat;}
.empl_list .list_box_wrap .out_box_white{background:url('/img/sub/out_box02.jpg') no-repeat;}
.empl_list .list_box_wrap .list_out_box{width:100%;height:57px;cursor:pointer;}
.empl_list .list_box_wrap .list_out_box span{font-size:14px;float:left;text-align:center;line-height:57px;letter-spacing:-1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0px 18px;}
.empl_list .list_box_wrap .list_in_box{width:100%;padding:38px 33px;padding-bottom:48px;background:url('/img/sub/detail_back.png') no-repeat;display:none;}
.empl_list .list_box_wrap .list_in_box .detail_wrap{width:47%;}
.empl_list .list_box_wrap .list_in_box .detail_wrap:nth-child(1){float:left;}
.empl_list .list_box_wrap .list_in_box .detail_wrap:nth-child(2){float:right;}
.empl_list .list_box_wrap .list_in_box .detail_tit{height:32px;line-height:32px;padding-left:40px;font-size:18px;font-weight:700;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';color:#313131;margin-bottom:7px;}
.empl_list .list_box_wrap .list_in_box table{border-top:1px solid #606060;border-bottom:1px solid #606060;font-size:14px;letter-spacing:-1px;}
.empl_list .list_box_wrap .list_in_box table tbody tr{border-bottom:1px solid #adadad;}
.empl_list .list_box_wrap .list_in_box table tbody tr:last-child{border-bottom:0px;}
.empl_list .list_box_wrap .list_in_box table tbody tr td:first-child{background:#dcdcdc;border-left:0px;border-right:1px solid #adadad;text-align:center;padding:10px 0px;font-weight:700;}
.empl_list .list_box_wrap .list_in_box table tbody tr td:last-child{padding:0px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*추가 리뉴얼*/
.employmentTitWrap{color:#222222;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';text-align:center;}
.employmentTitWrap .employmentTit{font-size:36px;font-weight:500;letter-spacing:-2px;opacity:.8;}
.employmentTitWrap .employmentSubTxt{font-size:17px;font-weight:400;letter-spacing:-1px;word-spacing:-0.3px;line-height:25px;margin-top:22px;}
.employmentTitWrap .employmentSubTxt span.txtBold{font-weight:900;}
.employmentTitWrap .employmentSubTxt01{opacity:.8;}
.employmentTitWrap .employmentSubTxt02{color:#6b6b6b;margin-top:2px;font-size:15px;opacity:.8;}
.employmentIconWrap{margin-top:80px; display:none}
.employmentIconWrap ul{}
.employmentIconWrap ul li{width:130px;height:90px;background:#f4f4f4;border-radius:3px;float:left;margin-left:20px;}
.employmentIconWrap ul li:first-child{margin-left:0px;}
.employmentIconWrap ul li.on{box-shadow:0px 2px 3px rgba(0,0,0,.3);}
.employmentIconWrap ul li a{display:inline-block;}
/* 채용정보_상세_리뉴얼 :e */


/* 취업팁상세_리뉴얼 */
.jobtibList{margin-top:40px;}
.jobtibList:first-child{margin-top:0px;}
.jobtibList .jobtip_box{width:270px;float:left;margin-left:33px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';box-shadow:1px 1px 6px #d9d9d9;border-radius:3px;}
.jobtibList .jobtip_box:nth-child(1){margin-left:0;}
.jobtibList .jobtip_box .jobtib_txt{text-align:center;color:#646464;margin-top:15px;}
.jobtibList .jobtip_box .jobtib_txt .jt_sub_txt{font-size:10.5px;letter-spacing:-0.3px;margin-bottom:2px;}
.jobtibList .jobtip_box .jobtib_txt .jobtip_name{font-size:19px;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-weight:900;letter-spacing:-0.3px;}
.jobtibList .jobtip_box .jobtip_box_btm{padding:11px 15px 15px;font-size:11px;line-height:21px;color:#646464;}
.jobtibList .jobtip_box .jobtip_box_btm .jobtip_date{float:left;}
.jobtibList .jobtip_box .jobtip_box_btm .jobtip_more_btn{background:url('/img/sub/moreBtn_off.png') no-repeat;width:63px;height:21px;float:left;margin-left:30px;}
.jobtibList .jobtip_box:hover .jobtip_more_btn{background:url('/img/sub/moreBtn_on.png') no-repeat;}
.jobtibList .jobtip_box .jobtip_box_btm .jobtip_click{float:right;}
.jobtibList .jobtip_box .jobtip_box_btm .jobtip_click .jobtip_click_tit{float:left;margin-right:5px;}
.jobtibList .jobtip_box .jobtip_box_btm .jobtip_click .jobtip_click_num{float:left;}

/* 수강생인터뷰상세_리뉴얼 */
.st_interview_list{margin-top:40px;}
.st_interview_list:first-child{margin-top:0px;}
.st_interview_list .st_interview_box{width:270px;float:left;margin-left:33px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';box-shadow:1px 1px 6px #d9d9d9;border-radius:3px;}
.st_interview_list .st_interview_box:nth-child(1){margin-left:0;}
.st_interview_list .st_interview_box .st_interview_txt{text-align:center;color:#646464;margin-top:15px;}
.st_interview_list .st_interview_box .st_interview_txt .st_interview_sub_txt{font-size:10.5px;letter-spacing:-0.3px;margin-bottom:2px;}
.st_interview_list .st_interview_box .st_interview_txt .st_interview_name{font-size:19px;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-weight:900;letter-spacing:-0.3px;}
.st_interview_list .st_interview_box .st_interview_box_btm{padding:11px 15px 15px;font-size:11px;line-height:21px;color:#646464;}
.st_interview_list .st_interview_box .st_interview_box_btm .st_interview_date{float:left;}
.st_interview_list .st_interview_box .st_interview_box_btm .st_interview_more_btn{background:url('/img/sub/moreBtn_off.png') no-repeat;width:63px;height:21px;float:left;margin-left:30px;}
.st_interview_list .st_interview_box:hover .st_interview_more_btn{background:url('/img/sub/moreBtn_on.png') no-repeat;}
.st_interview_list .st_interview_box .st_interview_box_btm .st_interview_click{float:right;}
.st_interview_list .st_interview_box .st_interview_box_btm .st_interview_click .st_interview_click_tit{float:left;margin-right:5px;}
.st_interview_list .st_interview_box .st_interview_box_btm .st_interview_click .st_interview_click_num{float:left;}

/*서브메뉴리뉴얼_디자인,자격증*/
.newSubMenuWrap{background:#000000;opacity:0.7;width:100%;box-shadow:1px 2px 2px rgba(0,0,0,.4);position:absolute;z-index:899;}
.newSubMenuWrap.newSubMenuWrapFix{position:fixed;top:104px;left:0px;}
.newSubMenuWrap .content {}
.newSubMenuWrap .content .newSubMenu{margin-bottom:0px;font-size:12px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';letter-spacing:-0.5px;}
.newSubMenuWrap .content .newSubMenu .SubMenuCourse{width:100px;float:left;}
.newSubMenuWrap .content .newSubMenu .SubMenuCourse p{float:left;line-height:38px;color:#ec4c4d;font-weight:bold;word-spacing:-1.2px;}
.newSubMenuWrap .content .newSubMenu .SubMenuCourse img{float:right;}
.newSubMenuWrap .content .newSubMenu .SubMenuSubject{float:left;}
.newSubMenuWrap .content .newSubMenu .SubMenuSubject ul li{width:108px;display:inline-block;padding:6px 0px 7px 0px;}
.newSubMenuWrap .content .newSubMenu .SubMenuSubject ul li a{color:#e4e4e4;display:inline-block;width:100%;text-align:center;border-right:1px solid #797979;height:26px;line-height:26px;font-weight:bold;}
.newSubMenuWrap .content .newSubMenu .SubMenuSubject ul li.on a{color:#676767;}

/*서브메뉴리뉴얼_자격증과정*/
.newSubMenuWrap .content .newSubMenu .SubMenuSubject_lic ul li{display:inline-block;padding:6px 0px 7px 0px;}
.newSubMenuWrap .content .newSubMenu .SubMenuSubject_lic ul li a{color:#e4e4e4;display:inline-block;width:100%;text-align:center;border-right:1px solid #797979;height:26px;line-height:26px;font-weight:bold;padding:0px 8px 0px 8px;}
.newSubMenuWrap .content .newSubMenu .SubMenuSubject_lic ul li.on a{color:#676767;}

/*서브메뉴리뉴얼_아카데미소개*/
.SubMenuIntroduction{text-align:center;}
.SubMenuIntroduction ul li{width:108px;display:inline-block;padding:6px 0px 7px 0px;}
.SubMenuIntroduction ul li a{color:#e4e4e4;display:inline-block;width:100%;text-align:center;border-right:1px solid #797979;height:26px;line-height:26px;font-weight:bold;}
.SubMenuIntroduction ul li.on a{color:#676767;}

/*고객상담센터 카카오톡상담 리뉴얼*/
.kakao_info_wrap{background:url('/img/sub/kakao_background.png') no-repeat;width:100%;height:420px;background-position:center center;padding-top:40px;}
.kakao_info_wrap .kakao_info_box{width:620px;height:335px;background:white;border:1px solid #dddddd;border-radius:10px;box-shadow:0px 3px 2px rgba(0,0,0,0.15);margin:0 auto;padding:20px 30px;}
.kakao_info_box .kakao_info_title{font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-size:18px;float:left;}
.kakao_info_box .kakao_arrow{float:left;margin-top:13px;margin-left:102px;}
.kakao_info_box .kakao_userInfo_wrap{margin-top:20px;}
.kakao_userInfo_wrap .info_box{border:1px solid #dddddd;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';font-size:13px;margin-bottom:12px;float:left;}
.kakao_userInfo_wrap .info_box.selection_process{width:100%;}
.kakao_userInfo_wrap .info_box.kakao_user_info{width:49%;margin-right:2%;}
.kakao_userInfo_wrap .info_box.kakao_user_info:nth-child(3){margin-right:0;}
.kakao_userInfo_wrap .info_box.kakao_user_info:nth-child(5){margin-right:0;}

.info_box .info_title{float:left;padding:10px 0px 10px 10px;width:80px;height:40px;letter-spacing:-1px;font-weight:600;}
.info_box .info_line{float:left;height:34px;margin-top:3px;border-right:1px solid #dddddd;}
.info_box .info_body{float:left;width:190px;padding:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.info_box .info_body.info_body_select{width:475px;}
.info_box .info_body.info_body_id input[type='text']{border:none;height:19px;padding:0px;width:80%;float:left;margin-right:10px;}
.info_box .info_body.info_body_branch input[type='radio']:checked:after{background:#c7c7c7;}
.info_box .info_body.info_body_branch label{letter-spacing:-1px;}
.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;}
.info_box .info_body.info_body_number .styled-select select{min-width:63px;width:50px;font-size:12px;margin:0;background:url(/img/common/select_arrow.png)no-repeat 95% center white;color:#79797a;border:1px solid #cdd3d4;outline:none;display:inline-block;padding:2px 2px 4px 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
.info_box .info_body.info_body_number .styled-select select option{background-color:#fafafa;color:#79797a;}
.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:28px;}
.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;}
.kakao_info_box .kakao_btn{text-align:center;margin-top:16px;}
/*고객상담센터 카카오톡상담 리뉴얼 :e*/

/*디자인과정, 자격증과정 간편수강료조회 리뉴얼*/
.userInfo_course{}
.userInfo_course .counsel_form_course{}
.userInfo_course .counsel_form_course .write_wrap .userInfo_course_table {width:100%; table-layout:fixed; border-collapse: collapse; word-wrap:break-word; border-top:1px solid #6F6A6A; font-size:14px; color:#707070; font-family:"Noto Sans Kr";}
.userInfo_course .counsel_form_course .write_wrap .userInfo_course_table td.stepBoxTit { width:230px; height:50px; border-bottom:1px solid #CECECE; background-color:#F2F2F2; padding-left:45px; font-weight:500;}
.userInfo_course .counsel_form_course .write_wrap .userInfo_course_table td.stepBoxBody { height:50px; border-bottom:1px solid #CECECE; padding-left:50px;}
.userInfo_course .counsel_form_course .write_wrap .userInfo_course_table td.stepBoxBody input[type='radio']:checked{border: solid 1px #B5B5B5; background: none;}
.userInfo_course .counsel_form_course .write_wrap .userInfo_course_table td.stepBoxBody input[type='radio']{width:13px; height:13px; vertical-align:top; top:3px;}
.userInfo_course .counsel_form_course .write_wrap .userInfo_course_table td.stepBoxBody input[type='radio']:checked:after{width:7px; height:7px; top:2px; left:2px; background:#4C4C4C; }
.userInfo_course .counsel_form_course .write_wrap .userInfo_course_table td.stepBoxBody input[type='text'][name=VC_NAME] {width:327px; height:30px; font-size:14px; border:1px solid #C6C6C6; padding:5px; vertical-align:middle; background:none;}
.userInfo_course .counsel_form_course .write_wrap .userInfo_course_table td.stepBoxBody .styled-select select{height: 30px; border:1px solid #C6C6C6; font-size:14px; font-weight:bold; background:none; padding-left:15px; padding-top:0; padding-bottom:0; font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';}
.userInfo_course .counsel_form_course .write_wrap .userInfo_course_table td.stepBoxBody .styled-select .select-button{background: none; width:30px; height:30px; border:1px solid #C6C6C6;}
.userInfo_course .counsel_form_course .write_wrap .userInfo_course_table td.stepBoxBody .styled-select .select-button .small-arrow-down{border-left:.3em solid transparent; border-right:.3em solid transparent; border-top:.5em solid #5D5D5D;}
.userInfo_course .counsel_form_course .write_wrap .userInfo_course_table td.stepBoxBody input[type='text'][name=phone2],
.userInfo_course .counsel_form_course .write_wrap .userInfo_course_table td.stepBoxBody input[type='text'][name=phone3] {width:110px; height:30px; font-size:14px; border:1px solid #C6C6C6; padding:5px; vertical-align:middle; background:none;}


.userInfo_course .counsel_form_course .write_wrap{}
.write_wrap .userInfoBox{width:100%;background:#2D2D2D;box-shadow:0px 2px 5px #c2c2c2;border-radius:6px;}
.userInfoBox .InfoStepBox{padding:35px 30px;width:392px;float:left;}
.InfoStepBox .stepBoxTit{width:100%;border-bottom:1px solid #626262;padding-bottom:10px;}
.InfoStepBox .stepBoxTit .stepImg{float:left;}
.InfoStepBox .stepBoxTit .stepTxt{float:left;font-size:16.5px;font-weight:500;color:#e3e3e3;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';padding-top:1px;padding-left:15px;}
.InfoStepBox .stepBoxBody{padding-top:20px;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';letter-spacing:-0.5px;}
.InfoStepBox .stepBoxBody .stepBoxBody01{padding-top:8px;}
.InfoStepBox .stepBoxBody .stepBoxBody01 input[type='radio']:checked{border:solid 1px #c0c0c0;background:none;}
.InfoStepBox .stepBoxBody .stepBoxBody01 input[type='radio']{width:20px;height:20px;}
.InfoStepBox .stepBoxBody .stepBoxBody01 input[type='radio']:checked:after{width:10px;height:10px;top:4px;left:4px;background:#c0c0c0;}
.InfoStepBox .stepBoxBody .stepBoxBody01 label{color:#ececec;font-size:17px;font-weight:300;vertical-align:middle;margin-left:4px;}
.InfoStepBox .stepBoxBody .stepBoxBody02 input[type='text']{width:100%;height:42px;font-size:16.5px;font-weight:300;border:1px solid #626262;color:#ececec;padding:10px;vertical-align:middle;background:none;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';}
.InfoStepBox .stepBoxBody .stepBoxBody03 .styled-select select{height:42px;font-size:16.5px;border:1px solid #626262;background:none;color:#ececec;padding-left:24px;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-weight:300;}
.InfoStepBox .stepBoxBody .stepBoxBody03 .styled-select .select-button{background:none;width:30px;height:42px;border:1px solid #626262;}
.InfoStepBox .stepBoxBody .stepBoxBody03 .styled-select .select-button .small-arrow-down{border-left:.5em solid transparent;border-right:.5em solid transparent;border-top:.8em solid #808080;}
.InfoStepBox .stepBoxBody .stepBoxBody03 input[type='text']{width:104px;height:42px;font-size:16.5px;font-weight:300;border:1px solid #626262;color:#ececec;padding:5px;vertical-align:middle;background:none;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';}
.userInfoBox .dottedLine{border-right:2px dotted #555555;height:146px;float:left;margin-top:10px;}
.write_wrap p.footnote{font-size:11px !important;margin-top:10px;letter-spacing:-0.8px;color:#939393;padding-bottom:10px;}
.btn_course{width:243px;margin:0 auto;margin-top:30px;margin-bottom:50px;}
.btn_course:hover {opacity:0.8;}
.btn_course.release {width:auto; text-align:center}
.btn_course.release .hotTimeEvent.ty1 {transform:translateY(0)}

/*디자인과정, 자격증과정 간편수강료조회 리뉴얼 :e*/




/*포트폴리오_서브페이지*/
.portfolio_wrap{}
.portfolio_wrap .portfolio_list{margin-top:20px;}
.portfolio_wrap .portfolio_list:first-child{margin-top:0px;}
.portfolio_wrap .portfolio_list .portfolio_box{width:280px;float:left;box-shadow:0px 1px 3px #c9c9c9;margin-right:20px;border-radius:3px;}
.portfolio_wrap .portfolio_list .portfolio_box:nth-child(4){margin-right:0px;}
.portfolio_box .portfolio_img{width:100%;height:200px;overflow:hidden;}
.portfolio_box .portfolio_img img{width:100%;border-radius:3px 3px 0px 0px;}
.portfolio_box .portfolio_txt_wrap{padding:10px 10px 14px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';}


.portfolio_txt_wrap .portfolio_lec{font-size:12px;font-weight:800;color:#282A29;letter-spacing:-0.5px;}
.portfolio_txt_wrap .name_top_line{width:25px;border-bottom:1px solid #c7c7c7;margin-top:22px;margin-bottom:4px;}
.portfolio_txt_wrap .portfolio_btm_txt{color:#757575;}
.portfolio_txt_wrap .portfolio_btm_txt .port_studentName{float:left;font-size:10.5px;letter-spacing:-0.5px;width:175px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.portfolio_txt_wrap .portfolio_btm_txt .port_click{float:right;}
.portfolio_btm_txt .port_click img{margin-top:-3px;margin-right:3px;}
.portfolio_btm_txt .port_click span{font-size:12px;}



/*포트폴리오_서브페이지*/
.csBannerImg + .portfolio_wrap {margin-top:100px}
.portfolio_view {margin-top:100px; display:none}

.portfolio_view .designinfo_portfolio_txt + .portfolio_list {margin-top:29px}
.portfolio_view .designinfo_portfolio_tit {} 
.portfolio_view .designinfo_portfolio_txt {
    padding-top: 20px;
    font-size: 20px;
    text-align: center;
    font-family: 'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';
    font-weight: 500;
    color: #333333;
    letter-spacing: -0.5px;
}

.portfolio_view .designinfo_portfolio_txt + .portfolio_wrap {margin-top:27px}

.portfolio_wrap.slick-initialized .portfolio_list.slick-slide {display:flex; padding:5px 2px; margin-top:0}
.portfolio_wrap.slick-initialized .portfolio_list.slick-slide .portfolio_box {
	/* /lex:1; margin-left:2px; margin-right:17px; */
    width: 276px;
    float: left;
    box-shadow: 0px 1px 3px #c9c9c9;
    margin-right: 20px;
    border-radius: 3px;	
}


.portfolio_wrap .portfolio_list{margin-top: 20px;}
.portfolio_wrap .portfolio_list:first-child{margin-top: 0px;}
.portfolio_wrap .portfolio_list .portfolio_box{width: 280px; float: left; box-shadow: 0px 1px 3px #c9c9c9; margin-right: 20px; border-radius: 3px;}
.portfolio_wrap .portfolio_list .portfolio_box:nth-child(4){margin-right: 0px;}
.portfolio_txt_wrap .portfolio_btm_txt .port_click img {display:inline}


/*포폴_모달창*/
.portfolio_modal_con .port_modal_wrap{width:1200px;height:660px;border-radius:5px;background-color:white;z-index:998;box-shadow:1px 4px 7px rgba(0,0,0,.4);overflow:hidden;padding:25px;}
.port_modal_wrap .port_img{float:left;width:780px;height:610px;}
.port_modal_wrap .port_img img{width:100%;border-radius:5px;}
.port_modal_wrap .port_txt_wrap{float:right;width:302px;height:610px;margin-left:45px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';}
.port_txt_wrap .port_view_title{margin-bottom:20px;}
.port_view_title .view_title_left{float:left;}
.txt_top_line{width:22px;border-bottom:1px solid #c7c7c7;margin-bottom:4px;}
.view_title_left p{font-size:12px;font-weight:700;letter-spacing:-0.5px;}
.port_view_title a{float:right;}
.port_txt_wrap .port_view_sub_txt{}
.port_view_sub_txt p{float:left;font-size:10.5px;letter-spacing:-0.5px;}
.port_view_sub_txt .port_click_view{float:left;margin-left:10px;margin-top:-2px;}
.port_view_sub_txt .port_click_view img{margin-top:-3px;}
.port_view_sub_txt .port_click_view span{font-size:13px;}
.port_txt_wrap .inquiry_btn{padding:4px 13px 6px;text-align:center;width:158px;border-radius:15px;background:#000000;color:white;box-shadow:1px 2px 1px rgba(0,0,0,.4);font-size:11px;font-weight:bold;margin-top:50px;margin-left:-13px;}
.loading_img{width:100%;height:371px;max-height:371px;padding-top:120px;}
.loading_img{text-align:center;display:none;}
.port_txt_wrap .portfolio_lec_list{width:100%;max-height:177px;height:177px;}
.portfolio_lec_list .portfolio_lec{float:left;width:50%;padding-top:8px;font-size:10.5px;letter-spacing:-0.2px;}
.portfolio_lec_list .portfolio_lec:nth-child(1){padding-top:0px;}
.portfolio_lec_list .portfolio_lec:nth-child(2){padding-top:0px;}
.port_txt_wrap .period_inquiry{width:100%;margin-top:5px;}

/*수강기간조회부분*/
.userInfo_port table{border-top:none;border-bottom:none;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';}
.userInfo_port table tbody th{text-align:left;font-size:12px;padding:8px 0px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';background-color:white;border-bottom:none;color:#545454;letter-spacing:-0.5px;}
.userInfo_port table tbody td{font-size:11.5px;padding:0 0 0 10px;border-bottom:none;color:#545454;}
.userInfo_port table tbody td input[type='text']{height:24px;width:100%;min-width:auto;border:1px solid #a4a4a4;}
.styled-select_port{position:relative;display:inline-block;font-size:12px;}
input[type='radio'].radio_port:checked:after{content:"";display:block;width:8px;height:8px;background:#000000;position:relative;top:1px;left:1px;-webkit-border-radius:5px;}
.agreement_port{margin-top:25px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';color:#747575;float:left;}
.agreement_port .agree_txt{float:left;margin-top:-2px;}
.agreement_port .agree_cont_view{float:left;margin-left:10px;}
.agreement_port .agree_cont_view p{}
.agreement_port .agree_cont_view p a{font-size:10px;font-family:'nanumsquare';letter-spacing:-1px;color:#8a8a8a;}
.agreement_port .agree_txt input{width:10px;}
.agreement_port .agree_txt * {vertical-align:middle}
.agreement_port .agree_txt label {margin-left:-2px;letter-spacing:-0.5px;font-size:10px;margin-top:-0.5px;}
.btn_port{margin-top:20px;float:right;box-shadow:1px 2px 1px rgba(0,0,0,.4);border-radius:15px;background:#000000;padding:5px 13px 6px 15px;text-align:center;letter-spacing:-0.5px;}
.maca_port_txt{margin-top:57px;}
.maca_txt_top_box{height:371px;max-height:371px;margin-top:30px;}
/*포트폴리오_서브페이지 :e*/

/*나에게 맞는 과정 찾기*/
.myCourseWrap {width:100%;}
.myCourseWrap .myCourse01 {float:left;width:100%;}
.myCourseTit .myCourseTitImg {text-align:center;padding-bottom:20px;}
.myCourseTit .binfo {text-align:center; font-family: 'NotoSansKR-Regular'; font-size:13px; color:#757575; margin-top:10px}
.myCourseTit .binfo .bold {font-family: 'NotoSansKR-Bold'}
.myCourseWrap .myCourse01 .myCourse01Content {width:100%;text-align:center;overflow:hidden;padding-top:45px;}
.myCourse01Content .Content01background{background:url(/img/myCourse/01p_back.png) no-repeat;background-position:center;width:100%;height:426px;background-size:100% 100%;margin-top:60px;}
#mySelection01_1{cursor:pointer;background:url(/img/myCourse/01p_character01.png) no-repeat;width:160px;height:182px;position:absolute;top:110px;left :215px;}
#mySelection01_1:hover{background:url(/img/myCourse/01p_character01_on.png) no-repeat;}
#mySelection01_1.on{background:url(/img/myCourse/01p_character01_on.png) no-repeat;}
#mySelection01_2{cursor:pointer;background:url(/img/myCourse/01p_character02.png) no-repeat;width:151px;height:252px;position:absolute;top:25px;left :495px;}
#mySelection01_2:hover{background:url(/img/myCourse/01p_character02_on.png) no-repeat;}
#mySelection01_2.on{background:url(/img/myCourse/01p_character02_on.png) no-repeat;}
#mySelection01_3{cursor:pointer;background:url(/img/myCourse/01p_character03.png) no-repeat;width:150px;height:227px;position:absolute;top:128px;right:264px;}
#mySelection01_3:hover{background:url(/img/myCourse/01p_character03_on.png) no-repeat;}
#mySelection01_3.on{background:url(/img/myCourse/01p_character03_on.png) no-repeat;}

.myCourseWrap .myCourse01 .myCourse01Content .pageOrder{margin-top:50px;}
.myCourseWrap .myCourse02 {float:left;width:100%;display:none;}
.myCourseWrap .myCourse02 .myCourse02Content {width:100%;text-align:center;overflow:hidden;padding-top:45px;}
.myCourseWrap .myCourse02 .myCourse02Content .myCourseTit .myCourseSubtitTxt{font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-size:16.5px;padding-top:10px;}
.myCourseWrap .myCourse02 .myCourse02Content .myCourseImgWrap{padding-top:80px;}
.myCourseWrap .myCourse02 .myCourse02Content .myCourseImgWrap div div.item {width:280px;height:280px;float:left;margin-left:20px;margin-bottom:40px;border-radius:5px;box-shadow:0px 3px 7px rgba(0,0,0,.25);}
.myCourseWrap .myCourse02 .myCourse02Content .myCourseImgWrap div div.item:nth-child(4n+1){margin-left:0px;}
.myCourseImgWrap div div.item .mySelection02{width:100%;height:100%;background-size:100%;border-radius:5px;background-position:center;transition:all 0.3s ease-in-out;}
.myCourseImgWrap div div.item:hover .mySelection02{background-size:110%;}
.myCourseImgWrap div div.item .mySelection02 div.text {width:100%;height:100%;border-radius:5px;}
.myCourseImgWrap div div.item .mySelection02.on div.text{background:url(/img/myCourse/ImgClickDisplay.png) no-repeat;}
.myCourseWrap .myCourse02 .myCourse02Content .myCourseBtn{margin:0 auto;margin-top:80px;width:425px;}
.myCourseBtn .btnPrevStep {float:left;cursor:pointer;margin-top:18px;}
.myCourseBtn .pageOrder{float:left;margin-left:10px;}
.myCourseBtn .btnNextStep {float:right;cursor:pointer;margin-top:18px;}
.myCourseWrap .myCourse02 .myCourse02Content .myCourseModalCon{}
.myCourseModalWrap{width:370px;height:170px;border-radius:5px;background-color:white;z-index:998;box-shadow:0px 4px 5px rgba(0,0,0,.4);overflow:hidden;padding:40px;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';}
.myCourseModalWrap .myCourseModalTit{font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-size:20px;font-weight:600;letter-spacing:-1px;text-align:center;color:#353028;}
.myCourseModalWrap .modalSelection{font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-size:17px;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 .modalSelection:hover{border:1px solid #F0A400;color:#F0A400;}
.myCourseModalWrap .modalYes{}
.myCourseModalWrap .modalNo{margin-left:20px;}
.myCourseWrap .myCourse03 {float:left;width:100%;overflow:hidden;display:none;}
.myCourseWrap .myCourse03 .myCourse03Content {width:100%;text-align:center;overflow:hidden;padding-top:45px;}
.myCourseWrap .myCourse03 .myCourse03Content .myCourse03body{margin:80px 0px 0px 80px;}
.myCourse03body .myCourse03TitGraph{float:left;}
.myCourse03body .myCourse03Info{float:left;padding:90px 0px 0px 38px;}
.myCourse03body .myCourse03Info .Info_nameBox{background:url(/img/myCourse/mycourse_nameBox.png) no-repeat;width:288px;height:40px;margin-bottom:14px}
.myCourse03body .myCourse03Info .Info_phoneBox{background:url(/img/myCourse/mycourse_phoneBox.png) no-repeat;width:288px;height:40px;margin-bottom:40px;}
.myCourse03body .myCourse03Info .mycourseResultBtn{text-align:left;}
.myCourse03body .myCourse03Info .Info_nameBox input[type='text']{padding:0px 5px 0px 15px;border:none;background:none;margin-left:60px;height:40px;width:194px;min-width:150px;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-size:17px;font-weight:700;color:#424242;letter-spacing:-0.5px;}
.myCourse03body .myCourse03Info .Info_phoneBox .styled-select{margin-left:64px;}
.myCourse03body .myCourse03Info .Info_phoneBox .styled-select select{font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-size:16.5px;font-weight:700;border:none;background:none;color:#424242;height:40px;letter-spacing:-1px;min-width:50px;width:62px;padding:0px 0px 0px 11px;}
.myCourse03body .myCourse03Info .Info_phoneBox .styled-select .select-button{background:none;}
.myCourse03body .myCourse03Info .Info_phoneBox .styled-select .small-arrow-down{border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.5em solid #424242;top:10px;right:4px;}
.myCourse03body .myCourse03Info .Info_phoneBox input[type='text']{height:40px;min-width:50px;width:62px;margin-left:2px;border:none;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-size:17px;font-weight:700;color:#424242;letter-spacing:-0.5px;background:none;}

.agreement_myCourse{margin-top:12px;margin-left:10px; color:#424242}
.agreement_myCourse .agree_txt{float:left;margin-top:0;}
.agreement_myCourse .agree_cont_view{float:left;margin-left:10px;}
.agreement_myCourse .agree_cont_view p{}
.agreement_myCourse .agree_cont_view p a{font-size:10px;font-family:'nanumsquare';letter-spacing:-1px;color:#424242;}
.agreement_myCourse .agree_txt input{width:10px;}
.agreement_myCourse .agree_txt * {vertical-align:middle}
.agreement_myCourse .agree_txt label {margin-left:-2px;letter-spacing:-0.5px;font-size:10px;margin-top:-0.5px;}
.myCourseWrap .myCourse03 .myCourse03Content .myCourseBtn{margin:0 auto;margin-top:100px;width:425px;}
/*나에게 맞는 과정 찾기 :e*/

/*국비지원페이지*/
.support_tab{margin-bottom:60px;}
.support_tab ul{font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';font-size:13.5px;font-weight:300;}
.support_tab ul li{border:4px solid #212020;border-radius:22px;color:#212020;float:left;padding-bottom:2px;text-align:center;width:240px;margin-left:14px;opacity:0.5;}
.support_tab ul li a{width:100%;letter-spacing:-1px;display:block;line-height:34px;}
.support_tab ul li:first-child{margin-left:87px;}
.support_tab ul li.on{opacity:1;}

.supportMainWrap{}
.supportMainWrap .supportMainTxt{float:left;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';color:#212020;padding-top:88px;}
.supportMainWrap .supportMainTxt span.txtBold{font-weight:800;}
.supportMainWrap .supportMainTxt span.txtLight{font-weight:100;}
.supportMainWrap .supportMainTxt .supportTit{font-size:53px;line-height:59px;font-weight:100;letter-spacing:-3.5px;}
.supportMainWrap .supportMainTxt .supportSubTxt{font-size:18px;padding-top:50px;font-weight:500;line-height:28px;letter-spacing:-1.5px;word-spacing:-0.5px;}
.supportMainWrap .supportMainImg{float:right;}

.supportContentsBack{background:url('/img/support/supportContentsBack.png') no-repeat;width:1595px;height:490px;float:right;margin-top:30px;}
.supportContentsBack .supportContentsWrap{width:580px;height:292px;margin-top:104px;margin-left:592px;}
.supportContentsBack .supportContentsWrap01{background:url('/img/support/supportContents01.png') no-repeat;}
.supportContentsBack .supportContentsWrap02{background:url('/img/support/supportContents02.png') no-repeat;}
.supportContentsBack .supportContentsWrap03{background:url('/img/support/supportContents03.png') no-repeat;}
.supportContentsBack .supportContentsWrap04{background:url('/img/support/supportContents04.png') no-repeat;width:694px;height:296px;margin-left:530px;}
.supportContentsBack .supportContentsWrap .supportContents{font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-size:60px;font-weight:300;color:white;float:left;margin-top:220px;letter-spacing:-3px;width:236px;overflow:hidden;}
.supportContentsBack .supportContentsWrap .supportContentsL{margin-left:8px;}
.supportContentsBack .supportContentsWrap .supportContentsR{margin-left:100px;}
.supportContentsTable{float:right;margin-top:-35px;}
.supConFootnote{float:right;margin-top:-58px;margin-right:248px;color:#8a8989;letter-spacing:-0.8px;}

.supportTargetBack01{background:url('/img/support/supportTargetBack01.png') no-repeat;width:1540px;height:176px;float:left;margin-top:170px;}
.supportTargetBack02{background:url('/img/support/supportTargetBack02.png') no-repeat;width:1540px;height:213px;float:left;margin-top:170px;}
.supportTargetBack .supportTargetList{float:left;margin-top:72px;}
.supportTargetBack .supportTargetList p{font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-size:18px;color:#272727;letter-spacing:-0.7px;line-height:35px;}
.supportTargetBack .supportTargetList p span.txtBold{font-weight:800;}
.supportTargetBack .supportTargetListL{margin-left:404px;width:390px;overflow:hidden;}
.supportTargetBack .supportTargetListR{margin-left:50px;}

.supportProcedure{margin:0 auto;width:1180px;margin-top:174px;}
.supportIncTitWrap{width:100%;height:50px;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';color:#212020;margin-bottom:40px;}
.supportIncTitWrap .supportIncTit{font-size:48px;float:left;letter-spacing:-3px;font-weight:100;}
.supportIncTitWrap .supportIncSubTxt{font-size:23px;float:left;letter-spacing:-2px;padding:26px 0px 0px 30px;font-weight:100;}
.supportIncBtn{width:240px;height:54px;border-radius:28px;background:#161616;text-align:center;line-height:54px;margin:0 auto;margin-top:50px;margin-bottom:70px;box-shadow:0 2px 2px rgba(0,0,0,.3);}
.supportIncBtn a{color:white;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-size:19px;font-weight:800;letter-spacing:-0.5px;word-spacing:-1px;}
/*국비지원페이지 :e*/

/*자격증과정_시험일정표*/
.examSchedule{width:100%;padding-top:0;}
.examSchedule .examScheduleTitTxt{padding-top:20px;font-size:20px;text-align:center;font-family:'nanumsquare', 'Malgun Gothic', 'Noto Sans KR', 'malgun gothic';font-weight:500;color:#333333;letter-spacing:-0.5px;padding-bottom:55px;}
.examSchedule .examSchSubTitWrap{}
.examSchedule .examSchSubTitWrap .examSchSubTit{font-family:'Malgun Gothic', 'nanumsquare', 'Malgun Gothic', 'Nanum Gothic', 'Noto Sans KR', 'malgun gothic';font-size:15px;font-weight:600;background:url('/img/sub/circle.png') no-repeat;margin-bottom:6px;color:#333;letter-spacing:-1px;word-spacing:-0.5px;}
.examSchedule .examScheduleTable table{width:100%;font-size:13px;border-bottom:1px solid #333333;border-top:1px solid #9f9f9f;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';}
.examSchedule .examScheduleTable table thead tr{border-bottom:1px solid #c0c1c4;background:#D8D9DC;letter-spacing:-0.5px;}
.examSchedule .examScheduleTable table thead tr th {border-right:1px solid #e7e7e7;font-weight:600;color:#333333;padding:10px 0px;}
.examSchedule .examScheduleTable table thead tr th:last-child{border-right:none;}
.examSchedule .examScheduleTable table tbody tr td {border-bottom:1px solid #dddddd;text-align:center;font-weight:100;border-right:1px solid #dddddd;line-height:17px;word-spacing:-2px;height:55px;}
.examSchedule .examScheduleTable02 table tbody tr td {height:46px;}
.examSchedule .examScheduleTable table tbody tr td:last-child{border-right:none;}
.examSchedule .examScheduleTable table .examSequence{font-weight:600;}
/*자격증과정_시험일정표 :e*/

/*수강생인터뷰페이지_리뉴얼(포폴페이지와동일하게)*/
.stInterviewWrap .stInterviewList{margin-top:20px;}
.stInterviewWrap .stInterviewList:first-child{margin-top:0;}
.stInterviewWrap .stInterviewList .stInterviewBox{width:280px;float:left;box-shadow:0px 1px 3px #c9c9c9;margin-right:20px;border-radius:3px;}
.stInterviewWrap .stInterviewList .stInterviewBox:nth-child(4){margin-right:0px;}
.stInterviewBox .stInterviewImg{width:100%;height:200px;overflow:hidden;}
.stInterviewBox .stInterviewImg img{width:100%;border-radius:3px 3px 0px 0px;}
.stInterviewBox .stInterviewTxtWrap{padding:10px 10px 14px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';}
.stInterviewTxtWrap .stCurriculum{font-size:12px;font-weight:800;color:#282A29;letter-spacing:-0.5px;}
.stInterviewTxtWrap .nameTopLine{width:25px;border-bottom:1px solid #c7c7c7;margin-top:22px;margin-bottom:4px;}
.stInterviewTxtWrap .studentNameBox{color:#757575;}
.stInterviewTxtWrap .studentNameBox .InterviewStudentName{float:left;font-size:10.5px;letter-spacing:-0.5px;width:175px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.stInterviewTxtWrap .studentNameBox .stInterviewClick{float:right;}
.stInterviewTxtWrap .studentNameBox .stInterviewClick img{margin-top:-3px;margin-right:3px;}
.stInterviewTxtWrap .studentNameBox .stInterviewClick span{font-size:12px;}
/*수강생인터뷰페이지_리뉴얼(포폴페이지와동일하게) :e*/

/*세미나페이지_리뉴얼(포폴페이지와동일하게)*/
.seminarWrap .seminarList{margin-top:20px;}
.seminarWrap .seminarList:first-child{margin-top:0;}
.seminarWrap .seminarList .seminarBox{width:280px;float:left;box-shadow:0px 1px 3px #c9c9c9;margin-right:20px;border-radius:3px;}
.seminarWrap .seminarList .seminarBox:nth-child(4){margin-right:0px;}
.seminarBox .seminarImg{width:100%;height:396px;overflow:hidden;}
.seminarBox .seminarImg img{width:100%;border-radius:3px 3px 0px 0px;}
.seminarBox .seminarTxtWrap{padding:10px 10px 14px;font-family:'Malgun Gothic', 'nanumsquare', 'Noto Sans KR', 'malgun gothic';}
.seminarTxtWrap .seminarName{font-size:12px;font-weight:800;color:#282A29;letter-spacing:-0.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.seminarTxtWrap .nameTopLine{width:25px;border-bottom:1px solid #c7c7c7;margin-top:22px;margin-bottom:4px;}
.seminarTxtWrap .seminarDateBox{color:#757575;}
.seminarTxtWrap .seminarDateBox .seminarDate{float:left;font-size:12px;letter-spacing:-0.5px;width:175px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.seminarTxtWrap .seminarDateBox .seminarClick{float:right;}
.seminarDateBox .seminarClick img{margin-top:-3px;margin-right:3px;}
.seminarDateBox .seminarClick span{font-size:12px;}
/*세미나페이지_리뉴얼(포폴페이지와동일하게) :e*/


.tuituinTableArea .t_tuituin { }
.tuituinTableArea .t_tuituin table {border-right:hidden }
.tuituinTableArea .t_tuituin table th,
.tuituinTableArea .t_tuituin table td {border:1px solid #dddddd; border-left:none; padding: 7px 10px;  letter-spacing: -0.02em; text-align:center}

.tuituinTableArea .t_tuituin table th {background: #333333; font-weight: 500; color: #ffffff}
.tuituinTableArea .t_tuituin table td {font-size:11.5px}


/* *********************************************************  강사 채용 페이지  ********************************************************* */
#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 2px 5px
}

/** 크롬일 때 조건 분기 **/
[id^="scroll-section"] .light { font-family:NotoSansKR-Thin; font-weight: normal}
[id^="scroll-section"] .bold { font-family:NotoSansKR-Bold; font-weight: normal}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
	



#scroll-section-0 {padding-top: 40vh; background:rgba(0,0,0,.9)}
#scroll-section-0 .titset {
	position: relative; top: -30vh;
	--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%}
#scroll-section-0 .main-message.a {font-size:1.6em;  letter-spacing: 1.3em;
text-indent:1.3em; font-family:NotoSansKR-thin}

.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}

#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: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}
#scroll-section-0 .main-message.b {background:url('/img/recruit/section00_img01.jpg') no-repeat center; background-size:cover;
height:100%; 
}



/* 장면 0 */
#show-scene-0 #scroll-section-0 .sticky-elem.main-message.c {opacity:1; font-size:1.5em; top:34vh; display:flex; justify-content: center;
align-items:center; letter-spacing:-0.03em
}
#scroll-section-0 .main-message.c p + p {margin-left:5em}
#scroll-section-0 .main-message.c .c1,
#scroll-section-0 .main-message.c .c2,
#scroll-section-0 .main-message.c .c3 {opacity:0; color:#1b1b1b; line-height:1.4; font-family: 'NotoSerifKR-Regular'; text-align:left}
#scroll-section-0 .main-message.c .c3 {font-size:1.9em; text-indent: -10px; display: inline-block}

#scroll-section-0 .main-message.c .c2 + .c3 {margin-left:208px }



/* 장면 1 */
#scroll-section-1 {background:rgba(0,0,0,.9)}
#show-scene-1 #scroll-section-1 .sticky-elem.section01_msgset {height: 100%; display: flex; flex-direction: column; justify-content: center; top:0 }

#scroll-section-1 .section01_msgset {text-align:center}
#scroll-section-1 .section01_msgset .section01_msg {color:#fff; font-size:2vw; text-align:center; opacity:0}
#scroll-section-1 .section01_msg {}
#scroll-section-1 .section01_msg.a1 {font-size:6em; font-family:NotoSansKR-Bold; letter-spacing: -5px; margin-bottom: .03em; display:block}
#scroll-section-1 .section01_msg.a2 {font-size:1.5em; letter-spacing:-2px}
#scroll-section-1 .section01_msg.a3 {font-size:1.5em; letter-spacing:-2px}
#scroll-section-1 .section01_msg.a4 {font-size:1.5em; letter-spacing:-2px}


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

#scroll-section-1 .sticky-elem.section01_txtset {opacity: 1; top: 35vh; margin-left: 0; display: flex; justify-content: center; display:flex; 
 width: 1180px; left: 0; right: 0; margin: auto; padding-left:10px; opacity:1}
    
#scroll-section-1 .section01_txtset .section01_msg {color:#1b1b1b; font-size:1.5em; letter-spacing: -0.08em; opacity:0; font-family: NanumMj; color:#fff; font-family: 'NotoSerifKR-Regular';}
#scroll-section-1 .section01_txtset .section01_msg .title {display:block; }
#scroll-section-1 .section01_txtset .section01_msg .text {display:block; margin-top:10px}
#scroll-section-1 .section01_txtset .section01_msg + .section01_msg {margin-left:105px} 

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





/* 신  - 2 */
#scroll-section-2 .sticky-elem.section02_msgset {height: 100%; display: block; top: 0; text-align:center}
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg {opacity:0; text-align:center; color:#1b1b1b}
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.a1 {    
	font-size: 8em;
    font-family: NotoSansKR-Bold;
    letter-spacing: -5px;
    margin-bottom: .03em;
    display: block;
   
    position:absolute; top:40vh; left:0; right:0;

}
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.a2 { 	
    font-size: 1.5em;
	color:#555;
	position:absolute; top:56vh; left:0; right:0;
	text-indent:1px;
	letter-spacing:-0.03em
}

#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b1 {    
	font-size: 6em;
    font-family: NotoSansKR-Bold;
    letter-spacing: -5px;
    margin-bottom: .03em;
    display: block;
	position:absolute; top:50vh; left:0; right:0;
	color:#fff;
}

#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 { 
	opacity:1; position:absolute; top:56vh; left:0; right:0; color:#fff	
	
}

#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 .s03 { }
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 .s03 > li {font-size:20px; line-height:2; font-family: NotoSansKR-light; opacity:0}
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 .s03 > li .bold {font-family:NotoSansKR-Bold; }





/*
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.a .s01 {font-size:8.25em; font-family:NotoSansKR-Bold; display:block; line-height: 1.4}
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.a .s02 {font-size:1.875em; color:#1b1b1b}	
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.a .s03_flexgrid {display:flex; justify-content:center; aliign-items:flex-start;
margin-top:110px}
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.a .s03_flexgrid .s03_flexgrid_tit {font-size:5.125em; color:#1b1b1b; line-height:1.2;
	font-family: NotoSansKR-medium;
	}
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.a .s03_flexgrid .s03 {}
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.a .s03_flexgrid .s03 > li {text-align:left; font-size:1.5em; line-height:1.4;
	font-family: NotoSansKR-light; margin:10px 0 0 75px; color:#1b1b1b}



#show-scene-2  #scroll-section-2 .sticky-elem.section02_msgset ,.section02_msg.b {text-align:center; font-family:NotoSansKR-Regular; line-height: 1.4em;
letter-spacing: -0.08em;}
*/

/* 신  - 3 */

#show-scene-3  #scroll-section-3 .section03_msg { }
#show-scene-3  #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; height:100%; width:100%; opacity:0; 
}
#show-scene-3  #scroll-section-3 .section03_msg.b {display:block; top:27vh; display:flex; justify-content:center; width:100%; 
font-size:1.5em; color:#1b1b1b; align-items: center; font-weight:bold; opacity:1; font-family: 'NotoSerifKR-Regular'; transform:scale(.8); letter-spacing:-0.05em
}
#show-scene-3  #scroll-section-3 .section03_msg.b .b1 {color: #1b1b1b; line-height: 1.35; font-size: 1.5em; font-weight: normal; margin-left:-30px;  opacity:0}
#show-scene-3  #scroll-section-3 .section03_msg.b .b2 {font-size:2.1em; margin-left:160px; opacity:0; line-height:1.27}
#show-scene-3  #scroll-section-3 .section03_msg.b .b2 .indent {text-indent:-10px; display:inline-block}


#show-scene-3 .subContent.flexg #scroll-section-3 .section03_msg.b, 
#show-scene-3 .subContent.flexg #scroll-section-3 .section03_msg.a {width: calc(100% - 98px)}

#show-scene-3  #scroll-section-3 .section03_msg.c {display: block; opacity:0; top: 30vh; width:1180px; left:0; right:0; margin:auto;
opacity:0;
}
#show-scene-3  #scroll-section-3 .section03_msg.c .steplist {position:relative; display:flex; justify-content: space-between; margin:0 10px}
#show-scene-3  #scroll-section-3 .section03_msg.c .steplist::after {content:""; display:block; position:absolute; top:50%; left:0; right:0; height:1px;
	background:#888; z-index: -1
	}
	
#show-scene-3  #scroll-section-3 .section03_msg.c .steplist > li {flex:none; width:170px; 
	display: flex; align-items: center; flex-direction: column; justify-content: flex-start; position:relative;
	}
#show-scene-3  #scroll-section-3 .section03_msg.c .steplist > li + li {margin-left:0 }
#show-scene-3  #scroll-section-3 .section03_msg.c .steplist > li .cimg {    height:170px;
	    width: 170px;
	    background: #fff;
	    border:25px solid #262626;
	    border-radius: 50%;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    margin: 0 auto;
		position:relative;
	    text-align:center
	}

	
#show-scene-3  #scroll-section-3 .section03_msg.c .steplist > li .cimg .num {
	position:absolute; top:0; bottom:0; right:-36px; width:26px; height:26px; background:#262626; border-radius:50%; margin:auto; color:#fff;
	line-height:26px; text-align:center
}
#show-scene-3  #scroll-section-3 .section03_msg.c .steplist > li .scopy {    font-size: 16px;
	    line-height: 1.4;
	    color:#191919;
	    text-align:center;
	    font-size:12px;
	    font-family:NotoSansKR-Bold;

	}
#show-scene-3  #scroll-section-3 .section03_msg.c .steplist > li .scopy .light { 
	font-family:NotoSansKR-Light;	
}

#show-scene-3  #scroll-section-3 .section03_msg.c .last_grid {display:flex; justify-content:space-between; margin-top:50px; align-items:center}
	
#show-scene-3  #scroll-section-3 .section03_msg.c .lastinfo {text-align:left}

.mailview {    
	display: block;
    width: 240px;
    border: 3px solid #262626;
    border-radius: 50px;
    margin: 0;
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
    font-family: NotoSansKR-Bold;
}

.mailview::before {content:""; display:inline-block; width:25px; height:18px; background:url('/img/recruit/email_ico.png') no-repeat 0 0;
background-size:100%; vertical-align:middle; margin:0 10px 3px 0}

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


.hero-message {
	font-size: 3.5rem;
}
.description {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 1rem;
	font-size: 1.2rem;
	color: #888;
}
.description strong {
	float: left;
	margin-right: 0.2em;
	font-size: 3rem;
	color: rgb(29, 29, 31);
}
.mid-message {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 1rem;
	font-size: 2rem;
	color: #888;
}
.mid-message strong {
	color: rgb(29, 29, 31);
}
.footer {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 7rem;
	color: white;
	background: darkorange;
}
.sticky-elem {
	display: none;
	position: fixed;
	left: 0;
	width: 100%;
}

.scbox {}
.scbox .simg {text-align:center; overflow: hidden; }
.scbox .simg:nth-child(1) {margin:30px; width:30%}
.scbox .simg:nth-child(2) {margin:30px; width:40%}

#scroll-section-0 .sticky-elem,
#scroll-section-1 .sticky-elem {
	display: block;
	will-change: transform, opacity;
}
.scroll-effect-end .sticky-elem {
	/* 스크롤 효과가 모두 끝나고, 아래 일반 콘텐츠 영역에서는 sticky-elem들을 모두 안보이도록 */
	display: none !important;
}
.sticky-elem-canvas {
	top: 0;
	height: 100%;
}
.sticky-elem-canvas canvas {
	position: absolute;
	top: 50%;
	left: 50%;
}
.normal-content {
	padding: 20vh 0;
}

.loading {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; background:#fff; 
display:flex; justify-content:center; align-items:center; 
}
.loading .loading-circle {width:54px; height:54px}
.loading .loading-circle circle {stroke:black; stroke-width:4}

.loading {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	background: white;
	opacity: 0;
	transition: 0.5s;
}
.before-load .container {
    display: none;
}
.before-load .loading {
	opacity: 1;
}
@keyframes loading-spin {
	100% { transform: rotate(360deg); }
}
@keyframes loading-circle-ani {
	0% { stroke-dashoffset: 157; }
	75% { stroke-dashoffset: -147; }
	100% { stroke-dashoffset: -157; }
}
.loading-circle {
	width: 54px;
	height: 54px;
	animation: loading-spin 3s infinite;
}
.loading-circle circle {
	stroke: black;
	stroke-width: 4;
	/* getTotalLength()로 stroke의 길이를 얻어올 수 있음 */
	stroke-dasharray: 157;
	stroke-dashoffset: 0;
	fill: transparent;
	animation: loading-circle-ani 1s infinite;
}

@media (min-width: 1024px) {

	.main-message {
		font-size: 4vw;
	}
	.main-message small {
		font-size: 1.5vw;
	}
	.hero-message {
		font-size: 6vw;
	}
	.mid-message {
		width: 1000px;
		padding: 0;
		font-size: 4vw;
	}
}
.subContent.flexg { }
.subContent.flexg {width:calc(100% - 98px)}
.subContent.flexg .sticky-elem {width:calc(100% - 98px)}

.ie_flexgrid,
.ie_txtinfo {height:100%}

.sticky-elem.section02_msgset .ie_txtinfo,
.sticky-elem.section01_msgset .ie_txtinfo {display: flex; flex-direction: column; justify-content: center}
}




/* /////////////////////////////////////////////////////////  익스플로러일때  //////////////////////////////////////////////// */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: 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: 10vh; 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}
.ie_rel.maxh {height:100vh}
.ie_rel.black {background:#1b1b1b}

#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: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:0; opacity:1; font-size:1.6em;  letter-spacing: 1.3em;
text-indent:1.3em; font-family:NotoSansKR-thin; margin-top:300px; height:inherit; margin-bottom:480px}
#scroll-section-0 .main-message.b {background:url('/img/recruit/section00_img01.jpg') no-repeat center; background-size:cover;
height:100%; top:0; opacity:1; height:100vh; margin:0
}
#scroll-section-0 .sticky-elem.main-message.c {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; letter-spacing:-0.03em
}
#scroll-section-0 .main-message.c p + p {margin-left:5em}
#scroll-section-0 .main-message.c .c1,
#scroll-section-0 .main-message.c .c2,
#scroll-section-0 .main-message.c .c3 {opacity:1; color:#1b1b1b; line-height:1.4; font-family: 'NotoSerifKR-Regular'; text-align:left}
#scroll-section-0 .main-message.c .c3 {font-size:1.9em; text-indent: -10px; display: inline-block}
#scroll-section-0 .main-message.c .c2 + .c3 {margin-left:208px }

     
#scroll-section-1 {background: rgba(0, 0, 0, 0.9)}
#scroll-section-1 .sticky-elem.section02_msgset .ie_txtinfo,
#scroll-section-1 .sticky-elem.section01_msgset .ie_txtinfo {display: flex; flex-direction: column; justify-content: center; height: 100vh;}

#scroll-section-1 .section01_msgset {text-align:center}
#scroll-section-1 .section01_msgset .section01_msg {color: #fff;  text-align: center; }
#scroll-section-1 .section01_msgset .section01_msg.a1 {font-size: 6em; font-family: NotoSansKR-Bold; letter-spacing: -5px; margin-bottom: .03em; display: block;
opacity:0.8}

#scroll-section-1 .section01_msgset .section01_msg.a2,
#scroll-section-1 .section01_msgset .section01_msg.a3,
#scroll-section-1 .section01_msgset .section01_msg.a4 {font-size: 1.5em; letter-spacing: -2px; opacity:0.5}


#scroll-section-1 .section01_bgset {
    background: url(/img/recruit/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: 25vh; margin-left: 0; display: flex; justify-content: center; display:flex; 
 width: 1180px; left: 0; right: 0; margin: auto; padding-left:10px; opacity:1}
    
#scroll-section-1 .section01_txtset .section01_msg {font-size:1.5em; letter-spacing: -0.08em; font-family: NanumMj; color:#fff; font-family: 'NotoSerifKR-Regular';}
#scroll-section-1 .section01_txtset .section01_msg .title {display:block; }
#scroll-section-1 .section01_txtset .section01_msg .text {display:block; margin-top:10px}
#scroll-section-1 .section01_txtset .section01_msg + .section01_msg {margin-left:105px} 

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



    
    
    #scroll-section-2 .section02_msgset { }
	#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.a1 { 
	    font-size: 8em;
	    font-family: NotoSansKR-Bold;
	    letter-spacing: -5px;
	    margin-bottom: .03em;
	    display: block;
	    position: absolute;
	    top: 40vh;
	    left: 0;
	    right: 0;	
	    text-align:center;
	    color:#1b1b1b
	}
	#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.a2 { 
	    font-size: 1.5em;
	    color: #555;
	    position: absolute;
	    top: 56vh;
	    left: 0;
	    right: 0;
	    text-indent: 1px;
	    text-align:center;
	    color:#1b1b1b;
	    letter-spacing:-0.03em;	    	
	}
	
	#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b1 { 
	    font-size: 6em;
	    font-family: NotoSansKR-Bold;
	    letter-spacing: -5px;
	    margin-bottom: .03em;
	    display: block;
	    position: absolute;
	    top: 40vh;
	    left: 0;
	    right: 0;
	    text-align:center;
	    color: #fff;	
	}
	#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 { 
	    opacity: 1;
	    position: absolute;
	    top: 56vh;
	    left: 0;
	    right: 0;
	    text-align:center;
	    color: #fff;	
	}	
	
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 .s03 { }
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 .s03 > li {font-size:20px; line-height:2; font-family: NotoSansKR-light;}
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 .s03 > li [class^="l_"] {opacity:1}
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 .s03 > li .l_01 { }
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 .s03 > li .l_02 {font-family:NotoSansKR-Bold; }
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 .s03 > li .l_03 { }
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 .s03 > li .l_04 {font-family:NotoSansKR-Bold; }
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 .s03 > li .l_05 { }
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 .s03 > li .l_06 {font-family:NotoSansKR-Bold; }
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 .s03 > li .l_07 { }
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 .s03 > li .l_08 {font-family:NotoSansKR-Bold; }
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 .s03 > li .l_09 { }
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 .s03 > li .l_10 {font-family:NotoSansKR-Bold; }
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 .s03 > li .l_11 { }
#scroll-section-2 .sticky-elem.section02_msgset .section02_msg.b2 .s03 > li .l_12 {font-family:NotoSansKR-Bold; }


    
    

    
    
    #scroll-section-3 { overrflow: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%
	    
	}    

    
	#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-weight:bold; color:#1b1b1b; font-family: 'NotoSerifKR-Regular'; transform:scale(.8); letter-spacing:-0.03em
	}   
	#scroll-section-3 .section03_msg.b .b1 {
	    color: #1b1b1b;
	    line-height: 1.35;
	    font-size: 1.5em;
	    font-weight: normal;
	    margin-left: -30px;
	}
	#scroll-section-3 .section03_msg.b .b2 {
		font-size: 2.1em;
	    margin-left: 160px;
	    opacity: 1;
	    line-height: 1.27;
	}	   
	#scroll-section-3 .section03_msg.b .b2 .indent {
	    text-indent: -10px;
	    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; width:1180px; left:0; right:0; margin:180px auto 0; position:relative}
	.subContent.flexg #scroll-section-3 .section03_msg.c {left:48px}
	
	
#scroll-section-3 .section03_msg.c .steplist {position:relative; display:flex;  margin:0 10px}
#scroll-section-3 .section03_msg.c .steplist::after {content:""; display:block; position:absolute; top:50%; left:0; right:0; height:1px;
	background:#888; z-index: -1
	}
	
#scroll-section-3 .section03_msg.c .steplist > li {flex:none; width:170px; 
	display: flex; align-items: center; flex-direction: column; justify-content: flex-start; position:relative;
	}	
#scroll-section-3 .section03_msg.c .steplist > li + li {margin-left:75px}
#scroll-section-3 .section03_msg.c .steplist > li .cimg {    height:170px;
	    width: 170px;
	    background: #fff;
	    border:25px solid #262626;
	    border-radius: 50%;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    margin: 0 auto;
		position:relative;
	    text-align:center
	}

	
#scroll-section-3 .section03_msg.c .steplist > li .cimg .num {
	position:absolute; top:0; bottom:0; right:-36px; width:26px; height:26px; background:#262626; border-radius:50%; margin:auto; color:#fff;
	line-height:26px; text-align:center
}
#scroll-section-3 .section03_msg.c .steplist > li .scopy {    font-size: 16px;
	    line-height: 1.4;
	    color:#191919;
	    text-align:center;
	    font-size:12px;
	    font-family:NotoSansKR-Bold;

	}
#scroll-section-3 .section03_msg.c .steplist > li .scopy .light { 
	font-family:NotoSansKR-Light;	
}
	
	
	
#scroll-section-3 .section03_msg.c .last_grid {display:flex; justify-content:space-between; margin-top:50px; align-items:center}
#scroll-section-3 .section03_msg.c .lastinfo {text-align:center; margin-top:0}

.mailview {    
	display: block;
    width: 240px;
    border: 3px solid #262626;
    border-radius: 50px;
    margin: 0;
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
    font-family: NotoSansKR-Bold;
}

.mailview::before {content:""; display:inline-block; width:25px; height:18px; background:url('/img/recruit/email_ico.png') no-repeat 0 0;
background-size:100%; vertical-align:middle; margin:0 10px 3px 0}

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


    
    
}

.popover {z-index:-1}
.N_ctableArea td .lightTxt + .tit  {margin-top:10px}

.N_ctableArea td .lightTxt,
.N_ctableArea td .tit {display:block}
/* *********************************************************  강사 채용 페이지  ********************************************************* */


.port-detailview  {position:relative; width:920px; margin:0 auto}
.port-detailview * {font-family: 'NotoSansKR-Regular'}
.port-detailview .hd3 {font-family: 'NotoSansKR-Bold'; font-size:13px; background:none; margin:0; padding:0}
.port-detailview .hd3::before {content:""; display:block; width:20px; height:1px; background:#d4d4d4; margin:0 0 8px 0}
.port-detailview .hd3 + .st-box {margin-top:22px} 
.port-detailview .st-box {display:flex; justify-content:space-between; align-items: flex-end}
.port-detailview .st-box .st-section {font-size:0; }
.port-detailview .st-box .st-section * {vertical-align:middle}
.port-detailview .st-box .st-section .st-name {color:#262929; font-size:12px; margin-right:7px}
.port-detailview .st-box .st-section .st-name::before {content:""; display:block; width:20px; height:1px; background:#d4d4d4; margin:0 0 8px 0}

.port-detailview .st-box .st-section #IN_HIT {font-size:12px; color:#444343; margin-left:2px}
.port-detailview .st-box .st-section #IN_HIT::before {content:""; display:inline-block; width:16px; height:10px;  
background:url('/img/sub/portfolio_click_icon02.png') no-repeat 0 0; vertical-align:middle; margin:0 2px 2px 0
}
.port-detailview .port--viewbox {margin-top:39px}
.port-detailview .port--viewbox .viewimg {border-top:1px solid #d4d4d4; padding-top:7px}
.port-detailview .port--viewbox .viewimg img {width:100%}
.port-detailview .port--viewbox .slick-arrow {position:fixed; top:0; left:0;  width:23px; height:46px;
background:url('/img/sub/port_ctriconset.png') no-repeat 0 0; cursor:pointer; display:none;}
.port-detailview .port--viewbox .slick-arrow.slick-prev {background-position:0 0; left:-114px}
.port-detailview .port--viewbox .slick-arrow.slick-next {background-position:-23px 0; right:-114px} 


.port-detailview .port--infobox {display:flex; margin-top:30px}
.port-detailview .port--infobox .port--infobox-section {flex:1}
.port-detailview .port--infobox .port--infobox-section:nth-child(2) {flex:none}
.port-detailview .port--infobox .port--infobox-section .pos1 { }
.port-detailview .port--infobox .port--infobox-section .pos1 .subject-name {font-size:13px; color:#262929; font-family: 'NotoSansKR-Bold'}
.port-detailview .port--infobox .port--infobox-section .pos1 .subject-name::before { 
content:""; display:block; width:20px; height:1px; background:#d4d4d4; margin:0 0 8px 0		
}
.port-detailview .port--infobox .port--infobox-section .pos1 .hit {margin-left:9px; color:#444343; font-size:13px; display:none}
.port-detailview .port--infobox .port--infobox-section .pos1 .hit::before { 
content:""; display:inline-block; width:16px; height:10px;  
background:url('/img/sub/portfolio_click_icon02.png') no-repeat 0 0; vertical-align:middle; margin:0 2px 2px 0		
}
.port-detailview .port--infobox .port--infobox-section .pos1 .st-section {margin-left:33px}
.port-detailview .port--infobox .port--infobox-section .pos1 .st-section img { }
.port-detailview .port--infobox .port--infobox-section .pos1 .stxt {color:#262929; font-size:11px}
.port-detailview .port--infobox .port--infobox-section .pos1 .stxt::before { 
content:""; display:block; width:20px; height:1px; background:#d4d4d4; margin:0 0 8px 0	
}

.port-detailview .port--infobox .port--infobox-section .pos1 + .pos1 {margin-top:22px}
.port-detailview .port--infobox .port--infobox-section .btn {
display:block;	
width:82px; height:27px; background:#000; border-radius:50px; color:#fff; font-size:13px; text-align:center; line-height:27px; font-family: 'NotoSansKR-Bold';
letter-spacing:-0.05em; box-shadow:1px 3px 1px #999999; margin-top:22px		
}
.port-detailview .port--infobox .port--infobox-section .btn::after { 
	content:""; display:inline-block; width:9px; height:9px;
	background:url('/img/sub/portfolio_listviewbtn.png') no-repeat 0 0; vertical-align:middle; margin:0 0 2px 5px 
		
}

.port-detailview .port-recentbox {margin-top:35px; border-top:1px solid #d4d4d4; padding-top:10px}
.port-detailview .port-recentbox .recentlist { }
.port-detailview .port-recentbox .recentlist > ul {overflow: hidden; margin-left: -10px}
.port-detailview .port-recentbox .recentlist > ul > li {float:left; width:calc((100% / 5) - 10px); height:126px; overflow:hidden; margin-left:10px;
border-radius:5px
}
.port-detailview .port-recentbox .recentlist > ul > li .simg {height:100%}
.port-detailview .port-recentbox .recentlist > ul > li .simg img {width:100%}








.before-reserve-outer {display:table}
.before-reserve {
padding: 0 0 0 5px; margin-bottom: 5px; display: table-cell; vertical-align: top;transform: translateY(-2px); width: 260px}
.before-reserve label {font-size:12px; color:#4e4e4e; letter-spacing:-0.05em; opacity:1; line-height:.5em}
.before-reserve .inputset.chk input[type="checkbox"] + label::before {margin-top:-1px}
.before-reserve .inputset.chk + .chk {margin-left:15px}
.before-reserve label .bold {font-family: 'NotoSansKR-Bold'}
.before-reserve label img {margin:0 0 2px 3px}
.before-reserve .motion {margin-left:5px}

.before-reserve-outer #main_interest_list {display:table-cell; padding-left:5px}



.write table {font-family: 'NotoSansKR-Regular'}

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

}

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

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

.port-grid .grid-item {
  width: calc((100% / 7) - 21px);
  margin: 0 0 50px 16px;	
  float: left;
  background: #fff;
  border-radius: 15px;
  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:.5rem}
.port-grid .grid-item .portfolio-txt-wrap .portfolio-lec { 
	font-size: 12px;
    font-weight: 800;
    color: #282A29;
    letter-spacing: -0.5px;
}
.port-grid .grid-item .portfolio-txt-wrap .portfolio-btm-txt { }
.port-grid .grid-item .portfolio-txt-wrap .portfolio-btm-txt .port-studentName { 
    font-size: 10.5px;
    letter-spacing: -0.5px;
    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;
}

.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%; }


#GALLERY_CONTENT > p > img {width: 85% !important; margin:0 auto; display:block}

.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; letter-spacing:-0.05em}
.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:20px; margin-bottom:0}


.new_section_list.ty1 .inlist {margin: -2px 0 16px 0; margin-bottom:20px; position:relative; z-index:10; border-bottom:none}
.new_section_list.ty1 .inlist > li {background: #fff; box-shadow: 0 2px 5px #d4d4d4; 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:0; position:relative}
.new_section_list.ty1 .inlist .dlist > dd::after {content:""; display:block; width:19px; height:77px; background:url('/img/sub/lecture_rightdeco.png') no-repeat 0 0;
background-size:100%; position:absolute; top:22px;  margin:auto; right:20px}
.new_section_list.ty1 .inlist .dlist > dd .titset {
	display:inline-block; vertical-align:top; min-width:345px;
	padding:20px 0 29px 25px	
}
.new_section_list.ty1 .inlist .dlist > dd .titset + .ic.last::before { 
content:""; display:block; position:absolute; top:15px; bottom:15px; left:7px; width:1px;  background:#cccccc; margin:auto		
}
.new_section_list.ty1 .inlist .dlist > dd .titset .ic > li {color:#727272; font-size:13.34px; font-family:NotoSansKR-Regular}

.new_section_list.ty1 .inlist .dlist > dd .ic.last {display:inline-block; vertical-align:top; position:relative;
padding:19px 0 27px 30px	
}


.new_section_list.ty1 .inlist .dlist > dd .hd3 {font-size:10px; font-family:NotoSansKR-Black; background:none; padding:0}
						
.new_section_list.ty1 .inlist .dlist > dd .ic { }
.new_section_list.ty1 .inlist .dlist > dd .ic > li {margin-left:0; text-indent:0; color:#747474}
.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:0}
.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 {min-height:124px}
.new_section_list.ty1 .inlist .dlist > dd .ic.last > li {color:#666666; padding:0 0 0 0; font-family: 'NotoSansKR-Light'; font-size:13px;
line-height:1.5
}
.new_section_list.ty1 .inlist .dlist > dd .ic > li::before {display:none}

.new_section_list.ty1 .inlist .dlist > dd .ic.last > li .dp2 {margin-left:7px}
.new_section_list.ty1 .inlist .dlist > dd .ic.last > li .dp2 > li { }
.new_section_list.ty1 .inlist .dlist > dd .ic.last > li .dp2 > li::before { 
	content:""; display:inline-block; vertical-align:middle; width:4px; height:1px; background:#555; margin:0 3px 0 0	
}
.new_section_list.ty1 .inlist .dlist > dd .ic > li .dp2 {margin-bottom:14px}