@charset "utf-8";

/************************** 공통 **************************/
/* 폰트 */
.point_color {color:#ff6009 !important;}
.blue_color {color:#00358e !important;}
.medium {font-weight:500 !important;}
.reference {position:relative;margin:10px 0 0;padding:0 0 0 17px;font-size:1.6rem;font-weight:300;line-height:24px;}
.reference:after {content:'※';position:absolute;left:0;top:0;line-height:24px;}
.reference span {display:block;}
.text_big {zoom:1.5 !important;}
.text-huge {zoom:2 !important;}
sub {vertical-align:sub !important;}
sup {vertical-align:super !important;}
figure.table table tr th,
figure.table table tr td {border:1px solid #000;}

/* 아이콘 */
.icon_state {display:inline-block;font-size:1.6rem;height:36px;line-height:34px;text-align:center;vertical-align:top;border:1px solid #666;border-radius:36px;box-sizing:border-box;}
.icon_state.point {color:#e55100;border-color:#e55100;}
.icon_state.pointfill {color:#fff;border-color:#ff6009;background:#ff6009;}
.icon_state.grayfill {border-color:#bcbcbc;background:#dcdcdc;}
.icon_state.small {font-size:1.4rem;height:26px;line-height:24px;border-radius:26px;}

/* 내비게이션 */
.navigation {height:50px;border-bottom:1px solid #d5d5d5;}
.navigation .list {border-left:1px solid #d5d5d5;}
.navigation .list:after {content:'';display:block;clear:both;}
.navigation .list > li {position:relative;float:left;border-right:1px solid #d5d5d5;}
.navigation .list > li:first-child {border-left:1px solid #d5d5d5;}
.navigation .list > li.home {display:none;border-left:1px solid #d5d5d5;}
.navigation .list > li.home a {display:block;width:49px;height:50px;font-size:0;text-indent:-9999em;background:url(../../images/user/common/icon_navigation_home.png) no-repeat center center;}
.navigation .list > li .navi_title {position:relative;width:230px;padding:0 20px;font-size:1.6rem;line-height:50px;text-align:left;color:#555;box-sizing:border-box;}
.navigation .list > li .navi_title:after {content:'';position:absolute;right:20px;top:1px;width:18px;height:48px;background:url(../../images/user/common/icon_navigation_arrow.png) #999 no-repeat center center;}
.navigation .list > li .navi_title.active:after {background-color:#ff6009;}
.navigation .list > li .navi_depth {display:none;position:absolute;left:-1px;top:50px;width:100%;border:1px solid #d5d5d5;background:#fff;z-index:2;}
.navigation .list > li .navi_depth li a {display:block;height:40px;padding:0 20px;font-size:1.6rem;line-height:40px;}
.navigation .list > li .navi_depth li a:hover,
.navigation .list > li .navi_depth li a:focus {font-weight:500;color:#ff6009;background:#fff3ec;}

/* 탭 */
.tab_type ul:after {content:'';display:block;clear:both;}
.tab_type ul {border:1px solid #e5e5e5;box-sizing: border-box;}
.tab_type ul li {float:left;}
.tab_type ul li a {display:flex;width:100%;height:60px;font-size:1.8rem;justify-content:center;align-items:center;border-right:1px solid #e5e5e5;background:#f5f5f5;box-sizing:border-box;}
.tab_type ul li:first-child a {border-left:0 none;}
.tab_type ul li.active a {color:#fff;background:#ff6009;}

.tab_type.cols01 ul li{width:calc(100%);}
.tab_type.cols01 ul li:nth-child(n) a{border-right:0 none;}
.tab_type.cols02 ul li{width:calc(100%/2);}
.tab_type.cols02 ul li:nth-child(2n) a{border-right:0 none;}
.tab_type.cols03 ul li{width:calc(100%/3);}
.tab_type.cols03 ul li:nth-child(3n) a{border-right:0 none;}
.tab_type.cols04 ul li{width:calc(100%/4);}
.tab_type.cols04 ul li:nth-child(4n) a{border-right:0 none;}
.tab_type.cols05 ul li{width:calc(100%/5);}
.tab_type.cols05 ul li:nth-child(5n) a{border-right:0 none;}
.tab_type.cols05 ul li a{border-bottom:1px solid #e5e5e5;}
.tab_type.cols06 ul li {width:calc(100%/6);}
.tab_type.cols06 ul li a{border-bottom:1px solid #e5e5e5;}
.tab_type.cols06 ul li:nth-child(6n) a{border-right:0 none;}
.tab_type.cols06 ul li:nth-child(n+7) a{border-bottom:0;}

.tab_type.cols07 ul li {width:calc(100%/7);}
.tab_type.cols07 ul li a{border-bottom:1px solid #e5e5e5;}
.tab_type.cols07 ul li:nth-child(n+8) a{border-bottom:0;}
.tab_type.cols07 ul li:nth-child(7n) a{border-right:0 none;}


.sub_tab_type ul {margin:50px 0 0;border:2px solid #e5e5e5;background:#fff;border-radius:5px;}
.sub_tab_type ul:after {content:'';display:block;clear:both;}
.sub_tab_type ul li {position:relative;float:left;width:calc(100%/3);}
.sub_tab_type ul li:after {content:'';position:absolute;left:0;top:50%;width:1px;height:20px;background:#d5d5d5;transform:translateY(-50%);}
.sub_tab_type ul li:first-child:after {display:none;}
.sub_tab_type ul li a {display:flex;width:100%;height:48px;font-size:1.8rem;justify-content:center;align-items:center;background:#fff;box-sizing:border-box;}
.sub_tab_type ul li.active a {color:#00358e;background:#f4f7fd;}
.sub_tab_type ul li.active a:after {content:'';position:absolute;left:-2px;top:-2px;width:100%;height:100%;border:2px solid #00358e;border-radius:5px;z-index:1;}
.sub_tab_type ul li.active a:focus:after {width:calc(100% - 4px);height:calc(100% - 4px);margin-top:2px;margin-left:2px;}
.sub_tab_type.type02 ul li {width:calc(100%/2);}
.sub_tab_type.type03 ul li {width:calc(100%/3);}
.sub_tab_type.type04 ul li {width:calc(100%/4);}

/* 버튼 */
.button_type {display:inline-block;height:40px;padding:0 21px;font-size:1.6rem;line-height:38px;text-align:center;color:#00358e;border:1px solid #00358e;background:#fff;border-radius:5px;box-sizing:border-box;}
.button_type.bor {color:#222;border:1px solid #d1d1d1;}
.button_type.fill {color:#fff;background:#00358e;}
.button_type.pointfill {color:#fff;border-color:#ff6009;background:#ff6009;}
.button_type.point {color:#ff6009;border-color:#ff6009;}
.button_type.grayfill {color:#fff;border-color:#999;background:#999;}
.button_type.grayfill02 {color:#fff;border-color:#666;background:#666;}
.button_type.bluefill {color:#fff;border-color:#1b55b6;background:#1b55b6;}
.button_type.download {padding-left:38px;color:#222;border-color:#d5d5d5;background:url(../../images/user/common/icon_button_type_download.png) no-repeat left 14px top 2px;}
.button_type.large {height:45px;line-height:43px;}
.button_type.small {height:38px;padding:0 14px;line-height:36px;}
.button_type.xsmall {height:30px;padding:0 14px;line-height:29px;}
.button_type:disabled {color:#fff;border-color:#666;background:#666;}
.btn_row2 .button_type{padding:0 10px}

.button_type2.skyfill{display:inline-block; padding:0 21px;font-size:1.6rem; text-align:center;color:#ffffff;border:1px solid #00358e; box-sizing:border-box;background:#4688ea; margin-left:30px;}
 
.plus_button {display:inline-block;width:35px;height:35px;font-size:0;text-indent:-9999em;border:1px solid #00358e;background:url(../../images/user/common/icon_plusbutton.png) #fff no-repeat center center;border-radius:5px;box-sizing:border-box;}

.buttons_wrap {margin:40px 0 0;text-align:right;}
.buttons_wrap .button_type {min-width:100px;margin:0 0 0 8px;}
.buttons_wrap.type02 {display:flex;justify-content:space-between;}
.buttons_wrap.type02 .button_type {min-width:180px;}
.buttons_wrap.type02 .left_box .button_type {margin:0 8px 0 0;}
.buttons_wrap.center {text-align:center;}

/* 테이블 */
.table_type_rows table {width:100%;}
.table_type_rows table tbody tr th {padding:21px 0 21px 25px;font-size:1.8rem;text-align:left;vertical-align:middle;color:#222;border-bottom:1px solid #e5e5e5;background:#f5f5f5;}
.table_type_rows table tbody tr th label {font-size:1.8rem;text-align:left;vertical-align:middle;color:#222;font-weight: 500;}
.table_type_rows table tbody tr th .essential {font-size:1.8rem;color:#e40000;}
.table_type_rows table tbody tr th .essential span {overflow:hidden;width:0;height:0;font-size:0;text-indent:-9999em;visibility:hidden;}
.table_type_rows table tbody tr td {padding:21px 0 21px 25px;font-size:1.8rem;font-weight:300;text-align:left;vertical-align:middle;color:#222;border-bottom:1px solid #e5e5e5;}
.table_type_rows table tbody tr td strong {font-size:1.8rem;font-weight:500;color:#222;}
.table_type_rows table tbody tr td strong span {font-size:1.6rem;font-weight:300;}
.table_type_rows table tbody tr td .slash {margin:0 20px;font-size:1.8rem;font-weight:300;color:#222;}
.table_type_rows table tbody tr td span {font-size:1.8rem;color:#222;}
.table_type_rows table tbody tr td input[type='radio'] + label {margin:0 30px 0 0;}
.table_type_rows table tbody tr td .phone_box:after {content:'';display:block;clear:both;}
.table_type_rows table tbody tr td .phone_box .select_box {float:left;width:100px;}
.table_type_rows table tbody tr td .phone_box span {float:left;width:25px;height:38px;font-size:1.8rem;line-height:38px;text-align:center;color:#222;}
.table_type_rows table tbody tr td .phone_box input[type=text] {float:left;width:100px;}
.table_type_rows table tbody tr td textarea {width:100%;}
.table_type_rows table tbody tr td .textarea_info {font-size:1.6rem;font-weight:300;line-height:30px;text-align:right;}
.table_type_rows table tbody tr td .textarea_info span {font-size:1.6rem;font-weight:300;line-height:30px;color:#666;}
.table_type_rows table tbody tr:first-child th,
.table_type_rows table tbody tr:first-child td {border-top:2px solid #101010;}
.table_type_rows table tbody tr:last-child th,
.table_type_rows table tbody tr:last-child td {border-bottom:1px solid #101010;}
.table_type_rows.small table tbody tr th,
.table_type_rows.small table tbody tr td {padding:15px 0 15px 20px;}
.table_type_rows.small table tbody tr th .point{margin-top: 10px;}
.table_type_rows.small table tbody tr th .summary {display:block;margin:5px 0 0;font-size:1.4rem;color:#666;}
.table_type_rows.small table tbody tr td input[type=checkbox] {width:18px;height:18px;}
.table_type_rows.small table tbody tr td input[type=checkbox] + label {margin:0 15px 0 0;line-height:18px;}
.table_type_rows.small table tbody tr.form_wrap td {padding-top:9px;padding-bottom:9px;}
.table_type_rows.small table tbody tr.form_wrap td .form-group {margin-bottom:0;}
.table_type_rows.small table tbody tr.form_wrap td input[type='radio'] {margin-top:5px;}
.table_type_rows.small table tbody tr.form_wrap td input[type='radio'] + label {line-height:30px;}
.table_type_rows.small table tbody tr.form_wrap td input[type='checkbox'] {margin-top:5px;}
.table_type_rows.small table tbody tr.form_wrap td input[type='checkbox'] + label {line-height:30px;}
.table_type_rows.small table tbody tr.form_wrap td input[type=text],
.table_type_rows.small table tbody tr.form_wrap td input[type=number],
.table_type_rows.small table tbody tr.form_wrap td input[type=password] {height:30px;}
.table_type_rows.small table tbody tr.form_wrap td .button_type {height:30px;line-height:28px;}
.table_type_rows.small table tbody tr.form_wrap td .phone_box span {height:30px;line-height:30px;}
.table_type_rows.small table tbody tr.form_wrap td .phone_box input[type=text] {width:100px;}

.table_type_cols {position:relative;}
.table_type_cols:after {content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#101010;}
.table_type_cols table {width:100%;}
.table_type_cols table thead tr .no-border-left, .table_type_cols table tbody tr .no-border-left {border-left:0 none !important;}
.table_type_cols table thead tr th {padding:21px 0;font-size:1.8rem;text-align:center;vertical-align:middle;color:#222;border-top:2px solid #101010;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;background:#f5f5f5;}
.table_type_cols table thead tr th label{font-size:1.8rem;text-align:center;vertical-align:middle;color:#222;font-weight: 500}
.table_type_cols table thead tr th:first-child {border-left:0 none;}
.table_type_cols table tbody tr td {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:60px;font-size:1.8rem;font-weight:300;text-align:center;vertical-align:middle;color:#222;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;}
.table_type_cols:not(.rowspan) table tbody tr td:first-child {border-left:0 none;}
.table_type_cols table tbody tr td.line {border-left:0 none;}
.table_type_cols table tbody tr:last-child td {border-bottom-color:#101010;}
.table_type_cols table tbody tr td.name {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 20px;text-align:left;}
.table_type_cols table tbody tr td.name a {font-size:1.8rem;font-weight:300;color:#222;}
.table_type_cols table tbody tr td.name .icon_reply {display:inline-block;width:45px;height:25px;margin:-4px 10px 0 0;font-size:1.5rem;line-height:23px;text-align:center;vertical-align:top;color:#ff6009;border:1px solid #ff6009;border-radius:25px;box-sizing:border-box;}
.table_type_cols table tbody tr td span {font-size:1.8rem;}
.table_type_cols table tbody tr td .icon_check {display:inline-block;width:29px;height:29px;background:url(../../images/user/myclass/icon_checklist_on.png) #e5e5e5 no-repeat center center;border-radius:50%;}
.table_type_cols table tbody tr td .icon_check.check {background-image:url(../../images/user/myclass/icon_checklist.png);background-color:#20b343;}
.table_type_cols table tbody tr td .progress {overflow:hidden;position:relative;display:inline-block;width:63%;height:13px;margin:3px 10px 0 0;background:#e5e5e5;border-radius:13px;}
.table_type_cols table tbody tr td .progress span {position:absolute;left:0;top:0;height:13px;background:#ff6009;border-radius:13px;}
.table_type_cols table tbody tr td .percent {display:inline-block;width:46px;font-size:1.8rem;color:#222;}
.table_type_cols table tbody tr td .percent span {font-size:1.6rem;}
.table_type_cols table tbody tr td .icon_state {width:88px;}
.table_type_cols table tbody tr td .icon {display:inline-block;width:50px;height:30px;margin:10px 0 0;font-size:1.6rem;font-weight:300;line-height:30px;text-align:center;color:#fff;border-radius:5px;}
.table_type_cols table tbody tr td .icon.red {background:#e40000;}
.table_type_cols table tbody tr td .icon.green {background:#00968a}
.table_type_cols table tbody tr td .icon.blue {background:#1659c7}
.table_type_cols table tbody tr td .icon_lock {display:inline-block;width:15px;height:20px;background:url(../../images/user/cscenter/icon_inquiry_lock.png) no-repeat left top;}
.table_type_cols table tfoot tr td {height:60px;font-size:1.8rem;font-weight:300;text-align:center;vertical-align:middle;color:#222;border-top:4px double #e5e5e5;}
.table_type_rows.table_form table tbody tr td .input_box02 {font-size:1.8rem;line-height:30px;color:#222;}
.table_type_cols.small table tbody tr td {height:40px;}
.table_type_cols.table_notice table tbody tr td i {display:none;}
.table_type_cols.table_notice table tbody tr td i.icon_lock {display:inline-block;}
.table_type_cols.table_review table tbody tr td {overflow:inherit;text-overflow:inherit;white-space:normal;word-break:break-all;height:auto;padding-top:18px;padding-bottom:18px;line-height:24px;}

.mob_txt, .mob_tit{display: none;}


/* 밑줄텍스트 */
.line_text {position:relative;display:inline-block;font-size:1.8rem;font-weight:500;color:#222;}
.line_text:after {content:'';position:absolute;left:0;bottom:0;width:100%;height:5px;background:#ff6009;opacity:0.2;}

/* 페이징 */
.paging_wrap {margin:40px 0 0;text-align:center;}
.paging_wrap ul {overflow:hidden;display:inline-block;}
.paging_wrap ul li {float:left;margin:0 3px;}
.paging_wrap ul li button {width:36px;height:36px;font-size:1.6rem;font-weight:300;line-height:34px;text-align:center;color:#666;border:1px solid #d5d5d5;border-radius:5px;box-sizing:border-box;}
.paging_wrap ul li.active button {font-weight:500;color:#e32c02;border-color:#e32c02;}
.paging_wrap ul li.first button {background:url(../../images/user/common/paging_icon_first.png) no-repeat center center;}
.paging_wrap ul li.prev {margin-right:7px;}
.paging_wrap ul li.prev button {background:url(../../images/user/common/paging_icon_prev.png) no-repeat center center;}
.paging_wrap ul li.next {margin-left:7px;}
.paging_wrap ul li.next button {background:url(../../images/user/common/paging_icon_next.png) no-repeat center center;}
.paging_wrap ul li.last button {background:url(../../images/user/common/paging_icon_last.png) no-repeat center center;}

/* 셀렉트박스 */
.select_box {display:inline-block;height:38px;padding:0 50px 0 15px;font-size:1.6rem;color:#000;border:1px solid #cecece;background:url(../../images/user/common/icon_selectbox.png) #fff no-repeat right center;border-radius:5px;box-sizing:border-box;cursor:pointer;}
.select_box.small {height:30px;padding-left:12px;}
.select_box:disabled {color:#999;background:url(../../images/user/common/icon_selectbox_disabled.png) #f5f5f5 no-repeat right center;}

/* 인풋박스 */
input[type='text'], input[type='password'], input[type='number'], input[type='tel'], input[type='date'], input[type='date'].form-control {display:inline-block;width:auto;height:38px;padding:0 10px;font-size:1.6rem;line-height:36px;text-align:left;border:1px solid #cecece;background:#fff;border-radius:5px;box-sizing:border-box;box-shadow:none;}
input[type='text']:read-only,
input[type='password']:read-only,
input[type='number']:read-only,
input[type='tel']:read-only,
input[type='date']:read-only,
input[type='date']:read-only.form-control {color:#777;background:#f5f5f5;}
textarea {display:inline-block;padding:5px 10px;font-size:1.6rem;line-height:30px;text-align:left;border:1px solid #cecece;background:#fff;border-radius:5px;box-sizing:border-box;resize:none;}

/* 체크박스 */
input[type='checkbox'] {display:inline-block;width:22px;height:22px;margin:0;padding:0;vertical-align:top;}
input[type='checkbox'] + label {padding:0 0 0 8px;font-size:1.6rem;font-weight:300;line-height:22px;vertical-align:top;color:#222;}

/* 라디오박스 */
input[type='radio'] {display:inline-block;width:20px;height:20px;margin:0;padding:0;vertical-align:top;}
input[type='radio'] + label {display:inline-block;padding:0 0 0 10px;font-size:1.6rem;font-weight:300;line-height:20px;vertical-align:top;color:#222;}

/* 파일 */
.file_wrap {position:relative;}
.file_wrap input[type=text] {width:calc(100% - 100px);}
.file_wrap input[type=file] {overflow:hidden;position:absolute;left:0;top:0;width:0;height:0;visibility:hidden;}
.file_wrap input[type=file] + label {margin:0 0 0 5px;cursor:pointer;}

/* 서브 상단배너 */
.main_banner {height:250px;background:url(../../images/user/common/img_main_banner.jpg) no-repeat center top;}
.main_banner h2 {font-size:3.6rem;font-weight:500;line-height:250px;color:#222;}
.main_banner h2 span {margin:0 0 0 20px;font-size:2.2rem;line-height:270px;color:#222;}

/* 제목 */
.main_title {overflow:hidden;height:0;margin:50px 0 0;/*margin:100px 0 45px;*/font-family:'GmarketSansBold';font-size:3.2rem;text-align:center;color:#222;}
.sub_title {margin:70px 0 20px;}
.sub_title:after {content:'';display:block;clear:both;}
.sub_title.flex_btw:after{display: none;}
.sub_title.flex_btw{flex-flow: row wrap}
.sub_title.flex_btw .table_top_btnwrap{display: flex;flex-flow: row nowrap}
.sub_title.flex_btw .table_top_btnwrap .button_type{margin-right: 6px;}

.sub_title h4 {float:left;font-size:2.6rem;font-weight:700;color:#222;}
.sub_title h4 .button_type {margin:0 0 0 10px;}
.sub_title h4 .opentype {margin:0 0 0 10px;vertical-align:top;}
.sub_title ~ .button_type{float: right;margin-bottom: 10px;position: relative;z-index: 2}
.sub_title ~ .button_type::after{content: '';display: inline-block;clear: both;}
.sub_title ul {float:right;}
.sub_title ul li {float:left;margin:0 0 0 5px;}
.sub_title ul li .button_type {width:100px;padding:0;}
.sub_title ul li.active .button_type {color:#fff;background:#00358e;}
.sub_title > .opentype {float:right;}
.sub_title .summary {float:right;font-size:1.5rem;font-weight:300;line-height:36px;}
.sub_title.line {padding:0 0 20px;border-bottom:2px solid #222;}
.sub_title.dot h4 {position:relative;padding:0 0 0 25px;background:url(../../images/user/edu/icon_title_dot.png) no-repeat left center;}
.aply_title {margin:20px 0 20px;}
.aply_title:after {content:'';display:block;clear:both;}
.aply_title h4 {float:left;font-size:2.6rem;font-weight:700;color:#222;}
.aply_title.dot h4 {position:relative;padding:0 0 0 25px;background:url(../../images/user/edu/icon_title_dot.png) no-repeat left center;}

/* 검색박스 */
.search_wrap {position:relative;padding:13px 110px 13px 38px;border:1px solid #dbdcdd;background:#f1f2f4;border-radius:5px;}
.search_wrap.aply {margin: 15px 0px 45px 0px;}
.search_wrap:after {content:'';display:block;clear:both;}
.search_wrap dl {float:left;margin:0 50px 0 0;}
.search_wrap dl dt {position:relative;float:left;padding:0 0 0 15px;font-size:1.8rem;font-weight:500;line-height:38px;color:#222;}
.search_wrap dl dt label{font-size:1.8rem;font-weight:500;line-height:38px;color:#222;margin-bottom: 0;max-width: none;}
.search_wrap dl dt:after {content:'';position:absolute;left:0;top:50%;width:4px;height:4px;background:#db5d2e;border-radius:50%;}
.search_wrap dl dd {float:left;margin:0 0 0 15px;}
.search_wrap dl dd .select_box {min-width:130px;}
.search_wrap dl dd input[type=text] {min-width:300px;}
.search_wrap dl dd .select_box + input[type=text] {margin:0 0 0 6px;}
.search_wrap .button_type {position:absolute;right:25px;top:13px;font-size:1.8rem;}

/* 개인정보 영역 */
.privacy_wrap .cont {overflow:hidden;overflow-y:auto;max-height:300px;padding:16px 22px 20px;font-size:1.6rem;font-weight:300;line-height:26px;border:2px solid #e5e5e5;background:#fff;border-radius:5px;box-sizing:border-box;}
.privacy_wrap .cont dt {font-size:1.6rem;line-height:26px;}
.privacy_wrap .cont dd {padding:0 0 0 15px;font-size:1.6rem;font-weight:300;line-height:26px;}
.privacy_wrap .cont p {font-size:1.6rem;font-weight:300;line-height:26px;}
.privacy_wrap .agree {margin:10px 0 0;padding:16px 20px;background:#f5f5f5;border-radius:5px;}
.privacy_wrap .agree input[type=radio],
.privacy_wrap .agree input[type=checkbox] {width:18px;height:18px;}
.privacy_wrap .agree input[type=radio] + label,
.privacy_wrap .agree input[type=checkbox] + label {margin:0 10px 0 0;line-height:18px;}

/* 게시판 상세내역 */
.detail_content {border-top:2px solid #101010;border-bottom:1px solid #101010;}
.detail_content .title_box {padding:15px 35px 22px;background:#f5f5f5;border-bottom:1px solid #eaeaea;}
.detail_content .title_box .title {font-size:2rem;line-height:36px;color:#222;}
.detail_content .title_box ul {overflow:hidden;margin:7px 0 0;}
.detail_content .title_box ul li {position:relative;float:left;padding:0 0 0 40px;font-size:1.6rem;line-height:16px;}
.detail_content .title_box ul li:after {content:'';position:absolute;left:20px;top:50%;width:1px;height:15px;background:#d5d5d5;transform:translateY(-50%);}
.detail_content .title_box ul li i {display:inline-block;width:16px;height:16px;margin:1px 5px 0 0;vertical-align:top;background:url(../../images/user/common/icon_detail_cont01.png) no-repeat left top;}
.detail_content .title_box ul li:first-child {padding:0;}
.detail_content .title_box ul li:first-child:after {display:none;}
.detail_content .title_box ul li:nth-child(2) i {background-image:url(../../images/user/common/icon_detail_cont02.png);}
.detail_content .title_box ul li:nth-child(3) i {background-image:url(../../images/user/common/icon_detail_cont03.png);}
.detail_content .attach_box {padding:15px 35px 16px;border-bottom:1px solid #eaeaea;}
.detail_content .attach_box a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.6rem;font-weight:300;line-height:18px;color:#222;}
.detail_content .attach_box a i {display:inline-block;width:16px;height:14px;margin:2px 8px 0 0;vertical-align:top;background:url(../../images/user/common/icon_detail_attach.png) no-repeat left top;}
.detail_content .cont {padding:32px 35px;font-size:1.8rem;font-weight:300;line-height:32px;color:#222;}
.detail_content .cont * {font-size:1.8rem;font-weight:300;line-height:32px;color:#222;word-break:keep-all;height:auto}
.table_wrap .table_type_rows.view_list {margin:50px 0 0;}
.table_wrap .table_type_rows.view_list table tbody tr th strong {overflow:hidden;display:block;font-size:1.6rem;color:#222;}
.table_wrap .table_type_rows.view_list table tbody tr th strong i {display:block;float:right;margin:3px 22px 0 0;width:16px;height:11px;background:url(../../images/user/common/icon_deital_view_prev.png) #444 no-repeat left top;}
.table_wrap .table_type_rows.view_list table tbody tr th strong.next i {background-image:url(../../images/user/common/icon_deital_view_next.png);}
.table_wrap .table_type_rows.view_list table tbody tr td {font-size:1.6rem;}
.table_wrap .table_type_rows.view_list table tbody tr td a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.6rem;font-weight:300;color:#222;}
.table_wrap .table_type_rows.view_list table tbody tr.none th strong {color:#666;}
.table_wrap .table_type_rows.view_list table tbody tr.none th strong i {background-color:#aaa;}
.table_wrap .table_type_rows.view_list table tbody tr.none td {color:#666;}

.raw-html-embed{display: inline-block;}

/* 팝업 공통 */
.popup_wrap .popup_content {position:relative;padding-bottom:30px;}
.popup_wrap .popup_content img {vertical-align:top;}
.popup_wrap input[type='text']{height:38px!important;padding: 0 10px!important;font-size: 1.6rem;line-height: 38px}


/* 임시이미지 */
.imsi_img_content {text-align:center;}

/* 모바일용 display:none */
.m_select_wrap {display:none;}

/* 달력 */
.calendar_wrap {display:flex;}
.calendar_wrap .calendar_box {width:210px;height:30px;}
.calendar_wrap .calendar_box .duet-date .duet-date__input {height:30px;padding:3px 34px 4px 10px;font-size:1.5rem;border-color:#cecece;box-sizing:border-box;}
.calendar_wrap .calendar_box .duet-date .duet-date__input::placeholder {font-size:1.5rem;}
.calendar_wrap .calendar_box .duet-date .duet-date__toggle {width:34px;height:28px;border:0 none;background-color:#fff;box-shadow:none;}
.calendar_wrap .calendar_box .duet-date .duet-date__table thead tr th {padding:0 0 8px;font-size:1.6rem;text-align:center;border-top:0 none;border-bottom:0 none;background-color:#fff;}
.calendar_wrap .calendar_box .duet-date .duet-date__table thead tr th span {font-size:1.6rem;}
.calendar_wrap .calendar_box .duet-date .duet-date__table tbody tr td {padding:5px 0;border-top:0 none;border-bottom:0 none;}
.calendar_wrap .calendar_box .duet-date .duet-date__table tbody tr td span {font-size:1.6rem;}
.calendar_wrap .calendar_box .duet-date .duet-date__input:focus,
.calendar_wrap .calendar_box .duet-date .duet-date__toggle:focus {outline:auto;}
.calendar_wrap .calendar_box input[type=date] {width:100%;height:30px;padding:3px 10px 4px 10px;font-size:1.5rem;border-color:#cecece;box-sizing:border-box;}
.calendar_wrap .line {width:28px;height:30px;font-size:1.6rem;line-height:30px;text-align:center;color:#222;}
.search_wrap .calendar_wrap {flex-wrap:wrap;}
/* 데이터없음 */
.nodata {font-size:1.8rem;line-height:100px;text-align:center;border-bottom:1px solid #d5d5d5;}

/* loading */
.loading_layer {display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000000;}
.loading_layer.active {display:block;}
.loading_layer:after {content:'';display:block;width:100%;height:100%;background:#000;opacity:0.5;filter:opacity(50);}
.loading_layer .loading_container {position:absolute;left:50%;top:50%;width:110px;height:110px;transform:translate(-50%,-50%);z-index:1;}
.loading_layer .loading_container .bar {position:absolute;left:0;top:0;width:100%;height:100%;border:6px solid #fff;border-top-color:transparent;border-bottom-color:transparent;border-radius:60px;box-sizing:border-box;animation:rotate-loading 1.5s linear infinite;}
.loading_layer .loading_container .text {font-size:1.6rem;line-height:108px;text-align:center;color:#fff;animation:text-loading 1s ease-in infinite;}
@keyframes rotate-loading {
	0% {transform:rotate(0)}
	100% {transform:rotate(360deg);}
}

/* 파일 업로드 */
.qq-uploader:before {font-size:1.6rem !important;}
.qq-uploader .qq-upload-button {color:#fff !important;border-color:#00358e;background:#00358e !important;box-shadow:none;}
.qq-uploader .qq-upload-button > div {font-size:1.8rem;color:#fff !important;}
.qq-uploader .qq-upload-list {box-shadow:none !important;}
.qq-uploader .qq-upload-list .qq-upload-download {background-color:#fff !important;}
.qq-uploader .qq-upload-list .qq-upload-delete {background-color:#ff6009 !important;}
.qq-uploader .qq-upload-list li:nth-child(odd).qq-upload-success {background:#f5f5f5 !important;border-color:#d5d5d5 !important;}
.qq-uploader .qq-upload-list li:nth-child(even).qq-upload-success {background:#fff !important;border-color:#d5d5d5 !important;}
.qq-uploader .qq-upload-list li:last-child {border-top:0 none !important;}
.qq-uploader .qq-upload-list .qq-upload-file {overflow:hidden !important;}


/* 말풍선  */
.question_mark{cursor:pointer}
.question_mark img {width:20px;}
.arrow_box {display: none;position: absolute;width: 200px;padding: 12px;left: 0;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;background: #cedcf0;color: black;font-size: 12px;text-align: left;color:#483d09;margin-top: 15px; z-index:100}
.arrow_box:after {position: absolute;bottom: 100%;left: 50%;width: 0;height: 0;margin-left: -10px;border: solid transparent;border-color: rgba(51, 51, 51, 0);border-bottom-color: #cedcf0;border-width: 10px;pointer-events: none;content: ' ';}

/************************** //공통 **************************/

/* 스크롤 메세지 추가 */
.mob_scroll_message{display:none}

/* 모달창 */
.sub_title .error_tip{cursor: pointer;float: right;font-size: 1.4rem;color: #666666;background-color: transparent;margin-top:10px}
.sub_title .error_tip span{width: 16px;height: 16px;display: inline-block;vertical-align: -2px;background:url(../../images/user/common/icon_video_tip.png) center center no-repeat;}
	    
.body_fixed {height:100%; min-height:100%; overflow:hidden !important;}
.overlay{display: block;position: fixed;z-index: 998;top:0;left:0;right:0;bottom:0;background-color: #000;opacity: .4;}
.pop_error_tip{display: none;z-index:999}
.pop_error_tip .pop_wrap{overflow: hidden;overflow-y:auto;display: block;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 99999;width: 90%;max-width: 1000px;height: 87%;max-height:780px;box-shadow: 0 0 30px #777;border-radius: 10px;}
.pop_error_tip .pop_wrap .pop_box{height: auto;overflow-y: auto;padding:40px 40px 20px;background-color:#fff;border-radius: 4px;box-shadow: 0 0 30px #777;}
.pop_error_tip .pop_wrap .gray_box{display: flex;justify-content: space-between;align-items: center;padding: 30px 40px;border: 1px solid #e5e5e5;background-color: #f5f5f5;border-radius: 10px;margin-bottom: 20px;}
.pop_error_tip .pop_wrap .gray_box .imgbox{display: inline-block;vertical-align: middle;width: 80px;height: 80px;background: url(../../images/user/common/pop_icon_error.png) #fff center center no-repeat;border-radius: 80px;}
.pop_error_tip .pop_wrap .gray_box .textbox{display: inline-block;vertical-align: middle;width: calc(100% - 80px);padding-left: 20px;}
.pop_error_tip .pop_wrap .gray_box .textbox p{font-size: 1.6rem;margin-top: 14px;color: #333;}
.pop_error_tip .pop_wrap .gray_box .textbox p.tit{font-size: 2.2rem;margin-top: 0;font-weight: bold;}

.pop_error_tip .pop_wrap .half_box{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
.pop_error_tip .pop_wrap .half_box>div{width: 49%;}
.pop_error_tip .pop_wrap .half_box .screenshot{width: 100%;}
.pop_error_tip .pop_wrap .half_box ul{width: 100%;margin-top: 20px;}
.pop_error_tip .pop_wrap .half_box ul li{position: relative;font-size: 1.7rem;margin-bottom: 12px;color: #666;line-height: 1.3;padding-left:30px}
.pop_error_tip .pop_wrap .half_box ul li::before{content: '1';position: absolute;top: 0;left: 0;width: 22px;height: 22px;display: inline-block;margin-right: 6px;border-radius: 22px;background-color: #00358e;color: #fff;font-size: 14px;text-align: center;line-height: 20px;}
.pop_error_tip .pop_wrap .half_box div:nth-of-type(1) ul li:nth-of-type(1)::before{content: '1'}
.pop_error_tip .pop_wrap .half_box div:nth-of-type(1) ul li:nth-of-type(2)::before{content: '2'}
.pop_error_tip .pop_wrap .half_box div:nth-of-type(2) ul li:nth-of-type(1)::before{content: '3'}
.pop_error_tip .pop_wrap .half_box div:nth-of-type(2) ul li:nth-of-type(2)::before{content: '4'}
.pop_error_tip .pop_wrap .half_box div span.num{display: inline-block;width:22px;height: 22px;margin-right: 6px;border-radius: 22px;background-color: #00358e;color: #fff;font-size: 14px;text-align: center;line-height: 20px;}
.pop_error_tip .pop_wrap .half_box ul li img{margin: 0 10px;}
.pop_error_tip .pop_wrap .half_box ul li p{margin-top: 10px;font-size: 1.4rem;}
.pop_error_tip .pop_wrap .half_box ul li i.fc_red{color:#c10b0b;font-style: normal!important;font-size: 1.4rem;}
.pop_error_tip .pop_wrap .half_box ul li i.fc_navy{color:#00358e;font-style: normal!important;font-size: 1.4rem;}

.flex_btw{display: flex;justify-content: space-between;align-items: center;}

/* 매크로 금지 팝업 css */
.inner.marco{padding: 20px 20px;}
.main.marco {border: 2px solid #474747;padding: 16px;background-color: white;}
.main_title.marco {margin:0 0 0; font-size:6rem;}
.sub_title.marco {margin:30px 0 0px;}
.sub_title.marco h1 {font-size:2.5rem; display:flex; justify-content: center; float:none; margin-bottom: 40px;font-family: 'GmarketSansBold';}
.sub_title.dot.marco h2 {padding:0 0 0 26px;background:url(../../images/user/edu/icon_title_dot.png) left center no-repeat;font-size:25em;margin-bottom: 20px;text-align: left;font-family: "Noto Sans KR";font-weight: bold;}
.agree_check.marco{font-size:16px;display: flex;justify-content: space-between;align-items: center;margin:20px 0;flex-flow: row wrap}
.text.marco{font-size:18.8px; text-align:left;}
.center{font-size:18px; text-align:center;}
.focus { color: red; font-weight: bold; text-decoration: underline; text-decoration-color: red; font-size:18px; text-align:center;}
.buttons_wrap.center.marco{ margin: 0 0 0;}
.buttons_wrap.center.marco #temp3-close form{display: flex; align-items: center; justify-content: center; gap: 12px;}
#temp3-close label{display: inline-flex; align-items: center; gap: 8px; font-size: 18px; line-height: 1.2;}

/* 마이크로러닝 강의 썸네일 표시 */
.lecture.thumbnail {margin: 100px 0 0px;}
.lecture.thumbnail .lecture_box{width: 100%;margin-top: 40px;}
.lecture.thumbnail .lecture_box::after{content:'';clear:both;display:block}
.lecture.thumbnail .lecture_box > div{display:flex;flex-flow:row wrap}
.lecture.thumbnail .lecture_box .card_wrap{display: block;float: left;width: calc(25% - 12px);margin-right: 16px;margin-bottom: 50px;}
.lecture.thumbnail .lecture_box .card_wrap:nth-of-type(4n){margin-right: 0;}
.lecture.thumbnail .lecture_box .card_wrap a{display: block;width: 100%; height: auto;}
.lecture.thumbnail .lecture_box .card_wrap .card_type{display: inline-block;vertical-align: middle;font-size: 2rem;color: #333;font-family: "Elice Digital Baeum", sans-serif;}
.lecture.thumbnail .lecture_box .card_wrap .card_type::before{content: '';display: inline-block;vertical-align: middle;width: 15px;height: 15px;margin-right: 8px;border-radius: 20px;background-color: #e32c02;}
.lecture.thumbnail .lecture_box .card_wrap .card_type.deaf::before{background-color: #2a6bfd;}
.lecture.thumbnail .lecture_box .card_wrap .thumbnail{position: relative;width: 100%;padding-top: calc(170 / 290 * 100%);;border-radius: 20px;overflow: hidden;}
.lecture.thumbnail .lecture_box .card_wrap .thumbnail img{position: absolute;top:50%;left: 50%;transform: translate(-50% , -50%);z-index: 1;min-height: 100%;min-width: 100%;}
.lecture.thumbnail .lecture_box .card_wrap .thumbnail .overlay{opacity: 0;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 2;background-color: #000;}
.lecture.thumbnail .lecture_box .card_wrap .thumbnail .hover_box{opacity:0;position: absolute;top:50%;left: 0;right: 0;transform: translate(0%, -50%);z-index: 3;text-align: center;}
.lecture.thumbnail .lecture_box .card_wrap .thumbnail .hover_box .hover_btn{display: inline-block;width: 110px;height: 40px;line-height: 38px;font-size: 1.6rem;margin: 4px;border: 1px solid #fff;color: #fff;border-radius: 6px;padding-left: 20px;box-sizing: border-box;background: url(../../images/dsprUser/main/hover_btn_01.png) transparent left 14px top 50% no-repeat;transition: .1s;}
.lecture.thumbnail .lecture_box .card_wrap .thumbnail .hover_box .hover_btn.more{background-image: url(../../images/dsprUser/main/hover_btn_02.png);}
.lecture.thumbnail .lecture_box .card_wrap .thumbnail .hover_box .hover_btn:hover{background: url(../../images/dsprUser/main/hover_btn_01_on.png) #fff left 14px top 50% no-repeat;color: #333;}
.lecture.thumbnail .lecture_box .card_wrap .thumbnail .hover_box .hover_btn.more:hover{background-image: url(../../images/dsprUser/main/hover_btn_02_on.png);}
.lecture.thumbnail .lecture_box .card_wrap .card_tit {width: 100%;font-size: 2.4rem;margin: 20px 0 14px;padding-right: 4px;font-family: "Elice Digital Baeum", sans-serif;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.lecture.thumbnail .lecture_box .card_wrap .summary li {display: inline-block;width: auto;font-size: 1.6rem;color: #666;}
.lecture.thumbnail .lecture_box .card_wrap .summary li::after {content: '';display: inline-block;width: 1px;height: 10px;background-color: #999;margin: 0 12px;}
.lecture.thumbnail .lecture_box .card_wrap .summary li:last-of-type:after {display: none;}
.lecture.thumbnail .lecture_box .card_wrap .card_info{display:block;margin-bottom:10px;height:26px}
.lecture.thumbnail .lecture_box .card_wrap .card_info .file_info{display:inline-block;vertical-align: middle;margin-left:10px;}
.lecture.thumbnail .lecture_box .card_wrap .card_info .file_info span{font-size: 1.5rem;display: inline-block;padding: 0px 15px;background-color: #595857 ; border-radius: 20px;color: #fff; height: 100%;line-height: 24px;margin-right: 3px;font-family: "Elice Digital Baeum", sans-serif;}

/*마이크로러닝 아이콘*/
.sub_title_wrapper {position:relative;}
.btn_wrapper {display: flex; justify-content:flex-end;margin-bottom:10px;position:absolute; right:0;top:-10px;}
.btn_list,.btn_grid {width:45px;height:45px; background: url(../../images/user/edu/icon_list.png) 0 0 no-repeat;}
.btn_grid {background: url(../../images/user/edu/icon_grid.png) 0 0 no-repeat;margin-left: 5px;}
.btn_list.active, .btn_grid.active, .btn_list:hover, .btn_grid:hover { background-position: -47px 0;}

/*api 발급용 css */
form.apiAply{display: flex; flex-direction: column; width: 60%; margin: 0 auto;}
input.api{display: block; width: 100%;  box-sizing: border-box; }
div.api{display: block; width: 100%;  box-sizing: border-box; font-size: 1.6rem;}

/* 건축사실무 팝업 css */
.main_title.arch {margin:0 0 0;/*margin:100px 0 15px;*/font-size:6rem;}
.sub_title.arch {margin:30px 0 0px;}
.sub_title.arch h1 {font-size:3.2rem; display:flex; justify-content: center; float:none;margin-top: 40px; margin-bottom: 40px;font-family: 'GmarketSansBold';}
.sub_title.dot.arch h2 {padding:0 0 0 26px;background:url(../../images/user/edu/icon_title_dot.png) left center no-repeat;font-size:25em;margin-bottom: 20px;text-align: left;font-family: "Noto Sans KR";font-weight: bold;}
.agree_check.arch{font-size:16px;display: flex;justify-content: space-between;align-items: center;margin:20px 0;flex-flow: row wrap}
.agree_check.arch span{font-size: 16px;}
.agree_check.arch div label{margin-bottom:0;line-height: 24px;font-size: 16px}
.agree_check.arch div input[type='checkbox']{width:20px!important;height:20px!important}
.text.arch {font-size:16px;text-align:center;}
.table_type_cols.arch ~ span{font-size: 16px;margin-top:10px;display: block;}
.join_content .agree_box02.arch{padding:0}
.join_content .agree_box02.arch dl dd{margin-top:0}

.table_arch table {width: 100%; border-collapse: collapse; margin: 20px 0; margin-bottom:60px;}
.table_arch th,.table_arch td {border: 1px solid #e0e0e0; padding: 12px 15px; vertical-align: middle; font-size: 1.6rem;}
.table_arch th {width: 180px; background-color: #f5f5f5; color: #333; font-weight: 500; text-align: center;}
.table_arch td {background-color: #fff;}
.table_arch tr:first-child td, .table_arch tr:first-child th{border-top: 2px solid #101010;}
.table_arch tr:last-child td, .table_arch tr:last-child th{border-bottom: 1px solid #101010;}
.table_arch input[type="text"] {width: 100%; height: 36px; padding: 6px 10px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; color: #333;}
.table_arch input[type="text"]:focus {outline: none; border-color: #a0c4ff; box-shadow: 0 0 4px rgba(160,196,255,0.5);}

.button.arch .button_box { display: flex; justify-content: center; gap: 12px;}
.button.arch .button_box .button_type.large { min-width: 100px;}


/* PC 화면 분기 */
@media screen and (max-width: 1300px) {
}

/* 테블릿 */
@media screen and (max-width: 1199px) {

	/* 공통 */
	.calendar_wrap .calendar_box {width:calc(100%/2 - 30px);height:60px;}
	.calendar_wrap .line {width:60px;font-size:3.2rem;line-height:60px;}
	
	/* 폰트 */
	.reference {margin:20px 0 0;padding:0 0 0 36px;font-size:3.2rem;line-height:48px;}
	.reference:after {line-height:48px;}
	.reference span {display:none;}
	
	/* 버튼 */
	.button_type {height:90px;padding:0 20px;font-size:3.2rem;line-height:88px;}
	.button_type.download {height:70px;padding:0 10px 0 40px;font-size:2.8rem;line-height:68px;background:url(../../images/user/common/icon_button_type_download_m.png) no-repeat left 2px top 2px;}
	.button_type.large {height:90px;line-height:88px;}
	.button_type.small {height:70px;padding:0 10px;font-size:2.8rem;line-height:68px;}
	.button_type.xsmall{height:60px;}
	.buttons_wrap .button_type {min-width:150px;}
	
	.sub_title.flex_btw .table_top_btnwrap{width:100%;margin-top: 10px}
	.sub_title.flex_btw .table_top_btnwrap .button_type{width:calc(50% - 3px)}
	
	/* 서브 상단배너 */
	.main_banner {height:500px;background:url(../../images/user/common/img_main_banner_m.jpg) no-repeat center top;background-size:cover;}
	.main_banner h2 {padding:87px 0 0;font-size:4.6rem;font-weight:500;line-height:50px;}
	.main_banner h2 span {display:block;margin:37px 0 0;font-size:3.6rem;line-height:40px;}
	
	/* 내비게이션 */
	.navigation {height:100px;}
	.navigation .inner {padding:0;}
	.navigation .list > li {width:calc(100%/2);box-sizing:border-box;}
	.navigation .list > li.home {width:100px;}
	.navigation .list > li.home a {width:99px;height:100px;background-image:url(../../images/user/common/icon_navigation_home_m.png);}
	.navigation .list > li .navi_title {width:100%;padding:0 30px;font-size:3.2rem;line-height:100px;}
	.navigation .list > li .navi_title:after {right:30px;width:26px;height:98px;background-image:url(../../images/user/common/icon_navigation_arrow_m.png)}
	.navigation .list > li .navi_title.active:after {background-color:#ff6009;}
	.navigation .list > li .navi_depth {top:100px;}
	.navigation .list > li .navi_depth li a {height:70px;font-size:3rem;line-height:70px;}
	
	/* 제목 */
	.main_title {margin:50px 0 0;/*margin:100px 0 15px;*/font-size:6rem;}
	.sub_title {margin:130px 0 60px;}
	.sub_title h4 {font-size:5.2rem;}
	.sub_title h4 .button_type {margin:0 0 0 10px;}
	.sub_title ul {display:none;}
	.sub_title .summary {display:none;}
	.sub_title.line {padding:0 0 20px;border-bottom:0 none;}
	.sub_title.dot h4 {padding:0 0 0 50px;background-image:url(../../images/user/edu/icon_title_dot_m.png);}
  
	
	.sub_title h4 .button_type {margin:0 0 0 10px;}
	.sub_title ul {display:none;}
	.sub_title .summary {display:none;}
	.sub_title.line {padding:0 0 20px;border-bottom:0 none;}
	
	/* 검색박스 */
	.search_wrap {padding:0 40px;}
	.search_wrap dl {float:none;margin:0;padding:35px 0;border-top:1px solid #cecece;}
	.search_wrap dl:first-child {border-top:0 none;}
	.search_wrap dl dt {float:none;padding:0 0 0 24px;font-size:3.6rem;line-height:80px;}
	.search_wrap dl dt label{font-size:3.6rem;line-height:80px;;}
	.search_wrap dl dt:after {width:8px;height:8px;}
	.search_wrap dl dd {float:none;margin:0;}
	.search_wrap dl dd .select_box {width:100%;min-width:auto;}
	.search_wrap dl dd input[type=text] {width:100%;min-width:auto;}
	.search_wrap dl dd .select_box + input[type=text] {margin:20px 0 0;}
	.search_wrap dl.m_search_box:after {content:'';display:block;clear:both;}
	.search_wrap dl.m_search_box dt {float:left;width:160px;box-sizing:border-box;}
	.search_wrap dl.m_search_box dd {float:right;width:calc(100% - 180px);}
	.search_wrap dl.m_search_box dd .select_box {width:100%;}
	.search_wrap .button_type {position:static;width:100%;margin:0 0 35px;font-size:4rem;}
	
	/* 개인정보 영역 */
	.privacy_wrap .cont {max-height:500px;padding:32px 44px 40px;font-size:3.2rem;line-height:60px;}
	.privacy_wrap .cont dt {font-size:3.2rem;line-height:60px;}
	.privacy_wrap .cont dd {padding:0 0 0 30px;font-size:3.2rem;line-height:60px;}
	.privacy_wrap .cont p {font-size:3.2rem;line-height:60px;}
	.privacy_wrap .agree {margin:60px 0 0;padding:32px 30px;}
	.privacy_wrap .agree input[type=radio],
	.privacy_wrap .agree input[type=checkbox] {width:36px;height:36px;margin:7px 0 0;}
	.privacy_wrap .agree input[type=radio] + label,
	.privacy_wrap .agree input[type=checkbox] + label {margin:0 20px 0 0;line-height:50px;}
	
	/* 게시판 상세내역 */
	.detail_content .title_box {padding:20px 35px 26px;}
	.detail_content .title_box .title {font-size:4rem;line-height:70px;}
	.detail_content .title_box ul {margin:0;}
	.detail_content .title_box ul li {float:none;margin:20px 0 0;padding:0;font-size:3.2rem;line-height:36px;}
	.detail_content .title_box ul li:after {display:none;}
	.detail_content .title_box ul li i {width:36px;height:36px;background-image:url(../../images/user/cscenter/icon_notice_name_m.png);}
	.detail_content .title_box ul li:nth-child(2) i {background-image:url(../../images/user/cscenter/icon_notice_date_m.png);}
	.detail_content .title_box ul li:nth-child(3) i {background-image:url(../../images/user/cscenter/icon_notice_view_m.png);}
	.detail_content .attach_box {padding:20px 35px 26px;}
	.detail_content .attach_box a {font-size:3.2rem;line-height:40px;}
	.detail_content .attach_box a i {width:36px;height:36px;margin:2px 8px 0 0;background-image:url(../../images/user/common/icon_detail_attach_m.png);}
	.detail_content .cont {padding:50px 40px;font-size:3.6rem;line-height:60px;}
	.table_wrap .table_type_rows.view_list {margin:60px 0 0;}
	.table_wrap .table_type_rows.view_list table tbody tr th {padding-left:20px;}
	.table_wrap .table_type_rows.view_list table tbody tr th strong {font-size:3.8rem;}
	.table_wrap .table_type_rows.view_list table tbody tr th strong i {margin:12px 8px 0 0;width:36px;height:22px;background-image:url(../../images/user/common/icon_deital_view_prev_m.png);}
	.table_wrap .table_type_rows.view_list table tbody tr th strong.next i {background-image:url(../../images/user/common/icon_deital_view_next_m.png);}
	.table_wrap .table_type_rows.view_list table tbody tr td {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:3.8rem;}
	.table_wrap .table_type_rows.view_list table tbody tr td a {display:block;font-size:3.8rem;}
	
	
	
	/* 아이콘 */
	.icon_state {font-size:3.2rem;height:70px;line-height:68px;border-radius:70px;}
	.icon_state.small {font-size:2.8rem;height:50px;line-height:48px;border-radius:50px;}
	
	/* 모바일 탭 */
	.m_select_wrap {position:relative;display:block;margin:40px 0 -20px;}
	.m_select_wrap .m_select {display:block;width:100%;height:100px;padding:0 0 0 40px;font-size:3.6rem;line-height:98px;text-align:left;color:#00358e;border:1px solid #00358e;background:url(../../images/user/common/icon_m_select_button.png) no-repeat right center;border-radius:5px;}
	.m_select_wrap ul {display:none;position:absolute;left:0;top:96px;width:100%;border:1px solid #00358e;background:#fff;box-sizing:border-box;z-index:2;}
	.m_select_wrap ul li a {display:block;padding:0 0 0 40px;font-size:3.6rem;line-height:70px;color:#00358e;}
	.m_select_wrap.gray .m_select {color:#555;border-color:#f5f5f5;background-image:url(../../images/user/common/icon_m_select_button_gray.png);background-color:#f5f5f5;}
	.m_select_wrap.gray ul {border-color:#d5d5d5;background-color:#f5f5f5;}
	.m_select_wrap.gray ul li a {color:#555;}
	.m_select_wrap.active ul {display:block;}
	
	/* 테이블 */
	.table_type_rows {overflow:hidden;overflow-x:auto;}
	.table_type_rows table tbody tr th {padding:40px 0 40px 25px;font-size:3.6rem;}
	.table_type_rows table tbody tr th label{font-size:3.6rem;}
	.table_type_rows table tbody tr th .essential {font-size:3.6rem;}
	.table_type_rows table tbody tr td {padding:40px 0 40px 25px;font-size:3.6rem;}
	.table_type_rows table tbody tr td strong {font-size:3.6rem;}
	.table_type_rows table tbody tr td strong span {font-size:3.6rem;}
	.table_type_rows table tbody tr td .slash {font-size:3.6rem;}
	.table_type_rows table tbody tr td span {font-size:3.6rem;}
	.table_type_rows table tbody tr td input[type='radio'] + label {margin:0 30px 0 0;}
	.table_type_rows table tbody tr td .phone_box .select_box {width:calc(100%/3 - 30px);}
	.table_type_rows table tbody tr td .phone_box span {width:45px;height:70px;font-size:3.6rem;line-height:70px;}
	.table_type_rows table tbody tr td .phone_box input[type=text] {width:calc(100%/3 - 30px);}
	.table_type_rows table tbody tr td .textarea_info {font-size:3.2rem;line-height:60px;}
	.table_type_rows table tbody tr td .textarea_info span {font-size:3.2rem;line-height:60px;}
	.table_type_rows.small table tbody tr th,
	.table_type_rows.small table tbody tr td {padding:16px 0 16px 26px;line-height:60px;}
	.table_type_rows.small table tbody tr td input[type=checkbox] {width:36px;height:36px;}
	.table_type_rows.small table tbody tr td input[type=checkbox] + label {margin:0 16px 0 0;line-height:36px;}
	.table_type_rows.small table tbody tr.form_wrap td {padding-top:20px;padding-bottom:20px;}
	.table_type_rows.small table tbody tr.form_wrap td input[type='radio'] {margin-top:0;margin-bottom:0;}
	.table_type_rows.small table tbody tr.form_wrap td input[type='radio'] + label {line-height:36px;margin-bottom:0;}
	.table_type_rows.small table tbody tr.form_wrap td input[type='checkbox'] {margin-top:0;margin-bottom:10px;}
	.table_type_rows.small table tbody tr.form_wrap td input[type='checkbox'] + label {line-height:36px;margin-bottom:10px;}
	.table_type_rows.small table tbody tr.form_wrap td input[type=text],
	.table_type_rows.small table tbody tr.form_wrap td input[type=number],
	.table_type_rows.small table tbody tr.form_wrap td input[type=date],
	.table_type_rows.small table tbody tr.form_wrap td input[type=password] {height:60px;}
	.table_type_rows.small table tbody tr.form_wrap td .button_type {height:60px;line-height:58px;}
	.table_type_rows.small table tbody tr.form_wrap td .phone_box .select_box {height:60px;}
	.table_type_rows.small table tbody tr.form_wrap td .phone_box span {height:60px;line-height:60px;}
	.table_type_rows.small table tbody tr.form_wrap td .phone_box input[type=text] {width:calc(100%/3 - 30px);}
	.table_type_rows.table_form table colgroup {width:100% !important;}
	.table_type_rows.table_form table colgroup col {display:none;width:100% !important;}
	.table_type_rows.table_form table colgroup col:first-child {display:block;}
	.table_type_rows.table_form table tbody tr:first-child th:nth-child(3) {border-top:1px solid #e5e5e5;}
	.table_type_rows.table_form table tbody tr:first-child td {border-top:1px solid #e5e5e5;}
	.table_type_rows.table_form table tbody tr:last-child th {border-bottom:1px solid #e5e5e5;}
	.table_type_rows.table_form table tbody tr:last-child td:nth-child(2) {border-bottom:1px solid #e5e5e5;}
	.table_type_rows.table_form table tbody tr th,
	.table_type_rows.table_form table tbody tr td {display:block;box-sizing:border-box;}
	.table_type_rows.table_form table tbody tr td {min-height:79px;padding-right:26px;}
	.table_type_rows.table_form table tbody tr td .select_box {width:100%;}
	.table_type_rows.table_form table tbody tr td input[type=text],
	.table_type_rows.table_form table tbody tr td input[type=password] {width:100%;box-sizing:border-box;}
	.table_type_rows.table_form table tbody tr.form_wrap td .radio_box {display:inline-block;margin:10px 0;white-space:nowrap;}
	.table_type_rows.table_form table tbody tr.form_wrap td .radio_box.text {display:block;}
	.table_type_rows.table_form table tbody tr.form_wrap td .radio_box.text input[type=radio],
	.table_type_rows.table_form table tbody tr.form_wrap td .radio_box.text input[type=radio] + label {margin:12px 0 0;}
	.table_type_rows.table_form table tbody tr td .phone_box .select_box {width:calc(100%/3 - 30px);}
	.table_type_rows.table_form table tbody tr td .input_box {display:flex;justify-content:space-between;}
	.table_type_rows.table_form table tbody tr td .input_box input[type=text] {width:calc(100% - 140px);}
	.table_type_rows.table_form table tbody tr td .input_box .button_type {width:130px;height:60px;line-height:60px;}
	.table_type_rows.table_form table tbody tr td .input_box02 {margin:0 0 -20px;font-size:3.2rem;line-height:80px;color:#222;}
	.table_type_rows.table_form table tbody tr td .input_box02 input[type=text] {width:40%;}
	.table_type_rows.table_form table tbody tr td .input_box02 small {font-size:2.6rem;line-height:80px;}
	.table_type_rows.table_form table tbody tr td .file_wrap input[type=text] {width:calc(100% - 140px);}
	.table_type_rows.table_form table tbody tr td.textarea_wrap {font-size:0;}
	.table_type_rows.table_form table tbody tr td.textarea_wrap textarea {width:100% !important;}
	.table_type_rows.table_form table tbody tr td.textarea_wrap small {font-size:0;}
	.table_type_rows.small table tbody tr th .summary {font-size:2.8rem;}
	
	.table_type_cols {overflow:hidden;overflow-x:auto;padding-top: 1px}
	.table_type_cols:not(.arch) table thead tr th {padding:35px 0;font-size:1.8rem;}
	.table_type_cols.nicesafe table thead tr th {padding:35px 0;font-size:1.8rem;}
	.table_type_cols table thead tr th label{font-size: 1.8rem}
	.table_type_cols:not(.arch) table tbody tr td {height:100px;font-size:1.8rem;}
	.educntsaply ~ .inner .table_type_cols:not(.arch) table tbody tr td.name2 {white-space:normal;}/*250818 공동활용 페이지의 폰트만 수정*/
	.table_type_cols table tbody tr td.name {padding:0 30px;}
	.table_type_cols table tbody tr td.name a {font-size:2.8rem;}
	.table_type_cols table tbody tr td.name .icon_reply {width:84px;height:48px;margin:-2px 10px 0 0;font-size:2.8rem;line-height:46px;border-radius:48px;}
	.table_type_cols table tbody tr td span {font-size:2.8rem;}
	.table_type_cols table tbody tr td .icon_check {width:60px;height:60px;background-image:url(../../images/user/myclass/icon_checklist_on_m.png);background-size:100%;}
	.table_type_cols table tbody tr td .icon_check.check {background-image:url(../../images/user/myclass/icon_checklist_m.png);}
	.table_type_cols table tbody tr td .progress {width:60%;height:30px;margin:3px 10px 0 0;border-radius:30px;}
	.table_type_cols table tbody tr td .progress span {height:30px;border-radius:30px;}
	.table_type_cols table tbody tr td .percent {width:75px;font-size:2.8rem;}
	.table_type_cols table tbody tr td .percent span {font-size:2.8rem;}
	.table_type_cols table tbody tr td .icon_state {width:140px;font-size:2.8rem;}
	.table_type_cols.small table tbody tr td {height:80px;}
	.table_type_cols table tbody tr td .icon {width:100px;height:60px;margin:0;font-size:2.8rem;line-height:60px;}
	
	.table_type_cols.table_notice {margin-top:1px;}
	.table_type_cols.table_notice:after {display:none;}
	.table_type_cols.table_notice table colgroup {display:none;}
	.table_type_cols.table_notice table colgroup col:first-child {width:100% !important;}
	.table_type_cols.table_notice table thead tr th {display:none;}
	.table_type_cols.table_notice table tbody tr {display:block;margin:50px 0 0;padding:40px 0 50px;border:1px solid #e5e5e5;border-radius:10px;}
	.table_type_cols.table_notice table tbody tr:first-child {margin:5px 0 0;}
	.table_type_cols.table_notice table tbody tr td {overflow:inherit;text-overflow:inherit;display:block;padding:0 20px;border:0 none;box-sizing:border-box;}
	.table_type_cols.table_notice table tbody tr td:first-child {overflow:hidden;height:0;font-size:0;}
	.table_type_cols.table_notice table tbody tr td.inquiry,
	.table_type_cols.table_notice table tbody tr td.ban {height:auto;padding-bottom:5px;text-align:left;}
	.table_type_cols.table_notice table tbody tr td.name {height:auto;padding-bottom:20px;}
	.table_type_cols.table_notice table tbody tr td.name,
	.table_type_cols.table_notice table tbody tr td.name a {font-size:3.6rem;line-height:50px;white-space:normal;}
	.table_type_cols.table_notice table tbody tr td.member {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:inline-block;width:calc(100%/3.5);height:60px;padding:0 0 0 20px;line-height:60px;text-align:left;color:#666;}
	.table_type_cols.table_notice table tbody tr td.member i {display:inline-block;width:36px;height:36px;margin:12px 14px 0 0;background:url(../../images/user/cscenter/icon_notice_name_m.png) no-repeat left top;}
	.table_type_cols.table_notice table tbody tr td.member:after {content:'';position:absolute;right:18%;top:50%;width:1px;height:26px;vertical-align:top;background:#d5d5d5;transform:translateY(-50%);}
	.table_type_cols.table_notice table tbody tr td.date {position:relative;display:inline-block;width:calc(100%/2.5);height:60px;padding:0 0 0 14px;line-height:60px;text-align:left;color:#666;}
	.table_type_cols.table_notice table tbody tr td.date i {display:inline-block;width:36px;height:36px;margin:12px 14px 0 0;background:url(../../images/user/cscenter/icon_notice_date_m.png) no-repeat left top;}
	.table_type_cols.table_notice table tbody tr td.date:after {content:'';position:absolute;right:18%;top:50%;width:1px;height:26px;vertical-align:top;background:#d5d5d5;transform:translateY(-50%);}
	.table_type_cols.table_notice table tbody tr td.view {display:inline-block;width:calc(100%/5);height:60px;padding:0 0 0 14px;line-height:60px;text-align:left;color:#666;}
	.table_type_cols.table_notice table tbody tr td.view i {display:inline-block;width:36px;height:36px;margin:12px 14px 0 0;background:url(../../images/user/cscenter/icon_notice_view_m.png) no-repeat left top;}
	.table_type_cols.table_notice table tbody tr td:last-child {height:auto;}
	.table_type_cols.table_notice table tbody tr td:last-child .button_type {width:100%;margin-top:30px;background-position:left calc(50% - 70px) center;box-sizing:border-box;}
	.table_type_cols.table_notice table tbody tr.noti td:first-child {height:auto;padding-top:10px;padding-bottom:20px;text-align:left;}
	.table_type_cols.table_notice table tbody tr.noti td:first-child .button_type {width:120px;height:60px;line-height:60px;}
	.table_type_cols.table_notice02 table tbody tr td:last-child {padding-top:0;}
	.table_type_cols.table_notice02 table tbody tr td.date:after {display:none;}
	.table_type_cols.table_inquiry table tbody tr td:nth-child(2) {height:50px;text-align:left;}
	.table_type_cols.table_inquiry table tbody tr td .icon_lock {width:28px;height:38px;vertical-align:middle;background-image:url(../../images/user/cscenter/icon_inquiry_lock_m.png);}
	
	.table_type_cols.table_plan::after{display: none}
	.table_type_cols.table_plan{border-top: 3px solid #e5e5e5;border-bottom: 3px solid #e5e5e5;}
	.m_list_table colgroup, .m_list_table thead{display:none}
	.m_list_table tr{display:flex;flex-flow: row nowrap;align-items: flex-start;justify-content: flex-start;border-bottom:1px solid #e5e5e5;padding: 2rem}
	.m_list_table tr:last-of-type{border-bottom: 0}
	.m_list_table tr td{border-bottom: 0!important;border-left:0!important;font-size:3.2rem!important;white-space: normal!important}
	.m_list_table tr td:first-of-type{height:auto;padding:0.3rem 2rem 0.5rem;color:#fff;background-color:#d64309;border-radius: 10px;min-width:130px;margin-right: 14px;}
	.m_list_table tr td.name{padding:0!important;margin:0;height:auto!important}
	
	
	.m_list_table.ty02 tr{flex-flow:column;padding:35px 20px 60px;position: relative;background-color:#f5f5f5;border-bottom: 0;margin-bottom: 20px}
	.m_list_table.ty02 tbody tr .no-border-left{position: absolute;bottom: 20px;right:20px;height:auto;}
	.m_list_table.ty02 tr td:first-of-type{display: none;}
	.m_list_table.ty02 tr td.name{font-size: 3.6rem!important;margin-bottom: 20px}
	.m_list_table.ty02 tr td.btnarea, .m_list_table.ty02 tr td.btnarea button{width:100%}
	.table_type_cols:after
	
	
	/* 과정개요 */
	.table_type_rows.table_overview table{border-top:2px solid #101010;border-bottom:2px solid #101010;display: block;}
	.table_type_rows.table_overview table tbody{display: block;}
	.table_type_rows.table_overview table colgroup{display: none}
	.table_type_rows.table_overview table tbody tr{display: flex;flex-flow: row wrap;}
	.table_type_rows.table_overview table tbody tr th{width:25%}
	.table_type_rows.table_overview table tbody tr td{width:75%}
	.table_type_rows.table_overview table tbody tr:first-child th, .table_type_rows.table_overview table tbody tr:first-child td{border-top:0}
	.table_type_rows.table_overview table tbody tr:last-child th, .table_type_rows.table_overview table tbody tr:last-child td{border-bottom:1px solid #e5e5e5}
	.table_type_rows.table_overview table tbody tr:last-child th:last-of-type, .table_type_rows.table_overview table tbody tr:last-child td:last-of-type{border-bottom:0}
	
	/* 학습하기 */
	.sub_title .error_tip{font-size: 2.4rem}
	.mob_txt{display:inline-block;}
	.mob_tit{display:inline-block;margin-right:10px}
	.table_type_cols.table_check table{border:0;display: block;}
	.table_type_cols.table_check:after,	.table_type_cols.table_check table thead{display: none;}
	.table_type_cols.table_check table tbody, .table_type_cols.table_check table tbody tr{display: block;}
	.table_type_cols.table_check table tbody tr{padding:20px;border:1px solid #e5e5e5;border-radius:10px;margin-bottom: 30px;position: relative;padding-bottom:120px;}
	.table_type_cols.table_check table tbody td{border:0;display:inline-block;padding:0;height:auto;display: block;text-align: left;margin-top:15px}
	 .table_type_cols.table_check table tbody td.name{border:0;display:inline-block;padding:0;height:auto;display: block;font-weight: bold;font-size:3rem;margin:20px 0}
	.table_type_cols.table_check table tbody td.mob_box_01{padding:8px 30px;font-weight: bold;background:#595857;color:#fff;display: inline-block;border-radius: 50px;margin-top:0;margin-left:-3px}
.table_type_cols.table_check table tbody td.mob_box_01 .mob_txt{color:#fff}
	.table_type_cols.table_check table tbody td:nth-of-type(5){position: absolute;;right:20px;top:20px;margin-top:0}
	.table_type_cols.table_check table tbody td:nth-of-type(4){position: absolute;left:20px;bottom:20px;width:calc(49% - 20px);margin-top:0}
	.table_type_cols.table_check table tbody td:last-of-type{position: absolute;right:20px;bottom:20px;width:calc(49% - 20px);margin-top:0}
	.table_type_cols.table_check table tbody td:nth-of-type(4) button, .table_type_cols.table_check table tbody td:last-of-type button{width:100%}
	.table_type_cols table tbody tr td .progress{width:calc(100% - 200px)}
	.table_type_cols table tbody tr td .icon_check{width:50px;height:50px;}
	
	
	/* 밑줄텍스트 */
	.line_text {font-size:3.6rem;white-space:nowrap;}
	.line_text:after {height:10px;}
	
	/* 페이징 */
	.paging_wrap {margin:60px 0 0;}
	.paging_wrap ul li {float:left;margin:0 5px;}
	.paging_wrap ul li button {width:66px;height:66px;font-size:3.4rem;line-height:64px;background-size:100%;}
	.paging_wrap ul li.first button {background-image:url(../../images/user/common/paging_icon_first_m.png);}
	.paging_wrap ul li.prev {margin-right:6px;}
	.paging_wrap ul li.prev button {background:url(../../images/user/common/paging_icon_prev_m.png);}
	.paging_wrap ul li.next {margin-left:6px;}
	.paging_wrap ul li.next button {background:url(../../images/user/common/paging_icon_next_m.png);}
	.paging_wrap ul li.last button {background:url(../../images/user/common/paging_icon_last_m.png);}
	
	/* 셀렉트박스 */
	.select_box {height:80px;padding:0 90px 0 30px;font-size:3.6rem;background-image:url(../../images/user/common/icon_selectbox_m.png);}
	.select_box.small {height:70px;padding-left:15px;}
	.select_box:disabled {background-image:url(../../images/user/common/icon_selectbox_m_disabled.png);}
	
	/* 인풋박스 */
	input[type='text'], input[type='password'], input[type='number'], input[type='tel'], input[type='date'], input[type='date'].form-control {height:80px;padding:0 30px;font-size:3.6rem;line-height:80px;}
	textarea {display:inline-block;padding:10px 20px;font-size:3.8rem;line-height:50px;}
	
	/* 체크박스 */
	input[type='checkbox'] {width:36px;height:36px;}
	input[type='checkbox'] + label {padding:0 0 0 16px;font-size:3.6rem;line-height:36px;}
	
	/* 라디오박스 */
	input[type='radio'] {width:36px;height:36px;}
	input[type='radio'] + label {padding:0 0 0 16px;font-size:3.6rem;line-height:36px;}
	
	/* 파일 */
	.file_wrap input[type=text] {width:calc(100% - 140px);}
	.file_wrap input[type=file] {overflow:hidden;position:absolute;left:0;top:0;width:0;height:0;visibility:hidden;}
	.file_wrap .button_type {width:130px;margin:0;}
	
	 /* 말풍선 */
	 a.question_mark img {width:40px; margin-top:10px}
	.arrow_box {width: 500px;padding: 12px;left: 30px; font-size: 20px; line-height:35px; margin-top: 15px}
	.arrow_box:after {left: 35%}
	
	/* 스크롤 메세지 추가 */
	.mob_scroll_message{display:block;text-align:right;font-size:2.6rem;color:#666;margin-top:20px}
	
	/* 모달창 */
	.pop_error_tip .pop_wrap .gray_box{padding: 30px 20px;}
	.pop_error_tip .pop_wrap .half_box ul li{font-size: 1.4rem;}
	
	/* 연수후기 */
	.table_type_cols.table_review{display: block;border-top: 3px solid #e5e5e5;border-bottom: 3px solid #e5e5e5}
	.table_type_cols.table_review colgroup{display: none;}
	.table_type_cols.table_review table thead{display: none}
	.table_type_cols.table_review table tbody tr td:first-of-type{display: none}
	.table_type_cols.table_review table tbody tr td{display:block;border:0;text-align: left;padding:5px 0;line-height: 1.3}
	.table_type_cols.table_review table tbody tr td.name{font-weight: bold;font-size: 3.4rem;margin-bottom: 10px}
	.table_type_cols.table_review table tbody tr{display: flex;flex-flow:column;padding: 2rem;border-bottom: 1px solid #e5e5e5}
	.table_type_cols.table_review:after{display: none}
	
	.table_type_rows .input-group{width:100%}
	.input-group .half_btn{display: flex;justify-content: space-between;align-items: center;margin-top:10px}
	.input-group .half_btn>*{width:calc(50% - 10px);margin-right: 20px;}
	.input-group .half_btn>*:nth-of-type(2n){margin-right: 0px;}
	.input-group  .stxt{font-size: 2.2rem;margin-top: 4px}
	
	form.api{display: flex; flex-direction: column; width: 100%; margin: 0 auto;}
	/* 마이크로러닝 강의 썸네일 표시 */
	.lecture.thumbnail {margin: 50px 0 0px;}
	.lecture.thumbnail .lecture_box .card_wrap{display: block;float: left;width: calc(50% - 10px);margin-right: 20px;margin-bottom: 40px;}
	.lecture.thumbnail .lecture_box .card_wrap:nth-of-type(5n){margin-right: 20px;}
	.lecture.thumbnail .lecture_box .card_wrap:nth-of-type(2n){margin-right: 0;}
	.lecture.thumbnail .lecture_box .card_wrap .card_type{font-size:3.2rem}
	.lecture.thumbnail .lecture_box .card_wrap .card_tit{font-size:3.4rem}
	.lecture.thumbnail .lecture_box .card_wrap .summary li{font-size:2.8rem}
	.lecture.thumbnail .lecture_box .card_wrap .card_info{height:36px;}
	.lecture.thumbnail .lecture_box .card_wrap .card_info .file_info span{font-size: 2.4rem!important;display: inline-block!important;padding: 5px 15px;}

	/*api 발급용 css */
	form.apiAply{width: 100%;}
}


/* 모바일 */
@media screen and (max-width: 767px){
	.input-group  .stxt{font-size: 1.5rem;margin-top: 4px;display: block;}

	/* 공통 */
	.calendar_wrap .calendar_box {width:calc(100%/2 - 5px);height:40px;}
	.calendar_wrap .line {width:30px;font-size:1.6rem;line-height:40px;}
	
	/* 폰트 */
	.reference {margin:10px 0 0;padding:0 0 0 18px;font-size:1.6rem;line-height:24px;}
	.reference:after {line-height:24px;}
	
	/* 버튼 */
	.button_type {height:45px;padding:0 10px;font-size:1.6rem;line-height:43px;}
	.button_type.download {height:35px;padding:0 5px 0 20px;font-size:1.4rem;line-height:33px;background-size:auto 100%;background-position:left 2px center;}
	.button_type.large {height:45px;line-height:43px;}
	.button_type.small {height:35px;padding:0 14px;font-size:1.4rem;line-height:33px;}
	.button_type.xsmall{height:30px;}
	.buttons_wrap .button_type {min-width:80px;}
	
	/* 서브 상단배너 */
	.main_banner {height:250px;}
	.main_banner h2 {padding:43px 0 0;font-size:2.3rem;line-height:25px;}
	.main_banner h2 span {margin:19px 0 0;font-size:1.8rem;line-height:20px;}
	
	/* 내비게이션 */
	.navigation {height:50px;}
	.navigation .list > li.home {width:50px;}
	.navigation .list > li.home a {width:49px;height:50px;background-size:100%;}
	.navigation .list > li:nth-child(2) {width:calc(100%/2);}
	.navigation .list > li:nth-child(3) {width:calc(100%/2);}
	.navigation .list > li .navi_title {padding:0 10px;font-size:1.6rem;line-height:50px;}
	.navigation .list > li .navi_title:after {right:15px;width:13px;height:48px;background-size:100%;}
	.navigation .list > li .navi_depth {top:50px;}
	.navigation .list > li .navi_depth li a {height:35px;font-size:1.5rem;line-height:35px;}
	
	/* 제목 */
	.main_title {margin:25px 0 0;/*margin:50px 0 10px;*/font-size:3rem;}
	.sub_title {margin:65px 0 30px;}
	.sub_title h4 {font-size:2.6rem;}
	.sub_title h4 .button_type {margin:0 0 0 10px;}
	.sub_title ul {float:right;}
	.sub_title ul li {float:left;margin:0 0 0 5px;}
	.sub_title ul li .button_type {width:100px;padding:0;}
	.sub_title ul li.active .button_type {color:#fff;background:#00358e;}
	.sub_title .summary {float:right;font-size:1.5rem;font-weight:300;line-height:36px;}
	.sub_title.line {padding:0 0 20px;border-bottom:2px solid #222;}
	.sub_title.dot h4 {padding:0 0 0 25px;background-size:15px 15px;}
	
	/* 검색박스 */
	.search_wrap {padding:0 20px;}
	.search_wrap dl {padding:18px 0;}
	.search_wrap dl dt {padding:0 0 0 12px;font-size:1.8rem;line-height:40px;}
	.search_wrap dl dt label{font-size:1.8rem;line-height:40px;}
	.search_wrap dl dt:after {width:4px;height:4px;}
	.search_wrap dl dd .select_box + input[type=text] {margin:10px 0 0;}
	.search_wrap dl.m_search_box dt {width:80px;}
	.search_wrap dl.m_search_box dd {width:calc(100% - 90px);}
	.search_wrap .button_type {margin:0 0 18px;font-size:2rem;}
	
	/* 개인정보 영역 */
	.privacy_wrap .cont {max-height:300px;padding:16px 22px 20px;font-size:1.6rem;line-height:30px;}
	.privacy_wrap .cont dt {font-size:1.6rem;line-height:30px;}
	.privacy_wrap .cont dd {padding:0 0 0 15px;font-size:1.6rem;line-height:30px;}
	.privacy_wrap .cont p {font-size:1.6rem;line-height:30px;}
	.privacy_wrap .agree {margin:30px 0 0;padding:16px 15px;}
	.privacy_wrap .agree input[type=radio],
	.privacy_wrap .agree input[type=checkbox] {width:18px;height:18px;margin:3px 0 0;}
	.privacy_wrap .agree input[type=radio] + label,
	.privacy_wrap .agree input[type=checkbox] + label {margin:0 10px 0 0;line-height:25px;}
	
	/* 게시판 상세내역 */
	.detail_content .title_box {padding:10px 17px 13px;}
	.detail_content .title_box .title {font-size:2rem;line-height:35px;}
	.detail_content .title_box ul li {margin:10px 0 0;font-size:1.6rem;line-height:18px;}
	.detail_content .title_box ul li i {width:18px;height:18px;background-size:100%;}
	.detail_content .attach_box {padding:10px 17px 13px;}
	.detail_content .attach_box a {display:block;font-size:1.6rem;line-height:20px;}
	.detail_content .attach_box a i {width:18px;height:18px;margin:2px 8px 0 0;background-size:100%;}
	.detail_content .cont {padding:25px 20px;font-size:1.8rem;line-height:30px;}
	.table_wrap .table_type_rows.view_list {margin:30px 0 0;}
	.table_wrap .table_type_rows.view_list table tbody tr th {padding-left:10px;}
	.table_wrap .table_type_rows.view_list table tbody tr th strong {font-size:1.6rem;}
	.table_wrap .table_type_rows.view_list table tbody tr th strong i {margin:6px 8px 0 0;width:18px;height:11px;background-size:100%;}
	.table_wrap .table_type_rows.view_list table tbody tr td {font-size:1.6rem;}
	.table_wrap .table_type_rows.view_list table tbody tr td a {font-size:1.6rem;}
	
	/* 아이콘 */
	.icon_state {font-size:1.6rem;height:35px;line-height:33px;border-radius:35px;}
	.icon_state.small {font-size:1.3rem;height:25px;line-height:23px;border-radius:25px;}
	
	/* 모바일 탭 */
	.m_select_wrap {margin:20px 0 -10px;}
	.m_select_wrap .m_select {height:50px;padding:0 0 0 20px;font-size:1.8rem;line-height:49px;background-size:auto 100%;}
	.m_select_wrap ul {top:47px;}
	.m_select_wrap ul li a {padding:0 0 0 20px;font-size:1.8rem;line-height:35px;}
	
	/* 테이블 */
	.table_type_rows table tbody tr th {padding:20px 0 20px 12px;font-size:1.8rem;}
	.table_type_rows table tbody tr th label{font-size:1.8rem;}
	.table_type_rows table tbody tr th .essential {font-size:1.8rem;vertical-align:middle;}
	.table_type_rows table tbody tr td {padding:20px 0 20px 12px;font-size:1.8rem;}
	.table_type_rows table tbody tr td strong {font-size:1.8rem;}
	.table_type_rows table tbody tr td strong span {font-size:1.8rem;}
	.table_type_rows table tbody tr td .slash {font-size:1.8rem;}
	.table_type_rows table tbody tr td span {font-size:1.8rem;}
	.table_type_rows table tbody tr td input[type='radio'] + label {margin:0 30px 0 0;}
	.table_type_rows table tbody tr td .phone_box .select_box {width:calc(100%/3 - 30px);}
	.table_type_rows table tbody tr td .phone_box span {width:22.5px;height:70px;font-size:3.6rem;line-height:70px;}
	.table_type_rows table tbody tr td .phone_box input[type=text] {width:calc(100%/3 - 15px);}
	.table_type_rows table tbody tr td .textarea_info {font-size:1.6rem;line-height:30px;}
	.table_type_rows table tbody tr td .textarea_info span {font-size:1.6rem;line-height:30px;}
	.table_type_rows.small table tbody tr th,
	.table_type_rows.small table tbody tr td {padding:8px 0 8px 13px;line-height:30px;}
	.table_type_rows.small table tbody tr td input[type=checkbox] {width:18px;height:18px;}
	.table_type_rows.small table tbody tr td input[type=checkbox] + label {margin:0 8px 0 0;line-height:18px;}
	.table_type_rows.small table tbody tr td input[type=checkbox]#lifeLrnActChk,
	.table_type_rows.small table tbody tr td input[type=checkbox]#lifeLrnActChk + label {margin-top:5px;}
	.table_type_rows.small table tbody tr.form_wrap td {padding-top:10px;padding-bottom:10px;}
	.table_type_rows.small table tbody tr.form_wrap td input[type='radio'] + label {line-height:18px;}
	.table_type_rows.small table tbody tr.form_wrap td input[type='checkbox'] + label {line-height:18px;}
	.table_type_rows.small table tbody tr.form_wrap td input[type=text],
	.table_type_rows.small table tbody tr.form_wrap td input[type=number],
	.table_type_rows.small table tbody tr.form_wrap td input[type=date],
	.table_type_rows.small table tbody tr.form_wrap td input[type=password] {height:40px;}
	.table_type_rows.small table tbody tr.form_wrap td .button_type {height:40px;line-height:38px;}
	.table_type_rows.small table tbody tr.form_wrap td .phone_box .select_box {height:40px;}
	.table_type_rows.small table tbody tr.form_wrap td .phone_box span {height:40px;font-size:1.8rem;line-height:40px;}
	.table_type_rows.small table tbody tr.form_wrap td .phone_box input[type=text] {width:calc(100%/3 - 15px);}
	.table_type_rows.table_form table tbody tr td {min-height:49px;padding-right:13px;}
	.table_type_rows.table_form table tbody tr.form_wrap td .radio_box {margin:5px 0;}
	.table_type_rows.table_form table tbody tr.form_wrap td .radio_box.text input[type=radio],
	.table_type_rows.table_form table tbody tr.form_wrap td .radio_box.text input[type=radio] + label {margin:6px 0 0;}
	.table_type_rows.table_form table tbody tr td .phone_box .select_box {width:calc(100%/3 - 15px);}
	.table_type_rows.table_form table tbody tr td .input_box input[type=text] {width:calc(100% - 70px);}
	.table_type_rows.table_form table tbody tr td .input_box .button_type {width:60px;height:40px;line-height:40px;}
	.table_type_rows.table_form table tbody tr td .input_box02 {margin:0;font-size:1.6rem;line-height:40px;}
	.table_type_rows.table_form table tbody tr td .input_box02 input[type=text] {width:50%;}
	.table_type_rows.table_form table tbody tr td .input_box02 small {font-size:1.3rem;line-height:40px;}
	.table_type_rows.table_form table tbody tr td .file_wrap input[type=text] {width:calc(100% - 100px);}
	.table_type_rows.small table tbody tr th .summary {font-size:1.4rem;}
	
	.table_type_cols table thead tr th {padding:20px 0;font-size:1.6rem;}
	.table_type_cols table thead tr th label{font-size: 1.6rem}
	.table_type_cols table tbody tr td {height:50px;font-size:1.6rem;}
	.table_type_cols table tbody tr td.name {padding:0 15px;}
	.table_type_cols table tbody tr td.name a {font-size:1.8rem;}
	.table_type_cols table tbody tr td.name .icon_reply {width:42px;height:24px;margin:-2px 5px 0 0;font-size:1.6rem;line-height:22px;border-radius:24px;}
	.table_type_cols table tbody tr td span {font-size:1.6rem;}
	.table_type_cols table tbody tr td .icon_check {width:30px;height:30px;}
	.table_type_cols table tbody tr td .progress {height:15px;border-radius:15px;}
	.table_type_cols table tbody tr td .progress span {height:15px;border-radius:15px;}
	.table_type_cols table tbody tr td .percent {width:50px;font-size:1.8rem;}
	.table_type_cols table tbody tr td .percent span {font-size:1.8rem;}
	.table_type_cols table tbody tr td .icon_state {width:85px;font-size:1.6rem;}
	.table_type_cols.small table tbody tr td {height:40px;}
	.educntsaply ~ .inner .table_type_cols:not(.arch) table tbody tr td.name2 {font-size:2rem}/*250818 공동활용 페이지의 폰트만 수정*/
	.table_type_cols table tbody tr td .icon {width:50px;height:30px;font-size:1.8rem;line-height:30px;}
	
	.table_type_cols.table_notice table tbody tr {margin:25px 0 0;padding:20px 0 25px;border-radius:5px;}
	.table_type_cols.table_notice table tbody tr td {padding:0 10px;}
	.table_type_cols.table_notice table tbody tr td.name {padding-bottom:10px;}
	.table_type_cols.table_notice table tbody tr td.name,
	.table_type_cols.table_notice table tbody tr td.name a {font-size:1.8rem;line-height:25px;}
	.table_type_cols.table_notice table tbody tr td.member {height:30px;padding:0 0 0 10px;line-height:30px;font-size:1.8rem;}
	.table_type_cols.table_notice table tbody tr td.member i {width:18px;height:18px;margin:6px 7px 0 0;background-size:100%;}
	.table_type_cols.table_notice table tbody tr td.member:after {right:0;height:13px;}
	.table_type_cols.table_notice table tbody tr td.date {height:30px;padding:0 0 0 7px;line-height:30px;font-size:1.8rem;}
	.table_type_cols.table_notice table tbody tr td.date i {width:18px;height:18px;margin:6px 7px 0 0;background-size:100%;}
	.table_type_cols.table_notice table tbody tr td.date:after {right:6%;height:13px;}
	.table_type_cols.table_notice table tbody tr td.view {height:30px;padding:0 0 0 7px;line-height:30px;font-size:1.8rem;}
	.table_type_cols.table_notice table tbody tr td.view i {width:18px;height:18px;margin:6px 7px 0 0;background-size:100%;}
	.table_type_cols.table_notice table tbody tr td:last-child .button_type {margin-top:15px;background-position:left calc(50% - 35px) center;}
	.table_type_cols.table_notice table tbody tr.noti td:first-child {padding-top:5px;padding-bottom:10px;}
	.table_type_cols.table_notice table tbody tr.noti td:first-child .button_type {width:60px;height:30px;line-height:30px;}
	.table_type_cols.table_inquiry table tbody tr td:nth-child(2) {height:25px;}
	.table_type_cols.table_inquiry table tbody tr td .icon_lock {width:14px;height:19px;background-size:100%;}
	.table_type_cols.table_notice table tbody tr td.inquiry,
	.table_type_cols.table_notice table tbody tr td.ban {font-size:1.8rem;}
	.m_list_table tr{flex-flow: column;}
	.m_list_table tr td{font-size:1.6rem!important;}
	.m_list_table tr td:first-of-type{min-width:auto;margin-bottom: 10px}
	.m_list_table tr td.name{font-size: 1.8rem!important;}
	
	.m_list_table.ty02 tr td.name{font-size: 2rem!important;}
	
	/* 학습하기 */
	.sub_title .error_tip{font-size: 1.4rem;float:left}
	.table_type_cols.table_check table tbody td.mob_box_01{padding:5px 20px}
	.table_type_cols.table_check table tbody td.name{margin:10px 0;font-size:2rem }
	.table_type_cols.table_check table tbody td{margin-top:10px}
	.table_type_cols table tbody tr td .progress{width:calc(100% - 130px)}
	.table_type_cols.table_check table tbody tr{padding-bottom:70px}
		.table_type_cols.table_check table tbody td:nth-of-type(5){right:15px;top:15px;}
	
	/* 밑줄텍스트 */
	.line_text {font-size:1.8rem;}
	.line_text:after {height:5px;}
	
	/* 페이징 */
	.paging_wrap {margin:30px 0 0;}
	.paging_wrap ul li {margin:0 2px;}
	.paging_wrap ul li button {width:33px;height:33px;font-size:1.7rem;line-height:32px;background-size:100% !important;}
	.paging_wrap ul li.prev {margin-right:2px;}
	.paging_wrap ul li.next {margin-left:2px;}
	
	/* 셀렉트박스 */
	.select_box {height:40px;padding:0 45px 0 15px;font-size:1.6rem;background-size:auto 100%;}
	.select_box.small {height:35px;padding-left:8px;}
	.select_box:disabled {background-size:auto 100%;}
	
	/* 인풋박스 */
	input[type='text'], input[type='password'], input[type='number'], input[type='tel'], input[type='date'], input[type='date'].form-control {width:100%;height:40px;padding:0 15px;font-size:1.8rem;line-height:40px;}
	textarea {display:inline-block;padding:5px 10px;font-size:1.6rem;line-height:30px;text-align:left;border:1px solid #cecece;background:#fff;border-radius:5px;box-sizing:border-box;resize:none;}
	
	/* 체크박스 */
	input[type='checkbox'] {width:20px;height:20px;}
	input[type='checkbox'] + label {padding:0 0 0 8px;font-size:1.6rem;line-height:20px;}
	
	/* 라디오박스 */
	input[type='radio'] {width:18px;height:18px;}
	input[type='radio'] + label {padding:0 0 0 8px;font-size:1.6rem;line-height:18px;}
	
	/* 파일 */
	.file_wrap input[type=text] {width:calc(100% - 110px);}
	.file_wrap .button_type {width:90px;margin:0;}
	
	 /* 말풍선 */
	 a.question_mark img {width:20px; margin-top:5px}	
	.arrow_box {width: 300px; left: 20px; font-size: 1.4rem; line-height:20px; margin-top: 5px}
	.arrow_box:after {left: 29%}
  
	/* 스크롤 메세지 추가 */
	.mob_scroll_message{font-size:1.6rem;margin-top:10px}
	
	/* 모달창 */
	.pop_error_tip .pop_wrap .pop_box{padding: 20px;}
	.pop_error_tip .pop_wrap .gray_box{padding: 20px;}
	.pop_error_tip .pop_wrap .gray_box .imgbox{display: none;}
	.pop_error_tip .pop_wrap .gray_box .textbox{width: 100%;padding-left: 0;}
	.pop_error_tip .pop_wrap .gray_box .textbox p{font-size: 1.4rem;line-height: 1.3;}
	.pop_error_tip .pop_wrap .half_box{flex-direction: column;}
	.pop_error_tip .pop_wrap .half_box div{width: 100%;margin-bottom: 20px;}
	.pop_error_tip .pop_wrap .half_box ul li{padding-left: 24px;}
	.pop_error_tip .pop_wrap .half_box ul li::before{width: 16px;height: 16px;line-height: 14px;font-size: 13px;top: 2px;}
	
	/* 연수후기 */
	.table_type_cols.table_review table tbody tr td.name{font-size:1.8rem;padding:0}
	

	/* 매크로 금지 팝업 css */
	.inner.marco{padding: 20px 20px;}
	.main.marco {border: 2px solid #474747;padding: 16px;background-color: white;}
	.main_title.marco {margin:0 0 0; font-size:6rem;}
	.sub_title.marco {margin:30px 0 0px;}
	.sub_title.marco h1 {font-size:2.5rem; display:flex; justify-content: center; float:none; margin-bottom: 40px;font-family: 'GmarketSansBold';}
	.sub_title.dot.marco h2 {padding:0 0 0 26px;background:url(../../images/user/edu/icon_title_dot.png) left center no-repeat;font-size:25em;margin-bottom: 20px;text-align: left;font-family: "Noto Sans KR";font-weight: bold;}
	.agree_check.marco{font-size:16px;display: flex;justify-content: space-between;align-items: center;margin:20px 0;flex-flow: row wrap}
	.text.marco{font-size:18.8px; text-align:left;}
	.center{font-size:18px; text-align:center;}
	.focus { color: red; font-weight: bold; text-decoration: underline; text-decoration-color: red; font-size:18px; text-align:center;}
	.buttons_wrap.center.marco{ margin: 0 0 0;}
	
	form.api{display: flex; flex-direction: column; width: 100%; margin: 0 auto;}
	
	/* 마이크로러닝 강의 썸네일 표시 */
	.lecture.thumbnail{margin: 30px 0 0px;}
	.lecture.thumbnail .lecture_box .card_wrap{width: 100%;margin-right: 0;}
	.lecture.thumbnail .lecture_box .card_wrap .card_type{font-size:2rem}
	.lecture.thumbnail .lecture_box .card_wrap .card_tit{font-size:2.2rem}
	.lecture.thumbnail .lecture_box .card_wrap .summary li{font-size:1.6rem}
	.lecture.thumbnail .lecture_box .card_wrap .card_info{height:24px}
	.lecture.thumbnail .lecture_box .card_wrap .card_info .file_info span{font-size: 1.5rem!important;display: inline-block!important;padding: 0px 10px;}

}

/* 모바일 */
@media screen and (max-width: 370px){
	form.api{display: flex; flex-direction: column; width: 100%; margin: 0 auto;}
}


#bbs_ifr{overflow-x:hidden; overflow:auto; width:100%; min-height:500px;}

.sticky_header{position: sticky;top: 140px;left: 0;}

.hide_bush{display:none;}