@charset "UTF-8";

/* font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap');
@import url('https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css');

/* hanbom reset*/
html{box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}

html{-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family: 'Noto Sans KR', 'Sans-serif';font-size: 16px;letter-spacing: -0.025rem;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;vertical-align:baseline}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section,summary{display:block}
audio, canvas, progress, video{display:inline-block}
audio:not([controls]){display:none;height:0}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';}
img{vertical-align:top}
mark{background:#ff0;color:#000}
del{text-decoration:line-through}
abbr[title], dfn[title]{cursor:help}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1rem 0;padding:0}
input, select, button, textarea, optgroup{margin:0;vertical-align:middle;font:inherit;color:inherit}
button{display:inline-block;border:0;cursor:pointer;margin:0;padding:0;font-family:inherit;outline:none;overflow:visible;background:transparent}
button::-moz-focus-inner{padding:0;border:0}
label{vertical-align:middle}
i, em, address{font-style:normal}
a, a:link, a:visited, a:active, a:hover{text-decoration:none; color: inherit;}
table{border-collapse:collapse;border-spacing:0;width:100%}
input{line-height:normal;-webkit-appearance: none;   -webkit-border-radius: 0;}
input:focus,
textarea:focus{color: #000;border: 1px solid #d2d0d4;background-color: #f3f4fa;outline: none;}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input, textarea, button, select{box-sizing:border-box}
textarea{resize:none;border:1px solid #ebebeb;-webkit-appearance: none;   -webkit-border-radius: 0;}
input[type="text"], input[type="password"],input[type="file"]{border-radius:0;}
button, input[type="reset"],
input[type="button"], input[type="submit"]{overflow:visible;-webkit-appearance:none;border-radius:0;cursor:pointer}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
::placeholder{font-size: 0.875rem;color:#a3a3a3;letter-spacing: -0.025rem; opacity:1}
::-webkit-input-placeholder{font-size: 0.875rem;color:#a3a3a3;letter-spacing: -0.025rem;}
::-moz-placeholder{font-size: 0.875rem;color:#a3a3a3;letter-spacing: -0.025rem;}
:-ms-input-placeholder{font-size: 0.875rem;color: #a3a3a3;letter-spacing: -0.025rem;}
:-moz-placeholder{font-size: 0.875rem;color:#a3a3a3;letter-spacing: -0.025rem;}

.roboto{font-family: 'Roboto', sans-serif;}

caption, .blind{overflow:hidden;position:absolute;top:-1px;left:-1px;z-index:-1;width:1px;height:0px;line-height:0;white-space:nowrap;text-indent:-9999px;}

.skip-navi a{display:block;position:absolute;left:0;top:0;overflow:hidden;width:1px;height:1px;text-align:center;color:#fff;z-index:101;}
.skip-navi a:focus,
.skip-navi a:active{padding:5px 0;width:100%;height:auto;background:#000;}

.for-web {display: block;}
.for-mobile {display: none;}
.for-mobile-1080 {display: none;}
.btn-list.for-mobile {display: none;}
.ico.notice.for-mobile {display: none;}

/* clear */
.both {clear: both;}

/* TEXT */
.text{word-break: keep-all;}
.text.normal{font-size: 0.875rem;line-height: 1.75rem;}
.text.type01{color: #777;}
.text.center{text-align: center;}
.text strong.deco{text-decoration: underline;}

.text.notice-text {position: relative; line-height: 1.375rem; padding-top: 3px; padding-left: 25px;}
span.text.notice-text {display: block;}
.notice-text .ico.notice{position: absolute; top: 6px; left: 0;}
.text.notice-text .ico.notice.blue{margin-right: 7px;}

/* ICON */
.ico{display: inline-block;}
.ico.notice{width: 18px;height: 18px;margin-right: 4px;background-image: url('../images/common/ico_notice.png');background-position:0 0;background-repeat:no-repeat;}
.ico.notice.blue{background-image: url('../images/common/ico_notice_blue.png');}
.ico-attach{display: inline-block;width: 14px;height: 14px;margin-left:2 10px;background: url('../images/common/ico_attach.png') 0 0 no-repeat;vertical-align: middle;}
.ico-new{display: inline-block;width: 40px;height: 18px;line-height: 18px;font-size: 0.625rem;text-align: center;border-radius: 9px;-webkit-border-radius: 9px;background-color: #3a3add;color: #fff;}
.ico-hot{display: inline-block;width: 40px;height: 18px;line-height: 18px;font-size: 0.625rem;text-align: center;border-radius: 9px;-webkit-border-radius: 9px;background-color: #ffac27;color: #fff;}

/* BUTTON */
.btn{display: inline-block;min-width: 100px;box-sizing: border-box;text-align: center;}
.btn.xx-small {width: 113px; height: 38px; line-height: 38px; font-size: 0.875rem;}
.btn.x-small{height: 46px;line-height: 46px;font-size: 0.875rem;}
.btn.small{height: 54px;line-height: 54px;font-size: 0.875rem;}
.btn.medium{width: 306px; height: 60px;line-height: 60px;font-size: 1rem;}
.btn.large{height: 70px;line-height: 70px;font-size: 1.125rem;}
.btn.full {width: 100%; height: 60px;line-height: 60px;font-size: 1rem;}

.btn.type01{color: #fff;background-color: #000;}
.btn.type02{color: #fff;background-color: #ef300a;}
.btn.type03{color: #000;border: 1px solid #000;}
.btn.type04{color: #000;background-color: #e7eaf0;}
.btn.type05{color: #000;border: 1px solid #e6e6e6;}
.btn.type06{color: #fff;border: 1px solid #fff;}
.btn.type07{color: #fff;background-color:#c7c7c7;}
.btn.type08{color: #000;border: 1px solid #000;}
.btn.type09{color: #7a7a7a;background-color: #f7f7f7; border: 1px solid #d2d0d4;}
.btn.type10{color: #000;background-color:#fff;}
.btn.type11{color: #22304d;background-color:#ffd616;}
.btn.type12{color: #fff;background-color:#177eff;}

.btn.x-small.type05{line-height: 44px;}
.btn.small.type05{line-height: 52px;}
.btn.medium.type05{line-height: 58px;}
.btn.large.type05{line-height: 68px;}

.btn.normal{border-radius: 10px;-webkit-border-radius: 10px;}

.btn.xx-small.round{border-radius: 23px;-webkit-border-radius: 23px;}
.btn.x-small.round{border-radius: 23px;-webkit-border-radius: 23px;}
.btn.small.round{border-radius: 27px;-webkit-border-radius: 27px;}
.btn.medium.round{border-radius: 30px;-webkit-border-radius: 30px;}
.btn.large.round{border-radius: 35px;-webkit-border-radius: 35px;}
.btn.full.round{border-radius: 30px;-webkit-border-radius: 30px;}

.btn.arrow{display: inline-block;position: relative; min-width: auto; font-size: 0.813rem; color: #000; text-align: center; margin-top: 23px;position: relative;}
.btn.arrow::after{content: ''; position: absolute; width: 5px; height: 9px; top: 50%; background-size: cover; background-image: url('../images/common/ico_next_02.png'); background-repeat: no-repeat; background-position: 0 0; margin-left: 10px; margin-top: -4px;}
.btn.arrow.large {height: auto;line-height: 1;font-size: 1.125rem; margin-top: 0;}
.btn.arrow.large::after {width: 8px; height: 14px; background-image: url('../images/common/ico_arrow_list.png'); margin-top: -5px;}

.btn.more{padding-right: 76px;padding-left: 22px;background-image: url('../images/common/ico_more.png');background-position: calc(100% - 15px) 50%;background-repeat: no-repeat;}

.btn-recommend{display: inline-block;height: 46px;line-height: 44px;font-size: 0.875rem;padding: 0 25px 0 48px;color: #000;background: url('../images/common/ico_recommend.png') 25px 50% no-repeat;border: 1px solid #e6e6e6;border-radius: 23px;-webkit-border-radius: 23px;}
.btn-recommend.active{background: url('../images/common/ico_recommend_active.png') 25px 50% no-repeat;}
.btn-recommend span{margin-left: 5px;color: #ef300a;}


.btn-direction{display: inline-block;width: 40px;height: 40px;border: 1px solid #e8e7e9;border-radius: 50%;-webkit-border-radius: 50%;}
.btn-direction.prev{background: url('../images/common/ico_prev.png') 50% 50% no-repeat;}
.btn-direction.next{background: url('../images/common/ico_next.png') 50% 50% no-repeat;}
.btn-list{display: inline-block;width: 100px;height: 46px;background: #ef300a url('../images/common/ico_list.png') 50% 50% no-repeat;border-radius: 23px;-webkit-border-radius: 23px;}
.btn-like{display: inline-block;width: 26px;height: 22px;background: url('../images/common/ico_like.png') 0 0 no-repeat;}
.btn-like.active{background: url('../images/common/ico_like_active.png') 0 0 no-repeat;}
.btn-more{display: inline-block;width: 54px;height: 54px;line-height: 54px;text-decoration: none;text-align: left;background: #ef300a url('../images/common/ico_more.png') 50% 50% no-repeat;border-radius: 26.5px;-webkit-border-radius: 26.5px;transition: width .1s;-webkit-transition: width .1s;}
.btn-more .text{display: inline-block;visibility: hidden;opacity: 0;font-size: 0.875rem;color: #fff;line-height: 54px;text-align: left;vertical-align: top;}
.btn-delete{display: inline-block;width: 20px;height: 21px;background: url('../images/common/ico_delete.png') 0 0 no-repeat;}
.btn-view {background: url('../images/common/ico_next_hover.png') 50% 50% no-repeat;}

.btn-area{width: 100%; font-size: 0; text-align: center;padding-top: 60px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.btn-area::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.btn-area.type02 {position: relative;padding-top: 0;}
.btn-area.type03 {padding-top: 160px;}
.btn-area.type04 {padding-top: 110px;}
.btn-area .btn + .btn {margin-left: 10px;}
.btn-area.right{padding-top: 20px;text-align: right;}
/*.btn-area .btn-prev{display: inline-block;float: left;margin-left: 17px;padding-left: 25px;font-size: 1rem;line-height: 46px;color: #000;background: url('../images/common/ico_prev_02.png') 0 50% no-repeat;}
.btn-area .btn-next{display: inline-block;float: right;margin-right: 17px;padding-right: 25px;font-size: 1rem;line-height: 46px;color: #000;background: url('../images/common/ico_next_03.png') 100% 50% no-repeat;}*/

.btn-area .article strong{display: none;}
.btn-area .article.prev{float: left;margin-left: 17px;}
.btn-area .article.prev a{display: inline-block;padding-left: 25px;font-size: 1rem;line-height: 46px;color: #000;background: url('../images/common/ico_prev_02.png') 0 50% no-repeat;}
.btn-area .article.next{float: right;margin-right: 17px;}
.btn-area .article.next a{display: inline-block;padding-right: 25px;font-size: 1rem;line-height: 46px;color: #000;background: url('../images/common/ico_next_03.png') 100% 50% no-repeat;}

/* PA CENTER - TYPE05 */
.btn-area.type05{position: relative;padding-top: 0;padding-bottom: 105px;}
.btn-area.type05 .article{float: none;margin-left: 0;padding: 0 50px;line-height: 69px;text-align: left;border-top: 1px solid #e8e7e9;}
.btn-area.type05 .article strong{display: inline-block;padding-right: 60px;font-weight: normal;font-size: 1rem;vertical-align: top;}
.btn-area .article.prev strong::after{content: '';display: inline-block;width: 8px;height: 5px;margin-left: 14px;background: url('../images/common/ico_prev_03.png') 0 0 no-repeat;vertical-align: middle;}
.btn-area .article.next strong::after{content: '';display: inline-block;width: 8px;height: 5px;margin-left: 14px;background: url('../images/common/ico_next_04.png') 0 0 no-repeat;vertical-align: middle;}
.btn-area.type05 .article a{vertical-align: middle;border-bottom: 1px solid transparent;}
.btn-area.type05 .article.prev{margin: 0;}
.btn-area.type05 .article.prev a{padding: 0;line-height: 23px;background: 0 none;}
.btn-area.type05 .article.next{margin: 0;border-bottom: 1px solid #000;}
.btn-area.type05 .article.next a{padding: 0;line-height: 23px;background: 0 none;}
.btn-area.type05 .btn-list{display: block;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;}


.btn.file{padding-right: 58px;padding-left: 25px;background-image: url('../images/common/ico_file.png');background-position: calc(100% - 26px) 50%;background-repeat: no-repeat;}

/* TAG */
.tag{display: inline-block;}
.tag.small{height: 30px;line-height: 30px;font-size: 0.875rem;}
.tag.medium{height: 34px;line-height: 30px;padding: 0 20px;font-size: 1rem;box-sizing: border-box;-webkit-box-sizing: border-box;}
.tag.large{height: 46px;line-height: 46px;font-size: 1rem;}
.tag.type01{padding: 0 15px;color: #fff;background-color: #050505;border-radius: 15px;-webkit-border-radius: 15px;}
.tag.type02{color: #fff;border: 2px solid #fbfefe;border-radius: 17px;-webkit-border-radius: 17px;}
.tag.type03{padding-left: 27px;padding-right: 27px;background-color: #e7eaf0;border-radius: 10px;-webkit-border-radius: 10px;}
.tag.type04{color: #3d92c8;font-weight: bold;background-color: #fff;border-radius: 17px;-webkit-border-radius: 17px;}
.tag.type05{color: #2f47af;font-weight: bold;background-color: #fff;border-radius: 17px;-webkit-border-radius: 17px;}
.tag.type06{background-color: #ef300a;color: #fff;border-radius: 18px;border-radius: 18px;}
.tag.type07{background-color: #000;color: #fff;border-radius: 18px;border-radius: 18px;}

/* INPUT */
.input-text{}
.input-text input{width: 100%;height: 54px;line-height: 52px;box-sizing: border-box;-webkit-box-sizing: border-box;border: 1px solid #d2d0d4;color: #a3a3a3;border-radius: 10px;-webkit-border-radius: 10px;text-indent: 25px;font-size: 0.875rem;padding: 0;}
.input-text input:focus{color: #000;border: 1px solid #d2d0d4;background-color: #f3f4fa;outline: none;}
.input-text input[readonly]{background-color: #f7f7f7;}
.input-text input[readonly]:focus{color: #a1a1a1;}

.input-search{position: relative;}
.input-search input{width: 100%;height: 46px;line-height: 44px;border-radius: 23px;-webkit-border-radius: 23px;border: 1px solid #e4e4e4;box-sizing: border-box;-webkit-box-sizing: border-box;font-size: 0.875rem;text-indent: 25px;color: #000;letter-spacing: -0.025rem;}
.input-search input:focus{background-color: #f9f9f9;outline: none;}
.input-search .btn-search{position: absolute;right: 12px;top: 1px;display: block;width: 44px;height: 44px;background: url('../images/common/ico_search.png') 50% 50% no-repeat;}
.input-search.type02{max-width: 508px;margin: 60px auto 80px;border-bottom: 3px solid #000;}
.input-search.type02 input{height: 52px;line-height: 50px;text-indent: 10px;border: 0 none;border-radius: 0;-webkit-border-radius: 0;}
.input-search.type02 input:focus,
.input-search.type02 input:active{background-color: #fff;}
.input-search.type02 input::placeholder{font-size: 1rem;color:#7f7f7f;letter-spacing: -0.025rem; opacity:1}
.input-search.type02 input::-webkit-input-placeholder{font-size: 1rem;color:#7f7f7f;letter-spacing: -0.025rem;}
.input-search.type02 input::-moz-placeholder{font-size: 1rem;color:#7f7f7f;letter-spacing: -0.025rem;}
.input-search.type02 input:-ms-input-placeholder{font-size: 1rem;color: #a3a3a3;letter-spacing: -0.025rem;}
.input-search.type02 input:-moz-placeholder{font-size: 1rem;color:#7f7f7f;letter-spacing: -0.025rem;}
.input-search.type02 .btn-search{position: absolute;right: 0;top: 0;width: 47px;height: 52px;background: url(../images/common/ico_search_02.png) 50% 50% no-repeat;}


.input-date{width: 100%;}
.input-date input{width: 100%;height: 54px;height: 52px;text-indent: 25px;font-size: 0.875rem;border: 1px solid #d2d0d4;border-radius: 10px;-webkit-border-radius: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;cursor: pointer;background: url('../images/common/ico_calendar.png') calc(100% - 25px) 50% no-repeat;}

.text-area{width: 100%;}
.text-area textarea{width: 100%;min-height: 200px;padding: 13px 23px;font-size: 0.875rem;line-height: 1.75rem;background-color: #fff;border: 1px solid #d2d0d4;border-radius: 10px;-webkit-border-radius: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.text-area textarea:focus{outline: none;}

.read-text{max-height: 200px;padding: 18px 22px;background-color: #f9f9f9;border-radius: 10px;-webkit-border-radius: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;overflow-y: auto;-ms-overflow-style: none;scrollbar-width: none;border: 1px solid #d2d0d4;}
.read-text::-webkit-scrollbar{display: none;}
.read-text p{font-size: 0.75rem;line-height: 1.313rem;color: #777;font-family: 'Dotum';}

/* INPUT FILE */
.file-wrap{overflow: hidden;}
.file-upload{clear: both;position: relative;width: 100%;height: 54px;padding-right: 192px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.file-upload .file-text{float: left;width: 100%;height: 54px;line-height: 3.25rem;font-size: 0.875rem;color: #000;text-indent: 25px;border: 1px solid #d2d0d4;border-radius: 10px;-webkit-border-radius: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.file-wrap .file-input {position: absolute;right: 0;top: 0;}
.file-wrap .btn {vertical-align: top;cursor: pointer;width:  180px;}
.file-hidden {position: absolute;right: 0px;top: 0px;opacity: 0;filter: alpha(opacity=0);-ms-filter: alpha(opacity=0);cursor: pointer;width: 180px;height: 54px;top: 0;}
.file-hidden[type="file"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.file-wrap.type02 .file-upload .file-text{height: 68px;border: 0 none;}
.file-wrap.type02 .btn{width: 100px;margin-top: 12px;}
.file-wrap.type02 .file-hidden{position: absolute;left: 0;top: 0;width: 100px;height: 68px;}
.file-wrap.type02 .file-upload{height: 68px;padding-right: 0;padding-left: 100px;}
.file-wrap.type02 .file-input{position: absolute;left: 0;top: 0;}


/* SELECT */
.select-wrap{}
.select-wrap select{width: 100%;height: 46px;line-height: 44px;box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-appearance:none;appearance:none;background: url('../images/common/ico_select.png') calc(100% - 25px) 50% no-repeat;border: 1px solid #d2d0d4;border-radius: 10px;-webkit-border-radius: 10px;padding: 0 35px 0 25px; font-size: 0.875rem;outline: none;}
.select-wrap select::-ms-expand {display:none}
.select-list{display: flex;justify-content: space-between;}
.select-list li{width: 22.8%;}
.select-list li button{width: 100%;height: 54px;line-height: 52px;font-size: 0.875rem;color: #9f9f9f;letter-spacing: -0.025rem;background-color: #f9f9f9;box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 10px;-webkit-border-radius: 10px;border: 1px solid #d2d0d4;text-align: center;}
.select-list li.active button{color: #fff;background-color: #ef300a;border: 1px solid #ef300a;}

.select-wrap.type02{text-align: center;}
.select-wrap.type02 select{max-width: 508px;height: 50px;line-height: 50px;margin: 0 auto;font-size: 1rem;border: 0 none;border-bottom: 3px solid #000;border-radius: 0;background: url(../images/common/ico_select.png) calc(100% - 10px) 50% no-repeat;}

/* CHECKBOX */
.checkbox{display: inline-block;position: relative;padding-top: 14px;font-size: 0.875rem;color: #666;}
.checkbox label{margin-right: 21px;color: #000;font-size: 0.875rem;}
.checkbox input:checked+label{}
.checkbox label:before{content: '';display: inline-block;width: 18px;height: 18px;margin-right: 5px;background: url(../images/common/checkbox.png) 0 0 no-repeat;vertical-align: middle;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box; margin-top: -3px;}
.checkbox input[type="checkbox"]:checked+label:before{background: url('../images/common/checkbox_checked.png') 0 0 no-repeat;}
.checkbox input[type="checkbox"]{opacity: 0; filter: alpha(opacity=0); position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); top: 0; left: 0; border: 0;}

/* RADIO */
.radio{display: inline-block;position: relative;margin-top: 14px;font-size: 14px;color: #666;}
.radio label{margin-right: 21px;color: #000;font-size: 0.875rem;}
.radio input:checked+label{}
.radio label:before{content: '';display: inline-block;width: 18px;height: 18px;margin-right: 5px;background: url(../images/common/checkbox.png) 0 0 no-repeat;vertical-align: middle;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;}
.radio input[type="radio"]:checked+label:before{background: url('../images/common/checkbox_checked.png') 0 0 no-repeat;}
.radio input[type="radio"]{opacity: 0; filter: alpha(opacity=0); position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); top: 0; left: 0; border: 0;}

/* TABLE */
.table-wrap{border-top: 0 none;}
.table-wrap .data-table{border-bottom: 0 none;}
.table-wrap .data-table tr td.title{text-align: left;}
.table-wrap .data-table tr td.title a{display: inline-block;color: #000;white-space: nowrap;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;}
.table-wrap.type01{}
.table-wrap.type01 .data-table{border-bottom: 1px solid #d2d0d4;}
.table-wrap.type01 .data-table thead tr th{background-color: #292929;border-top: 0 none;border-left: 0 none;}
.table-wrap.type01 .data-table thead tr th:first-child{border-top-left-radius: 14px;-webkit-border-top-left-radius: 14px;}
.table-wrap.type01 .data-table thead tr th:last-child{border-top-right-radius: 14px;-webkit-border-top-right-radius: 14px;}
.table-wrap.type01 .data-table tr th{font-size: 0.875rem;color: #fff;font-weight:bold; word-break: keep-all;}
.table-wrap.type01 .data-table tbody tr td,
.table-wrap.type01 .data-table tbody tr th{font-size: 0.875rem;color: #000;border-top: 1px solid #d2d0d4;border-left: 0 none;}
.table-wrap.type01 .data-table tbody tr td:first-child,
.table-wrap.type01 .data-table tbody tr th:first-child {font-size: 0.875rem;color: #000;font-weight: bold;}

.table-wrap.type02{}
.table-wrap.type02 .data-table{border-bottom: 1px solid #d2d0d4;}
.table-wrap.type02 .data-table tr th{padding: 21px 0;font-size: 1rem;line-height: 1.75rem;color: #000;font-weight: normal;border-top: 1px solid #000;border-left: 0 none;background-color: transparent;}
.table-wrap.type02 .data-table tr td{padding: 26px 0;font-size: 1rem;line-height: 1.75rem;color: #4c4c4c;text-align: center;border-left: 0 none;border-top: 1px solid #d2d0d4;}
.table-wrap.type02 .data-table tr td.title{text-align: left;vertical-align: middle;}
.table-wrap.type02 .data-table tr td.title a{display: inline-block;max-width: 300px;padding-left: 40px;color: #000;white-space: nowrap;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;}

.table-wrap.type03 .data-table{border-bottom: 1px solid #d2d0d4;}
.table-wrap.type03 .data-table tr th{padding: 21px 0;font-size: 1rem;line-height: 1.75rem;color: #000;font-weight: normal;border-top: 1px solid #000;border-left: 0 none;background-color: #f9fafb;}
.table-wrap.type03 .data-table tr td{padding: 26px 0;font-size: 1rem;line-height: 1.75rem;color: #4c4c4c;text-align: center;border-left: 0 none;border-top: 1px solid #d2d0d4;}
.table-wrap.type03 .data-table tr td.title{text-align: left;}
.table-wrap.type03 .data-table tr td.title a{display: block;max-width: 300px;padding-left: 20px;color: #000;}

/* TABLE LIST */
.table-list{border-bottom: 1px solid #d2d0d4;}
.table-list li{width: 100%;overflow: hidden;}
.table-list > li.title{border-top: 1px solid #000;background-color: transparent !important;}
.table-list > li{border-top: 1px solid #d2d0d4;}
.table-list > li > span {display: block;float: left;padding: 26px 0;font-size: 1rem;line-height: 1.75rem;color: #4c4c4c;text-align: center;}
.table-list.type01 li.title > span{padding: 21px 0;font-size: 1rem;line-height: 1.75rem;color: #000;font-weight: normal;text-align: center;}
.table-list > li > span .ico{vertical-align: middle;}
.table-list.type01.count01 li > .number{width: 11%;}
.table-list.type01.count01 li > .sort{width: 6%;}
.table-list.type01.count01 li > .subject{width: 50%;text-align: left;}
.table-list.type01.count01 li.title > .subject{text-align: center;}
.table-list li > .subject a{display: inline-block;max-width: 80%;padding-left: 8px;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;vertical-align: middle;}
.table-list li > .subject .ico-new,
.table-list li > .subject .ico-hot{margin-left: 10px;vertical-align: middle;}
.table-list.type01.count01 li > .date{width: 13%;}
.table-list.type01.count01 li > .view{width: 10%;}
.table-list.type01.count01 li > .recommend{width: 10%;}
.table-list.type01.count01 li > .subject a {padding-left: 40px; margin-top: -3px;}

.table-list.type01.count02 li > .number{width: 11%;}
.table-list.type01.count02 li > .subject{width: 72%;text-align: left;}
.table-list.type01.count02 li > .date{width: 17%;}

.table-list.type01.count03 li > .number{width: 11%;}
.table-list.type01.count03 li > .subject{width: 47%;text-align: left;}
.table-list.type01.count03 li.title > .subject{text-align: center;}
.table-list.type01.count03 li > .writer{width: 10%;}
.table-list.type01.count03 li > .date{width: 14%;}
.table-list.type01.count03 li > .view{width: 8%;}
.table-list.type01.count03 li > .recommend{width: 10%;}

.table-list.type01.count04 li > .number{width: 10%;}
.table-list.type01.count04 li > .attach{width: 14%;}
.table-list.type01.count04 li > .subject{width: 61%;text-align: left;}
.table-list.type01.count04 li.title > .subject{text-align: center;}
.table-list.type01.count04 li > .date{width: 15%;}

.table-list.type01.count05 li > .subject{width: 25%;}
.table-list.type01.count05 li > .agency{width: 30%;}
.table-list.type01.count05 li > .gender{width: 15%;}
.table-list.type01.count05 li > .name{width: 15%;}
.table-list.type01.count05 li > .date{width: 15%;}

.table-list.type01.count06 li > .subject{width: 18%;}
.table-list.type01.count06 li > .agency{width: 26%;}
.table-list.type01.count06 li > .grade{width: 14%;}
.table-list.type01.count06 li > .group{width: 22%;}
.table-list.type01.count06 li > .date{width: 20%; text-align: left; padding-left: 4%;}

.table-list.type01.count07 .student-info span {display: block;float: left;padding: 26px 0;font-size: 1rem;line-height: 1.75rem;color: #4c4c4c;text-align: center;}
.table-list.type01.count07 li > .check{width: 6%;}
.table-list.type01.count07 li > .grade{width: 7%;}
.table-list.type01.count07 li > .group{width: 35%;}
.table-list.type01.count07 li > .number{width: 5%;}
.table-list.type01.count07 li .gender{width: 32%;}
.table-list.type01.count07 li .name{width: 15%; text-align: left; padding-left: 1.5%;}
.table-list.type01.count07 li > .date {display: none;}

.table-list.type02 > li.title{background-color: #f9fafb !important;}
.table-list.type02 li.title > .subject{text-align: center;}

.table-list.type02.count01 li .sort{width: 17%;}
.table-list.type02.count01 li .subject{width: 35%;text-align: left;}
.table-list.type02.count01 li > .date01{width: 18%;}
.table-list.type02.count01 li > .date02{width: 18%;}
.table-list.type02.count01 li > .manage{width: 12%;}

.table-list.type02.count02 li > .subject{width: 25%;}
.table-list.type02.count02 li > .agency{width: 25%;}
.table-list.type02.count02 li > .grade{width: 12%;}
.table-list.type02.count02 li > .gender{width: 10%;}
.table-list.type02.count02 li > .name{width: 13%;}
.table-list.type02.count02 li > .date{width: 15%;}

.table-list.type02.count03 li > .subject{width: 25%;}
.table-list.type02.count03 li > .agency{width: 25%;}
.table-list.type02.count03 li > .grade{width: 18%;}
.table-list.type02.count03 li > .group{width: 17%;}
.table-list.type02.count03 li > .date{width: 15%;}

.table-list.type01.count06 .sort {margin-left: 7px;}
.table-list.type01.count06 .sort button{display: inline-block; width: 7px; height: 4px; font-size: 1px;text-indent: -9999px;overflow: hidden; margin-top: -4px;}
.table-list.type01.count06 .sort button + button {margin-left: 1px;}
.table-list.type01.count06 .sort button.up {background-image: url('../images/common/ico_sort_up.png'); background-repeat: no-repeat; background-position: 0 0;}
.table-list.type01.count06 .sort button.down {background-image: url('../images/common/ico_sort_down.png'); background-repeat: no-repeat; background-position: 0 0;}





/* TAB */
.tab-wrap{}
.tab-wrap .tab.center{text-align: center;}
.tab-wrap .tab::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.tab.medium{}
.tab.type01 li{display: inline-block;margin-right: 56px;}
.tab.type03 li{float: left;}
.tab.type04 li{float: left;}
.tab.x-small li{}
.tab.x-small li a{font-size: 0.75rem;font-weight: 100;}
.tab.x-small li.active a{font-size: 0.75rem;font-weight: 300;color: #404dff;}
.tab.x-small.type04 li{}
.tab.x-small.type04 li a{}
.tab.x-small.type04 li a::before{content: '';display: inline-block;width: 1px;height: 9px;margin: 0 10px;background-color: #e4e4e4;}
.tab.small li a{display: block;height: 42px;line-height: 40px;font-size: 0.75rem;color: #000;border: 1px solid #e4e4e4;border-left: 0 none;box-sizing: border-box;}
.tab.x-small.type04 li:first-child a::before{display: none;}
.tab.small li:last-child a{border-right: 0 none;}
.tab.small li.active a{border-top: 2px solid #3644ff;background-color: #f9fafb;}
.tab.medium.type01 li.active a{color: #ef300a !important; font-weight: 700 !important;  border-bottom-width: 4px; border-style: solid; border-color:  #ef300a; border-radius: 2px;-webkit-border-radius: 2px;}
/*.tab-wrap .tab.medium li.active a::after{content: '';display: block;width: 100%;height: 4px;margin-top: 6px;background-color: #ef300a;border-radius: 2px;-webkit-border-radius: 2px;}*/
.tab.medium.type01 li a{padding-bottom: 4px;font-size: 1.25rem;line-height: 1;color: #000;font-weight: bold;}

.tab.large li{height: 60px;border-top: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;}
.tab.large li:nth-child(1){border-left: 1px solid #e4e4e4;}
.tab.large li.active{border-bottom: 0 none;}
.tab.large li a{display: block;text-align: center;}
.tab.type02 li{float: left;}
.tab.large.type02 li a{line-height: 58px;color: #a3a3a3;}
.tab.large.type02 li.active a{line-height: 54px;color: #a3a3a3;border-top: 2px solid #ef300a;}

.tab.x-large li{height: 70px;line-height: 70px;background-color: #bdbdbd;text-align: center;}
.tab.x-large li.active{background-color: #ef300a;}
.tab.x-large li a{display: block;width: 100%;height: 100%;text-align: center;font-size: 1.125rem;color: #818181;}
.tab.x-large li.active a{font-weight: bold;color: #fff;}

.tab-wrap .tab-content{display: none;}
.tab-wrap .tab-content.active{display: block;}
.tab-wrap .tab-content h3{padding-top: 80px;}

/* TAG */
.tag-wrap{}
.tag-wrap .tag-list,
.tag-wrap .tag-list-f{}
.tag-wrap .tag-list li,
.tag-wrap .tag-list-f li{display: inline-block;margin-top: 15px;margin-right: 10px;margin-top: 6px;margin-right: 6px;}
.tag-wrap .tag-list li a,
.tag-wrap .tag-list-f li a{display: inline-block;height: 46px;line-height: 44px;padding: 0 30px;font-size: 1rem;color: #000;text-align: center;border-radius: 23px;-webkit-border-radius: 23px;border: 1px solid #e6e6e6;}
.tag-wrap .tag-list.small li a,
.tag-wrap .tag-list-f.small li a{height: 30px;line-height: 28px;padding: 0 15px;font-size: 0.875rem;}
.tag-wrap .tag-list li.active a,
.tag-wrap .tag-list-f li.active a{color: #fff;border-radius: 23px;-webkit-border-radius: 23px;border: 1px solid #ef300a;background-color: #ef300a;}

/* ICON */
.ico-check{display: inline-block;}
.ico-check.small{width: 8px;height: 8px;}
.ico-check.type01{border-radius: 50%;-webkit-border-radius: 50%;background-color: #ef300a;}
.ico.file{direction: inline-block;width: 18px;height: 16px;background: url('../images/common/ico_file_02.png') 0 0 no-repeat;}

/* TEXT */
.summary {font-size: 1rem;line-height: 1.75rem;letter-spacing: -0.025rem;}
.content-header{padding-top: 86px;}
/*.content-header::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}*/
.content-header h2{padding-bottom: 5px;font-size: 2.25rem;line-height: 3.688rem;letter-spacing: -0.025rem;}
#content h3{font-size: 1.125rem;line-height: 1;letter-spacing: -0.025rem;}
#content h3 span{display: inline-block; position: relative;}
#content h3.type02 span{color: #fff;}
#content h3.emphasis span::after{content: '';display: block;width: 100%;height: 2px;margin-top: 2px;background-color: #000;}
#content h3.emphasis.type02 span::after{background-color: #fff;}
#content h3.large{font-size: 1.875rem;}
#content .summary {}

/* PAGINATION */
.pagination{padding-top: 60px;text-align: center;}
.pagination button,
.pagination a,
.pagination strong{display: inline-block;height: 40px;line-height: 40px;text-align: center;vertical-align: middle;}
.pagination button{width: 40px;font-size: 1px;text-indent: -9999px;overflow: hidden;border: 1px solid #e8e7e9;border-radius: 50%;-webkit-border-radius: 50%;background-repeat: no-repeat;background-position: 50% 50%;}
.pagination button.first{margin-right: 6px;background-image: url('../images/common/ico_page_first.jpg');}
.pagination button.prev{margin-right: 6px;background-image: url('../images/common/ico_page_prev.jpg');}
.pagination button.next{margin-left: 6px;background-image: url('../images/common/ico_page_next.jpg');}
.pagination button.last{margin-left: 6px;background-image: url('../images/common/ico_page_last.jpg');}
.pagination a{width: 34px;font-size: 1rem;color: #000;}
.pagination strong{width: 40px;font-size: 1rem;color: #fff;font-weight: normal;background-color: #ef300a;border-radius: 50%;-webkit-border-radius: 50%;}

/* PREV , NEXT POST */
.post-prev,
.post-next {display: inline-block; width: calc((100% / 2) - 100px); line-height: 46px; font-size: 1rem; vertical-align: middle; background-repeat: no-repeat; background-position: cover;}
.post-prev {float: left; background-image: url('../images/common/ico_page_prev.jpg'); background-position: 0 58%; text-align: left; margin-left: 16px; padding-left: 24px; padding-right: 100px;}
.post-next {float: right; background-image: url('../images/common/ico_page_next.jpg');background-position: 100% 58%; text-align: right; margin-right:16px; padding-right: 24px; padding-left: 100px;}
.post-page .btn.post {width: 100%; vertical-align: middle; overflow: hidden;text-overflow: ellipsis;word-break: break-all;white-space: nowrap;}
.post-prev .btn.post {text-align: left;}
.post-next .btn.post {text-align: right;}

.bg-dim {position: relative;}
.bg-dim::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('../images/common/bg_mask.png') 0 0 repeat;}

.content-header.aside .summary{float: left;padding-bottom: 55px;}
.content-header.aside .input-search{float: right;width: 228px;/*margin-top: -15px;*/margin-bottom: 60px;}
.content-header.aside .select-wrap{float: right;width: 228px;margin-top: 9px;margin-bottom: 60px;}

.content-primary{padding-bottom: 240px;}
.content-primary::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}

.content-primary .sort-area{padding-top: 55px;}
.content-primary .sort-area::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.content-primary .sort-area .tag-wrap{float: left;}
.content-primary .sort-area .select-wrap{float: right;width: 228px;margin-top: 15px;}

.search-area{padding-top: 80px;}
.search-area .btn-area{padding-bottom: 15px;}
.search-area::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.search-area .select-flex{float: left;padding-top: 15px;}
.search-area .select-wrap{float: left;width: 258px;margin-right: 10px;}
.search-area .select-wrap{}
.search-area .input-search{float: right;width: 228px;}
.search-area .tag-wrap + .input-search{margin-top: 15px;}
.search-area .select-flex + .input-search{margin-top: 15px;}
.search-area .tag-wrap{float: left;}

.text{font-size: 1rem;line-height: 1.75rem;letter-spacing: -0.038rem;}
.text.weight{font-weight: bold;}
.text.full{display: block;}
.text.line{border-bottom: 1px solid #a3a3a3;}

.slick-dots{position: absolute;bottom: 0;font-size: 0;}
.slick-dots li{display: inline-block; height: 10px;margin: 0 5px;overflow: hidden;vertical-align: top;}
.slick-dots li button{width: 10px;height: 10px;font-size: 1px;text-indent: -999px;box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 50%;-webkit-border-radius: 50%;vertical-align: top;}

.section-wrap .minus-wrap{margin-left: -18px;margin-right: -18px;padding-top: 20px;}
.section-wrap h4{font-size: 1rem;line-height: 1;letter-spacing: -0.025rem;}
.section-wrap h4.emphasis span{display: inline-block;position: relative;}
.section-wrap h4.emphasis span::after{content: ''; display: block; width: 100%; height: 2px; margin-top: 2px; background-color: #000;}


/* FORM */
.form-wrap{margin-top: 55px;padding-top: 60px;border-top: 1px solid #d2d0d4;}
.form-wrap.aside{margin-top: 0;border-top: 0 none;}
.form-wrap::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.form-wrap .field{position: relative;padding-top: 20px;padding-left: 114px;}
.form-wrap .field.half{float: left;width: 50%;padding-right: 18px;}
.form-wrap .field.half + .field.half{padding-right: 0;padding-left: 132px;}
.form-wrap .field.half + .field.half > label{left: 49px;}
.form-wrap .field.full{clear: both;}
.form-wrap.aside .field{padding-left: 193px;}
.form-wrap .field > label{display: inline-block;position: absolute;left: 0;top: 32px;font-size: 1rem;line-height: 1.75rem;letter-spacing: -0.025rem;}
.form-wrap .field > label.requisite::after{content: '*';margin-left: 4px;font-size: 1.25rem;line-height: 1.75rem;color: #ef300a;vertical-align: -6px;}
.form-wrap .field .insert{}
.form-wrap .field .insert .input-wrap::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.form-wrap .field .insert .input-wrap .input-text{float: left;width: 30%;}
.form-wrap .field .insert .input-wrap .at{display: block;float: left;width: 6%;line-height: 52px;text-align: center;color: #7f7f7f;}
.form-wrap .field .insert .input-wrap .select-wrap{float: right;width: 30%;}
.form-wrap .field .insert .input-wrap .select-wrap select{height: 54px;line-height: 52px;}
.form-wrap .field .insert .input-text input{}
/*.form-wrap .field .insert > .text.normal{padding-top: 6px;}*/

.form-wrap .field .insert .edit-profile{position: absolute;left: 0;top: 0;width: 100px;height: 100px;margin-right: 50px;}
.form-wrap .field .insert .edit-profile .thumb{position: relative;width: 100%;height: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;border: 1px solid #d2d0d4;border-radius: 50%;-webkit-border-radius: 50%;}
.form-wrap .field .insert .edit-profile .thumb img{position: absolute;left: 50%;
  top: 50%;height: 100%;width: auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.form-wrap .field .insert .edit-profile .btn-edit{display: block;position: absolute;right: 0;bottom: 0;width: 28px;height: 28px;background: url('../images/common/btn_edit.png') 0 0 no-repeat;}

.form-wrap .field.profile .insert{position: relative;height: 120px;padding-right: 192px;padding-left: 150px;}
.form-wrap .field.profile .insert .input-text{padding-top: 23px;}
.form-wrap .field.profile .insert .btn.type02{position: absolute;right: 0;top: 23px;width: 180px;}
.form-wrap .select-wrap select{height: 54px;line-height: 52px}
.form-wrap.aside .btn-area{padding-left: 193px;}
.form-wrap .checkbox-wrap{width: 100%;}
.form-wrap .checkbox-wrap .checkbox{display: block;width: 100%;padding-top: 5px;}
.form-wrap .checkbox-wrap .checkbox label{font-size: 0.875rem;line-height: 1.75rem;letter-spacing: -0.025rem;color: #777;}

.board-wrap .btn-area + .pagination{margin-top: -6px;padding-top: 0;}
.board-wrap h3{padding-top: 100px;padding-bottom: 20px;}

/* 리스트 뷰 */
.view-wrap{padding-top: 48px;border-bottom: 1px solid #000;}
.view-wrap .title{height: 70px;padding: 0 20px;border-top: 1px solid #000;}
.view-wrap.type03 .title{position: relative;padding-left: 98px;border-bottom: 1px solid #d2d0d4;margin-bottom: 9px;}
.view-wrap .title::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.view-wrap .title .tag{float: left;margin-top: 20px;margin-right: 10px;}
.view-wrap .title h4{float: left;line-height: 70px;font-size: 1rem;font-weight: normal;overflow: hidden;text-overflow: ellipsis;word-break: break-all;white-space: nowrap;}
.view-wrap.type03 .title h4{position: absolute;left: 20px;top: 0;}
.view-wrap.type03 .title .input-text{float: left;width: 100%;height: 68px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.view-wrap .title .input-text input{width: 100%;height: 68px;line-height: 68px;text-indent: 20px;border: 0 none;border-radius: 0;-webkit-border-radius: 0;}
.view-wrap .title .input-text input:focus{background-color: #fff;}
.view-wrap .title .aside-text{float: right;}
.view-wrap .title .aside-text .view{display: inline-block;}
.view-wrap .title .aside-text .date{float: none;margin-left: 14px;}
.view-wrap .title .aside-text .date::before{content: '';display: inline-block;width: 1px;height: 11px;margin-right: 15px;background-color: #000;}
.view-wrap .title .date{float: right;line-height: 70px;font-size: 1rem;color: #000;}
.view-wrap .view-content{padding: 44px 20px 95px;border-top: 1px solid #d2d0d4;color: #000;}
.view-wrap.type02 .view-content{padding-bottom: 40px;}
.view-wrap .view-content > *{font-size: 1rem;line-height: 1.625rem;}
.view-wrap .view-content img{width: 100%;}
.view-wrap .view-content .bottom-area{padding-top: 130px;}
.view-wrap .view-content .bottom-area::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.view-wrap .view-content .bottom-area .attach-file{float: left;padding-top: 0;}
.view-wrap .view-content .bottom-area .btn-recommend{float: right;}

.view-wrap.type03 .edit-content .bottom-area{position: relative;height: 70px;margin-top: 10px;padding-left: 118px;border-top: 1px solid #d2d0d4;}
.view-wrap.type03 .edit-content .bottom-area h4{position: absolute;left: 20px;top: 0;line-height: 70px;font-size: 1rem;font-weight: normal;}

.view-wrap .view-content .attach-file{padding-top: 130px;}
.view-wrap .reply-area{position: relative;padding: 34px 22px 35px 147px;border-top: 1px solid #d2d0d4;}
.view-wrap .reply-area::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.view-wrap .reply-area > h5,
.view-wrap .reply-area > .user {display: inline-block;position: absolute;left: 22px;top: 38px;font-size: 1rem;color: #000;line-height: 1;font-weight: normal;vertical-align: middle;}
.view-wrap .reply-area > h5::after{content: '';display: inline-block;width: 1px;height: 11px;margin-left: 50px;background-color: #b2b2b2;vertical-align: 1px;}
.view-wrap .reply-area .text-wrap{float: left;}
.view-wrap .reply-area .text-wrap > *{font-size: 1rem;line-height: 1.625rem;color: #000;}


.view-wrap .attach-file02{height: 60px;line-height: 60px;padding: 0 50px;text-align: left;background-color: #f7f7f7;border-top: 1px solid #d2d0d4;}
.view-wrap .attach-file02 a{display: inline-block;padding-left: 32px;font-size: 0.875rem;color: #000;text-decoration: underline;background: url('../images/common/ico_file.png') 0 50% no-repeat;}

.detail .view-wrap .title .tag.small{width: 70px;text-align: center;}
.detail .view-wrap .view-content{padding: 50px 0 40px;}
.detail .view-wrap .view-content img{width: 100%;}

/* 댓글 영역 */
.comment-area{}
.comment-area .write-comment{padding-top: 100px;}
.comment-area .write-comment h4{padding-left: 10px;padding-bottom: 12px;font-size: 1rem;line-height: 1;color: #000;font-weight: normal;}
.comment-area .write-comment h4 span{color: #ef300a;}
.comment-area .write-comment .text-area{position: relative;height: 150px;padding-right: 160px;border: 1px solid #000;border-radius: 14px;-webkit-border-radius: 14px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.comment-area .write-comment .text-area textarea{height: 100%;min-height: 0;border: 0 none;resize: none;border-radius: 14px;-webkit-border-radius: 14px;}
.comment-area .write-comment .btn.type01{position: absolute;right: 29px;bottom: 28px;width: 100px;}
.comment-area .comment-list{padding-top: 60px;}
.comment-area .comment-list ul{}
.comment-area .comment-list ul li{position: relative;padding: 25px 0;border-bottom: 1px solid #e8e7e9;}
.comment-area .comment-list ul li:first-child{border-top: 1px solid #e8e7e9;}
.comment-area .comment-list ul li::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.comment-area .comment-list ul li .name{display: block;float: left;width: 155px;font-size: 1rem;line-height: 1.75rem;}
.comment-area .comment-list ul li.comment .name{padding-left: 40px;background: url('../images/common/ico_arrow_comment.png') 20px 50% no-repeat;}
.comment-area .comment-list ul li .text-wrap{float: right;position: relative;width: calc(100% - 155px);}
.comment-area .comment-list ul li.comment .text-wrap,
.comment-area .comment-list ul li.write-reply .text-wrap{width: calc(100% - 155px - 42px);}
.comment-area .comment-list ul li .left-area {height: 100%; padding-right: 170px;}
.comment-area .comment-list ul li .text-wrap .text{font-size: 1rem;line-height: 1.75rem;color: #000;}
.comment-area .comment-list ul li .text-wrap .date{font-size: 0.875rem;color: #a3a3a3;line-height: 1;}
.comment-area .comment-list ul li.write-reply .text-wrap {height: 138px; border-radius: 10px;border-radius: 10px;-webkit-border-radius: 10px; border: 1px solid #000; overflow: hidden;}
.comment-area .comment-list ul li.write-reply .left-area {padding-top: 10px; padding-bottom: 10px; padding-left: 18px;}
.comment-area .comment-list ul li.write-reply textarea {height: 100%;min-height: 0;width: 100%; border: 0 none;resize: none;}
.comment-area .comment-list ul li.write-reply textarea:focus {background-color: #fff;}
.comment-area .comment-list ul li.write-reply .edit-reply {top: 10px;}
.edit-reply{position: absolute;right: 20px;top: 0;}
.edit-reply button{display: inline-block;width: auto;height: auto;margin-left: 10px;font-size: 0.875rem;line-height: 1.75rem;background: 0 none;}
.edit-reply button:first-child {color: #ef300a;}
.edit-reply button::before{content: '';display: inline-block;width: 1px;height: 11px;margin-right: 14px;background-color: #b2b2b2;}
.edit-reply button.btn-reply::before{display: none;}

/* FAQ */
.faq-list{margin-top: 60px;border-bottom: 1px solid #d2d0d4;}
.faq-list > li{padding-bottom: 35px;border-top: 1px solid #d2d0d4;}
.faq-list > li > a{display: block;padding: 0 0 0 50px;}
.faq-list > li.active{background-color: #f9fafb;border-top: 1px solid #000;}
.faq-list > li .question{display: block;width: 100%;padding-top: 38px;font-size: 1.25rem;line-height: 1;color: #000;background: url('../images/common/ico_arrow_faq.png') calc(100% - 50px) 45px no-repeat;}
.faq-list > li.active .question{background: url('../images/common/ico_arrow_faq_active.png') calc(100% - 50px) 45px no-repeat;}
.faq-list > li .answer{display: none;padding-top: 30px;font-size: 1rem;line-height: 1.625rem;color: #717172;}
.faq-list > li.active .answer{display: block;}
.faq-list > li .answer ul{padding-top: 6px;}
.faq-list > li .btn{}

/* EVENT */
.event-list::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.event-list li{float: left;width: 50%;padding: 100px 18px 0;box-sizing: border-box;-webkit-box-sizing: border-box;}
.event-list li:nth-child(1),
.event-list li:nth-child(2){padding-top: 0;}
.event-list li a{display: block;}
.event-list li a .thumb{position: relative;width: 100%;height: 250px; border-radius: 14px;-webkit-border-radius: 14px;overflow: hidden;}
.event-list li.end-event a .thumb::after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);}
.event-list li a .thumb img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.event-list li a .text-wrap{position: relative;margin-top: 20px;padding-right: 100px;}
.event-list li a .text-wrap .title{display: block;font-size: 1.25rem;line-height: 2.125rem;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;}
.event-list li a .text-wrap .date{display: block;padding-top: 4px;font-size: 1rem;line-height: 1rem;}
.event-list li a .text-wrap .tag{display: inline-block;position: absolute;right: 0;top: 0;width: 78px;height: 36px;line-height: 36px;padding: 0;text-align: center;}


/* POPUP */
.layer-popup{display: none;position: fixed;height: 100%;top: 0;width: 100%; z-index: 99; left: 0; right: 0;}
.layer-popup .layer-wrap{position: relative;height: 100%;overflow-y: scroll;}
.layer-popup .layer-wrap .bg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.5;}
.layer-popup .popup-wrap{position: absolute;left: 0;right: 0;top: 30%;min-height: 265px;width: 510px; margin: 0 auto;padding-bottom: 70px; z-index: 99;border-radius: 14px;-webkit-border-radius: 14px;}
.layer-popup .popup-content{position: absolute;width: 100%;height: 100%;border: 1px solid #d2d0d4;border-bottom: 0 none;border-top-left-radius: 14px;-webkit-border-top-left-radius: 14px;border-top-right-radius: 14px;-webkit-border-top-right-radius: 14px;border-bottom-left-radius: 20px;-webkit-border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;-webkit-border-bottom-right-radius: 20px;box-sizing: border-box;-webkit-box-sizing: border-box;background-color: #fff;padding-bottom: 70px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.layer-popup .popup-content .text-wrap{display: flex; flex: auto; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding-left: 20px;padding-right: 20px;vertical-align: middle;font-size: 1rem;line-height: 1.75rem;text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;}
.layer-popup .popup-content .text-wrap p + p{padding-top: 5px;}
.layer-popup .pop-close{position: absolute;right: 30px;top: 30px;width: 23px;height: 23px;background: url('../images/common/pop_close.png') center center no-repeat;font-size: 0;text-indent: 999em;overflow: hidden;z-index: 10;}

.layer-popup .btn-area{position: absolute;bottom: 0;width: 100%;padding-top: 0;border-bottom-left-radius: 14px;-webkit-border-bottom-left-radius: 14px;border-bottom-right-radius: 14px;-webkit-border-bottom-right-radius: 14px;overflow: hidden;}
.layer-popup .btn-area .btn{float: left;width: 50%;}
.layer-popup .btn-area.full .btn{float: none;width: 100%;}
.layer-popup .btn-area .btn + .btn{margin-left: 0;}

.layer-popup .form-wrap{margin-top: 0;padding-top: 0;border: 0 none;}

.pop-complete.layer-popup .popup-wrap{height: 356px;}
.pop-apply.layer-popup .company{font-size: 0.875rem;line-height: 1.75rem;color: #000;}
.pop-apply.layer-popup .title{font-size: 1rem;line-height: 1.75rem;color: #000;font-weight: bold;}
.pop-complete02.layer-popup .popup-wrap{height: 246px;}
.pop-complete02.layer-popup .popup-content{padding-bottom: 0;border-bottom-left-radius: 14px;-webkit-border-bottom-left-radius: 14px;border-bottom-right-radius: 14px;-webkit-border-bottom-right-radius: 14px;}
.pop-apply.layer-popup .popup-wrap{height: 380px;}
.pop-apply.layer-popup .modify-area{padding: 25px 24px 0;}
.pop-apply.layer-popup .modify-area .input-text{position: relative;height: 46px;line-height: 44px;margin-bottom: 14px;padding: 0 75px 0 25px;text-align: left;box-sizing: border-box;-webkit-box-sizing: border-box;border: 1px solid #d2d0d4;border-radius: 10px;-webkit-border-radius: 10px;}
.pop-apply.layer-popup .modify-area .input-text::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.pop-apply.layer-popup .modify-area .input-text p{width: 100%;max-width: 350px;line-height: 44px;font-size: 0.875rem;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;}
.pop-apply.layer-popup .modify-area .input-text .btn-modify{display: inline-block;position: absolute;right:24px;top:0;line-height: 44px;font-size: 0.875rem;color: #ef300a;text-decoration: underline;}

.pop-apply.layer-popup .modify-area .file-wrap{height: 90px;border: 1px solid #d2d0d4;border-radius: 10px;-webkit-border-radius: 10px;}
.pop-apply.layer-popup .modify-area .file-wrap .file-input{position: absolute;right: 0;top: 0;left: 0;width: 100%;height: 100%;}
.pop-apply.layer-popup .modify-area .file-wrap .file-hidden{width: 100%;height: 100%;}
.pop-apply.layer-popup .modify-area .file-wrap .file-upload{padding-right: 0;}
.pop-apply.layer-popup .modify-area .file-wrap .notice-text{padding-top: 33px;padding-left: 20px;font-size: 0.875rem;line-height: 1.25rem;color: #a3a3a3;text-align: left;}
.modify-area .file-upload .file-text{border: 0 none;height: 28px;line-height: 28px;border-radius: 0;text-indent: 20px;}
.modify-area .file-upload strong{position: absolute;left: 20px;top: 5px;font-size: 0.875rem;line-height: 1.75rem;color: #000;font-weight: normal;}
.modify-area .file-upload .btn-attach{display: inline-block;position: absolute;right: 0;margin-top: 5px;padding-right: 25px;font-size: 0.875rem;line-height: 1.75rem;color: #737373;}

.pop-company02.layer-popup .popup-wrap{height: 290px;}

.pop-message.layer-popup .popup-wrap{height: 450px;}
.pop-message .message-to{padding-top: 28px;font-size: 1rem;line-height: 76px;text-align: center;}
.pop-message.layer-popup .form-wrap{padding: 0 24px;}
.pop-message.layer-popup .form-wrap .text-area{margin-top: 14px;}
.pop-message.layer-popup .form-wrap .select-wrap select{height: 46px;line-height: 44px;}
.pop-message.layer-popup .form-wrap .text-area textarea{min-height: 180px;}

.pop-message02.layer-popup .popup-wrap{height: 246px;}
.pop-message02.layer-popup .popup-content{padding-bottom: 0;}

.pop-prepare.layer-popup .popup-content{padding-bottom: 0;}
.pop-prepare.layer-popup .text-wrap .text{padding-top: 91px;background: url('../images/common/ico_prepare.png') 50% 0 no-repeat;}
.pop-prepare.layer-popup .btn-area{display: none;}

.pop-rules.layer-popup{}
.pop-rules.layer-popup .popup-wrap{min-height: 490px;}
.pop-rules.layer-popup .popup-content{padding: 33px 25px 70px;}
.pop-rules.layer-popup .popup-content .rules-wrap{max-height: 310px;padding-right: 10px;overflow-y: auto;}
.pop-rules.layer-popup .popup-content h2{padding-bottom: 11px;font-size: 1.125rem;line-height: 1.75rem;text-align: center;}
.pop-rules.layer-popup .popup-content h3{padding-top: 17px;font-size: 1rem;line-height: 1.75rem;text-align: center;}
.pop-rules.layer-popup .popup-content p{font-size: 1rem;line-height: 1.75rem;text-align: center;}
.pop-rules.layer-popup .popup-content ul li{font-size: 1rem;line-height: 1.75rem;text-align: center;}

.pop-change.layer-popup{}
.pop-change.layer-popup .popup-wrap{min-height: 365px;}
.pop-change.layer-popup .input-text{width: 360px;padding-top: 15px}
.pop-change.layer-popup .notice-text{width: 360px;margin: 0 auto;padding-top: 12px;font-size: 0.875rem;line-height: 1;color: #ef300a;text-align: left;}

.pop-verification.layer-popup .popup-wrap {min-height: 425px;}
.pop-verification .form-wrap {width: 100%; padding-left: 10px; padding-right: 10px;}
.pop-verification .form-wrap .field{position: relative; padding-left: 0; padding-right: 165px;}
.pop-verification .form-wrap .field + .field {padding-top: 10px;}
.pop-verification .form-wrap .btn{position: absolute;right: 0;top: 20px;width: 154px;}
.pop-verification .form-wrap .field + .field .btn {top: 10px;}

/* 설명 팝업 */
.balloon-popup{display: inline-block;position: relative;}
.balloon-popup .btn-pop{display: inline-block;width: 16px;height: 16px;margin-left: 6px;border-radius: 50%;-webkit-border-radius: 50%;vertical-align: -1px;background: #000 url('../images/common/ico_question_04.png') 50% 50% no-repeat;}
.balloon-popup .popup-wrap{display: none;position: absolute;top: -35px;left: 36px;padding: 19px;border: 1px solid #d2d0d4;border-radius: 10px;-webkit-border-radius: 10px;background-color: #fff;z-index: 100;}
.balloon-popup.active .popup-wrap{display: block;}
.balloon-popup .popup-wrap .balloon-close{display: inline-block;position: absolute;right: 0;top: 0;width: 52px;height: 52px;font-size: 1px;text-indent: -9999px;background: url('../images/common/pop_close_02.png') 50% 50% no-repeat;}
.balloon-popup .popup-wrap h4{padding-bottom: 20px;line-height: 1;font-size: 0.875rem;color: #000;}

/* slider */
.slick-slider .slick-prev,
.slick-slider .slick-next {position: absolute; top: 50%; width: 30px; height: 54px; margin-top: -27px;font-size: 1px;text-indent: -99999px; z-index: 1; background-size: cover; background-repeat: no-repeat; background-position: 0 0;overflow: hidden;}
.slick-slider .slick-prev {left: 30px; background-image: url('../images/common/ico_arrow_prev.png');}
.slick-slider .slick-next {right: 30px; background-image: url('../images/common/ico_arrow_next.png');}
.slider-pause {position: absolute; bottom: 9.411764%; left: 50%; width: 8px; height: 10px; background: url('../images/common/ico_pause.png') no-repeat 0 0; background-size: cover; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-left: -50px;}
.slider-pause .btn-pause {overflow:hidden;position:absolute;top:-1px;left:-1px;z-index:-1;width:1px;height:0px;line-height:0;white-space:nowrap;text-indent:-9999px;}


/* 절차 리스트 */

.thumnail-box {background-color: #f2f2f2; border-radius: 12px; overflow: hidden;}

.tab-wrap .tab-content h3 + .step-wrap {padding-top: 79px;}
.step-wrap .step > li {display: flex; justify-content: space-between; -ms-align-items: center ;
align-items: center; width: 100%;}
.step-wrap .step > li + li {margin-top: 60px;}
.step-wrap .step > li > dl > dt {line-height: 1.75rem; font-size: 1.125rem; font-weight: 700; letter-spacing: -0.025rem;}
.step-wrap .step > li > dl > dd {line-height: 1.75rem; font-size: 1rem; letter-spacing: -0.025rem; color: #7f7f7f; padding-top: 18px;}
.step-wrap .step > li > dl > dd .text {position: relative;}
.step-wrap .step > li .thumnail-box {position: relative;width: 650px; height: 400px; background-color: none; border: 1px solid #e4e4e4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.step-wrap .step li .thumnail-box img {position: absolute; top: 0; left: 0;}
.step-wrap + h3 {width: 100%; margin-top: 100px; border-top: 1px solid #e4e4e4;}
.step-wrap.type02 .step > li{flex-direction: row-reverse; justify-content: flex-end;}
.step-wrap.type02 .step > li + li {margin-top: 40px;}
.step-wrap.type02 .step > li .thumnail-box{width: 456px; height: 300px; background-repeat: no-repeat; background-size: cover;}
.step-wrap.type02 .step > li > dl {width: calc(100% - 456px); padding-left: 78px;}
.step-wrap.type02 .step > li > dl > dd {color: #000;}
.step-wrap.type03 .step {display: flex; position: relative; align-items: start; justify-content: space-between;}
.step-wrap.type03 .step > li {display: inline-block; width: auto; margin-top: 0;}
.step-wrap.type03 .step  li .thumnail-box {width: 340px; height: 340px; margin: 0 auto; background-repeat: no-repeat; background-size: cover;}
.step-wrap.type03 .step dl {padding-top: 32px;}
.step-wrap.type03 .step dl dt {padding-bottom: 7px;}
.step-wrap.type03 .step dl dd  {padding-top: 0; color: #000;}

.tab-wrap .tab-content h3 + .process-wrap {padding-top: 82px;}
.process-wrap .step {display: flex; justify-content: space-between; font-size: 0;}
.process-wrap .step li {display: inline-block; text-align: center;}
.process-wrap .step li .icon-box {width: 228px; height: 228px; border: 1px solid #e4e4e4;border-radius: 50%; margin: 0 auto;}
.process-wrap .step li .icon-box + p.text {margin-top: 30px;}
.process-wrap .step li p.text {font-size: 1.125rem; font-weight: 700; letter-spacing: -0.025rem; text-align: center; word-break: keep-all;}

/* 리스트 */
.list-wrap h3{padding-bottom: 19px;}
.list-wrap.full{padding-bottom: 54px;}
.list-wrap.half{float: left;width: 534px; /* margin-left:36px */; box-sizing: border-box; transition: 0.3s ease;}
.list-wrap.recommend.half{width: 534px;  margin-left:36px;}
/*
.list-wrap.guide.half{width: 534px;}
.list-wrap.recommend.half{width: 534px;}
*/
/*.list-wrap.recommend h3{padding-left: 36px;}*/

.list-wrap.guide .thumb{}
.list-wrap.guide .thumb img{width: 100%;border-radius: 14px;-webkit-border-radius: 14px;}
.item-list.type01{margin-left: -20px;margin-right: -20px;}
.item-list.type01 ul{padding-top: 80px;}
.item-list ul:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.item-list ul li{display: inline-block;box-sizing: border-box;-webkit-box-sizing: border-box; font-size: 0;}
.item-list.divide02 ul li{width: 50%; transition: 0.3s ease;}
.item-list.type02.divide02 ul {font-size: 0;}
.item-list.type02.divide02 ul li{width: 249px; padding: 60px 0 0 0;}
.item-list.type02.divide02 ul li:nth-child(1){padding-top: 0;}
.item-list.type02.divide02 ul li:nth-child(2){padding-top: 0;}
.item-list.type02.divide02 ul li:nth-child(odd){float: left;}
.item-list.type02.divide02 ul li:nth-child(even){float: right;}
.item-list.divide03 ul {font-size: 0;}
.item-list.divide03 ul li{width: calc(100% / 3);}
.item-list.type01.divide03 ul li{padding: 0 20px 60px;}
.item-list ul li .thumb{border-radius: 14px;-webkit-border-radius: 14px;overflow: hidden;}
.item-list ul li .thumb img{width: 100%;}
.item-list ul li .title{display: block;width: 100%;padding-top: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;line-height: 1;font-size: 0.875rem;color: #000;}

.item-list.type02{}
.item-list.type02 li .thumb{}
.item-list.type02 li .title{display: block;padding-top: 16px;font-size: 1.125rem;line-height: 1.625rem;color: #000;letter-spacing: -0.037rem}
.item-list.type02 .profile-wrap{ overflow: hidden; padding-top: 14px;}
.item-list.type02 .profile-wrap .thumb{float: left;width: 58px;}
.item-list.type02 .profile-wrap .thumb img{width: 100%;}
.item-list.type02 .profile-wrap .text-wrap{float: left;width: calc(100% - 58px);padding-top: 10px;padding-left: 12px;}
.item-list.type02 .profile-wrap .text-wrap span{display: block;font-size: 0.875rem;line-height: 1.25rem;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;}
.item-list.type02 .profile-wrap .text-wrap strong{display: block;font-size: 0.875rem;line-height: 1.25rem;color: #000;font-weight: normal;}



/*.scroll-wrap .scroll-list{-ms-overflow-style: none;scrollbar-width: none;}*/
.scroll-wrap.type01{width: auto;margin-top: 20px;text-align: left;overflow-y: hidden;white-space: nowrap;overflow-x: auto;}
.scroll-wrap.type01 .scroll-list{position: relative;height: 195px;font-size: 0;overflow-x: auto;overflow-y: hidden;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-webkit-overflow-scrolling: touch;scroll-behavior: smooth;}
.scroll-wrap.type01 .scroll-list {-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
.scroll-wrap.type01 .scroll-list::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.scroll-wrap.type01 .scroll-list li{display: inline-block;margin-left: 53px;}
.scroll-wrap.type01 .scroll-list li:first-child{margin-left: 0;}
.scroll-wrap.type01 .scroll-list li a{}
.scroll-wrap.type01 .scroll-list li a .thumb{width: 140px;height: 140px;border-radius: 50%;-webkit-border-radius: 50%;}
.scroll-wrap.type01 .scroll-list li a .thumb img{width: 100%;}
.scroll-wrap.type01 .scroll-list li a .name{padding-top: 9px;font-size: 1rem;color: #000;text-align: center;}
.scroll-wrap.type01 .scroll-list li a .category{padding-top: 2px;font-size: 0.875rem;color: #4e4e4e;text-align: center;}


.scroll-wrap.type02 .scroll-list{width: 250px;max-height: 812px;margin: 30px auto 0;overflow-y: auto;-ms-overflow-style: none;scrollbar-width: none;}
/*.scroll-wrap.type02 .scroll-list::-webkit-scrollbar{display: none;}*/
.scroll-wrap.type02 .scroll-list li{margin-right: 20px;padding-top: 20px;}
.scroll-wrap.type02 .scroll-list li:first-child{padding-top: 0;}
.scroll-wrap.type02 .scroll-list li a{}
.scroll-wrap.type02 .scroll-list li a .thumb{border-radius: 14px;border-radius: 14px;}
.scroll-wrap.type02 .scroll-list li a .thumb img{width: 100%;}
.scroll-wrap.type02 .scroll-list li a .title{padding-top: 10px;font-size: 1rem;line-height: 1.75rem
;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;}
.scroll-wrap + .btn-area{padding-top: 30px;}


.full-wrap {position: relative; padding-top: 50px;}

/* 왼쪽 고정 배너*/
.float-wrap {position: fixed; top: 0; left: 0;}

.float-card .thumnail-box {background-size: cover;}
.float-card .thumnail-box dl {font-size: 0; padding-left: 40px;}
.float-card .thumnail-box dl dt {text-align: left; padding-top: 490px; font-size: 1.25rem; color: #fff; font-weight: 700}
.evaluation .solution-wrap.detail .float-card .thumnail-box dd {text-align: left; line-height: 1.375rem; font-size: 1rem; color: #fff; padding-top: 10px; letter-spacing: -0.025rem;}

.float-card.medium .thumnail-box {width: 306px; height: 429px;}
.float-card.medium .thumnail-box dl {padding-left: 33px;}
.float-card.medium .thumnail-box dt {padding-top: 321px;}

.float-card.large {width: 617px; /*height: 852px;*/}
.float-card.large .thumnail-box {border-radius: 0;}
.float-card.large .thumnail-box dl dt {font-size: 1.875rem;}

.float-wrap.fixed {position: fixed; top: 0; left: 0;}
.float-wrap .float-card.large .slider > div {}
.float-wrap .float-card.large .capacity-slider {position: relative;}
.float-wrap .float-card.large .thumnail-box{position: relative; height: 100%; background-color:inherit;}
.float-wrap .float-card.large .img-box {position: absolute; width: 100%; padding-top: 120px;}
.float-wrap .float-card.large .img-box img{display: block; width: 100%; margin: 0 auto;}
.float-wrap .float-card.large .thumnail-box .text-wrap {position: absolute; bottom: 16.23529%; width: 100%; padding: 0 3.167vw;}
.float-wrap .float-card.large .thumnail-box dl {width: 100%; padding-left: 0;  padding-top: 0;}
.float-wrap .float-card.large .thumnail-box dl dt {font-size: 2.25rem; line-height: 4.063rem; text-align: center; padding-top: 0;}
.float-wrap .float-card.large .thumnail-box dl dd {font-size: 1.25rem; line-height: 1.875rem; text-align: center; color: #fff; word-break: keep-all;}
.float-wrap .float-card.large .thumnail-box .btn-area {padding-top: 2.451vw;}
.float-wrap .float-card.large .slick-track {height: 100% !important;}
.float-wrap .float-card.large .slick-slide {height: 100vh;}
.float-wrap .float-card.large .slick-list {height: 100% !important;}
.float-wrap .float-card.large .slick-dots li {width: 10px; height: 10px; border: 1px solid #fff; border-radius: 50%; margin: 0 5px;}
.float-wrap .float-card.large .slick-dots {left: 50%; bottom: 9.411764%; font-size: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.float-wrap .float-card.large .slick-dots li.slick-active {background-color: #fff;}
.float-wrap .float-card.large .slick-dots li button {width: 100%; height: 100%; border: 0;}
.float-wrap .float-card.large .slick-dots li.slick-active button {background-color: #fff;}
.float-wrap .float-card.large .slick-slide.yellow {background-color: #ffbd2c;}
.float-wrap .float-card.large .slick-slide.workable {background-color: #f08801;}
.float-wrap .float-card.large .slick-slide.sports {background-color: #ca1e2c;}
.float-wrap .float-card.large .slick-slide.move {background-color: #5cab39;}
.float-wrap .float-card.large .slick-slide.strength {background-color: #8145a9;}
.float-wrap .float-card.large .slick-slide.challenge {background-color: #e58593;}
.float-wrap .float-card.large .slick-slide.level {background-color: #7eb5ca;}
.float-wrap .float-card.large .slick-slide.attitude {background-color: #7b7d8c;}
.float-wrap .float-card.large .slick-slide.heartfit {background-color: #7cd5c2;}
.float-wrap .float-card.large .slider-pause {position: absolute; bottom: 9.411764%; left: 50%; width: 8px; height: 10px; background: url('../images/common/ico_pause.png') no-repeat 0 0; background-size: cover; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-left: -100px;}
.float-wrap .float-card.large .slider-pause .btn-pause {overflow:hidden;position:absolute;top:-1px;left:-1px;z-index:-1;width:1px;height:0px;line-height:0;white-space:nowrap;text-indent:-9999px;}

.hover-list .thumnail-box {position: relative; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto;}
.hover-list li dl {width: 100%;}
.hover-list li dl dt,
.hover-list li p.text-box span{font-weight: 700; color: #000; letter-spacing: -0.025rem; text-align: center;}
.hover-list li p.text-box span {display: block;}
.hover-list li dl dd {line-height: 1.75rem; font-size: 1rem; font-weight: 400;  text-align: center; color: #000; letter-spacing: -0.025rem; word-break: keep-all;}


/* 아카데미 */
.academy .tab-wrap {padding-top: 29px;}
.academy .type-wrap {padding-top: 75px;}
.academy .aside {float: right;width: 764px;}
.academy .type-wrap .hover-list {display: flex; flex-flow: wrap; justify-content: space-between; font-size: 0;}
.academy .type-wrap .hover-list li .btn-view {display: inline-block; position: relative;color: #fff; padding-right: 13px; background-position: 100% 13px; letter-spacing: 0;}
.academy .type-wrap .hover-list li .btn-view::before {content: 'view more'; display: inline-block;}

.academy .info-wrap .text-box {overflow: hidden;}
.academy .info-wrap h3 {float: left; padding-top: 130px;}
.academy .info-wrap .aside {padding-top: 124px;}
.academy .info-wrap .thumnail-box {width: 100%; height: 370px; background-repeat: no-repeat; background-position: 0 0; background-size: cover; border: 1px solid #e4e4e4; margin-top: 64px;}
.academy .clause-list li + li {margin-top: 9px;}
.academy .clause-list .text-line {position: relative; font-size: 0;}
.academy .clause-list dd.text-line {display: inline-block; width: auto; font-size: 1rem; padding-top: 0; text-align: center; padding-left: 11px; vertical-align: top;}
.academy .clause-list span.text-line {display: block; font-size: 1rem; text-align: left; padding-left: 11px;}
.academy .clause-list .text-line::before {content: ''; display: inline-block; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background-image: url('../images/common/ico_list_dot.png'); background-repeat: no-repeat; background-position: 0 0; background-size: cover; font-size: 0;}
.academy .clause-list .text-line dt {display: inline-block; width: 15%; font-size: 1rem; color: #000; padding-left: 11px; vertical-align: top;}
.academy .clause-list dl dd {display: inline-block; width: 85%; font-size: 1rem; color: #737373;}
.academy .clause-list.type02 li + li {margin-top: 0;}
.academy .clause-list.type02 li:nth-child(3) {text-align: left;}
.academy .step-wrap h3 {padding-top: 130px; padding-bottom: 20px;}

.academy.process .content-header {height: 400px; background-repeat: no-repeat; background-size: cover; padding-top: 135px;}
.academy.process .content-header h2,
.academy.process .content-header p {position: relative; color: #fff;}

.academy.process.indevide01 {overflow: hidden;}
.academy.process.indevide01 .content-header,
.academy.process.indevide02 .content-header,
.academy.process.indevide03 .content-header{background-image: url('../images/@thumb/thumb_academy_indevide_1920x400.jpg'); background-position: center 100%;}
.academy.process.indevide01 .info-wrap .thumnail-box {background-image: url('../images/@thumb/thumb_academy_indevide01_heartfit_1104x370.jpg'); background-position: 100% center;}
.academy.indevide01 .step-wrap.type03 h3 {position: relative; margin-top: 100px; z-index: 1;}
.academy.indevide01 .step-wrap.type03 .step-list {position: relative; margin-bottom: 105px}
.academy.indevide01 .step-wrap.type03 .step-list::before {content: ''; display: inline-block; position: absolute; top: -155px; left: 50%; width: 200%; height: 177%; background-color: #fbfbfb; margin-left: -100%;}
.academy.indevide01 .step-wrap.type03 .step .thumnail-box {width: 220px; height: 220px;}
.step-wrap.type03 .step li.beginner .thumnail-box{background: linear-gradient(to right, #88ddb2, #41cdb2);}
.step-wrap.type03 .step li.beatup .thumnail-box{background: linear-gradient(to right, #ffe624 , #ffc108);}
.step-wrap.type03 .step li.challenge .thumnail-box{background: linear-gradient(to right, #ef5891, #ed275c);}
.step-wrap.type03 .step li.healthy .thumnail-box{background: linear-gradient(to right, #7463cb, #4936a1);}
.step-wrap.type03 .step .thumnail-box .num {display: block; font-size: 1.25rem; font-weight: 700; text-align: center; color: #fff; padding-top: 42px; padding-bottom: 25px;}
.step-wrap.type03 .step .thumnail-box img {display: block; position: relative; width: auto; margin: 0 auto;}

.academy.process.indevide02 .info-wrap .thumnail-box {height: auto; background-color: #fff; background-size: cover; background-position: center 0;}
.academy.process.indevide02 .info-wrap .thumnail-box img{position: relative; margin: 0 auto;}
.academy.process.indevide02 .step-wrap .step  li:nth-child(1) .thumnail-box{background-image: url('../images/@thumb/thumb_academy_cpa_456x300.jpg');}
.academy.process.indevide02 .step-wrap .step  li:nth-child(2) .thumnail-box{background-image: url('../images/@thumb/thumb_academy_cpa_456x300_02.jpg');}
.academy.process.indevide02 .step-wrap .step  li:nth-child(3) .thumnail-box{background-image: url('../images/@thumb/thumb_academy_cpa_456x300_03.jpg');}

.academy.process.indevide03 .info-wrap .thumnail-box {background-image: url('../images/@thumb/thumb_academy_race_1104x370.jpg'); background-position: 100% center;}
.academy.process.indevide03 .step-wrap .step li:nth-child(1) .thumnail-box {background-image: url('../images/@thumb/thumb_academy_race_456x300.jpg');}
.academy.process.indevide03 .step-wrap .step li:nth-child(2) .thumnail-box {background-image: url('../images/@thumb/thumb_academy_race_456x300_02.jpg');}
.academy.process.indevide03 .step-wrap .step li:nth-child(3) .thumnail-box {background-image: url('../images/@thumb/thumb_academy_race_456x300_03.jpg');}

.academy.process.master01 .content-header {background-image: url('../images/@thumb/thumb_academy_master01_1920x400.jpg'); background-position: center top;}
.academy.process.master01 .info-wrap .thumnail-box {background-image: url('../images/@thumb/thumb_academy_specialist_1104x370.jpg'); background-position: center center;}
.academy.process.master01 .step-wrap.type02 .step > li:nth-child(1) .thumnail-box{background-image: url('../images/@thumb/thumb_academy_master01_456x300.jpg');}
.academy.process.master01 .step-wrap.type02 .step > li:nth-child(2) .thumnail-box{background-image: url('../images/@thumb/thumb_academy_master01_456x300_02.jpg');}
.academy.process.master01 .step-wrap.type02 .step > li:nth-child(3) .thumnail-box{background-image: url('../images/@thumb/thumb_academy_master01_456x300_03.jpg');}
.academy.process.master01 .step-wrap.type03 .step > li:nth-child(1) .thumnail-box {background-image: url('../images/@thumb/thumb_center_academy_326x326.jpg');}
.academy.process.master01 .step-wrap.type03 .step > li:nth-child(2) .thumnail-box {background-image: url('../images/@thumb/thumb_center_academy_326x326_02.jpg');}
.academy.process.master01 .step-wrap.type03 .step > li:nth-child(3) .thumnail-box {background-image: url('../images/@thumb/thumb_center_academy_326x326_03.jpg');}

/* 오른쪽 스크롤 콘텐츠 영역 */
.category-area {padding-left: 617px; padding-bottom: 240px; overflow: hidden;}

.announce-list::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.announce-list > li{float: left;width: 50%;padding: 26px 18px 0;box-sizing: border-box;-webkit-box-sizing: border-box;}
.announce-list > li:nth-child(1),
.announce-list > li:nth-child(2){padding-top: 0;}
.announce-list > li > a,
.announce-list > li > div.list-wrap{display: table;position: relative;width: 100%; height: 168px;border: 1px solid #e4e4e4;border-radius: 14px;-webkit-border-radius: 14px;box-sizing: border-box;-webkit-box-sizing: border-box; font-size: 0;}
.announce-list > li > a::after,
.announce-list > li > div.list-wrap::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.announce-list > li > a .text-wrap,
.announce-list > li > div.list-wrap .text-wrap{display: table-cell; width: 69%; vertical-align: middle; padding-right: 11%;}
.announce-list > li > a .logo,
.announce-list > li > div.list-wrap .logo{display: table-cell;width: 31%;height: 100%;text-align: center; vertical-align: middle;}

.announce-list.type02 > li > a .text-wrap .name{font-size: 1rem;color: #000;font-weight: normal;}

/* 게시글 상세 */

.full #content.detail {overflow: hidden;}
.contents.detail .content-header {width: 100%; height: 400px; background-image: url('../images/@thumb/thumb_contents_detail_1920x400_01.jpg'); background-repeat: no-repeat; background-position: 0 0; background-size: cover;}
.contents.detail .content-header h2 {line-height: 3rem; font-weight: 400; color: #fff; text-align: left;}
.contents.detail .content-header .sort {display: block; line-height: 1.563rem; font-size: 0.875rem; font-weight: 400; color: rgba(255,255,255,0.5);; text-align: left;}
.contents.detail .content-primary{padding-bottom: 0;}
.contents.detail .title-wrap {position: relative; width: 1104px;height: 100%; margin: 0 auto;}
.contents.detail .title-wrap .date {position: absolute; bottom: 37px; right: 0; font-size: 0;}
.contents.detail .title-wrap .date dt,
.contents.detail .title-wrap .date dd {display: inline-block; line-height: 1.563rem; font-size: 0.875rem; color: #fff;}
.contents.detail .title-wrap .date dd {padding-left: 4px;}
.contents.detail .announce-list {position: absolute; bottom: 36px; left: 0;}
.contents.detail .announce-list > li {width: auto; padding: 0;}
.contents.detail .announce-list > li > div.list-wrap  {width: auto; height: auto; border: 0;}
.contents.detail .announce-list > li > div.list-wrap  .logo {width: auto; padding-right: 20px;}
.contents.detail .announce-list > li > div.list-wrap  .text-wrap {width: auto; padding-right: 0;}
.contents.detail .announce-list > li > div.list-wrap  .text-wrap .name {font-size: 0.875rem; font-weight: 400; color: #fff;}
.contents.detail .announce-list > li > div.list-wrap  .text-wrap .like {display: block; position: relative; font-size: 0.875rem; color: #fff; padding-left: 20px; margin-top: 6px;}
.contents.detail .announce-list > li > div.list-wrap  .text-wrap .like::before {content: ''; display: inline-block; position: absolute; top: 50%; left: 0; background: url('../images/common/ico_like_small.png') no-repeat 0 0; width: 15px; height: 13px; background-size: cover; margin-top: -7px;}

.contents.detail .preview-wrap .info-area .section-wrap {}
.contents.detail .preview-wrap .info-area .section-wrap .sub-title + .text-box {margin-top: 20px;}
.contents.detail .preview-wrap .info-area .section-wrap + .section-wrap {border-top:  1px solid #e4e4e4; padding-top: 40px; margin-top: 40px;}
.contents.detail .review-wrap h3 {margin-bottom: 25px}
.contents.detail .review-wrap h3 + .reply-wrap {border-top: 1px solid #e4e4e4;}
.contents.detail .review-wrap .score-area {height: 180px; background-color: #f8f9fb;}
.contents.detail .review-wrap .score-wrap {float: none; height: 100%; margin: 0 auto;}
.contents.detail .review-wrap .score-area + .reply-wrap {margin-top: 25px; border-bottom: 1px solid #e4e4e4;}
.contents.detail .view-wrap  {border-bottom: none;}
.contents.detail .view-wrap .reply-area{padding: 26px 22px 28px 155px;}
.contents.detail .view-wrap .reply-area:nth-child(1){border-top: none;}
.contents.detail .view-wrap .reply-area > .user {top: 29px; left: 0; font-weight: 500;}
.contents.detail .view-wrap .reply-area .date {display: block; font-size: 0.875rem; letter-spacing: -0.012rem; color: #a3a3a3; text-align:left;}
.contents.detail .pagination + .post-page {margin-top: 98px;padding-top: 28px;padding-bottom: 28px;background-color: #fff;}
.post-page {position: relative; z-index: 1;}
.post-page.fixed {position: fixed; bottom: 0; background-color: #fff; height: 100px; z-index: 99; max-width: 1104px; width: calc(100% - 120px);}
.post-page::before{content: ''; display: block; position: absolute; top: 0; left: 50%; width: 200%;height: 100%;border-top: 1px solid #e4e4e4; margin-left: -100%;background-color: #fff;}
.view-content + .review-wrap {padding-top: 100px;}

.scroll.active .ani {}

/* 텍스트 모션 */
.ani .ani-title {opacity: 0; -webkit-transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); -o-transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);}
.ani.motion .ani-title {opacity: 1;}
.ani .ani-text {position: relative; top: 20px; opacity: 0; -webkit-transition: 0.6s cubic-bezier(0, 0, 0.2, 1) 0.4s; -o-transition: 0.6s cubic-bezier(0, 0, 0.2, 1) 0.4s; transition: 0.6s cubic-bezier(0, 0, 0.2, 1) 0.4s;}
.ani.motion .ani-text {top:0; opacity: 1;}


.sort-keyword::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.sort-keyword .keyword{display: inline-block;float: left;position: relative;height: 32px;line-height: 32px;padding-right: 29px;padding-left: 13px;color: #68696c;font-size: 0.875rem;background-color: #e7eaf0;border-radius: 8px;-webkit-border-radius: 8px;}
.sort-keyword .keyword{margin-top: 10px;margin-right: 6px;}
.sort-keyword .keyword .btn-delete{position: absolute;right: 4px;top: 0;width: 25px;height: 32px;background: url('../images/common/ico_close_02.png') 50% 50% no-repeat;}


/* 이력서 작성 */
.resume .resume-photo {margin-top: 60px;}
.resume .resume-photo + .resume-field {margin-top: 80px;}
.resume .resume-field {margin-top: 100px;}
.resume .resume-field h3 { padding-bottom: 20px;}
.resume .resume-field .field-wrap {position: relative; border-top: 1px solid #e4e4e4; }
.resume .resume-field .field-wrap + .field-wrap {margin-top: 40px;}
/*.resume .resume-field .delete-field + .field {padding-top: 40px;}*/
.resume .input-text {width: 100%;}
.resume .form-wrap.aside .field {clear: both; padding-left: 95px; margin-right: 126px;}
.resume .form-wrap.aside .field.full {padding-left: 0; margin-right: 0;}
.resume .form-wrap .field.aside,
.resume .bundle.addition{padding-right: 160px !important;}
.resume .form-wrap .field.aside .btn ,
.resume .bundle.addition .btn,
.resume .add-field .btn{width: 149px !important;}
.resume .form-wrap .field.aside .btn,
.resume .bundle.addition .btn{position: absolute;right: 0;top: 20px;width: 100px;height: 54px;line-height: 54px; text-align: center;}
.resume .form-wrap.aside .btn-area.add-field{padding-top: 40px;  padding-left: 95px; text-align: left;}
.resume .sort-keyword .keyword {margin-right: 6px;}
.resume .resume-photo {display: flex; align-items: center; position: relative;font-size: 0;}
.resume .resume-photo .file-wrap {display: inline-block;}
.resume .resume-photo .file-wrap .file-upload {height: 140px; padding-right: 0;}
.resume .resume-photo .file-wrap .file-input {position: relative;}
.resume .resume-photo .file-wrap .file-input span::before{content: ''; display: block; position: relative; top: 15px; left: 50%; width: 14px; height: 14px; background: url('../images/common/ico_resume_plus.png') no-repeat 50% 50%; background-size: cover; margin-left: -7px; background-size: cover;}
.resume .resume-photo .file-wrap .file-hidden{width: 100px; height: 140px;}
.resume .resume-photo .file-wrap .btn {width: 100px; height: 140px; font-size: 0.875rem;}
.resume .resume-photo .radio-wrap {display: inline-block; padding-left: 40px;}
.resume .resume-photo .radio-wrap .text {position: relative; top: 22px; font-size: 0.875rem;}
.resume .bundle {width: 100%; font-size: 0;}
.resume .bundle .select-wrap {display: inline-block;}
.resume .bundle .select-wrap.right select {border-top-left-radius: 0; border-bottom-left-radius: 0; }
.resume .period > div {display: inline-block;}
.resume .period .bundle {width: 233px; font-size: 0;}
.resume .period .bundle .input-date {display: inline-block;width: 57%;/*width: 133px;*/}
.resume .period .bundle .input-date input {background-position: calc(100% - 25px) 50%;}
.resume .period .hyphen {font-size: 0.875rem;}
.resume .period .bundle .select-wrap {width: 43%;}
.resume .period .bundle .select-wrap select {background-position: calc(100% - 25px) 50%;}
.resume .period,
.resume .bundle {display: flex; justify-content: space-between; align-items: center; position: relative;}
.resume .period .bundle .input-date input,
.resume .major .sub-info{height: 54px;line-height: 52px; border-right-width: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.resume .select-wrap.left {display: inline-block; width: 133px; font-size: 0.875rem; vertical-align: middle;}
.resume .sub-info {display: block; border:1px solid #d2d0d4; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-right: 0; padding: 0 25px;}
.resume .major .bundle + .bundle {margin-top: 20px;}
.resume .major .bundle .select-wrap {width: calc(100% - 133px);}
.resume .major > .btn-area {text-align: left; padding-left: 0; margin-top: 15px;}
.resume .bundle .select-wrap {width: 100%;}
.resume .bundle .select-wrap.left select {border-right-width: 0; border-radius: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.resume .bundle.addition .btn {top: 0 !important;}
.resume .delete-field {position: absolute; top: 0; right: 0; width: 40px; height: 39px; background: url('../images/common/ico_delete_resume.png') no-repeat 0 0;}
.resume .text-area textarea {height: 404px;}
.resume .period.work .bundle.join {width: 156px;}
.resume .period.work .bundle.join .input-date {width: 100%;}
.resume .period.work .bundle.join .input-date input{border: 1px solid #d2d0d4; border-radius: 10px; -webkit-border-radius: 10px;}
.resume .period.work .bundle.resign {width: 300px;}
.resume .period.work .bundle.resign .input-date,
.resume .period.work .bundle.resign .select-wrap {width: 50%;}
.resume .address input + input {width: calc(100% + 159px); margin-top: 20px;}
.resume .language .bundle > div {width: 50%;}
.resume .privilege .bundle > div {width: 162px;}
.resume .aside-wrap .section-wrap h4 {letter-spacing: 0;}
.resume .aside-wrap .section-wrap h4.emphasis span {float: right; color: #ef300a;}
.resume .aside-wrap .section-wrap h4.emphasis span::after {display: none;}
.resume .graph-wrap {position: relative; width: 100%; height: 4px; background-color: #e4e4e4; border-radius: 10px; margin-top: 25px; overflow: hidden;}
.resume .graph-wrap .graph {position: absolute; left: 0; height: 4px; background-color: #ef300a; border-radius: 10px;}
.resume .complete-wrap {width: 344px; border: 1px solid #d2d0d4; border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff; padding: 38px; margin-top: 100px;}
.resume .resume-list {padding: 26px 9px 0;}
.resume .resume-list li {font-size: 0.875rem; line-height: 2.937rem; background-image: url('../images/common/ico_resume_check_off.png'); background-repeat: no-repeat; background-position: 100% 50%;}
.resume .resume-list li.check_on {background-image: url('../images/common/ico_resume_check_on.png');}
.resume .resume-list li span {display: block; position: relative; padding-left: 39px;}
.resume .resume-list li.check_on span {color: #ef300a;}
.resume .resume-list li span::before {content: ''; display: inline-block; position: absolute; top: 50%; left: 0; width: 22px; height: 20px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin-top: -9px;}
.resume .resume-list li.profile span::before {background-image: url('../images/common/ico_resume_profile.png');}
.resume .resume-list li.attach span::before {background-image: url('../images/common/ico_resume_attach.png');}
.resume .resume-list li.interest span::before {background-image: url('../images/common/ico_resume_interest.png');}
.resume .resume-list li.academic span::before {background-image: url('../images/common/ico_resume_academic.png');}
.resume .resume-list li.career span::before {background-image: url('../images/common/ico_resume_career.png');}
.resume .resume-list li.license span::before {background-image: url('../images/common/ico_resume_license.png');}
.resume .resume-list li.introduce span::before {background-image: url('../images/common/ico_resume_introduce.png');}
.resume .resume-list li.language span::before {background-image: url('../images/common/ico_resume_language.png');}
.resume .resume-list li.favor span::before {background-image: url('../images/common/ico_resume_favor.png');}
.resume .resume-list li.expert span::before {background-image: url('../images/common/ico_resume_expert.png');}
.resume .btn-area-wrap {margin-bottom: 50px;}

.resume .aside-wrap.scroll-down {top: 0;}
.resume .aside-wrap {position: absolute; top: 120px;}
.resume .aside-wrap.fixed {position: fixed; bottom: auto;}
.resume .aside-wrap.stop {top: auto;}

.bmi .result .body-type {font-size: 0; padding-bottom: 70px; padding-top: 58px;}
.bmi .result .body-type .graph-wrap,
.graph-wrap.bmi-graph {position: relative; display: flex; flex-direction: column-reverse;  margin-top: 274px;  background-color: #fff;}
/*.bmi .result .body-type .graph-wrap::before {content: ''; position: absolute; top: 0; left: 0;  width: 100%; height: 214px; background-color: #fff; background-image: url('../images/common/bg_bmi_bodytype.png'); background-repeat: no-repeat; background-size: cover; background-position: 0 0;}*/
.bmi .result .body-type .graph-wrap .type-img img,
.graph-wrap.bmi-graph .type-img img{width: 100%;}
.bmi .result .body-type .graph-wrap .graph,
.graph-wrap.bmi-graph .graph{display: flex; align-items: flex-end; width: 100%; position: relative; height: 100%; background-color: transparent; padding-bottom: 25px;}
.bmi .result .graph-wrap .graph > span,
.graph-wrap.bmi-graph .graph > span{display: inline-block; position: relative; width: 20%; height: 34px; line-height: 34px; font-size: 0.875rem; text-align: center; color: #fff;}
.bmi .result .graph-wrap .graph > span.low,
.graph-wrap.bmi-graph .graph > span.low{background-color: #62c7d3; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.bmi .result .graph-wrap .graph > span.normal,
.graph-wrap.bmi-graph .graph > span.normal{background-color: #0070ff;}
.bmi .result .graph-wrap .graph > span.over ,
.graph-wrap.bmi-graph .graph > span.over {background-color: #7968ff;}
.bmi .result .graph-wrap .graph > span.obesity,
.graph-wrap.bmi-graph .graph > span.obesity{background-color: #ff8868;}
.bmi .result .graph-wrap .graph > span.extremobesity,
.graph-wrap.bmi-graph .graph > span.extremobesity {background-color: #ff364e; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.bmi .result .graph-wrap .graph > span img,
.graph-wrap.bmi-graph .graph > span img { position: absolute; left: 50%; bottom: 91px; width: 70%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.bmi .result .graph-wrap .graph > span .img-off,
.graph-wrap.bmi-graph .graph > span .img-off{display: block;}
.bmi .result .graph-wrap .graph > span .img-on,
.graph-wrap.bmi-graph .graph > span .img-on{display: none;}
.bmi .result .graph-wrap .graph > span.on .img-off,
.graph-wrap.bmi-graph .graph > span.on .img-off{display: none;}
.bmi .result .graph-wrap .graph > span.on .img-on,
.graph-wrap.bmi-graph .graph > span.on .img-on{display: block;}
.bmi .result {padding-bottom: 48px;}
.bmi .result .graph-wrap .graph > span::after,
.graph-wrap.bmi-graph .graph > span::after{display: inline-block; position: absolute; bottom: -32px; right: -8px; font-size: 0.875rem; color: #9b9b9b;}
.bmi .result .graph-wrap .graph > span.low::after,
.graph-wrap.bmi-graph .graph > span.low::after{content: '18.5'}
.bmi .result .graph-wrap .graph > span.normal::after,
.graph-wrap.bmi-graph .graph > span.normal::after {content: '23'}
.bmi .result .graph-wrap .graph > span.over::after,
.graph-wrap.bmi-graph .graph > span.over::after{content: '25'}
.bmi .result .graph-wrap .graph > span.obesity::after,
.graph-wrap.bmi-graph .graph > span.obesity::after{content: '30'}
.bmi .result .graph-wrap .value,
.graph-wrap.bmi-graph .value{ display: block; position: absolute; bottom: 70px; left: 32%; font-size: 1rem; color: #fff; text-align: center; width: 61px; height: 40px; background-image: url('../images/common/bmi_value.png'); background-repeat: no-repeat; background-position: 0 0; padding-top: 3px;}
.bmi .result .body-detail .text-wrap .bmi-num span {display: inline-block;color: #0070ff;}

.pa-check .hover-list,
.evaluation .solution-wrap .hover-list {display: flex; flex-flow: wrap; justify-content: flex-start; font-size: 0;} 
.pa-check .hover-list li ,
.evaluation .solution-wrap .hover-list li {height: 480px; margin-top: 80px; margin-bottom: 40px; border-radius: 12px;} 
.pa-check .hover-list .thumnail-box,
.evaluation .solution-wrap .hover-list .thumnail-box {width: 342px; height: 342px; -webkit-transition-property: height; -o-transition-property: height; transition-property: height;}

.pa-check .hover-list li img {width: 100%;}

.pa-check .hover-list li dl ,
.pa-check .hover-list li p.text-box,
.evaluation .solution-wrap .hover-list li dl {top: 377px;}
.pa-check .hover-list li dl dt,
.pa-check .hover-list li p.text-box span,
.evaluation .solution-wrap .hover-list li dl dt {line-height: 1.75rem; font-size: 1.25rem; font-weight: 700; text-align: center;}
.pa-check .hover-list li dl dd,
.evaluation .solution-wrap .hover-list li dl dd {opacity: 1; visibility: visible; -webkit-transition-property: visibility, opacity; -o-transition-property: visibility, opacity; transition-property: visibility, opacity;}
.pa-check .hover-list li .btn-box .btn,
.evaluation .solution-wrap .hover-list li .btn-box .btn {color: #fff; letter-spacing: -0.025rem;}
.pa-check .hover-list li .thumnail-box .btn-box,
.evaluation .solution-wrap .hover-list li .thumnail-box .btn-box {position: absolute; bottom: 32px; width: 100%; text-align: center; z-index: 1;}
.pa-check .hover-list li .thumnail-box .btn-box .btn + btn,
.evaluation .solution-wrap .hover-list li .thumnail-box .btn-box .btn + .btn {margin-left: 10px;}


.pa-check .hover-list li.capacity .thumnail-box,
.evaluation .solution-wrap .hover-list li.capacity .thumnail-box {background-color: #ffbd2c;}
.pa-check .hover-list li.workable .thumnail-box,
.evaluation .solution-wrap .hover-list li.workable .thumnail-box {background-color: #f08801;}
.pa-check .hover-list li.sports .thumnail-box,
.evaluation .solution-wrap .hover-list li.sports .thumnail-box {background-color: #ca1e2c;}
.pa-check .hover-list li.move .thumnail-box,
.evaluation .solution-wrap .hover-list li.move .thumnail-box {background-color: #5cab39;}
.pa-check .hover-list li.strength .thumnail-box,
.evaluation .solution-wrap .hover-list li.strength .thumnail-box {background-color: #8145a9;}
.pa-check .hover-list li.challenge .thumnail-box,
.evaluation .solution-wrap .hover-list li.challenge .thumnail-box {background-color: #e58593;}
.pa-check .hover-list li.level .thumnail-box,
.evaluation .solution-wrap .hover-list li.level .thumnail-box {background-color: #7eb5ca;}
.pa-check .hover-list li.attitude .thumnail-box,
.evaluation .solution-wrap .hover-list li.attitude .thumnail-box {background-color: #7b7d8c;}
.pa-check .hover-list li.heartfit .thumnail-box,
.evaluation .solution-wrap .hover-list li.heartfit .thumnail-box {background-color: #7cd5c2;}
.pa-check .hover-list li.bmi .thumnail-box,
.evaluation .solution-wrap li.bmi .thumnail-box {background-color: #5781ea;}
.pa-check .hover-list li.bmr .thumnail-box,
.evaluation .solution-wrap li.bmr .thumnail-box {background-color: #ff9232;}
.pa-check .hover-list li.wmr .thumnail-box,
.evaluation .solution-wrap li.wmr .thumnail-box {background-color: #b2b2b2;}
.pa-check .hover-list li.growth .thumnail-box,
.evaluation .solution-wrap li.growth .thumnail-box {background-color: #f88282;}
.pa-check .hover-list li.squat .thumnail-box,
.evaluation .solution-wrap li.squat .thumnail-box {background-color: #3dd581;}
.pa-check .hover-list li.plank .thumnail-box,
.evaluation .solution-wrap li.plank .thumnail-box {background-color: #6fd3e2;}
.pa-check .hover-list li.pushup .thumnail-box,
.evaluation .solution-wrap li.pushup .thumnail-box {background-color: #a267d8;}
.pa-check .hover-list li.management .thumnail-box,
.evaluation .solution-wrap .hover-list li.management .thumnail-box {background-color: #88cba1;}
.pa-check .hover-list li.squat .thumnail-box,
.evaluation .solution-wrap .hover-list li.squat .thumnail-box {background-color: #3dd581;}
.pa-check .hover-list li.plank .thumnail-box,
.evaluation .solution-wrap .hover-list li.plank .thumnail-box {background-color: #6fd3e2;}
.pa-check .hover-list li.pushup .thumnail-box,
.evaluation .solution-wrap .hover-list li.pushup .thumnail-box {background-color: #a267d8;}



@media only screen and (max-width: 1920px){
    .float-card.large {width: 32.135vw;}
    .float-wrap .float-card.large .thumnail-box .text-wrap dl dd br{display: none;}
}


@media only screen and (min-width: 1224px){
    .float-wrap .float-card.large .img-box img {max-width: 534px;}
    .float-wrap .float-card.large .thumnail-box .btn-area .btn.x-small {width: 120px;}
    
    .pa-check .hover-list li + li,
    .evaluation .solution-wrap .hover-list li + li {margin-left: 38px;} 
    .pa-check .hover-list li:nth-child(3n+1)
    .evaluation .solution-wrap .hover-list li:nth-child(3n+1) {margin-left: 0;}
}
@media only screen and (max-width: 1330px)
{
    .bmi .result .graph-wrap {margin-top: 20.602vw;}
}


@media only screen and (max-width: 1224px){
	.step-wrap .step li dl{width: 42%;padding-right: 5.104vw;word-break: keep-all;}
	.step-wrap .step li dl dd br.for-web{display: none;}
	.step-wrap .step li .thumnail-box {width: 58%;}
    .step-wrap .step li .thumnail-box img{width: 100%;}
    .step-wrap.type02 .step li dl {width: 100%; padding-right: 0;}
    .step-wrap.type02 .step > li > dl {width: calc(100% - 37.255vw);padding-right: 0;padding-left: 4.085vw;}
    .step-wrap.type02 .step > li .thumnail-box {width: 37.255vw;height: 24.510vw;}

    .step-wrap.type03 .step li dl {width: 100%;padding-right: 0;}
    .step-wrap.type03 .step li .thumnail-box {width: 26.144vw;height: 26.144vw;}
    .academy.indevide01 .step-wrap.type03 .step .thumnail-box {width: 17.974vw; height: 17.974vw;}

    .item-list.type02.divide02 ul li {width: 49.5%;}

    .full-wrap {padding-top: 0;}
    .list-wrap.half {width: 49.5%; margin-left: 0;}
    .list-wrap.recommend.half {width: 49.5%; margin-left: 1%;}
    .float-wrap {position: relative !important; top: 0 !important; }
    .float-card.large {width: calc(100% + 120px); margin-left: -60px}
    .float-wrap .float-card.large .thumnail-box {font-size: 0; padding-top: 0;}
    .float-wrap .float-card.large .img-box {display: inline-block; position: relative; top: 0%; width: 50%; height: 100%; padding-top: 0; vertical-align: top;}
    .float-wrap .float-card.large .thumnail-box .text-wrap {display: inline-block; position: relative; top: 21.29629%; bottom: auto; width: 50%; padding: 0 5.310vw;}
    .float-wrap .float-card.large .thumnail-box dl {width: auto;}
    .float-wrap .float-card.large .thumnail-box dl dt {text-align: left;}
    .float-wrap .float-card.large .thumnail-box dl dd {text-align: left;}
    .float-wrap .float-card.large .thumnail-box dl dd br {display: none;}
    .float-wrap .float-card.large .thumnail-box .btn-area {text-align: left;}
    .float-wrap .float-card.large .thumnail-box .btn-area .btn.x-small {height: 38px; line-height: 36px;}
    .float-wrap .float-card.large .slick-slide {height: 540px !important; padding: 0 60px;}
    .float-wrap .float-card.large .slick-dots {left: calc(50% + 5.310vw); bottom:10.458vw; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); margin-left: 13px;}
    .float-wrap .float-card.large .slider-pause {left: calc(50% + 5.310vw); bottom:10.458vw; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); margin-left: 0;}
	.scroll-wrap.type02{width: auto;text-align: left;overflow-y: hidden;white-space: nowrap;overflow-x: auto;}
	.scroll-wrap.type02 .scroll-list{position: relative;width: auto;max-height: none;font-size: 0;overflow-x: auto;overflow-y: hidden;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-webkit-overflow-scrolling: touch;scroll-behavior: smooth;}
	.scroll-wrap.type02 .scroll-list li{display: inline-block;width: 249px;margin-bottom: 20px;margin-left: 20px;padding-top: 0;}
	.scroll-wrap.type02 .scroll-list li:first-child{margin-left: 0;}

    .academy .info-wrap h3 {float: none;}
    .academy .info-wrap .aside {float: none; width: 100%; padding-top: 80px;}
    .academy .info-wrap .aside .summary br.for-pc {display: none;}
    .academy .type-wrap .hover-list li {width: 48%;}
    .academy .type-wrap .hover-list li + li{margin-left: 4%;}
    .academy .step-wrap .step .clause-list li + li {margin-top: 2px;}
    .academy .step-wrap .step .clause-list .text-line dt {width: 28%;}
    .academy .step-wrap .step .clause-list .text-line dd {width: 72%;}
    .academy .step-wrap .step .clause-list .text-line dd br.for-pc {display: none;}
    .academy.process.indevide02 .info-wrap .thumnail-box img {width: 100%; padding-right: 7.083vw;}
    .academy.indevide01 .step-wrap.type03 .step .thumnail-box .num {padding-top: 3.387vw; padding-bottom: 2.016vw;}
    .academy.indevide01 .step-wrap.type03 .step .thumnail-box img {width: 5.323vw;}

    .contents.detail .title-wrap {padding: 0 60px; width: 100%;}
    .contents.detail .announce-list {left: 60px;}
    .contents.detail .title-wrap .date {right: 60px;}

    .resume .form-wrap.aside .field {margin-right: 0;}
    .resume .delete-field {position: relative; float: right; padding-bottom: 20px;}
    .resume .aside-wrap {top: auto; bottom: 0 !important; right: 0; width: 100%; background-color: #fff; border-top: 1px solid #e4e4e4; padding: 17px 30px 30px; z-index: 1;}
    .resume .aside-wrap.stop {right: -60px;width: calc(100% + 120px);}
    .resume .aside-wrap.scroll-down {top: auto;}
    .resume .aside-wrap .section-wrap {display: flex; justify-content: space-between; align-items: center; font-size: 0;}
    .resume .complete-wrap {display: inline-block; width: auto; margin-top: 0; border: 0; padding: 0;}
    .resume .aside-wrap.stop .complete-wrap {display: none;}
    .resume .aside-wrap .section-wrap h4 {display: inline-block;font-size: 0.937rem;}
    .resume .aside-wrap .section-wrap h4.emphasis span {float: none; padding-left: 6px;}
    .resume .graph-wrap {display: none;}
    .resume .resume-list {display: none;}
    .resume .btn-area-wrap {display: inline-block; width: 49%; margin-bottom: 0;}
    .resume .aside-wrap.stop .btn-area-wrap {width: 100%;}
    .resume .btn-area-wrap .btn-area {padding-top: 0;}
    .resume .form-wrap.aside .btn-area {padding-left: 0;}

}

@media only screen and (min-width: 768px) and (max-width: 1224px){
    .float-wrap .float-card.large .img-box img {position: relative; top: 50%; width: auto; height: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-top: 30px;}
}

@media only screen and (max-width: 1164px){
    .search-area .tag-wrap{float: none;}
	.search-area .input-search{display: none;}

    .process-wrap .step li {width: 23.5%;}
    .process-wrap .step li +li {margin-left: 2%;}
    .process-wrap .step li .icon-box {width: 100%; height: auto;}
    .process-wrap .step li .icon-box::before {content: ''; display: block; padding-bottom: 100%;}

    .step-wrap.type02 .step > li > dl > dd {padding-top: 8px}

    .academy.master01 .clause-list.type02 .text-line {font-size: 0.875rem;}
    .step-wrap.type03 .step .thumnail-box {width: 17.974vw; height: 17.974vw;}
    .step-wrap.type03 .step dl dd {font-size: 0.875rem;}

    .content-primary .sort-area .select-wrap {clear: both; float: left;}
}

@media only screen and (max-width: 1080px){
    .for-pc-1080 {display: none;}
    .for-mobile-1080 {display: block;}
}

@media only screen and (min-width: 960px) and (max-width: 1080px){
    .float-wrap .float-card.large .img-box img {margin-left: -3.519vw;}
}

@media only screen and (min-width: 768px) and (max-width: 960px){
    .float-wrap .float-card.large .img-box img {margin-left: -8.333vw;  -webkit-transform: translateY(0); -ms-transform: translateY(0);-o-transform: translateY(0); transform: translateY(0); }
}


@media only screen and (min-width: 768px){

    .btn.type01:hover{background-color: #4c4c4c;}
    .btn.type02:hover{background-color: #ef300a;}
    .btn.type03:hover{color: #8d8d8d;border: 1px solid #adadad;}
    .btn.type04:hover{color: #9b9b9d;background-color: #f3f4f7;}
    .btn.type05:hover{color: #fff;background-color: #c7c7c7;border: 1px solid #c7c7c7;}

    .btn-direction:hover{border: 1px solid #000;}
    .btn-direction.prev:hover{background: #000 url('../images/common/ico_prev_hover.png') 50% 50% no-repeat;}
    .btn-direction.next:hover{background: #000 url('../images/common/ico_next_hover.png') 50% 50% no-repeat;}

    .btn-list:hover{background: #ef300a url('../images/common/ico_list_hover.png') 50% 50% no-repeat;opacity: 0.8;filter: alpha(opacity=80);zoom: 1;}

    .btn-more:hover,
    .btn-more.active{width: 192px;height: 54px;padding-left: 26px;background: #ef300a url('../images/common/ico_more.png') 158px 50% no-repeat;border-radius: 26.5px;-webkit-border-radius: 26.5px;box-sizing: border-box;-webkit-box-sizing: border-box;transition: width .3s;-webkit-transition: width .3s;}
    .btn-more:hover .text,
    .btn-more.active .text{visibility: visible;opacity: 1;}

    .table-wrap.type02 .data-table tr:hover td{background-color: #f9fafb;}
    .table-wrap.type02 .data-table tr:hover td.title a{text-decoration: underline;}
    .table-wrap.type02 .data-table tr:hover td.title a:hover{text-decoration: underline;}

    .table-wrap.type03 .data-table tr td.title a:hover{text-decoration: underline;}

    .pagination button.first:hover{background-image: url('../images/common/ico_page_first_active.jpg');background-color: #000;border: 1px solid #000;}
    .pagination button.prev:hover{background-image: url('../images/common/ico_page_prev_active.jpg');background-color: #000;border: 1px solid #000;}
    .pagination button.next:hover{background-image: url('../images/common/ico_page_next_active.jpg');background-color: #000;border: 1px solid #000;}
    .pagination button.last:hover{background-image: url('../images/common/ico_page_last_active.jpg');background-color: #000;border: 1px solid #000;}

    .pagination a:hover{text-decoration: underline;}

    .btn-delete:hover{background: url('../images/common/ico_delete_active.png') 0 0 no-repeat;}
    .btn.file:hover{background-image: url('../images/common/ico_file_active.png');}
    .btn-area .btn-prev:hover{text-decoration: underline;}
    .btn-area .btn-next:hover{text-decoration: underline;}

	.table-list li.hover{background-color: #f9fafb;}
    .table-list.type01 li > .subject a:hover{text-decoration: underline;}
    .table-list.type02 li > .subject a:hover{text-decoration: underline;}

    .announce-slider .slide-inner:hover .title span{text-decoration: underline;}

    .edit-reply button:hover{color: #ef300a; background-image: none;}

	.ico.file:hover{background: url('../images/common/ico_file_02_active.png') 0 0 no-repeat;}

	.view-wrap .article a:hover{color: #ef300a;border-bottom: 1px solid #ef300a;}


    .hover-list .thumnail-box {position: relative; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; -webkit-transition-property: height; -o-transition-property: height; transition-property: height; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease;}
    .hover-list li:hover .thumnail-box {-webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s;}
    .hover-list li {display: inline-block; position: relative;}
    .hover-list li .thumnail-box .btn-box{opacity: 0; visibility: hidden; -webkit-transition-property: visibility, opacity; -o-transition-property: visibility, opacity; transition-property: visibility, opacity; -webkit-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: 0.1s; -o-transition-timing-function: 0.1s; transition-timing-function: 0.1s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
    .hover-list li:hover .thumnail-box .btn-box {opacity: 1; visibility: visible; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.1s;}
    .hover-list li dl,
    .hover-list li p.text-box{position: absolute; width: 100%; -webkit-transition-property: top; -o-transition-property: top; transition-property: top; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease;}
    .hover-list li:hover dl,
    .hover-list li:hover p.text-box{-webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s;}
    .hover-list li dl dt ,
    .hover-list li p.text-box span{-webkit-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease;}
    .hover-list li:hover dl dt,
    .hover-list li:hover p.text-box span{color: #fff; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
    .hover-list li dl dd {opacity: 1; visibility: visible; padding-top: 8px; -webkit-transition-property: visibility, opacity; -o-transition-property: visibility, opacity; transition-property: visibility, opacity; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s;}
    .hover-list li:hover dl dd {-webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}

 	.academy .type-wrap .hover-list li .thumnail-box {height: 534px;}
    .academy .type-wrap .hover-list li:hover .thumnail-box {height: 700px;}
    .academy .type-wrap .hover-list li .thumnail-box::after {content: ''; display: inline-block; visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); -webkit-transition: 0.2; -o-transition: 0.2; transition: 0.2s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function:  ease-out;}
    .academy .type-wrap .hover-list li:hover .thumnail-box::after {opacity: 1; visibility: visible; transition-property: visibility, opacity;}
    .academy .type-wrap .hover-list li .thumnail-box img {float: right; width: 534px; height: 534px; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s;}
    .academy .type-wrap .hover-list li:hover .thumnail-box img {transform: scale(1.32); -webkit-transition-duration: 0.55s; -o-transition-duration: 0.55s; transition-duration: 0.55s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease;}
    .academy .type-wrap .hover-list li {height: 700px;}
    .academy .type-wrap .hover-list li dl {top: 582px;}
    .academy .type-wrap .hover-list li dl dt {font-size: 2.25rem;}
    .academy .type-wrap .hover-list li dl dd {padding-top: 13px;}
    .academy .type-wrap .hover-list li:hover dl {top: 428px;}
    .academy .type-wrap .hover-list li:hover dl dd {color: #fff; -webkit-transition-property: color; -o-transition-property: color; transition-property: color; -o-transition-property: visibility, opacity; transition-property: visibility, opacity;}
    .academy .type-wrap .hover-list li .btn-area {opacity: 0; visibility: hidden; position: absolute; top: 574px; padding-top: 0;}
    .academy .type-wrap .hover-list li:hover .btn-area {opacity: 1; visibility: visible; -webkit-transition: visibility, opacity 0.4s linear 0.2s; -o-transition: visibility, opacity 0.4s linear 0.2s; transition: visibility, opacity 0.4s linear 0.2s;}

    .btn-area.type05 .article a:hover{color: #ef300a;border-bottom: 1px solid #ef300a;}

    .post-page .btn.post:hover{text-decoration: underline;}
}
@media only screen and (max-width: 960px){
    .input-search input {height: 36px; line-height: 34px; font-size: 0.813rem; text-indent: 15px; padding-right: 35px;}
    .input-search .btn-search {top: 10px; right: 15px; width: 16px; height: 16px; background: url(../images/common/ico_search_mo.png) 0 0 no-repeat;-webkit-background-size: 16px auto;background-size: 16px auto;}

    .board-wrap .pagination {padding-top: 20px;}
    #content.academy {padding: 65px 0 0;}
    #content.academy.info {padding: 125px 60px 0;}

    #content.pa-document {padding-top: 125px;}
    #content.pa-document .content-header {padding-top: 2px;}
    #content.pa-document .content-header h2 {font-size: 1.563rem;line-height: 1;}
    .pa-document .content-header.aside .summary {padding-bottom: 0; font-size: 0.813rem; line-height: 1.375rem; float: none; padding-top: 25px;}
    #content.pa-document .content-header.aside .input-search {float: none;margin: 50px 0;width: 100%;}

    .table-list.type01 > li {position: relative;}
    .table-list.type01 > li.title {display: none;}
    .table-list.type01 > li:nth-child(2) {border-top: 1px solid #000;}
    .table-list.type01 .ico.notice.blue {display: inline-block;}
    .table-list.type01.count01 li > span{float: none;padding: 0;padding-top: 15px;display: inline-block;}
    .table-list.type01.count01 > li .number{display: none;}
    .table-list.type01.count01 li > .sort{width: auto; text-align: left; vertical-align: bottom; font-size: 0.938rem;}
    .table-list.type01.count01 li > .subject{width: 93%;max-width: 88%;}
    .table-list.type01.count01 li > .subject a{padding-left: 10px;max-width: 86%; font-size: 0.938rem;}
    .table-list.type01.count01 li > .text-br{padding: 10px 0 24px 0; line-height: 1; vertical-align: bottom; font-size: 0.75rem; color: #7f7f7f; text-align: left; width: auto;}
    .table-list.type01.count01 li > .text-br::after{content: ''; width: 1px; height: 8px; background-color: #7f7f7f; margin-left: 12px; position: relative; display: inline-block; }
    .table-list.type01.count01 li > .text-br:last-child::after{content: none;}
    .table-list.type01.count01 li > .view::before{content: '조회수';color: #7f7f7f; margin: 0 4px 0 12px; position: relative; display: inline-block; }
    .table-list.type01.count01 li > .recommend::before{content: '추천';color: #7f7f7f; margin: 0 4px 0 12px; position: relative; display: inline-block;}

    .academy.indevide01 .step-wrap.type03 .step > li {flex-basis: 25%; }
    .academy.indevide01 .step-wrap.type03 .step .thumnail-box {width: 16.340vw; height: 16.340vw;}
    .academy.indevide01 .step-wrap.type03 .step .thumnail-box .num {padding-bottom: 0.968vw;}

    .bmi .result .body-type {margin: 20px auto 0; padding-top: 10px; padding-bottom: 42px;}
    .bmi .result .graph-wrap {margin-top: 37.500vw;}
    .bmi .result .graph-wrap::before {background-image: url('../images/common/bg_bmi_bodytype_mo.png'); background-size: cover;}
    .bmi .result .graph-wrap .graph > span {height: 32px; line-height: 32px;}
    .bmi .result .graph-wrap .graph > span::after {display: none;}
    .bmi .result .graph-wrap .value {bottom: 40px; width: 48px; height: 30px; background-size: cover; font-size: 0.812rem;}
    .bmi .result .graph-wrap .graph {padding-bottom: 0;}
    
    .pa-check .hover-list li dl dd br.for-web,
    .evaluation .solution-wrap .hover-list li dl dd br.for-web{display: none;}
}
@media only screen and (max-width: 875px){
    .academy .type-wrap .hover-list li {width: 49%;}
    .academy .type-wrap .hover-list li + li{margin-left: 2%;}
    .academy .clause-list span.text-line {font-size: 0.906rem}
    
    .pa-check .hover-list .thumnail-box,
    .evaluation .solution-wrap .hover-list .thumnail-box {width: 300px; height: 300px;}
    .pa-check .hover-list li,
    .evaluation .solution-wrap .hover-list li {margin-bottom: 0;}
    .pa-check .hover-list li dl,
    .evaluation .solution-wrap .hover-list li dl {top: 340px;}
}


@media only screen and (min-width: 960px) {
    .pa-check .hover-list li:hover .thumnail-box,
    .evaluation .solution-wrap .hover-list li:hover .thumnail-box {height: 480px;}
}

@media only screen and (min-width: 768px) and (max-width: 1224px){ /* 210203 수정 */
    .pa-check .hover-list li,
    .evaluation .solution-wrap .hover-list li {width: 32%;}
    .pa-check .hover-list li + li ,
    .evaluation .solution-wrap .hover-list li + li {margin-left: 2%;}
    .pa-check .hover-list .thumnail-box,
    .evaluation .solution-wrap .hover-list .thumnail-box {width: 100%; height: 60%;}
    .pa-check .hover-list li dl,
    .evaluation .solution-wrap .hover-list li dl {top: 320px;}
    .pa-check .hover-list li .thumnail-box .btn-box .btn,
    .evaluation .solution-wrap .hover-list li .thumnail-box .btn-box .btn {min-width: 40%;}
    .pa-check .hover-list li dl .for-web,
    .evaluation .solution-wrap .hover-list li dl .for-web {display: none;}
}

@media only screen and (min-width: 768px) and (max-width: 960px){ /* 210203 수정 */
    .pa-check .hover-list .thumnail-box ,
    .evaluation .solution-wrap .hover-list .thumnail-box {height: 50%;}
    .pa-check .hover-list li:hover .thumnail-box,
    .evaluation .solution-wrap .hover-list li:hover .thumnail-box {height: 350px;}
    .pa-check .hover-list li dl,
    .evaluation .solution-wrap .hover-list li dl {top: 250px !important;}
    .pa-check .hover-list li .thumnail-box .btn-box,
    .evaluation .solution-wrap .hover-list li .thumnail-box .btn-box {bottom: 15px;}
}

@media only screen and (min-width: 768px){
    .pa-check .hover-list li dl dt,
    .pa-check .hover-list li .text-box,    
    .evaluation .solution-wrap .hover-list li dl dt {font-size: 1.15rem;}/* 210203 수정 */
    .pa-check .hover-list li:hover dl,
    .pa-check .hover-list li:hover p.text-box,
    .evaluation .solution-wrap .hover-list li:hover dl {top: 361px;}
    .pa-check .hover-list li:hover dl dd,
    .evaluation .solution-wrap .hover-list li:hover dl dd {opacity: 0; visibility: hidden;}
    .pa-check .hover-list li:nth-child(3n + 1) ,
    .evaluation .solution-wrap .hover-list li:nth-child(3n + 1) {margin-left: 0 !important;}
}


@media only screen and (max-width: 768px){
	::placeholder{text-indent: 15px;}
    ::-webkit-input-placeholder{text-indent: 15px;}
    ::-moz-placeholder{text-indent: 15px;}
    :-ms-input-placeholder{text-indent: 15px;}
    :-moz-placeholder{text-indent: 15px;}

    .input-text input {text-indent: 15px;}

    .btn-area {padding-top: 40px;}
    .btn-area.type-top61{padding-top: 61px;}
    .btn-area.type03{padding-top: 60px;}
    .btn-area.type04{padding-top: 100px;}
    .btn-area .btn + .btn {margin-left: 0;margin-top: 15px;}
    .btn-list {width: 87px; height: 40px; line-height: 40px;}
    .btn-list.for-mobile {display: block;background: #ef300a url(../images/common/ico_list_mo.png) 50% 50% no-repeat;-webkit-background-size: 17px auto;background-size: 17px auto;}

    .btn.xx-small {height: 23px;line-height: 23px;font-size: 0.75rem;}
	.btn.x-small{height: 30px;line-height: 30px;font-size: 0.75rem;}
	.btn.small{height: 40px;line-height: 40px;font-size: 0.813rem;}
	.btn.medium{height: 55px;line-height: 55px;font-size: 0.875rem;}
    .btn.large{height: 60px;line-height: 60px;font-size: 0.875rem;}

	.layer-popup .layer-wrap{overflow-y: auto;}
    .layer-popup .btn-area .btn {height: 55px; line-height: 55px;}

	.btn.x-small.type05{line-height: 28px;}
	.btn.small.type05{line-height: 38px;}
	.btn.medium.type05{line-height: 53px;}
	.btn.large.type05{line-height: 58px;}

	.btn.xx-small.round{border-radius: 11.5px;-webkit-border-radius: 11.5px;}
	.btn.x-small.round{border-radius: 15px;-webkit-border-radius: 15px;}
	.btn.small.round{border-radius: 20px;-webkit-border-radius: 20px;}
	.btn.medium.round{border-radius: 27.5px;-webkit-border-radius: 27.5px; width: 100%;}
	.btn.large.round{border-radius: 30px;-webkit-border-radius: 30px;}
	.btn.arrow.large::after{display: none;}

    .file-wrap .file-input {width: 34%;}
    .file-wrap .btn {width: 100%; min-width: auto;}
    .file-hidden[type="file"] {width: 34%;}
    .file-upload {padding-right: 37%;}

    .radio label {font-size: 0.75rem;}
    .radio label:before{width: 15px;height: 15px;margin-top: -2px;background: url(../images/common/checkbox_m.png) 0 0 no-repeat;-webkit-background-size: 15px auto;background-size: 15px auto;}
    .radio input[type="checkbox"]:checked+label:before{background: url('../images/common/checkbox_checked_m.png') 0 0 no-repeat;-webkit-background-size: 15px auto;background-size: 15px auto;}
    .radio input[type="radio"]:checked+label:before {background: url(../images/common/checkbox_checked_m.png) 0 0 no-repeat;-webkit-background-size: 15px auto;background-size: 15px auto;}

    .input-search.type02 {max-width: none;margin: 33px 0 74px;}
    .input-search.type02 input {font-size: 0.75rem; text-indent: 6px;}
    .input-search.type02 input::placeholder {text-indent: 6px; font-size: 0.75rem; margin-top: 6px;}
    .input-search.type02 .btn-search {background: url(../images/common/ico_search_02_m.png) 50% 50% no-repeat;-webkit-background-size: 20px auto;background-size: 20px auto;}

    .text.normal{font-size: 0.75rem;line-height: 1.125rem;}

    .ico.notice{width: 15px;height: 15px;margin-right: 5px;background: url(../images/common/ico_notice_m.png) 0 0 no-repeat;-webkit-background-size: 15px auto;background-size: 15px auto;vertical-align: middle;}
    .ico.notice.blue{width: 16px;height: 16px;margin-right: 5px;background: url(../images/common/ico_notice_blue_m.png) 0 0 no-repeat;-webkit-background-size: 16px auto;background-size: 16px auto;vertical-align: middle;}
    .ico.notice.for-mobile {display: block;}

    .for-web {display: none;}
    .for-mobile {display: block;}

    .text.notice-text {padding-top: 4px; padding-left: 20px;}
    .text.normal.notice-text {padding-top: 10px;}
    .text.normal.notice-text .ico.notice {top: 12px;}

    .section-wrap .minus-wrap {margin: 0 !important;}

    .tab-wrap .tab-content h3 + .step-wrap{padding-top: 51px;}
    .tab-wrap .tab-content h3 + .process-wrap {padding-top: 51px;}

	.tab.x-large li{height: 40px;line-height: 40px;}
    .tab.x-large li a{font-size: 0.75rem;}

	.pagination button,
	.pagination strong{width: 35px;height: 35px;line-height: 35px;font-size: 0.938rem;}
	.pagination a{width: 33px;height: 35px;line-height: 35px;font-size: 0.938rem;}
	.pagination button.prev{margin-right: 17px;}
    .pagination button.next{margin-left: 17px;}

	.content-header{padding-top: 2px;}
	.content-primary{padding-bottom: 100px;}
	.for-pc{display: none;}
	.content-header h2{font-size: 1.563rem;line-height: 1;}
    .content-header .summary{padding-top: 22px;font-size: 0.813rem;line-height: 1.375rem;}
    .content-header.aside .summary{float: none;padding-top: 25px;padding-bottom: 45px;}
    .content-header.aside .input-search {float: none;margin: 50px 0 ;width: 100%;}
    .tab-wrap .tab-box {width: calc(100% + 60px);text-align: left;overflow-y: hidden;white-space: nowrap;margin-left: -30px; padding-left: 30px;}
    .tab-wrap .tab{position: relative;font-size: 0;overflow-x: auto;overflow-y: hidden;transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -webkit-overflow-scrolling: touch; scroll-behavior: smooth; padding-bottom: 8px;}
    .tab-wrap .tab::-webkit-scrollbar{display: none; /* Chrome, Safari, Opera*/}
    .tab-wrap .tab.type01 li{margin-right: 0; margin-left: 0;}
    .tab-wrap .tab-box .tab.type01 li:last-child a {margin-right: 13.333vw;}
    .tab-wrap .tab-box .tab li + li {margin-left: 13.333vw;}
    .tab-wrap .tab.type02 li + li {margin-left: 0;}
	.tab-wrap .tab.medium li a{padding-bottom: 0;font-size: 1.125rem;}
    .tab-wrap .tab.medium li.active a {border-bottom-width: 3px;}
/*	.tab-wrap .tab.medium li.active a::after{height: 3px;margin-top: 4px;border-radius: 1.5px;-webkit-border-radius: 1.5px;}*/
	.tab-wrap .tab-content h3{padding-top: 60px;font-size: 1.125rem;}
	.tab-wrap .tab-content h3.emphasis span::after{display: none;}
    span.arrow-more::after {content: '';display: inline-block;position: absolute; top: 50%; right: -18px; width: 7px; height: 12px; background-image: url('../images/common/ico_arrow_more.png'); background-repeat: no-repeat; background-position: 0 0; background-size: cover; margin-top: -6px;}

 	.balloon-popup{position: static;}
 	.balloon-popup .popup-wrap{position: absolute;left: 30px;right: 30px;top: 70px;}
 	.balloon-popup .popup-wrap .thumb img{width: 100%;}

    .step-wrap .step li {flex-flow:column-reverse;}
    .step-wrap .step li + li {margin-top: 60px;}
    .step-wrap .step li .thumnail-box{width: 100%;height: 230px;}
    .step-wrap .step li dl {width: 100%; height: 100%; padding-top: 8px;}
	.step-wrap .step li dl dt{font-size: 0.938rem;}
	.step-wrap .step li dl dd{font-size: 0.875rem;line-height: 1.375rem;padding-top: 0;word-break: keep-all; padding-top: 4px; }
	.step-wrap .step li dl dd br{ display: none;}
    .step-wrap.type02 .step li dl {padding-left: 15px; padding-top: 4px;}
    .step-wrap.type02 .step > li {flex-direction: column-reverse;}
    .step-wrap.type02 .step > li + li {margin-top: 47px;}
    .step-wrap.type02 .step > li .thumnail-box {width: 100%; height: 56vw;}
    .step-wrap.type02 .step > li > dl {width: 100%; padding-left: 0; padding-top: 12px;}
    .step-wrap.type02 .step > li > dl > dt {font-size: 1rem;}
    .step-wrap.type02 .step > li > dl > dd {padding-top: 5px;}
    .step-wrap.type03 .step {display: block;}
    .step-wrap.type03 .step > li {display: flex;flex-direction: column;width: 100%;flex-wrap: wrap;flex-flow: row;}
    .step-wrap.type03 .step li + li {margin-top: 25px;}
    .step-wrap.type03 .step li .thumnail-box {display: inline-block; flex: none; width: 34.933vw; height: 34.933vw;}
    .step-wrap.type03 .step li dl {display: inline-block; padding-top: 0; text-align: left; padding-left: 30px;}


    .process-wrap .step {display: block;}
	.process-wrap .step li{display: flex; margin-top: 30px; position: relative;}
	.process-wrap .step li:first-child{margin-top: 0;}
    .process-wrap .step li {width: 100%;}
    .process-wrap .step li +li {margin-left: 0;}
    .process-wrap .step li .icon-box {width: 100%; height: auto;}
    .process-wrap .step li .icon-box::before {display: none;}
	.process-wrap .step li .icon-box{width: 153px; height: 153px; display: inline-block;}
	.process-wrap .step li .icon-box + p.text{margin-top: 0; align-self: center; padding-left: 25px; text-align: left;}
	.process-wrap .step li p.text{width: calc(100% - 153px); display: inline-block; line-height: 1.25rem;  font-size: 0.938rem;}

    .content-primary .sort-area .select-wrap {display: none;}
    .select-wrap select{font-size: 0.875rem; color: #7f7f7f; background-position-x: calc(100% - 15px); height: 40px; line-height: 40px; padding: 0 15px;}
    .select-list {flex-flow: wrap;}
    .select-list li {width: 48%; margin-top: 10px;}
    .select-list li:nth-child(1),
    .select-list li:nth-child(2) {margin-top: 0;}

    .table-wrap.type01 .data-table tr th{font-size: 0.75rem;}
    .table-wrap.type01 .data-table tbody tr td:first-child,
    .table-wrap.type01 .data-table tbody tr th:first-child{font-size: 0.75rem;}
    .table-wrap h3{padding-top: 74px;}

    .tab-wrap.for-mobile .tab.medium {position: absolute; top: 65px;  z-index: 9; width: 100%; display: flex; justify-content: space-between;border-bottom: 1px solid rgba(255, 255, 255, .6);}
    .tab-wrap.for-mobile .tab.medium::after {content: none;}
    .tab-wrap.for-mobile .tab.medium.type01 {position: relative; top: 0;padding: 20px 0 0 0; z-index: 9; width: 100%; display: flex; justify-content: space-between;}
    .tab-wrap.for-mobile .tab.medium.type01 {border-bottom: 1px solid #e4e4e4;}
    .tab-wrap.for-mobile .tab.medium.type01 li a {color: #7f7f7f; font-size: 0.813rem; padding: 0; box-sizing: border-box;}
    .tab-wrap.for-mobile .tab.medium.type01 li.active a {color: #ef300a; border: none; position: relative;}
    .tab-wrap.for-mobile .tab.medium.type01 li.active a::after {content: ''; position: absolute; width: calc(100% + 16px); bottom: -17px; left: -8px; border: 2px solid #ef300a;}

    /* 스크립트 mobile css */
    .js-mb-btn .btn-area>img {display: block !important;}
    .js-mb-btn .section-wrap.aside .text-wrap-content {display: block !important;}
    .js-mb-btn .btn-area-wrap {border-top: 1px solid #e4e4e4 !important; height: 111px !important;}
    .js-mb-btn .text-wrap.list .btn-area {padding: 40px 30px 30px !important;}
    .js-mb-btn.position-relative .text-wrap.list .btn-area {padding: 40px 0px 30px !important;}
    .js-mb-btn .section-wrap.aside {padding-top: 0px !important; border-top: none !important;}
    .js-mb-btn .section-wrap.aside>img {display: none !important;}
    .js-mb-btn .section-wrap.aside .text-wrap-content {display: none !important;}
    .js-mb-btn.open-status .text-wrap .btn-area {padding-top: 30px !important; border-top: 1px solid #e4e4e4 !important;}
    .js-mb-btn.open-status .text-wrap.list .btn-area {padding: 20px 30px 30px !important;}
    .js-mb-btn.position-relative.open-status .text-wrap.list .btn-area {padding: 20px 0px 30px !important;}
    .js-mb-btn.open-status .btn-area>img {display: none !important;}
    .js-mb-btn.open-status .btn-area-wrap {height: 90px !important; border-top: none !important;}
    .js-mb-btn.open-status .section-wrap.aside>img {display: block !important;}
    .js-mb-btn.open-status .section-wrap.aside .text-wrap .scroll-wrap,
    .js-mb-btn.open-status .section-wrap.aside .text-wrap.list h4,
    .js-mb-btn.open-status .section-wrap.aside .text-wrap-content {display: block !important;}
    .js-mb-btn.open-status .section-wrap.aside {padding-top: 30px !important; border-top: 1px solid #e4e4e4 !important;}
    .js-mb-btn.open-status .section-wrap.aside>img {display: block !important;}

    .js-mb-btn2 .btn-area>img {display: block !important;}
    .js-mb-btn2 .section-wrap.aside .text-wrap-content {display: none !important;}
    .js-mb-btn2 .section-wrap.aside {padding-top: 0px !important; border-top: none !important;}
    .js-mb-btn2.open-status .section-wrap.aside .text-wrap-content,
    .js-mb-btn2.open-status .section-wrap.aside>img {display: block !important;}
    .js-mb-btn2.open-status .section-wrap.aside {padding-top: 30px !important; border-top: 1px solid #e4e4e4 !important;}
    .js-mb-btn2.open-status .btn-area>img {display: none !important;}

/*
    .tab-wrap.for-mobile .tab.medium.type01 li.active a {border-bottom-width: 2px;}
    .tab-wrap.for-mobile .tab.medium.type01 li.active a::after {background-color: #ef300a; margin-top: 17px; height: 2px;}
*/
    .tab-wrap.for-mobile .tab.medium.type02 li a {color: #fff; font-size: 0.813rem; opacity: 0.6; padding: 0; box-sizing: border-box;}
    .tab-wrap.for-mobile .tab.medium.type02 li.active a {color: #fff; opacity: 1; position: relative;}
    .tab-wrap.for-mobile .tab.medium.type02 li.active a::after {content: ''; position: absolute; width: calc(100% + 16px); border-bottom: 2px solid #fff; left: -8px; bottom: -20px;}
    .people .tab-wrap.for-mobile .tab.medium {padding: 20px 30px 20px; }

    .content-primary .sort-area {position: relative; width: calc(100% + 60px); text-align: left;overflow-y: hidden;white-space: nowrap; margin-left: -30px; padding: 45px 0px 0 30px;}
    .content-primary .sort-area .tag-wrap {float: none;}
    .tag-wrap .tag-list {position: relative;font-size: 0;overflow-x: auto;overflow-y: hidden;transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -webkit-overflow-scrolling: touch; scroll-behavior: smooth; padding-bottom: 50px; border-bottom: 1px solid #d2d0d4;}
    .tag-wrap .tag-list {-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
    .tag-wrap .tag-list::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
    .tag-wrap .tag-list li {display: inline-block;margin-top: 10px;}
    .tag-wrap .tag-list li a {height: 36px; line-height: 34px; font-size: 0.75rem; padding: 0 16px; border: 1px solid #000;}


    .table-list > li {position: relative;}
    .table-list > li.title {display: none;}
    .table-list > li:nth-child(2) {border-top: 1px solid #000;}

    .table-list.type01 > li.title {display: none;}
    .table-list.type01 .ico.notice.blue {display: inline-block;}
    .table-list.type01 > li:nth-child(2) {border-top: 1px solid #000;}
    .table-list.type01 li > span{float: none;padding: 0;padding-top: 15px; display: inline-block;}
    .table-list.type01 > li .number{display: none;}

    .table-list.type01.count01 li > span{float: none;padding: 0;padding-top: 15px;display: inline-block;}
    .table-list.type01.count01 > li .number{display: none;}
    .table-list.type01.count01 li > .sort{width: auto; text-align: left; vertical-align: bottom; font-size: 0.938rem;}
    .table-list.type01.count01 li > .subject{width: 93%;max-width: 86%;}
    .table-list.type01.count01 li > .subject a{padding-left: 10px;max-width: 86%; font-size: 0.938rem;}
    .table-list.type01.count01 li > .text-br{padding: 10px 0 24px 0; line-height: 1; vertical-align: bottom; font-size: 0.75rem; color: #7f7f7f; text-align: left; width: auto;}
    .table-list.type01.count01 li > .text-br::after{content: ''; width: 1px; height: 8px; background-color: #7f7f7f; margin-left: 12px; position: relative; display: inline-block; }
    .table-list.type01.count01 li > .text-br:last-child::after{content: none;}
    .table-list.type01.count01 li > .view::before{content: '조회수';color: #7f7f7f; margin: 0 4px 0 12px; position: relative; display: inline-block; }
    .table-list.type01.count01 li > .recommend::before{content: '추천';color: #7f7f7f; margin: 0 4px 0 12px; position: relative; display: inline-block; }

    .table-list.type01.count02 > li {padding: 26px 0 24px;}
    .table-list.type01.count02 li > .subject {display: block; width: 100%; line-height: 1; padding: 0; font-size: 0.938rem;}
    .table-list.type01.count02 li > .subject a {padding-left: 0;}
    .table-list.type01.count02 li > .date {width: 100%; text-align: left; line-height: 1; padding-top: 17px; font-size: 0.938rem;}

    .table-list.type01.count03 li > .subject {width: 100%; font-size: 0.938rem; position: relative;}
    .table-list.type01.count03 li > .subject a {padding-left: 0;}
    .table-list.type01.count03 > li {padding-bottom: 24px;}
    .table-list.type01.count03 li > .text-br{padding-top: 0; line-height: 1; vertical-align: bottom; font-size: 0.75rem; color: #7f7f7f; text-align: left; width: auto;}
    .table-list.type01.count03 li > .text-br::after{content: ''; width: 1px; height: 8px; background-color: #7f7f7f; margin-left: 12px; position: relative; display: inline-block; }
    .table-list.type01.count03 li > .text-br:last-child::after{content: none;}
    .table-list.type01.count03 li > .view::before{content: '조회수';color: #7f7f7f; margin: 0 4px 0 10px; position: relative; display: inline-block; }
    .table-list.type01.count03 li > .recommend::before{content: '추천';color: #7f7f7f; margin: 0 4px 0 8px; position: relative; display: inline-block; }
    .table-list.type01.count03 li > .date {padding-left: 8px;}


    .table-list.type02 > li{padding: 15px 0 24px;}
    .table-list.type02 > li span{float: none;padding: 0;/*padding-top: 15px;*/display: inline-block; font-size: 0.938rem;}
    .table-list > li {position: relative;}
    .table-list > li.title {display: none;}
    .table-list > li:nth-child(2) {border-top: 1px solid #000;}
    .table-list.type01.count01 li > span{float: none;padding: 0;padding-top: 15px;display: inline-block;}
    .table-list.type01.count01 > li .number{display: none;}
    .table-list.type01.count01 li > .sort{width: auto; text-align: left; vertical-align: bottom; font-size: 0.938rem;}
    .table-list.type01.count01 li > .subject{width: 93%;max-width: 86%;}
    .table-list.type01.count01 li > .subject a{padding-left: 10px;max-width: 86%; font-size: 0.938rem;}
    .table-list.type01.count01 li > .text-br{padding: 10px 0 24px 0; line-height: 1; vertical-align: bottom; font-size: 0.75rem; color: #7f7f7f; text-align: left; width: auto;}
    .table-list.type01.count01 li > .text-br::after{content: ''; width: 1px; height: 8px; background-color: #7f7f7f; margin-left: 12px; position: relative; display: inline-block; }
    .table-list.type01.count01 li > .text-br:last-child::after{content: none;}
    .table-list.type01.count01 li > .view::before{content: '조회수';color: #7f7f7f; margin: 0 4px 0 12px; position: relative; display: inline-block; }
    .table-list.type01.count01 li > .recommend::before{content: '추천';color: #7f7f7f; margin: 0 4px 0 12px; position: relative; display: inline-block; }

    .table-list.type02 > li {position: relative;}
    .table-list.type02 > li.title {display: none;}
    .table-list.type02 > li:nth-child(2) {border-top: 1px solid #000;}
    .table-list.type02 > li span{float: none;padding: 0;padding-top: 0px;display: inline-block; font-size: 0.938rem;}
    .table-list.type02 li .sort {width: auto;text-align: left;vertical-align: bottom;}
    .table-list.type02 li .subject {width: 100%; max-width: 60%;}
    .table-list.type02 li .subject a{padding-left: 12px;}
    .table-list.type02 li > .text-br{padding: 0;line-height: 1;vertical-align: bottom;font-size: 0.75rem;color: #7f7f7f;text-align: left;width: auto;}
    .table-list.type02 li > .text-br::after {content: '';width: 1px;height: 8px;background-color: #7f7f7f;margin-left: 8px;position: relative;display: inline-block;}
    .table-list.type02 li > .date01::before {content: '문의일시';color: #7f7f7f;margin: 0 2px 0 0px;position: relative;display: inline-block;}
    .table-list.type02 li > .date02::before {content: '답변일시';color: #7f7f7f;margin: 0 3px 0 4px;position: relative;display: inline-block;}
    .table-list.type02 li > .date02::after {content: none;}
    .table-list.type02 li > .manage {width: auto;position: absolute;top: 17%;padding: 0;right: -11px;}
    .btn-delete {display: inline-block;width: 15px;height: 16px;background-size: cover;}
    .table-list.type02.count01 li > .text-br{width: auto;}

	.table-list.type02.count02{position: relative;}
	.table-list.type02.count02 li{padding: 19px 0 16px;}
	.table-list.type02.count02 > li span{font-size: 0.813rem;}
	.table-list.type02.count02 li > .subject{width: 100%;max-width: none;text-align: left;font-size: 0.938rem;}
	.table-list.type02.count02 li > .agency{width: auto;}
	.table-list.type02.count02 li > .grade{width: auto;}
	.table-list.type02.count02 li > .gender{width: auto;}
	.table-list.type02.count02 li > .name{width: auto;}
	.table-list.type02.count02 li > .date{position: absolute;right: 0;top: 0;width: auto;padding-top: 17px;color: #a3a3a3;}

	.table-list.type02.count02 li > .grade::before,
	.table-list.type02.count02 li > .gender::before,
	.table-list.type02.count02 li > .name::before{content: ''; display: inline-block; height: 8px; margin-left: 9px; margin-right: 12px; border-left: 1px solid #7f7f7f;}

/*    .table-list.type01 > li.title {display: none;}*/
    .table-list.type01 .ico.notice.blue {display: inline-block;}
    .table-list.type01 > li:nth-child(2) {border-top: 1px solid #000;}
    .table-list.type01 li > span{float: none;padding: 0;padding-top: 15px; display: inline-block;}
    .table-list.type01 > li .number{display: none;}

    .table-list.type02.count01 li .sort{width: auto;}
    .table-list.type02.count01 li .subject{width: 100%;}

    .table-list.type01.count05,
    .table-list.type01.count06,
    .table-list.type01.count07,
    .table-list.type02.count03{position: relative;}
    .table-list.type01.count05 li,
    .table-list.type01.count06 li,
    .table-list.type01.count07 li,
    .table-list.type02.count03 li{padding-bottom: 16px;}
    .table-list.type01.count05 li > .subject,
    .table-list.type01.count06 li > .subject,
    .table-list.type01.count07 li > .subject,
    .table-list.type02.count03 li > .subject{display: block;width: 100%;padding-right: 75px;padding-top: 18px;font-size: 0.938rem;text-align: left;}
    .table-list.type01.count05 li > .agency,
    .table-list.type01.count06 li > .agency,
    .table-list.type01.count07 li > .agency,
    .table-list.type02.count03 li > .agency{width: auto;padding-top: 0;font-size: 0.813rem;}
    .table-list.type01.count05 li > .gender{width: auto;padding-top: 0;font-size: 0.813rem;}
    .table-list.type01.count05 li > .name{width: auto;padding-top: 0;font-size: 0.813rem;}
    .table-list.type01.count05 li > .gender::before,
    .table-list.type01.count05 li > .name::before{content: '';display: inline-block;height: 8px;margin-left: 9px;margin-right: 12px;border-left: 1px solid #7f7f7f;}
    .table-list.type01.count05 li > .date{width: auto;position: absolute;right: 0;top: 0;color: #a3a3a3;font-size: 0.813rem;}

    .table-list.type01.count06 li > .grade,
    .table-list.type01.count07 li > .grade,
    .table-list.type02.count03 li > .grade{width: auto;padding-top: 0;font-size: 0.813rem;}
    .table-list.type01.count06 li > .group,
    .table-list.type01.count07 li > .group,
    .table-list.type01.count07 li .gender,
    .table-list.type02.count03 li > .group{width: auto;padding-top: 0;font-size: 0.813rem;}

    .table-list.type01.count06{position: relative;}
    .table-list.type01.count06 li{padding-bottom: 16px;}
    .table-list.type01.count06 li > .subject{display: block;width: 100%;padding-right: 75px;padding-top: 18px;font-size: 0.938rem;text-align: left;}
    .table-list.type01.count06 li > .agency,
    .table-list.type01.count07 li .name{width: auto;padding-top: 0;font-size: 0.813rem;}
    .table-list.type01.count06 li > .grade::before,
    .table-list.type01.count07 li .gender::before,
    .table-list.type02.count03 li > .grade::before{content: '';display: inline-block;height: 8px;margin-left: 9px;margin-right: 12px;border-left: 1px solid #7f7f7f;}
    .table-list.type01.count06 li > .grade::after,
    .table-list.type02.count03 li > .grade::after{content: '학년'; font-size: 0.813rem; font-weight: 400; color: #000;}
    .table-list.type01.count06 li > .group::after,
    .table-list.type02.count03 li > .group::after{content: '반'; font-size: 0.813rem; font-weight: 400; color: #000;}
    .table-list.type01.count06 li > .date,
    .table-list.type01.count07 li > .date,
    .table-list.type02.count03 li > .date{width: auto;position: absolute;right: 0;top: 0;color: #a3a3a3;font-size: 0.813rem;}

    .table-list.type01.count07 li {padding-top: 18px; border-top: 1px solid #e8e7e9;}
    .table-list.type01.count07 li.title {display: block; border-color: #000;}
    .table-list.type01.count07 li.title + li {border-color: #000;}
    .table-list.type01.count07 li.title > span {display: none;}
    .table-list.type01.count07 li.title > span.check {display: block; text-align: left; padding: 0;}
    .table-list.type01.count07 li.title > span.check .blind {display: inline-block;width: auto; height: auto;font-size: 0.812rem;font-weight: 400;color: #000;position: relative;line-height: 1;text-indent: inherit;padding-left: 4px;vertical-align: -1px;}

    .table-list.type01.count07 .student-info {display: flex; flex-direction: row-reverse; justify-content: flex-end; padding-left: calc(25px - 1.5%);}
    .table-list.type01.count07 .student-info span {padding-bottom: 0; }
    .table-list.type01.count07 li > .grade,
    .table-list.type01.count07 li > .group {font-size: 0.937rem;}
    .table-list.type01.count07 li > .grade::after{content: '학년'; font-size: 0.937rem; font-weight: 400; color: #000;}
    .table-list.type01.count07 li > .group::after {content: '반'; font-size: 0.937rem; font-weight: 400; color: #000;}
    .table-list.type01.count07 li > .number {display: inline; position: relative;width: auto;padding-top: 0;font-size: 0.937rem;}
    .table-list.type01.count07 li > .number::after{content: '번'; position: relative; right: 0; top: 0; font-size: 0.937rem; font-weight: 400; color: #000;}
    .table-list.type01.count07 li > .date {display: block;}


    .table-list.type02.count03 li > .subject {padding-top: 0;}
    .table-list.type02.count03 li > .date {top: 18px;}

    .btn-area.right{padding: 0; position: fixed; bottom: 66px; right: 30px; z-index: 9;}
    .btn-area.right .btn{width: 90px; min-width: 90px; height: 40px; line-height: 40px; font-size: 0.813rem; border-radius: 23px;}

    .board-wrap .btn-area + .pagination {padding-top: 41px; margin-top: 0;}
    .board-wrap .pagination{padding-top: 41px; margin-top: 0;}
    .pagination button.first{display: none;}
    .pagination button.last{display: none;}


	.form-wrap{padding-top: 10px; margin-top: 45px;}
    .form-wrap .field{margin-top: 22px;padding-left: 0;}
    .form-wrap .field.profile .insert{position: relative;height: auto; padding: 15px 0 0;}
    .form-wrap .field .insert .edit-profile {position: relative;margin-right: 0}
    .form-wrap .field.profile .insert .input-text {height: 54px;margin-top: 23px;padding-right: 37%; padding-top: 0;box-sizing: border-box;-webkit-box-sizing: border-box;}
    .form-wrap .field.profile .insert .btn.type02{top: auto; bottom: 0; width: 34%; min-width: auto;}
    .form-wrap.aside .field{margin-top: 0px;padding-left: 0;padding-top: 30px;}
    .form-wrap.aside .btn-area{padding-left: 0;}
	.form-wrap .field > label{position: static;left: auto;top: auto;margin-bottom: 5px;font-size: 0.875rem;}
    .form-wrap .field > label.requisite::after{font-size: 0.938rem;vertical-align: -1px;}

    .form-wrap.form-mobile .field{margin-top: 2px;}
    .form-wrap.form-mobile .field.half{float: none; width: 100%; padding-right: 0;}
    .form-wrap.form-mobile .field.half:first-child {margin-top: 20px;}
    .form-wrap.form-mobile .field.half + .field.half{padding-left: 0;}

	.text-area textarea{min-height: 300px;padding: 12px 15px;}
	.text-area textarea::placeholder{text-indent: 0;}
    .text-area textarea::-webkit-input-placeholder{text-indent: 0;}
    .text-area textarea::-moz-placeholder{text-indent: 0;}
    .text-area textarea:-ms-input-placeholder{text-indent: 0;}
    .text-area textarea:-moz-placeholder{text-indent: 0;}

	.read-text{padding: 20px 15px;}
    .read-text p{font-size: 0.688rem;line-height: 0.875rem;}

    .form-wrap .checkbox-wrap .checkbox label{font-size: 0.875rem;line-height: 0.875rem;}

    .checkbox label{margin-right: 0;}
    .checkbox label:before{width: 15px;height: 15px;background: url(../images/common/checkbox_m.png) 0 0 no-repeat;-webkit-background-size: 15px auto;background-size: 15px auto;}
    .checkbox input[type="checkbox"]:checked+label:before{background: url('../images/common/checkbox_checked_m.png') 0 0 no-repeat;-webkit-background-size: 15px auto;background-size: 15px auto;}
    .form-wrap .checkbox-wrap .checkbox{padding-top: 8px;}
    .form-wrap .btn-area{padding-top: 60px;padding-left: 0;}

	/* EVENT */
	.event-list li {width: 100%; float: none; padding: 0; margin-top: 50px;}
    .event-list li:first-child {margin-top: 0;}
    .event-list li a .thumb {height: auto;}
    .event-list li a .text-wrap {margin-top: 15px;}
    .event-list li a .text-wrap .title {font-size: 0.938rem; line-height: 1;}
    .event-list li a .text-wrap .date {padding-top: 7px; font-size: 0.813rem;}
    .event-list li a .text-wrap .tag {font-size: 0.75rem; width: 54px; height: 25px; line-height: 25px;}

    .event.detail .view-wrap .title {height: 91px; padding: 20px 0; position: relative;}
    .event.detail .view-wrap .title .tag.small {margin: 0; float: none; font-size: 0.75rem; width: 54px; height: 25px; line-height: 25px; position: absolute; right: 0;}
    .event.detail .view-wrap .title h4 {float: none; line-height:1; display: inline; font-size: 0.938rem;}
    .event.detail .view-wrap .title .date {float: none; line-height: 1; display: block; font-size: 0.75rem; margin-top: 11px;}
    .event.detail .view-wrap .view-content {padding: 20px 0;}

    .slick-slider .slick-prev,
    .slick-slider .slick-next {width: 15px; height: 27px; margin-top: -13px;}
    .slick-slider .slick-prev {left: 15px;}
    .slick-slider .slick-next {right: 15px;}
    .slick-dots li {width: 8px; height: 8px; margin: 0 6px;}
    .slick-dots li button {width: 8px; height: 8px;}
    .slick-dots li button {border: 1px solid #000;}
    .slick-dots li.slick-active button {background-color: #000;}

    .layer-popup{padding: 0 30px;position: fixed;box-sizing: border-box;-webkit-box-sizing: border-box;}
    .layer-popup .popup-wrap{top: 15%;width: 100%;}
    .layer-popup .popup-content{padding-bottom: 55px;}
    .pop-complete.layer-popup .popup-wrap{height: 254px;}
    .popup-content .text{font-size: 0.875rem;}
    .layer-popup .popup-content .text-wrap p + p {font-size: 0.875rem; padding-top: 0;}
    .layer-popup .pop-close{width: 19px; height: 19px; right: 20px; top: 20px;}
    .layer-popup .btn-area .btn + .btn{margin-top: auto;}

    .pop-prepare.layer-popup .popup-content{padding-bottom: 60px;}
    .pop-prepare.layer-popup .text-wrap .text{padding-top: 60px;background: url('../images/common/ico_prepare_m.png') 50% 0 no-repeat;-webkit-background-size: 49px auto;background-size: 49px auto;}
	.pop-prepare.layer-popup .btn-area{display: block;}

	.pop-change.layer-popup .input-text{width: 100%;padding-left: 15px;padding-right: 15px;}
	.pop-change.layer-popup .notice-text{width: 100%;margin: 0;padding-left: 15px;padding-right: 15px;font-size: 0.75rem;box-sizing: border-box;-webkit-box-sizing: border-box;}

    .pop-verification.layer-popup .popup-content .text-wrap{padding-left: 15px;padding-right: 15px;}
    .pop-verification .form-wrap{padding-left: 0;padding-right: 0;}
    .pop-verification .form-wrap .btn {min-width: 0;width: 90px;height: 54px;line-height: 54px;}
    .pop-verification .form-wrap .field {padding-right: 95px;margin-top: 0;}

    /* .hover-lis li *,
    .hover-list li:hover *{top: 0 !important; opacity: 1 !important; color: #000 !important; height: auto !important; visibility: visible !important; -webkit-transition:none !important; -moz-transition:none !important; -o-transition:none !important; transition:none !important;} */

    /* 리스트 */
    .list-wrap h3 {padding-bottom: 13px;}
    .list-wrap.full {padding-bottom: 100px;}
    .list-wrap.guide.half {float: none; position: relative; width: 100% !important; padding-top: 75px; padding-bottom: 75px; margin-left: 0 !important;}
    .list-wrap.guide.half::before {content: ''; display: inline-block; position: absolute; top: 0; left: -30px; width: calc(100% + 60px); height: 100%; background-color: #f7f7f7; z-index: -1;}
    .list-wrap.recommend.half {float: none; width: 100% !important; padding-top: 75px; margin-left: 0 !important;}
    .list-wrap.recommend h3 {padding-left: 0;}

    .item-list.type01 {margin: 0 auto;}
    .item-list.type01 ul {padding-top: 60px;}
    .item-list.type01 .title {font-size: 0.938rem;}
    .item-list.type02 li .title {height: 50px; line-height: 1.125rem; font-size: 0.938rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: pre-line; padding-top: 12px;}

    .item-list.type01.divide03 ul li {float: none; width: 100%; padding: 0;}
    .item-list.type01.divide03 ul li + li {margin-top: 50px;}
    .item-list.type02.divide02 ul li {padding: 0;}
    .item-list.type02.divide02 ul li:nth-child(odd) {padding-right: 1.6%;}
    .item-list.type02.divide02 ul li:nth-child(even) {padding-left: 1.6%;}
    .item-list.type02.divide02 ul li + li {margin-top: 50px;}
    .item-list.type02.divide02 ul li:nth-child(2) {margin-top: 0px;}
    .item-list.type02 .profile-wrap {padding-top: 11px;}
    .item-list.type02 .profile-wrap .thumb {width: 44px; height: 44px;}
    .item-list.type02 .profile-wrap .text-wrap {padding-top: 7px; padding-left: 11px;}
    .item-list.type02 .profile-wrap .text-wrap span {font-size: 0.75rem; line-height: 0.938rem;}
    .item-list.type02 .profile-wrap .text-wrap strong {font-size: 0.75rem; line-height: 0.938rem;}

    .category-area {padding-left: 0; overflow: visible;}

    .float-wrap {position: relative; margin-top: -65px}

    .thumnail-box {border-radius: 6px;}
    /* 정사각형 */
    .square.mobile {height: auto !important;}
    .square.mobile .thumnail-box {height: auto !important;}
    .square.mobile .thumnail-box::after{content: ''; display: block; padding-bottom: 100%;}

    #content h3.emphasis span::after {content: none;}

    .scroll-wrap .scroll-list::-webkit-scrollbar{display: none;}

     .float-wrap .float-card.large .slick-list {height: 100vh !important;}
    .float-wrap .float-card.large .slick-slide {height: 100% !important; padding-bottom: 0;}
    .float-wrap .float-card.large .slick-dots {bottom: auto; top: 83%; left: 50%; margin-left: 0;  -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
    .float-wrap .float-card.large .slick-dots li  {width: 8px; height: 8px; margin: 0 6px;}
    .float-wrap .float-card.large .slider-pause {display: none;}
    .float-wrap .float-card.large .img-box {display: block; width: 100%; top: 0; padding-left: 0;}
    .float-wrap .float-card.large .img-box img {top: 0; max-width: 534px; width: 100%; padding: 0; margin: 0 auto;}
    .float-wrap .float-card.large .thumnail-box {width: calc(100% + 60px); left: -30px; top: 65px;height: auto; margin-top: -8.667vw;}
    .float-wrap .float-card.large .thumnail-box .text-wrap {display: block; position: absolute; top: auto; bottom: 0; width: 100%; padding: 0; /* top: -24.286vw; */ margin-top: 0;}
    .float-wrap .float-card.large .thumnail-box dl {padding: 0 30px}
    .float-wrap .float-card.large .thumnail-box dl dt {font-size: 1.563rem; line-height: 2rem; text-align: center;}
    .float-wrap .float-card.large .thumnail-box dl dd {font-size: 0.875rem; line-height: 1.25rem; text-align: center; padding-top: 7px;}
/*    .float-wrap .float-card.large .thumnail-box .text-wrap dl dd br {display: block;}*/
    .float-wrap .float-card.large .thumnail-box .text-wrap dl dd br.for-web {display: none;}
    .float-wrap .float-card.large .thumnail-box .btn-area {text-align: center; padding-top: 12px;}
    .float-wrap .float-card.large .thumnail-box .btn-area .btn.x-small {width: 108px; height: 34px; line-height: 34px; border-radius: 20px;}
    .float-wrap .float-card.large .thumnail-box .btn-area .btn.x-small + .btn.x-small {margin-top: 0; margin-left: 10px;}

    .view-wrap .reply-area .text-wrap,
    .view-wrap .reply-area > h5, .view-wrap .reply-area > .user {font-size: 0.813rem;}
    .view-wrap .reply-area .text-wrap > * {font-size: 0.75rem;}

    .pagination {padding-top: 40px;}
    .post-prev, .post-next {width: auto;}

        /* 아카데미 */
    .academy .tab-box .tab {text-align: left;}
    .academy.info .content-header h2 {font-size: 1.563rem; text-align: left;}
    .academy.info .content-header .summary{text-align: left; padding-top: 24px;}
    .academy.info .content-primary {padding-bottom: 0;}
    .academy .type-wrap {padding-top: 55px;}
/*    .academy .type-wrap .hover-list  {width: calc(100% + 60px); margin-left: -30px; }*/
    .academy .type-wrap .hover-list li {width: 100%;}
    .academy .type-wrap .hover-list li > .btn.for-mobile {position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; z-index: 1;}
    .academy .type-wrap .hover-list li > .btn.for-mobile span {overflow:hidden;position:absolute;top:-1px;left:-1px;z-index:-1;width:1px;height:0px;font-size:0;line-height:0;white-space:nowrap;}
    .academy .type-wrap .hover-list li .thumnail-box {border-radius: 0;}
    .academy .type-wrap .hover-list li .thumnail-box::after {visibility: visible; opacity: 1;}
    .academy .type-wrap .hover-list li .thumnail-box img {float: none; width: 100%; height: auto;}
    .academy .type-wrap .hover-list li:hover .thumnail-box img {-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
    .academy .type-wrap .hover-list li .text-wrap {position: absolute; top: 50%; width: 100%; padding: 0 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
    .academy .type-wrap .hover-list li dl {position: relative; top:inherit; padding: 0 30px;}
    .academy .type-wrap .hover-list li dl dt {font-size: 1.563rem; line-height: 0.875rem; color: #fff;}
    .academy .type-wrap .hover-list li dl dd {font-size: 0.875rem; line-height: 1.375rem; color: #fff;}

    .academy .type-wrap .hover-list li .btn-area {visibility: visible; opacity: 1; position: relative; top: 0; padding-top: 8px;font-size: 1rem;line-height: 1.75rem;letter-spacing: -0.038rem;}
    .academy .type-wrap .hover-list li:hover .btn-area {visibility: visible; opacity: 1;}
    .academy .type-wrap .hover-list li .btn-view {background-image: url('../images/common/ico_next_hover_02.png'); background-size: 5px 9px; background-position: 100% 68%; font-size: 0.75rem; line-height: 1.375rem; letter-spacing: 0; padding-right: 10px;}
    .academy .type-wrap .hover-list li .btn-view::before {content: '자세히 보기'; display: inline-block;}
    .academy .type-wrap .hover-list li:hover .btn-view {color: #fff !important;}
    .pa-expert #content.academy {padding-top: 65px; padding-left: 0; padding-right: 0;}
    #content.academy.info {padding: 125px 0 0;}
    .academy .content-header {padding: 0 30px;}
    .academy .content-header h2,
    .academy .content-header p {text-align: left;}
/*    .academy .info-wrap .thumnail-box {border-radius: 0;}*/
    .academy .type-wrap .hover-list li {display: block;}
    .academy .type-wrap {padding-top: 60px;}
    .academy .type-wrap .hover-list {display: block; font-size: inherit;}
    .academy .type-wrap .hover-list li {position: relative; width: 100%; height: 375px;}
    .academy .type-wrap .hover-list li + li {margin-left: 0;}
    .academy .type-wrap .hover-list li .thumnail-box {height: 375px;}
    .academy .type-wrap .hover-list li .thumnail-box img {width: 100%; height: 100%; float: none;}
    .academy .type-wrap .hover-list li .thumnail-box::after {display: none;}
    .academy .type-wrap .hover-list li dl {top: 0; padding: 0;}
    .academy .type-wrap .hover-list li dl dt {font-size: 1.563rem; color: #fff; line-height: 1;}
    .academy .type-wrap .hover-list li dl dd {font-size: 0.875rem; color: #fff; line-height: 1; padding-top: 16px; line-height: 1.375rem;}
    .academy .type-wrap .hover-list li .btn-area.for-mobile {opacity: 1; top: unset; bottom: -22px; visibility: unset; padding-right: 0; line-height: 1;}
    .academy .type-wrap .hover-list li .btn-view {font-size: 0.75rem; line-height: 1;  background: url(../images/common/ico_next_mobile.png) 100% 100% no-repeat; background-size: 5px 9px;}
    .academy .info-wrap .summary {font-size: 0.875rem; line-height: 1.375rem;}
    .academy .info-wrap .aside {padding-top: 21px;}
    .academy .info-wrap .thumnail-box {margin-top: 37px;}
    .academy .clause-list .text-line dt {display: block; width: 100%; font-size: 0.875rem; padding-left: 0;}
    .academy .clause-list .text-line dd {display: block; width: 100% !important; padding-top: 0;word-break: break-all;}
    .academy .step-wrap h3 {padding-top: 75px; padding-bottom: 15px;}
    .academy.process .content-header {height: 207px; padding: 57px 30px 0;}
    .academy.process .content-header h2 {line-height: 1; font-size: 1.875rem;}
    .academy.process .content-header h2,
    .academy.process .content-header p {text-align: left;}
    .academy.process .content-header .summary {line-height: 1.375rem; padding-top:25px;}
    .academy.process .btn-area {padding-top: 55px;}
    .academy.process.indevide01 .content-header,
    .academy.process.indevide02 .content-header,
    .academy.process.indevide03 .content-header {background-image: url('../images/@thumb/thumb_academy_mo_indevide_750x414.jpg'); background-position: center center;}
    .academy.process.indevide01 .info-wrap .thumnail-box {background-image: url('../images/@thumb/thumb_academy_mo_indevide01_heartfit_630x630.jpg');}
    .academy.indevide01 .step-wrap.type03 h3 {margin-top: 70px;}
    .academy.indevide01 .step-wrap.type03 .step .thumnail-box {width: 34.933vw; height: 34.933vw;}
    .academy.indevide01 .step-wrap.type03 .step-list {margin-bottom: 75px;}
    .academy.indevide01 .step-wrap.type03 .step-list::before {left: -30px; top: -105px; width: calc(100% + 60px); height: calc(100% + 180px); margin-left: 0; margin-top: 0}
    .academy.indevide01 .step-wrap.type03 .step .thumnail-box .num {font-size: 1.063rem; padding-top: 7.813vw; padding-bottom: 2.604vw;}
    .academy.indevide01 .step-wrap.type03 .step .thumnail-box img {width: 11.068vw;}
    .academy.process.indevide02 .info-wrap .thumnail-box {background-image: url('../images/@thumb/thumb_academy_cpa_630x630.jpg');}
    .academy.process.indevide02 .info-wrap .thumnail-box img {padding-right: 0;}
    .academy .clause-list.type02 li + li {margin-top: 25px;}
    .academy .clause-list.type02 dl dd {width: 100%; text-align: left;}
    .academy .clause-list.type02 span.text-line::before {top: 10px;}
    .academy.process.master01 .content-header {background-image: url('../images/@thumb/thumb_academy_mo_master01_1920x400.jpg'); background-position: center right;}
    .academy.process.master01 .info-wrap .thumnail-box {background-image: url('../images/@thumb/thumb_academy_mo_specialist_630x630.jpg');}
    .academy.process.master01 .step-wrap.type02 .step > li:nth-child(1) .thumnail-box {background-image: url('../images/@thumb/thumb_academy_mo_master01_630x420.jpg');}
    .academy.process.master01 .step-wrap.type02 .step > li:nth-child(2) .thumnail-box {background-image: url('../images/@thumb/thumb_academy_mo_master01_630x420_02.jpg');}
    .academy.process.master01 .step-wrap.type02 .step > li:nth-child(3) .thumnail-box {background-image: url('../images/@thumb/thumb_academy_mo_master01_630x420_03.jpg');}

    /* 게시글 상세 */
    .contents.detail .title-wrap {padding: 0;}
    .contents.detail .announce-list {left: 0;}
    .evaluation.contents.detail .title-wrap {padding: 0;}
    .evaluation.contents.detail .announce-list {left: 0;}
    .pa-expert.full #content.contents.detail .content-primary {padding-right: 0; padding-left: 0; padding-bottom: 0;}
    .contents.detail .content-header {padding: 150px 30px 35px; height: 429px; background-image: url('../images/@thumb/thumb_contents_detail_1920x400_01_mo.jpg');}
    .contents.detail .title-wrap {width: 100%;}
    .contents.detail .content-header .sort {font-size: 0.75rem; line-height: 1;}
    .contents.detail .content-header h2 {line-height: 2.1rem; margin-top: 4px;}
    .contents.detail .announce-list > li > div.list-wrap .logo {width: 40px; height: 40px; padding: 0; display: block; margin-right: 7px;}
    .contents.detail .announce-list > li > div.list-wrap .logo img {width: 100%;}
    .contents.detail .announce-list > li > div.list-wrap .text-wrap .name {font-size: 0.813rem;}
    .contents.detail .announce-list > li > div.list-wrap .text-wrap .like {font-size: 0.813rem; margin-top: 0;}
    .contents.detail .announce-list > li > div.list-wrap .text-wrap .like::before {width: 13px; height: 11px; margin-top: -6px;}
    .contents.detail .title-wrap .date {left: 46px; bottom: 0;}
    .contents.detail .title-wrap .date dt {display: none;}
    .contents.detail .title-wrap .date dd {padding-left: 0; font-size: 0.813rem;}.full #content.contents.detail .content-primary {padding-right: 0; padding-left: 0; padding-bottom: 0;}
    .contents.detail .title-wrap .date {left: 46px; bottom: 0;}
    .contents.detail .title-wrap .date dt {display: none;}
    .contents.detail .title-wrap .date dd {padding-left: 0; font-size: 0.813rem;}

    .contents.detail .view-wrap .reply-area {padding: 20px 4px 20px 66px;}
    .contents.detail .view-wrap .reply-area > .user {top: 24px;}
    .contents.detail .view-wrap .reply-area .date {line-height: 1.425rem;}
    .contents.detail .pagination {padding-bottom: 40px;}
    .contents.detail .pagination + .post-page,
    .post-wrap .post-page {margin: 0; padding: 0; position: fixed; left: 0; bottom: 0; height: auto; background-color: #fff; padding: 29px 30px 0; width: 100%;}
    .post-wrap .post-page {padding-left: 30px !important; padding-right: 30px !important; }
    .post-page .btn-area .for-mobile {margin: 0 auto 35px; width: 87px; height: 40px; line-height: 40px;}
    .contents.detail .post-prev,
    .post-wrap .post-prev {display: block; float: none; padding-left: 21px;font-size: 0.875rem;margin-top: 4.533vw;line-height: 1;margin-left: 0;background: url(../images/common/ico_mb_next.png) 0 70% no-repeat;background-size: 10px 5px;max-width: 100%;padding-right: 0; margin-right: 16px;}
    .contents.detail .post-next,
    .post-wrap .post-next {display: block; float: none; padding-left: 21px;font-size: 0.875rem;margin-top: 21px;line-height: 1;margin-left: 0;background: url(../images/common/ico_mb_prev.png) 0 70% no-repeat;background-size: 10px 5px;max-width: 100%;padding-right: 0;}
    .post-next .btn.post {text-align: left;}
    .contents.detail .preview-wrap .info-area .section-wrap + .section-wrap {padding-top: 20px; margin-top: 20px;}
    .contents.detail .preview-wrap .info-area .text-box {line-height: 1.25rem; font-size: 0.875rem;}


    .resume .resume-field {margin-top: 68px;}
    #content.resume .resume-field h3 {font-size: 1rem; padding-bottom: 15px;}
    .resume .file-wrap .file-input {width: 100%;}
    .resume .resume-photo .file-wrap .file-input span{display: block; line-height: 1.625rem;}
    .resume .resume-photo .file-wrap .file-input span::before{top: auto;}
    .resume .resume-photo .radio-wrap {padding-left: 30px;}
    .resume .resume-photo .radio-wrap .radio{display: block;}
    .resume .resume-photo .radio-wrap .text {position: absolute; top: auto; bottom: -38px; left: 0; font-size: 0.812rem; color: #a3a3a3;}
    .resume .form-wrap fieldset {min-width: 100%;}
    .resume .form-wrap.aside .field {padding-left: 0; padding-top: 22px;}
    .resume .form-wrap .field.aside, .resume .bundle.addition {padding-right: 0 !important;}
    .resume .form-wrap.aside .field.aside .input-text {float: left; width: 62%;}
    .resume .form-wrap .field.aside .btn,
    .resume .bundle.addition .btn,
    .resume .add-field .btn {float: right; position: relative !important; top: auto !important; min-width: auto; width: 35% !important;}
    .resume .period .bundle,
    .resume .period.work .bundle.resign {width: 100%;}
    .resume .period.work .bundle.resign  {margin-top: 20px;}
    .resume .period,
    .resume .bundle{display: block;}
    .resume .bundle > div + div {margin-top: 15px;}
    .resume .period .bundle .input-date,
    .resume .period.work .bundle.join,
    .resume .period.work .bundle.resign .input-date{width: 52%;}
    .resume .period .bundle .select-wrap,
    .resume .period.work .bundle.resign .select-wrap{width: 48%;}
    .resume .major .bundle .select-wrap.left {width: 26%; vertical-align: top;}
    .resume .major .bundle .select-wrap.right {width: 36%; vertical-align: top; margin-top: 0;}
    .resume .major .sub-info {padding: 0 10px; text-indent: 0;}
    .resume .period .hyphen {display: none;}
    .resume .privilege .bundle > div {width: 100%;}
    .resume .address input + input {width: calc(100% + 61%)}
    .resume .delete-field {width: 30px; height: 29px; background-size: cover; margin-bottom: 0;}
    .resume .delete-field + .field {padding-top: 0 !important;}
    .resume .form-wrap.aside .btn-area.add-field {padding-top: 30px; padding-left: 0;}
    .resume .form-wrap.aside .btn-area.add-field .btn {width: 100% !important; height: 65px; line-height: 65px;}
    .resume .text-area textarea {height: 300px;}
    .resume .aside-wrap.stop {right: -30px !important; width: calc(100% + 60px);border-top: 0 none;}
    .sort-keyword .keyword .btn-delete{background: url('../images/common/ico_close_02_m.png') 50% 50% no-repeat;-webkit-background-size: 8px auto;background-size: 8px auto;}
    
    .pa-check .hover-list li,
    .evaluation .solution-wrap .hover-list li{width: 100%; height: auto; padding-top: 0;padding-bottom: 60px; margin: 0;}
    .pa-check .hover-list li:last-child,
	.evaluation .solution-wrap .hover-list li:last-child{padding-bottom: 0;}
    .pa-check .hover-list li .thumnail-box,
	.evaluation .solution-wrap .hover-list li .thumnail-box {width: 100%; height: auto; background-color: none; background-repeat: no-repeat; background-position: 0 0; background-size: cover;}
    
    .pa-check .hover-list li .thumnail-box .btn-box,
    .evaluation .solution-wrap .hover-list li .thumnail-box .btn-box {display: none;}
    .pa-check .hover-list li dl,
	.evaluation .solution-wrap .hover-list li dl{position: relative; top: 0; padding-top: 20px;}
    .pa-check .hover-list li dl dt,
    .evaluation .solution-wrap .hover-list li dl dt {opacity: 1; font-size: 1.125rem;}
    .pa-check .hover-list li dl dd,
	.evaluation .solution-wrap .hover-list li dl dd{opacity: 1; padding-top: 8px; font-size: 0.875rem; line-height: 1.375rem;}
    .pa-check .hover-list .btn-area .btn,
    .evaluation .solution-wrap .btn-area .btn {width: 115px; height: 40px; line-height: 40px; border-radius: 20px;}
}

@media only screen and (max-width: 400px){
    .float-wrap .float-card.large .thumnail-box .text-wrap dl dd br.for-respon {display: none;}
}

@media only screen and (max-width: 400px){
	.table-list.type02.count02 li .date01 {padding-bottom: 0;}
    .table-list.type02.count02 li .date02::before {margin: 0 3px 0 0;}
    .table-list.type02.count02 li .manage {top: 18%;}

    .table-list.type02 li > .text-br {font-size: 0.55rem;}
}

@media only screen and (max-width: 340px){
    input::placeholder {text-indent: 8px;}
    .select-wrap select {padding: 0 8px;}
    .btn.medium {width: 100%;}
    fieldset {min-width: 0;}
    .float-wrap .float-card.large .thumnail-box dl {padding: 0;}
/*    .float-wrap .float-card.large .thumnail-box .text-wrap {top: calc(-24.286vw - 45px);}*/
    .item-list.type02 .profile-wrap .text-wrap {padding-left: 4px;}
    .item-list.type02 .profile-wrap .text-wrap span,
    .item-list.type02 .profile-wrap .text-wrap strong {font-size: 0.65rem;}
    .resume .resume-photo .radio-wrap {padding-left: 10px;}
    .resume .resume-photo .radio-wrap .radio label {margin-right: 0;}
    .resume .resume-photo .radio-wrap .text {line-height: 1rem;}

}


/* 20210414 이벤트페이지 css 추가 작업자: 김준엽 */
.pa-center .event.detail.addOrder .content-header h2 {font-size: 2.675rem;}
.pa-center .event.detail.addOrder .view-wrap{text-align: center; padding-left:50px;padding-right: 50px; padding-top: 0;}
.event.detail.addOrder .youtube-video {padding-top: 38px; font-size: 0;}
.event.detail.addOrder .youtube-video + a{margin-top: 38px; width: 606px}
.event.detail.addOrder .form-wrap {text-align: center; margin-top: 35px; padding-top: 40px;}
.event.detail.addOrder .form-wrap .text-wrap p{font-size: 1.425rem; font-weight: bold;}
.event.detail.addOrder .form-wrap .down-wrap {margin-top: 38px;}
.event.detail.addOrder .form-wrap .btn-area {padding-top: 20px;}
.event.detail.addOrder .form-wrap .btn-area button { margin-left: 10px; width: 600px; max-width: 90%; margin-top: 10px; padding-left: 30px; padding-right: 30px; font-size: 1.325rem}
.event.detail.addOrder .text-area {padding: 30px 230px 0;}
.event.detail.addOrder .text-area .content-p{ font-size: 14px; background-color: #e5e6e4; padding: 16px;}
.event.detail.addOrder #joinArea {margin-top: 45px;}
.event.detail.addOrder .flex-field-wrap {padding-top: 20px; display: flex;}
.event.detail.addOrder .flex-field {flex:1}
.event.detail.addOrder .flex-field h1 { color: #fff; font-size: 1.265rem; background-color: #999; max-width: 74%; padding: 4px; margin: 0 auto; border-radius: 10px;}
.event.detail.addOrder .form-wrap .checkbox-wrap .checkbox {text-align: left; padding-left: 40px;}
.event.detail.addOrder .form-wrap .checkbox-wrap .checkbox label {font-size: 1rem; color: #000;}
.event.detail.addOrder .small-txt{ margin-top: 20px; text-align: left; color: #777; font-size: 0.825rem; padding-left: 8px;}
.event.detail.addOrder .btn-area .submit {border-radius: 40px;}
#joinArea.hide {display: none;}
.input-text input.phone-number{width: 33%;}
.flex-field-wrap .checkbox-wrap{margin-left: 70px;}
@media only screen and (max-width: 768px){
    .pa-center .event.detail.addOrder .view-wrap{padding : 0;}
    .event.detail.addOrder .form-wrap .text-wrap p{font-size: 1.125rem;}
    .event.detail.addOrder .form-wrap .down-wrap {margin-top: 18px;}
    .event.detail.addOrder .form-wrap .btn-area button {font-size: 1rem}
    .event.detail.addOrder .youtube-video + a {width: 100%}
    .event.detail.addOrder .form-wrap {padding-top: 20px; margin-top: 20px; }
    .event.detail.addOrder .text-area {padding: 30px 20px 0;}
    .down-wrap a + a button{margin-top: 15px;}
    .event.detail.addOrder #joinArea .form-wrap{padding-top: 0;}
    .input-text input.phone-number{width: 32%;}
    .event.detail.addOrder .form-wrap .checkbox-wrap .checkbox {padding-left: 20px;}
    .event.detail.addOrder .form-wrap .checkbox-wrap .checkbox label,
    .event.detail.addOrder .small-txt{font-size: 0.675rem;}
    .flex-field-wrap .checkbox-wrap{margin-top: 0; margin-left: 18px; max-width: 74%;}
}