@charset "utf-8";
/*───────────────────────────────────────────────────────────
" board｜errors｜goods｜service｜layout/board｜layout/display｜layout/goods "
" layout/popup.html "
위 폴더 및 페이지 커스텀 및 layout, navigation, button, company 관련 편집 css 파일 입니다.
** header, footer, main 관련은 /css/skin.css 에 있습니다.
───────────────────────────────────────────────────────────*/
/*───────────────────────────────────────────────────────────
common.css 커스텀 css 아래에 작성
───────────────────────────────────────────────────────────*/
/*───────────────────────────────────────────────────────────
common
───────────────────────────────────────────────────────────*/
/*** 일반 ***/
#wrap {position:relative;height:100%;width:100%;margin:0;padding:0;} /* #header 와 #container, #footer 전체 감싸는 영역 */
#wrap #header {margin:0;padding:0;}
#wrap #container {width:100%;margin:0;padding:0;overflow:hidden;}
#wrap #footer {width:100%;margin:0;}
/* #container 안의 레이아웃 */
#contents_wrap {width:1200px;margin:0 auto;padding:73px 0 7.2% 0;position:relative;z-index:1;box-sizing:border-box;} /* #container 안의 컨텐츠 감싸는 영역 */
.company_index #contents_wrap {width:100%;padding-left:0 !important;padding-right:0 !important;padding-bottom:0 !important;}
#contents_wrap #contents_box{padding:4% 0 6.4%;}
/* navigation layout */
#contents_wrap .nav_wrap {box-sizing:border-box;}
.sub_member #contents_wrap .nav_wrap {padding-bottom:30px;} /* member 서브페이지 상단 여백 */
/* #content */
#content {width:100%;margin:0;padding:0;text-align:left;box-sizing:border-box;} /* navigation 을 제외한 컨텐츠 */
#content .sub_content{width:100%;margin:0 auto;background:#fff;box-sizing:border-box;}
#content .sub_content:after {clear:both;content:"";display:block;}
/* 컨텐츠 전체 가로 사이즈 */
.w_custom {position:relative; width:1440px;text-align:left;margin:0 auto;box-sizing:border-box; z-index:2;}
.w_custom2 {width:calc(100% - 200px);box-sizing:border-box;margin:0 auto;}
/* font 관련 */
body {}/*letter-spacing:-0.2px;*/
div, dd, li, p, span, td, dt, h1, h2, h3, h4, h5, h6, strong, b, em, th {}
b, dt, strong, em, th, h1, h2, h3, h4, h5, h6 {font-weight:700;}/* Noto Sans KR은 500 사용 */
input, button, textarea, select {}
/* webfont */
.ff_open {font-family:'Open Sans', 'Nanum Gothic', sans-serif !important;}
.ff_noto {font-family:"Noto Sans KR", 'Nanum Gothic', sans-serif !important;}
.ff_mont {font-family:'Montserrat', 'Nanum Gothic', sans-serif !important;}
.ff_nanum {font-family:'Lato','Nanum Gothic', dotum, sans-serif !important;}
.ff_lato {font-family:'Lato', 'Nanum Gothic', sans-serif !important;}
.ff_nbg {font-family:'Nanum Barun Gothic','Nanum Gothic', sans-serif !important;}
.ff_open, .ff_open a, .ff_open span, .ff_open div, .ff_open ul, .ff_open li, .ff_open p {font-family:'Open Sans' !important;}
.ff_noto, .ff_noto a, .ff_noto span, .ff_noto div, .ff_noto ul, .ff_noto li, .ff_noto p {font-family:'Noto Sans KR', 'Noto Sans' !important;font-weight:400;}
/* font weight */
.fw_t {font-weight:300;}
.fw_n {font-weight:400;}
.fw_b {font-weight:700;}/* Noto Sans KR은 500 사용 */
.fw_eb {font-weight:800;}/* Noto Sans KR은 700 사용 */
@media only screen and (max-width:1500px) {
.w_custom{width:100%;padding-left:30px !important;padding-right:30px !important;}
}
@media only screen and (max-width:1217px) {
body.on {height:100%;overflow:hidden;}
#contents_wrap {width:100%;padding-left:15px !important;padding-right:15px !important;padding-top:50px;}
.w_custom2 {width:100%;padding-left:15px !important;padding-right:15px !important;}
}
@media only screen and (max-width:1024px) {
#contents_wrap #side_box {padding:85px 0 0 0;}
#contents_wrap #contents_box {padding:8% 0 6.4% 0;}
}
@media only screen and (max-width:860px) {
/* navigation layout */
.sub_member #contents_wrap .nav_wrap {padding-bottom:0px;} /* member 서브페이지 상단 여백 */
#contents_wrap #side_box {padding:85px 0 0 0;}
#contents_wrap #contents_box {padding: 9% 0 6.4% 0;}
}
@media only screen and (max-width:767px) {
/*.w_custom {padding-left:4% !important;padding-right:4% !important;}*/
#contents_wrap #side_box {display:none;}
.sub_goods #contents_wrap #side_box {display:block;padding:0;}
}
@media only screen and (max-width:640px) {
.w_custom{padding-right:15px !important;padding-left:15px !important;}
#contents_wrap {width:100%;padding-top:40px;}
#contents_wrap #contents_box {padding: 8% 0 10.4% 0;}
}
@media only screen and (max-width:479px) {
}
@media only screen and (max-width:320px) {
.w_custom,
.w_custom2 {padding-left:10px !important;padding-right:10px !important;}
}
/*───────────────────────────────────────────────────────────
button common
───────────────────────────────────────────────────────────*/
/*** 일반 ***/
/* button 공통 요소 */
.btn, .btn_xs, .btn_lg, .btn_sm, .btn_md {font-weight:400;border-style:solid !important;border-width:1px !important;padding:0;margin:0;text-indent:0;vertical-align:top !important;text-align:center;display:inline-block;box-sizing:border-box;cursor:pointer;box-shadow:none;outline:0 !important;transition:all .2s;}
/* button 크기별 */
.btn_xs {width:auto;height:40px;line-height:40px;font-size:13px;padding:0 1em;font-weight:500;background:#aaa;border:1px solid #aaa;color:#fff;} /* 테이블 내부 버튼 */
.btn_sm {width:75px;height:50px;line-height:50px;font-size:16px;}
.btn_md {width: 160px;height: 60px;line-height: 60px;font-size: 20px;border-radius:5px;}
.btn_lg {width:140px;height:50px;line-height:50px;font-size:18px;}
.sub_board_list .btn_md {height: 60px;line-height: 58px;}
/* button 색상별 */
.btn_point, .btn_point:hover {border-color:#05243a !important;background-color:#05243a !important;color:#fff !important;}
.btn_line, .btn_line:hover {background-color:#fff !important;color:#555 !important;}
.btn_line {border-color:#aaa !important;}
.btn_line:hover {border-color:#333 !important;}
.btn_basic, .btn_basic:hover {border-color:#444 !important;background-color:#444 !important;color:#fff !important;}
.btn_info, .btn_info:hover {border-color:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;}
.btn_reset, .btn_reset:hover {border-color:#d3d3d3 !important;background:#fff url('../images/common/icon_btn_reset.gif') no-repeat 9px 50% !important;padding:0 10px 0 30px !important;color:#555 !important;}
/* button wrapper */
.btn_wrap {margin:0 auto;padding:0;padding-top:4.2%;font-size:0;vertical-align:top;display:inline-block;}
.btn_wrap.ta_center {width:100%;}
.btn_wrap a + a,
.btn_wrap button + button,
.btn_wrap a + button,
.btn_wrap button + a {margin-left:20px;vertical-align:top;}
.btn_wrap .btn_sm + .btn_sm {margin-left:10px;}
.btn_wrap button > a,
.btn_wrap a > a{margin-left:0;}
.view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}
.btn_inquiry {width:600px;height:80px;line-height:80px;font-size:22px;font-weight:600;}
@media only screen and (max-width:1200px) {
/* button wrapper */
.btn_wrap {padding-top:3.8%;}
}
@media only screen and (max-width:1024px) {
/* button 크기별 */
.btn_sm {width:70px;height:45px;line-height:45px;font-size:15px;}
.btn_md {width:110px;height: 50px;line-height: 50px;font-size: 17px;}
.btn_lg {width:130px;height:45px;line-height:45px;font-size:17px;}
.sub_board_list .btn_md {height:40px;line-height:40px;}
.btn_inquiry {height:70px;line-height:70px;width:400px;font-size:20px;}
/* button wrapper */
.btn_wrap {padding-top:4.2%;}
.view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}
}
@media only screen and (max-width:860px) {
.btn_xs {height:35px;line-height:35px;font-size:12px;padding:0 0.8em;} /* 테이블 내부 버튼 */
}
@media only screen and (max-width:767px) {
/* button wrapper */
.btn_wrap {}
}
@media only screen and (max-width:640px) {
/* button 크기별 */
.btn_sm {width:65px;height:40px;line-height:40px;font-size:13px;}
.btn_md {width: 110px;height: 50px;line-height: 50px;/* font-size: 15px; */}
.btn_lg {width:100px;height:40px;line-height:40px;font-size:15px;}
.btn_inquiry {height:60px;line-height:60px;width:300px;font-size:18px;}
/* button wrapper */
.btn_wrap {padding-top:5%;}
.btn_wrap a + a,
.btn_wrap button + button,
.btn_wrap a + button,
.btn_wrap button + a {margin-left:12px;}
.view_btn .paging + .btn_wrap.ta_right {top:-10px;}
}
@media only screen and (max-width:479px) {
/* button 크기별 */
.btn_sm {width:50px;height:35px;line-height:35px;;}
.btn_md {/* width:90px; *//* height:35px; *//* line-height:35px; */}
.btn_lg {width:90px;height:35px;line-height:35px;font-size:14px;}
.sub_board_list .btn_md {height:35px;line-height:35px;}
.btn_inquiry {height:50px;line-height:50px;width:100%;font-size:16px;}
.sub_inquiry .btn_wrap button {display:block;width:100%;}
.sub_inquiry .btn_inquiry {}
/* button wrapper */
.btn_wrap {padding-top:8%;}
.btn_wrap .btn_sm + .btn_sm,
.btn_wrap a + a,
.btn_wrap button + button,
.btn_wrap a + button,
.btn_wrap button + a {margin-left:6px;}
.view_btn .paging {width:100%;min-height:87px;}
}
@media only screen and (max-width:400px) {
.view_btn .paging + .btn_wrap.ta_right {top:40px;}
}
@media only screen and (max-width:320px) {
}
.sub_inquiry #contents_wrap{width:100%;padding-top:0 !important;padding-left:0 !important;padding-right:0 !important;}
.sub_inquiry #contents_wrap #contents_box{padding-bottom:0;}
.sub_inquiry .nav_wrap .nav_box {padding-bottom:60px;}
.contactcs_wrap {padding:80px 0;margin-bottom:80px;background:#f5f8fc;}
.contactcs_wrap ul {display:flex;}
.contactcs_wrap ul li {width:calc(33.333% - 10px);padding:25px 30px;background:#fff;border-radius: 20px;box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.05);display:flex;box-sizing:border-box;}
.contactcs_wrap ul li + li {margin-left:15px;}
.contactcs_wrap ul li .icon {width:50px;height:50px;}
.contactcs_wrap ul li .icon img {width:100%;}
.contactcs_wrap ul li dl {padding-left:20px;width:calc(100% - 50px);box-sizing:border-box;}
.contactcs_wrap ul li dl dt {font-size:22px;line-height:50px;font-weight:700;color:#111;}
.contactcs_wrap ul li dl dd {font-size:18px;font-weight:300;color:#333;}
.contactcs_wrap ul li dl dd a {font-size:inherit;font-weight:inherit;color:inherit;}
@media only screen and (max-width:1500px) {
.contactcs_wrap {padding:5.3% 0;margin-bottom:5.3%;}
}
@media only screen and (max-width:1024px) {
.contactcs_wrap {padding:7.3% 0;margin-bottom:7.3%;}
.contactcs_wrap ul li dl dt {font-size:21px;}
}
@media only screen and (max-width:900px) {
.contactcs_wrap ul {flex-wrap: wrap;flex-direction: row;}
.contactcs_wrap ul li {width:calc(50% - 7.5px);}
.contactcs_wrap ul li:last-of-type {width:100%;margin-top:15px;margin-left:0;}
}
@media only screen and (max-width:860px) {
.contactcs_wrap {padding:9.3% 0;margin-bottom:9.3%;}
.contactcs_wrap ul li .icon {width:45px;}
.contactcs_wrap ul li dl {width:calc(100% - 45px);}
.contactcs_wrap ul li dl dt {font-size:18px;height:45px;line-height:45px;}
.contactcs_wrap ul li dl dd {font-size:15px;}
}
@media only screen and (max-width:640px) {
.contactcs_wrap {padding:12% 0;margin-bottom:12%;}
.contactcs_wrap ul li {padding:20px;}
.contactcs_wrap ul li .icon {width:40px;}
.contactcs_wrap ul li dl {width:calc(100% - 40px);}
.contactcs_wrap ul li dl dt {font-size:16px;height:40px;line-height:40px;}
.contactcs_wrap ul li dl dd {font-size:14px;}
}
@media only screen and (max-width:530px) {
.contactcs_wrap ul li {width:100%;}
.contactcs_wrap ul li + li {margin-top:15px;margin-left:0;}
}
/*───────────────────────────────────────────────────────────
TABLE | 서브페이지 전체 사용 ( board / member / layout )
───────────────────────────────────────────────────────────*/
/*** 일반 ***/
/* bbs 공통 */
.bbs_title_box {overflow:hidden;margin-bottom:10px;}
.bbs_title_box .btn_right {float:right;}
.bbs_title_box .btn_right + .btn_right {margin-right:5px;}
/* 게시판 소타이틀 */
.bbs_write_title {font-size:16px;color:#222;font-weight:700;padding-bottom:1.2%;}
.bbs_write + .bbs_write_title {padding-top:1.8%;}
/* 게시판 설명글 */
.bbs_write_info {font-size:14px;line-height:20px;padding-top:2.4%;color:#666;}
.bbs_write_info strong {font-size:inherit;color:#222;font-weight:700;}
/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
table.bbs_write {table-layout:fixed;width:100%;border-top:1px solid #333;border-bottom:1px solid #ddd;text-align:left;box-sizing:border-box;}
table.bbs_write th,
table.bbs_write td {font-size:13px;padding-top:10px;padding-bottom:10px;padding-left:40px;padding-right:40px;font-weight:300;color:#888;text-align:left;vertical-align:middle;box-sizing:border-box;}
table.bbs_write th {padding-left:30px;padding-right:30px;font-size:16px;font-weight:400;color:#444;line-height:40px;}
table.bbs_write td {}
table.bbs_write tr:nth-of-type(1) th,
table.bbs_write tr:nth-of-type(1) td {padding-top:20px;}
table.bbs_write tr:last-of-type th,
table.bbs_write tr:last-of-type td {}
table.bbs_write .line th,
table.bbs_write .line td {border-top:1px solid #ddd;}
table.bbs_write tr td .file_box {line-height:30px;}
table.bbs_write tr td .file_box + .file_box {margin-top:10px;}
table.bbs_write tr td .file_box input {vertical-align:middle;}
table.bbs_write th,
table.bbs_write td,
table.bbs_write th a,
table.bbs_write td a,
table.bbs_write td label,
table.bbs_write td select,
table.bbs_write td input[type="text"],
table.bbs_write td input[type="password"],
table.bbs_write td input[type="number"],
table.bbs_write td input[type="date"],
table.bbs_write td input[name="title"],
table.bbs_write td textarea,
table.bbs_list th,
table.bbs_list td,
table.bbs_list th a,
table.bbs_list td a {word-break:break-all;}
table.bbs_write th,
table.bbs_write td,
table.bbs_write tr span,
table.bbs_write tr input,
table.bbs_write tr select {vertical-align:top;}
table.bbs_write tr span,
table.bbs_write tr input,
table.bbs_write tr select,
table.bbs_write tr textarea,
table.bbs_write tr label {font-size:inherit;font-weight:400;}
table.bbs_write tr .filezone a {margin-left:5px;}
table.bbs_write tr select {background-position:95%;}
table.bbs_write tr label.ex_radio {width:100%;display:block;}
table.bbs_write tr input[type="radio"] + label.ex_radio:before,
table.bbs_write tr input[type="radio"] + label.ex_radio::before {margin:-2px 5px 0 0;}
table.bbs_write tr td #captcha_box {display:inline-block;vertical-align:middle;}
table.bbs_write tr td input[name="captcha"] {min-width:180px;height:40px;line-height:40px;margin:0 8px;}
table.bbs_write tr td input[name="captcha"],
table.bbs_write tr td .btn_reset,
table.bbs_write tr td #refreshCode {vertical-align:middle !important;}
table.bbs_write tr td .btn_reset {width:40px;height:40px;border:1px solid #aaa !important;padding:0 !important;background-position:center !important;font-size:0;margin-left:0;}
table.bbs_write th .require_dot,
table.bbs_write th .require_dot:before {line-height:inherit;height:inherit;color:#444;font-weight:400;display:inline-block;}
table.bbs_write th .require_dot {padding-left:4px;}
table.bbs_write th .require_dot:before {content:' *';font-size:inherit;vertical-align:middle;}
table.bbs_write td p {line-height:20px;padding:5px 0 0;font-size:inherit;display:inline-block;margin:0;vertical-align:top;}
table.bbs_write td div.view_cont {padding:8px 10px 50px 10px;line-height:26px;min-height:150px;}
table.bbs_write td select,
table.bbs_write td input[type="text"],
table.bbs_write td input[type="password"],
table.bbs_write td input[type="number"],
table.bbs_write td input[type="date"] {min-width:35%;}
table.bbs_write td input[name="title"] {width:100%;}
table.bbs_write td input[name="zip"] {width:80px;min-width:70px;}
table.bbs_write td input[name="address"],
table.bbs_write td input[name="address2"] {width:55%;min-width:450px;}
table.bbs_write td select:focus,
table.bbs_write td input:focus {border-color:#333;color:#444;transition:all .2s;}
table.bbs_write td input.tel {min-width:50px;}
table.bbs_write td textarea {min-width:100%;height:200px;}
table.bbs_write td select.mail_select {margin-left:0px;}
table.bbs_write td select.mail_select + .mail_select {margin-left:5px;}
table.bbs_write td input[name="email_id"] {width:16%;min-width:120px;}
table.bbs_write td input[name="email_domain"],
table.bbs_write td select.mail_select {width:20%;min-width:140px;}
table.bbs_write td input[name="email_domain"] {display:inline-block !important;}
table.bbs_write .input_file {}
table.bbs_write .input_file td,
table.bbs_write .input_file td input {vertical-align:middle;}
table.bbs_write td .file_name {display:inline-block;vertical-align:top;}
table.bbs_write td .file_name a {display:inline-block;vertical-align:middle;line-height:23px;}
table.bbs_write td .file_name .file_no {margin-left:5px;}
table.bbs_write td .at {display:inline-block;vertical-align:middle;margin: 10px 0 0 3px;}
table.bbs_write .input_email input {display:inline-block !important;}
table.bbs_write .btn_xs {margin-left:5px;}
table.bbs_write.captcha {}
table.bbs_write.captcha th {text-align:center;}
table.bbs_write.captcha th #captcha_box {}
table.bbs_write.captcha th #captcha_box img {width:100% !important;height:auto !important;}
table.bbs_write.captcha td {line-height:40px;vertical-align:middle;}
table.bbs_write.captcha td input,
table.bbs_write.captcha td span,
table.bbs_write.captcha td button {vertical-align:middle !important;}
div.board_write_wrap {border-top:2px solid #000;padding-top:40px;}
div.bbs_write {width:100%;text-align:left;box-sizing:border-box;}
div.bbs_write:last-of-type {padding-bottom:45px;}
div.bbs_write.bbs_title{border-top: 0;}
div.bbs_write.bbs_bottom{border-bottom: 0;}
div.bbs_write .tr {}
div.bbs_write .tr > dl {display:table;table-layout:fixed;width:100%;}
div.bbs_write .tr > dl dt,
div.bbs_write .tr > dl dd {display:table-cell;vertical-align:middle;}
div.bbs_write .tr > dl dt {width:16%;}
div.bbs_write .tr > dl dt span {font-size:inherit;font-weight:inherit;color:#05243a;}
div.bbs_write .tr > dl dd {width:84%;}
div.bbs_write .th,
div.bbs_write .td {font-size: 18px;padding-top: 15px;padding-bottom: 15px;padding-left:40px;padding-right:40px;font-weight:300;color:#888;text-align:left;vertical-align:middle;box-sizing:border-box;}
div.bbs_write .th {padding-left: 50px;padding-right:30px;font-size: 20px;font-weight: 400;color: #111;line-height: 58px;letter-spacing: -0.03em;}
div.bbs_write .td {padding-left: 30px;}
div.bbs_write .line .th,
div.bbs_write .line .td {border-top:1px solid #ddd;}
div.bbs_write .tr:nth-of-type(1) th,
div.bbs_write .tr:nth-of-type(1) td {padding-top:20px;}
div.bbs_write .tr:last-of-type th,
div.bbs_write .tr:last-of-type td {}
div.bbs_write .tr .td .file_box {line-height:30px;}
div.bbs_write .tr .td .file_box + .file_box {margin-top:10px;}
div.bbs_write .tr .td .file_box input {vertical-align:middle;}
div.bbs_write .th,
div.bbs_write .td,
div.bbs_write .th a,
div.bbs_write .td a,
div.bbs_write .td label,
div.bbs_write .td select,
div.bbs_write .td input[type="text"],
div.bbs_write .td input[type="password"],
div.bbs_write .td input[type="number"],
div.bbs_write .td input[type="date"],
div.bbs_write .td input[name="title"],
div.bbs_write .td textarea {word-break:break-all;}
div.bbs_write .th,
div.bbs_write .td,
div.bbs_write .tr span,
div.bbs_write .tr input,
div.bbs_write .tr select {vertical-align:top;}
div.bbs_write .tr span,
div.bbs_write .tr input,
div.bbs_write .tr select,
div.bbs_write .tr textarea,
div.bbs_write .tr label {font-size:inherit;font-weight:400;}
div.bbs_write .tr .filezone a {margin-left:5px;}
div.bbs_write .tr select {background-position:95%;}
div.bbs_write .tr label.ex_radio {width:100%;display:block;}
div.bbs_write .tr input[type="radio"] + label.ex_radio:before,
div.bbs_write .tr input[type="radio"] + label.ex_radio::before {margin:-2px 5px 0 0;}
div.bbs_write .tr .td #captcha_box {display:inline-block;vertical-align:middle;height: 60px;}
div.bbs_write .tr .td #captcha_box img {width:auto !important;height:100% !important;}
div.bbs_write .tr .td input[name="captcha"] {min-width:180px;height:40px;line-height:40px;margin:0 8px;}
div.bbs_write .tr .td input[name="captcha"],
div.bbs_write .tr .td .btn_reset,
div.bbs_write .tr .td #refreshCode {vertical-align:middle !important;height: 60px;line-height: 58px;}
div.bbs_write .tr .td .btn_reset {width: 60px;height: 60px;border: 1px solid #333 !important;padding:0 !important;background-position:center !important;font-size:0;margin-left:0;border-radius: 5px;background: url('../images/sub/icon-btn-reset.png') no-repeat center !important;}
div.bbs_write .th .require_dot,
div.bbs_write .th .require_dot:before {line-height:inherit;height:inherit;color:#444;font-weight:400;display:inline-block;}
div.bbs_write .th .require_dot {padding-left:4px;}
div.bbs_write .th .require_dot:before {content:' *';font-size:inherit;vertical-align:middle;}
div.bbs_write .td p {line-height:20px;padding:5px 0 0;font-size:inherit;display:inline-block;margin:0;vertical-align:top;}
div.bbs_write .td div.view_cont {padding:8px 10px 50px 10px;line-height:26px;min-height:150px;}
div.bbs_write .td select,
div.bbs_write .td input[type="text"],
div.bbs_write .td input[type="password"],
div.bbs_write .td input[type="number"],
div.bbs_write .td input[type="date"] {min-width: 35%;height: 60px;line-height: 58px;border-radius: 5px;padding: 0 24px;box-sizing: border-box;}
div.bbs_write .td input[name="title"] {width:35%;}
div.bbs_write .td input[name="zip"] {width:80px;min-width:70px;}
div.bbs_write .td input[name="address"],
div.bbs_write .td input[name="address2"] {width:55%;min-width:450px;}
div.bbs_write .td select:focus,
div.bbs_write .td input:focus {border-color:#333;color:#444;transition:all .2s;}
div.bbs_write .td input.tel {min-width:50px;}
div.bbs_write .td textarea {min-width:100%;height:200px;}
div.bbs_write .td textarea:focus{outline:none;}
div.bbs_write .td select.mail_select {margin-left:0px;}
div.bbs_write .td select.mail_select + .mail_select {margin-left:5px;}
div.bbs_write .td input[name="email_id"] {width:16%;min-width:120px;}
div.bbs_write .td input[name="email_domain"],
div.bbs_write .td select.mail_select {width:20%;min-width:140px;}
div.bbs_write .td input[name="email_domain"] {display:inline-block !important;}
div.bbs_write .input_file {}
div.bbs_write .input_file td,
div.bbs_write .input_file td input {vertical-align:middle;}
div.bbs_write .td .file_name {display:inline-block;vertical-align:top;}
div.bbs_write .td .file_name a {display:inline-block;vertical-align:middle;line-height:23px;}
div.bbs_write .td .file_name .file_no {margin-left:5px;}
div.bbs_write .td .at {display:inline-block;vertical-align:middle;margin:0 0 0 3px;}
div.bbs_write .input_email input {display:inline-block !important;}
div.bbs_write .btn_xs {margin-left:5px;}
div.bbs_write.captcha {}
div.bbs_write.captcha th {text-align:center;}
div.bbs_write.captcha th #captcha_box {}
div.bbs_write.captcha th #captcha_box img {width:100% !important;height:auto !important;}
div.bbs_write.captcha td {line-height:40px;vertical-align:middle;}
div.bbs_write.captcha td input,
div.bbs_write.captcha td span,
div.bbs_write.captcha td button {vertical-align:middle !important;}
/*** TABLE view ( board/board_view ) ***/
.bbs_view {text-align:left;position:relative;z-index:1;margin-top:50px;}
/* 제목.작성자.작성일 */
.bbs_view div.view_tit {padding: 0 0 30px;border-bottom: 1px solid #000;border-top: 0;margin:0 auto;width:100%;box-sizing:border-box;text-align:left;vertical-align:top;font-size:0;}
.bbs_view div.view_tit:after {clear:both;content:"";display:block;}
.bbs_view div.view_tit > h3,
.bbs_view div.view_tit > p {margin:0;padding:0;display: block;box-sizing:border-box;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;font-size:0;}
.bbs_view div.view_tit > p span {display:inline-block;vertical-align:middle;color:#888;font-size:inherit;line-height:1.8;}
.bbs_view div.view_tit > p span + span {}
.bbs_view div.view_tit > p span + span:before {content:'';display:inline-block;vertical-align:middle;background:#ccc;width:0px;height:12px;margin:0 13px;}
.bbs_view div.view_tit > h3 {font-size: 36px;line-height:1.588;width: 100%;color:#222222;font-weight: 600;text-align:left;}
.bbs_view div.view_tit > p {font-size: 18px;width: 100%;line-height:inherit;color: #888;text-align: left;font-weight: 300;}
.bbs_view div.view_tit > p strong {font-size:inherit;font-weight:500;margin-right: 3px;}
/* 모바일.메일 */
.bbs_view div.view_etc {padding:1.2% 30px;border-bottom:1px solid #bbbbbb;margin:0 auto;width:100%;box-sizing:border-box;text-align:left;vertical-align:top;font-size:0;}
.bbs_view div.view_etc:after {clear:both;content:"";display:block;}
.bbs_view div.view_etc span {line-height:20px;margin:0;padding:0;display:inline-block;box-sizing:border-box;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;}
.bbs_view div.view_etc span + span {margin-left:60px;}
.bbs_view div.view_etc span em {padding:0 10px 0 0;color:#222;font-weight:700;font-size:inherit;line-height:inherit;display:inline-block;vertical-align:middle;}
.bbs_view div.view_etc span em:after {width:1px;height:10px;margin:0;margin-left:10px;background:#ccc;vertical-align:middle;content:"";display:inline-block;}
/* 내용 */
.bbs_view div.view_cont {padding: 60px 23px 80px;font-size: 18px;line-height:25px;min-height:300px;border-bottom: 1px solid #ddd;margin:0 auto;width:100%;box-sizing:border-box;text-align: center;vertical-align:top;word-break:break-all;color: #888;}
.bbs_view div.view_cont .thumb_img_wrap {padding-bottom:1.2%;text-align:center;}
.bbs_view div.view_cont .thumb_img_wrap img {margin:0 auto;}
.bbs_view div.view_cont .thumb_img_wrap img + img {margin-top:12px;}
/* 비디오 */
.bbs_view div.view_cont .view_video {position:relative;width:100%;height:0;padding-top:56.25%;}
.bbs_view div.view_cont .view_video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
/* 첨부파일 */
.bbs_view h4 {border-bottom:1px solid #bbbbbb;padding:17px 30px;font-size:15px;font-weight:500;color:#666666;}
.bbs_view h4.thumb_wrap {padding-bottom:7px;}
.bbs_view h4 span {display:inline-block;color:#444;font-weight:600;padding-right:0;margin-right:0;}
.bbs_view h4 span:after {display:inline-block;width:1px;height:10px;background:#d3d3d3;vertical-align:middle;margin:0 15px;padding:0;content:"";}
.bbs_view h4 a {display:inline-block;}
.bbs_view h4 a + a {margin-left:20px;}
/* 답변 내용 */
.bbs_view + .bbs_view {margin-top:2.4%;z-index:5;}
.bbs_view + .bbs_view div.view_tit {}
.bbs_view + .bbs_view div.view_tit > h3 {font-size:14px;}
/* 버튼 */
.bbs_view + .view_btn {}
.bbs_view + .view_btn:after {clear:both;content:"";display:block;}
/* 게시판 개인정보취급 */
.policy_cont {padding:25px 0 0;margin-top:30px;border: 0;border-top: 1px solid #ddd;}
.policy_cont > div {padding:0 0 8px;text-align:left;line-height:30px;}
.policy_cont > div:last-of-type {padding-bottom:0;}
.policy_cont > div input[type=checkbox] {}
.policy_cont > div label {margin-right: 26px;color:#333;font-size: 18px;font-weight:400;cursor:pointer;letter-spacing: -0.03em;}
.policy_cont > div label span {font-size:inherit;font-weight:inherit;color:#05243a;}
.policy_cont > div .btn_info {border-bottom: 1px solid #999 !important;font-weight:500;font-size: 16px;color: rgba(102, 102, 102, 0.7) !important;}
.policy_cont > textarea {height:90px !important;margin:0;color:#666;width:100%;font-size:inherit;display:block;border:0;}
/* 댓글 폼 */
.board_comment {padding:20px;margin:30px auto 0;border:1px solid #ddd;position:relative;width:100%;box-sizing:border-box;text-align:left;vertical-align:top;}
.board_comment .comment_name {font-size:0;}
.board_comment .comment_name span {font-size:inherit;line-height:inherit;}
.board_comment .comment_name span input {width:120px;height:34px;line-height:34px;padding:0 13px;font-size:13px;color:#777;}
.board_comment .comment_name span + span {margin-left:10px;}
.board_comment .comment_memo {padding:10px 0 0;}
.board_comment .comment_memo textarea {width:calc(100% - 100px);height:54px;resize:none;background:#fff;border:1px solid #ddd;}
.board_comment .comment_memo a {float:right;text-align:center;width:100px;line-height:54px;font-size:15px;}
/* 댓글 목록 */
.board_comment_list {margin:2.4% auto 0;border-bottom:1px solid #d3d3d3;position:relative;}
.board_comment_list .comment_title {border-bottom:1px solid #aaa;text-align:left;font-size:13px;line-height:1;padding-bottom:20px;color:#444;}
.board_comment_list .comment_title span {font-weight:700;font-size:inherit;color:inherit;}
.board_comment_list .comment {padding:17px 14px 25px;margin:0;width:100%;box-sizing:border-box;position:relative;}
.board_comment_list .comment + .comment {border-top:1px #ddd solid;}
.board_comment_list .comment .comment_writer,
.board_comment_list .comment .com_btn {display:inline-block;line-height:1;font-size:13px;color:#888;margin:0;vertical-align:middle;}
.board_comment_list .comment .comment_writer {text-align:left;margin-top:1em;}
.board_comment_list .comment .com_btn {float:right;text-align:right;margin-top:1em;}
.board_comment_list .comment .com_btn a {color:#666;}
.board_comment_list .comment .com_btn a.on + .comment_password {display:block !important;}
.board_comment_list .comment span.board_line {margin:0 10px 1px;width:1px;height:9px;background:#999;vertical-align:middle;display:inline-block;}
.board_comment_list .comment .com_txt,
.board_comment_list .comment .com_txt_reply {line-height:1.92;font-size:14px;font-weight:400;color:#333;text-align:left;word-break:break-all;}
.board_comment_list .comment .com_txt_reply {padding:12px 0 8px 40px;margin:8px 0 0;border-top:1px solid #d3d3d3;background:url("../images/sub/comment_reply.png") no-repeat;background-position:20px 18px;}
.board_comment_list .comment .com_modify {margin:8px 0 0;font-size:0;position:relative;}
.board_comment_list .comment .com_modify:after {clear:both;content:"";display:block;}
.board_comment_list .comment .com_modify textarea {width:calc(100% - 100px);height:54px;resize:none;background:#fff;border:1px solid #ddd;}
.board_comment_list .comment .com_modify a {float:right;text-align:center;width:100px;line-height:54px;font-size:15px;}
/* 댓글 비번 레이어 */
.board_comment_list .comment .comment_password {right:30px;top:50%;width:auto;line-height:30px;font-size:12px;border:2px solid #bbb;border-radius:8px;padding:12px;transform:translateY(-50%);box-sizing:border-box;position:absolute;background:#fff;z-index:100;text-align:left;}
.board_comment_list .comment .comment_password.modify {}
.board_comment_list .comment .comment_password span,
.board_comment_list .comment .comment_password a {font-size:inherit;line-height:inherit;vertical-align:top;display:inline-block;}
.board_comment_list .comment .comment_password span {font-weight:700;}
.board_comment_list .comment .comment_password input {width:146px;margin:0 6px;vertical-align:top;}
.board_comment_list .comment .comment_password a {}
.board_comment_list .comment .comment_password a.close {width:16px;height:30px;margin-left:4px;font-size:0;background:url(../images/sub/btn_close.gif) no-repeat 50% 50%;}
/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
/* 검색 */
.board_search {line-height: 55px;margin: 0 0 40px;text-align:right;font-size:0;width:100%;box-sizing:border-box;}
.board_search:after {/* content:''; */display:inline-block;clear:both;}
.board_search .bbs_num {float:left;font-size:14px;line-height:40px;font-weight:500;color:#555;}
.board_search .bbs_num strong {color:#2ad593;}
.board_search .bbs_search {float:right;}
.board_search fieldset {line-height:inherit;font-size:0;}
.board_search select,
.board_search input,
.board_search span,
.board_search label {vertical-align:top;font-size:14px;height:40px;color:#555;line-height:inherit;border-color:#ccc;}
.board_search select {width: 160px;height: 55px;margin-right:10px;border-color: #ddd;border-radius: 5px;padding: 0 20px;font-size: 18px;}
.board_search input {border-right:0;}
.board_search select,
.board_search input.input_text {background-color:#fff;color:#666;}
.board_search input.input_text {width: 320px;height: 55px;border-radius: 5px;border: 1px solid #ddd;padding: 0 20px;font-size: 18px;}
.board_search .board_search_sel {display:inline-block;vertical-align:middle;font-size:0;}
.board_search .btn_search {background: #004b80 url('../images/sub/icon-search.png') no-repeat center;font-size:0;width: 55px;height: 55px;border:0;border-radius: 5px;margin-left: 10px;}
/* 일반형 총 게시글수 */
.bbs_num {padding:0 0 8px 0;line-height:20px;font-size:13px;color:#333;}
.bbs_num strong {font-weight:700;}
/* 일반형 목록 */
table.bbs_list {border-top:1px solid #333333;border-bottom:1px solid #bbb;width:100%;text-align:center;table-layout:fixed;box-sizing:border-box;}
table.bbs_list tr {}
table.bbs_list tr:hover {}
table.bbs_list tr.board_notice td {background:#f4f4f4;}
table.bbs_list tr.board_notice td:nth-of-type(1) {color:#eb3949;font-weight:500;}
table.bbs_list th,
table.bbs_list td {padding-left:12px;padding-right:12px;font-size:15px;line-height:20px;font-weight:400;color:#888;text-align:center;vertical-align:middle;}
table.bbs_list td a,
table.bbs_list td em,
table.bbs_list td strong,
table.bbs_list td span {font-size:inherit;line-height:inherit;}
table.bbs_list th {padding-top:18px;padding-bottom:18px;border-bottom:1px solid #ccc;color:#333;font-size:16px;font-weight:400;}
table.bbs_list td {padding-top:18px;padding-bottom:18px;}
table.bbs_list td .board_tit {}
table.bbs_list td .board_tit h3 {font-size:13px;color:#333333;font-weight:600;}
table.bbs_list td .board_tit .board_ico,
table.bbs_list td .board_tit img,
table.bbs_list td .board_tit h3,
table.bbs_list td .board_tit span {display:inline-block;vertical-align:middle;}
table.bbs_list td .board_tit .ico_reply {margin-top:-4px;}
table.bbs_list td .board_tit h3 .board_ico {font-size:0;margin-bottom:2px;margin-left:5px;}
table.bbs_list td .board_tit img {margin-right:5px;}
table.bbs_list td .board_tit h3 {font-weight:400;font-size:14px;color:#222;display:inline-block;vertical-align:middle;width:100%;max-width:100%;}
table.bbs_list td .board_tit .board_ico + h3 {width:calc(100% - 50px);max-width:680px;}
table.bbs_list td .board_tit h3 strong {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:top;width:100%;max-width:calc(100% - 40px);font-size:inherit;color:inherit;font-weight:inherit;line-height:inherit;}
table.bbs_list td .board_tit a {display:inline-block;width:100%;}
table.bbs_list td a {}
table.bbs_list .m_non,
table.bbs_list .m_non {display:table-cell;}
table.bbs_list td.left {text-align:left;}
table.bbs_list td img{display:inline-block;vertical-align:middle;}
table.bbs_list td img + img {margin-left:4px;}
table.bbs_list tr + tr td {border-top:1px #ddd solid;}
/* 추가필드 */
.sub_board {position:relative;margin-top: -20px;}
.sub_board .bbs_view .extra_editor_wrap {display:table;width:100%;margin:0;table-layout:fixed;border-collapse:collapse;margin-top:-1px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.sub_board .bbs_view .extra_editor_wrap > h4,
.sub_board .bbs_view .extra_editor_wrap > div.extra_cont {padding: 26px 0;display: inline-block;box-sizing:border-box;border-collapse:collapse;vertical-align:middle;text-align:left;border:0;font-size: 18px;font-weight: 300;color: #888;}
.sub_board .bbs_view .extra_editor_wrap > h4 {width: auto;color: #888;position:relative;padding-right: 50px;font-weight: 500;}
.sub_board .bbs_view .extra_editor_wrap > h4:after {content:'';display:inline-block;vertical-align:middle;width:1px;height:12px;background:#ccc;position:absolute;right:0;top:50%;margin-top:-6px;display:none;}
.sub_board .bbs_view .extra_editor_wrap div.view_cont.extra_cont {width:calc(100% - 141px);}
.sub_board .bbs_view .extra_editor_wrap div.img_cont {}
.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span {font-size:12px;color:#888;vertical-align:middle;display:block;}
.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span a {font-weight: 300;font-size: 18px;color: #888 !important;}
.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span + span {margin-top:10px;}
.sub_board .bbs_view .extra_editor_wrap div.extra_cont a.icon_down {font-size:0;background:url(../images/common/icon_download.png) no-repeat 0 0;display:inline-block;width:15px;height:15px;background-size:100% auto;margin:0 0 0 5px;padding:0;vertical-align:middle;}
.sub_board .bbs_view .extra_editor_wrap div.extra_cont img {width:auto;height:auto;vertical-align:middle;max-width:100%;}
/* 비디오 ifame 수정 */
.view_video_wrap {position:relative !important;height:0 !important;padding-bottom:56.28% !important;margin:0 auto !important;text-align:center !important;max-width:100% !important;}
.view_video_wrap > iframe {position:absolute;width:100%;height:100%;left:0;top:0;}
@media only screen and (max-width:1200px) {
/* bbs 공통 */
/* 게시판 소타이틀 */
.bbs_write + .bbs_write_title {padding-top:2.2%;}
/* 게시판 설명글 */
.bbs_write_info {padding-top:2.0%;}
/*** TABLE view ( board/board_view ) ***/
/* 제목.작성자.작성일 */
.bbs_view div.view_tit {padding: 0 0 28px;}
/* 모바일.메일 */
.bbs_view div.view_etc {padding:1.2% 20px;}
/* 내용 */
.bbs_view div.view_cont {padding: 7% 20px;}
/* 댓글 폼 */
.board_comment {padding:1.2% 20px;margin:2.4% auto 0;}
/* 댓글 목록 */
.board_comment_list .comment {padding:1.2% 20px;}
}
@media only screen and (max-width:1023px) {
/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
table.bbs_write colgroup col:first-of-type {width:20%;}
table.bbs_write th,
table.bbs_write td {padding-left:12px;padding-right:12px;}
table.bbs_write th {padding-left:20px;padding-right:20px;}
div.bbs_write .tr .th {width:20%;}
div.bbs_write .tr .td {width:80%;}
div.bbs_write .th,
div.bbs_write .td {padding-left:12px;padding-right:12px;}
div.bbs_write .th {padding-left:20px;padding-right:20px;}
/*** TABLE view ( board/board_view ) ***/
.bbs_view {margin-top:30px;}
/* 제목.작성자.작성일 */
.bbs_view div.view_tit > h3 {font-size: 32px;}
.bbs_view div.view_tit > p {font-size: 17px;margin-top: 3px;}
.sub_board .bbs_view .extra_editor_wrap > h4, .sub_board .bbs_view .extra_editor_wrap > div.extra_cont {font-size:17px;padding-top: 3%;padding-bottom: 3%;}
.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span a {font-size:17px;}
/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
/* 일반형 목록 */
table.bbs_list th,
table.bbs_list td {padding-top:13px;padding-bottom:13px;padding-left:12px;padding-right:12px;}
table.bbs_list td .board_tit img {margin-right:0;}
table.bbs_list td .board_tit img + img {margin-left:0px;}
table.bbs_list td .board_tit .board_ico {padding-right:3px;}
/* 추가필드 */
.sub_board .bbs_view .extra_editor_wrap > h4 {width: auto;}
}
@media only screen and (max-width:860px) {
/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
table.bbs_write {}
table.bbs_write colgroup col:first-of-type {width:18%;}
table.bbs_write tr:nth-of-type(1) th,
table.bbs_write tr:nth-of-type(1) td {padding-top:15px;}
table.bbs_write tr:last-of-type th,
table.bbs_write tr:last-of-type td {padding-bottom:15px;}
table.bbs_write th,
table.bbs_write td {font-size:12px;padding-left:12px;padding-right:12px;}
table.bbs_write th {padding-left:12px;padding-right:12px;font-size:14px;line-height:30px;}
table.bbs_write td {}
table.bbs_write td p {padding:4px 0 0;}
table.bbs_write td input[name="address"],
table.bbs_write td input[name="address2"] {width:100%;min-width:auto;}
table.bbs_write tr td #captcha_box {display:block;margin-bottom:5px;}
table.bbs_write tr td input[name="captcha"] {margin:0 5px 0 0;width:50%;}
div.bbs_write {}
div.bbs_write .tr .th {width:18%;}
div.bbs_write .tr .td {width:82%;}
div.bbs_write .tr:nth-of-type(1) .th,
div.bbs_write .tr:nth-of-type(1) .td {padding-top: 0;}
div.bbs_write .tr:last-of-type .th,
div.bbs_write .tr:last-of-type .td {padding-bottom:15px;}
div.bbs_write .th,
div.bbs_write .td {font-size:12px;padding-left:12px;padding-right:12px;}
div.bbs_write .th {padding-left:12px;padding-right:12px;font-size: 18px;line-height:30px;}
div.bbs_write .td {}
div.bbs_write .td p {padding:4px 0 0;}
div.bbs_write .td input[name="address"],
div.bbs_write .td input[name="address2"] {width:100%;min-width:auto;}
div.bbs_write .tr .td #captcha_box {display: inline-block;margin-bottom:5px;}
div.bbs_write .tr .td input[name="captcha"] {margin:0 5px 0 0;width:50%;}
/*** TABLE view ( board/board_view ) ***/
.bbs_view {margin-top:20px;}
/* 제목.작성자.작성일 */
.bbs_view div.view_tit {padding: 0 0 25px 0;}
.bbs_view div.view_tit > h3 {width:76%;}
.bbs_view div.view_tit > p {/* width:24%; */}
/* 모바일.메일 */
.bbs_view div.view_etc {padding:1.6% 12px;}
.bbs_view div.view_etc span + span {margin-left:40px;}
/* 내용 */
.bbs_view div.view_cont {padding: 5% 15px;font-size: 17px;line-height:21px;min-height:240px;}
.bbs_view div.view_cont .view_video {padding-bottom:1.6%;}
.bbs_view div.view_cont .thumb_img_wrap {padding-bottom:1.6%;}
.bbs_view div.view_cont .thumb_img_wrap img + img {margin-top:12px;}
/* 답변 내용 */
.bbs_view + .bbs_view {margin-top:4.6%;}
/* 댓글 폼 */
.board_comment {padding:1.6% 12px;margin:4.6% auto 0;}
.board_comment .comment_name {font-size:12px;}
.board_comment .comment_memo {padding:1.6% 0;}
/* 댓글 목록 */
.board_comment_list {margin:4.6% auto 0;}
.board_comment_list .comment_title {font-size:12px;}
/* 게시판 개인정보취급 */
.policy_cont > div label {font-size:17px;}
/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
/* 검색 */
.board_search {line-height:36px;}
.board_search .bbs_num {line-height:36px;font-size:13px;}
.board_search select,
.board_search input,
.board_search span,
.board_search label {height: 50px;font-size: 17px;}
.board_search select {width: 130px;}
.board_search input.input_text {width: 230px;height: 50px;}
.board_search .btn_search {width: 45px;height: 45px;background-size: 19px auto;}
/* 일반형 목록 */
table.bbs_list {}
table.bbs_list tr {}
table.bbs_list th,
table.bbs_list td {padding-top:1.6%;padding-bottom:1.6%;font-size:12px;}
table.bbs_list td .board_tit h3 {font-size:13px;}
table.bbs_list th {font-size:13px;}
table.bbs_list td .board_tit .board_ico + h3 {width:calc(100% - 50px);}
/* 게시판 개인정보취급 */
.policy_cont {margin-top:20px;padding:18px;}
.policy_cont > div .btn_info {font-size:14px;}
}
@media only screen and (max-width:767px) {
/* bbs 공통 */
.bbs_title_box {margin-bottom:10px;}
/* 게시판 소타이틀 */
.bbs_write_title {display:none;}
.bbs_write + .bbs_write_title + .bbs_write {margin-top:6.8%;}
/* 게시판 설명글 */
.bbs_write_info {font-size:13px;}
/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
table.bbs_write {}
table.bbs_write colgroup col:first-of-type {width:20%;}
table.bbs_write td select,
table.bbs_write td input[type="text"],
table.bbs_write td input[type="password"],
table.bbs_write td input[type="number"],
table.bbs_write td input[type="date"] {min-width:42%;}
table.bbs_write td input[name="title"] {width:100%;}
table.bbs_write td textarea {height:120px;}
table.bbs_write td select.mail_select {margin-left:0px;margin-right:5px;}
table.bbs_write .input_email input[type="text"],
table.bbs_write td input[name="email_id"],
table.bbs_write td input[name="email_domain"],
table.bbs_write td select.mail_select {width:34%;min-width:100px;margin-bottom:4px;}
table.bbs_write td input[name="email_domain"] + select.mail_select {clear:both;margin-bottom:0;}
div.bbs_write {}
div.bbs_write .tr .th {width:25%;}
div.bbs_write .tr .td {width:75%;}
div.bbs_write .td select,
div.bbs_write .td input[type="text"],
div.bbs_write .td input[type="password"],
div.bbs_write .td input[type="number"],
div.bbs_write .td input[type="date"] {min-width: 100%;height: 50px;line-height: 48px;}
div.bbs_write .td input[name="title"] {width:100%;}
div.bbs_write .td textarea {height:160px;}
div.bbs_write .td select.mail_select {margin-left:0px;margin-right:5px;}
div.bbs_write .input_email input[type="text"],
div.bbs_write .td input[name="email_id"],
div.bbs_write .td input[name="email_domain"],
div.bbs_write .td select.mail_select {width:34%;min-width:100px;margin-bottom:4px;}
div.bbs_write .td input[name="email_domain"] + select.mail_select {clear:both;margin-bottom:0;}
div.bbs_write.bbs_content .tr .th{display: inline-block;}
div.bbs_write.bbs_content .tr .td{display: inline-block;width: 71%;padding-right: 0;}
div.bbs_write .tr .td #captcha_box {height:50px;}
div.bbs_write .tr .td input[name="captcha"] {height:50px;line-height:48px;width: calc(100% - 59px);}
div.bbs_write .tr .td .btn_reset, div.bbs_write .tr .td #refreshCode {height:50px;width:50px;background-size:auto 20px !important;}
/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
/* 검색 */
/* 일반형 목록 */
table.bbs_list tr:hover {background:#fff;}
table.bbs_list .td_wide {display:none;}
table.bbs_list td .board_tit h3 strong {max-width:calc(100% - 30px);}
table.bbs_list col:first-child,
table.bbs_list col:first-child {width:10%;}
}
@media only screen and (max-width:640px) {
/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
table.bbs_write {}
table.bbs_write colgroup col:first-of-type {width:28%;}
table.bbs_write th,
table.bbs_write td {font-size:11px;padding-top:10px;padding-bottom:10px;padding-left:12px;padding-right:12px;}
table.bbs_write th {padding-left:12px;padding-right:12px;font-size:13px;}
table.bbs_write td {}
table.bbs_write td p {line-height:18px;}
table.bbs_write td div.view_cont {padding:8px 10px 50px 10px;line-height:26px;min-height:150px;}
table.bbs_write td select,
table.bbs_write td input[type="text"],
table.bbs_write td input[type="password"],
table.bbs_write td input[type="number"],
table.bbs_write td input[type="date"] {min-width:auto;width:56%;}
table.bbs_write td input[name="title"] {width:100%;}
table.bbs_write .input_email input[type="text"],
table.bbs_write td input[name="email_id"],
table.bbs_write td input[name="email_domain"],
table.bbs_write td select.mail_select {width:43%;min-width:100px;margin-bottom:4px;}
table.bbs_write td input[name="address"],
table.bbs_write td input[name="address2"] {width:100%;}
div.bbs_write {}
div.bbs_write .tr .th {width: 27%;}
div.bbs_write .tr .td {width:72%;}
div.bbs_write .tr.cont > dl {display:block;}
div.bbs_write .tr.cont .th {display:none;}
div.bbs_write .tr.input_editor .th,
div.bbs_write .tr.cont .td,
div.bbs_write .tr.input_editor .td {width:100%;display:block;}
div.bbs_write .tr.input_editor .td {border:0;}
div.bbs_write .th,
div.bbs_write .td {font-size: 16px;padding-top:10px;padding-bottom:10px;padding-left:12px;padding-right:12px;}
div.bbs_write .th {padding-left:12px;padding-right:12px;font-size: 16px;}
div.bbs_write .td {}
div.bbs_write .td p {line-height:18px;}
div.bbs_write .td div.view_cont {padding:8px 10px 50px 10px;line-height:26px;min-height:150px;}
div.bbs_write .td select,
div.bbs_write .td input[type="text"],
div.bbs_write .td input[type="password"],
div.bbs_write .td input[type="number"],
div.bbs_write .td input[type="date"] {min-width:auto;width: 100%;height: 45px;line-height: 43px;font-size:16px;padding:0 10px;}
div.bbs_write .td input[name="title"] {width:100%;}
div.bbs_write .input_email input[type="text"],
div.bbs_write .td input[name="email_id"],
div.bbs_write .td input[name="email_domain"],
div.bbs_write .td select.mail_select {width:43%;min-width:100px;margin-bottom:4px;}
div.bbs_write .td input[name="address"],
div.bbs_write .td input[name="address2"] {width:100%;}
div.bbs_write .tr .td #captcha_box {height:45px;}
div.bbs_write .tr .td input[name="captcha"] {height:45px;line-height:43px;width: calc(100% - 54px);}
div.bbs_write .tr .td .btn_reset, div.bbs_write .tr .td #refreshCode {height:45px;width:45px;background-size:auto 16px !important;}
/*** TABLE view ( board/board_view ) ***/
/* 제목.작성자.작성일 */
.bbs_view div.view_tit {padding: 0 0 20px 0;}
.bbs_view div.view_tit > h3,
.bbs_view div.view_tit > p {/* line-height:22px; */}
.bbs_view div.view_tit > h3 {font-size: 25px;width:100%;}
.bbs_view div.view_tit > p {width:100%;/* padding-top:6px; */text-align:left;font-size: 15px;}
.bbs_view div.view_tit > p span {/* font-size:12px; */}
.bbs_view div.view_tit > p span + span:before {height:8px;}
/* 모바일.메일 */
.bbs_view div.view_etc {padding:2.4% 12px;}
.bbs_view div.view_etc span + span {margin-left:20px;}
.bbs_view div.view_etc span em {padding:0 8px 0 0;}
.bbs_view div.view_etc span em:after {margin-left:8px;}
/* 내용 */
.bbs_view div.view_cont {padding: 6% 12px;font-size: 15px;line-height:21px;min-height:200px;}
.bbs_view div.view_cont .view_video {padding-bottom:2.4%;}
.bbs_view div.view_cont .thumb_img_wrap {padding-bottom:2.4%;}
.bbs_view div.view_cont .thumb_img_wrap img + img {margin-top:8px;}
/* 답변 내용 */
.bbs_view + .bbs_view {margin-top:6.4%;}
.bbs_view + .bbs_view div.view_tit > h3 {font-size:13px;}
/* 댓글 폼 */
.board_comment {padding:2.4% 12px;margin:6.4% auto 0;}
.board_comment .comment_memo {padding:2.4% 0;}
/* 댓글 목록 */
.board_comment_list {margin:6.4% auto 0;}
.board_comment_list .comment {padding:2.4% 12px;}
/* 게시판 개인정보취급 */
.policy_cont > div label {font-size:16px;}
.policy_cont > div .btn_info {font-size:13px;}
/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
/* 검색 */
.board_search {line-height:32px;}
.board_search .bbs_num {line-height:32px;font-size:12px;}
.board_search select,
.board_search input,
.board_search span,
.board_search label {font-size: 15px;padding: 0 10px;height: 45px;}
.board_search select {width: 130px;margin-right:6px;}
.board_search input.input_text {
font-size: 16px;
height: 45px;
padding: 0 15px;
}
.board_search .btn_search {
margin-left: 6px;
}
/* 일반형 총 게시글수 */
.bbs_num {padding:0 0 8px 0;font-size:12px;}
/* 일반형 목록 */
table.bbs_list {}
table.bbs_list th,
table.bbs_list td {padding-top:2.4%;padding-bottom:2.4%;}
table.bbs_list col:first-child,
table.bbs_list col:first-child {width:14%;}
table.bbs_list td .board_tit .board_ico {}
table.bbs_list td .board_tit .board_ico img {height:13px;}
table.bbs_list td .board_tit h3 {font-size:12px;}
table.bbs_list td .board_tit h3 strong {max-width:calc(100% - 30px);}
table.bbs_list td .board_tit .board_ico + h3 {width:calc(100% - 50px);max-width:400px;}
table.bbs_list td .board_tit .ico_reply {height:7px;}
table.bbs_list th:nth-of-type(2),
table.bbs_list td:nth-of-type(2) {width:calc(100% - 8.8%);}
table.bbs_list th:nth-of-type(3),
table.bbs_list td:nth-of-type(3) {display:none;}
/* 추가필드 */
.sub_board .bbs_view .extra_editor_wrap > h4 {/* font-size:12px; */}
.sub_board .bbs_view .extra_editor_wrap > h4,
.sub_board .bbs_view .extra_editor_wrap > div.extra_cont {/* padding: 0; */padding-top: 4%;padding-bottom: 4%;padding-right: 30px;font-size: 15px;}
.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span a {font-size: 15px;}
}
@media only screen and (max-width:530px) {
/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
/* 검색 */
.board_search {line-height:30px;margin-bottom: 30px;}
.board_search .bbs_num {line-height:30px;}
.board_search .bbs_search {width:100%;display:block;}
.board_search select,
.board_search input,
.board_search span,
.board_search label {/* height:30px; */}
.board_search select {/* width:80px; */margin-right:6px;}
.board_search input.input_text {width: calc(100% - 187px);}
.board_search .btn_search {}
/* 일반형 목록 */
table.bbs_list th:nth-of-type(1),
table.bbs_list td:nth-of-type(1) {min-width:30px;}
table.bbs_list td .board_tit .board_ico + h3 {max-width:300px;}
/* 게시판 개인정보취급 */
.policy_cont {margin-top:10px;padding:15px;}
}
@media only screen and (max-width:479px) {
/* bbs 공통 */
/* 게시판 설명글 */
.bbs_write_info {font-size:12px;line-height:18px;padding-top:2.0%;}
/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
table.bbs_write {}
table.bbs_write colgroup col:first-of-type {width:32%;min-width:120px;}
table.bbs_write td p {font-size:11px;}
table.bbs_write td select,
table.bbs_write td input[type="text"],
table.bbs_write td input[type="password"],
table.bbs_write td input[type="number"],
table.bbs_write td input[type="date"] {width:100%;}
table.bbs_write td input[name="title"] {width:100%;}
table.bbs_write td input[name="userid"] {width:calc(100% - 110px);}
table.bbs_write td input[name="zip"] {width:calc(100% - 80px);}
table.bbs_write td input[name="captcha"] {width:calc(100% - 100px);}
table.bbs_write .input_email input[type="text"],
table.bbs_write td input[name="email_id"],
table.bbs_write td input[name="email_domain"],
table.bbs_write td select.mail_select {width:calc(47% - 6px);min-width:70px;}
table.bbs_write .input_email input[name="email_domain"],
table.bbs_write .input_email select.mail_select {width:100%;}
table.bbs_write td input[name="email_id"] {}
table.bbs_write td input[name="email_domain"],
table.bbs_write td select.mail_select {margin-right:0px;margin-left:-2px;}
table.bbs_write td input[name="email_domain"] + select.mail_select {margin-left:0;width:calc(100% - 117px);}
table.bbs_write td select.mail_select + .btn_sm {margin-left:0px;}
table.bbs_write td input[name="address"],
table.bbs_write td input[name="address2"] {width:100%;}
table.bbs_write td .at {width:18px;text-align:center;margin: 10px 0 0;}
table.bbs_write td .btn_sm.btn_reset {width:100%;min-width:auto;font-size:0;padding:0 10px 0 20px !important;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat 50% !important;}
table.bbs_write td .btn_sm.btn_info {width:auto;min-width:auto;}
table.bbs_write select + input {margin-top:5px;}
table.bbs_write tr td input[name="captcha"] {width:calc(100% - 45px);margin:0;}
div.bbs_write {}
div.bbs_write .tr .th {width:32%;min-width:120px;}
div.bbs_write .tr .td {width:68%;}
div.bbs_write .td p {font-size:11px;}
div.bbs_write .td select,
div.bbs_write .td input[type="text"],
div.bbs_write .td input[type="password"],
div.bbs_write .td input[type="number"],
div.bbs_write .td input[type="date"] {width:100%;}
div.bbs_write .td input[name="title"] {width:100%;}
div.bbs_write .td input[name="userid"] {width:calc(100% - 110px);}
div.bbs_write .td input[name="zip"] {width:calc(100% - 80px);}
div.bbs_write .td input[name="captcha"] {width:calc(100% - 100px);}
div.bbs_write .input_email input[type="text"],
div.bbs_write .td input[name="email_id"],
div.bbs_write .td input[name="email_domain"],
div.bbs_write .td select.mail_select {width:calc(47% - 6px);min-width:70px;}
div.bbs_write .input_email input[name="email_domain"],
div.bbs_write .input_email select.mail_select {width:100%;}
div.bbs_write .td input[name="email_id"] {}
div.bbs_write .td input[name="email_domain"],
div.bbs_write .td select.mail_select {margin-right:0px;margin-left:-2px;}
div.bbs_write .td input[name="email_domain"] + select.mail_select {margin-left:0;width:calc(100% - 117px);}
div.bbs_write .td select.mail_select + .btn_sm {margin-left:0px;}
div.bbs_write .td input[name="address"],
div.bbs_write .td input[name="address2"] {width:100%;}
div.bbs_write .td .at {width:18px;text-align:center;margin:0;}
div.bbs_write .td .btn_sm.btn_reset {width:100%;min-width:auto;font-size:0;padding:0 10px 0 20px !important;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat 50% !important;}
div.bbs_write .td .btn_sm.btn_info {width:auto;min-width:auto;}
div.bbs_write select + input {margin-top:5px;}
div.bbs_write .tr .td input[name="captcha"] {width: calc(100% - 54px);margin: 0 5px 0 0;}
/*** TABLE view ( board/board_view ) ***/
/* 모바일.메일 */
.bbs_view div.view_etc {padding:2.4% 12px;}
.bbs_view div.view_etc span {line-height:20px;}
.bbs_view div.view_etc span + span {margin-left:20px;}
.bbs_view div.view_etc span em {padding:0 8px 0 0;}
.bbs_view div.view_etc span em:after {margin-left:8px;}
/* 내용 */
.bbs_view div.view_cont {padding: 7% 12px;font-size: 14px;line-height:20px;min-height:180px;}
.bbs_view div.view_cont .view_video {padding-bottom:2.4%;}
.bbs_view div.view_cont .thumb_img_wrap {padding-bottom:2.4%;}
.bbs_view div.view_cont .thumb_img_wrap img + img {margin-top:8px;}
/* 답변 내용 */
.bbs_view + .bbs_view {margin-top:9.6%;}
.bbs_view + .bbs_view div.view_tit {}
.bbs_view + .bbs_view div.view_tit > h3 {font-size:13px;}
/* 버튼 */
.bbs_view + .view_btn {}
/* 게시판 개인정보취급 */
.policy_cont {}
.policy_cont > div {padding:0 0 4px;line-height:30px;}
.policy_cont > div input[type=checkbox] {}
.policy_cont > div label {margin-right:12px;font-size:14px;}
.policy_cont > textarea {height:70px !important;line-height:20px;}
.policy_cont > div .btn_info {font-size:12px;}
/* 댓글 폼 */
.board_comment {padding:2.4% 12px;margin:9.6% auto 0;}
.board_comment .comment_name {font-size:0;}
.board_comment .comment_name span {display:inline-block;width:calc(40% - 4px);font-size:12px;line-height:30px;}
.board_comment .comment_name span input {width:100%;}
.board_comment .comment_name span + span {}
.board_comment .comment_name span + span input {}
.board_comment .comment_memo {padding:1.2% 0 2.4%;}
.board_comment .comment_memo textarea {width:calc(100% - 100px);height:54px;}
/* 댓글 목록 */
.board_comment_list {margin:9.6% auto 0;}
.board_comment_list .comment_title {padding-bottom:8px;font-size:12px;line-height:20px;}
.board_comment_list .comment {padding:2.4% 12px;}
.board_comment_list .comment .comment_writer,
.board_comment_list .comment .com_btn {line-height:20px;padding:0 0 4px 0;}
.board_comment_list .comment span.board_line {margin:0 8px;}
.board_comment_list .comment .com_txt,
.board_comment_list .comment .com_txt_reply {line-height:20px;font-size:12px;}
.board_comment_list .comment .com_txt_reply {padding:12px 0 8px 40px;margin:8px 0 0;background-position:12px 18px;}
.board_comment_list .comment .com_modify {margin:8px 0 0;}
.board_comment_list .comment .com_modify textarea {width:calc(100% - 76px);height:72px;}
/* 댓글 비번 레이어 */
.board_comment_list .comment .comment_password {right:12px;width:300px;border-radius:8px;padding:8px;}
.board_comment_list .comment .comment_password input {width:158px;}
/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
/* 검색 */
.board_search {margin-bottom:15px;}
.board_search:after {display:none;}
.board_search .bbs_num,
.board_search .bbs_search {float:inherit;width:100%;text-align:left;}
.board_search select,
.board_search input,
.board_search span,
.board_search label {/* height:35px; */}
.board_search select {/* width:40%; *//* max-width:120px; */}
.board_search .board_search_sel {width: auto;/* margin-bottom:6px; */}
.board_search input.input_text {/* width:calc(100% - 35px); */}
.board_search .btn_search {}
/* 일반형 목록 */
table.bbs_list {}
table.bbs_list tr {}
table.bbs_list th,
table.bbs_list td {padding-top:12px;padding-bottom:12px;padding-left:8px;padding-right:8px;}
table.bbs_list th {}
table.bbs_list td {}
table.bbs_list td .board_tit .board_ico + h3 {max-width:330px;}
}
@media only screen and (max-width:390px) {
/*** TABLE list ( board/board_list ｜ layout/board/list_default ｜ layout/board/list_gallery_01 ｜ layout/board/list_qna ｜ layout/board/list_video_01 ) ***/
/* 검색 */
.board_search select {/* width: calc(50% - 141px); */max-width:inherit;}
.board_search select:last-of-type {margin-right: 6px;}
/* 일반형 목록 */
table.bbs_list td .board_tit .board_ico + h3 {max-width:270px;}
/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
table.bbs_write tr td input[name="captcha"] {width:100%;}
table.bbs_write tr td .btn_reset {width:100%;margin-top:5px;}
div.bbs_write .tr .td input[name="captcha"] {width:100%;}
div.bbs_write .tr .td .btn_reset {width:100%;margin-top:5px;}
}
@media only screen and (max-width:320px) {
/*** TABLE write ( board/_form_board_write ｜ board/_form_board_answer_write ｜ member/join ｜ member/mypage ｜ member/withdrawal ｜ member/change_pw ｜ member/periodic_change_pw ) ***/
table.bbs_write {}
table.bbs_write colgroup col:first-of-type {width:38%;}
table.bbs_write td select,
table.bbs_write td input[type="text"],
table.bbs_write td input[type="password"],
table.bbs_write td input[type="number"],
table.bbs_write td input[type="date"] {width:100%;margin-right:0px;}
table.bbs_write td input[name="title"] {width:100%;}
table.bbs_write td input[name="userid"],
table.bbs_write td input[name="captcha"] {width:100%;margin-right:0px;margin-bottom:4px;}
table.bbs_write td input[name="zip"] {width:calc(100% - 68px);margin-right:6px;}
table.bbs_write td input[name="email_id"] {margin-right:0px;margin-left:0;margin-bottom:4px;width:calc(100% - 22px);}
table.bbs_write td input[name="email_domain"],
table.bbs_write td select.mail_select,
table.bbs_write td input[name="email_domain"] + select.mail_select {margin-right:0px;margin-left:0;margin-bottom:4px;width:100%;}
table.bbs_write td input[name="address"],
table.bbs_write td input[name="address2"] {width:100%;}
table.bbs_write.captcha td {line-height:30px;}
div.bbs_write {}
div.bbs_write .tr .th {width:38%;}
div.bbs_write .tr .td {width:62%;}
div.bbs_write .td select,
div.bbs_write .td input[type="text"],
div.bbs_write .td input[type="password"],
div.bbs_write .td input[type="number"],
div.bbs_write .td input[type="date"] {width:100%;margin-right:0px;}
div.bbs_write .td input[name="title"] {width:100%;}
div.bbs_write .td input[name="userid"],
div.bbs_write .td input[name="captcha"] {width:100%;margin-right:0px;margin-bottom:4px;}
div.bbs_write .td input[name="zip"] {width:calc(100% - 68px);margin-right:6px;}
div.bbs_write .td input[name="email_id"] {margin-right:0px;margin-left:0;margin-bottom:4px;width:calc(100% - 22px);}
div.bbs_write .td input[name="email_domain"],
div.bbs_write .td select.mail_select,
div.bbs_write .td input[name="email_domain"] + select.mail_select {margin-right:0px;margin-left:0;margin-bottom:4px;width:100%;}
div.bbs_write .td input[name="address"],
div.bbs_write .td input[name="address2"] {width:100%;}
div.bbs_write.captcha td {line-height:30px;}
/*** TABLE view ( board/board_view ) ***/
/* 제목.작성자.작성일 */
.bbs_view div.view_tit {padding:2.4% 8px;}
/* 모바일.메일 */
.bbs_view div.view_etc {padding:2.4% 8px;}
/* 내용 */
.bbs_view div.view_cont {padding:2.4% 8px;min-height:160px;}
/* 썸네일 */
.bbs_view div.view_cont .thumb_img_wrap {padding-bottom:2.4%;}
.bbs_view div.view_cont .thumb_img_wrap img + img {margin-top:4px;}
/* 답변 내용 */
.bbs_view + .bbs_view {margin-top:9.6%;}
/* 게시판 개인정보취급 */
.policy_cont > div {padding:0 0 4px;line-height:30px;}
.policy_cont > div input[type=checkbox] {}
.policy_cont > div label {margin-right:8px;}
.policy_cont > textarea {height:70px !important;line-height:20px;}
/* 댓글 폼 */
.board_comment {padding:2.4% 8px;margin:9.6% auto 0;}
/* 댓글 목록 */
.board_comment_list {margin:9.6% auto 0;}
.board_comment_list .comment_title {padding-bottom:8px;font-size:12px;line-height:20px;}
.board_comment_list .comment {padding:2.4% 8px;}
.board_comment_list .comment .comment_writer,
.board_comment_list .comment .com_btn {line-height:20px;padding:0 0 4px 0;}
.board_comment_list .comment span.board_line {margin:0 8px;}
.board_comment_list .comment .com_txt,
.board_comment_list .comment .com_txt_reply {line-height:20px;font-size:12px;}
.board_comment_list .comment .com_txt_reply {padding:12px 0 8px 40px;margin:8px 0 0;background-position:12px 18px;}
.board_comment_list .comment .com_modify {margin:8px 0 0;}
.board_comment_list .comment .com_modify textarea {width:calc(100% - 76px);height:72px;}
/* 댓글 비번 레이어 */
.board_comment_list .comment .comment_password {right:8px;top:50%;width:276px;line-height:30px;font-size:12px;border-radius:8px;padding:8px;}
.board_comment_list .comment .comment_password input {width:138px;}
}
/*───────────────────────────────────────────────────────────
BOARD
───────────────────────────────────────────────────────────*/
/*** 일반 ***/
.sub_board #contents_wrap{width:100%;padding-top:0 !important;padding-left:0 !important;padding-right:0 !important;}
.sub_board #contents_wrap #contents_box{padding-bottom:0;}
/*** 갤러리형, 이벤트형, 동영상형 공통 ***/
/* 갤러리 고정글 */
.gallery_notice {border-top:1px solid #333;margin:0 0 50px;}
.gallery_notice li {padding:20px;box-sizing:border-box;border-bottom:1px solid #aaa;font-size:0;position:relative;}
.gallery_notice li:hover {background:#f5f5f5;}
.gallery_notice li + li {}
.gallery_notice li a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;}
.gallery_notice li .thumb,
.gallery_notice li .txt_info {display:inline-block;vertical-align:middle;}
.gallery_notice li .thumb {width:180px;height:120px;overflow:hidden;position:relative;}
.gallery_notice li .thumb img {width:100%;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.gallery_notice li .txt_info {width:calc(100% - 180px);padding-left:30px;box-sizing:border-box;}
.gallery_notice li .txt_info b {font-size:15px;margin-bottom:0.73em;color:#eb3949;line-height:1;display:block;}
.gallery_notice li .txt_info .board_tit {font-size:0;}
.gallery_notice li .txt_info .board_tit h3 {font-size:16px;line-height:1.5625;color:#222;font-weight:500;}
.gallery_notice li .txt_info .board_tit .board_ico,
.gallery_notice li .txt_info .board_tit img,
.gallery_notice li .txt_info .board_tit h3 {display:inline;vertical-align:top;}
.gallery_notice li .txt_info .board_tit h3 .board_ico {}
.gallery_notice li .txt_info .board_tit img {vertical-align:middle;margin-right:5px;}
.gallery_notice li .txt_info .board_tit h3 {max-width:calc(100% - 80px);width:auto;}
.gallery_notice li .txt_info .board_tit h3 strong {display:inline;vertical-align:top;max-width:100%;font-size:inherit;color:inherit;font-weight:inherit;line-height:inherit;}
.gallery_notice li p {display:block;color:#888;font-weight:400;text-align:left;margin:2.642em 0 0;font-size:14px;line-height:1;}
.gallery_notice li p span {display:inline-block;width:1px;height:9px;background:#d3d3d3;margin:3px 8px 0 8px;vertical-align:top;}
.bbs_no_data {padding:1.2%;font-size:13px;line-height:20px;border-top:1px #ddd solid;border-bottom:1px #ddd solid;text-align:center;box-sizing:border-box;}
/*** 갤러리&동영상 게시판 목록 | layout/board/list_gallery_01.html && list_video_01.html ***/
.sub_board ul.bbs_gallery {width: calc(100% + 40px);margin-left: -40px;padding:0;font-size:0;display: flex;flex-direction: row;flex-wrap: wrap;}
.sub_board ul.bbs_gallery:after {clear:both;content:"";display:block;}
ul.bbs_gallery li {display:inline-block;vertical-align:top;width: calc(25% - 40px);margin: 0 0 60px 40px;position:relative;border-radius: 20px;border: 1px solid #ddd;overflow: hidden;box-sizing: border-box;}
ul.bbs_gallery li a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;}
ul.bbs_gallery_top {padding:0 0 0 0;}
ul.bbs_gallery li .thumb {text-align:center;width:100%;padding:0 0 70%;height:0;position:relative;border:0;box-sizing:border-box;overflow:hidden;vertical-align:top;font-size:0;position:relative;}
ul.bbs_gallery li .thumb a {vertical-align:top;}
ul.bbs_gallery li .thumb img {width:100%;height: 100%;vertical-align:top;box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);object-fit: cover;}
ul.bbs_gallery li:hover .thumb {border:0;}
ul.bbs_gallery li:hover .thumb:before {content:'';display: block;position:absolute;width:50px;height:50px;background:#004b80 url('../images/sub/icon-plus.png') no-repeat center;border-radius:100%;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 10;}
ul.bbs_gallery li:hover .thumb:after {content:'';display:block;position:absolute;width:100%;height:100%;background:#000;opacity:0.4;top:0;left:0;}
ul.bbs_gallery li .txt_info {padding: 21px 30px;}
ul.bbs_gallery li .txt_info .board_tit {font-size:0;}
ul.bbs_gallery li .txt_info .board_tit h3 {font-size: 18px;line-height:1.625;color: #111;font-weight: 600;letter-spacing: -0.03em;}
ul.bbs_gallery li .txt_info .board_tit .board_ico,
ul.bbs_gallery li .txt_info .board_tit img,
ul.bbs_gallery li .txt_info .board_tit h3 .board_ico,
ul.bbs_gallery li .txt_info .board_tit h3 {display:inline-block;vertical-align:middle;}
ul.bbs_gallery li .txt_info .board_tit h3 .board_ico {}
ul.bbs_gallery li .txt_info .board_tit img {vertical-align:middle;margin-right:5px;}
ul.bbs_gallery li .txt_info .board_tit h3 {width:100%;}
ul.bbs_gallery li .txt_info .board_tit h3 strong {vertical-align:middle;max-width:calc(100% - 20px);font-size:inherit;color:inherit;font-weight:inherit;line-height:inherit;word-break:break-all;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.bbs_gallery li p {display:block;color:#888;text-align:left;margin:0;font-size:14px;line-height:1;margin-top:0.8em;}
ul.bbs_gallery li p span {display:inline-block;width:1px;height:12px;background:#ccc;margin:0 13px;vertical-align:middle;}
ul.bbs_gallery li.no_data {line-height:20px;padding:122px 0;}
/*** 동영상 레이어형 게시판 목록 | layout/board/list_video_layer.html ***/
ul.bbs_video li {cursor:pointer;position:static;}
.video_layer {width: calc(100% - 30px);max-height: calc(100% - 120px);max-width:640px;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);display:none;transition: all 1s ease-in-out 0.1s;opacity:0;z-index:110;}
.video_layer.on {display:block;animation: opacity 0.8s 0.3s ease forwards;}
.video_layer .btn_closed {cursor:pointer;position:absolute;right:0;top:0;transform:translate(0%, -130%);width:30px;height:30px;z-index:5;}
.video_layer .btn_closed span {display:inline-block;width:100%;height:2px;background:#fff;margin:0;padding:0;position:absolute;left:50%;top:50%;}
.video_layer .btn_closed span:nth-of-type(1) {transform:translate(-50%, -50%) rotate(45deg);}
.video_layer .btn_closed span:nth-of-type(2) {transform:translate(-50%, -50%) rotate(-45deg);}
.video_layer .video_layer_box {background:#fff;z-index:1;position:relative;width:100%;padding:0;padding-top:56.2%;}/*세로 숏 영상 74.8% / 가로 56.2%*/
.video_layer .video_layer_box iframe {position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%, -50%);}
#wrap .layer_dim {position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition: all 0.6s;opacity:0;z-index:100; pointer-events:none; display:block; animation:none;}
#wrap .layer_dim.on {opacity:1; pointer-events:inherit; }
@keyframes opacity{ 0%{opacity:0;} 100%{opacity:1;} }
/*** 이벤트 게시판 목록 | layout/board/list_event.html ***/
ul.bbs_event {padding:10px 0 0;display:flex;flex-wrap:wrap;}
ul.bbs_event li {width: calc(33.32% - 16px);position:relative;z-index:1;font-size:16px;}
ul.bbs_event li:nth-of-type(n + 4) {margin-top:48px;}
ul.bbs_event li > a {position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;z-index:5;}
ul.bbs_event li .thumb {height:260px;overflow:hidden;position:relative;z-index:1;width:100%;font-size:inherit;background:#000;}
ul.bbs_event li .thumb a {height:inherit;display:table-cell;vertical-align:middle;width:100%;transition: all 0.3s;text-align:center;}
ul.bbs_event li .thumb img {width:auto;height:auto;min-width:100%;min-height:initial;max-width:initial;max-height:100%;transition:all 0.3s;transform:translate(-50%, -50%) scale(1, 1);vertical-align:middle;margin:0 auto;position:absolute;left:50%;top:50%;}
ul.bbs_event li:hover .thumb img {transform: translate(-50%, -50%) scale(1.1, 1.1);}
ul.bbs_event li .txt_info {font-size:inherit;}
ul.bbs_event li .txt_info h3 {margin:24px 0 12px;font-size:18px;line-height:1em;height:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0;vertical-align:top;}
ul.bbs_event li .txt_info h3 strong, ul.bbs_event li .txt_info h3 span {display:inline-block;margin:0;vertical-align:top;padding:0;font-size:inherit;line-height:inherit;}
ul.bbs_event li .txt_info h3 strong {font-weight:500;color:#222;}
ul.bbs_event li .txt_info h3 span {font-size:12px;font-weight:300;}
ul.bbs_event li .txt_info p {font-size:inherit;font-weight:400;color:#999;}
ul.bbs_event li.event_end > a {display:none;}
ul.bbs_event li.event_end .thumb:before {position:absolute;left:0;top:0;width:100%;height:100%;padding-top: calc(33.95% - 0.5em);font-size:inherit;line-height:1em;display:inline-block;content:"종료된 이벤트입니다.";background:rgba(0, 0, 0, 0.5);z-index:3;color:#fff;text-align:center;vertical-align:middle;}
ul.bbs_event li.event_end:hover .thumb img {transform: translate(-50%, -50%) scale(1, 1);}
/*** 채용공고 게시판 목록 | layout/board/list_recrutment.html ***/
table.bbs_recruit.bbs_list {}
table.bbs_recruit.bbs_list colgroup {}
table.bbs_recruit.bbs_list col:nth-of-type(1) {width:7%;}
table.bbs_recruit.bbs_list col:nth-of-type(2) {}
table.bbs_recruit.bbs_list col:nth-of-type(3) {width:18%;}
table.bbs_recruit.bbs_list thead {}
table.bbs_recruit.bbs_list thead th {}
table.bbs_recruit.bbs_list tbody {}
table.bbs_recruit.bbs_list tbody td {}
table.bbs_recruit.bbs_list tbody td.td_pc {display:table-cell;}
table.bbs_recruit.bbs_list tbody td.td_t {display:none;}
table.bbs_recruit.bbs_list tbody td .td_ing, table.bbs_recruit.bbs_list tbody td .td_deadline {font-size:inherit;line-height:inherit;font-family:inherit;padding:0;display:inline-block;margin:0 auto;}
table.bbs_recruit.bbs_list tbody td .td_deadline {color:#333;font-weight:500;}
table.bbs_recruit.bbs_list tbody td .td_ing {color:#999;}
table.bbs_recruit.bbs_list tbody td .td_ing b {color:#3994eb;font-weight:500;font-size:inherit;line-height:inherit;font-family:inherit;}
/*** 게시글 비번 입력 layout/board/board_secret.html ***/
.sub_pw_input {}
.sub_pw_input .ok_box {max-width:820px;margin:0 auto;padding:75px 0 80px;text-align:center;border:1px solid #ddd;}
.sub_pw_input .ok_box h2 {word-break:keep-all;padding-bottom:1.11em;font-size:18px;line-height:1.5;font-weight:400;color:#222;}
.sub_pw_input .ok_box div.input_box {padding-bottom:40px;}
.sub_pw_input .ok_box div.input_box input {width:280px;height:50px;padding:5px 10px;border:0;background:#eee;}
.sub_pw_input .ok_box div.input_box input:focus {border:1px solid #333;background:#fff;padding:0 9px;}
.sub_pw_input .ok_box a.ok_bt {display:inline-block;font-size:15px;font-weight:700;width:120px;height:40px;background:#222222;border:1px solid #222222;text-align:center;line-height:40px;color:#fff;font-weight:500;}
/* 게시판 비번 */
.password_popup {text-align:center;}
.password_popup p {color:#888;padding:40px 0 10px 0;}
.password_popup h2 {}
.password_popup h2 input {border:1px solid #d3d3d3;padding:3px 5px;width:150px;}
.password_popup h3 {padding-top:15px;}
@media only screen and (max-width:1217px) {
/*** 갤러리&동영상 게시판 목록 | layout/board/list_gallery_01.html && list_video_01.html ***/
.sub_board ul.bbs_gallery {width:calc(100% + 20px);margin-left:-20px;}
ul.bbs_gallery li {width:calc(25% - 20px);margin:0 0 50px 20px;}
ul.bbs_gallery li .txt_info .board_tit h3 {font-size:17px;}
/*** 이벤트 게시판 목록 | layout/board/list_event.html ***/
ul.bbs_event li {width: calc(33.32% - 12px);}
ul.bbs_event li .thumb {height:22.6vw;}
ul.bbs_event li .thumb img {min-width: calc(100% + 2px);max-height: calc(100% + 2px);}
ul.bbs_event li .txt_info h3 {margin-top:20px;}
ul.bbs_event li.event_end .thumb:before {padding-top: calc(11.3vw - 0.5em);}
/*** 채용공고 게시판 목록 | layout/board/list_recrutment.html ***/
table.bbs_recruit.bbs_list col:nth-of-type(1) {width:8%;}
table.bbs_recruit.bbs_list col:nth-of-type(3) {width:20%;}
}
@media only screen and (max-width:1023px) {
/*** 갤러리형, 이벤트형, 동영상형 공통 ***/
/* 갤러리 고정글 */
.gallery_notice {margin-bottom:40px;}
/*** 갤러리&동영상 게시판 목록 | layout/board/list_gallery_01.html && list_video_01.html ***/
.sub_board ul.bbs_gallery {width:calc(100% + 20px);margin-left:-20px;}
ul.bbs_gallery li {width:calc(33.33% - 20px);margin:0 0 40px 20px;}
/*** 이벤트 게시판 목록 | layout/board/list_event.html ***/
ul.bbs_event li {width: calc(33.32% - 10.6px);font-size:15px;}
ul.bbs_event li:nth-of-type(n + 4) {margin-top:36px;}
ul.bbs_event li:hover .thumb img {transform: translate(-50%, -50%) scale(1, 1);}
ul.bbs_event li .txt_info h3 {margin:18px 0 10px;font-size:17px;}
/*** 채용공고 게시판 목록 | layout/board/list_recrutment.html ***/
table.bbs_recruit.bbs_list col:nth-of-type(3) {width:23%;}
}
@media only screen and (max-width:860px) {
/*** 갤러리형, 이벤트형, 동영상형 공통 ***/
/* 갤러리 고정글 */
.gallery_notice {margin-bottom:40px;}
.gallery_notice li {padding:15px;}
.gallery_notice li .thumb {width:140px;height:100px;}
.gallery_notice li .txt_info .board_tit .board_ico {display:block;}
.gallery_notice li .txt_info {width:calc(100% - 140px);padding-left:25px;}
.gallery_notice li .txt_info b {font-size:14px;}
.gallery_notice li .txt_info .board_tit h3 {font-size:15px;}
.gallery_notice li p {font-size:13px;margin-top:2em;}
/*** 갤러리&동영상 게시판 목록 | layout/board/list_gallery_01.html && list_video_01.html ***/
.sub_board ul.bbs_gallery {width:calc(100% + 15px);margin-left:-15px;}
ul.bbs_gallery li {width:calc(33.33% - 15px);margin:0 0 30px 15px;border-radius: 15px;}
ul.bbs_gallery li:hover .thumb {border:none;}
ul.bbs_gallery li .txt_info {padding:17px 20px;}
ul.bbs_gallery li .txt_info .board_tit h3 {font-size: 16px;}
ul.bbs_gallery li .txt_info .board_tit h3 strong {}
ul.bbs_gallery li p {font-size:13px;}
ul.bbs_gallery li p span {height:9px;margin:-2px 8px 0 8px;}
/*** 이벤트 게시판 목록 | layout/board/list_event.html ***/
ul.bbs_event li {font-size:14px;}
ul.bbs_event li .txt_info h3 {margin:16px 0 10px;font-size:16px;}
/*** 채용공고 게시판 목록 | layout/board/list_recrutment.html ***/
table.bbs_recruit.bbs_list {}
table.bbs_recruit.bbs_list colgroup {}
table.bbs_recruit.bbs_list col:nth-of-type(1) {width:9%;}
table.bbs_recruit.bbs_list col:nth-of-type(2) {}
table.bbs_recruit.bbs_list col:nth-of-type(3) {width:26%;}
table.bbs_recruit.bbs_list thead {}
table.bbs_recruit.bbs_list thead th {}
table.bbs_recruit.bbs_list tbody {}
table.bbs_recruit.bbs_list tbody td {}
table.bbs_recruit.bbs_list tbody td.td_pc {display:table-cell;}
table.bbs_recruit.bbs_list tbody td.td_t {display:none;}
table.bbs_recruit.bbs_list tbody td .td_ing, table.bbs_recruit.bbs_list tbody td .td_deadline {font-size:inherit;line-height:inherit;font-family:inherit;padding:0;display:inline-block;margin:0 auto;}
table.bbs_recruit.bbs_list tbody td .td_deadline {color:#333;font-weight:500;}
table.bbs_recruit.bbs_list tbody td .td_ing {color:#999;}
table.bbs_recruit.bbs_list tbody td .td_ing b {color:#3994eb;font-weight:500;font-size:inherit;line-height:inherit;font-family:inherit;}
/*** 게시글 비번 입력 layout/board/board_secret.html ***/
.sub_pw_input {}
.sub_pw_input .ok_box {padding:60px 15px;}
.sub_pw_input .ok_box h2 {font-size:16px;box-sizing:border-box;}
.sub_pw_input .ok_box div.input_box {padding-bottom:30px;}
.sub_pw_input .ok_box div.input_box input {width:50%;height:40px;min-width:200px;}
.sub_pw_input .ok_box a.ok_bt {font-size:14px;width:100px;height:35px;line-height:35px;}
}
@media only screen and (max-width:767px) {
/*** 이벤트 게시판 목록 | layout/board/list_event.html ***/
ul.bbs_event li {width: calc(50% - 8px);font-size:14px;}
ul.bbs_event li:nth-of-type(n + 3) {margin-top:36px;}
ul.bbs_event li .thumb {height:32.1vw;}
ul.bbs_event li .txt_info h3 {font-size:16px;}
ul.bbs_event li.event_end .thumb:before {padding-top: calc(16.05vw - 0.5em);}
}
@media only screen and (max-width:640px) {
/*** 갤러리형, 이벤트형, 동영상형 공통 ***/
/* 갤러리 고정글 */
.gallery_notice {margin-bottom:30px;}
.gallery_notice li {padding:10px 15px;}
.gallery_notice li .thumb {width:100px;height:80px;}
.gallery_notice li .txt_info {width:calc(100% - 100px);padding-left:20px;}
.gallery_notice li .txt_info b {font-size:13px;}
.gallery_notice li .txt_info .board_tit h3 {font-size:14px;}
.gallery_notice li p {font-size:12px;margin-top:1em;}
.gallery_notice li p span {margin-top:1px;}
/*** 갤러리&동영상 게시판 목록 | layout/board/list_gallery_01.html && list_video_01.html ***/
.sub_board ul.bbs_gallery {width:calc(100% + 15px);margin-left:-15px;}
ul.bbs_gallery li {width:calc(50% - 15px);margin: 0 0 15px 15px;}
ul.bbs_gallery li .txt_info .board_tit h3 {font-size: 15px;}
ul.bbs_gallery li p {font-size:12px;}
/*** 이벤트 게시판 목록 | layout/board/list_event.html ***/
ul.bbs_event li .txt_info h3 {font-size:15px;}
/*** 채용공고 게시판 목록 | layout/board/list_recrutment.html ***/
table.bbs_recruit.bbs_list col:nth-of-type(1), table.bbs_recruit.bbs_list thead th:nth-of-type(1), table.bbs_recruit.bbs_list tbody td:nth-of-type(1) {display:none;}
table.bbs_recruit.bbs_list col:nth-of-type(2), table.bbs_recruit.bbs_list td:nth-of-type(2), table.bbs_recruit.bbs_list th:nth-of-type(2) {width:auto;display:table-cell;}
table.bbs_recruit.bbs_list col:nth-of-type(3), table.bbs_recruit.bbs_list td:nth-of-type(3), table.bbs_recruit.bbs_list th:nth-of-type(3) {width:30%;min-width:140px;padding-left:5px;padding-right:5px;display:table-cell;}
table.bbs_recruit.bbs_list tbody td.td_t {display:table-cell;}
table.bbs_recruit.bbs_list tbody td.td_pc {display:none;}
/*** 게시글 비번 입력 layout/board/board_secret.html ***/
.sub_pw_input {}
.sub_pw_input .ok_box {padding:40px 15px;}
.sub_pw_input .ok_box h2 {font-size:15px;}
.sub_pw_input .ok_box div.input_box {padding-bottom:20px;}
}
@media only screen and (max-width:479px) {
/*** 갤러리형, 이벤트형, 동영상형 공통 ***/
/* 갤러리 고정글 */
.gallery_notice li {padding:10px;}
.gallery_notice li .thumb {}
.gallery_notice li .txt_info {padding-left:15px;}
.gallery_notice li .txt_info b {font-size:12px;}
.gallery_notice li .txt_info .board_tit h3 {font-size:13px;}
.gallery_notice li .txt_info .board_tit h3 strong {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.bbs_no_data {padding:2.4%;}
/*** 갤러리&동영상 게시판 목록 | layout/board/list_gallery_01.html && list_video_01.html ***/
.sub_board ul.bbs_gallery {width:100%;margin-left:0;}
ul.bbs_gallery li {width:100%;margin:0 0 15px 0;}
/*** 이벤트 게시판 목록 | layout/board/list_event.html ***/
ul.bbs_event {padding-top:0;margin-top:-20px;padding-bottom:20px;}
ul.bbs_event li {font-size:13px;}
ul.bbs_event li:nth-of-type(n + 3) {margin-top:32px;}
ul.bbs_event li .txt_info h3 {margin:12px 0 8px;font-size:14px;line-height:1.3em;height:auto;min-height:1.3em;max-height:2.6em;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
/*** 채용공고 게시판 목록 | layout/board/list_recrutment.html ***/
table.bbs_recruit.bbs_list {}
table.bbs_recruit.bbs_list colgroup {}
table.bbs_recruit.bbs_list col:nth-of-type(1), table.bbs_recruit.bbs_list thead th:nth-of-type(1), table.bbs_recruit.bbs_list tbody td:nth-of-type(1) {display:none;}
table.bbs_recruit.bbs_list col:nth-of-type(2), table.bbs_recruit.bbs_list td:nth-of-type(2), table.bbs_recruit.bbs_list th:nth-of-type(2) {width:auto;display:table-cell;}
table.bbs_recruit.bbs_list col:nth-of-type(3), table.bbs_recruit.bbs_list td:nth-of-type(3), table.bbs_recruit.bbs_list th:nth-of-type(3) {width:30%;min-width:140px;padding-left:5px;padding-right:5px;display:table-cell;}
table.bbs_recruit.bbs_list thead {}
table.bbs_recruit.bbs_list thead th {}
table.bbs_recruit.bbs_list tbody {}
table.bbs_recruit.bbs_list tbody td {}
table.bbs_recruit.bbs_list tbody td.td_t {display:table-cell;}
table.bbs_recruit.bbs_list tbody td.td_pc {display:none;}
table.bbs_recruit.bbs_list tbody td .td_ing, table.bbs_recruit.bbs_list tbody td .td_deadline {font-size:inherit;line-height:inherit;font-family:inherit;padding:0;display:inline-block;margin:0 auto;}
table.bbs_recruit.bbs_list tbody td .td_deadline {color:#333;font-weight:500;}
table.bbs_recruit.bbs_list tbody td .td_ing {color:#999;}
table.bbs_recruit.bbs_list tbody td .td_ing b {color:#3994eb;font-weight:500;font-size:inherit;line-height:inherit;font-family:inherit;}
}
@media only screen and (max-width:360px) {
/*** 이벤트 게시판 목록 | layout/board/list_event.html ***/
ul.bbs_event li {font-size:12px;}
ul.bbs_event li:nth-of-type(n + 3) {margin-top:28px;}
}
/*───────────────────────────────────────────────────────────
GOODS
───────────────────────────────────────────────────────────*/
/*** 일반 ***/
@media only screen and (max-width:1217px) {
}
/*───────────────────────────────────────────────────────────
MEMBER
───────────────────────────────────────────────────────────*/
/*** 일반 ***/
@media only screen and (max-width:1217px) {
}
/*───────────────────────────────────────────────────────────
SERVICE
───────────────────────────────────────────────────────────*/
/*** 일반 ***/
@media only screen and (max-width:1217px) {
}
/*───────────────────────────────────────────────────────────
** navigation, button 관련 css 영역
───────────────────────────────────────────────────────────*/
/*** 일반 ***/
@media only screen and (max-width:1217px) {
}
/*───────────────────────────────────────────────────────────
sub_top common
───────────────────────────────────────────────────────────*/
/*** 일반 ***/
.sub_top {padding-top:88px;}
.sub_top .sub_top_title {display: flex;justify-content: space-between;align-items: center;}
.sub_top .sub_top_title h2 {font-size:60px;font-weight:700;color:#111;}
.sub_top .sub_visual {width:100%;height:400px;margin-top:70px;background-position:center;background-size:cover;}
/* slide toggle */
#side_box {position:relative;z-index:5;}
#side_box .sub_menu2 {padding:0;margin:0;z-index:2;width: auto;margin:0px auto;display: flex;align-items:center;}
#side_box .sub_menu2:after{content:"";display:block;clear:both;}
#side_box .sub_menu2 h2 {font-size:0;float:left;margin-right: 40px;}
#side_box .sub_menu2 h2 a {display:inline-block;width: 40px;height: 40px;background: url('../images/sub/ico_navi_home.png') no-repeat 50% 48% #004b80;font-size:0;border-radius: 100%;}
#side_box .sub_menu2 dl {float:left;font-size:0;vertical-align:top;height: 45px;line-height: 45px;box-sizing:border-box;text-align:left;font-size:0;font-weight:500;}
#side_box .sub_menu2 dt,
#side_box .sub_menu2 dd {display:inline-block;vertical-align:top;height:inherit;line-height:inherit;text-align:left;color: #111;box-sizing:border-box;font-weight:inherit;width: 200px;font-size: 18px;position:relative;z-index:5;border-bottom: 1px solid #aaa;position:relative;}
#side_box .sub_menu2 dt {}
#side_box .sub_menu2 dd {margin-left: 40px;}
#side_box .sub_menu2 dd:before {content:'';display:block;position:absolute;width:1px;height:13px;background:#ddd;left:-20px;top:15px;}
#side_box .sub_menu2 strong {display:block;cursor:pointer;box-sizing:border-box;font-size:inherit;font-weight:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0 20px 0 0;}
#side_box .sub_menu2 strong:after {content:'';display:block;width: 6px;height: 6px;border-top: 2px solid #000;border-left: 2px solid #000;position:absolute;right: -1px;top:50%;margin-top:-12px;transform:rotate(225deg);transform-origin:bottom;transition:all .2s;}
#side_box .sub_menu2 strong.on:after {transform:rotate(45deg);border-top: 2px solid #004b80;border-left: 2px solid #004b80;margin-top: -4px;right: 4px;}
#side_box .sub_menu2 strong img{padding-left:5px;}
#side_box .sub_menu2 ul {display:none;position:absolute;left:-1px;top:calc(100% - 1px);width:calc(100% + 2px);z-index:5;overflow:hidden;border:1px solid #ddd;background:#fff;box-sizing:border-box;text-align:left;}
#side_box .sub_menu2 ul li:nth-of-type(1) {margin-top:10px;}
#side_box .sub_menu2 ul li:last-of-type {margin-bottom:10px;}
#side_box .sub_menu2 ul li {background:#fff;border-top:0;font-weight:400;font-size:15px;color:#333;height:2.8em;line-height:2.8;}
#side_box .sub_menu2 ul li + li {}
#side_box .sub_menu2 ul li a {padding:0 20px;display:inline-block;vertical-align:top;box-sizing:border-box;text-align:center;font-weight:400;font-size:15px;color:#333;width:100%;text-align:left;}
#side_box .sub_menu2 ul li.on a,
#side_box .sub_menu2 ul li:hover a {color:#004b80;font-weight:600;}
@media only screen and (max-width:1230px){
#side_box .sub_menu2{width:100%;box-sizing:border-box;}
}
@media only screen and (max-width:1200px) {
.sub_top .sub_visual {height:0;padding-bottom:33.334%;margin-top:5.834%;}
#side_box .sub_menu2 dt, #side_box .sub_menu2 dd {width:180px;}
}
@media only screen and (max-width:1024px){
.sub_top {padding-top:8%;}
.sub_top .sub_top_title {display:block;}
.sub_top .sub_top_title h2 {font-size:45px;}
#side_box {margin-top:5%;}
#side_box .sub_menu2 h2 {margin-right:30px;}
#side_box .sub_menu2 dl{width:calc(100% - 60px);}
#side_box .sub_menu2 dd {margin-left:30px;}
#side_box .sub_menu2 dd:before {left:-15px;}
#side_box .sub_menu2 .navi_step{width:calc(33.333% - 20px);}
}
@media only screen and (max-width:860px) {
.sub_top {padding-top:11%;}
#side_box {margin-top:4%;}
#side_box .sub_menu2 h2 {margin-right:20px;}
#side_box .sub_menu2 h2 a {width:33px;height:33px;background-size:15px auto;}
#side_box .sub_menu2 dl {width:calc(100% - 50px);height:40px;line-height:40px;}
#side_box .sub_menu2 dt, #side_box .sub_menu2 dd {font-size:16px;}
}
@media only screen and (max-width:640px){
.sub_top .sub_top_title h2 {font-size:30px;}
.sub_top .sub_visual {padding-bottom:40.334%;}
#side_box .sub_menu2 dl{width:calc(100% - 50px);height:50px;line-height:50px;}
#side_box .sub_menu2 .navi_step{width:calc(50% - 15px);}
#side_box .sub_menu2 .navi_step.dep3, #side_box .sub_menu2 .navi_step.dep4{display: none;}
#side_box .sub_menu2 dt, #side_box .sub_menu2 dd{font-size:15px;height:40px;line-height:40px;}
}
@media only screen and (max-width:479px) {
.sub_top .sub_top_title h2 {font-size:28px;}
.sub_top .sub_visual {padding-bottom:50.334%;}
#side_box .sub_menu2 .navi_step {width:100%;}
#side_box .sub_menu2 .navi_step {display:none;}
#side_box .sub_menu2 .navi_step.dep2 {display:block;margin:0;}
#side_box .sub_menu2 .navi_step.dep2:before {display:none;}
}
/*───────────────────────────────────────────────────────────
side box common
───────────────────────────────────────────────────────────*/
/*───────────────────────────────────────────────────────────
navigation common
───────────────────────────────────────────────────────────*/
/*** 일반 ***/
.nav_wrap {}
.nav_wrap .nav_box {border:0;margin:0;padding-bottom:80px;position:relative;z-index:1;}
.nav_wrap .nav_box:after {clear:both;content:"";display:block;}
.nav_wrap .nav_box h2 {font-size:50px;line-height:1;padding:0;margin:0;text-align:center;color:#111;font-weight:700;z-index:1;}
.nav_wrap .nav_box p {font-size:17px;line-height:1.67;padding:1% 0 0 0;color:#666;font-weight:400;text-align:center;}
.nav_tab {font-size:0;text-align:center;padding:19px 0 60px;}
.nav_tab li {font-size:18px;line-height:1;font-weight:400;color:#111;padding-top:25px;position:relative;display:inline-block;}
.nav_tab li.on {font-weight:700;}
.nav_tab li + li {margin-left:80px;}
.nav_tab li a {font-size:inherit;font-weight:inherit;color:inherit;}
.nav_tab li.on:before {content:'';display:block;position:absolute;width:10px;height:10px;background:#004b80;border-radius:100%;top:0;left:50%;transform:translateX(-50%);}
.nav_tab li:hover a {font-weight:700;}
@media only screen and (max-width:1200px) {
.nav_wrap .nav_box {}
.nav_wrap .nav_box h2 {font-size:45px;}
}
@media only screen and (max-width:1024px) {
.nav_wrap .nav_box {padding:0 0 6.8% 0;}
.nav_wrap .nav_box h2 {font-size:40px;}
.nav_wrap .nav_box p {font-size:16px;padding-top:2%;}
.nav_tab {padding:0 0 5.5%;}
}
@media only screen and (max-width:860px) {
.nav_wrap .nav_box {padding: 0 0 6% 0;}
.nav_wrap .nav_box h2 {font-size:35px;}
}
@media only screen and (max-width:767px) {
.nav_wrap .nav_box h2 {font-size:30px;}
.nav_wrap .nav_box p {font-size:15px;padding-top:3%;}
.nav_tab li {font-size:17px;padding-top:23px;}
.nav_tab li + li {margin-left:50px;}
.nav_tab li.on:before {width:8px;height:8px;}
.nav_tab li:hover {font-weight:400;}
.nav_tab {}
}
@media only screen and (max-width:640px) {
.nav_wrap .nav_box h2 {font-size: 28px;}
.nav_wrap .nav_box p {font-size:14px;padding-top:4%;}
.nav_wrap .nav_box {padding: 0 0 8% 0;}
.nav_tab {padding:0 0 5.5%;}
.nav_tab li {font-size:16px;padding-top:22px;}
.nav_tab li + li {margin-left:40px;}
.nav_tab li.on:before {width:7px;height:7px;}
}
@media only screen and (max-width:479px) {
.nav_wrap .nav_box {padding: 0 0 10% 0;}
}
/*───────────────────────────────────────────────────────────
SOLUTION | Amaranth
───────────────────────────────────────────────────────────*/
/*solution title*/
.sub_solutioin_cont{position:relative; }
.sub_solutioin_cont .sub_title{display: flex;align-items: flex-end;justify-content: space-between;}
.sub_solutioin_cont .sub_title .txt{}
.sub_solutioin_cont .sub_title .txt h3{font-size:68px;color:#111;font-weight:800;}
.sub_solutioin_cont .sub_title .txt p{font-size:22px;color:#111;font-weight:400;margin-top:10px;}
.sub_solutioin_cont .sub_title .btn_box{font-size:0;margin-bottom:3px;}
.sub_solutioin_cont .sub_title .btn_box .btn_counsel,
.sub_solutioin_cont .sub_title .btn_box .btn_download{display: inline-block;box-sizing:border-box;vertical-align: top;width:240px;height:68px;line-height:70px;border-radius:34px;font-size:18px;color:#fff;font-weight:500;text-align: center;padding-right:28px;letter-spacing:0;}
.sub_solutioin_cont .sub_title .btn_box .btn_counsel{background:#05243a url('../images/sub/icon-counsel.png')no-repeat right 52px center;padding-right:38px;}
.sub_solutioin_cont .sub_title .btn_box .btn_download{background:#000 url('../images/sub/icon-down.png')no-repeat right 40px center;margin-left:20px;}
.solution_visual{width:100%;height:680px;position: relative;margin-top:37px; }
.solution_visual:before{position:absolute; content:''; width:10.42vw; height:10.42vw; border-radius:100%; box-sizing:border-box; border:2.65vw solid #004b80; top:-5.7vw ;left:-5.7vw; clip-path: inset(0 0 calc(45.2%) 0);}
.solution_visual .txt{position: absolute;left: 50%;transform: translate(-50%);bottom: 124px;}
.solution_visual .txt p{font-size:20px;color:#fff;font-weight:500;line-height:40px;word-break:keep-all;}
/*서브 타이틀*/
.solution_content{}
.solution_content .sub_tit{text-align: center;margin-bottom:110px;position: relative;z-index: 3;}
.solution_content .sub_tit.line:before{display:block;content:'';width:1px;height:100px;margin: 60px auto 53px;background:#000;}
.solution_content .sub_tit h4{font-size:50px;color:#111;font-weight:700;word-break:keep-all;}
.solution_content .sub_tit h5{font-size:44px; font-weight:600; color:#111;}
.solution_content .sub_tit h5 + p{margin-top:15px;}
.solution_content .sub_tit h5 strong{font-size:inherit; font-weight:inherit; color:#05243a;}
.solution_content .sub_tit h6{font-size:30px;font-weight:400;color:#111;letter-spacing: 0;}
.solution_content .sub_tit h6 + h5{margin-top:12px;}
.solution_content .sub_tit p{font-size:18px;color:#666;font-weight:300;margin-top:19px;word-break:keep-all;}
.solution_content .sub_tit p em{font-size:22px; font-weight:400; color:#666; line-height:181%; letter-spacing:0;}
.sub_amarnth_title{text-align: center;margin-top:91px;}
.sub_amarnth_title dl dt{font-size:50px;color:#111;font-weight:700;}
.sub_amarnth_title dl dd{font-size:18px;color:#666;font-weight:300;margin-top:25px;}
.sub_amarnth_title .img{margin-top:75px;}
.sub_amaranth01{margin-top:88px;}
.sub_amaranth02{margin-top:130px;}
.sub_amaranth03{margin-top:145px;}
.sub_amaranth03 .sub_tit{}
.solution_img{text-align: center;}
/*주요기능*/
.amaranth_function{margin-top:113px;}
.amaranth_function .sub_tit{margin-bottom:21px;}
/*큰 탭*/
.amaranth_function .tab_title{position: relative;text-align: center;width:1500px;margin:0 auto;box-sizing:border-box;}
.amaranth_function .tab_title .function_tab1{}
.amaranth_function .function_tab1 .tab_wrapper{display: inline-flex;width:calc(1440px + 66px);margin:0 auto;box-sizing:border-box;margin-left:-33px; /*justify-content:center;*/flex-direction: row;flex-wrap: wrap;justify-content: center;}
.amaranth_function .function_tab1 .tab_wrapper li{display: inline-block;width:auto;cursor:pointer;padding-top:22px;margin:0 33px;}
.amaranth_function .function_tab1 .tab_wrapper li span{display: block;font-size:18px;color:#111;font-weight:400;position: relative;}
.amaranth_function .function_tab1 .tab_wrapper li span:before{width:0;height:0;content:"";box-sizing:border-box;border-radius:100%;background:#004b80;position: absolute;left:50%;transform:translate(-50%);top:-21px;}
.amaranth_function .function_tab1 .tab_wrapper li.on span:before{width:10px;height:10px;}
.amaranth_function .function_tab1 .tab_wrapper li.on span{font-weight:700;}
.amaranth_function .tab_title .title_arw{}
.amaranth_function .tab_title .swiper-arw{width:20px;height:20px;top:auto;bottom:0;}
.amaranth_function .tab_title .swiper-arw.swiper-button-prev{left:0;}
.amaranth_function .tab_title .swiper-arw.swiper-button-next{right:0;}
.amaranth_function .tab_title .swiper-arw:before{width:100%;height:100%;content:"";border:1px solid #aaa;border-width:2px 2px 0 0;position: absolute;}
.amaranth_function .tab_title .swiper-arw.swiper-button-prev:before{transform:rotate(-135deg);}
.amaranth_function .tab_title .swiper-arw.swiper-button-next:before{transform:rotate(45deg);}
.amaranth_function .tab_title .swiper-arw:after{display: none;}
/*작은 탭*/
/* .function_tab2 ul{width:100%;white-space:nowrap;overflow-x:auto;padding-bottom:10px;} */
/* .function_tab2 ul::-webkit-scrollbar{height:4px;background:#ddd;}
.function_tab2 ul::-webkit-scrollbar-thumb{height:100%;background:#000;} */
/* .function_tab2 .slick-track{transform:translate(0) !important;} */
.function_tab2_box{position: relative;}
.function_tab_content .function_tab2_box .swipe-arrow{position: absolute;top:3%;width:40px;height:40px;cursor:pointer;font-size:0;z-index:10;display: block !important;}
.function_tab_content .function_tab2_box .swipe-arrow.prev{left:-44px;}
.function_tab_content .function_tab2_box .swipe-arrow.next{right:-44px;}
.function_tab_content .function_tab2_box .swipe-arrow:before{width:20px;height:20px;content:"";border:1px solid #ccc;border-width:2px 2px 0 0;position: absolute;top:10px;}
.function_tab_content .function_tab2_box .swipe-arrow.prev:before{transform:rotate(-135deg);left:16px;}
.function_tab_content .function_tab2_box .swipe-arrow.next:before{transform:rotate(45deg);right:16px;}
.function_tab2 ul li{display: inline-block;width:auto;cursor:pointer;font-size:15px;color:#666;font-weight:300;box-sizing:border-box;vertical-align: middle;height:41px;line-height:41px;padding:0 28px;}
/* .function_tab2 .slick-slide + .slick-slide{margin-left:20px;} */
.function_tab2 ul li.swiper-slide-thumb-active{background:#004b80;color:#fff;font-weight:500;border-radius:20px;}
/*내용*/
.function_tab_content{box-sizing:border-box;background:#f9f9f9;padding:27px 0 92px;margin-top:25px;}
.function_tab_content > div{height:0;overflow:hidden;}
.function_tab_content > div.on{height:auto;overflow:initial;}
.function_tab_content .function_content{margin-top:104px;position: relative;}
.function_tab_content .content_slide .flex_box{display:flex;align-items:center;justify-content:space-between;}
.function_tab_content > div .content_slide:nth-of-type(2n) .flex_box{flex-direction:row-reverse;}
.function_tab_content .content_slide .txt_box{width:31.5%;transition:all 1s;transition-delay:1s;opacity:0;transform:translate(-150%);}
.function_tab_content > div.on .content_slide .txt_box{}
.function_tab_content .content_slide .txt_box .index{font-size:24px;color:#111;font-weight:700;}
.function_tab_content .content_slide .txt_box .title1{font-size:26px;color:#111;font-weight:400;position: relative;margin-top:25px;padding-top:33px;word-break:keep-all;}
.function_tab_content .content_slide .txt_box .title1:before{width:41px;height:3px;content:"";background:#05243a;position: absolute;top:0;left:0;}
.function_tab_content .content_slide .txt_box .title2{font-size:40px;color:#111;font-weight:800;margin:14px 0 24px;word-break:keep-all;}
.function_tab_content .content_slide .txt_box .title2.under_line:after{display:block; content:''; width:40px; height:2px; background:#05243a; margin:39px 0 1.5vw 4px;}
.function_tab_content .content_slide .txt_box .des{font-size:16px;color:#888;font-weight:300;line-height:26px;word-break:keep-all;}
.function_tab_content .content_slide .txt_box .link_video{display: inline-block;font-size:16px;color:#111;font-weight:400;border-bottom:1px solid #111;margin-top:50px;}
.function_tab_content .content_slide .img_box{width:68.5%;transition:all 0.8s;transition-delay:0.5s;opacity:0;transform:translate(100%);}
/*active*/
.function_tab_content .content_slide.swiper-slide-active .txt_box{transform:translate(0);opacity:1;transition:all 1s;transition-delay:1s;}
.function_tab_content .content_slide.swiper-slide-active .img_box{transform:translate(0);opacity:1;transition:all 1s;transition-delay:0.5s;}
.function_tab_content .content_slide:nth-of-type(even).swiper-slide-active .txt_box{transform:translate(0) !important;opacity:1;transition:all 1s;transition-delay:1s;}
.function_tab_content .content_slide:nth-of-type(even).swiper-slide-active .img_box{transform:translate(0) !important;opacity:1;transition:all 0.8s;transition-delay:0.5s;}
/*짝수*/
.function_tab_content .content_slide:nth-of-type(even) .flex_box{flex-direction: row-reverse;}
.function_tab_content .content_slide:nth-of-type(even) .flex_box .txt_box{text-align: right;transform:translate(150%);}
.function_tab_content .content_slide:nth-of-type(even) .txt_box .title1:before{right:0;left:auto;}
.function_tab_content .content_slide:nth-of-type(even) .flex_box .img_box{transform:translate(-100%);}
.function_tab_content .function_content .swipe-arrow{position: absolute;top:50%;width:55px;height:55px;cursor:pointer;font-size:0;z-index:10;}
.function_tab_content .function_content .swipe-arrow.prev{left:-123px;}
.function_tab_content .function_content .swipe-arrow.next{right:-123px;}
.function_tab_content .function_content .swipe-arrow:before{width:35px;height:35px;content:"";border:1px solid #ccc;border-width:2px 2px 0 0;position: absolute;top:10px;}
.function_tab_content .function_content .swipe-arrow.prev:before{transform:rotate(-135deg);left:20px;}
.function_tab_content .function_content .swipe-arrow.next:before{transform:rotate(45deg);right:20px;}
/*경영체계*/
.sub_management{box-sizing:border-box;padding-top:91px;margin-top:155px;position: relative;}
.sub_management:before{width:1440px;height:1px;content:"";background:#ddd;position: absolute;top:0;left:50%;transform:translate(-50%);}
.sub_management .management_box{background-image:linear-gradient(0deg, #f9f9f9 56%, #fff 75%);box-sizing:border-box;padding-bottom:100px;}
.sub_management .sub_tit{margin-bottom:46px;}
.sub_management .manage_list{display:flex;flex-wrap:wrap;width:calc(100% + 30px);margin-left:-15px;counter-reset:counter;}
.sub_management .manage_list li{width:calc(33.3333% - 30px);box-sizing:border-box;margin:0 15px 30px;border-radius:20px;border:1px solid #ddd;padding:50px 40px;height:340px;position: relative;counter-increment:counter;background:#fff; transition:all 0.8s;overflow:hidden; cursor:pointer;}
.sub_management .manage_list li:before{content:"0" counter(counter);font-size:120px;color:rgba(17, 17, 17, 0.04);font-weight:800;line-height:0.8;position: absolute;bottom:40px;right:40px; z-index:3; transition:all 0.8s;}
.sub_management .manage_list li:after{position:absolute; content:''; top:0; right:0; background:#004b80; width:100%; height:100%; z-index:1; transition:all 0.8s; clip-path: circle(0% at 100% 0);}
.sub_management .manage_list li dl{position:relative; z-index:2;}
.sub_management .manage_list li dl dt{font-size:24px;color:#111;font-weight:600;word-break:keep-all; transition:all 0.8s;}
.sub_management .manage_list li dl dd{position:relative; font-size:16px;color:#666;font-weight:300;line-height:26px;margin-top:25px;word-break:keep-all; transition:all 0.8s;}
.sub_management .manage_list li dl dd.bullet{font-size:18px; font-weight:500; padding-left:10px; line-height:166%;}
.sub_management .manage_list li dl dd.bullet:before{position:absolute; content:'·'; top:0; left:0;}
.sub_management .manage_list li dl dd.bullet + dd.bullet{margin-top:0;}
.sub_management .manage_list li .team{font-size:18px;color:#333;font-weight:500;margin-top:40px;position: relative;z-index:2;transition:all 0.8s;}
@media only screen and (min-width:1024px){
.sub_management .manage_list li:hover{box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.3);border-color:#004b80;}
.sub_management .manage_list li:hover:before{color:rgba(255, 255, 255, 0.2);}
.sub_management .manage_list li:hover dl dt,.sub_management .manage_list li:hover dl dd{color:#fff;}
.sub_management .manage_list li:hover:after{clip-path: circle(125% at 100% 0);}
.sub_management .manage_list li:hover .team{color:#fff;}
}
@media only screen and (max-width:1750px){
/*주요기능*/
.function_tab_content .function_content .swipe-arrow.prev{left:-70px;}
.function_tab_content .function_content .swipe-arrow.next{right:-70px;}
}
@media only screen and (max-width:1600px){
/*주요기능*/
.amaranth_function .tab_title{width:100%;padding:0 100px;}
.amaranth_function .tab_title .swiper-arw.swiper-button-prev{left:25px;}
.amaranth_function .tab_title .swiper-arw.swiper-button-next{right:25px;}
.amaranth_function .function_tab1 .tab_wrapper .swiper-slide + .swiper-slide{margin-left:40px;}
.function_tab_content > div{width:100%;padding:0 100px !important;}
.function_tab_content .content_slide .txt_box{width:38%;}
.function_tab_content .content_slide .txt_box .index{font-size:20px;}
.function_tab_content .content_slide .txt_box .title1{font-size:24px;margin-top:20px;padding-top:25px;}
.function_tab_content .content_slide .txt_box .title2{font-size:34px;margin:10px 0 20px;}
.function_tab_content .content_slide .txt_box .des{font-size:14px;line-height:22px;}
.function_tab_content .content_slide .img_box{width:62%;}
}
@media only screen and (max-width:1500px){
.amaranth_function .function_tab1 .tab_wrapper{width:calc(100% + 66px); /*justify-content:flex-start;*/}
/*경영체계*/
.sub_management:before{width:calc(100% - 60px);}
}
@media only screen and (max-width:1200px){
.sub_solutioin_cont .sub_title .txt h3{font-size:60px;}
.sub_solutioin_cont .sub_title .txt p{font-size:18px;}
.sub_solutioin_cont .sub_title .btn_box .btn_counsel, .sub_solutioin_cont .sub_title .btn_box .btn_download{width:200px;}
.sub_solutioin_cont .sub_title .btn_box .btn_counsel{background-position:right 18% center;}
.sub_solutioin_cont .sub_title .btn_box .btn_download{background-position:right 12% center;}
.solution_visual{height:0;padding-bottom:50%;}
.solution_visual .txt{bottom:10%;}
/*주요기능*/
.amaranth_function .tab_title{padding:0 60px;}
.amaranth_function .sub_tit{margin-bottom:10px;}
.amaranth_function .function_tab1 .tab_wrapper{width:calc(100% + 40px);margin-left:-20px;}
.amaranth_function .function_tab1 .tab_wrapper li{margin:0 20px; }
.amaranth_function .function_tab1 .tab_wrapper li span{font-size:16px;}
.amaranth_function .function_tab1 .tab_wrapper li span:before{top:-18px;}
.amaranth_function .function_tab1 .tab_wrapper li.on span:before{width:8px;height:8px;}
.function_tab_content {padding:20px 0 68px;margin-top:25px;}
/*경영체계*/
.sub_management{margin-top:100px;padding-top:60px;}
.sub_management .management_box{padding-bottom:80px;}
.sub_management .manage_list{width:calc(100% + 20px);margin-left:-10px;}
.sub_management .manage_list li{padding:30px 20px;margin:0 10px 20px;width:calc(33.3333% - 20px);height:300px;}
.sub_management .manage_list li:before{font-size:80px;}
.sub_management .manage_list li dl dt{font-size:20px;}
.sub_management .manage_list li dl dd{font-size:14px;line-height:22px;margin-top:15px;}
.sub_management .manage_list li dl dd.bullet{font-size:16px;}
}
@media only screen and (max-width:1024px){
.sub_amaranth02{margin-top:90px;}
/*주요기능*/
.amaranth_function{margin-top:70px;}
.amaranth_function .function_tab1 .tab_wrapper .swiper-slide + .swiper-slide{margin-left:25px;}
.function_tab2 .slick-slide{font-size:14px;padding:0 20px;}
.function_tab_content > div{padding:0 60px !important;}
.function_tab_content .function_content{margin-top:50px;}
.function_tab_content .content_slide .txt_box .title2.under_line:after{margin-top:3.8vw;}
.function_tab_content .content_slide .flex_box{display: block;}
.function_tab_content .content_slide .txt_box{width:80%;margin:0 auto}
.function_tab_content .content_slide .img_box{width:80%;margin:40px auto 0;}
.content_arw .swipe-arrow{top:43%;}
.function_tab_content .function_content .swipe-arrow.prev{left:0;}
.function_tab_content .function_content .swipe-arrow.next{right:0;}
/*경영체계*/
.sub_management .manage_list li:hover{box-shadow:none;background:#fff;border-color:#ddd;}
.sub_management .manage_list li:hover:before{color:rgba(17, 17, 17, 0.04);}
.sub_management .manage_list li:hover dl dt{color:#111;}
.sub_management .manage_list li:hover dl dd{color:#666;}
.sub_management .manage_list li dl dd.bullet{font-size:15px;}
.sub_management .manage_list li .team{font-size:16px;}
}
@media only screen and (max-width:900px){
.sub_solutioin_cont .sub_title{display: block;}
.sub_solutioin_cont .sub_title .btn_box{margin:30px 0 0 0;}
.sub_solutioin_cont .sub_title .btn_box .btn_counsel, .sub_solutioin_cont .sub_title .btn_box .btn_download{height:54px;line-height:54px;}
.solution_visual .txt p{font-size:15px;line-height:30px;}
.sub_amarnth_title{margin-top:70px;}
.sub_amarnth_title dl dt{font-size:40px;}
.sub_amarnth_title dl dd{font-size:16px;margin-top:15px;}
.sub_amarnth_title .img{margin-top:50px;}
.sub_amaranth01{margin-top:60px;}
/*서브타이틀*/
.solution_content .sub_tit{margin-bottom:50px;}
.solution_content .sub_tit h4{font-size:40px;}
.solution_content .sub_tit h5{font-size:36px;}
.solution_content .sub_tit h6{font-size:24px;}
.solution_content .sub_tit p em{font-size:20px;}
.solution_content .sub_tit p em br{display:none;}
.solution_content .sub_tit p{font-size:16px;margin-top:10px;}
/*경영체계*/
.sub_management .manage_list li dl dd br{display: none;}
}
@media only screen and (max-width:767px){
/*경영체계*/
.sub_management .manage_list li{width:calc(50% - 20px);height:auto;padding-bottom:134px;}
.sub_management .manage_list li:before{bottom:20px;right:20px;}
}
@media only screen and (max-width:640px){
.sub_solutioin_cont .sub_title .txt h3{font-size:40px;}
.sub_solutioin_cont .sub_title .txt p{font-size:16px;}
.sub_solutioin_cont .sub_title .btn_box{margin:20px 0 0 0;}
.sub_solutioin_cont .sub_title .btn_box .btn_counsel, .sub_solutioin_cont .sub_title .btn_box .btn_download{width:160px;font-size:16px;}
.sub_solutioin_cont .sub_title .btn_box .btn_counsel{padding-right:32px;background-size:auto 15px;}
.sub_solutioin_cont .sub_title .btn_box .btn_download{background-size:auto 15px;margin-left:10px;}
.solution_visual .txt p br{display: none;}
.solution_visual{padding-bottom:55%;}
/*서브 타이틀*/
.solution_content .sub_tit.line:before{height:60px; margin:50px auto;}
.solution_content .sub_tit h4{font-size:32px;}
.solution_content .sub_tit h5{font-size:28px;}
.solution_content .sub_tit h6{font-size:20px;}
.solution_content .sub_tit p em{font-size:17px; line-height:150%;}
.sub_amaranth02{margin-top:60px;}
.sub_amaranth03{margin-top:60px;}
/*주요기능*/
.amaranth_function .sub_tit{margin-bottom:15px;}
.amaranth_function .tab_title{padding:0 40px;}
.function_tab2 ul li{padding:0 15px;}
.amaranth_function .function_tab1 .tab_wrapper{width:calc(100% + 20px);margin-left:-10px;}
.amaranth_function .function_tab1 .tab_wrapper li{padding-top:15px;margin:0 10px;}
.function_tab2_box{width:80%;margin:0 auto;}
.amaranth_function .tab_title .swiper-arw{width:16px;height:16px;}
.amaranth_function .tab_title .swiper-arw.swiper-button-prev{left:15px;}
.amaranth_function .tab_title .swiper-arw.swiper-button-next{right:15px;}
.amaranth_function .function_tab1 .tab_wrapper li span{font-size:14px;}
.amaranth_function .function_tab1 .tab_wrapper li span:before{top:-13px;}
.amaranth_function .function_tab1 .tab_wrapper li.on span:before{width:6px;height:6px;}
.function_tab_content > div{padding:0 15px !important;}
.function_tab2 .slick-slide{font-size:13px;padding:0 14px;}
.function_tab_content .function_content{margin-top:30px;}
.function_tab_content .content_slide .txt_box{width:87%;}
.function_tab_content .content_slide .txt_box .link_video{margin-top:30px;}
.function_tab_content .content_slide .img_box{width:87%;margin-top:30px;}
.function_tab_content .function_content .swipe-arrow{width:40px;height:40px;}
.function_tab_content .function_content .swipe-arrow.prev{left:-15px;}
.function_tab_content .function_content .swipe-arrow.next{right:-15px;}
.function_tab_content .function_content .swipe-arrow:before{width:20px;height:20px;top:8px;}
.function_tab_content .function_content .swipe-arrow.prev:before{left:13px;}
.function_tab_content .function_content .swipe-arrow.next:before{right:13px;}
/*경영체계*/
.sub_management:before{width:calc(100% - 30px);}
.sub_management .manage_list li .team{font-size:14px;margin-top:30px;}
}
@media only screen and (max-width:479px){
.sub_solutioin_cont .sub_title .txt h3{font-size:32px;}
.sub_solutioin_cont .sub_title .txt p{font-size:14px;margin-top:5px;}
.sub_solutioin_cont .sub_title .btn_box .btn_counsel, .sub_solutioin_cont .sub_title .btn_box .btn_download{width:calc(50% - 5px);font-size:14px;height:40px;line-height:40px;}
.solution_visual{padding-bottom:65%;}
.solution_visual .txt p{font-size:13px;line-height:20px;}
.sub_amarnth_title{margin-top:50px;}
.sub_amarnth_title dl dt{font-size:28px;}
.sub_amarnth_title dl dd{font-size:14px;margin-top:5px;}
.sub_amarnth_title .img{margin-top:40px;}
.sub_amaranth01{margin-top:45px;}
/*서브 타이틀*/
.solution_content .sub_tit h4{font-size:26px;}
.solution_content .sub_tit h5{font-size:22px;}
.solution_content .sub_tit h6{font-size:18px;}
.solution_content .sub_tit p em{font-size:15px;}
.solution_content .sub_tit p{font-size:14px;}
/*주요기능*/
.amaranth_function{margin-top:50px;}
.function_tab2 .slick-slide{height:32px;line-height:32px;}
.function_tab_content .content_slide .txt_box .index{font-size:16px;}
.function_tab_content .content_slide .txt_box .title1{font-size:20px;margin-top:15px;padding-top:20px;}
.function_tab_content .content_slide .txt_box .title1:before, .function_tab_content .content_slide .txt_box .title2.under_line:after{width:30px;height:2px;}
.function_tab_content .content_slide .txt_box .title2{font-size:26px;margin:5px 0 12px;}
.function_tab_content .content_slide .txt_box .des{font-size:12px;line-height:20px;}
.function_tab_content .content_slide .txt_box .link_video{margin-top:20px;font-size:14px;}
/*경영체계*/
.sub_management{margin-top:50px;padding-top:40px;}
.solution_content .sub_tit{margin-bottom:30px;}
.sub_management .manage_list{width:100%;margin-left:0;}
.sub_management .manage_list li{width:100%;margin:0 0 20px;padding:20px 10px 80px;border-radius:10px;}
.sub_management .manage_list li:before{font-size:50px;}
}
/*───────────────────────────────────────────────────────────
SOLUTION | ERP10
───────────────────────────────────────────────────────────*/
.circle_exp{position:relative; display:flex; justify-content:center; padding-top:110px;}
.circle_exp:before{position:absolute; content:''; width:62px; height:46px; background:url('../images/sub/gray_arw.png') no-repeat center; top:34px; left:50%; transform:translateX(-50%);}
.circle_exp li{position:relative; display:flex; width:200px; height:200px; border:1px dashed #ddd; box-sizing:border-box; border-radius:100%; text-align:center;}
.circle_exp li + li{margin-left:100px;}
.circle_exp li + li:before{position:absolute; content:''; top:50%; right:100%; width:100px; border-top:1px dashed #ddd; margin-top:-0.5px;}
.circle_exp li dl{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:calc(100% - 30px); text-align:center;}
.circle_exp li dl dt{display:flex; height:55px; align-items:flex-end; justify-content:center;}
.circle_exp li dl dt + dd{margin-top:17px;}
.circle_exp li dl dt img{max-width:100%; max-height:100%;}
.circle_exp li dl dd{font-size:18px; font-weight:600; color:#111;}
.circle_exp + .sub_tit{margin-top:120px; margin-bottom:0;}
.sub_erp10 .sub_management{margin-top:0;padding-top: 68px;}
.sub_erp10 .sub_management:before{display:none;}
.sub_erp10 .sub_management .management_box{background:#fff; padding-bottom:0;}
.sub_erp10 .sub_management .manage_list{width:100%; margin-left:0;}
.sub_erp10 .sub_management .manage_list li{margin:0 10px 0;padding: 127px 30px 68px;height:auto;width: calc(25% - 20px);}
.sub_erp10 .sub_management .manage_list li:before{font-size:60px;font-weight: 800;color:#05243a;top: 45px;left:30px;right: auto;bottom: auto;font-family: 'SUIT', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
.sub_erp10 .sub_management .manage_list li:nth-child(n+5){margin-top:20px;}
.sub_erp10 .sub_management .manage_list.line03 li{margin-top:0;}
.sub_erp10 .sub_management .manage_list.line03 li{width:calc(33.3% - 20px);}
.sub_erp10 .sub_management .manage_list.line03 li:nth-child(n+4){margin-top:20px;}
.sub_erp10 .sub_management .manage_list li dl dt{font-weight:700;}
.sub_erp10 .sub_management .manage_list li dl dd{margin-top:13px;}
.sub_erp10 .function_tab_content{background:#fff;}
.sub_erp10 .function_tab_content > div{padding:0 !important;}
.sub_erp10 .function_tab_content .sub_tit{margin-bottom:90px;}
.sub_erp10 .function_tab_content .sub_tit h4{color:#fff;font-weight: 600;}
.sub_erp10 .function_tab_content .sub_tit p{color:rgba(255,255,255,0.8);line-height:166%;margin-top: 23px;letter-spacing: 0;}
.sub_erp10 .function_tab_content .cont{padding: 69px 80px 95px;box-sizing:border-box; border-radius:40px; overflow:hidden;}
.sub_erp10 .function_tab_content #function01 .cont{background:url('../images/sub/sub_erp10_tab_bg01.jpg') no-repeat center; background-size:cover; }
.sub_erp10 .function_tab_content #function02 .cont{background:url('../images/sub/sub_erp10_tab_bg01.jpg') no-repeat center; background-size:cover; }
.sub_erp10 .function_tab_content #function03 .cont{background:url('../images/sub/sub_erp10_tab_bg01.jpg') no-repeat center; background-size:cover; }
.sub_erp10 .info_list{display:flex; flex-wrap:wrap;justify-content:center;}
.sub_erp10 .info_list li{text-align:center;margin-right:20px;width:calc(100% / 5 - 16px);padding: 65px 15px 45px;box-sizing:border-box;background:rgba(255,255,255,0.9);border-radius:20px;overflow:hidden;}
.sub_erp10 .info_list li:nth-child(5n){margin-right:0;}
.sub_erp10 .info_list li:nth-child(n+6){margin-top:20px;}
.sub_erp10 .info_list li > span{display:flex; align-items:center; justify-content:center; height:68px;}
.sub_erp10 .info_list li > span + dl{margin-top: 27px;}
.sub_erp10 .info_list li > span img{max-width:100%; max-height:100%;}
.sub_erp10 .info_list li dl{}
.sub_erp10 .info_list li dl dt{font-size:20px;font-weight: 700;color:#111;letter-spacing: 0;line-height: 170%;}
.sub_erp10 .info_list li dl dt + dd{margin-top: 0px;}
.sub_erp10 .info_list li dl dd{font-size:14px;font-weight: 500;color:#666;line-height:143%;word-break:break-all;}
@media only screen and (min-width:1024px){
.sub_erp10 .sub_management .manage_list li:hover:before{color:#fff;}
}
@media only screen and (max-width:1200px){
.sub_erp10 .sub_management .manage_list li{margin:0 7.5px; width:calc(25% - 15px);}
.sub_erp10 .sub_management .manage_list li:nth-child(n+5){margin-top:15px;}
.sub_erp10 .function_tab_content .cont{padding:60px 60px 85px;}
.sub_erp10 .function_tab_content .sub_tit{margin-bottom:70px;}
.sub_erp10 .info_list li{margin-right:15px; width:calc(100% / 5 - 12px);}
.sub_erp10 .info_list li:nth-child(n+6){margin-top:15px;}
.sub_erp10 .info_list li > span{height:58px;}
.sub_erp10 .info_list li dl dt{font-size:18px;}
}
@media only screen and (max-width:1023px){
.sub_erp10 .sub_management .manage_list li{width:calc(50% - 15px) !important;}
.sub_erp10 .sub_management .manage_list li:nth-child(n+3){margin-top:15px !important;}
.sub_erp10 .info_list li{width:calc(100% / 3 - 10px);}
.sub_erp10 .info_list li:nth-child(5n){margin-right:15px;}
.sub_erp10 .info_list li:nth-child(3n){margin-right:0;}
.sub_erp10 .info_list li:nth-child(n+4){margin-top:15px;}
}
@media only screen and (max-width:860px){
.circle_exp li{width: 100%;height: 0;padding-bottom: calc(25.273% - 4px);}
.circle_exp li + li{margin-left:11.6vw;}
.circle_exp li + li:before{width:11.6vw;}
.circle_exp li dl dd{font-size:17px;}
.sub_erp10 .sub_management .manage_list li{padding:110px 30px 50px;}
.sub_erp10 .sub_management .manage_list li:before{font-size:50px;}
.sub_erp10 .function_tab_content .sub_tit{margin-bottom:50px;}
.sub_erp10 .function_tab_content .cont{padding:50px 50px 70px;}
.sub_erp10 .info_list{justify-content:flex-start;}
.sub_erp10 .info_list li{width:calc(100% / 2 - 7.5px);}
.sub_erp10 .info_list li:nth-child(3n){margin-right:15px;}
.sub_erp10 .info_list li:nth-child(2n){margin-right:0;}
.sub_erp10 .info_list li:nth-child(n+3){margin-top:15px;}
}
@media only screen and (max-width:640px){
.circle_exp li dl dt{height:40px;}
.circle_exp li dl dt + dd{margin-top:14px;}
.circle_exp li dl dd{font-size:16px;}
.sub_erp10 .sub_management .manage_list li{width:100% !important; padding:100px 30px 50px; border-radius:10px;}
.sub_erp10 .sub_management .manage_list li:before{font-size:45px;}
.sub_erp10 .sub_management .manage_list li:nth-child(n+2){margin-top:15px !important;}
.sub_erp10 .function_tab_content .cont{border-radius:20px; padding:50px 40px 60px;}
.sub_erp10 .function_tab_content .sub_tit p br{display:none;}
.sub_erp10 .info_list li{border-radius:10px;}
.sub_erp10 .info_list li > span{height:55px;}
.sub_erp10 .info_list li > span + dl{margin-top:25px;}
.sub_erp10 .info_list li dl dt{font-size:17px;}
}
@media only screen and (max-width:540px){
.circle_exp li dl dt{height:35px;}
.circle_exp li dl dd{font-size:15px;}
}
@media only screen and (max-width:479px){
.circle_exp{display:block; text-align:center; font-size:0; padding-top:100px;}
.circle_exp:before{width:50px; background-size:100% auto;}
.circle_exp li{width:160px; height:160px; padding-bottom:0; margin:0 auto;}
.circle_exp li + li{margin-left:auto; margin-top:30px;}
.circle_exp li + li:before{width:auto; height:30px; border-top:0; border-left:1px dashed #ddd; top:auto; bottom:100%; left:50%; margin-top:0; margin-left:-0.5px;}
.sub_erp10 .function_tab_content .sub_tit{margin-bottom:30px;}
.sub_erp10 .function_tab_content .sub_tit p{margin-top:15px;}
.sub_erp10 .info_list{display:block;}
.sub_erp10 .info_list li{width:100% !important; margin-right:0 !important;}
.sub_erp10 .info_list li:nth-child(n+2){margin-top:15px !important;}
}
/*───────────────────────────────────────────────────────────
SOLUTION | edm
───────────────────────────────────────────────────────────*/
.sub_edm{}
.sub_edm .bg_wrap{margin-top:-3vw;}
.sub_edm .bg_wrap.blue{margin-top:0;}
.bg_wrap {background: #f9f9f9;padding: 80px 0 100px;}
.bg_wrap.blue{background:#f5f8fc; padding-top:108px;}
.sub_edm.sub_erp10 .sub_management .management_box{padding-bottom:140px;}
.label_list{display:flex;}
.label_list li{position:relative;width:calc(100% / 4 - 20.25px);margin-right:27px;background:#fff;border-radius:20px;overflow:hidden;padding: 50px 27px 43px;box-sizing: border-box;box-shadow: 0 3px 3px rgba(0,0,0,0.05);}
.label_list li:before{position:absolute; content:''; width:100%; height:10px; background:#004b80; top:0; left:0;}
.label_list li:nth-child(4n){margin-right:0;}
.label_list.deep li:before{background:#004b80;}
.label_list li > span{font-size:0;display:flex;align-items: flex-start;justify-content:center;margin: 0 auto 24px;height:60px;}
.label_list li dl{text-align:center;}
.label_list li dl dt{font-size:22px;font-weight:600;color:#111;letter-spacing: -0.02em;line-height: 154%;}
.label_list li dl dt + dd{margin-top: 11px;}
.label_list li dl dd{font-size:16px;font-weight:400;color:#666;line-height: 163%;}
.label_list li dl dd p.bullet{position:relative; font-size:inherit; font-weight:inherit; color:inherit; line-height:137%; text-align:left; padding-left:13px; box-sizing:border-box;}
.label_list li dl dd p.bullet:before{position:absolute; content:'·'; top:0; left:0;}
.label_list li dl dd p.bullet + p.bullet{margin-top:8px;}
.sub_edm .solution_content .label_list + .sub_tit p em{letter-spacing:-0.03em;}
.edm_info{position:relative; display:flex;}
.edm_info li{width:100%;border-radius:20px;text-align:center;}
.edm_info li + li{margin-left:120px;}
.edm_info li > em{display: flex;font-size:24px;font-weight: 600;color:#fff;width:100%;background:#004b80;align-items: center;justify-content: center;height: 70px;box-sizing: border-box;padding: 0 15px;box-shadow: 0 3px 3px rgba(0,0,0,0.05);border-radius: 20px 20px 0 0;}
.edm_info li + li > em{background:#004b80;}
.edm_info li dl{padding: 43px 30px 54px;box-sizing:border-box;box-shadow: 0 3px 3px rgba(0,0,0,0.05);background: #fff;border-radius: 0 0 20px 20px;overflow: hidden;height: calc(100% - 70px);}
.edm_info li dl dt{}
.edm_info li dl dt + dd{margin-top: 30px;}
.edm_info li dl dt span{font-size:0;height: 145px;display: block;}
.edm_info li dl dt span + strong{margin-top: 24px;}
.edm_info li dl dt strong{display:block;font-size:20px;font-weight:400;color:#333;letter-spacing: -0.02em;}
.edm_info li dl dd{font-size:16px;font-weight:400;color:#333;line-height:175%;letter-spacing: 0;}
.edm_info .exp{position:absolute;display:flex;top:50%;left:50%;transform:translate(-50%, -50%);background:#333;align-items: center;justify-content: center;flex-wrap: wrap;width: 190px;height: 190px;border-radius: 100%;font-size: 20px;font-weight: 400;color: #fff;align-content: center;line-height: 170%;}
.edm_info .exp:before{position:absolute;content:'';width: 117%;height: 117%;border: 1px dashed #333;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 100%;box-sizing: border-box;}
.edm_info .exp strong{font-size:inherit; font-weight:600;}
.sub_edm.sub_erp10 .info_list{margin-top:60px;}
.sub_edm.sub_erp10 .info_list li{margin-right:40px;width:calc(100% / 4 - 30px);box-shadow:0 3px 3px rgba(0,0,0,0.05);padding: 38px 15px 33px; margin-top:0;}
.sub_edm.sub_erp10 .info_list li:nth-child(4n){margin-right:0;}
.sub_edm.sub_erp10 .info_list li > span{height:61px;}
.sub_edm.sub_erp10 .info_list li > span + dl{margin-top: 18px;}
.sub_edm .edm_info{margin-top: -2.2vw;}
.sub_edm .bg_wrap.blue .label_list{margin-top: -3vw;}
@media only screen and (max-width:1300px){
.label_list li dl dt br, .label_list li dl dd br, .edm_info li dl dd br{display:none;}
.edm_info li dl{padding:43px 50px 54px;}
}
@media only screen and (max-width:1200px){
.label_list li{margin-right:20px; width:calc(100% / 4 - 15px);}
.label_list li dl dt{font-size:20px;}
.edm_info li > em{font-size:22px;}
.edm_info li dl dt + dd{margin-top:20px;}
.edm_info li dl dt strong{font-size:19px;}
.edm_info li dl dd{font-size:15px;}
.edm_info .exp{font-size:19px; width:180px; height:180px;}
.sub_edm.sub_erp10 .info_list li{margin-right:30px; width:calc(100% / 4 - 22.5px);}
}
@media only screen and (max-width:1023px){
.label_list li{margin-right:15px; width:calc(100% / 4 - 11.25px); padding:50px 20px 43px;}
.label_list li dl dt{font-size:18px;}
.label_list li dl dd{font-size:15px;}
.edm_info li + li{margin-left:100px;}
.edm_info li dl dt + dd{margin-top:20px;}
.edm_info .exp{font-size:18px; width:160px; height:160px;}
.sub_edm.sub_erp10 .info_list li{margin-right:15px; width:calc(100% / 4 - 11.25px);}
.sub_edm.sub_erp10 .sub_management .management_box{padding-bottom:120px;}
}
@media only screen and (max-width:860px){
.label_list{flex-wrap:wrap;}
.label_list li{width:calc(100% / 2 - 7.5px);}
.label_list li:nth-child(2n){margin-right:0;}
.label_list li:nth-child(n+3){margin-top:15px;}
.edm_info{display:block;}
.edm_info li{position:relative;}
.edm_info li + li{margin:170px 0 0 0;}
.edm_info li dl{height:auto;}
.label_list li dl dt br, .edm_info li dl dd br{display:block;}
.edm_info .exp{top:auto; bottom:calc(100% + 5px); transform:translateX(-50%);}
.sub_edm.sub_erp10 .info_list{margin-top:40px;}
.sub_edm.sub_erp10 .info_list li{width:calc(100% / 2 - 7.5px);}
.sub_edm.sub_erp10 .info_list li:nth-child(2n){margin-right:0;}
.sub_edm.sub_erp10 .info_list li:nth-child(n+3){margin-top:15px;}
.sub_edm.sub_erp10 .sub_management .management_box{padding-bottom:100px;}
}
@media only screen and (max-width:640px){
.bg_wrap, .bg_wrap.blue{padding:80px 0 80px;}
.label_list li{border-radius:10px; }
.label_list li > span{margin-bottom:15px;}
.label_list li dl dt + dd{margin-top:7px;}
.edm_info li{border-radius:10px;}
.edm_info li + li{margin-top:150px;}
.edm_info li > em{font-size:20px; height:60px; border-radius:10px 10px 0 0;}
.edm_info li dl{padding:40px 40px 40px; border-radius:0 0 10px 10px;}
.edm_info li dl dt strong{font-size:18px;}
.edm_info li dl dt span + strong, .edm_info li dl dt + dd{margin-top:15px;}
.label_list li dl dt br, .edm_info li dl dd br{display:none;}
.edm_info .exp{font-size:17px; width:140px; height:140px; }
.sub_edm.sub_erp10 .sub_management .management_box{padding-bottom:80px;}
}
@media only screen and (max-width:479px){
}
@media only screen and (max-width:431px){
.label_list li{width:100%; margin-right:0;}
.label_list li:nth-child(n+2){margin-top:15px;}
.label_list li dl dt br, .label_list li dl dd br{display:block;}
.edm_info li dl{padding:40px 30px 40px;}
}
/*───────────────────────────────────────────────────────────
SOLUTION | dlp
───────────────────────────────────────────────────────────*/
.sub_dlp.sub_edm .edm_info{margin-top:0;}
.sub_dlp .edm_info li + li{margin-left:440px;}
.sub_dlp .edm_info li + li:before{position:absolute; content:''; top:50%; left:50%; transform:translate(-50%, -50%); background:url('../images/sub/sub_dlp_img02.png') no-repeat center; width:366px; height:292px;}
.sub_dlp .edm_info li dl{padding:50px 20px 45px;}
.sub_dlp.sub_edm .bg_wrap.blue{margin-top:-3vw; padding-top:80px;}
.sub_dlp.sub_edm .bg_wrap.blue .label_list{margin-top:0;}
.sub_dlp.sub_erp10 .sub_management{padding-top:100px;}
.features_wrap{position:relative; text-align:center; margin:20px auto 0; width:1150px;}
.features_wrap .sub_tit{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;}
.features_wrap .sub_tit:before{position:absolute; content:''; width:133.335%; height:133.335%; background:rgba(18,157,240,0.1); border-radius:100%; top:50%; left:50%; transform:translate(-50%, -50%);}
.features_wrap .sub_tit:after{position:absolute; content:''; width:208.335%; height:208.335%; border:2px dotted rgba(0,0,0,0.4); border-radius:100%; top:50%; left:50%; transform:translate(-50%, -50%); box-sizing:border-box;}
.features_wrap .sub_tit p{display:inline-flex;width:240px;height:240px;background:#004b80;border-radius:100%;align-items: center;justify-content: center;text-align: center; box-shadow:0 0 30px rgba(0,0,0,0.15); margin:0;}
.features_wrap .sub_tit p em{color:#fff; line-height:155%; font-weight:600;}
.features_wrap .sub_tit p em br{display:block;}
.features_list{position:relative; z-index:5; display:flex; flex-wrap:wrap; justify-content:center; margin:0 auto;}
.features_list li{margin-right:290px;border:1px solid #ddd;border-radius:50px;overflow:hidden;background:#fff;box-shadow:0 3px 3px rgba(0,0,0,0.05);padding: 0 21px;width:370px;height:100px;box-sizing:border-box;}
.features_list li:nth-child(2n){margin-right:0; }
.features_list li:nth-child(n+3){margin-top:80px; }
.features_list li:nth-child(3){margin-right:410px;}
.features_list li dl{display:flex; align-items:center; height:100%; }
.features_list li dl dt{display:flex;width:50px;justify-content: flex-end;}
.features_list li dl dd{font-size:18px;font-weight:500;color:#333;line-height:144%;text-align:left;padding: 0 0 0 38px;letter-spacing: 0;width: calc(100% - 50px);box-sizing: border-box;}
.features_list li:nth-child(odd) dl{flex-direction:row-reverse;}
.features_list li:nth-child(odd) dl dt{justify-content: flex-start;}
.features_list li:nth-child(odd) dl dd{padding: 0 38px 0 0;text-align:right;}
@media only screen and (max-width:1300px){
.sub_dlp .edm_info li + li{margin-left:32vw;}
.sub_dlp .edm_info li + li:before{width:28.15vw; height:22.38vw; background-size:100% auto;}
}
@media only screen and (max-width:1200px){
.features_wrap{width:100%;}
.features_list li{margin-right:24vw; width:calc(100% / 2 - 12vw);}
.features_list li:nth-child(3){margin-right:36vw;}
.features_list li:nth-child(3), .features_list li:nth-child(4){width:calc(100% / 2 - 18vw);}
.features_list li dl dd{font-size:17px; padding-left:20px;}
.features_list li:nth-child(odd) dl dd{padding-right:20px;}
.features_list li dl dd br{display:none;}
}
@media only screen and (max-width:1023px){
.features_wrap .sub_tit p{width:23vw; height:23vw;}
.features_list li:nth-child(n+3){margin-top:7.5vw;}
.features_list li dl dt{width:40px;}
.features_list li dl dd{font-size:16px; padding-left:15px; width:calc(100% - 40px);}
.features_list li:nth-child(odd) dl dd{padding-right:15px;}
}
@media only screen and (max-width:975px){
.sub_dlp .edm_info{display:block;}
.sub_dlp .edm_info li{position:relative;}
.sub_dlp .edm_info li + li{margin:410px 0 0 0;}
.sub_dlp .edm_info li + li:before{width:366px; height:291px; transform:translateX(calc(-50% - 0.5px)) rotate(90deg); top:auto; bottom:calc(100% + 60px);}
}
@media only screen and (max-width:860px){
.features_wrap{margin-top:120px;}
.features_wrap .sub_tit{position:relative; top:auto; left:auto; transform:none; display:inline-block;}
.features_wrap .sub_tit:after{width:200%; height:200%;}
.features_wrap .sub_tit p{width:200px; height:200px;}
.features_list{margin-top:140px;}
.features_list li{width:100% !important; margin-right:0 !important; height:80px;}
.features_list li:nth-child(n+2){margin-top:15px;}
.features_list li dl{flex-direction:row !important; }
.features_list li dl dt{width:35px;}
.features_list li dl dd{text-align:left !important; padding:0 0 0 15px !important; width:calc(100% - 35px);}
}
@media only screen and (max-width:640px){
.features_wrap{margin-top:100px;}
.features_wrap .sub_tit p{width:180px; height:180px;}
.features_list{margin-top:120px;}
.features_list li{height:70px;}
.features_list li dl dd{font-size:15px;}
}
@media only screen and (max-width:479px){
.features_wrap{margin-top:80px;}
.features_wrap .sub_tit p{width:160px; height:160px;}
.features_list{margin-top:100px;}
.sub_dlp .edm_info li + li{margin-top: 85vw;}
.sub_dlp .edm_info li + li:before{width: 76.4vw;height: 60.7vw;bottom: calc(100% + 12vw);}
}
@media only screen and (max-width:360px){
.features_wrap{margin-top:60px;}
.features_wrap .sub_tit p{width:140px; height:140px;}
.features_list{margin-top:90px;}
.features_list li dl dd{font-size:14px;}
}
/*───────────────────────────────────────────────────────────
MES | SMART-MES
───────────────────────────────────────────────────────────*/
.diagram_list{display:flex;flex-wrap:wrap;padding-top: 1.7vw;margin-bottom: 2.2vw;}
.diagram_list > li{position:relative;width:calc(100% / 3 - 10px);/* margin-right:15px; */border-radius:20px;box-shadow:3px 3px 3px rgba(0,0,0,0.05);padding: 40px 0 59px 32px;box-sizing:border-box;background:#fff;margin:0 15px 15px 0;}
.diagram_list > li:nth-child(3n){margin-right:0;}
/*
.diagram_list > li:nth-child(n+4){margin-top:15px;} */
.diagram_list > li .icon{position:absolute; top:30px; right:30px; display:inline-flex; align-items:center; justify-content:center;width:50px; height:50px; border-radius:6px;box-sizing:border-box;}
.diagram_list > li .icon img{max-width:100%; max-height:100%;}
.diagram_list > li dl dt{font-size:22px; font-weight:bold; color:#111; padding-right:100px; box-sizing:border-box;}
.diagram_list > li dl dt + dd{margin-top:42px;}
.diagram_list > li dl dd{}
.bullet_list{display:flex; flex-wrap:wrap;flex-direction: column;max-height: 250px;margin-top:-10px;}
.bullet_list > li{position:relative; width:50%; padding-right:15px; box-sizing:border-box; padding-left:9px; font-size:16px; font-weight:500; color:#333;margin-top:10px;letter-spacing:-0.5px;}
.bullet_list > li.bk{width:100%;}
/* .bullet_list > li + li.bk, .bullet_list > li.bk + li, .bullet_list > li:nth-child(n+3){margin-top: 10px;} */
.bullet_list > li:before{position:absolute; content:'·'; top:0; left:0;}
.bullet_list > li.hyphen{padding-left:12px;}
.bullet_list > li.hyphen:before{content:'-'; }
.mes_teb02.amaranth_function .tab_title{padding-top:2.8vw;}
.mes_teb02 .function_tab_content{position:Relative; background:none;}
.mes_teb02 .function_tab_content:before{position:absolute; content:''; width:23.5%; height:100%; background:#ebf2f9; top:0; left:0;}
/* .mes_teb02 .function_tab_content:after{position:absolute;content:'';width: 39.6vw;height: 39.6vw;border:11.5vw solid #004b80;border-radius:100%;top: -79%;right: -21%;box-sizing:border-box;}
.mes_teb02 .function_tab_content .function_content:before{position:absolute;content:'';width:39.6vw;height:39.6vw;border:1px solid #ddd;border-radius:100%;top: -49%;right: -44%;} */
.mes_teb02 .function_tab_content .content_slide .img_box{width:56.2%; text-align:right;transform: translate(-100%);}
.mes_teb02 .function_tab_content .content_slide .txt_box{width:43.8%; padding-left:4.6vw; box-sizing:border-box;transform: translate(150%);}
.mes_teb02 .function_tab_content > div:nth-of-type(even) .flex_box{flex-direction: row-reverse;}
.mes_teb02 .function_tab_content > div:nth-of-type(even) .img_box{transform: translate(100%);}
.mes_teb02 .function_tab_content > div:nth-of-type(even) .txt_box{transform: translate(-150%);}
.mes_teb02 .function_tab_content > div.on .content_slide .img_box{transition: all 0.8s;transition-delay: 0.2s;opacity: 1;transform: translate(0) !important;}
.mes_teb02 .function_tab_content > div.on .content_slide .txt_box{transition: all 1s;transition-delay: 0.5s;opacity: 1;transform: translate(0) !important;}
.production_order{position:relative;padding-top: 0;margin-top: 49px; padding-bottom:270px;}
.production_order > li{position:relative; display:flex; align-items:center;}
.production_order > li:before{position:absolute; content:''; width:2px; height:100%; background:#ddd; top:0; left:50%; margin-left:-1px;}
.production_order > li:last-child:before{height:32%;}
.production_order > li .thumb{font-size:0;width:50%;text-align:right;padding-right: 100px;box-sizing:border-box;}
.production_order > li dl{width:50%;text-align:left;padding-left: 58px;box-sizing:border-box;position: relative;}
.production_order > li dl dt{font-size: 34px;font-weight:bold;color:#111;}
.production_order > li dl dt:before{position:absolute;content:'';width:30px;height:30px;border:11px solid #004b80;border-radius:100%;box-sizing:border-box;top: 7px;left: -15px;z-index:1;background:#fff;}
.production_order > li dl dt:after{position:absolute;content:'';border:4px solid #fff0;border-top:7px solid #004b80;top: calc(7px + 29px);left: -4px;}
.production_order > li dl dt + dd{margin-top: 6px;}
.production_order > li dl dd{font-size:24px; font-weight:300; color:#666; line-height:142%;}
.production_order > li:nth-child(even){flex-direction:row-reverse;}
.production_order > li:nth-child(even) .thumb{text-align:left; padding-right:0; padding-left:100px;}
.production_order > li:nth-child(even) dl{text-align:right; padding-left: 0; padding-right: 58px;}
.production_order > li:nth-child(even) dl dt:before{left:auto; right:-15px;}
.production_order > li:nth-child(even) dl dt:after{left:auto; right:-4px;}
.reference_wrap{background:#f9f9f9; padding-top:119px; padding-bottom:160px;}
.reference_wrap.solution_content .sub_tit{margin-bottom:48px;}
.reference_list{display:flex; flex-wrap:wrap;}
.reference_list > li{width:calc(100% / 5 - 18.4px); margin-right:23px;}
.reference_list > li:nth-child(5n){margin-right:0;}
.reference_list > li:nth-child(n+6){margin-top:24px;}
.reference_list > li dl{text-align:center;}
.reference_list > li dl dt{border-radius:10px; overflow:hidden;}
.reference_list > li dl dt + dd{margin-top:17px;}
.reference_list > li dl dd{font-size:15px; font-weight:400; color:#111;}
@media only screen and (max-width:1350px){
.diagram_list > li{width:calc(100% / 2 - 7.5px);}
.diagram_list > li:nth-child(3n){margin-right:15px;}
.diagram_list > li:nth-child(2n){margin-right:0;}
/*
.diagram_list > li:nth-child(n+3){margin-top:15px;} */
.production_order > li dl dt{font-size:32px;}
.production_order > li dl dd{font-size:22px;}
.reference_list > li{width:calc(100% / 5 - 16px); margin-right:20px;}
}
@media only screen and (max-width:1024px){
.diagram_list > li dl dt{font-size:21px;}
.production_order{padding-bottom:20vw;}
.production_order > li dl dt{font-size:30px;}
.production_order > li dl dd{font-size:20px;}
.reference_list > li{width:calc(100% / 5 - 12px); margin-right:15px;}
.mes_teb02 .function_tab_content .content_slide .img_box, .mes_teb02 .function_tab_content .content_slide .txt_box{width:80%;}
.mes_teb02 .function_tab_content .content_slide .img_box{margin-top:0; margin-bottom:40px; text-align:left;}
.mes_teb02 .function_tab_content .content_slide .txt_box{padding-left:0;}
}
@media only screen and (max-width:975px){
.reference_list > li{width:calc(100% / 4 - 11.25px); }
.reference_list > li:nth-child(5n){margin-right:15px;}
.reference_list > li:nth-child(4n){margin-right:0;}
.reference_list > li:nth-child(n+5){margin-top:20px;}
.reference_list > li dl dt + dd{margin-top:12px;}
}
@media only screen and (max-width:860px){
.diagram_list > li{padding:35px 10px 50px;}
.diagram_list > li .icon{width:45px; height:45px;}
.diagram_list > li dl dt + dd{margin-top:35px;}
.bullet_list > li{font-size:14px;}
/* .bullet_list > li{width:100%; padding-right:0;}
.bullet_list > li + li.bk, .bullet_list > li.bk + li, .bullet_list > li:nth-child(n+2){margin-top: 10px;} */
.production_order > li dl dt{font-size:28px;}
.production_order > li dl dd{font-size:18px;}
.production_order > li .thumb{padding-right:10vw;}
.production_order > li:nth-child(even) .thumb{padding-left:10vw;}
.reference_wrap{padding-top:100px; padding-bottom:140px;}
.reference_list > li{width:calc(100% / 3 - 10px); }
.reference_list > li:nth-child(4n){margin-right:15px;}
.reference_list > li:nth-child(3n){margin-right:0;}
.reference_list > li:nth-child(n+4){margin-top:20px;}
}
@media only screen and (max-width:640px){
.diagram_list > li{border-radius:10px; width:100%; margin-right:0;padding:20px 10px 30px;}
.diagram_list > li:nth-child(3n){margin-right:0;}
/* .diagram_list > li:nth-child(3n){margin-right:0;}
.diagram_list > li:nth-child(n+2){margin-top:15px;} */
.diagram_list > li .icon{border-radius:5px;top:10px;right:10px;}
.bullet_list > li{width:50%; padding-right:15px; font-size:15px;}
.mes_teb02 .function_tab_content:after{width: 28vw;height: 28vw;border-width: 5vw;top: -50%;right: -19%;}
.mes_teb02 .function_tab_content .function_content:before{width: 28vw;height: 28vw;top: -53%;right: -25%;}
.production_order > li{display:block; padding-bottom:70px;}
.production_order > li:before{left:11px; margin-left:0;}
.production_order > li dl dt:before, .production_order > li:nth-child(even) dl dt:before{left:0; right:auto; transform:none; width:24px; height:24px; border-width:8px; top:3px;}
.production_order > li dl dt:after, .production_order > li:nth-child(even) dl dt:after{right:auto; left:8px; transform:none; top:calc(3px + 23px);}
.production_order > li .thumb, .production_order > li dl{text-align:left !important; padding:0 0 0 50px !important;}
.production_order > li .thumb{width:80%;}
.production_order > li dl{width:100%; margin-top:20px;}
.production_order > li dl dt{font-size:26px;}
.production_order > li dl dd{font-size:16px;}
.reference_wrap{padding-top:80px; padding-bottom:120px;}
.reference_wrap.solution_content .sub_tit{margin-bottom:40px;}
.reference_list > li dl dt{border-radius:5px;}
}
@media only screen and (max-width:479px){
.reference_wrap.solution_content .sub_tit{margin-bottom:30px;}
.reference_list > li{width:calc(100% / 2 - 7.5px); }
.reference_list > li:nth-child(3n){margin-right:15px;}
.reference_list > li:nth-child(2n){margin-right:0;}
.reference_list > li:nth-child(n+3){margin-top:20px;}
.production_order > li:before{top:65vw;}
.production_order > li:after{top:calc(65vw + 23px);}
}
@media only screen and (max-width:431px){
.diagram_list > li .icon{width:40px; height:40px;}
.diagram_list > li dl dt{font-size:20px;}
.diagram_list > li dl dt + dd{margin-top:25px;}
/* .bullet_list > li{width:100%; padding-right:0;}
.bullet_list > li + li.bk, .bullet_list > li.bk + li, .bullet_list > li:nth-child(n+2){margin-top: 10px;} */
.mes_teb02 .function_tab_content:after{width: 25vw;height: 25vw;border-width: 4vw;top: -55%;right: -15%;}
.mes_teb02 .function_tab_content .function_content:before{width: 25vw;height: 25vw;top: -69%;right: -25%;}
.production_order > li dl{margin-top:15px;}
.production_order > li dl dt{font-size:24px;}
.production_order > li dl dd{font-size:15px;}
.production_order > li:before{top:64vw;}
.production_order > li:after{top:calc(64vw + 23px);}
}
@media only screen and (max-width:360px){
.reference_list > li dl dd{font-size:14px;}
}
/*───────────────────────────────────────────────────────────
business | 스마트공장 지원사업
───────────────────────────────────────────────────────────*/
.support_business{background:#f9f9f9;padding:80px 0;box-sizing:border-box;margin-top: 51px;}
.support_business .cont{background:#fff;border-radius:20px;padding: 47px 60px;box-sizing:border-box;}
.support_business .cont + .cont{margin-top:40px;}
.support_business .category_list{padding-left:20px;margin-top: 30px;}
.support_business .category_list li{}
.support_business .category_list li + li{margin-top:26px;}
.support_business .category_list li dl{display:flex;}
.support_business .category_list li dl dt{display:inline-flex; align-items:center; justify-content:center; width:100px; height:40px; text-align:center; border-radius:20px; font-size:18px; font-weight:600; color:#fff; background:#004b80;}
.support_business .category_list li dl dd{width:calc(100% - 100px); padding-left:30px; box-sizing:border-box; margin-top:-2px;}
.support_business .category_list .bullet_list > li{font-weight:400;}
.support_business .category_list .bullet_list > li + li.bk, .support_business .category_list .bullet_list > li.bk + li, .support_business .category_list .bullet_list > li:nth-child(n+3){margin-top: 6px;}
.main_title + .info_table{margin-top: 13px;}
.info_table{}
.info_table + .main_title{margin-top: 51px;}
.info_table table{border-top:1px solid #000;}
.info_table table thead th, .info_table table tbody td{border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.info_table table thead th:last-child, .info_table table tbody td:last-child{border-right:0;}
.info_table table thead th{font-size:18px;font-weight:600;color:#111;padding: 18px 15px;text-align:center;background:#f5f5f5;}
.info_table table tbody td{font-size:16px;font-weight:400;color:#333;padding: 19px 15px;text-align:center;}
.support_business .img_box{text-align:center; margin-top:143px;}
.support_business .main_solution{width:100%; height:auto; padding:88px 0 70px; min-height:auto;}
.support_business .main_solution .main_title h3, .support_business .main_solution .main_title h4{font-weight:400;}
.support_business .main_solution .main_title h3 strong{font-weight:bold;}
.support_business .main_solution .info_list{margin-top:137px;}
.support_business .main_solution .info_list li{}
.support_business .main_solution .info_list li + li{margin-left:120px;}
.support_business .main_solution .info_list li dl dd{font-size:22px; color:#333;}
.support_business .main_solution .info_list + .main_title{margin-top:143px;}
.sub_business .sub_management{padding-top:0;}
.sub_business .sub_management:before{display:none;}
@media only screen and (max-width:1300px){
.support_business .main_solution .info_list li + li{margin-left:0;}
.support_business .main_solution .info_list li dl dd{font-size:20px;}
}
@media only screen and (max-width:1023px){
.support_business .cont{padding:40px 50px;}
.support_business .category_list{margin-top:25px;}
.support_business .main_solution .info_list li dl dd{font-size:19px;}
.support_business .img_box{margin-top:13.5vw;}
}
@media only screen and (max-width:860px){
.support_business .cont{padding:35px 45px;}
.info_table + .main_title{margin-top:40px;}
.info_table table thead th{font-size:17px;}
.support_business .category_list{margin-top:20px;}
.support_business .category_list li dl dt{font-size:17px; width:90px; height:38px;}
.support_business .category_list li dl dd{width:calc(100% - 90px); padding-left:25px;}
.support_business .main_solution{padding:80px 0 50px;}
.support_business .main_solution .info_list li dl dd{font-size:18px;}
}
@media only screen and (max-width:640px){
.support_business .cont{padding:35px 35px; border-radius:10px;}
.info_table table thead th{font-size:16px; padding:14px 10px;}
.info_table table tbody td{font-size:15px; padding:15px 10px;}
.support_business .category_list{padding-left:17px;}
.support_business .category_list li dl dt{font-size:16px; width:85px; height:36px;}
.support_business .category_list li dl dd{width:calc(100% - 85px); padding-left:20px;}
.support_business .main_solution{padding:60px 0 40px;}
.support_business .main_solution .info_list{margin-top:120px;}
.support_business .main_solution .info_list li dl dd{font-size:17px;}
}
@media only screen and (max-width:479px){
.support_business .cont{padding:35px 30px;}
.info_table table thead th{font-size:15px; padding:12px 10px;}
.info_table table tbody td{font-size:14px; padding:13px 10px;}
.support_business .category_list{padding-left:15px; margin-top:15px;}
.support_business .category_list li dl{display:block;}
.support_business .category_list li dl dt{font-size:15px; width:75px; height:35px;}
.support_business .category_list li dl dd{width:100%; padding:15px 0 0 0;}
.support_business .main_solution .info_list{margin-top:100px;}
.support_business .main_solution .info_list li dl dd{font-size:16px;}
}
@media only screen and (max-width:360px){
.info_table table thead th{font-size:14px;}
.info_table table tbody td{font-size:13px;}
.support_business .main_solution .info_list li dl dd{font-size:15px;}
}
/*───────────────────────────────────────────────────────────
solution | icube
───────────────────────────────────────────────────────────*/
/*공통*/
.sub_icube .solution_content .sub_tit{margin-bottom:56px;}
.solution_content.edm_module_box .sub_tit{margin-bottom:56px;}
.work_diagram{background:#f9f9f9;box-sizing:border-box;padding:60px 0 140px;}
/*구성도*/
.icube_cont01{margin-top:110px;}
/*확장모듈*/
.icube_cont02{margin-top: 136px;}
.module_list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.module_list li{box-sizing:border-box;border:1px solid #ddd;border-radius:20px;margin:0 0 20px;width:calc(25% - 15px);padding:25px 30px;}
.module_list li dl{display:flex;align-items:center;}
.module_list li dl dt{width:50px;height:50px;}
.module_list li dl dt img{max-width: 100%;max-height: 100%;}
.module_list li dl dd{width:calc(100% - 50px);box-sizing:border-box;padding-left:20px;font-size:22px;color:#111;font-weight:700;}
/*edm 기본모듈*/
.module_list.edm_module{}
.module_list.edm_module > li{width:calc(50% - 15px);}
.module_list.edm_module > li ul{display:flex;flex-wrap:wrap;margin-top:10px;}
.module_list.edm_module > li ul li{border:none;padding:0;margin:0;width:50%;font-size:16px;color:#333;font-weight:500;letter-spacing:-0.5px;position: relative;padding-left:9px;margin-bottom:10px;}
.module_list.edm_module > li ul li:before{position: absolute;content: '·';top: 0;left: 0;}
/*smart a10*/
.module_list.smart_list{justify-content:flex-start;width:calc(100% + 30px);margin-left:-15px;}
.module_list.smart_list li{margin:0 15px 20px;width:calc(25% - 30px);}
/*연동모듈*/
.icube_cont03{background:#f5f8fc;margin-top:120px;box-sizing:border-box;padding:116px 0 140px;}
.link_module{display:flex;justify-content:space-between;flex-wrap:wrap;}
.link_module > dl{box-sizing:border-box;border-radius:20px;overflow:hidden;width:calc(50% - 10px);background:#fff;}
.link_module > dl dt{width:100%;box-sizing:border-box;border-radius:20px 20px 0 0;font-size:24px;color:#fff;font-weight:700;text-align: center;background:#004b80;padding:20px 0;}
.link_module > dl + dl dt{background:#004b80;}
.link_module > dl dd{box-sizing:border-box;background:#fff;border-radius:0 0 20px 20px;padding:30px 30px 0;}
.link_module > dl dd ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.link_module > dl dd ul li{width:50%;box-sizing:border-box;display:flex;align-items:center;margin-bottom:30px;}
.link_module > dl dd ul li .icon{width:50px;height:50px;}
.link_module > dl dd ul li .icon img{max-width: 100%;max-height: 100%;}
.link_module > dl dd ul li p{width:calc(100% - 50px);box-sizing:border-box;padding-left:20px;font-size:22px;color:#111;font-weight:700;}
/*경영체계*/
.icube_cont04{margin-bottom:150px;}
.icube_cont04 .function_tab_content .content_slide .txt_box{width:35.5%;}
.icube_cont04 .function_tab_content .content_slide .txt_box .des{position: relative;padding-left:10px;}
.icube_cont04 .function_tab_content .content_slide .txt_box .des + .des{margin-top:5px;}
.icube_cont04 .function_tab_content .content_slide .txt_box .title2:after{display: block;content: '';width: 40px;height: 2px;background: #05243a;margin: 39px 0 1.5vw 4px;}
.icube_cont04 .function_tab_content .content_slide .txt_box .des:before{width:2px;height:2px;content:"";box-sizing:border-box;background:#888;border-radius:100%;position: absolute;left:0;top:10px;}
.icube_cont04 .function_tab_content > div:nth-of-type(even) .flex_box{flex-direction: row-reverse;}
.icube_cont04 .function_tab_content > div:nth-of-type(even) .content_slide .txt_box{transform:translate(150%);}
.icube_cont04 .function_tab_content > div:nth-of-type(even) .content_slide .img_box{transform:translate(-100%);}
.icube_cont04 .function_tab_content .on .content_slide .txt_box{transform: translate(0) !important;opacity: 1;transition: all 1s;transition-delay:0.5s;}
.icube_cont04 .function_tab_content .on .content_slide .img_box{transform: translate(0) !important;opacity: 1;transition: all 0.8s;transition-delay:0.2s;}
@media only screen and (max-width:1200px){
.icube_cont01{margin-top:70px;}
.sub_icube .solution_content .sub_tit{margin-bottom:40px;}
/*확장모듈*/
.icube_cont02{margin-top: 100px;}
.module_list li{padding:20px 10px;}
.module_list li dl dd{font-size:18px;}
/*연동모듈*/
.icube_cont03{margin-top:90px;padding:80px 0 110px;}
.link_module > dl dd{padding:30px 20px 0;}
.link_module > dl dd ul li p{font-size:18px;}
/*경영체계*/
.icube_cont04{margin-bottom:13vw;}
}
@media only screen and (max-width:1024px){
.icube_cont04 .function_tab_content .content_slide .txt_box{width:100%;}
}
@media only screen and (max-width:1000px){
/*확장모듈*/
.module_list li{width:calc(50% - 10px);}
.module_list.smart_list {width:calc(100% + 20px);margin-left:-10px;}
.module_list.smart_list li{width:calc(50% - 20px);margin:0 10px 20px;}
}
@media only screen and (max-width:950px){
/*연동모듈*/
.link_module > dl dd{padding:30px 20px 10px;}
.link_module > dl dd ul li{width:100%;margin-bottom:15px;}
}
@media only screen and (max-width:860px){
/*확장모듈*/
.work_diagram{padding:60px 0 80px;}
/*edm*/
.solution_content.edm_module_box .sub_tit{margin-bottom:30px;}
.module_list.edm_module > li ul li{width:100%;}
}
@media only screen and (max-width:640px){
.icube_cont01{margin-top:50px;}
.sub_icube .solution_content .sub_tit{margin-bottom:25px;}
/*확장모듈*/
.work_diagram{padding:50px 0 70px;}
.icube_cont02{margin-top:70px;}
/*연동모듈*/
.icube_cont03{margin-top:70px;padding:60px 0 80px;}
.link_module > dl{width:100%;border-radius:10px;}
.link_module > dl + dl{margin-top:30px;}
.link_module > dl dt{border-radius:10px 10px 0 0;font-size:20px;padding:16px 0;}
.link_module > dl dd{padding:20px 15px 10px;border-radius:0 0 10px 10px;}
.link_module > dl dd ul li{width:100%;}
.link_module > dl dd ul li .icon{width:45px;height:45px;}
.link_module > dl dd ul li p{font-size:16px;padding-left:10px;width:calc(100% - 45px);}
/*edm*/
.module_list.edm_module > li{width:100%;}
}
@media only screen and (max-width:500px){
/*확장모듈*/
.module_list li{width:100%;border-radius:10px;margin:0 0 10px;padding:15px 10px;}
.module_list li dl dt{width:45px;height:45px;}
.module_list li dl dd{font-size:16px;}
/*연동모듈*/
.link_module > dl dt{font-size:18px;padding:10px 0;}
.link_module > dl dd{20px 10px 10px;}
.link_module > dl dd ul li p{font-size:14px;}
.module_list.smart_list{width:100%;margin-left:0;}
.module_list.smart_list li{width:100%;margin:0 0 10px;}
}
@media only screen and (max-width:360px){
/*연동모듈*/
.link_module > dl dd ul li .icon{width:36px;height:36px;}
.link_module > dl dd ul li p{font-size:12px;}
}
/*───────────────────────────────────────────────────────────
solution | g20
───────────────────────────────────────────────────────────*/
.solution_g20 .amaranth_function .tab_title{width:66%;}
.solution_g20 .amaranth_function .function_tab1 .tab_wrapper{width:calc(100% + 66px);margin-left:-33px;display: block;}
.solution_g20 .amaranth_function .tab_title .title_arw{display: none;}
@media only screen and (max-width:1200px){
.solution_g20 .amaranth_function .tab_title{width:100%;}
}
@media only screen and (max-width:1024px){
.solution_g20 .amaranth_function .function_tab1 .tab_wrapper{display:inline-flex;}
}
/*───────────────────────────────────────────────────────────
solution | bizbox
───────────────────────────────────────────────────────────*/
.sub_bizbox .icube_cont03{margin-top:0;}
/*───────────────────────────────────────────────────────────
solution | wehago
───────────────────────────────────────────────────────────*/
.wehago_work.amaranth_function .tab_title{margin-bottom:32px;}
.wehago_work .diagram_list{display: none;}
.wehago_work .diagram_list.on{display:flex;}
/*플랜*/
.wehago_plan_content{box-sizing:border-box;background:#f5f8fc;padding:80px 0;margin-top:34px;}
.wehago_plan_content > div{display: none;flex-wrap:wrap;}
.wehago_plan_content > div.on{display:flex;}
.wehago_plan_content dl{box-sizing:border-box;box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.05);border-radius:20px;background:#fff;overflow:hidden;width:calc(50% - 10px);}
.wehago_plan_content dl + dl{margin-left:20px;}
.wehago_plan_content dl dt{text-align: center;box-sizing:border-box;border-radius:20px 20px 0 0;background:#004b80;font-size:24px;color:#fff;font-weight:700;padding:20px 0;}
.wehago_plan_content dl + dl dt{background:#004b80;}
.wehago_plan_content dl dd{box-sizing:border-box;border-radius:0 0 20px 20px;text-align: center;padding:45px 40px 24px;}
.wehago_plan_content dl dd .title{}
.wehago_plan_content dl dd .title p{font-size:30px;color:#111;font-weight:700;}
.wehago_plan_content dl dd .title p strong{font-size:inherit;color:#004b80;font-weight:800;}
.wehago_plan_content dl + dl dd .title p strong{color:#004b80;}
.wehago_plan_content dl dd .title span{font-size:16px;color:#666;font-weight:400;letter-spacing:-0.32px;display: block;margin-top:22px;}
.wehago_plan_content dl dd .des{box-sizing:border-box;background:#f9f9f9;border-radius:20px;padding:20px 10px;margin-top:36px;}
.wehago_plan_content dl dd .des p{font-size:18px;color:#333;font-weight:400;line-height:30px;}
.wehago_plan_content dl dd .plan_list{display:flex;flex-wrap:wrap;margin-top:36px;}
.wehago_plan_content dl dd .plan_list li{display:flex;width:50%;align-items:center;text-align: left;margin-bottom:24px;}
.wehago_plan_content dl dd .plan_list li .icon{width:28px;}
.wehago_plan_content dl dd .plan_list li p{font-size:16px;color:#333;font-weight:300;letter-spacing:-0.32px;display: inline-block;position: relative;box-sizing:border-box;padding-left:16px;}
.wehago_plan_content dl dd .plan_list li p strong{font-size:inherit;color:#111;font-weight:700;}
.wehago_plan_content dl dd .plan_list li p.em:before{width:5px;height:5px;content:"";background:#004b80;box-sizing:border-box;border-radius:100%;position: absolute;right:-11px;top:3px;}
.wehago_plan_content dl + dl dd .plan_list li p.em:before{background:#004b80;}
/*기본플랜*/
.wehago_plan_content dl.basic_plan{width:100%;}
.wehago_plan_content dl.basic_plan dt{background-image: linear-gradient(90deg, #004b80, #004b80);}
.wehago_plan_content dl.basic_plan dt span{font-size:16px;color:#fff;font-weight:300;}
.wehago_plan_content dl.basic_plan dd{padding:45px 60px 50px;}
.wehago_plan_content dl.basic_plan .basic_title{}
.wehago_plan_content dl.basic_plan .basic_title strong{font-size:30px;color:#111;font-weight:700;}
.wehago_plan_content dl.basic_plan .basic_title p{font-size:20px;color:#333;font-weight:400;letter-spacing:-0.4px;margin:19px 0 12px;}
.wehago_plan_content dl.basic_plan .basic_title span{font-size:16px;color:#666;font-weight:400;}
.wehago_plan_content dl.basic_plan .service_list{box-sizing:border-box;border:1px solid #ddd;border-radius:20px;padding:47px 57px 25px;position: relative;margin-top:60px;}
.wehago_plan_content dl.basic_plan .service_list .title{display: inline-block;box-sizing:border-box;border-radius:25px;background:#004b80;text-align: center;font-size:20px;color:#fff;font-weight:500;height:50px;line-height:50px;position: absolute;top:-25px;left:50%;transform:translate(-50%);padding:0 30px;}
.wehago_plan_content dl.basic_plan .service_list ul{display:flex;flex-wrap:wrap;;}
.wehago_plan_content dl.basic_plan .service_list ul li{display:flex;align-items:center;width:33%;box-sizing:border-box;margin-bottom:22px;}
.wehago_plan_content dl.basic_plan .service_list ul li:nth-of-type(3n+2){padding-left:4%;}
.wehago_plan_content dl.basic_plan .service_list ul li:nth-of-type(3n){padding-left:9%;}
.wehago_plan_content dl.basic_plan .service_list ul li .icon{width:28px;}
.wehago_plan_content dl.basic_plan .service_list ul li p{font-size:16px;color:#333;font-weight:300;padding-left:16px;box-sizing:border-box;}
@media only screen and (max-width:1200px){
.wehago_plan_content dl dd{padding:45px 20px 24px;}
.wehago_plan_content dl dd .des p{font-size:16px;}
.wehago_plan_content dl dd .plan_list li p{padding-left:10px;font-size:14px;}
/*기본플랜*/
.wehago_plan_content dl.basic_plan dd{padding: 45px 30px 50px;}
.wehago_plan_content dl.basic_plan .basic_title strong{font-size:26px;}
.wehago_plan_content dl.basic_plan .basic_title p{font-size:18px;}
.wehago_plan_content dl.basic_plan .basic_title span{font-size:15px;}
.wehago_plan_content dl.basic_plan .service_list ul li:nth-of-type(3n+2){padding:0;}
.wehago_plan_content dl.basic_plan .service_list ul li:nth-of-type(3n){padding:0;}
}
@media only screen and (max-width:900px){
.wehago_plan_content{padding:50px 0;}
.wehago_plan_content dl dt{font-size:20px;padding:14px 0;}
.wehago_plan_content dl dd{padding:26px 20px 24px;}
.wehago_plan_content dl dd .title p{font-size:24px;}
.wehago_plan_content dl dd .title span{font-size:14px;margin-top:12px;}
.wehago_plan_content dl dd .des{margin-top:20px;}
.wehago_plan_content dl dd .des p{font-size:14px;line-height:20px;}
.wehago_plan_content dl dd .plan_list li{width:100%;margin-bottom:16px;}
}
@media only screen and (max-width:767px){
/*기본플랜*/
.wehago_plan_content dl.basic_plan dt span{font-size:12px;display: block;}
.wehago_plan_content dl.basic_plan dd{padding:35px 15px 40px;}
.wehago_plan_content dl.basic_plan .basic_title p{font-size:16px;}
.wehago_plan_content dl.basic_plan .service_list .title{border-radius:20px;height:40px;line-height:40px;font-size:18px;top:-20px;}
.wehago_plan_content dl.basic_plan .service_list{padding:47px 20px 25px;}
.wehago_plan_content dl.basic_plan .service_list ul li{margin-bottom:15px;}
.wehago_plan_content dl.basic_plan .service_list ul li p{font-size:14px;padding-left:10px;}
}
@media only screen and (max-width:640px){
.wehago_plan_content dl{width:100%;}
.wehago_plan_content dl + dl{margin:20px 0 0 0;}
.wehago_plan_content dl dd .plan_list li{width:50%;}
/*기본플랜*/
.wehago_plan_content dl.basic_plan .basic_title strong{font-size:22px;}
.wehago_plan_content dl.basic_plan .service_list ul li{width:50%;}
}
@media only screen and (max-width:500px){
.wehago_plan_content dl + dl{border-radius:10px;}
.wehago_plan_content dl dt{font-size:18px;border-radius:10px 10px 0 0;}
.wehago_plan_content dl dd{padding:20px 10px 20px;border-radius: 0 0 10px 10px;}
.wehago_plan_content dl dd .title p{font-size:20px;}
.wehago_plan_content dl dd .title span{font-size:13px;margin-top:8px;}
.wehago_plan_content dl dd .des{border-radius:10px;}
.wehago_plan_content dl dd .des p{font-size:13px;}
.wehago_plan_content dl dd .plan_list li{width:100%;}
.wehago_plan_content dl dd .plan_list li p{padding-left:7px;font-size:13px;}
.wehago_plan_content dl dd .plan_list li p.em:before{width:3px;height:3px;right:-6px;}
/*기본플랜*/
.wehago_plan_content dl.basic_plan dd{padding:25px 15px 30px;}
.wehago_plan_content dl.basic_plan .basic_title strong{font-size:20px;}
.wehago_plan_content dl.basic_plan .basic_title p{font-size:14px;margin:10px 0 8px;}
.wehago_plan_content dl.basic_plan .basic_title span{font-size:12px;}
.wehago_plan_content dl.basic_plan .service_list{margin-top:50px;padding:47px 10px 25px;}
.wehago_plan_content dl.basic_plan .service_list .title{font-size:14px;width:150px;}
.wehago_plan_content dl.basic_plan .service_list ul li{width:100%;}
.wehago_plan_content dl.basic_plan .service_list ul li p{font-size:13px;padding-left:7px;;}
}
/*wehago*/
.sub_erp10 .sub_management.wehago_manage{padding-top:163px;padding-bottom:100px;}
.wehago_manage .title{text-align: center;}
.wehago_manage .title h4{font-size:44px;color:#111;font-weight:600;}
.wehago_manage .title h4 strong{font-size:inherit;color:#05243a;font-weight:600;}
.wehago_manage .title p{font-size:22px;color:#666;font-weight:400;line-height:40px;margin-top:13px;}
.sub_erp10 .wehago_manage.sub_management .manage_list{margin-top:70px;}
.sub_erp10 .wehago_manage.sub_management .manage_list li{width:calc(33.3333% - 20px);height:340px;margin-bottom:20px;}
.sub_erp10 .wehago_manage.sub_management .manage_list li:nth-child(n+5){margin-top:0;}
@media only screen and (max-width:1200px){
.sub_erp10 .sub_management.wehago_manage{padding-top:110px;}
.wehago_manage .title h4{font-size:36px;}
.wehago_manage .title p{font-size:18px;margin-top:13px;line-height:30px;}
.sub_erp10 .wehago_manage.sub_management .manage_list{margin-top:50px;}
.sub_erp10 .wehago_manage.sub_management .manage_list li{width:calc(33.3333% - 15px);height:auto;}
}
@media only screen and (max-width:640px){
.sub_erp10 .sub_management.wehago_manage{padding-top:70px;padding-bottom:80px;}
.wehago_manage .title h4{font-size:28px;}
.wehago_manage .title p{font-size:16px;line-height:26px;}
.sub_erp10 .wehago_manage.sub_management .manage_list li{margin-bottom:0;}
}
@media only screen and (max-width:500px){
.wehago_manage .title p{font-size:14px;line-height:22px;margin-top:8px;}
.wehago_manage .title p br{display: none;}
}
/*───────────────────────────────────────────────────────────
company | ceo (인사말)
───────────────────────────────────────────────────────────*/
.sub_about {}
.sub_about .sub_about_img {overflow:visible;position:relative;width:100%;height:420px;}
.sub_about .sub_about_img span {display:block;width:100%;height:100%;background:url('../images/sub/ceo_visual_bg.jpg') no-repeat center;background-size:cover;position:absolute;top:0;left:0;}
.sub_about .sub_about_txt {display:flex;padding-top:107px;}
.sub_about .sub_about_txt > strong {font-size:50px;line-height:1.4;font-weight:700;color:#111;letter-spacing:-0.03em;width:614px;display:block;}
.sub_about .sub_about_txt > div {width:calc(100% - 614px);}
.sub_about .sub_about_txt > div p {font-size:18px;line-height:1.67;font-weight:500;color:#111;letter-spacing:-0.03em;padding-top: 9px;}
.sub_about .sub_about_txt > div p + p {padding-top:30px;}
.sub_about .sub_about_txt > div .ceo {font-size:24px;font-weight:600;color:#111;letter-spacing:-0.03em;padding-top:78px;}
.sub_about .sub_about_txt > div .ceo img {margin-left:66px;}
@media only screen and (max-width:1500px){
.sub_about .sub_about_img {height:0;padding-bottom:28%;}
.sub_about .sub_about_img span {width:calc(100% + 60px);left:-30px;}
.sub_about .sub_about_txt {padding-top:7.134%;}
.sub_about .sub_about_txt > strong {width:40%;}
.sub_about .sub_about_txt > div {width:60%;}
.sub_about .sub_about_txt > div .ceo {padding-top:5.2%;}
}
@media only screen and (max-width:1200px){
.sub_about .sub_about_img {padding-bottom:30%;}
.sub_about .sub_about_txt > strong {font-size:45px;}
}
@media only screen and (max-width:1024px){
.sub_about .sub_about_img {padding-bottom:45%;}
.sub_about .sub_about_txt > strong {font-size:40px;}
.sub_about .sub_about_txt {padding-top:9%;}
.sub_about .sub_about_txt > div p {font-size:17px;}
.sub_about .sub_about_txt > div p + p {padding-top:26px;}
.sub_about .sub_about_txt > div .ceo {padding-top:6%;font-size:20px;}
.sub_about .sub_about_txt > div .ceo img {margin-left:50px;width:90px;}
}
@media only screen and (max-width:860px){
.sub_about .sub_about_txt > strong {font-size:35px;}
.sub_about .sub_about_txt > div p {font-size:16px;}
.sub_about .sub_about_txt > div p + p {padding-top:24px;}
}
@media only screen and (max-width:767px){
.sub_about .sub_about_txt > strong {font-size:30px;}
.sub_about .sub_about_txt {padding-top:10%;}
.sub_about .sub_about_txt > div .ceo {padding-top:8%;font-size:19px;}
.sub_about .sub_about_txt > div .ceo img {margin-left:40px;width:80px;}
}
@media only screen and (max-width:640px){
.sub_about .sub_about_img span {width:calc(100% + 30px);left:-15px;}
.sub_about .sub_about_txt {display:block;padding-top:13%;}
.sub_about .sub_about_txt > strong {font-size:28px;width:100%;}
.sub_about .sub_about_txt > div {width:100%;padding-top:7%;}
.sub_about .sub_about_txt > div p {font-size:15px;padding-top:0;}
.sub_about .sub_about_txt > div p + p {padding-top:22px;}
.sub_about .sub_about_txt > div .ceo {padding-top:10%;font-size:18px;}
.sub_about .sub_about_txt > div .ceo img {margin-left:30px;width:60px;}
}
@media only screen and (max-width:479px){
.sub_about .sub_about_img {padding-bottom:50%;}
.sub_about .sub_about_txt > div p {font-size:14px;}
.sub_about .sub_about_txt > div p + p {padding-top:20px;}
.sub_about .sub_about_txt > div .ceo {padding-top:12%;font-size:17px;}
}
/*───────────────────────────────────────────────────────────
company | history (연혁)
───────────────────────────────────────────────────────────*/
.sub_history {}
.sub_history .intro_wrap {padding:60px 0 180px;position:relative;z-index:1;background:url('../images/sub/history_about_bg.png') no-repeat left;background-size:auto 100%;}
.sub_history .intro_wrap:before {}
.sub_history .intro_wrap:after {content:'';display:block;position:absolute;width:36.8%;height:760px;background:#ebf2f9;right:0;top:-20px;}
.sub_history .intro_wrap .intro {display: flex;align-items: center;justify-content: space-between;}
.sub_history .intro_wrap .intro .txt_box {width:calc(100% - 660px);}
.sub_history .intro_wrap .intro .txt_box span {font-size:24px;line-height:1;font-weight:700;color:#004b80;letter-spacing:-0.03em;display:block;}
.sub_history .intro_wrap .intro .txt_box strong {font-size:50px;line-height:1.4;font-weight:700;color:#111;letter-spacing:-0.04em;display:block;padding:18px 0 42px;}
.sub_history .intro_wrap .intro .txt_box p {font-size:20px;font-weight:300;color:#333;letter-spacing:-0.03em;}
.sub_history .intro_wrap .intro .img_box {width:660px;height:500px;background:url('../images/sub/history_about_img.jpg') no-repeat center;background-size:cover;}
.sub_history .history_cont {;position:relative;display:flex;padding-top:200px;}
.sub_history .history_img{float:none;width:620px;padding-right:120px;box-sizing:border-box;display: inline-block;position:relative;}
.sub_history .history_img span {width:100%;height:700px;background:url('../images/sub/history_img.jpg') no-repeat center;background-size:cover;display:block;}
.sub_history .history_img .img_wrap{width:100%;height:100%;overflow:hidden;position: relative;background:url('../images/sub/history_img.jpg')no-repeat center;background-size:cover;z-index:2;}
.sub_history .history_wrap {position:relative;width:calc(100% - 620px);/* z-index: 10; */box-sizing:border-box;float:none;display: inline-block;}
.sub_history .history_wrap:before {content:"";display:none;width:1px;height:100%;position:absolute;left:50%;top:0;background:#ddd;}
.sub_history .history_wrap .scroll_bar {position:absolute;width:3px;height:auto;background:#05243a;top:10px;left:-1px;z-index: 10;}
/* 내용 */
.sub_history .history_box {display:block;position:relative;width:100%;/* z-index: 1; */box-sizing:border-box;font-size: 0;}
.sub_history .history_box:before {content:'';display:block;width:1px;height:100%;background:#ddd;top:10px;left:0;position:absolute;}
.sub_history .history_box .his_year,
.sub_history .history_box .his_detail {width:100%;display:block;box-sizing:border-box;vertical-align:top;padding-left:71px;position: relative;z-index: 10;}
.sub_history .history_box:last-of-type .his_detail {padding-bottom:0;}
/* 연도 */
.sub_history .history_box .his_year .year {position:relative;z-index: 99;box-sizing:border-box;}
.sub_history .history_box .his_year .year strong {margin:0;position: relative;font-size: 50px;line-height: 0.8;color: #111;z-index: 5;font-weight:600;display: inline-block;}
/* 원 */
.sub_history .history_box .his_year::before {width:8px;height:8px;border-radius:100%;content:"";background:#fff;position: absolute;left: -15px;top: 50%;transform: translateY(-50%);z-index:1;border: 11px solid #004b80;}
.sub_history .history_box .his_year::after {width: 0;height: 0;content:"";position:absolute;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 9px solid #004b80;left: -4.5px;bottom: -1px;}
/* 세부내역 */
.sub_history .history_box .his_detail {box-sizing:border-box;position:relative;padding-bottom: 60px;padding-top:40px;}
.sub_history .history_box .his_detail .detailYear {width:100%;position:relative;box-sizing:border-box;}
.sub_history .history_box .his_detail .detailYear + .detailYear {padding-top:13px;}
.sub_history .history_box .his_detail .detailYear > ul {display:inline-block;box-sizing:border-box;width:auto;}
.sub_history .history_box .his_detail .detailYear > ul > li {padding:0;line-height: 1.67;font-size:18px;color:#555;font-weight:400;vertical-align:top;box-sizing:border-box;letter-spacing: -0.03em;}
.sub_history .history_box .his_detail .detailYear > ul > li::before {display: ;line-height:inherit;font-size:inherit;vertical-align:middle;}
.sub_history .history_box .his_detail .detailYear > ul > li + li {margin-top: 10px;}
.sub_history .history_box .his_detail .detailYear > ul > li > ul > li {position:relative;padding-left:10px;}
.sub_history .history_box .his_detail .detailYear > ul > li > ul > li:before {content:'·';display:block;position:absolute;font-size:inherit;font-weight:inherit;color:inherit;top:0;left:0;}
.sub_history .history_box:last-of-type .his_detail:before {display:none;}
@media only screen and (max-width:1500px) {
.sub_history .intro_wrap {padding:4% 0 12%;}
.sub_history .intro_wrap:after {height:102.5%;}
.sub_history .intro_wrap .intro {padding:0;}
.sub_history .intro_wrap .intro .txt_box {width:55%;padding-right:6%;box-sizing:border-box;}
.sub_history .intro_wrap .intro .img_box {width:45%;height:0;padding-bottom:34%;}
.sub_history .history_cont {padding-top:13.333%;}
.sub_history .history_img {width:42%;padding-right:8%;}
.sub_history .history_img span {padding-bottom:149%;height:0;}
.sub_history .history_wrap {width:58%;}
}
@media only screen and (max-width:1200px) {
.sub_history .intro_wrap .intro .txt_box strong {font-size:45px;}
.sub_history .intro_wrap .intro .txt_box span {font-size:22px;}
}
@media only screen and (max-width:1024px) {
.sub_history .intro_wrap .intro .txt_box strong {font-size:35px;padding:3% 0 6%;}
.sub_history .intro_wrap .intro .txt_box p {font-size:18px;}
.sub_history .history_box .his_year::after {bottom:-8px;}
.sub_history .history_box .his_year .year strong {font-size:35px;}
.sub_history .history_box .his_detail {padding-top:5%;padding-bottom:13%;}
}
@media only screen and (max-width:1100px) {
}
@media only screen and (max-width:900px) {
.sub_history .intro_wrap .intro .txt_box strong br {display:none;}
.sub_history .history_box .his_year .year strong{font-size:26px;margin-top:2px;}
.sub_history .history_box .his_detail .detailYear > ul > li{font-size:17px;}
}
@media only screen and (max-width:800px) {
.sub_history .intro_wrap .intro .txt_box strong {font-size:30px;}
.sub_history .history_cont {display:block;}
.sub_history .history_img {width:100%;padding:0;}
.sub_history .history_img span {padding-bottom:45%;}
.sub_history .history_wrap .scroll_bar {width:1px;left:0;}
.sub_history .history_box .his_detail {padding-bottom:10%;padding-top:4%;}
.sub_history .history_box .his_year::before {border-width:8px;width:6px;height:6px;left:-10px;}
.sub_history .history_box .his_year::after {border-left-width:3px;border-right-width:3px;border-top-width:7px;left:-2.5px;bottom:-4px;}
.sub_history .history_box .his_year .year strong {font-size:30px;}
.sub_history .history_box .his_year, .sub_history .history_box .his_detail {padding-left:8%;}
.sub_history .history_wrap{float:none;width:100%;margin-top:10%;}
.sub_history .history_box .his_year .year strong{font-size:30px;}
.sub_history .history_box .his_detail .detailYear > ul > li{font-size:16px;}
}
@media only screen and (max-width:767px) {
.sub_history .intro_wrap .intro .txt_box span {font-size:20px;}
.sub_history .intro_wrap .intro .txt_box p {font-size:17px;}
}
@media only screen and (max-width:640px) {
.sub_history .intro_wrap {background-size:100% auto;background-position:top center;}
.sub_history .intro_wrap:after {width:100%;height:30%;bottom:0;top:auto;}
.sub_history .intro_wrap .intro {display:block;}
.sub_history .intro_wrap .intro .txt_box {padding:0;margin:0;width:100%;}
.sub_history .intro_wrap .intro .txt_box strong {padding:3% 0 3%;}
.sub_history .intro_wrap .intro .txt_box strong br {display:block;}
.sub_history .intro_wrap .intro .txt_box span {font-size:18px;}
.sub_history .intro_wrap .intro .txt_box p {font-size:16px;line-height:1.5;}
.sub_history .intro_wrap .intro .img_box {width:100%;padding-bottom:45%;margin-top:7%;}
.sub_history .history_txt .his_tit h3{font-size:30px;line-height:41px;margin-top:20px;}
.sub_history .history_txt .his_img{height:420px;margin-top:40px;}
.sub_history .history_box .his_detail .detailYear > ul > li{font-size:15px;}
.sub_history .history_box .his_detail .detailYear > ul > li + li {margin-top:6px;}
}
@media only screen and (max-width:500px) {
.sub_history .history_txt .his_tit h3{font-size:28px;line-height:39px;}
.sub_history .history_txt .his_img{width:75%;height:345px;}
}
@media only screen and (max-width:400px) {
.sub_history .intro_wrap .intro .txt_box strong {font-size:26px;}
.sub_history .history_txt .his_tit h3{font-size:26px;margin-top:12px;}
.sub_history .history_txt .his_img{height:300px;margin-top:30px;}
.sub_history .history_txt .his_img:before{top:20px;left:20px;}
.sub_history .history_box .his_year .year strong{font-size:20px;}
.sub_history .history_box .his_detail .detailYear > ul {width:80%;}
.sub_history .history_box .his_detail .detailYear > ul > li{font-size:16px;line-height:28px;}
.sub_history .history_box .his_detail .detailYear > ul > li + li{margin-top:12px;}
}
@media only screen and (max-width:350px) {
.sub_history .history_txt .his_tit h3{font-size:25px;line-height:34px;}
.sub_history .history_txt .his_img{height:260px;}
.sub_history .history_box .his_year .year strong{font-size:25px;}
.sub_history .history_box .his_year .year strong {font-size:25px;}
}
@media only screen and (max-width:330px) {
}
/*───────────────────────────────────────────────────────────
company | jop (채용공고)
───────────────────────────────────────────────────────────*/
.sub_jop {}
.sub_jop .sub_title {padding-bottom:60px;}
.sub_jop .sub_title h4 {font-size:50px;line-height:1;font-weight:700;color:#111;}
.sub_jop .sub_title p {}
.sub_jop .ideal_wrap {background:#f5f8fc;padding:120px 0;}
.sub_jop .ideal_wrap .ideal {}
.sub_jop .ideal_wrap .ideal > ul {font-size:0;padding:0 12px;display: flex;}
.sub_jop .ideal_wrap .ideal > ul:before {content:'';display:block;position:absolute;width:calc(100% - 36px);height:2px;background-image: linear-gradient(to right, #00abdf, #3c7dd9);left:50%;top:124px;transform:translateX(-50%);}
.sub_jop .ideal_wrap .ideal > ul > li {width:calc(25% - 86.25px);display:inline-block;}
.sub_jop .ideal_wrap .ideal > ul > li + li {margin-left:115px;}
.sub_jop .ideal_wrap .ideal ol > li {}
.sub_jop .ideal_wrap .ideal ol > li + li {margin-top:40px;padding-top:83px;position:relative;}
.sub_jop .ideal_wrap .ideal ol > li + li:before {content:'';display:block;position:absolute;width:14px;height:28px;background:url('../images/sub/jobposting-ideal-arw.png') no-repeat center;background-size:100% auto;top:0;left:50%;transform:translateX(-50%);}
.sub_jop .ideal_wrap .ideal ol > li > .icon,
.sub_jop .ideal_wrap .ideal ol > li > .img {width:250px;height:250px;border-radius:100%;display:block;box-sizing:border-box;margin:0 auto;}
.sub_jop .ideal_wrap .ideal ol > li > .icon {border:2px dotted #00abdf;background:#f5f8fc;position:relative;display:flex;align-items: center;justify-content: center;}
.sub_jop .ideal_wrap .ideal ol > li > .icon:before,
.sub_jop .ideal_wrap .ideal ol > li > .icon:after {content:'';display:block;position:absolute;width:10px;height:10px;background:#00abdf;border-radius:100%;top:50%;transform:translateY(-50%);left:-6px;}
.sub_jop .ideal_wrap .ideal ol > li > .icon:after {left:auto;right:-6px;}
.sub_jop .ideal_wrap .ideal ul > li.list2 .icon {border-color:#004b80;}
.sub_jop .ideal_wrap .ideal ul > li.list3 .icon {border-color:#4b91f1;}
.sub_jop .ideal_wrap .ideal ul > li.list4 .icon {border-color:#3c7dd9;}
.sub_jop .ideal_wrap .ideal ul > li.list2 .icon:before,
.sub_jop .ideal_wrap .ideal ul > li.list2 .icon:after {background:#004b80;}
.sub_jop .ideal_wrap .ideal ul > li.list3 .icon:before,
.sub_jop .ideal_wrap .ideal ul > li.list3 .icon:after {background:#4b91f1;}
.sub_jop .ideal_wrap .ideal ul > li.list4 .icon:before,
.sub_jop .ideal_wrap .ideal ul > li.list4 .icon:after {background:#3c7dd9;}
.sub_jop .ideal_wrap .ideal ol > li > .icon span {background:#fff;border-radius:100%;width:calc(100% - 50px);height:calc(100% - 50px);display:flex;align-items: center;justify-content: center;box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.05);}
.sub_jop .ideal_wrap .ideal ol > li > .img {}
.sub_jop .ideal_wrap .ideal ol > li > .txt_box {text-align:center;padding-top:30px;display: flex;flex-direction: column;align-items: center;}
.sub_jop .ideal_wrap .ideal ol > li > .txt_box strong {font-size:24px;line-height:1;font-weight:700;color:#111;display:block;padding-bottom:20px;display:block;}
.sub_jop .ideal_wrap .ideal ol > li > .txt_box p,
.sub_jop .ideal_wrap .ideal ol > li > .txt_box ul li {font-size:18px;line-height:1.67;font-weight:300;color:#333;letter-spacing:-0.03em;width:100%;}
.sub_jop .ideal_wrap .ideal ol > li > .txt_box ul li + li {margin-top:0;}
.sub_jop .ideal_wrap .ideal ol > li > .txt_box ul {text-align:left;}
.sub_jop .ideal_wrap .ideal ol > li > .txt_box ul li:before {font-size:inherit;font-weight:inherit;color:inherit;}
@media only screen and (max-width:1440px) {
.sub_jop .ideal_wrap {padding:8% 0;}
.sub_jop .sub_title {padding-bottom:4%;}
}
@media only screen and (max-width:1440px) {
.sub_jop .ideal_wrap .ideal > ul {padding:0;}
.sub_jop .ideal_wrap .ideal > ul > li {width:25%;}
.sub_jop .ideal_wrap .ideal > ul:before {top:109px;width:80%;}
.sub_jop .ideal_wrap .ideal > ul > li + li {margin-left:0;}
.sub_jop .ideal_wrap .ideal ol > li > .icon,
.sub_jop .ideal_wrap .ideal ol > li > .img {width:220px;height:220px;position:relative;}
.sub_jop .ideal_wrap .ideal ol > li > .icon span {position:absolute;width:calc(100% - 50px);height:calc(100% - 50px);top:50%;left:50%;transform:translate(-50%,-50%);}
}
@media only screen and (max-width:1200px) {
.sub_jop .sub_title h4 {font-size:45px;}
.sub_jop .ideal_wrap .ideal ol > li > .txt_box strong {font-size:22px;}
}
@media only screen and (max-width:1024px) {
.sub_jop .ideal_wrap {padding:12% 0;}
.sub_jop .sub_title {padding-bottom:6%;}
.sub_jop .sub_title h4 {font-size:40px;}
.sub_jop .ideal_wrap .ideal > ul:before {top:99px;}
.sub_jop .ideal_wrap .ideal > ul > li + li {margin-left:0;}
.sub_jop .ideal_wrap .ideal ol > li > .icon,
.sub_jop .ideal_wrap .ideal ol > li > .img {width:200px;height:200px;}
.sub_jop .ideal_wrap .ideal ol > li > .txt_box p, .sub_jop .ideal_wrap .ideal ol > li > .txt_box ul li {font-size:17px;}
.sub_jop .ideal_wrap .ideal ol > li > .icon span img {transform:scale(0.8);}
.sub_jop .ideal_wrap .ideal ol > li > .icon span {position:absolute;width:calc(100% - 30px);height:calc(100% - 30px);}
.sub_jop .ideal_wrap .ideal ol > li > .icon:before, .sub_jop .ideal_wrap .ideal ol > li > .icon:after {width:8px;height:8px;left:-5px;}
.sub_jop .ideal_wrap .ideal ol > li > .icon:after {right:-5px;left:auto;}
.sub_jop .ideal_wrap .ideal ol > li + li {margin-top:30px;padding-top:70px;}
}
@media only screen and (max-width:960px) {
.sub_jop .ideal_wrap .ideal > ul:before {top:89px;}
.sub_jop .ideal_wrap .ideal ol > li > .icon,
.sub_jop .ideal_wrap .ideal ol > li > .img {width:180px;height:180px;}
}
@media only screen and (max-width:860px) {
.sub_jop .ideal_wrap .ideal > ul:before {display:none;}
.sub_jop .ideal_wrap .ideal > ul {display:block;}
.sub_jop .ideal_wrap .ideal > ul > li {width:100%;}
.sub_jop .ideal_wrap .ideal ol {display:flex;}
.sub_jop .ideal_wrap .ideal ol > li > .icon, .sub_jop .ideal_wrap .ideal ol > li > .img {width:70%;height:0;padding-bottom:70%;}
.sub_jop .ideal_wrap .ideal ol > li > .icon span img {transform:scale(1);}
.sub_jop .ideal_wrap .ideal ol > li {display:inline-block;width: calc(50% - 40px);vertical-align: top;}
.sub_jop .ideal_wrap .ideal ol > li + li {margin:0;padding:0;margin-left: 30px;padding-left: 50px;}
.sub_jop .ideal_wrap .ideal ol > li + li:before {transform: rotate(-90deg) translate(-65%);left: 0;top: 25%;}
.sub_jop .ideal_wrap .ideal > ul > li + li {margin-top:6%;}
}
@media only screen and (max-width:800px) {
.sub_jop .sub_title h4 {font-size:35px;}
}
@media only screen and (max-width:767px) {
.sub_jop .sub_title h4 {font-size:30px;}
.sub_jop .ideal_wrap .ideal ol > li > .txt_box strong {font-size:20px;}
.sub_jop .ideal_wrap .ideal ol > li > .txt_box p, .sub_jop .ideal_wrap .ideal ol > li > .txt_box ul li {font-size:16px;}
}
@media only screen and (max-width:650px) {
.sub_jop .ideal_wrap .ideal ol > li + li:before {top:23%;}
.sub_jop .ideal_wrap .ideal ol > li > .icon span img {transform: scale(0.8);}
.sub_jop .ideal_wrap .ideal ol > li > .icon, .sub_jop .ideal_wrap .ideal ol > li > .img {width:80%;padding-bottom:80%;}
}
@media only screen and (max-width:640px) {
.sub_jop .ideal_wrap {padding:15% 0;}
.sub_jop .sub_title {padding-bottom:8%;}
.sub_jop .sub_title h4 {font-size:28px;}
.sub_jop .ideal_wrap .ideal ol > li > .txt_box strong {font-size:18px;}
.sub_jop .ideal_wrap .ideal ol > li > .txt_box p, .sub_jop .ideal_wrap .ideal ol > li > .txt_box ul li {font-size:15px;}
}
@media only screen and (max-width:560px) {
.sub_jop .ideal_wrap .ideal ol > li + li:before {top:21%;}
}
@media only screen and (max-width:479px) {
.sub_jop .ideal_wrap .ideal ol > li + li:before {top:16%;}
.sub_jop .ideal_wrap .ideal ol > li > .icon, .sub_jop .ideal_wrap .ideal ol > li > .img {width:100%;padding-bottom:100%;}
.sub_jop .ideal_wrap .ideal ol > li + li {margin-left:30px;padding-left:40px;}
}
.jop_wrap {}
.jop_wrap .tab_content > div {display:none;}
.jop_wrap .tab_content > div.on {display:block;}
.jop_wrap .sub_title {text-align:left;padding-top:70px;padding-bottom:40px;display: flex;justify-content: space-between;align-items: flex-end;}
.jop_wrap .sub_title h4 {display:inline-block;}
.jop_wrap .sub_title p {font-size:22px;font-weight:700;color:#ccc;display:inline-block;margin-left:25px;}
.jop_wrap .sub_title .btn_box {}
.jop_wrap .sub_title .btn_box .btn_counsel,
.jop_wrap .sub_title .btn_box .btn_download {width:317px;}
.jop_wrap .jop_list {font-size:0;display:flex;flex-direction: row;flex-wrap: wrap;}
.jop_wrap .jop_list > li {width:calc(50% - 10px);padding:30px;border:1px solid #ddd;border-radius:20px;box-sizing:border-box;display:flex;}
.jop_wrap .jop_list > li + li {margin-left:20px;}
.jop_wrap .jop_list > li:nth-of-type(2n+1) {margin-left:0;}
.jop_wrap .jop_list > li:nth-of-type(n+3) {margin-top:20px;}
.jop_wrap .jop_list > li.last {width:100%;padding-bottom:60px;display:block;}
.jop_wrap .jop_list > li.last dl {display:inline-block;vertical-align:top;}
.jop_wrap .jop_list > li .icon {width:50px;}
.jop_wrap .jop_list > li dl {padding-left:20px;width:calc(100% - 50px);box-sizing:border-box;}
.jop_wrap .jop_list > li dl dt {font-size:22px;line-height:50px;font-weight:700;color:#111;}
.jop_wrap .jop_list > li dl dd {padding-top:9px;}
.jop_wrap .jop_list > li dl dd ul {}
.jop_wrap .jop_list > li dl dd ul li {font-size:16px;font-weight:300;color:#666;width:100%;}
.jop_wrap .jop_list > li.step_box dl dd {text-align:center;}
.jop_wrap .jop_list > li.step_box .step_list {position:relative;display:block;margin:0 auto;text-align: center;margin-top:25px;}
.jop_wrap .jop_list > li.step_box .step_list:before {content:'';display:block;position:absolute;width:80%;height:0;border-top:1px dashed #aaa;box-sizing:border-box;left:50%;top:50%;transform:translateX(-50%);;z-index:-1;}
.jop_wrap .jop_list > li.step_box .step_list li {display:inline-block;width:220px;height:220px;border:10px solid #f5f5f5;background:#fff;box-sizing:border-box;font-size:0;border-radius:100%;vertical-align:top;display: inline-flex;align-items: center;justify-content: center;}
.jop_wrap .jop_list > li.step_box .step_list li + li {margin-left:93px;}
.jop_wrap .jop_list > li.step_box .step_list li .txt_box {text-align:center;}
.jop_wrap .jop_list > li.step_box .step_list li .txt_box span {}
.jop_wrap .jop_list > li.step_box .step_list li .txt_box span img {}
.jop_wrap .jop_list > li.step_box .step_list li .txt_box em {display:block;font-size:14px;line-height:1;font-weight:300;color:#666;letter-spacing:-0.03em;padding:20px 0 13px;}
.jop_wrap .jop_list > li.step_box .step_list li .txt_box strong {display:block;font-size:18px;line-height:1;font-weight:400;color:#333;letter-spacing:-0.03em;}
.jop_wrap .jop_list > li.step_box .step_list li:last-of-type {border-style: solid;border-width: 10px;background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #00abdf 0%, #3c7dd9 100%);border-image-slice: 1;background-color: #fff;border-radius:100%;background-origin: border-box;background-clip: content-box, border-box;border:10px solid transparent;}
.jop_wrap .jop_list > li.step_box .step_list li:last-of-type .txt_box em {color:#333;}
.jop_wrap .jop_list > li.step_box .step_list li:last-of-type .txt_box strong {color:#333;font-weight:700;}
@media only screen and (max-width:1500px) {
.jop_wrap .sub_title {padding-top:5%;}
}
@media only screen and (max-width:1290px) {
.jop_wrap .jop_list > li.step_box .step_list:before {width:70%;}
.jop_wrap .jop_list > li.step_box .step_list li {width:180px;height:180px;}
.jop_wrap .jop_list > li.step_box .step_list li + li {margin-left:60px;}
}
@media only screen and (max-width:1200px) {
.jop_wrap .sub_title p {font-size:20px;}
.jop_wrap .sub_title .btn_box .btn_counsel, .jop_wrap .sub_title .btn_box .btn_download {width:280px;}
}
@media only screen and (max-width:1100px) {
.jop_wrap .sub_title p {display:block;margin-left:0;margin-top:13px;}
}
@media only screen and (max-width:1024px) {
.jop_wrap .jop_list > li dl dt {font-size:20px;}
.jop_wrap .jop_list > li.step_box .step_list li + li {margin-left:30px;}
.jop_wrap .jop_list > li.step_box .step_list li .txt_box strong {font-size:18px;}
}
@media only screen and (max-width:940px) {
.jop_wrap .jop_list > li.last {padding-bottom:30px;}
.jop_wrap .jop_list > li.step_box .step_list {display:flex;flex-direction: row;flex-wrap: wrap;}
.jop_wrap .jop_list > li.step_box .step_list:before {display:none;}
.jop_wrap .jop_list > li.step_box .step_list li {width:calc(50% - 10px);height:auto;border-radius:20px;}
.jop_wrap .jop_list > li.step_box .step_list li + li {margin-left:20px;}
.jop_wrap .jop_list > li.step_box .step_list li:nth-of-type(2n+1) {margin-left:0;}
.jop_wrap .jop_list > li.step_box .step_list li:nth-of-type(n+3) {margin-top:20px;}
.jop_wrap .jop_list > li.step_box .step_list li:last-of-type {border-radius:20px;}
.jop_wrap .jop_list > li.step_box .step_list li .txt_box {padding:20px 0;}
}
@media only screen and (max-width:900px) {
.jop_wrap .sub_title .btn_box .btn_counsel, .jop_wrap .sub_title .btn_box .btn_download {width: 250px;font-size: 16px;padding-right: 18px;background-position: right 12% center;background-size: auto 15px;}
}
@media only screen and (max-width:860px) {
.jop_wrap .sub_title {display:block;}
.jop_wrap .jop_list > li .icon {width:45px;height:45px;display:inline-block;}
.jop_wrap .jop_list > li dl {width:calc(100% - 45px);}
.jop_wrap .jop_list > li dl dt {font-size:18px;height:45px;line-height: 45px;}
.jop_wrap .jop_list > li dl dd ul li {font-size:15px;}
.jop_wrap .jop_list > li.step_box .step_list li .txt_box strong {font-size:17px;}
.jop_wrap .jop_list > li.step_box .step_list li .txt_box em {font-size:13px;padding:18px 0 10px;}
}
@media only screen and (max-width:640px) {
.jop_wrap .jop_list > li {width:100%;padding:20px;border-radius:15px;}
.jop_wrap .jop_list > li + li {margin-left:0;margin-top:15px;}
.jop_wrap .jop_list > li .icon {width:40px;height:40px;}
.jop_wrap .jop_list > li dl {width:calc(100% - 40px);}
.jop_wrap .jop_list > li dl dt {font-size:16px;height:40px;line-height: 40px;}
.jop_wrap .jop_list > li dl dd ul li {font-size:14px;}
.jop_wrap .jop_list > li.step_box .step_list li .txt_box strong {font-size:16px;}
}
@media only screen and (max-width:540px) {
.jop_wrap .sub_title .btn_box .btn_counsel, .jop_wrap .sub_title .btn_box .btn_download {width:calc(50% - 5px);font-size:14px;background-size:auto 10px;background-position:center right 15px;background-image:none;padding:0;}
}
@media only screen and (max-width:425px) {
.jop_wrap .jop_list > li.step_box .step_list li {width:100%;}
.jop_wrap .jop_list > li.step_box .step_list li + li {margin:0;margin-top:15px;}
.jop_wrap .sub_title .btn_box .btn_counsel, .jop_wrap .sub_title .btn_box .btn_download {width:100%;margin:0;margin-top:10px;}
}
/*───────────────────────────────────────────────────────────
company | welfare (복리후생제도)
───────────────────────────────────────────────────────────*/
.sub_welfare {background:#f5f8fc;padding:80px 0 120px;}
.sub_welfare .welfare_wrap {}
.sub_welfare .welfare_wrap ul {display:flex;flex-direction: row;flex-wrap: wrap;font-size:0;}
.sub_welfare .welfare_wrap ul li {width:calc(33.333% - 10px);padding:60px 0;border-radius:20px;box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.05);background:#fff;overflow:hidden;position:relative;text-align:center;display:flex;justify-content: center;flex-direction: column;}
.sub_welfare .welfare_wrap ul li:before {content:'';display:block;position:absolute;width:100%;height:10px;background:#05243a;top:0;left:0;}
.sub_welfare .welfare_wrap ul li:nth-of-type(n+4):before {background:#004b80;}
.sub_welfare .welfare_wrap ul li:nth-of-type(n+7):before {background:#05243a;}
.sub_welfare .welfare_wrap ul li:nth-of-type(n+9):before {background:#004b80;}
.sub_welfare .welfare_wrap ul li + li {margin-left:15px;}
.sub_welfare .welfare_wrap ul li:nth-of-type(3n+1) {margin-left:0;}
.sub_welfare .welfare_wrap ul li:nth-of-type(n+4) {margin-top:15px;}
.sub_welfare .welfare_wrap ul li .icon {}
.sub_welfare .welfare_wrap ul li .icon img {}
.sub_welfare .welfare_wrap ul li strong {font-size:22px;font-weight:700;color:#111;letter-spacing:-0.03em;display:block;padding:26px 0 20px;}
.sub_welfare .welfare_wrap ul li p {font-size:18px;line-height:1.67;font-weight:300;color:#333;letter-spacing:-0.03em;}
@media only screen and (max-width:1500px) {
.sub_welfare {padding:5.3% 0 8%;}
}
@media only screen and (max-width:1200px) {
.sub_welfare .welfare_wrap ul li strong {font-size:21px;}
}
@media only screen and (max-width:1024px) {
.sub_welfare {padding:7% 0 10%;}
.sub_welfare .welfare_wrap ul li {padding:5% 0;}
.sub_welfare .welfare_wrap ul li p {font-size:17px;}
}
@media only screen and (max-width:900px) {
.sub_welfare {padding:7% 0 10%;}
.sub_welfare .welfare_wrap ul li {width:calc(50% - 7.5px);padding:7% 0;}
.sub_welfare .welfare_wrap ul li:nth-of-type(3n+1) {margin-left:15px;}
.sub_welfare .welfare_wrap ul li:nth-of-type(2n+1) {margin-left:0;}
.sub_welfare .welfare_wrap ul li:nth-of-type(n+3) {margin-top:15px;}
.sub_welfare .welfare_wrap ul li:before {background:#05243a;}
.sub_welfare .welfare_wrap ul li:nth-of-type(n+3):before {background:#004b80;}
.sub_welfare .welfare_wrap ul li:nth-of-type(n+5):before {background:#05243a;}
.sub_welfare .welfare_wrap ul li:nth-of-type(n+7):before {background:#004b80;}
.sub_welfare .welfare_wrap ul li:nth-of-type(n+9):before {background:#05243a;}
.sub_welfare .welfare_wrap ul li:nth-of-type(n+11):before {background:#004b80;}
.sub_welfare .welfare_wrap ul li:nth-of-type(n+13):before {background:#05243a;}
.sub_welfare .welfare_wrap ul li .icon img {width:80px;}
.sub_welfare .welfare_wrap ul li strong {font-size:20px;padding:20px 0 15px;}
}
@media only screen and (max-width:860px) {
}
@media only screen and (max-width:767px) {
.sub_welfare {padding:9% 0 12%;}
.sub_welfare .welfare_wrap ul li p {font-size:16px;}
}
@media only screen and (max-width:640px) {
.sub_welfare .welfare_wrap ul li strong {font-size:18px;}
.sub_welfare .welfare_wrap ul li p {font-size:15px;}
}
@media only screen and (max-width:600px) {
.sub_welfare .welfare_wrap ul li {width:100%;padding:13% 0;margin:0 !important;}
.sub_welfare .welfare_wrap ul li + li {margin-top:15px !important;}
.sub_welfare .welfare_wrap ul li:before {background:#05243a !important;height:8px;}
.sub_welfare .welfare_wrap ul li:nth-of-type(even):before {background:#004b80 !important;}
.sub_welfare .welfare_wrap ul li strong {padding:15px 0 12px;}
}
@media only screen and (max-width:475px) {
.sub_welfare {padding:11% 0 15%;}
.sub_welfare .welfare_wrap ul li strong {font-size:17px;}
.sub_welfare .welfare_wrap ul li p {font-size:14px;}
}
/*───────────────────────────────────────────────────────────
company | smart a10
───────────────────────────────────────────────────────────*/
.sub_sector.solution_content .sub_tit{margin-bottom:56px;}
.sub_sector .sector_list{width:calc(100% + 46px);margin-left:-23px;display:flex;flex-wrap:wrap;}
.sub_sector .sector_list li{width:calc(100%/8 - 46px);margin:0 23px 20px;text-align: center;}
.sub_sector .sector_list li .img{display:flex;align-items:center;justify-content:center;width:140px;height:140px;box-sizing:border-box;border-radius:100%;margin:0 auto;background:#f5f5f5;position: relative;}
.sub_sector .sector_list li p{font-size:16px;color:#111;font-weight:400;margin-top:17px;}
@media only screen and (max-width:1400px) {
.sub_sector .sector_list li{width:calc(100%/6 - 46px);}
}
@media only screen and (max-width:1024px) {
.sub_sector .sector_list li{width:calc(100%/4 - 46px);}
}
@media only screen and (max-width:767px) {
.sub_sector .sector_list{width:calc(100% + 30px);margin-left:-15px;}
.sub_sector .sector_list li{margin:0 15px 20px;width:calc(25% - 30px);}
.sub_sector .sector_list li .img{width:100%;height:0;padding-bottom:100%;}
.sub_sector .sector_list li .img img{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
}
@media only screen and (max-width:500px) {
.sub_sector.solution_content .sub_tit{margin-bottom:20px;}
.sub_sector .sector_list{width:calc(100% + 15px);margin-left:-7.5px;}
.sub_sector .sector_list li{margin:0 7.5px 15px;width:calc(25% - 15px);}
.sub_sector .sector_list li .img img{max-width:45%;}
.sub_sector .sector_list li:nth-child(5) .img img{max-width:33%;}
.sub_sector .sector_list li:nth-child(19) .img img{max-width:28%;}
.sub_sector .sector_list li p{font-size:14px;margin-top:5px;}
}
/*관련자료*/
.smart_video{box-sizing:border-box;background:#f5f5f5;padding:80px 0 120px;}
.smart_video.solution_content .sub_tit{margin-bottom:40px;}
.smart_video .swiper-slide > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
.smart_video .swiper-slide .img_box{width:100%;height:0;padding-bottom:58.7%;box-sizing:border-box;overflow:hidden;border-radius:10px;position: relative;}
.smart_video .swiper-slide .img_box img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.smart_video .swiper-slide p{text-align: center;font-size:18px;color:#111;font-weight:300;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:26px;}
.smart_video .swiper-pagination{position:static; width:100%; height:2px; background:#ddd; margin:50px 0 1px;}
.smart_video .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height:4px; background:#004b80; left:0; top:-1px;}
@media only screen and (max-width:640px) {
.smart_video{padding:60px 0 80px;}
.smart_video .swiper-slide p{font-size:16px;margin-top:10px;}
.smart_video .swiper-pagination{margin-top:30px;}
}
@media only screen and (max-width:500px) {
.smart_video{padding:40px 0 60px;}
.smart_video .swiper-slide .img_box{border-radius:5px;}
.smart_video .swiper-slide p{font-size:14px;}
}