@charset "UTF-8";
/*
@font-face {
font-family : 'hanwha';
font-weight : 300;
src : url(../fonts/03HanwhaL.ttf)
}
@font-face {
font-family : 'hanwha';
font-weight : 400;
src : url(../fonts/02HanwhaR.ttf)
}
@font-face {
font-family : 'hanwha';
font-weight : 700;
src : url(../fonts/01HanwhaB.ttf)
}
*/
@font-face {
font-family : 'hanwhaGothicB';
font-weight : 700;
src : url(../fonts/04HanwhaGothicB.ttf)
}
@font-face {
font-family : 'hanwhaGothicT';
font-weight : 600;
src : url(../fonts/08HanwhaGothicT.ttf)
}
@font-face {
font-family : 'hanwhaGothicR';
font-weight : 500;
src : url(../fonts/05HanwhaGothicR.ttf)
}
@font-face {
font-family : 'hanwhaGothicR';
font-weight : 400;
src : url(../fonts/05HanwhaGothicR.ttf)
}
@font-face {
font-family : 'hanwhaGothicL';
font-weight : 300;
src : url(../fonts/06HanwhaGothicL.ttf)
}
@font-face {
font-family : 'hanwhaGothicL';
font-weight : 200;
src : url(../fonts/06HanwhaGothicL.ttf)
}
/* 초기화 및 초기 세팅 */
:root {
/* 버튼 및 인풋 폼 높이 세팅 */
--hd_height: 9rem;
--hd_height_m: 5.6rem;
--height_sm: 4.5rem;
--height: 4.8rem;
--height_md: 5.0rem;
--height_lg: 6.0rem;
--ic_date: url('data:image/svg+xml,');
--ic_time:url('data:image/svg+xml,')
}
::-webkit-scrollbar {
width: 0.8rem;
height: 0.8rem;
z-index: 999;
}
::-webkit-scrollbar:hover {
width: 1.2rem;
height: 1.2rem;
}
::-webkit-scrollbar-thumb {
background-color: #d5d9de;
border-radius: 100px;
}
/*div::-webkit-scrollbar {
width: 0.6rem;
height: 0.6rem;
}
div::-webkit-scrollbar-thumb {
background-color: #D5D9DE;
border-radius: 100px;
}*/
html { font-size:10px; }
body { margin:0 auto; padding:0;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
ul, dl,dt,dd { margin:0; padding:0; list-style:none }
legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden }
label, input, button, select, img { vertical-align:middle; }
input, button { margin:0; padding:0;}
input[type="submit"] {cursor:auto;}
button {cursor: auto;}
select {margin:0}
p { margin:0; padding:0; white-space: pre-line; word-break: keep-all;}
hr { display:none }
a { text-decoration:none }
a:hover { text-decoration: none; }
.un_reboot_a { color: var(--main); text-decoration: underline; }
*, :after, :before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
word-break: keep-all;
}
img { max-width:100%; display:inline-block; height: auto; }
.container-fluid {max-width: 2560px;}
.mobile_wr {
border-left: 1px solid #F2F2F2;
border-right: 1px solid #F2F2F2;
box-sizing: content-box;
}
/*텍스트 잘림설정*/
.text_basic { white-space:nomal; word-break: keep-all;}
/*메인*/
.idx_pg {min-height: 780px; padding-top: var(--hd_height);}
.curs_pointer{cursor: pointer;}
/*서브*/
.sub_tit { position: relative; }
.sub_pg {min-height: 780px; background: #fff; padding-top: var(--hd_height); padding-bottom: 10%;}
.sub_pg_inner { padding-top: 4rem;}
.over_hidden{overflow:hidden;}
.text_dynamic{ white-space: pre-line;}
.fc_gray_100 { color: var(--gray-100);}
.fc_gray_200 { color: var(--gray-200);}
.fc_gray_300 { color: var(--gray-300);}
.fc_gray_400 { color: var(--gray-400);}
.fc_gray_500 { color: var(--gray-500);}
.fc_gray_600 { color: var(--gray-600);}
.fc_gray_700 { color: var(--gray-700);}
.bg_gray_100 { background-color: var(--gray-100);}
.bg_gray_200 { background-color: var(--gray-200);}
.bg_gray_300 { background-color: var(--gray-300);}
.bg_gray_400 { background-color: var(--gray-400);}
.bg_gray_500 { background-color: var(--gray-500);}
.bg_gray_600 { background-color: var(--gray-600);}
.bg_gray_700 { background-color: var(--gray-700);}
.btn_auto { padding: 0 !important; height: auto !important;}
.pc_only { display: block;}
.mo_only { display: none;}
.dot_list li {
list-style: none;
margin-bottom:1.0rem;
display: flex;
}
.dot_list li:before {
content:"·";
vertical-align:middle;
margin-right:0.5rem;
}
.dot_list li:last-child{margin-bottom:0;}
.dot_list.fs_10 li{margin-bottom:0.3rem;}
.line_h1 { line-height:1.0em; }
.line_h1_1 { line-height:1.1em; }
.line_h1_2 { line-height:1.2em; }
.line_h1_3 { line-height:1.3em; }
.line_h1_4 { line-height:1.4em; }
.line_h1_5 { line-height:1.5em; }
.line_h1_6 { line-height:1.6em; }
.line_h1_7 { line-height:1.7em; }
.line_h1_8 { line-height:1.8em; }
.line_h1_9 { line-height:1.9em; }
.line_h2 { line-height:2.0em; }
/*폰트커스텀 기본사이즈 10px*/
.tit_h1 { font-size: 5.0rem; font-weight: 700; line-height: 135%; font-family: "hanwhaGothicB"; letter-spacing: -2.5px; white-space: pre-line; word-break: keep-all;}
.tit_h2 { font-size: 4.0rem; font-weight: 600; line-height: 130%; font-family: "hanwhaGothicT"; letter-spacing: -2.5px; white-space: pre-line; word-break: keep-all;}
.tit_h3 { font-size: 3.5rem; font-weight: 400; line-height: 130%; font-family: "hanwhaGothicR"; letter-spacing: -1.5px; white-space: pre-line; word-break: keep-all;}
.tit_h4 { font-size: 3.0rem; font-weight: 400; font-family: "hanwhaGothicR"; letter-spacing: -1.5px; white-space: pre-line; word-break: keep-all;}
.tit_h5 { font-size: 2.5rem; font-weight: 400; line-height: 130%; font-family: "hanwhaGothicR"; letter-spacing: -1.5px; white-space: pre-line; word-break: keep-all; }
.tit_h6 { font-size: 2.0rem; word-break: keep-all;}
.tit_h7 { font-size: 1.8rem; word-break: keep-all;}
.tit_h8 { font-size: 1.6rem; font-weight: 600; line-height: 130%; white-space: pre-line; word-break: keep-all;}
.fs_8 { font-size: 0.8rem; }
.fs_9 { font-size: 0.9rem; }
.fs_10 { font-size: 1.0rem; }
.fs_11 { font-size: 1.1rem !important; }
.fs_12 { font-size: 1.2rem !important; }
.fs_13 { font-size: 1.3rem !important; }
.fs_14 { font-size: 1.4rem !important; }
.fs_15 { font-size: 1.5rem !important; }
.fs_16 { font-size: 1.6rem !important; }
.fs_17 { font-size: 1.7rem !important; }
.fs_18 { font-size: 1.8rem !important; }
.fs_19 { font-size: 1.9rem !important; }
.fs_20 { font-size: 2.0rem !important; }
.fs_21 { font-size: 2.1rem !important; }
.fs_22 { font-size: 2.2rem; }
.fs_23 { font-size: 2.3rem; }
.fs_24 { font-size: 2.4rem; }
.fs_25 { font-size: 2.5rem; }
.fs_26 { font-size: 2.6rem; }
.fs_27 { font-size: 2.7rem; }
.fs_28 { font-size: 2.8rem; }
.fs_29 { font-size: 2.9rem; }
.fs_30 { font-size: 3.0rem; }
.fs_31 { font-size: 3.1rem; }
.fs_32 { font-size: 3.2rem; }
.fs_33 { font-size: 3.3rem; }
.fs_34 { font-size: 3.4rem; }
.fs_35 { font-size: 3.5rem; }
.fs_36 { font-size: 3.6rem; }
.fs_37 { font-size: 3.7rem; }
.fs_38 { font-size: 3.8rem; }
.fs_39 { font-size: 3.9rem; }
.fs_40 { font-size: 4.0rem; }
.fs_41 { font-size: 4.1rem; }
.fs_42 { font-size: 4.2rem; }
.fs_43 { font-size: 4.3rem; }
.fs_44 { font-size: 4.4rem; }
.fs_45 { font-size: 4.5rem; }
.fs_46 { font-size: 4.6rem; }
.fs_47 { font-size: 4.7rem; }
.fs_48 { font-size: 4.8rem; }
.fs_49 { font-size: 4.9rem; }
.fs_50 { font-size: 5.0rem; }
.fs_51 { font-size: 5.1rem; }
.fs_52 { font-size: 5.2rem; }
.fs_70 { font-size: 7.0rem; font-weight: 500; line-height: 130%; font-family: "hanwhaGothicR"; letter-spacing: -2.5px; white-space: pre-line; word-break: keep-all;}
.fw_100 { font-weight: 100; }
.fw_200 { font-weight: 200; }
.fw_300 { font-weight: 300; }
.fw_400 { font-weight: 400; }
.fw_500 { font-weight: 500; }
/*.fw_600 { font-weight: 600; }*/
.fw_700 { font-weight: 700; }
.fw_800 { font-weight: 800; }
.fw_900 { font-weight: 900; }
.wh_pre { white-space: pre-line; }
.wh_nowrap { white-space: nowrap; }
.break_all{word-break: break-all;}
/*글자 줄임말/자르기*/
.line_text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all;word-break: break-all;}
.line1_text { white-space: normal; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;word-break: break-all;}
.line2_text { white-space: normal; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-all;}
.line3_text { white-space: normal; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;word-break: break-all;}
/* 폼 사각형 */
.sq_guide { display:flex; flex-wrap: wrap; }
.sq_guide li {
width: 70px;
height: 40px;
border-radius: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
margin: 0.5rem;
}
/* 스크롤바 none */
.scroll_bar_none { -ms-overflow-style: none; }
.scroll_bar_none::-webkit-scrollbar { display: none; }
/*테이블 반응형때*/
.touch_scroll { overflow-x: auto;
overflow-y: hidden;
}
/* 버튼 */
.btn { height: var(--height); font-size: 1.5rem; line-height: 1.5; display: inline-flex; justify-content: center; align-items: center; font-weight:600; padding-left:1.5rem; padding-right:1.5rem;}
.btn-sm {height: var(--height_sm); font-size: 1.4rem; padding-left:1.2rem; padding-right:1.2rem; font-weight:400;}
.btn-md { height: var(--height_md); font-size: 1.5rem; font-weight:600; }
.btn-lg { height: var(--height_lg); font-size: 1.6rem; font-weight:600; }
.btn-link{height:auto;padding:0;cursor: pointer;display: flex;align-items: center;border-radius: 0;background: transparent;flex-shrink: 0;}
.btn-icon{height:auto;padding:0;cursor: pointer;display: flex;align-items: center;border-radius: 0;background: transparent;flex-shrink: 0;}
.btn-icon img{flex-shrink: 0;}
.btn-primary2{background:var(--primary-light);border-color:var(--primary-light);color:#fff;}
.btn-primary2:hover, .btn-primary2:focus{color:#fff;background:var(--primary);border-color:var(--primary);}
.btn-primary3{background:#FF8D69;border-color:#FF8D69;color:#fff;}
.btn-primary3:hover, .btn-primary2:focus{color:#fff;background:var(--primary);border-color:var(--primary);}
.btn-light-primary{background:#FFF1ED;border-color:#FFF1ED;color:var(--primary);}
.btn-light-primary:hover, .btn-light-primary:focus{color:var(--primary);}
.btn.disabled, .btn:disabled {
opacity: 1;
color:#fff;
background:#E1E2E4;
border-color:#E1E2E4;
}
.btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
color: #fff;
background-color: var(--primary);
border-color: var(--primary);
}
.btn-group-toggle .btn{ margin-right:0.6rem;}
.btn-group-toggle .btn input[type=radio], .btn-group-toggle .btn input[type=checkbox], .btn-group-toggle .btn-group .btn input[type=radio], .btn-group-toggle .btn-group .btn input[type=checkbox] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
/* 인풋 자동완성 초기화 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-text-fill-color: var(--text);
-webkit-box-shadow: 0 0 0px 1000px var(--bg) inset;
box-shadow: 0 0 0px 1000px var(--bg) inset;
transition: background-color 5000s ease-in-out 0s;
}
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
-webkit-text-fill-color: var(--text);
-webkit-box-shadow: 0 0 0px 1000px var(--bg) inset;
box-shadow: 0 0 0px 1000px var(--bg) inset;
transition: background-color 5000s ease-in-out 0s;
}
/* 입력 인풋 */
.form-control {height: var(--height_lg);}
.form-control-sm {height: var(--height_sm); border-radius: 0.8rem;}
.form-control-md {height: var(--height_md); border-radius: 0.6rem;}
.form-control-lg {height: var(--height_lg);}
.form-control-auto {height: auto;}
input.form-control{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.ip_wr .ip_tit { margin-bottom:0.8rem; }
.ip_wr .ip_tit h5 {
font-size: 1.6rem;
font-weight: 400;
display: inline-block;
position: relative;
color: #000;
}
.ip_wr .ip_tit.required h5::after{
content: "*";
position: absolute;
top: 0;
right: -1rem;
color: #FF001F;
}
/* form-text */
.form-text {
display: none;
margin-top: 0 !important;
margin-bottom: 0.7rem;
font-size: 1.4rem;
color: #000;
}
/*helptxt*/
.help_txt_box {
display: flex;
align-items: start;
justify-content: space-between;
margin-top: 1rem;
}
.help_txt_box { padding: 0 3rem;}
.help_num .help_num { display: flex; color: var(--gray-400);}
.help_txt .help_txt { display: flex; color: var(--gray-400) }
.ip_valid .ip_valid{display: flex; color: #00D183;}
.ip_invalid .ip_invalid{display: flex; color: #D42650;}
/*.form-row*/
/*.form-row{margin-left:-0.4rem;margin-right:-0.4rem;}
.form-row > .col, .form-row > [class*=col-]{padding-left:0.4rem;padding-right:0.4rem;}*/
/* textarea 높이 */
textarea.form-control{ min-height: 20rem; padding: 2rem 2.5rem; line-height: 2.6rem; border-radius: 3rem; }
.form-control textarea{min-height: 14rem; padding: 2rem 2.5rem; border-radius: 3rem; line-height: 2.6rem;border:0;width:100%;}
.form-control textarea:focus {
color: var(--text);
background-color: var(--bg);
border-color: var(--gray);
outline: 0;
box-shadow: 0 0 0 0 var(--border);
}
.form-control textarea::placeholder {
color: var(--input_placeholder);
opacity: 1;
}
.form-control textarea:disabled, .form-control textarea[readonly] {
background-color: var(--input_disabled);
opacity: 1;
}
/* 셀렉트 박스 */
.custom-select {
padding-right: 3.5rem;
background: url(../img/ic_ip_select.png)no-repeat center right 1.5rem;
background-size: 2.0rem;
padding-left: 1.5rem;
font-size: 1.5rem;
font-weight: 500;
color: #000;
}
.custom-select_st2 {
padding-right: 1.6rem;
background: url(../img/arrow_down_g_20.png)no-repeat center right;
background-size: 1.08rem;
padding-left: 0;
font-size: 1.4rem;
font-weight: 500;
color: #727A82;
height: 2.6rem;
border: 0;
width: auto;
}
/* 날짜 선택 */
input.form-control[type="date"], input.form-control[type="time"]{position: relative;}
input.form-control[type="date"]::-webkit-calendar-picker-indicator, input.form-control[type="time"]::-webkit-calendar-picker-indicator{
-webkit-appearance: none;
background: none;
width: 100%; height: 100%; cursor: pointer;
position: absolute; left: 0; top: 0;
}
input.form-control[type="date"]::before, input.form-control[type="time"]::before{
content: ''; display: block; width: 2.4rem; height: 2.4rem; position: absolute; top: 50%;
transform: translateY(-50%); right: 1.6rem; background: var(--gray); cursor: pointer;
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain;
}
input.form-control[type="time"]::before{
-webkit-mask: var(--ic_time); mask: var(--ic_time);
}
input.form-control[type="date"]::before{
-webkit-mask: var(--ic_date); mask: var(--ic_date);
}
/*패스워드*/
.form-password{position:relative;}
.form-password .form-control{padding-right:3.0rem;}
.form-password img{width:3.0rem;height:3.0rem;position:absolute;right:1.5rem;top:50%;margin-top:-1.5rem;cursor: pointer;}
.form_time_wr{position:relative;}
.form_time_wr .form-control{padding-right:5.0rem;}
.form_time_wr .form_time{color:var(--primary);font-size:1.4rem;position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);}
/* 체크박스*/
.checks_wr{display: flex; flex-wrap: wrap; margin-bottom: -1rem; }
.checks_wr .checks{margin-right: 3rem; margin-bottom: 1rem;}
.checks label{display: flex; align-items: center; cursor: pointer;}
.checks label.chk_right{flex-flow: row-reverse; justify-content: flex-end;}
.checks input{display: none;}
.checks .ic_box {
display: inline-block;
width: 2.4rem;
height: 2.4rem;
background-image: url(../img/check01_off.png);
background-position: center;
background-size: auto 100%;
background-repeat: no-repeat;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-right: 0.8rem;
flex-shrink: 0;
}
.checks input:checked + .ic_box{background-image:url(../img/check01_on.png);}
.chk_right .ic_box{margin-right: 0; margin-left: 0.5rem;}
.checks input:checked ~ .chk_p{}
.chk_p{padding-top:0.1rem;}
.checks.primary_checks .ic_box{background-color: #eae9f0;border-radius: 50%;background-image:none;}
.checks.primary_checks input:checked + .ic_box{background-image: url(../img/check01_on.png);}
.radios_wr{display: flex; flex-wrap: wrap;}
.radios_wr .radios{margin-right: 2rem; margin-bottom: 1rem;}
.radios label{display: flex; align-items: center; cursor: pointer;}
.radios label.chk_right{flex-flow: row-reverse; justify-content: flex-end;}
.radios input{display: none;}
.radios .ic_box{display: inline-flex;flex-shrink: 0;position:relative; width: 1.4rem; height: 1.4rem; text-align: center; background-color: #fff;display: flex; align-items: center; justify-content: center; margin-right: 0.5rem;border-radius:2.0rem;border:1px solid #7A7C85;}
.radios input:checked + .ic_box{border-color: var(--primary);}
.radios input:checked + .ic_box:after {
content: '';
display: block;
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
background-color: var(--primary);
border: 0.24rem solid #fff;
}
/* 이미지 업로드 */
.image_upload{display: inline-block;position: relative;margin-right:1.0rem;}
.upload_box{
width: 8rem;
border: 1px solid var(--border);
overflow: hidden;
cursor: pointer;
background: url(../img/btn_add_img.png) no-repeat center 2.0rem / 2.6rem;
border-radius: 1.0rem;
position: relative;
}
.upload_box .max_img {
position: absolute;
bottom: 1.2rem;
width: 100%;
left: 0;
font-size: 1.3rem;
text-align: center;
color: #999;
font-weight:500;
}
.image_upload.on .upload_box{background: none;}
.upload_del {
position: absolute;
top: 0.5rem;
right: 0.5rem;
width: 2.4rem;
height: 2.4rem !important;
border-radius: 50%;
background-color: transparent;
padding: 0 !important;
display: none;
}
.upload_del img{width:100%;}
.image_upload.on .upload_del{display: flex;}
/* 페이지네이션 */
.pagination { margin-top: 30px; display: flex; justify-content: center; align-items: center; }
.pagination li { height: 100%; }
.pagination a {
color: #9C9C9C;
font-weight: 400;
margin: 0 0.4rem;
font-size: 1.5rem;
width: 5.0rem; height: 5.0rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.pagination a.on {
background-color: #FFEFE5; color:var(--primary); font-weight: 400;
}
.pagination a.arrow{background-color: #fff;color: #000000;}
.pagination a.arrow{margin:0;}
.pagination a.arrow.disabled img{opacity:0.3;}
/* 페이저 */
.pager {
background: #ffffff;
border-radius: 15rem;
display: flex;
justify-content: center;
align-items: center;
width: 170px;
height: 45px;
margin: 3rem auto 0;
border: 1px solid var(--border);
}
/* 테이블 */
.table_01 {width:100%; border-collapse: collapse; border-bottom:1px solid #e3e3e3;border-top: 1px #eee solid;line-height: 140%;}
.table_01 th {
border-bottom: 1px solid #eee;
color: #1C1C1E;
font-weight: 500;
padding: 0.7rem 1.2rem 0.7rem 1.2rem;
background: #F8F8F8;
vertical-align: top;
}
.table_01 td {border-bottom:1px solid #eee; padding:0.7rem 1.2rem;color: #1C1C1E;}
/* 테이블 슬래쉬 */
.table_01 th.slash {
background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat;
}
.table_01 th.backslash {
background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat;
}
.table_01 th.slash, .table_01 th.backslash { text-align: left; }
.slash div, .backslash div { text-align: right; }
/*테이블 반응형때*/
.table_scroll { overflow-x: auto; overflow-y: hidden; padding: 0px !important; }
/* 이미지 크롭 */
.rect{width: 100%;position: relative;overflow: hidden; }
.rect:after{content: "";display: block;padding-bottom: 100%; }
.rect img{ position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.rect2{width: 100%;position: relative;overflow: hidden; }
.rect2:after{content: "";display: block;padding-bottom:41.795%; }
.rect2 img{ position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.rect3 {width: 100%;overflow: hidden;position: relative;display: block;}
.rect3::after { content: '';display: block; padding-bottom: calc(450/384*100%);}
.rect3>img {position: absolute;width: 100%;height: 100%;object-fit: cover;image-rendering: -webkit-optimize-contrast;}
.rect4 {width: 100%;overflow: hidden;position: relative;display: block;}
.rect4::after { content: '';display: block; padding-bottom: calc(345/505*100%);}
.rect4>img {position: absolute;width: 100%;height: 100%;object-fit: cover;image-rendering: -webkit-optimize-contrast;}
.rect5 {width: 100%;overflow: hidden;position: relative;display: block; background-color: #F9FAFA;}
.rect5::after { content: '';display: block; padding-bottom: calc(1080/1920*100%);}
.rect5>img {position: absolute;width: 100%;height: 100%;object-fit: cover;image-rendering: -webkit-optimize-contrast;}
.rect6 {width: 100%;overflow: hidden;position: relative;display: block;}
.rect6::after { content: '';display: block; padding-bottom: calc(250/453*100%);}
.rect6>img {position: absolute;width: 100%;height: 100%;object-fit: cover;image-rendering: -webkit-optimize-contrast;}
/*인증서*/
.rect7 {width: 100%;overflow: hidden;position: relative;display: block;}
.rect7::after { content: '';display: block; padding-bottom: calc(267/240*100%);}
.rect7>img {position: absolute;width: 100%;height: 100%;object-fit: cover;image-rendering: -webkit-optimize-contrast;}
/*기본모달*/
body{padding-right: 0px !important;}
body.modal-open, body.menu_on{overflow-y: hidden;}
body.modal-open[style], body.menu_on[style]{padding-right: 0px !important;}
.modal{padding-right: 0px !important;}
.modal-sm{max-width:47rem;margin: 1.75rem auto;padding: 1.5rem;padding: 0 1.6rem;}
.modal-md{max-width:48rem;margin: 1.75rem auto;padding: 1.5rem;padding: 0 1.6rem;max-height: calc(100% - 3.5rem);min-height: calc(100% - 3.5rem);}
.modal-default{max-width:62rem;margin: 1.75rem auto;padding-left:0;padding-right:0;padding: 0 1.6rem;}
.modal{overflow-y: auto;}
.modal .modal-header{ align-items: center;border-bottom: 0;padding: 3rem 3rem 2.5rem 3rem;justify-content: space-between;}
.modal .modal-header .modal-title {font-weight: 700;font-size: 2.4rem;flex: 1 1 auto;}
.modal .modal-header .close{text-shadow: none;opacity: 1; width:2.4rem;padding: 0;margin: 0;}
.modal .modal-content {border: 0;border-radius: 3.0rem;}
.modal .modal-body { position: relative; flex: 1 1 auto; padding:3rem; border-top:1px solid var(--border);}
.modal .modal-footer > *{margin:0;}
.modal .modal-footer {padding: 0; border:0; display: block;}
.modal .modal-footer .btn { border-top-right-radius: 0; border-bottom-right-radius: 3rem; border-top-left-radius: 0rem; border-bottom-left-radius: 3rem;}
.modal .modal-footer .mofooter_btngp div:first-child .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0rem; border-bottom-left-radius: 3rem;}
.modal .modal-footer .mofooter_btngp div:last-child .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0rem; border-bottom-right-radius: 3rem;}
/*.modal .modal-footer .btn:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0rem; border-bottom-left-radius: 3rem;}
.modal .modal-footer .btn:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 3rem; border-bottom-right-radius: 3rem;}*/
.modal .modal-footer .form-row{margin-right: 0rem; margin-left: 0rem;}
.modal .modal-footer .form-row > .col, .modal .modal-footer .form-row > [class*=col-] { padding-right: 0rem !important; padding-left: 0rem !important;}
.modal-sm .modal-footer{padding: 0;}
.modal-md .modal-footer{padding: 0;}
.modal .modal-sm .modal-header{padding: 4.0rem 4rem 3rem 4rem;}
.modal .modal-sm .modal-body{border:0;padding-top:0; padding:0 4rem 4rem;}
.modal .modal-sm .modal-body .ip_wr.mt-5 { margin-top: 2rem !important;}
/* 토스트팝업 */
.toast{
color: #fff;
border-radius: 0.6rem;
font-size: 1.5rem;
font-weight: 500;
padding: 0.5rem 1rem;
}
/* toast */
.toast{
position: fixed;
top: 2.2rem;
left: 50%;
transform: translateX(-50%);
padding: 0 1.4rem;
box-shadow: none;
font-weight: 300;
width: 100%;
max-width: 400px;
z-index: 9999;
border: 0;
background: transparent;
}
.toast-body {
padding: 1.3rem 2rem;
background-color: rgba(0, 0, 0, 0.8);
color: var(--white);
font-size: 1.4rem;
font-weight: 500;
border-radius: 0.6rem;
text-align: center;
}
.toast-body p{
display: flex;
align-items: center;
line-height: 1.3;
justify-content:center;
}
.toast-body p i{
margin-right: 0.6rem;
}
/* 뱃지 */
.badge {
padding: 0.8rem 1.5rem;
border-radius: 0;
font-weight: 500;
font-size: 1.5rem;
}
.badge-primary2 {background-color: #2273D1;color:#fff;}
.badge-primary3 { background-color: #FFEAE5; color: var(--primary);}
.badge-gray {background-color: #F0F0FA;color:#555A8D;}
.badge-gray2 {background-color: #F2F2F2;color:#958080;}
.badge-disabled{color:#999;background:#ddd;}
.badge-sm{font-size:1.0rem;line-height:1.6rem;padding:0 0.4rem;border-radius:0.1rem;}
.badge-sm2{font-size:1.0rem;line-height:1.9rem;padding:0 0.5rem;border-radius:0.4rem;}
.badge-md{font-size:1.6rem;font-weight: 600;line-height:1.6rem;padding:0.9rem 1.6rem;border-radius:0.6rem;}
/*터치*/
.touch_scroll { overflow-x: auto; overflow-y: hidden; }
/* List Style */
.list_style_1 li {display: flex;padding-bottom: 0.3rem;line-height: 1.4;}
.list_style_1 li > span{display: inline-block; width:9.5rem; padding-right: 0.5rem;color:#999;flex-shrink: 0;}
.list_style_2 li{display: flex; padding-bottom:0.8rem;}
.list_style_2 li:before{content:'-';display: inline-block;margin-right:1.0rem;}
/*탭*/
/*nav-tabs*/
.nav-tabs {
background: #F5F6F8;
border-radius: 0.8rem;
padding: 0.8rem;
border: 0;
flex-wrap: nowrap;
}
.nav-tabs .nav-link {
height: 4.4rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
color: #999;
border: 0;
margin-bottom: 0px;
padding-left: 0.2rem;
padding-right: 0.2rem;
border-radius: 0.8rem;
font-weight: 600;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
color: #495057;
background: #fff;
color: #000;
box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.06);
}
/*nav-pills*/
.nav-pills{
margin-left:-0.4rem;
margin-right:-0.4rem;
flex-wrap: nowrap;
}
.nav-pills .col{
padding-left:0.4rem;
padding-right:0.4rem;
}
.nav-pills .nav-link {
background: none;
border: 1px solid var(--border);
border-radius: 1rem;
background: #fff;
color: var(--gray-500);
}
.nav-pills .nav-link.active:hover, .nav-pills .nav-link.active { background-color: var(--primary-hover); border: 1px solid var(--primary-hover);}
.nav-pills .nav-link:hover { background-color: var(--gray-100);}
/*nav_tab_line*/
.nav_tab_line{
width: 100%;
margin: 0;
background-color: #fff;
}
.nav_tab_line {
border-bottom: 1px solid var(--border);
}
.nav_tab_line .nav-item{
text-align: center;
background-color: #fff;
-ms-flex-preferred-size: 0;
flex-basis: max-content;
-ms-flex-positive: 1;
max-width: 100%;
width: 100%;
margin-right: 3rem;
}
.nav_tab_line .nav-link {
border-style: solid;
border-width: 1px;
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
color: var(--gray-400);
height: 4.4rem;
padding: 0 0 1.5rem 0;
font-size: 2.6rem;
font-weight: 700;
background: transparent;
}
.nav_tab_line .nav-link.active, .nav_tab_line .nav-item.show .nav-link {
border-bottom: 2px solid var(--primary);
color: var(--primary);
}
/*커스텀 스위치*/
.custom-switch {
padding: 0;
width: 4.9rem;
height: 3.3rem;
}
.custom-switch .custom-control-label::after {
width: 2.6rem;
height: 2.6rem;
background-color: #fff;
border-radius: 3rem;
top: 0.3rem;
left: 0.3rem;
}
.custom-control-label::after {
position: absolute;
top: 0.3rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
cursor: pointer;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #fff;
left: 1.2rem;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: var(--primary);
background-color: var(--primary);
}
.custom-control-label::before {
background-color: #EBEBEB;
border: 0;
top: 0;
cursor: pointer;
}
.custom-switch .custom-control-label::before {
left: 0;
width: 4.9rem;
height: 3.2rem;
border-radius: 2rem;
}
/*d_flex*/
.d_flex_center_between{display: flex;align-items: center;justify-content: space-between;}
/*마진*/
.mt_1{margin-top:0.1rem;}
.mt_6{margin-top:0.6rem;}
.mt_07{margin-top: 0.7rem;}
.mt_8{margin-top:0.8rem;}
.mt_12{margin-top:1.2rem;}
.mt_14{margin-top:1.4rem;}
.mt_16{margin-top:1.6rem;}
.mt_17{margin-top:1.7rem;}
.mt_18{margin-top:1.8rem;}
.mt_20{margin-top:2.0rem;}
.mt_22{margin-top:2.2rem;}
.mt_24{margin-top:2.4rem;}
.mt_25{margin-top:2.5rem;}
.mt_27{margin-top:2.7rem;}
.mt_28{margin-top:2.8rem;}
.mt_33{margin-top:3.3rem;}
.mt_35{margin-top:3.5rem;}
.mt_36{margin-top:3.6rem;}
.mt_40{margin-top:4.0rem;}
.mt_44{margin-top:4.4rem;}
.mt_45{margin-top:4.5rem;}
.mt_48{margin-top:4.8rem;}
.mt_53{margin-top:5.3rem;}
.mt_60{margin-top:6.0rem;}
.mt_70{margin-top:7.0rem;}
.mt_80{margin-top:8.0rem;}
.mb_3{margin-bottom:0.3rem;}
.mb_4{margin-bottom:0.4rem;}
.mb_6{margin-bottom:0.6rem;}
.mb_7{margin-bottom:0.7rem;}
.mb_07 { margin-bottom: 0.7rem;}
.mb_8{margin-bottom:0.8rem;}
.mb_9{margin-bottom:0.9rem;}
.mb_12{margin-bottom:1.2rem;}
.mb_14{margin-bottom:1.4rem;}
.mb_16{margin-bottom:1.6rem;}
.mb_18{margin-bottom:1.8rem;}
.mb_20{margin-bottom:2.0rem;}
.mb_21{margin-bottom:2.1rem;}
.mb_22{margin-bottom:2.2rem;}
.mb_24{margin-bottom:2.4rem;}
.mb_25{margin-bottom:2.5rem;}
.mb_27{margin-bottom:2.7rem;}
.mb_28{margin-bottom:2.8rem;}
.mb_35{margin-bottom:3.5rem;}
.mb_36{margin-bottom:3.6rem;}
.mb_40{margin-bottom:4.0rem;}
.mb_42{margin-bottom:4.2rem;}
.mb_45{margin-bottom:4.5rem;}
.mb_48{margin-bottom:4.8rem;}
.mb_50{margin-bottom:5.0rem;}
.mb_60{margin-bottom:6.0rem;}
.mb_70{margin-bottom:7.0rem;}
.mr_4{margin-right:0.4rem;}
.mr_6{margin-right:0.6rem;}
.mr_8{margin-right:0.8rem;}
.mr_12{margin-right:1.2rem;}
.mr_16{margin-right:1.6rem;}
.mr_20{margin-right:2.0rem;}
.mr_24{margin-right:2.4rem;}
.mr_n10{margin-right:-1.0rem;}
.mr_n20{margin-right:-2.0rem;}
.ml_6{margin-left:0.6rem;}
.ml_8{margin-left:0.8rem;}
.ml_16{margin-left:1.6rem;}
.ml_24{margin-left:2.4rem;}
.my_4{margin-top:0.4rem;margin-bottom:0.4rem;}
.my_20{margin-top:2.0rem;margin-bottom:2.0rem;}
.my_40{margin-top:4.0rem;margin-bottom:4.0rem;}
.mx_3{margin-left:0.3rem;margin-right:0.3rem;}
.mx_8{margin-left:0.8rem;margin-right:0.8rem;}
.mx_20{margin-left:2.0rem;margin-right:2.0rem;}
.mt_n10{margin-top: -1rem;}
.mx_n05{ margin-left: -0.5rem; margin-right:-0.5rem;}
.mx_n20{margin-left:-2.0rem;margin-right:-2.0rem;}
/*패딩*/
.pt_6{padding-top:0.6rem;}
.pt_07{ padding-top: 0.7rem;}
.pt_14{ padding-top: 1.4rem;}
.pt_20{ padding-top: 2.0rem;}
.pt_24{padding-top:2.4rem;}
.pt_25{padding-top:2.5rem;}
.pt_27{padding-top:2.7rem;}
.pt_28{padding-top:2.8rem;}
.pt_37{padding-top:3.7rem;}
.pt_48{ padding-top: 4.8rem;}
.pt_50{ padding-top: 5.0rem;}
.pt_60{ padding-top: 6.0rem;}
.pt_80{padding-top:8.0rem;}
.pt_120{padding-top:12.0rem;}
.pb_07{ padding-bottom: 0.7rem;}
.pb_14 { padding-bottom: 1.4rem;}
.pb_16 { padding-bottom: 1.6rem;}
.pb_18{padding-bottom:1.8rem;}
.pb_20{padding-bottom:2.0rem;}
.pb_24{ padding-bottom: 2.4rem;}
.pb_25{padding-bottom:2.5rem;}
.pb_28{padding-bottom:2.8rem;}
.pb_33{padding-bottom:3.3rem;}
.pb_40{padding-bottom:4.0rem;}
.pb_50{padding-bottom:5.0rem;}
.pb_60{padding-bottom:6.0rem;}
.pb_70{padding-bottom:7.0rem;}
.pb_80{padding-bottom:8.0rem;}
.pb_90{padding-bottom:9.0rem;}
.pb_100{padding-bottom:10.0rem;}
.pb_114{padding-bottom:11.4rem;}
.pl_12 { padding-left: 1.2rem;}
.pl_16 { padding-left: 1.6rem;}
.pl_18 { padding-left: 1.8rem;}
.pl_20{ padding-left: 2.0rem;}
.pl_26{ padding-left: 2.6rem;}
.pl_40{padding-left:4.0rem;}
.pr_16{padding-right:1.6rem;}
.py_7{ padding-top: 0.7rem; padding-bottom: 0.7rem;}
.py_8{ padding-top: 0.8rem; padding-bottom: 0.7rem;}
.py_11{ padding-top: 1.1rem; padding-bottom: 1.1rem;}
.py_13{ padding-top: 1.3rem; padding-bottom: 1.3rem;}
.py_20{padding-top:2.0rem;padding-bottom:2.0rem;}
.py_25{padding-top:2.5rem;padding-bottom:2.5rem;}
.py_28{padding-top:2.8rem;padding-bottom:2.8rem;}
.py_35{padding-top:3.5rem;padding-bottom:3.5rem;}
.px_8{padding-left:0.8rem;padding-right:0.8rem;}
.px_12{padding-left:1.2rem;padding-right:1.2rem;}
.px_16{padding-left:1.6rem;padding-right:1.6rem;}
.px_17{padding-left:1.7rem;padding-right:1.7rem;}
.px_18{padding-left:1.7rem;padding-right:1.8rem;}
.px_20{padding-left:2.0rem;padding-right:2.0rem;}
.px_22{padding-left:2.2rem;padding-right:2.2rem;}
.p_20{ padding: 2rem;}
.vh_100{min-height:100vh;}
.vh_100_vh{height:100vh;}
.w-auto{width:auto;}
.rounded-md{border-radius:4rem;}
.border_bottom_blk{ border-bottom: 1px solid #000;}
/*디자인시작*/
/* bar */
.bar{ height: 1.2rem; background-color: #F8F8F8;}
/*버튼*/
.bottom_btn {
position: fixed;
left: 50%;
bottom: 0;
width: 100%;
padding: 0.6rem 2rem 1rem;
max-width: 576px;
transform: translateX(-50%);
z-index:16;
}
.cursor_point {cursor: pointer;}
.ft_top .cursor_point.active{ color: var(--primary);}
.go_top2 {
width: 4.2rem;
height: 4.2rem;
background: url(../img/go_top2.png)no-repeat center;
background-color: rgb(255 127 42 / 21%);
background-size: 1.4rem auto;
z-index: 1000;
border-radius: 50%;
display: none;
position: fixed;
right: 1.6rem;
bottom: 1.6rem;
}
.go_top2.show{display: block;}
.dash01::before {
content: '-';
position: absolute;
top: 0;
left: 0;
}
.dash02::before {
content: '';
position: absolute;
top: 9px;
left: 0;
width: 6px;
height: 6px;
background-color: var(--primary);
border-radius: 36rem;
}
.dash03 { padding-left: 4.5rem;}
.dash03::before {
content: '▶';
position: absolute;
top: 0;
left: 2rem;
}
.dot_point::before {
content: '';
position: absolute;
top: 0;
right: -15px;
width: 9px;
height: 9px;
background-color: var(--primary);
border-radius: 360px;
}
/*PC 모바일 헤더 공통*/
.logo{display:flex; align-items:center; justify-content: center; flex-shrink: 0; height:var(--hd_height);}
.log_txt{font-size:1.8rem;display:flex;padding-left:1.0rem;}
.log_txt span{display:inline-block;padding:0 1.0rem;border-right:1px solid var(--border);}
.log_txt span:last-child{border-right:0;}
/*PC헤더 스타일*/
.hd_pc { position: fixed; width: 100%; background: #fff; height:var(--hd_height); border-bottom:1px solid var(--border); z-index: 1005;
transition: top 0.3s ease-in-out; /* 애니메이션 효과 */
}
.hd_pc_box { width: 100%; display: flex; align-items: start; justify-content: space-between;}
.hd_pc .logo img{ width:24rem;}
.hd_pc .ctn_box { display: flex; align-items: center; justify-content: space-between; max-width: 1670px;}
.hd_pc .nav_ul { display:flex;
width: calc(100% - 70rem);
justify-content: center;}
.hd_pc .nav_ul_en { padding: 0 1.5%; width: calc(100% - 50rem);}
.hd_pc .nav_ul_en .nav_li { padding: 0 0.8%!important;}
.hd_pc .nav_ul .nav_li{ padding: 0 1.5%;}
.hd_pc .nav_ul .nav_li > a{ display:flex; line-height: 1.3; font-family : 'hanwhaGothicR'; text-wrap: wrap; font-weight: 400; height:var(--hd_height); align-items: center; text-align: center; justify-content: center;}
.hd_pc .nav_ul .nav_li > p{ display:flex; line-height: 1.3; font-family : 'hanwhaGothicR'; text-wrap: nowrap; font-weight: 400; height:var(--hd_height); align-items: center; text-align: center; justify-content: center;}
.hd_pc .nav_ul.nav_ul_en .nav_li > a{ display:flex; font-size: 1.5rem; line-height: 1.3; font-family : 'hanwhaGothicR'; text-wrap: nowrap; font-weight: 400; height:var(--hd_height); align-items: center; text-align: center; justify-content: center;}
.hd_pc .nav_ul .nav_li:hover .dropdown-menu{ display:block;}
.hd_pc .nav_ul:hover .menu_all { display: block;;}
.hd_pc .nav_ul.nav_ul_en .menu_all .menuul_tit, .hd_pc .nav_ul.nav_ul_en .nav_ul2 a { font-family: 'hanwhaGothicR'; word-break: keep-all;}
.hd_pc .nav_ul.nav_ul_en .nav_ul2 a { font-size: 1.5rem;}
.hd_pc .menu_all { display: none; position: absolute; top: var(--hd_height); left: 0; width: 100%; padding: 5rem 0 1.5rem 0; background-color: #fff; z-index: 10;}
.hd_pc .menu_all .container { overflow-y: scroll; max-height: calc(100vh - 16.5rem);}
.hd_pc .menu_all .container::-webkit-scrollbar {
width: 0.6rem;
height: 0.6rem;
}
.hd_pc .menu_all .container::-webkit-scrollbar-thumb {
background-color: rgba(213, 217, 222, 0.2);
border-radius: 100px;
}
.menuul_tit { color: #000; font-weight: 400; font-family : 'hanwhaGothicR'; }
.hd_pc .nav_ul2 { display: block; font-size:1.6rem;
/*height: 100%; */
padding: 1.5rem 0; margin-bottom: 2rem;}
.hd_pc .nav_ul2 a{ display: block; font-family : 'hanwhaGothicR'; line-height: 1.3; white-space: nowrap; white-space: wrap; font-weight: 400; color: var(--gray-600);}
.hd_pc .nav_ul2 a:hover { color:var(--primary);}
.hd_pc .nav_ul2 li { padding: 0 0.5rem 1.5rem 0.5rem;}
.hd_pc .nav_ul2 li:last-child a{ border-bottom:0;}
.hd_pc .nav_ul2 a span{ display:none;}
.hd_pc .nav_a img{ display: none;}
.hd_pc .menu_all .col:hover .menuul_tit { color: var(--primary);}
.hd_pc .menu_all .menuall_bgimg { position: absolute; bottom: 0; right: 0;}
.hd_pc .btn-group { margin-right: 2rem; font-size: 1.5rem; font-weight: 600; color: var(--gray-500)}
.hd_pc .hd_rig { display: flex; align-items: center; justify-content: center; height:var(--hd_height);}
.hd_pc .btn-group .btn.btn-outline-gray-300 { height: 4rem; font-family : 'hanwhaGothicR';}
.hd_pc .btn-group .btn.btn-outline-gray-300:first-child { padding-left: 2.2rem;}
.hd_pc .btn-group .btn.btn-outline-gray-300:last-child { padding-right: 2.2rem;}
.hd_pc .btn-group .btn.btn-outline-gray-300:hover { background-color: #edeff1; color: var(--gray-500) !important; border: 1px solid var(--border);}
.hd_pc .btn-group .btn.btn-outline-gray-300.active { background-color: #fff; border-color: var(--border); color: var(--text);}
.hd_pc .btn-group .btn.btn-outline-gray-300.active:hover { background-color: #edeff1; color: var(--text) !important;}
/*사이트맵*/
.sitemap_pg .sitemap_wp { padding-top: 3rem; z-index: 1; width: 100%; height: 100%; position: relative; transition: all 0.5s ease-in-out; display: flex; justify-content: start;}
.sitemap_pg .sitemap_wp .nav_a img{ width:2.0rem;}
.sitemap_pg .sitemap_wp .nav_ul2 { display: flex; align-items: center; flex-wrap: wrap;}
.sitemap_pg .sitemap_wp .sitemap_ex ul li { display: flex; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem;}
.sitemap_pg .sitemap_wp .m_nav_menu:hover .sitemap_tit p.menu_tit{ color: var(--primary);}
.sitemap_pg .sitemap_wp .menu_tit { color:#000000; font-size: 2.4rem; word-break: keep-all !important; }
.sitemap_pg .sitemap_wp .nav_ul2 li { margin-right: 4rem;}
.sitemap_pg .sitemap_wp .nav_ul2 a { white-space: pre-line; word-break: keep-all; color: var(--gray-600); font-size: 1.8rem; line-height: 1.5; white-space: -1px; position: relative; display: flex; align-items: center;}
.sitemap_pg .sitemap_wp .nav_ul2 a:hover { color: var(--primary);}
/*로고 데코*/
.sitemap_pg .sitemap_wp .deco_bgimg_wp { position: absolute; text-align: right; right: 0%; top: 0; z-index: -1;}
/* 헴버거메뉴 */
.hd_menu_btn {
background:url(../img/ic_menu.png)no-repeat center;
background-size:3.0rem auto;
cursor: pointer;
width:3.0rem;
height:3.0rem;
}
.hd_menu_btn a{display:block;}
.m_menu_wr{ visibility: hidden; opacity: 0; background-color: #393939;
position: fixed; top: 0; right: -200%;
width: 100%; height: 100%; z-index: 1010; transition: all 0.5s ease-in-out; display: flex; justify-content: start;}
.m_nav .nav_a img{width:2.0rem;}
.m_nav .nav_ul2{display: flex; align-items: center; flex-wrap: wrap;}
/* x버튼 */
.menu_hd{display: none; opacity: 0;height:var(--hd_height_m);}
.m_nav .menu_hd{display: flex; justify-content: space-between; align-items: center;padding:0 1.6rem;opacity: 0;}
.menu_on .m_nav .menu_hd {opacity: 1;}
.close_btn{width: 3.0rem;}
/* 메뉴 열렸을때 외부 */
.menu_on .m_menu_wr { visibility: visible; opacity: 1; right: 0; height: 100%;}
.m_nav { z-index: 2; position: relative; width: 100%; height: 100%; z-index: 99999; max-width: 0; transform: translateX(0%); visibility: hidden; opacity: 0;}
.menu_on .m_nav { transform: translateX(0%); visibility: visible; opacity: 1; max-width: 100%;}
.menu_on .nav_wr { overflow-y: auto;}
.menu_on .nav_wr::-webkit-scrollbar {
width: 0.8rem;
height: 0.8rem;
}
.menu_on .nav_wr::-webkit-scrollbar:hover {
width: 1.2rem;
height: 1.2rem;
}
.menu_on .nav_wr::-webkit-scrollbar-thumb {
background-color: #1818187a;
border-radius: 100px;
}
.menu_on .m_menu_wr .m_menu_cls:hover .btn svg path{ fill: var(--primary)}
.menu_bg{position: fixed; left: 0; top: 0; background: #393939; transition: all 0.4s ease-in-out; width: 100%; height: 100%; z-index: 99998; visibility: hidden; opacity: 0;}
.menu_on .menu_bg{visibility: visible; opacity: 1;}
/*전체메뉴 헤더 - 닫기버튼*/
.m_menu_wr_hd { z-index: 2; width: 100%; height: var(--hd_height); position: fixed; top: 0; left: 0; background-color: transparent;}
.m_menu_wr_hd .container { max-width: 1680px; width: 100%; padding: 1rem 2rem; align-items: end; height: 100%;}
.m_menu_cls .btn { margin: 0 0;}
.m_menu_wr .nav_wr { margin-top: var(--hd_height); height: calc(100% - var(--hd_height));}
.m_nav_menu { font-family: 'hanwhaGothicR'; padding: 3rem 0; border-bottom: 1px solid #d5d9de4d !important;}
.menu_on .m_menu_wr .m_nav_menu:hover .btn-link span{ color: var(--primary);}
.menu_on .m_menu_wr .m_nav .nav_ul2 li:hover a{ color: var(--primary);}
/*전체메뉴 로고 데코*/
.m_nav .deco_bgimg_wp { position: absolute; z-index: -1; text-align: right; right: 0%; top: 0;}
.m_menu_wr .collapse_ex ul li { display: flex; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem;}
.m_menu_wr .collapse_ex .btn-link { width: calc(23% - 2rem); padding-right: 2rem; align-items: start; justify-content: start;}
.m_menu_wr .collapse_ex .collapse:not(.show) { display: block;}
.m_menu_wr .collapse_ex .btn img { display: none;}
.m_menu_wr .collapse { width: 100%;}
.m_menu_wr .collapse:hover .menu_tit{ color: var(--primary);}
.menu_tit { white-space: pre-line; word-break: keep-all; text-align: left; text-wrap: wrap; color:#fff; font-size: 2.8rem; line-height: 1.5; font-family: 'hanwhaGothicR'; font-weight: 400;}
.m_nav .nav_ul2 li { margin-right: 4rem;}
.m_nav .nav_ul2 a { white-space: pre-line; word-break: keep-all; color: #fff; font-size: 2rem; line-height: 1.5; white-space: -1px; position: relative; display: flex; align-items: center;}
/* 헤더 */
.hd_m {
display:none;
align-items: center;
justify-content: space-between;
height: 5.6rem !important;
width: 100%;
max-width:767px;
background: #fff;
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
padding:0 1.6rem;
border-bottom:1px solid var(--border);
box-shadow:0 0.3rem 0.6rem rgba(0,0,0,0.03);
z-index: 1000;
}
.hd_m.sdw_none{border-bottom:0;box-shadow:none;}
.hd_m .logo img{width:15rem; height: auto; display:flex;}
.hd_m .log_txt{font-size:1.4rem;padding-left:0.5rem;}
.hd_m .log_txt span {padding: 0 0.5rem;}
.hd_m button{border:0; background: transparent;width:3.0rem;}
.hd_m .page_tit{}
.hd_m .hd_btn {
min-width: 7rem;
display: flex;
align-items: center;
}
.hd_m.hd_trs{background:transparent;}
.hd_m.hd_trs .page_tit{display:none;}
.hd_m.hd_trs.fix{background: #fff;}
.hd_m.hd_trs.fix .page_tit{display:-webkit-box;}
.hd_m .hd_rig { display: flex; align-items: center; justify-content: center; height:5.6rem;}
.hd_m .btn-group .btn { height: 4rem;}
.hd_m .btn-group .btn:first-child { padding-left: 2.2rem;}
.hd_m .btn-group .btn:last-child { padding-right: 2.2rem;}
.hd_m .btn-group .btn:hover { background-color: #edeff1; color: var(--gray-500) !important; border: 1px solid var(--border);}
.hd_m .btn-group .btn.active { background-color: #fff; border-color: var(--border); color: var(--text);}
.hd_m .btn-group .btn.active:hover { background-color: #edeff1; color: var(--text) !important;}
/*서브페이지 공통상단*/
.subpg_top { z-index: 2; position: relative; left: 0; right: 0; margin: auto; border-radius: 5rem; max-width: 1670px; width: 95%; height: 39rem; }
.subpg_tit { color: #fff; margin-top: -3rem;}
.subpg_tit .tit_h1, .subpg_tit .tit_h8 { letter-spacing: 0px !important}
.breadcrumb { position: absolute; left: 0; right: 0; margin: auto; bottom: 0; width: 100%; height: 6.5rem; padding: 0; margin-bottom: 0; border-radius: 0 0 5rem 5rem ; background-color: transparent; }
.breadcrumb .container { background-color: #FF7F2A; border-radius: 3rem 3rem 0 0;}
.breadcrumb .touch_scroll { overflow-y: inherit;}
.breadcrumb_ul {display: flex; align-items: center;}
.breadcrumb_ul .go_home { flex-shrink: 0;}
.breadcrumb_ul .dropdown:hover { background-color: #F17625; }
.breadcrumb_ul .btn { min-width: 22rem; padding: 0rem 2rem; color: #fff; height: 6.5rem !important; justify-content: space-between; width: 100%; background-color: transparent; border-radius: 0; border: unset;}
.breadcrumb_ul .dropdown-menu { overflow: hidden; width: 100%; padding: 0; border-radius: 0 0 3rem 3rem; top: -1px !important; background-color: #FF7F2A; border: 1px solid #FF7F2A;}
.breadcrumb_ul .dropdown-menu .dropdown-item { font-size: 1.7rem; width: 100%; padding: 2rem 2rem; color: #fff; text-wrap: wrap;}
.breadcrumb_ul .dropdown-menu .dropdown-item:hover { background-color: #F17625;}
.subpg_top_gnb1 { background-image: url(../img/subpg_top_gnb1.png); background-size: cover; background-position: center;}
.subpg_top_gnb2 { background-image: url(../img/subpg_top_gnb2.png); background-size: cover; background-position: center;}
.subpg_top_gnb3 { background-image: url(../img/subpg_top_gnb3.png); background-size: cover; background-position: center;}
.subpg_top_gnb4 { background-image: url(../img/subpg_top_gnb4.png); background-size: cover; background-position: center;}
.subpg_top_gnb5 { background-image: url(../img/subpg_top_gnb5.png); background-size: cover; background-position: center;}
.subpg_top_gnb6 { background-image: url(../img/subpg_top_gnb6.png); background-size: cover; background-position: center;}
/*서브 콘텐트*/
.content_inner { padding-top: 9rem;}
.deco_tit_wp{ display: flex; align-items: center;}
.deco_tit_wp img { margin-right: 0.5rem;}
.deco_tit_p1, .deco_tit_p2 { z-index: 2; position: relative;}
.deco_tit_p2 { width: 65%;}
.deco_bgimg_wp { z-index: 1;}
.deco_tit img { margin-right: 5px;}
.content_inner { position: relative;}
.sub_content { margin-top: 5rem;}
/*회사소개*/
.sub_pg.comp_pg { padding-bottom: 0;}
.comp_pg .content_inner .deco_bgimg_wp { position: absolute; z-index: 1; text-align: right;}
.comp_pg .content_inner .deco_bgimg_wp img { width: 57%; margin-right: -10%; margin-top: -40%;}
.comp_pg .ind_hanwha { margin: 8% 0 6% 0;}
.comp_pg .comp_vis {
background-image: url(../img/comp_drcobg2.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 7% 0;
}
.comp_pg .comp_vis_contwp { width: 75%;}
.comp_pg .comp_vis_cont { margin: 5% 0;}
/*연혁*/
.hist_pg .hiscont { margin-top: 12rem;}
.hist_pg .list-group { position: sticky; top: 12rem; left: 0; background-color: #fff; z-index: 10; border-radius: 0;}
.hist_pg .list-group-item { border: unset; color: #ACB7C4; font-size: 3.6rem; font-weight: 700; margin-bottom: 4rem; text-wrap: nowrap;}
.hist_pg .list-group-item-action:active { background-color: transparent !important; color: var(--primary);}
.hist_pg .list-group-item-action.active { background-color: transparent !important; color: var(--primary);}
.hist_pg .list-item-group::-webkit-scrollbar {
width: 0.6rem;
height: 0.6rem;
}
.hist_pg .list-item-group::-webkit-scrollbar-thumb {
background-color: transparent;
border-radius: 100px;
}
.hist_pg .history_cont { padding: 0 0 5rem 0;}
.hist_pg .list-item { padding-bottom: 9rem;}
/*네트워크*/
.network_box {}
.network_tbl { padding: 4.5% 6%;}
.network_box .marker { position: absolute;}
.network_box .marker .dropdown-toggle img { width: 3.8rem;}
.network_box .marker .dropdown-toggle::after { display: none;}
.network_box .marker .dropdown-menu { width: 22rem; padding: 0; border-radius: 2rem; overflow: hidden;}
.network_box .marker .dropdown-menu .dropdown_hd { border-color: var(--primary); background-color: var(--primary); padding: 1.1rem 2rem; color: #fff; display: flex; align-items: center; justify-content: space-between;}
.network_box .marker .dropdown-menu .dropdown_bd { padding: 1.5rem 2rem 1.8rem;}
.network_box .marker_onsan.show .dropdown-menu.show { transform: translate3d(-166px, 38px, 0px) !important;}
.network_box .marker_yeosu.show .dropdown-menu.show { transform: translate3d(-20px, 38px, 0px) !important;}
.network_box .marker_headoffice { top: 19%; left: 19%;}
.network_box .marker_boeun { top: 39%; left: 33%;}
.network_box .marker_hfyr { top: 25%; left: 24%;}
.network_box .marker_yeosu { bottom: 18%; left: 36%;}
.network_box .marker_onsan { bottom: 37%; right: 17%;}
.network_box { display: flex;}
.network_box .map_wp { width: 720px; flex: 0 0 auto; overflow: hidden;}
.network_box .cont_wp { width: 100%;}
.network_box .map_wp.overseasbox { padding-bottom: 11rem;}
.network_box .map_wp .overseas_mapimg { max-width: 132%; margin-left: -16%;}
.network_box .marker_australia { bottom: 20%; right: 1%;}
.network_box .marker_australia.show .dropdown-menu.show { transform: translate3d(-186px, 38px, 0px) !important;}
.network_box .marker_chile { bottom: 13%; left: 16%;}
.network_box .marker_indonesia { bottom: 27%; right: 15%;}
.network_box .marker_indonesia.show .dropdown-menu.show { transform: translate3d(-183px, 38px, 0px) !important;}
.network_box .marker_usa { top: 37%; left: 5%;}
/*카드 공통*/
.prd_card { background-color: #fff; overflow: hidden; height: 100%;}
.prdcard_logo { height: 3.7rem;}
.prdcard_logo img { height: 100%;}
.prdcard_txt { padding: 2rem 3rem 3rem;}
.prdcard_cont p { padding-top: 1.5rem; margin-right: 1rem;}
.prd_card .prd_card_imgbox { border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.prd_card:hover > .prdcard_imgbox .rect5 img{ transition: all 0.5s; transform: scale(1.1);}
.prd_card3:hover > .prdcard_imgbox .rect5 img{ transition: all 0.5s; transform: scale(1);}
.prd_card2 { background-color: #fff; overflow: hidden;}
.prd_card2 .prdcard_txt.prdcard_txt_grdi { background: linear-gradient( 195deg, #FF9046, #FF6600);}
.prd_card2 .prdcard_txt.prdcard_txt_grdi .btn { background-color: #Fff !important;}
.prd_card2 .prdcard_txt { padding: 2.5rem 3rem;}
.prd_card2 .prdcard_cont{ display: flex; align-items: center; justify-content: space-between;}
.prd_card2 .prdcard_txt .btn { background-color: var(--primary) !important;}
.prd_card3 .prdcard_txt { padding: 2rem 3rem;}
/*카드 아래 더보기버튼*/
.btn-lg.more_btn { padding: 0.5rem 10rem !important; margin-top: 5rem;}
/*스마트마이닝*/
.hats_intro {
width: 100%;
height: 83rem;
background-image: url(../img/hatsbg.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.smn_pg .rounded-lg { border-radius: 2.5rem !important; border: 1px solid var(--border)}
.smn_pg .hats_title { width: 100%; margin: 15% 0 5% 0;}
.smn_pg .hats_content { position: relative;}
.smn_pg .hats_content .smn_i{ position: absolute; top: -13%; right: -5%;}
.hats_ss { margin-top: 8%; background-color: #f3f3f3; padding: 5.5rem 2rem; display: flex; align-items: center; justify-content: space-around;}
.hats_ss > .d-flex {padding: 0 1rem;}
.smn_tit { text-align: center; margin-bottom: 9rem; }
.smn_tit .tit_h4 { margin: 5rem 0 3rem;}
.smn_box { margin-bottom: 9rem;}
.smn_pg .smn_box:last-child { margin-bottom: 0;}
.key_box, .benefit_box { padding: 5% 0;}
.key_cont { padding: 0 3rem; border-top: 2px solid var(--primary); margin-top: 4rem;}
.benefit_cont { margin-top: 2rem;}
.dash02 { margin-bottom: 1.5rem; font-weight: 300; word-break: keep-all;}
.key_cont .col .dash02:last-child, .benefit_cont .col .dash02:last-child { margin-bottom: 0;}
.benefit_cont .col .border { padding: 4rem; }
.benefit_cont .tit_h5 { margin-bottom: 2.5rem; font-family: 'hanwhaGothicR' !important;}
.eaglebox { padding: 10% 0; background-color: var(--gray-100); display: flex; align-items: center; justify-content: center;}
.eaglebox img { max-width: 720px; width: 100%; text-align: center;}
/*발파현장솔루션*/
.solution_pg .content_inner .deco_bgimg_wp { position: absolute; z-index: 1; right: 0; top: 0rem; text-align: right;}
.hmsnt_pg .content_inner .deco_bgimg_wp { position: absolute; z-index: 1; right: 0; top: -7rem; text-align: right;}
.solution_pg .content_inner .deco_bgimg_wp img, .hmsnt_pg .content_inner .deco_bgimg_wp img { width: 100%; margin-right: 0; margin-top: 0;}
.slut_cont { margin-top: 13%;}
.slut_cont .tit_h2 { margin-bottom: 3.5%;}
/*게시판디자인*/
/*공지사항*/
.back_btn { width: 5rem !important; height: 5rem !important; background-color: var(--primary); display: flex; align-items: center; justify-content: center;}
.board_detail_top { border-bottom: 1px solid var(--border); border-top: 0.5px solid #000; padding: 4rem 2rem;}
.board_detail {}
.board_detail_tit { margin: 2rem 0;}
/*레퍼런스 상세*/
.ref_pg .board_detail_top { padding: 2rem 0;}
.ref_pg .board_detail_tit { margin: 1rem 0 0 0;}
/*제품*/
.prd_pg .prd_txt { background: #F9FAFA;
background-image: url(../img/prd_txt_bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0 0 10% 0;
border-radius: 36rem;
}
.prd_pg .prd_txt .fs_16 { letter-spacing: 0;}
.prd_pg .prd_txt .row { padding: 4% 10%;}
.prd_pg_tab { height: auto;}
.prd_pg_tab .prd_dn{ position: sticky; top: 9rem; background-color: #fff; padding-top:1.5rem; z-index: 15;}
.prd_pg_tab .touch_scroll::-webkit-scrollbar {
width: 0rem;
height: 0rem;
padding: 0 2rem;
}
.prd_pg_tab .nav-link { font-size: 2.4rem; font-weight: 700; text-wrap:nowrap; font-family: 'hanwhaGothicB'}
.prdtab_hd .prdtab_tit .fs_26 { font-family: 'hanwhaGothicB'}
.prd_pg_tab .nav_tab_line { border: unset;}
.prd_pg_tab .prdtab_hd .prdtab_tit{ display: flex; align-items: center;}
.prd_pg_tab .prdtab_hd .prdtab_tit img { margin-right: 0.5rem;}
.prd_pg_tab .nav { flex-wrap: nowrap;}
.prd_pg_tab .pl-2 { padding-left: 0.5rem !important;}
.prd_pg_tab .pr-2 { padding-right: 0.5rem !important;}
.prd_iconwp { display: flex; align-items: center; flex-wrap: nowrap; margin-top: 2rem;}
.prd_iconbox { display: flex; align-items: center; padding:0 3rem;
border-right: 1px solid var(--border);}
.prd_iconbox p { color: #707070; line-height: 1.3;}
.prd_iconbox:first-child { padding-left: 0 !important;}
.prd_iconbox:last-child { border-right: unset;}
.prd_iconbox img { margin-right: 1rem; flex-shrink: 0;}
.iqr_txt::after { content: ''; position: absolute; left: 0; bottom: 0.1rem; width: 100%; height: 1px; background-color: var(--primary);}
.iqr_box { margin-top: 5rem;}
.agr_box { padding: 2rem 4rem;}
.agr_box .btn{ font-size: 1.5rem; font-weight: 400;}
.btn.submit_btn{ width: 37rem;}
/*한화마이닝서비스*/
.hms_pg .content_inner .deco_bgimg_wp { position: absolute; z-index: 1; text-align: right;}
.hms_pg .content_inner .deco_bgimg_wp img { width: 57%; margin-right: -10%; margin-top: -40%;}
/*.hms_pg .hms_txt { background: linear-gradient(19deg, #FF6600, #FFAC75);
background-image: url(../img/hms_txt_bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 10% 0;
border-radius: 36rem;
}
.hms_pg .hms_txt .tit_h1 { letter-spacing: 0;}
.hms_pg .hms_txt .row { padding: 3% 10%;}
.module_wp { margin: 2% 0;}
.trp_wp .fs_18.fc_gray_400 { margin-bottom: 5% }*/
/*한화마이닝서비스 나라별*/
.hmsnt_pg .hmsnt_cont { margin-top: 0; overflow: hidden;}
.hmsnt_pg .slut_cont{ padding: 9rem 0; margin-bottom: 6%; margin-top: 5%;}
.hmscont_mapwp .bg_gray_100 { padding: 5% 0; margin-top: 5%;}
.hmsnt_pg .hmsmap_box {}
.hmsnt_pg .hmsmap_box .marker { position: absolute;}
.hmsnt_pg .hmsmap_box .marker .dropdown-toggle img { width: 3.8rem;}
.hmsnt_pg .hmsmap_box .marker .dropdown-toggle::after { display: none;}
.hmsnt_pg .hmsmap_box .marker .dropdown-menu { width: 22rem; padding: 0; border-radius: 2rem; overflow: hidden;}
.hmsnt_pg .hmsmap_box .marker .dropdown-menu .dropdown_hd { border-color: var(--primary); background-color: var(--primary); padding: 1.1rem 2rem; color: #fff; display: flex; align-items: center; justify-content: space-between;}
.hmsnt_pg .hmsmap_box .marker .dropdown-menu .dropdown_bd { padding: 1.5rem 2rem 1.8rem;}
.hmsnt_pg .hmsmap_box .marker_onsan.show .dropdown-menu.show { transform: translate3d(-166px, 38px, 0px) !important;}
.hmsnt_pg .hmsmap_box .marker_yeosu.show .dropdown-menu.show { transform: translate3d(-20px, 38px, 0px) !important;}
/*한화마이닝서비스 - 오스트레일리아*/
.hmsnt_pg .hmsmap_box .marker_bajool { top: 37%; right: 11%;}
.hmsnt_pg .hmsmap_box .marker_brisbane { top: 45%; right: 3%;}
.hmsnt_pg .hmsmap_box .marker_mclarty { bottom: 33%; left: 5%;}
.hmsnt_pg .hmsmap_box .marker_kalgoorlie { bottom: 41%; left: 11%;}
.hmsnt_pg .hmsmap_box .marker::after,
.hmsnt_pg .hmsmap_box .marker::before {
width: max-content;
position: absolute;
top: 50%;
font-size: 1.5rem;
transform: translateY(-50%);
display: block;
}
.hmsnt_pg .hmsmap_box .marker_bajool::after,
.hmsnt_pg .hmsmap_box .marker_brisbane::after {
opacity: 1;
}
.hmsnt_pg .hmsmap_box .marker_bajool::after {
content: "Bajool Explosives Reserve IS Magazines";
left: 48px;
}
.hmsnt_pg .hmsmap_box .marker_brisbane::after {
content: "Brisbane office";
left: 48px;
}
.hmsnt_pg .hmsmap_box .marker_kalgoorlie::after {
content: "Kalgoorlie IS Magazines";
left: 48px;
}
.hmsnt_pg .hmsmap_box .marker_mclarty::after {
content: "McLarty IS Magazines";
left: 48px;
}
.hmsnt_pg .hmsmap_box .marker::before {
opacity: 0;
visibility: hidden;
}
.hmsnt_pg .hmsmap_box .marker_bajool::before {
content: "Bajool Explosives Reserve IS Magazines";
}
.hmsnt_pg .hmsmap_box .marker_brisbane::before {
content: "Brisbane office";
}
/*한화마이닝서비스 - 인도네시아*/
.hmsnt_pg .hmsmap_box .marker_indonesia { top: 55%; left: 33%;}
.hmsnt_pg .hmsmap_box .marker_indonesia::after {
content: "Jakarta office";
left: 48px;
}
/*한화마이닝서비스 - 칠레*/
.hmsnt_pg .hmsmap_box .marker_jakarta { top: 42%; left: 21%;}
.hmsnt_pg .hmsmap_box .marker_iquique { bottom: 39%; left: 21%;}
.hmsnt_pg .hmsmap_box .marker_los { bottom: 32%; left: 22%;}
.hmsnt_pg .hmsmap_box .marker_jakarta::after {
content: "Iquique office";
left: 48px;
}
.hmsnt_pg .hmsmap_box .marker_iquique::after {
content: "Los Andes Magazine";
left: 48px;
}
.hmsnt_pg .hmsmap_box .marker_los::after {
content: "Santiago office";
left: 48px;
}
/*한화마이닝서비스 - 미국*/
.hmsnt_pg .hmsmap_box .marker_houston { bottom: 27%; right: 40%;}
.hmsnt_pg .hmsmap_box .marker_houston::after {
content: "Houston office";
left: 48px;
}
.hmsnt_pg .hmsmap_box { display: flex;}
.hmsnt_pg .hmsmap_box .map_wp { width: 720px; flex: 0 0 auto; overflow: hidden;}
.hmsnt_pg .hmsmap_box .cont_wp { width: 100%;}
.hmsnt_pg .hmsmap_box .map_wp.overseasbox { padding-bottom: 8rem;}
.hmsnt_pg .hmsmap_box .map_wp .overseas_mapimg { max-width: 132%; margin-left: -16%;}
.hmsnt_pg .hmsmap_box .marker_usa { top: 37%; left: 5%;}
.hmsnt_pg .hmscont_contact { padding: 9rem 0;}
.hmsnt_pg .hmscont_contact .container { padding-left: 8%; padding-right: 8%;}
.hmsnt_pg .hmscont_contact .border .hmscontact_hd { background-color: #F6F6F6; padding: 2.5rem 3rem; display: flex; align-items: center;}
.hmsnt_pg .hmscont_contact .border .hmscontact_bd { padding: 3rem;}
/*인증서*/
.certifi_pg .certifi_list { margin-top: 5rem;}
/*검색*/
.sch_ip { position: relative; display: flex; border:1px solid var(--border); background: #fff; padding: 0; border-radius: 36rem;}
.sch_ip .form-control{ width: 45rem; height: var(--height_lg); padding: 0.5rem 2.5rem ; color:#7F7F7F; background-color: transparent;}
.sch_ip .form-control:focus { color: var(--text); background-color: var(--bg); border: 1px solid var(--primary) !important; box-shadow: 0 0 3px 3px #ffe4d2;}
.sch_ip .form-control::placeholder {color: #CBC9D1;opacity: 1;}
.sch_ip button{ position: absolute; right: 2.5rem; width:2.0rem; height:2.0rem; border:0; background: transparent;}
/*회색 검색*/
.sch_gray.sch_ip{background: #F5F6F8;border:0;}
.ol_list{padding-left: 2rem;}
.ol_list li{margin-bottom:0.5rem;line-height: 140%;}
/*노데이터*/
.no_data{display:flex;align-items: center;justify-content: center; flex-direction: column;}
.no_data img{ width: 80px; margin-bottom: 15px;}
.item_opt_counter {
position: relative;
width: 8.7rem;
height: 2.8rem;
line-height: 2.8rem;
border-radius: 3.6rem;
border: 1px solid #CBCFD3;
flex-shrink: 0;
display: flex;
align-items: center;
}
.item_opt_counter_btn {
width: 26%;
height: 3rem;
vertical-align: top;
padding: 0;
}
.item_opt_counter_btn.disabled, .item_opt_counter_btn:disabled{opacity: 0.3;
background: transparent;
border-color: transparent;
}
.item_opt_counter .quantity{
width: 48%;
height: 100%;
vertical-align: top;
color: #333333;
font-size: 1.6rem;
font-weight: bold;
line-height: 4.4rem;
text-align: center;
border: unset;
}
.collapse_cate{position: relative;}
.collapse_cate .btn-group-toggle .btn,
.collapse_cate .btn-group .btn{margin-right:0.6rem;margin-bottom:0.6rem;}
/*하단메뉴*/
.bt_menu {
width: calc(100% + 2px);
max-width: 767px;
background: #fff;
position: fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
display: none;
margin-left: -1px;
}
.bt_menu ul{display: flex;justify-content: space-between;align-items: center;text-align:center;padding:0 5.0rem; height:6.4rem;border-top: 1px solid var(--border);}
.bt_menu ul li{}
.bt_menu ul li a {
display: inline-block;
color:#999;
font-weight:600;
font-size:1.2rem;
}
.bt_menu ul li .ico {
width: 2.4rem;
display: block;
margin: 0 auto;
}
.bt_menu ul li p{margin-top:0.4rem;}
.bt_menu ul li .img_on{display:none;}
.bt_menu ul li.on a{color:var(--primary);}
.bt_menu ul li.on .img_on{display:block;}
.bt_menu ul li.on .img_off{display:none;}
/*로그인,회원가입*/
.sign_pg, .login_pg{padding-top:8.0rem;padding-bottom:8.0rem;}
.sign_wr{max-width:48rem;}
.sign_box{border:1px solid var(--border);padding:6.0rem 5.0rem 5.0rem;border-radius:1.8rem;}
.log_btn a{
display: inline-block;
font-weight: 400;
color:#666;
padding:0 0.5rem;
border-right:1px solid #E3E3E3;
}
.log_btn a:last-child{border-right:0;}
/*다운로드영역*/
.filedown { z-index: 10 ; position: relative;}
.filedown.filedown_in { display: block !important;}
.filedown li {padding: 1rem 0; }
.filedown a { width: fit-content; display: flex; align-items: center; flex-wrap: nowrap; font-size: 1.6rem; font-weight: 500; line-height: 130%;}
.filedown a u { white-space: pre-line; word-break: break-all;}
.filedown a img { margin-right: 1rem;}
/*자격증페이지 다운로드*/
.certifi_pg .filedown li { padding: 0.75rem 0;}
.certifi_pg .filedown a { font-size: 1.4rem; color: var(--gray-500) !important;}
/*메인*/
/*메인 공통*/
.maincont_wrap { padding: 11% 0 0;}
.main_subtit { font-family: 'hanwhaGothicR'; font-weight: 400; font-size: 1.8rem; color: var(--primary);}
.main_subcont { font-family: 'hanwhaGothicR'; font-weight: 400; font-size: 5.2rem; letter-spacing: -2px; line-height: 130%; margin-top: 1.8rem; white-space: pre-line; word-break: keep-all; }
.swiper-pagination-bullet-active {background-color: var(--primary);}
/*메인 maincont1*/
.visual_slide .swiper-slide img { width: 100%;}
.visual_slide .swiper-slide .slider-text { position: absolute; top: 36%; left: 0; max-width: 1440px; right: 0; margin: 0 auto;}
.visual_slide .swiper-slide .slider-text .sld_maintxt { font-family: 'hanwhaGothicR'; font-weight: 400; font-size: 7.8rem; color: #fff;}
.visual_slide .swiper-slide .slider-text .sld_subtxt { font-size: 1.9rem; color: #fff; font-weight: 500; line-height: 1.5; white-space: pre-line; word-break: keep-all;margin-top: 1.0rem;}
.visual_slide .sw_pgn_wp { position: absolute; bottom: 40%; z-index: 50; height: 30px; left: 11.5%; right: 0;margin: 0 auto;}
.visual_slide .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal { width: fit-content;}
.visual_slide .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--swiper-pagination-bullet-inactive-color,#ffffff) !important;
}
.visual_slide .swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px));
background: var(--swiper-pagination-bullet-inactive-color,#ffffff00);
border: 1px solid #fff;
border-radius: 36rem;
opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
}
/*메인 maincont2*/
.visual_text {
width: 100%;
height: 100%;
text-align: center;
background-image: url(../img/visusal_textbg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 22% 2rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
}
.visual_text_txt_wrap { display: flex; align-items: center; justify-content: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.visual_text p{ color: #2E2F34; margin-top: 3rem; font-family: 'hanwhaGothicR'; font-weight: 400; font-size: 5.3rem; letter-spacing: -2px; line-height: 150%; white-space: pre-line; word-break: keep-all;}
.visual_text_txt_wp {padding: 0 2rem;}
/*메인 maincont3*/
.maincont3 .maincont_title { width: calc(100% - 20px); padding-left: 12%;}
.maincont_title {position: relative;}
.maincont3_bg { position: absolute; left: 1%; top: 74%;}
.mainproduct_swiper { position: relative; padding-top: 3%;}
.mainproduct_swiper .swiper-pagination { display: none;}
.mainproduct_slide { padding-left: 12%; position: relative;}
.mainproduct_slide .swiper-slide{ overflow: hidden; position: relative;}
.mainproduct_slide .swiper-slide::before { content: ''; z-index: 2; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, #545454, #000000); transition: background 0.5s ease; opacity: 50%;}
.mainproduct_slide .swiper-slide:hover::before { background: linear-gradient(0deg, #FF6600, #833d0e9e);}
.mainproduct_cardcont { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: start; justify-content: space-between; position: absolute; top: 0; left: 0; padding: 5rem 4rem 4rem; z-index: 3;}
.mainproduct_cardcont .tit { width: 80%; margin-bottom: 2rem; font-size: 2.8rem; font-family: 'hanwhaGothicR'; font-weight: 400; color: #fff; line-height: 130%; word-break: keep-all; white-space: pre-line;}
.mainproduct_cardcont .sub_cont { color: #C6C6C6; font-size: 1.8rem; line-height: 1.5; font-weight: 400; letter-spacing: -1px;}
.mainproduct_cardcont .mainpdt_w { width: 100%; display: flex; align-items: center; justify-content: end;}
.mainproduct_slide .com_btn {width: 5.2rem; height: 5.2rem; margin-right: -0.5rem;}
.mainproduct_slide .swiper-slide:hover .mainproduct_cardcont .sub_cont { color: #fff; }
.mainproduct_slide .swiper-slide:hover .mainproduct_cardcont .com_btn { border: 1px solid #fff; border-radius: 36rem; }
.mainproduct_slide .swiper-slide:hover .mainproduct_cardcont .com_btn svg path { stroke: #fff;}
.mainproduct_swiper .mainproduct_swiper_btn{ position: absolute; top: -2rem; right: 0; left: 0; margin: auto; height: 40px;}
.mainproduct_swiper .swiper-button-next.swiper-button-disabled{
background-image: url(../img/maincont03_next_n.svg);
opacity: 0.5;
}
.mainproduct_swiper .swiper-button-prev.swiper-button-disabled{
background-image: url(../img/maincont03_prev_n.svg);
opacity: 0.5;
}
.mainproduct_swiper .swiper-button-next,
.mainproduct_swiper .swiper-button-prev{
width: 60px !important;
height: 27px !important;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
z-index: 2 !important;
-webkit-transition: 0.4s !important;
transition: 0.4s !important;
position: absolute !important;
background-color: transparent;
}
.mainproduct_swiper .swiper-button-next:after,
.mainproduct_swiper .swiper-rtl .swiper-button-prev,
.mainproduct_swiper .swiper-button-prev:after,
.mainproduct_swiper .swiper-rtl .swiper-button-next:after{
display: none;
}
.mainproduct_swiper .swiper-button-prev{
background-image: url(../img/maincont03_prev.svg);
left: auto;
right: 140px;
}
.mainproduct_swiper .swiper-button-prev:hover{
background-image: url(../img/maincont03_prev.svg);
}
.mainproduct_swiper .swiper-button-next{
background-image: url(../img/maincont03_next.svg);
right: 60px;
}
.mainproduct_swiper .swiper-button-next:hover{
background-image: url(../img/maincont03_next.svg);
}
/*메인 maincont4*/
.maincont4 {
background-image: url(../img/maincont4_bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
}
.maincont4 .maincont_wrap { padding-bottom: 0;}
.maincont4 .maincont_title { text-align: center; padding-left: 0;}
.maincont4 .swiper { margin-top: 4%; max-width: 1440px; width: 90%;}
.maincont4 .swiper-slide { margin-bottom: 5rem; width: 100%; overflow: hidden; position: relative;}
.maincont4_slide .com_btn {width: 5.6rem; height: 5.6rem;}
.maincont4 .src_box { position: relative;}
.maincont4 .src_box a { color: #fff;}
.maincont4 .src_box:hover::before{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background:linear-gradient(0deg, #ff6600a6, #22222242 );}
.maincont4 .src_box .srcimg_box img { width: 100%;}
.maincont4 .src_box .srctxt_box { position: absolute; top: 0; left: 0; padding: 5rem; width: 100%; height: 100%; display: flex; justify-content: space-between; flex-direction: column;}
.maincont4 .src_box .srctxt_box .srctxt_box_tp { display: flex; align-items: center; justify-content: space-between;}
.maincont4 .src_box .srctxt_box .srctxt_tp_tit { font-family: 'hanwhaGothicR'; font-weight: 400; font-size: 2.4rem; opacity: 80%;}
.maincont4 .src_box .com_btn { border-radius: 36rem; border: 1px solid #fff;}
.maincont4 .src_box:hover .com_btn { background-color: #fff;}
.maincont4 .src_box:hover .com_btn svg path { stroke: var(--primary);}
.maincont4 .src_box .src_tit { font-family: 'hanwhaGothicR'; font-weight: 400; font-size: 3.9rem; margin-bottom: 2rem}
.maincont4 .src_box .src_cont { font-size: 1.8rem; line-height: 1.5;}
/*메인 maincont5*/
.maincont5 .btngp_wp { margin: 4% 0;}
.maincont5 .btngp_wp .col { padding: 0.5rem !important;}
.maincont5 .btngp_wp .col-auto{padding: 0 0.5rem !important; margin-bottom: 1rem; padding: 0 0.5rem !important;}
.maincont5 .btn { min-width: 17rem; padding: 0 3rem; display: flex; align-items: center; justify-content: space-between;}
.maincont5 .btngp_wp .row { justify-content: center; margin: 0 !important;}
.maincont5 .btngp_wp img{ margin-left: 1rem;}
.maincont5 .btngp_wp .btn { text-align: left; line-height: 1.1;}
/*공지사항*/
.notice_list{background:#F8F8F8;border-radius:2.4rem;padding-top:1.3rem;padding-bottom:1.3rem;}
.notice_list li { border-bottom: 1px solid #fff; padding: 1.7rem 2rem;}
.notice_list li:last-child{ border-bottom:0;}
/*faq*/
.faq_accordion{}
.faq_accordion .card{border: 0;border-radius: 0;}
.faq_accordion .card-header{border: 0;padding:0;background:transparent;}
.faq_accordion .card-header button {
border: 0;
background: 0;
padding: 2rem 0;
display: flex;
justify-content: space-between;
width: 100%;
z-index: 1;
position: relative;
color: var(--text);
}
.faq_accordion .card-header button img{transform: rotate(0deg);transition: all 0.2s ease;width:2.4rem;}
.faq_accordion .card-header button[aria-expanded="true"]{border:0;}
.faq_accordion .card-header button[aria-expanded="true"] img{transform: rotate(180deg);transition: all 0.2s ease;}
.faq_accordion .card-header .faq_q {
width: 2.4rem;
height: 2.4rem;
border-radius: 50%;
background: var(--primary);
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
margin-right: 1.0rem;
}
.faq_accordion .card-body {
padding: 2rem 1.6rem;
background: #F8F8F8;
border-radius:2.4rem;
}
.faq_accordion .faq_a{margin-right:0.8rem;}
.faq_accordion .collapse{padding-bottom:0;}
/*푸터*/
.ft{ padding: 12.0rem 0; background-color: #2D2D2D;}
.ft_box { padding-bottom: 2.5rem; border-bottom: 1px solid #707070; margin-bottom: 2.5rem;}
.ft_btn_gp > a { margin-right: 2rem; font-family: 'hanwhaGothicR'; display: flex; align-items: center; justify-content: center; width: 4.9rem; height: 4.9rem; border: 1px solid #fff; border-radius: 36rem;}
.ft_btn_gp > a:hover { color: #fd7012; border-color: #fd7012;}
.ft_btn_gp > a:hover svg path { fill: #fd7012;}
.ft_btn_gp .btn-group { border-radius: 36rem; border: 1px solid #fff; padding: 1.6rem 0; height:4.9rem; background-color: transparent;}
.ft_btn_gp .btn-group > a:first-child { border-right: 1px solid #fff;}
.ft_btn_gp .btn-group > a { font-family: 'hanwhaGothicR'; color: #fff; padding-left: 2.4rem; padding-right:2.4rem; font-size: 1.8rem; font-weight:400; background-color: transparent;}
.ft_btn_gp .btn-group a p:hover { color: #fd7012;}
/*.ft_btn_gp .btn-group > a p { opacity: 50%;}*/
.ft_btn_gp .btn-group > a p:hover { opacity: 100%;}
.ft .ft_btm_t { border-radius: 36rem; display: flex; align-items: center; justify-content: space-between; width: 29.3rem; height: 5.4rem; padding: 0.5rem 3rem; border: 1px solid #ffffffb7; background: transparent;}
.ft .ft_btm_t p{ color: #ffffffb7; font-family: "hanwhaGothicR"; font-size: 1.8rem; font-weight: 400;}
.ft .ft_btm_t:hover { border-color: #fff;}
.ft .ft_btm_t:hover p { color: #fff; }
.ft .ft_btm_t:hover svg path{ stroke: #fff;}
.ft .ft_btm { margin-top: 5rem; display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap;}
.ft .fnb { display: flex; align-items: center; flex-wrap: wrap;}
.ft .fnb li { margin-right: 2rem;}
.ft .fnb a { font-size: 1.8rem; font-weight: 500; color:#ffffff; padding:0 0; line-height: 1.5;}
.ft .fnb a:hover { color: var(--primary);}
.ft .ft_btm_b p{ color: #ffffffb7; font-family: "hanwhaGothicR"; font-size: 1.8rem; font-weight: 400;}
.ft .ft_btm_b:hover { border-color: #fff;}
.ft .ft_btm_b:hover p { color: #fff; }
.ft .ft_btm_b:hover svg path{ fill: #fff;}
.ft .ft_btm_b .dropdown.show svg { transform:scale(1, -1); }
.ft .ft_btm_b .dropdown svg { transition: all 1s;}
.ft .ft_btm_b .dropdown-toggle { border-radius: 36rem; display: flex; align-items: center; justify-content: space-between; width: 29.3rem; height: 5.4rem; padding: 0.5rem 3rem; border: 1px solid #ffffffb7; background: transparent;}
.ft .ft_btm_b .dropdown-menu { margin: -1px 0; width: 29.3rem; overflow: hidden; background-color: #2D2D2D; padding: 0; border: 1px solid #e7e7e7;}
.ft .ft_btm_b .dropdown-item { padding: 1.8rem 3rem; background-color: transparent; color: #fff;}
.ft .ft_btm_b .dropdown-item:hover, .ft .ft_btm_b .dropdown-item:focus { background-color: #1a1a1a; }
.ft .ft_btm_b .dropdown-toggle::after { display: none;}
.ft .text_copy { font-family: "hanwhaGothicR"; font-size: 1.8rem; font-weight: 400; color: rgba(255,255,255,0.42);}
/* 초기 상태에서는 화살표 아래 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="false"] img{transform: rotate(0deg);}
/* 펼쳐진 상태에서는 화살표 위 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="true"] img{transform: rotate(180deg);}
@media (max-width: 1770px) {
/*영문헤더*/
.hd_pc .nav_ul .nav_li > a { font-size: 1.5rem;}
.hd_pc .nav_ul.nav_ul_en .nav_li > a { font-size: 1.3rem; text-wrap: wrap;}
.hd_pc .nav_ul .menu_all .menuul_tit, .hd_pc .nav_ul.nav_ul_en .menu_all .menuul_tit { font-size: 1.6rem !important;}
.hd_pc .nav_ul .nav_ul2 a, .hd_pc .nav_ul.nav_ul_en .nav_ul2 a { font-size: 1.3rem !important;}
/*메인*/
/*메인 공통*/
.maincont3 .maincont_title { padding-left: 8%;}
.mainproduct_slide { padding-left: 8%;}
/*메인 maincont3*/
.maincont3_bg { top: -15% ; right: 2%; left: unset;}
/*한화마이닝서비스*/
.hms_pg .content_inner .deco_bgimg_wp img{
width: 40%;
margin-right: 0;
margin-top: -40%;
}
}
/*반응형 max 11670 xl*/
@media (max-width: 1670px) {
/*header*/
.hd_pc .ctn_box { padding: 0 2rem !important;}
.hd_pc .nav_ul { font-size: 1.6rem; width: 65%;}
.hd_pc .nav_ul_en { width: 80%;}
.hd_pc .nav_ul .nav_li > a { text-wrap: wrap;}
.hd_pc .nav_ul2 { font-size: 1.5rem;}
.hd_pc .btn-group .btn { font-size: 1.4rem; height: 3.3rem;}
.hd_pc .btn-group .btn:first-child { padding: 0.5rem 1.5rem;}
.hd_pc .btn-group .btn:last-child { padding: 0.5rem 1.5rem;}
/*서브상단*/
.breadcrumb { background-color: #FF7F2A;}
.breadcrumb .container { border-radius: 0 0 5rem 5rem;}
.hats_intro .breadcrumb { border-radius: 0 0 0 0 !important;}
/*메인*/
/*메인 공통*/
.maincont3 .maincont_title { padding-left: 6%;}
.mainproduct_slide { padding-left: 6%;}
/*메인 maincont3*/
/*회사소개*/
.comp_pg .content_inner .deco_bgimg_wp img { margin-right: 0; margin-top: -45%;}
/*스마트마이닝*/
.smn_pg .hats_content .smn_i{ position: absolute; width: 38rem; top: -13%; right: 0%;}
}
@media (max-width: 1570px) {
/*header*/
.hd_pc .logo img { width: 20rem;}
/*전체메뉴 로고 데코*/
/*상단*/
/*서브상단*/
/*상단*/
.subpg_top .container { justify-content: center;}
.subpg_tit { text-align: center;}
.sub_pg_inner { padding-top: 2rem;}
.breadcrumb { max-width: 100%; width: 100%; border-radius: 0 0 5rem 5rem;}
.breadcrumb .container { padding: 0 1rem!important;}
/*메인*/
/*메인 공통*/
.main_subtit { font-size: 1.6rem;}
.main_subcont, .visual_text p { font-size: 5.0rem;}
.maincont3 .maincont_title { padding-left: 4%;}
.mainproduct_slide { padding-left: 4%;}
/*메인 maincont3*/
.mainproduct_cardcont { padding: 4.2rem;}
.mainproduct_cardcont .tit{ font-size: 2.4rem; width: 80%;}
.mainproduct_cardcont .sub_cont{ font-size: 1.6rem; line-height: 1.5;}
/*이너공통*/
.comp_pg .content_inner .position-relative,
.comp_pg .content_inner .ind_hanwha,
.comp_pg .comp_vis .container .comp_vis_contwp,
.hist_pg .content_inner,
.network_pg .content_inner > .container,
.news_pg .content_inner, .newsdt_pg .content_inner,
.solution_pg .content_inner,
.ref_pg .content_inner,
.hms_pg .content_inner .container,
.contactus_pg .content_inner,
.certifi_pg .content_inner,
.key_box, .benefit_box,
.hmsnt_pg .content_inner .container > div > .position-relative,
.hmsnt_pg .content_inner .hmscont_contact,
.hmsnt_pg .content_inner .slut_cont .container,
.swupdate_pg .content_inner, .swupdatedt_pg .content_inner,
.resources_pg .content_inner, .resourcesdt_pg .content_inner,
.notice_pg .content_inner, .noticedt_pg .content_inner,
.distributor_pg .content_inner{ padding-left:6rem !important; padding-right: 6rem !important;}
.hmsnt_pg .content_inner .hmsnt_cont > .container { padding-left:8rem !important; padding-right: 8rem !important;}
.network_pg .sub_content { padding-left: 5rem; padding-right: 5rem;}
}
@media (max-width : 1480px) {
.container{ padding-left: 20px !important; padding-right: 20px !important;}
.container.px-lg-0 { padding-left: 20px !important; padding-right: 20px !important;}
}
/*반응형 max 1400 xl*/
@media (max-width: 1440.99px) {
/*푸터*/
.ft { padding: 6rem 0;}
.ft .ft_logo img{ width: 26rem;}
.ft .fnb a, .ft .text_copy { font-size: 1.3rem;}
.ft .fnb li { margin-right: 1rem; margin-bottom: 1rem;}
.ft_box { padding-bottom: 1.5rem; margin-bottom: 1.5rem;}
.ft_btn_gp > a { width: 4.5rem; height: 4.5rem;}
.ft_btn_gp > a svg.youicon { width: 20px;}
.ft_btn_gp > a svg.linkicon { width: 17px;}
.ft_btm .btn_t_arwicon { width: 13px;}
.ft_btm .btn_b_arwicon { width: 14px;}
.ft_btn_gp .btn-group { height: 4.5rem; padding: 1.4rem 0;}
.ft .ft_btm_t, .ft .ft_btm_b .dropdown-toggle { height: 4.5rem;}
.ft .ft_btm_t p, .ft .ft_btm_b p {font-size: 1.6rem;}
.ft .ft_btm .ft_btm_b { order: 1; margin-bottom: 3rem;}
.ft_logo { margin-bottom: 2rem;}
.ft .fnb { margin-bottom: 1.5rem;}
.ft .ft_btm_t { margin-bottom: 2rem !important;}
.ft_btn_gp .btn-group > a { font-size: 1.6rem;}
.ft .fnb a { font-size: 1.6rem;}
/*header*/
.hd_pc .hd_pc_box { justify-content: space-between}
.hd_pc .btn-group { margin-right: 1.5rem; }
/*전체공통*/
.tit_h1 { font-size: 4.2rem;}
/*상단*/
.subpg_tit { margin-top: -1rem;}
.subpg_tit .tit_h1{ font-size: 4.2rem; margin-bottom: 2.2rem;}
/*메인*/
/*공통*/
.main_subtit{ font-size: 1.3rem;}
.main_subcont, .visual_text p { font-size: 4.2rem;}
/*메인 maincont1*/
.visual_slide .swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
}
/*메인 maincont2*/
/*메인 maincont3*/
.mainproduct_cardcont { padding: 4rem;}
.maincont3 .maincont_title { padding-left: 60px;}
.mainproduct_slide { padding-left: 60px;}
.maincont3_bg img { width: 30rem;}
/*메인 maincont4*/
/*게시판디자인*/
/*공지사항*/
.back_btn { width: 4rem !important; height: 4rem !important;}
.board_detail_tit { font-size: 2.4rem; margin: 1rem 0;}
/*제품*/
.prd_pg_tab .prd_dn .container { padding: 0 !important;}
.prd_pg_tab .prd_dn .touch_scroll { padding: 0 2rem;}
}
/*반응형 max 1400 xl*/
@media (max-width: 1350px) {
/*헤더*/
.hd_pc, .logo, .hd_pc .hd_rig { height: var(--hd_height)}
.hd_pc .logo img { width: 19rem;}
.hd_pc .nav_ul { display: none;}
.hd_pc .btn-group { margin-right: 1rem;}
.hd_pc .btn-group .btn.btn.btn-outline-gray-300 { height: 2.7rem; font-size: 1.2rem; line-height: 17px;}
.hd_pc .btn-group .btn.btn.btn-outline-gray-300:first-child { padding-left: 1.2rem; padding-right: 0.8rem;}
.hd_pc .btn-group .btn.btn.btn-outline-gray-300:last-child { padding-right: 1.2rem; padding-left: 0.8rem;}
/*sitemap*/
.sitemap_pg .sitemap_wp .deco_bgimg_wp { width: 50%;}
/*전제메뉴 헤더*/
.m_menu_wr .m_nav_menu { padding: 1.8rem 0; border-bottom: unset !important; }
.m_menu_wr .collapse_ex .btn-link { align-items: center; justify-content: space-between; width: 100%; padding-right: 0;}
.m_menu_wr .collapse_ex ul li { display: block; margin-top: 0; margin-bottom: 0;}
.m_nav .nav_ul2 { margin-top: 0.5rem; flex-direction: column; align-items: start; padding-left:0 !important ; padding-right: 0 !important;}
.m_nav .nav_ul2 li { padding: 1.2rem 0;}
.m_menu_wr .collapse_ex .collapse:not(.show) { display: none;}
.m_menu_wr .collapse_ex .btn img { display: block;}
.menu_tit { font-size: 2.4rem;}
/*전체메뉴 로고 데코*/
.m_nav .deco_bgimg_wp { width: 50%;}
/*푸터*/
.ft .ft_btm { flex-direction: column;}
.ft .fnb {order: 2; justify-content: end;opacity: 0.8;}
.ft .fnb a, .ft .text_copy { text-align: right;}
/*header*/
/*메인*/
/*공통*/
.com_btn { width: 4.5rem !important; height: 4.5rem !important;}
/*메인 maincont4*/
.maincont4 .swiper { width: 95%;}
.maincont4 .src_box .srctxt_box { padding: 4rem;}
.maincont4 .src_box .src_tit { font-size: 3.4rem;}
.maincont4 .src_box .srctxt_box .srctxt_tp_tit { font-size: 1.6rem;}
/*제품*/
.prdtab_hd .fs_26 { font-size: 2.0rem;}
.prdtab_hd .fs_20 { font-size: 1.6rem !important;}
.prd_iconbox { padding: 0 1.5rem;}
.prd_iconbox p.fs_18 { margin-top: 1rem; font-size: 1.6rem !important;}
.prdrab_bd .fs_22 { font-size: 1.7rem;}
.prd_iconbox img { width: 4rem; height: 4rem;}
/*발파현장솔루션*/
.slut_cont .tit_h2 { font-size: 2.8rem; margin-bottom: 2rem}
.dot_point::before { width: 8px; height: 8px; right: -8px;}
/*한화마이닝서비스*/
/*.contactus_pg .content_inner { padding-top: 3rem;}*/
}
@media (max-width:1230.98px) {
.row {
margin-right: -10px !important;
margin-left: -10px !important;
}
.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
padding-right: 10px !important;
padding-left: 10px !important;
}
}
/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {
.ip_wr .ip_tit h5 { font-size: 1.4rem;}
.help_txt_box { padding: 0 2rem;}
.ip_wr.mt-5 { margin-top: 1.5rem !important;}
.btn-lg { height: var(--height);font-size:1.5rem;}
.tit_h2 { font-size: 3.4rem; }
.tit_h2_en { white-space: normal;}
.tit_h3 { font-size: 2.8rem; }
.tit_h4 { font-size: 2.2rem;}
.tit_h8 { font-size: 1.4rem;}
.fs_20, .fs_18 {font-size: 1.6rem !important;}
.fs_16 { font-size: 1.5rem !important;}
.rounded-lg { border-radius: 4.6rem !important;}
.form-control { height: var(--height_md); padding: 0.5rem 1.8rem;}
/*스마트마이닝*/
.smn_pg .hats_content .smn_i{ position: absolute; width: 30rem; top: -10%; right: 0%;}
/*공통*/
.hd_pc .nav_ul { font-size: 1.6rem; width: 90%;}
.m_menu_wr_hd { height: var(--hd_height_m);}
.m_menu_wr .nav_wr { margin-top: var(--hd_height_m);}
.m_menu_wr_hd svg { width: 26px; height: 26px;}
.m_nav_menu { padding: 2.5rem 0;}
.menu_tit { font-size: 2.2rem;}
.m_nav .nav_ul2 a { font-size: 1.6rem;}
.sch_ip { height: var(--height_md);}
.sch_ip .form-control { height: var(--height_md); padding: 0.5rem 1.8rem;}
/*메인 maincont2*/
.visual_text { height: 100%; padding: 30% 2rem;}
/*메인 maincont3*/
.maincont3_bg img { width: 20rem;}
/*메인 maincont4*/
.maincont4 .src_box .src_tit { font-size: 2.8rem; margin-bottom: 1rem;}
/*연혁*/
.hist_pg .history_cont .fs_50 { font-size: 3rem;}
.hist_pg .history_cont .mt-4{ margin-top: 0.8rem !important;}
/*네트워크*/
.network_box { flex-direction: column;}
.network_box .map_wp { background-color: var(--gray-100); width: 100%; display: flex; justify-content: center; align-items: center; }
.network_box .map_wp .bg_gray_100 { max-width: 720px;}
.network_box .map_wp.overseasbox { padding-top: 10rem !important; padding-bottom: 9rem !important; }
/*카드공통*/
.prdcard_logo { height: 3rem;}
.prdcard_txt { padding: 2rem;}
.prdcard_cont p { padding-top: 1rem;}
.prd_card2 .prdcard_txt, .prd_card3 .prdcard_txt { padding: 2rem;}
.prd_card2 .prdcard_txt .btn { width: 3.8rem !important; height: 3.8rem !important;}
/*스마트마이닝*/
.smn_pg .btn-group .btn:first-child {
border-top-left-radius: 36rem;
border-bottom-left-radius: 36rem;
}
.smn_pg .btn-group .btn:last-child {
border-top-right-radius: 36rem;
border-bottom-right-radius: 36rem;
}
/*제품*/
.prd_pg_tab .nav_tab_line .nav-item { margin-right: 2rem; }
.prd_pg_tab .nav-link { font-size: 2.0rem; font-weight: 600; padding-bottom: 1rem;}
.prd_pg_tab .fs_32 { font-size: 2.6rem; white-space: normal;}
.prd_pg_tab .fs_18 { font-size: 1.6rem !important; margin-top: 0.5rem !important; white-space: normal;}
/*발파현장솔루션*/
.solution_pg .content_inner .deco_bgimg_wp img,
.hmsnt_pg .content_inner .deco_bgimg_wp img,
{ width: 70%; margin-right: 0; margin-top: 0;}
/*인증서*/
.certifi_pg .certifi_list { margin-top: 3rem;}
.certifi_pg .border .col-5, .certifi_pg .border .col-7 { flex: 0 0 100% !important; max-width: 100% !important;}
.certifi_pg .cer_hd { margin-top: 1.5rem;}
/*고객센터*/
.contactus_pg .tit_h3 { font-size: 2.6rem; white-space: normal;}
.contactus_pg .fs_18 { font-size: 1.6rem !important; margin-top: 0.5rem !important; white-space: normal;}
/*상단*/
.sub_pg_inner { padding-top: 0;}
.subpg_top { width: 100%; border-radius: 0;}
.breadcrumb, .breadcrumb_ul .btn { height: 52px !important;}
.breadcrumb_ul .go_home img { width: 5.2rem;}
.breadcrumb .container { border-radius: 0; padding-left: 0 !important; padding-right: 0 !important;}
.subpg_top .container { justify-content: center;}
.subpg_tit { text-align: center;}
.subpg_tit .tit_h1{ font-size: 3.2rem; margin-bottom: 2.2rem;}
.subpg_tit .tit_h8{ font-size: 1.4rem;}
.breadcrumb_ul .btn { min-width: fit-content; width: fit-content; font-size: 1.3rem; }
.dropdown-toggle::after { margin-left: 2rem; font-size: 1.5rem;}
.breadcrumb_ul .dropdown-menu { border-radius: 0 0 2.6rem 2.6rem; margin-top: 0;}
.breadcrumb_ul .dropdown-menu .dropdown-item { padding: 1.5rem; font-size: 1.3rem;}
/*이너공통*/
.comp_pg .content_inner .position-relative,
.comp_pg .content_inner .ind_hanwha,
.comp_pg .comp_vis .container .comp_vis_contwp,
.hist_pg .content_inner,
.news_pg .content_inner, .newsdt_pg .content_inner,
.solution_pg .content_inner,
.ref_pg .content_inner,
.contactus_pg .content_inner,
.certifi_pg .content_inner,
.key_box, .benefit_box,
.hmsnt_pg .content_inner .container > div > .position-relative,
.hmsnt_pg .content_inner .hmscont_contact,
.swupdate_pg .content_inner, .swupdatedt_pg .content_inner,
.resources_pg .content_inner, .resourcesdt_pg .content_inner,
.notice_pg .content_inner, .noticedt_pg .content_inner,
.distributor_pg .content_inner { padding-left:0rem !important; padding-right: 0rem !important;}
.hms_pg .content_inner .container,
.hmsnt_pg .content_inner .slut_cont .container,
.hmsnt_pg .content_inner .hmsnt_cont > .container { padding-left:2rem !important; padding-right: 2rem !important;}
.contactus_pg .content_inner { padding-top: 3rem;}
.network_pg .content_inner > .container { padding-left:2rem !important; padding-right: 2rem !important;}
.network_pg .sub_content { padding-left: 0rem; padding-right: 0rem;}
.network_tbl { padding: 2% 0;}
/*한화마이닝서비스*/
/*.hmsnt_pg .hmsmap_box .marker::after,
.hmsnt_pg .hmsmap_box .marker::before {
font-size: 1.2rem;
}*/
/*오스테일리아*/
.hmsnt_pg .hmsmap_box .marker_bajool::after,
.hmsnt_pg .hmsmap_box .marker_brisbane::after{
opacity: 0;
visibility: hidden;
}
.hmsnt_pg .hmsmap_box .marker_bajool::before,
.hmsnt_pg .hmsmap_box .marker_brisbane::before {
right: 48px;
text-align: right;
opacity: 1;
visibility: visible;
}
/*인도네시아*/
}
/*반응형 max 992px lg*/
@media (max-width: 991.98px) {
/*메인*/
.idx_pg {padding-top: var(--hd_height_m) ; min-height:100vh;}
/*서브*/
.sub_pg {padding-top: var(--hd_height_m);min-height:100vh;}
.modal .modal-header{ padding: 2.5rem 3rem 1.5rem 3rem;}
.modal .modal-sm .modal-header{ padding: 3rem 3rem 1.5rem 3rem;}
.modal .modal-sm .modal-body { padding: 0 3rem 3rem;}
.modal .modal-header .modal-title { font-size: 2.0rem;}
.modal .modal-content { border-radius: 3.0rem;}
.modal .modal-body { padding:3rem;}
/*전체사이즈*/
.modal.modal_full{overflow-y: auto;}
.modal.modal_full .modal-title button{border:0;background:transparent;width:4.8rem;}
.modal.modal_full .modal-content {border-radius: 0;max-height: 100vh;height: 100vh;}
.modal.modal_full .modal-dialog{margin:0 auto;}
.modal.modal_full .modal-title {
width: 100%;
background: #fff;
padding: 2.4rem 0.4rem 0.6rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.modal.modal_full .modal-body{border-bottom:0;}
.modal.modal_full .modal-footer{padding-top:1.4rem;padding-bottom:1.4rem;display: block;padding-left: 2rem;padding-right: 2rem;}
.modal.modal_full .modal-footer .form-row{margin-left: -5px;margin-right: -5px;}
.modal.modal_full .bg-black .modal-title{background:#000;}
/*하단 팝업*/
.modal_bottom.modal{padding-right:0 !important;overflow-y: hidden;}
.modal_bottom.modal.fade{}
.modal_bottom.modal.show .modal-dialog{padding-right:0 !important;transform: translate(-50%, 0);}
.modal_bottom.modal .modal-dialog {transform: translate(0, 5rem);position: fixed;
bottom: 0;
width: 100%;
max-width:100%;
transform: translate(-50%, 5rem);
left: 50%;
}
.modal_bottom.modal .modal-title button{border:0;background:transparent;width:3.2rem;position:absolute;right:2.0rem;top:1.6rem;}
.modal_bottom.modal .modal-dialog{justify-content: flex-end;margin: 0 auto;min-height: 100%;}
.modal_bottom.modal .modal-content{border-radius: 2.0rem 2.0rem 0 0;margin-top: 3.0rem;}
.modal_bottom.modal .modal-body{border-bottom:0;padding: 2rem 0 5.6rem;}
.modal-backdrop {left: 50%; width: 100%;transform: translateX(-50%);}
/*rounded*/
.rounded-lg {border-radius: 3.8rem !important;}
.rounded-md {border-radius: 3rem !important;}
.pagination a { width: 4.0rem; height: 4.0rem;}
/*헤더*/
.hd_pc .logo img { width: 16rem;}
.hd_pc, .logo, .hd_pc .hd_rig {
height: var(--hd_height_m);
}
/*sitemap*/
.sitemap_pg .sitemap_wp { padding-top: 1rem;}
.sitemap_pg .sitemap_wp .menu_tit { font-size: 2.2rem;}
.sitemap_pg .sitemap_wp .nav_ul2 { margin-top: 1rem;}
.sitemap_pg .sitemap_wp .nav_ul2 a { font-size: 1.6rem;}
/*전체공통*/
.tit_h1 { font-size: 3.2rem;}
.sch_ip { margin: 1.5rem 0;}
.deco_tit_p2 { width: 100%;}
/*전제메뉴 헤더*/
.menu_tit { font-size: 2.0rem;}
/*전체공통-다운로드*/
.filedown {}
.filedown li { padding: 0.8rem 0;}
.filedown a { font-size: 1.5rem;}
.filedown a img { width: 24px; height: 24px;}
.filedown_in .container { padding: 0 !important;}
/*인증서게시판 다운로드*/
.certifi_pg .filedown a img { width: 20px; height: 20px;}
/*서브 콘텐트*/
.content_inner { padding-top: 5rem;}
/*푸터*/
.ft_top > .d-flex{ flex-direction: column; }
.ft_logo { width: 100%; display: flex; align-items: center; justify-content: start; margin-bottom: 4rem;}
.ft_btn_gp { width: 100%; display: flex; align-items: center; justify-content: start;}
.ft_btm_box { width: 100%; display: flex; align-items: start; justify-content: start;}
.ft .ft_btm_t { margin-right: 1.1rem;}
.ft .fnb { width: 100%; align-items: start; justify-content: start;}
.ft_btn_gp > a { margin-right: 1.1rem;}
.ft .fnb a, .ft .text_copy { text-align: left; line-height: 1.3;}
.ft .ft_btm_t, .ft .ft_btm_b .dropdown-toggle, .ft .ft_btm_b .dropdown-menu { width: 26rem;}
/*로그인,회원가입*/
.login_pg{padding-top:9.0rem;padding-bottom:3.5rem;}
.sign_pg{padding-top:4.5rem;padding-bottom:3.5rem;}
.sign_pg .tit_h2 { font-size: 2.0rem;}
.sign_wr{max-width:100%;}
.sign_box{border:0;padding:0;border-radius:0;}
/*메인*/
/*공통*/
.maincont_title { text-align: center;}
.main_subcont, .visual_text p { font-size: 3.8rem;}
.main_subcont.en, .visual_text p.en { white-space: normal;}
.com_btn { width: 5.2rem !important; height: 5.2rem !important;}
/*메인 maincont1*/
/*메인 maincont3*/
.maincont3 .maincont_title { text-align: left; padding-left: 2rem; padding-right: 2rem; width: 100%; }
.mainproduct_swiper { padding-top: 5%; padding-bottom: 2%;}
.mainproduct_slide { padding: 0rem 2rem;}
.mainproduct_cardcont .tit { font-size: 2.5rem; width: 90%;}
.mainproduct_cardcont { padding: 3.3rem 3.3rem 2.8rem 3.3rem;}
.mainproduct_cardcont .sub_cont { font-size: 1.4rem;}
.swiper-slide svg { width: 45px; height: 45px;}
.mainproduct_swiper_btn { display: none;}
.mainproduct_swiper .swiper-pagination { top: unset; bottom: -2.5rem; display: block;}
.mainproduct_swiper .swiper-button-next, .mainproduct_swiper .swiper-button-prev { width: 40px !important;}
.mainproduct_swiper .swiper-button-next { right: 20px;}
.mainproduct_swiper .swiper-button-prev { right: 70px;}
/*메인 maincont4*/
.maincont4 .maincont_title { text-align: left;}
.maincont4 .swiper .swiper-pagination { top: unset; bottom: 1rem;}
.maincont4 .swiper { width: 100%; padding: 0 2rem;}
.maincont4 .src_box .srctxt_box { padding: 4.0rem;}
.maincont4 .src_box .src_tit { font-size: 3.8rem;}
.maincont4 .src_box .src_cont { font-size: 1.8rem;}
/*메인 maincont5*/
.maincont5 .btngp_wp .row { width: 80%;}
/*회사소개*/
.comp_pg .comp_vis { padding: 15% 0;}
.comp_pg .comp_vis_contwp { width: 100%;}
.comp_vis_contwp .tit_h2, .comp_vis_contwp .comp_vis_cont { white-space: normal;}
/*연혁*/
.hist_pg .hiscont{ margin-top: 4rem;}
.hist_pg .list-group { display: flex; align-items: center; top: 5.6rem; padding: 1rem 0 0; width: calc(100% + 2rem); margin: 0 -2rem;}
.hist_pg .list-group .d-flex { width: 100%; flex-direction: row !important; justify-content: start; overflow-x: scroll;}
.hist_pg .list-group .d-flex::-webkit-scrollbar {
width: 0.6rem;
height: 0.6rem;
}
.hist_pg .history_cont { padding: 2rem 0 5rem 0;}
.hist_pg .list-group .d-flex::-webkit-scrollbar-thumb {
background-color: transparent;
border-radius: 100px;
}
.hist_pg .list-item { padding-bottom: 2rem;}
.hist_pg .list-group-item { width: fit-content; margin: 0; font-size: 2.2rem;}
/*네트워크*/
.network_tbl { padding: 0;}
.network_tbl .p_20 { padding: 1.5rem 1.5rem 1.1rem 1.5rem;}
.nav_tab_line .nav-link { font-size: 1.8rem; padding: 0 0 0.3rem 0;}
.prd_pg_tab .nav_tab_line .nav-item { margin-right: 1.3rem;}
/*스마트마이닝*/
.hats_intro { height: 63rem;}
.hats_intro .hatsintro_tit .fs_70 { font-size: 4.5rem;}
.hats_ss { padding: 3.5rem 2rem;}
.smn_tit { margin-bottom: 6rem;}
.smn_tit .tit_h4 { margin: 3rem 0; white-space: normarl !important; word-break: keep-all; line-height: 1.3;}
.smn_tit .fs_16 { white-space: normal; word-break: keep-all;}
.smn_tit img { height: 48px;}
.smn_box { margin-bottom: 4rem;}
.smn_box .fs_22 { font-size: 1.8rem;}
.key_cont { margin-top: 2.5rem; padding: 0 2rem;}
.benefit_cont { margin-top: 2.5rem;}
.key_box, .benefit_box { padding: 9% 0;}
.benefit_cont .tit_h5 { font-size: 1.8rem; margin-bottom: 1.5rem;}
.benefit_cont .col .border { padding: 3rem;}
.smn_box_tit img { width: 36px;}
.smn_pg .hats_content .smn_i { width: 27rem; top: -6%; right: 0%;}
/*카드공통*/
.prd_card3 .prdcard_txt { padding: 1rem 1.5rem 1.5rem;}
/*발파현장솔루션*/
.solution_pg .content_inner .deco_bgimg_wp,
.hmsnt_pg .content_inner .deco_bgimg_wp{ position: absolute; z-index: 1; right: 0; top: 0rem; text-align: right;}
.solution_pg .content_inner .deco_bgimg_wp img { width: 100%;}
.hmsnt_pg .content_inner .deco_bgimg_wp img { width: 70%;}
/*제품*/
.prd_iconwp { align-items: start;}
.prd_pg .prd_iconwp .prd_iconbox { width: 50%; flex-direction: column; text-align: center;}
.prd_pg .prd_iconwp > .d-flex { width: 100%; display: flex; justify-content: space-between;}
.prd_pg .prd_iconwp .prd_iconbox:last-child { padding-right: 0;}
.prd_iconbox img { margin-right: 0;}
.prd_pg_tab .prd_dn { top: 5.6rem; padding-top: 0.8rem;}
.prd_pg .prd_txt { text-align: center; border-radius: 3rem;}
.prd_pg .prd_txt .row { padding: 10% 2.5rem;}
.prd_pg .prd_txt .fs_16{ font-size: 1.4rem;}
.prd_pg .prd_txt .fs_25 { font-size: 2rem;}
.prd_pg_tab .fs_32 { font-size: 2.4rem; white-space: normal;}
.prd_pg_tab .fs_18 { font-size: 1.6rem; white-space: normal; margin-top: 0.5rem !important;}
.iqr_fr{ padding-top: 3rem !important;}
/*고객센터*/
.contactus_pg .tit_h3 { font-size: 2.4rem; white-space: normal;}
.contactus_pg .fs_18 { font-size: 1.6rem; white-space: normal; margin-top: 0.5rem !important;}
/*한화마이닝서비스*/
.hmsnt_pg .hmscont_contact { padding-top: 5rem;}
.hmsnt_pg .hmscont_contact .border .hmscontact_hd { padding: 2rem;}
.hmsnt_pg .hmscont_contact .border .hmscontact_bd { padding: 2rem;}
.hmsnt_pg .hmscont_contact img{ width: 26px;}
.hms_pg .hms_txt { text-align: center; border-radius: 3rem; background-position:left}
.hms_pg .hms_txt .row { padding: 10% 2rem;}
.hmsnt_pg .slut_cont { margin-top: 6%; padding: 7rem 0;}
.hms_pg .content_inner .deco_bgimg_wp img { margin-top: -50%;}
/*오스트레일리아*/
/*게시판디자인*/
/*공지사항*/
.back_btn { width: 3.6rem !important; height: 3.6rem !important;}
.board_detail_tit { font-size: 2.2rem; margin: 1.5rem 0;}
.swupdate_list .border-bottom.p-lg-5.p-4,
.swupdate_list .border-bottom.p-lg-5.p-3 { padding: 1.5rem !important;}
}
/*반응형 max 767px md*/
@media (max-width: 767.98px) {
p { white-space: normal;}
.tit_h2 { font-size: 2.8rem;}
.fs_24 { font-size: 2.0rem;}
.pc_only { display: none;}
.mo_only { display: block;}
/*공통*/
.content_inner { padding-top: 3rem;}
/*전체메뉴*/
/*서브상단*/
.breadcrumb_ul .dropdown { width: 50%;}
.breadcrumb_ul .dropdown:last-child .dropdown-menu.show{ transform: translate3d(0px, 52px, 0px) !important;}
.breadcrumb_ul .btn { width: 100%; text-wrap: wrap; text-align: left;}
/*푸터*/
.ft .ft_logo img { width: 21rem}
.ft .ft_btm_t, .ft .ft_btm .ft_btm_b { width: 50%;}
.ft .ft_btm_b .dropdown-toggle, .ft .ft_btm_b .dropdown-menu { width: 100%;}
.hd_m {display:flex;}
.bt_menu {display:block;}
.ft {
padding: 4rem 0;
max-width: 767px;
margin: 0 auto;
}
.m_menu_wr{max-width:100%;transition: none;}
.menu_on .m_menu_wr{max-width:100%;transition: none;justify-content: center;}
.m_nav{transition: none;}
.menu_on .m_nav{max-width:767px;}
.menu_bg{display:none;}
.bt_menu ul{padding:0 2.5rem;}
/*메인*/
/*sitemap*/
.sitemap_pg .sitemap_wp .menu_tit { font-size: 2.0rem;}
.sitemap_pg .sitemap_wp .nav_ul2 { flex-direction: column; align-items: start;}
/*공통*/
.maincont_wrap { padding: 15% 0 0;}
.maincont_wrap.maincont4 { padding: 20% 0 0;}
.main_subcont, .visual_text p {
font-size: 3.2rem;
}
/*카드공통*/
.prd_card2 .prdcard_txt, .prd_card3 .prdcard_txt { padding: 3rem 2.5rem}
/*메인 maincont1*/
.visual_slide .sw_pgn_wp { bottom: 8%; left: 10%;}
.visual_slide .swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
}
/*메인 maincont2*/
.visual_text_txt_wrap img { width: 8rem;}
.visual_text { height: 100%; font-size: 3.2rem; padding: 40% 2rem;}
.visual_text p { margin-top: 0.5rem;}
/*메인 maincont3*/
.mainproduct_cardcont .tit { font-size: 2.3rem;}
.maincont3_bg { right: 4%;}
/*메인 maincont4*/
.maincont4 .swiper { padding: 0 2rem; margin-top: 5%;}
.maincont4 .src_box .src_tit { margin-bottom: 1rem; font-size: 3.4rem;}
/*메인 maincont5*/
.maincont5 .btngp_wp .btn { height: 4.8rem; min-width: auto; padding: 0.5rem 2.0rem;}
.maincont5 .btngp_wp .row { width: 100% !important;}
/*회사소개*/
.comp_pg .content_inner .deco_bgimg_wp{ display: none;}
/*발파현장솔루션*/
.slut_cont .tit_h2 { font-size: 2.6rem;}
.dot_point::before { width: 6px; height: 6px; right: -10px;}
/*한화마이닝서비스*/
/*.trp_wp .smn_box_tit, .trp_wp .fs_18.fc_gray_400 { text-align: center;}
.module_wp { flex-direction: column; margin: 2% 0;}
.module_wp .col { text-align: center; margin: 2% 0;}
.module_wp img { width: 180px;}*/
.hms_pg .content_inner .deco_bgimg_wp { display: none;}
}
@media (max-width:760px) {
/*공통*/
.deco_tit_p2 { width: 100%;}
.filedown a { font-size: 1.4rem; font-weight: 400;}
/*네트워크*/
.network_box .map_wp { padding-bottom: 6rem;}
.network_box .map_wp.overseasbox { padding-bottom: 14rem !important;}
.network_box .map_wp .overseas_mapimg {
max-width: 131%;
margin-left: -18%;
}
/*스마트마이닝*/
.hats_intro { height: 65rem;}
.hats_ss { flex-direction: column; align-items: start; padding: 2rem;}
.hats_ss .d-flex { flex-direction: row !important; margin: 0.5rem 0;}
.hats_ss .d-flex img { width: 40px;}
.hats_ss .d-flex .fs_18.mt-4 { margin-left: 10px; text-align: left !important; margin-top: 0 !important; font-size: 1.5rem !important; white-space: normal;}
.smn_pg .hats_content .smn_i { width: 22rem; top: -2%; right: 0%;}
}
@media (max-width: 680.98px) {
/*카드공통*/
.prd_card2 .prdcard_txt, .prd_card3 .prdcard_txt { padding: 2rem}
}
@media (max-width: 620.98px) {
/*네크워크*/
.network_box .marker .dropdown-toggle img { width: 3.2rem;}
}
/*반응형 max 576px sm*/
@media (max-width: 575.98px) {
.tit_h2 { font-size: 2.7rem;}
.tit_h3 { font-size: 2.6rem;}
/*rounded*/
.rounded-lg {
border-radius: 3.0rem !important;
}
.rounded-md {border-radius: 2.4rem !important;}
.rounded { border-radius: 2.5rem !important;}
.go_top2 {transform: translateX(0);}
/*푸터*/
.ft_btm_box { flex-direction: column;}
.ft .ft_btm_t { margin-right: 0;}
.ft .ft_btm_t, .ft .ft_btm .ft_btm_b, .ft .ft_btm_b .dropdown-toggle { width: 100%;}
/*sitemap*/
.sitemap_pg .sitemap_wp .deco_bgimg_wp { width: 70%;}
/*메인*/
.com_btn { width: 4.5rem !important; height: 4.5rem !important;}
/*공통*/
.main_subcont { font-size: 2.4rem; white-space: normal !important;}
.visual_text p{ font-size: 2.4rem !important; white-space: normal !important;}
/*메인 maincont3*/
/*메인 maincont4*/
.maincont4 .swiper { padding: 0 2rem;}
.maincont4 .src_box .srctxt_box { padding: 3rem;}
.maincont4 .src_box .srctxt_box .srctxt_tp_tit { font-size: 1.4rem;}
.maincont4 .src_box .src_tit { font-size: 2.8rem;}
.maincont4 .src_box .src_cont { font-size: 1.6rem;}
/*카드공통*/
.prdcard_logo { height: 2.6rem;}
/*스마트마이닝*/
.key_box { padding: 16% 0;}
.benefit_box { padding: 3% 0;}
/*제품*/
.agr_box { padding: 2rem;}
.btn.submit_btn{ width: 32rem;}
/*발파현장솔루션*/
.solution_pg .content_inner .deco_bgimg_wp,
.hmsnt_pg .content_inner .deco_bgimg_wp { display: none;}
/*한화마이닝서비스*/
.hmsnt_pg .hmsmap_box .marker { width: 3rem;}
/*오스테일리아*/
.hmsnt_pg .hmsmap_box .marker_bajool::before,
.hmsnt_pg .hmsmap_box .marker_brisbane::before {
right: 38px;
}
.hmsnt_pg .hmsmap_box .marker_bajool::after,
.hmsnt_pg .hmsmap_box .marker_brisbane::after {
opacity: 0;
}
.hmsnt_pg .hmsmap_box .marker_mclarty::after,
.hmsnt_pg .hmsmap_box .marker_kalgoorlie::after {
left: 38px;
}
/*인도네시아*/
.hmsnt_pg .hmsmap_box .marker_indonesia::after {
left: 38px;
}
/*칠레*/
.hmsnt_pg .hmsmap_box .marker_jakarta::after,
.hmsnt_pg .hmsmap_box .marker_iquique::after,
.hmsnt_pg .hmsmap_box .marker_los::after {
left: 38px;
}
/*미국*/
.hmsnt_pg .hmsmap_box .marker_houston::after {
left: 38px;
}
}
@media (max-width: 540px) {
/*메인 maincont3*/
/*메인 maincont4*/
.maincont4 .src_box .src_tit { font-size: 2.4rem;}
.maincont4 .src_box .src_cont { font-size: 1.5rem;}
}
@media (max-width:490px) {
/*서브상단*/
.breadcrumb_ul .btn { padding: 0rem 2rem;}
/*메인*/
/*공통*/
.visual_text p{ font-size: 2.8rem;}
.com_btn { width: 4.2rem !important; height: 4.2rem !important;}
/*메인 maincont3*/
.mainproduct_cardcont .tit { font-size: 2.1rem;}
/*메인 maincont4*/
.maincont4 .src_box .srctxt_box { padding: 3rem;}
}
@media (max-width:460px) {
/*서브공통*/
.content_inner { padding-top: 4rem;}
/*메인*/
/*메인 maincont2*/
.visual_text { padding: 55% 2rem;}
/*스마트마이닝*/
.smn_pg .hats_content .smn_i { width: 16rem; top: 0%; right: 0%;}
}
@media (max-width: 430.98px) {
.tit_h2 { font-size: 2.6rem;}
}
@media (max-width:420px) {
/*메인*/
/*메인 maincont3*/
.maincont3 .main_subcont { white-space: normal;}
}
@media (max-width:390px) {
/*메인*/
/*공통*/
.maincont_wrap { padding: 15% 0 9%; }
/*메인 maincont4*/
.maincont4 .src_box .srctxt_box { padding: 2.5rem;}
}
/*반응형 max 360px*/
@media (max-width: 360px) {
html { font-size:9.4px; }
/*.tit_h2 { white-space: normal;}*/
/*메인*/
/*메인 maincont2*/
.visual_text { padding: 60% 2rem;}
}
@media (max-width:340px) {
/*메인*/
/*메인 maincont2*/
.visual_text { padding: 70% 2rem;}
.hmsnt_pg .hmsmap_box .marker::after, .hmsnt_pg .hmsmap_box .marker::before { font-size: 1.2rem}
.hmsnt_pg .keep_all { word-break: keep-all !important}
}