/*========================= 공통으로 쓰는 스타일입니다. [각 컨텐츠 스타일은 sub_content.css 여기에 쓰세요]===================*/
.cnt_area{line-height: 1.5;}
#content{line-height: 1.5;font-size: 1.7rem;}
#content img {max-width: 100%; height: auto;}
#content span.next { display:block;}

 .mobile_img{ display:none}
 .bgno { background:none !important; padding-left:0; }
 .bgno::before{ display:none !important; }
 .c0 { margin-top:0; }
 .pc_none { display:none; }

 h4.tit:first-child { margin-top:0; }
 h4.tit {margin-top:7rem;font-size: 3.8rem;display:block;font-weight: 700; color:#000; line-height:normal;}
 h5.tit {margin-top:5rem;font-size: 2.8rem;display:block;color: #000; font-weight:600;line-height:normal;}
 h5.tit::before{content:'';display:block;width: 2.2rem;height: 0.4rem;background-color:#212F74;margin-bottom: 1.5rem; } 
 h6.tit {margin-top:4rem;font-size:2.4rem;display:block;color: #5b5b5b;font-weight:600;line-height:normal;}
 h4.c0, h5.c0, h6.c0 { margin-top:0; }

 p.subvis_tit {font-size: 3.2rem; font-weight: 700; line-height: 130%;}
 p.subvis_tit::before {content: ''; display: block; width: 2.2rem; height: 0.4rem; background-color: #ffffff; margin: 0 auto 1.5rem;}
 p.basic { margin-top:2rem; word-break: keep-all;}


/* 라인*/
.line_dot { border-bottom:1px dashed #d2d2d2; display: block; margin:5rem 0; width:100%;}
.line {border-bottom:1px solid #e7e9ed; display: block; margin:10rem 0; width:100%;}


/*강조*/
.gr { color:#12936a;}/*초록*/
.rd { color:#ce4019;}/*빨강*/
.bl { color:#156c96;}/*파랑*/
.pen{ background: linear-gradient(to top, #ffe16c 50%, transparent 50%);}/*형광펜느낌*/
.underline{text-decoration: underline;} /*언더라인*/
.bg_gray{background-color: #f7f7f9;padding: 1rem 1.5rem;box-sizing: border-box;border-radius: 0.5rem;}/*주로 p태그에 사용 배경 회색박스*/
.bold{font-weight: bold;}


/*ul*/
ul.basic { margin-top:20px;}
ul.basic li{position:relative;letter-spacing:-.2px;line-height: 1.8;text-align:left;padding-left: 1rem;box-sizing:border-box;}
ul.basic li::before{position:absolute;top: 13px;left:0;content:'';display:block;width:4px;height:4px;border-radius:100%;background: #7d7d7d;}
ul.basic ul {margin:0.5rem 0;}
ul.basic ul li::before{top:13px;width:5px;height:2px;background:#9d9d9d;}
ul.ul_po > li, ul.ul_br > li{padding-left: 22px;}
ul.ul_po > li::before{background:url("/layout/images/www/common/w_bl.png") no-repeat 0px 0px;width: 15px;height: 13px;border-radius: 0;top: 8px;}
ul.ul_br > li::before{background: url("/layout/images/www/common/br_bl.png") no-repeat 0px 0px;width: 15px;height: 13px;border-radius: 0;top: 8px;}
ul.basic ol.basic li{ padding-left: 0;}
ul.basic ol.basic li::before{position: static;background: #fff;}
ul.basic li:last-child{margin-bottom:0;}
ul.basic ul li, ol.basic ul li{line-height:1.5}

p.basic + ul.basic{margin-top:1rem;}

/*ul 2줄*/
ul.basic.col2{display:flex;flex-wrap: wrap;gap: 0 1rem;}
ul.basic.col2 > li{width: 49%;}

p.basic + ul.basic{margin-top:1rem;}

/*ol*/
ol.basic { margin-top:20px; list-style: none; counter-reset: counter;}
ol.basic > li {counter-increment: counter;margin: 1rem 0;padding-left: 3.2rem;position: relative;}
ol.basic > li:before{content: counter(counter);display: inline-flex;border-radius: 19%;border: 1px solid #c5c5c5;width: 2.5rem;height: 2.5rem;text-align: center;vertical-align: middle;margin: 0 0.5rem 0 0;text-indent: -1px;line-height: 1.5em;font-size: 1.5rem;background-color:#fff;justify-content: center;align-items: center;position: absolute;left: 0px;}
ol.basic > li > ul {margin: 0.5rem 0;color: #656565;font-size: 1.6rem;}
ol.basic > li > ul.bg_gray{background-color:#f7f7f9;padding: 10px 15px;border-radius: 10px;}
ol.basic > li > ul li{position:relative;padding-left: 10px;}
ol.basic > li > ul li::before{position:absolute;top:10px;left:0;content:'';display:block;width: 5px;height: 2px;background: #9d9d9d;}
ol.ol_br > li:before {background-color: #244ea1;border: 1px solid #244ea1;color:#fff;} 
ol.ol_ye > li:before { background-color:#ffe16c; border:1px solid #ffe16c; } 
ol.basic > li ol.basic{margin: 10px 0 6px 0;}
ol.basic > li ol.basic > li{border-top: 1px dashed #d1d1d1;border-bottom: 0;padding: 7px 0 0 8px;}
ol.basic > li ol.basic.bg_gray > li:first-child{border-top: 0;padding-top: 0px;}
ol.basic > li ol.basic > li:first-child{padding-top: 10px;}
ol.basic > li ol.basic > li:last-child{border-bottom:0;}
ol.basic > li ol.basic > li:before{background: #8f8f8f;color: #fff;border: 0;border-radius: 50px;width: 22px;height: 22px;font-size: 15px;line-height: 22px;margin: 0px 5px;}


/*ol ul 공통*/
.basic > li > ul > li > ul{border-radius:0.5rem;margin: 0.2rem 0;color: #656565;}
.basic > li > ul > li > ul > li::before{transform: rotate(45deg);width: 0.6rem;top: 10px;}
.basic > li > ul > li > ul > li::after{transform: rotate(135deg);position:absolute;top: 13px;left:0;content:'';display:block;width: 0.6rem;height: 0.2rem;background: #9d9d9d;}


/*테이블*/
table.basic{width:100%;margin:3rem 0;border:0;border-collapse:collapse;border-top:2px solid #2b405b;border-bottom:1px solid #ccc;background:#fff;}
table.basic > * > tr{border-right:1px hidden transparent;}
table.basic > * > tr > th, table.basic > * > tr > td{padding:9px 10px;border:1px solid #ccc;border-width:1px 1px 0 0;color: #323232;min-height:50px;box-sizing:border-box; text-align: center;}
table.basic > * > tr > th{font-weight:600;}
table.basic > thead > tr > th {padding:16px 10px; border-width:0 1px 1px 0;border-color:#ccc;border-bottom-color:#2b405b;background:#f8f8f8;font-weight:600;color:#222;}
table.basic > tbody > tr:first-child>th,
table.basic > tbody > tr:first-child>td{border-top-width:0;}
table.basic > tbody > tr > th {padding:16px 10px; border-width:0 1px 1px 0;border-color:#ccc;background:#f8f8f8;font-weight:600;color:#222;}
table.basic td.th {background:#f8f8f8;}

table.basic ul { margin-top:0;}
table.basic ol.basic { margin-top:0px;}
table.basic ol.basic > li { border-bottom:0px; padding-bottom:0px; }
table.basic ol.basic > li:before{ border-radius: 50%; border: 1px solid #c5c5c5; width: 22px; height: 22px; line-height: 22px; font-size:13px; text-indent:1px; }

table.basic .btn_dw {border:1px solid #fff;box-shadow: none;padding: 8px 15px 8px 10px;}
table.basic .btn_dw.new3{border:0;}
table.basic .word_keep td{word-break:keep-all;}

.tb_info {text-align: right;} /*테이블 데이터 단위 우측상단 공통*/
.tb_info + table.basic{margin-top:10px;}

.tl_b{border-left: 2px solid #244ea1 !important;}
.tr_b{border-right: 2px solid #244ea1 !important;}
.tt_b{border-top: 2px solid #244ea1 !important;}
.tb_b{border-bottom: 2px solid #244ea1 !important;}



/*박스*/
.c_box {background-color: #FAFAFA;margin-top:3rem;padding: 3rem;border-radius: 1rem;}
.c_box > p.basic:first-child, .c_box > ul.basic:first-child, .c_box > ol.basic:first-child, .c_box > h4:first-child, .c_box > h5:first-child, .c_box > h6:first-child {margin-top:0px;}
.c_box > p.basic { margin-top:10px; }
.c_box2 {background-color: #fff;margin-top:3rem;padding:3rem;border: 2px solid #e7e9ed;border-radius: 1rem;}
.c_box2 > p.basic:first-child, .c_box2 > ul.basic:first-child, .c_box2 > ol.basic:first-child, .c_box2 > h4:first-child, .c_box2 > h5:first-child, .c_box2 > h6:first-child {margin-top:0px;}
.c_box2 > p.basic { margin-top:10px; }
.c_box2 > .c_box { padding:10px; border:0px; margin-top:10px;}
.c_box2 > .c_box:first-child { margin-top:0px;}
.c_box3 {margin-top:3rem;border:1px solid #333;border-radius: 1rem;padding: 3rem;}
.c_box3 > p.basic:first-child, .c_box3 > ul.basic:first-child, .c_box3 > ol.basic:first-child, .c_box3 > h4:first-child, .c_box3 > h5:first-child, .c_box3 > h6:first-child { margin-top:0px; }
.c_box > h4 , .c_box > h5, .c_box2 > h4 , .c_box2 > h5, .c_box3 > h4 , .c_box3 > h5 {margin:25px 0 0 0;}
.c_box3 > p.basic {margin-top:10px;}



/*아이콘박스*/
.iconbox {width:100%;box-sizing: border-box;display: flex;align-items: flex-start;gap: 0 4rem;}
.iconbox .icon{width: 15rem;height: 15rem;display: inline-flex;justify-content: center;align-items: center;background: #f6f6f6;border-radius: 50%;}
.iconbox .icon::before{content:'';display:block;background: url("/layout/images/www/common/sp_content.png") no-repeat -2px -94px;width: 85px;height: 85px;}
.iconbox .icon.icon1::before{background-position:-2px -94px;}
.iconbox .icon.icon2::before{background-position: -122px -94px;}
.iconbox .icon.icon3::before{background-position: -247px -94px;}
.iconbox .icon.icon4::before{background-position: -372px -94px;}
.iconbox .icon.icon5::before{background-position: -494px -94px;}
.iconbox .icon.icon6::before{background-position: -615px -92px;}
.iconbox .icon.icon7::before{background-position: 5px -202px;}
.iconbox .icon.icon8::before{background-position: -121px  -205px;}
.iconbox .icon.icon9::before{background-position: -244px -205px;}
.iconbox .icon.icon10::before{background-position: -366px -205px;}
.iconbox .icon.icon11::before{background-position: -494px -205px;}
.iconbox .icon.icon12::before{background-position: -615px -205px;}
.iconbox .info {width: calc(100% - 200px);}
.iconbox .info h4:first-child, .iconbox .info h5:first-child, .iconbox .info h6:first-child { margin-top:0px; }
.c_box:first-child, .c_box2:first-child, .c_box3:first-child { margin-top:0px; }
.iconbox.c_box .icon{background: #fff;}

/*p*/
p.basic { margin-top:20px;}


/*당구장 basic*/
span[class^=star_]{background: url("/layout/images/www/common/sp_content.png") no-repeat;display: block;width: 18px;height: 18px;float:left;margin:4px 4px 0 0;}
span.star_a {background-position: -152px -12px;}
span.star_b {background-position: -181px -12px;}
span.star_c {background-position: -211px -12px;}
span.star_d {background-position: -244px -13px;width: 2.2rem;}


/*버튼박스*/
.btn_box{display: flex;margin-top: 2.5rem;gap: 12px;flex-wrap: wrap;}
.btn_box .btn{display: flex;text-align: center;transition: all 0.5s ease 0s;padding: 1rem 2rem;font-weight: 500;gap: 1rem;border: 1px solid #d9d9d9;border-radius: 5rem;color: #1a1a1a; justify-content: space-between;min-width: 20rem;}
.btn_box .btn.down::after, .btn_box .btn.link::after, .btn_box .btn.newwin::after{content:'';display:inline-flex;background: url(/layout/images/www/common/sp_content.png) 0px 0px;width: 2rem;height: 2rem;}
.btn_box .btn.down::after{background-position: -45px -11px;width: 2rem;height: 2rem;}
.btn_box .btn.link::after{background-position: -82px -11px;width: 2rem;height: 2rem;}
.btn_box .btn.newwin::after{background-position: -10px -11px; width: 2rem;height: 2rem;}
.btn_box .btn.black{background-color:#212F74;color:#fff;border-color: #212f74;}
.btn_box .btn.black::after{filter: contrast(0) brightness(10);}

.btn_box .btn:hover { background-color:#212f74; border:1px solid #212f74; color: #fff; }
.btn_box .btn:hover::after{filter: contrast(0) brightness(10);}
.btn_box .btn.black:hover { background-color:#fff; border:1px solid #212f74; color: #212f74; }
.btn_box .btn.black:hover::after{filter: contrast(2) brightness(10);}


.btn_box.align_center{justify-content:center;}
.btn_box.align_right{justify-content: flex-end;}

/*btn_p 기본버튼*/
.btn_box a.p1 {border: 1px solid #244ea1;background: #244ea1;color: #fff;}
.btn_box a.p1:hover { background-color:#fff; border:1px solid #244ea1; color:#244ea1;}
.btn_box a.p2 { background-color:#22b6e5; border:1px solid #22b6e5;color: #fff; }
.btn_box a.p2:hover { background-color:#fff; border:1px solid #22b6e5; color:#22b6e5;}

.btn_box a.p3 { background-color:#fff; border:1px solid #244ea1; color:#244ea1; }
.btn_box a.p3:hover { background-color:#244ea1; border:1px solid #244ea1; color: #fff; }

.btn_box a.p4 { background-color:#fff; border:1px solid #333; color:#333; }
.btn_box a.p4:hover { background-color:#333; border:1px solid #333; color: #fff; }

.btn_box a.p5 { background-color:#333; border:1px solid #333; color:#fff; }
.btn_box a.p5:hover { background-color:#fff; border:1px solid #333; color:#333;  }


/*다운로드 버튼*/
.btn_box .btn[class*=dw_]{border-color: #d9d9d9;}
.btn_box .btn[class*=dw_]::before{content:'';display: flex;width: 2.5rem;height: 2.5rem;background:url(/layout/images/www/common/sp_content.png) no-repeat;vertical-align:middle;flex-shrink: 0;}
.btn_box .btn[class*=dw_]:hover{color:#fff;}

.btn_box .btn.dw_hwp::before{background-position: -10px -43px;}
.btn_box .btn.dw_pdf::before{background-position: -78px -43px;}
.btn_box .btn.dw_xls::before{background-position: -112px -43px;}
.btn_box .btn.dw_ppt::before{background-position: -146px -43px;}
.btn_box .btn.dw_doc::before{background-position: -214px -43px;}
.btn_box .btn.dw_zip::before{background-position: -180px -43px;}

.btn_box .btn.dw_img::before{background-position: -44px -43px;}
.btn_box .btn.dw_link::before{background-position: -248px -43px;}
.btn_box .btn.dw_mail::before{background-position: -248px -43px;}
.btn_box .btn.dw_link::before{background-position: -248px -43px;}

.btn_box .btn.dw_hwp:hover{color:#fff;background:#1e72be; border:1px solid #1e72be}
.btn_box .btn.dw_pdf:hover{color:#fff;background:#cd4747; border:1px solid #c35050}
.btn_box .btn.dw_xls:hover{color:#fff;background:#09813d; border:1px solid #09813d}
.btn_box .btn.dw_ppt:hover{color:#fff;background:#c43e1c; border:1px solid #c43e1c}
.btn_box .btn.dw_doc:hover{color:#fff;background:#175abd; border:1px solid #175abd}
.btn_box .btn.dw_zip:hover{color:#fff;background:#e46a21; border:1px solid #e46a21}
.btn_box .btn.dw_img:hover{color:#fff;background:#2e9ea1; border:1px solid #2e9ea1}
.btn_box .btn.dw_link:hover{color:#fff;background:#244ea1; border:1px solid #244ea1}

/*in 버튼*/
 .btn_in {margin: 0 0.4rem;padding: 0.4rem 1rem;display: inline-flex;border:1px solid #c3c3c3;border-radius: 5rem;transition: all 0.5s ease 0s;vertical-align: middle;align-items: center;}
 .btn_in::before{content:'';display:inline-flex;width: 1.8rem;height: 1.8rem;background: url(/layout/images/www/common/sp_content.png)-453px -12px no-repeat;vertical-align:middle;margin-right: 0.4rem;flex-shrink: 0;}
 .btn_in.new1 {color: #333;border:none;margin: 0;padding:0 0.5rem;word-break: break-all;border-radius: 0;}
 .btn_in[class*=dw_]::before{content:'';display:inline-flex;width: 2.5rem;height: 2.5rem;background:url(/layout/images/www/common/sp_content.png) no-repeat;vertical-align:middle;}
 .btn_in.dw_hwp::before{background-position: -10px -43px;}
 .btn_in.dw_pdf::before{background-position: -78px -43px;}
 .btn_in.dw_xls::before{background-position: -112px -43px;}
 .btn_in.dw_ppt::before{background-position: -146px -43px;}
 .btn_in.dw_doc::before{background-position: -214px -43px;}
 .btn_in.dw_zip::before{background-position: -180px -43px;}
 .btn_in.dw_img::before{background-position: -44px -43px;}
 .btn_in.dw_link::before{background-position: -248px -43px;}

/*좌우 이미지-텍스트 
----------------------------------------*/
.img_txt {width:100%;margin-top:4rem;display: flex;flex-wrap: wrap;gap: 2rem 3%;justify-content: space-between;}

/*50%,50%*/
.img_txt .l50 {width: 48%;}
.img_txt .r50 {width: 48%;}

/*30%,30%*/
 .img_txt .l30 {width: 31.33%;}
 .img_txt .c30 {width: 31.33%;}
 .img_txt .r30 {width: 31.33%;}

/*40%,60%*/
.img_txt .l40 { width:40%;  }
.img_txt .r60 {width: 57%;}

/*60%,40%*/
.img_txt .l60 {width: 58%;}
.img_txt .r40 { width:38%;}

/*30%,70%*/
.img_txt .r70{width: 65.66%;}

/*70%,30%*/
.img_txt .l70{width: 65.66%;}

.img_txt h4:first-child, .img_txt h5:first-child, .img_txt h6:first-child   { margin-top:0px; }

/*20%,80%*/
.img_txt .l20 {width: 20%;}
.img_txt .r80 {width: 78%;}

/*20%,80%*/
.img_txt .l20 {width: 19%;}
.img_txt .r80 {width: 78%;}

/*80%,20%*/
.img_txt .l80 {width: 78%;}
.img_txt .r20 {width: 19%;}

/*20%,80%*/
.img_txt .l25 {width: 24%;}
.img_txt .r75 {width: 73%;}

/*img_txt 일때 이미지하단에 이미지 설명*/
.img_txt > div { position:relative;}
.img_txt > div > .photo_name1 {display:block;width:100%;background:rgba(0,0,0,.6);text-align:center;position:absolute;bottom:0px;height:45px;line-height:45px;color:#fff;}
.img_txt img{height: -webkit-fill-available;}




/*이미지정렬*/
ul.img_col2 {margin:35px 0 0px;width: 100%;display: flex;gap: 2rem 2%;flex-wrap: wrap;} /* 이미지 2개*/
ul.img_col2 li {text-align: center;width: 49%;border-radius: 10px;overflow: hidden;}
ul.img_col2 li img { width:100%; height:auto; border-radius:1rem;}

ul.img_col3 {margin:35px 0 0px;width: 100%;display: flex;gap: 2rem 2%;flex-wrap: wrap;} /* 이미지 3개*/
ul.img_col3 li {text-align: center;width: 32%;border-radius: 10px;overflow: hidden;}
ul.img_col3 li img { width:100%; height:auto;border-radius:1rem;}

ul.img_col4 {margin:35px 0 0px;width: 100%;display: flex;gap: 2rem 2%;flex-wrap: wrap;} /* 이미지 4개*/
ul.img_col4 li {text-align: center;width: 23.5%;border-radius: 10px;overflow: hidden;}
ul.img_col4 li img { width:100%; height:auto;border-radius:1rem;}

ul.img_col5 {margin:35px 0 0px;width: 100%;display: flex;gap: 2rem 2%;flex-wrap: wrap;} /* 이미지 5개*/
ul.img_col5 li {text-align: center;width: 18.4%;border-radius: 10px;overflow: hidden;}
ul.img_col5 li img { width:100%; height:auto;  border-radius:1rem;}

ul.img_col6 {margin:35px 0 0px;width: 100%;display: flex;gap: 2rem 2%;flex-wrap: wrap;} /* 이미지 6개*/
ul.img_col6 li {text-align: center;width: 15%;border-radius: 10px;overflow: hidden;}
ul.img_col6 li img { width:100%; height:auto;border-radius:1rem;}



/*이미지하단에 이미지제목이 있을경우*/
ul[class^=img_col] li {position:relative;height: fit-content;}
ul[class^=img_col] li span.photo_name1 {display:block;width:100%;background:rgba(0,0,0,.5);text-align:center;position:absolute;bottom: 0;height: 4rem;line-height: 4rem;color:#fff;}
ul[class^=img_col].align_center{justify-content: center;}


/*폰트사이즈*/
.siz12 { font-size:12px;}
.siz13 { font-size:13px;}
.siz14 { font-size:14px;}
.siz15 { font-size:15px;}
.siz16 { font-size:16px;}
.siz17 { font-size:17px;}
.siz18 { font-size:18px;}
.siz19 { font-size:19px;}
.siz20 { font-size:20px;}
.siz21 { font-size:21px;}
.siz22 { font-size:22px;}
.siz23 { font-size:23px;}
.siz24 { font-size:24px;}
.siz25 { font-size:25px;}
.siz26 { font-size:26px;}
.siz27 { font-size:27px;}
.siz28 { font-size:28px;}
.siz29 { font-size:29px;}
.siz30 { font-size:30px;}
.siz31 { font-size:31px;}
.siz32 { font-size:32px;}
.siz33 { font-size:33px;}
.siz34 { font-size:34px;}
.siz35 { font-size:35px;}


/*빅폰트*/
#content.big_font, #content.big_font a { font-size:19px !important;}
.big_font h3 { font-size:32px !important; line-height:36px !important; height: auto !important;}
.big_font h4 { font-size: 28px !important; line-height:32px !important; height: auto !important;}
.big_font h5 { font-size: 26px !important;}

.big_font .siz12 { font-size:14px;}
.big_font .siz13 { font-size:15px;}
.big_font .siz14 { font-size:16px;}
.big_font .siz15 { font-size:17px;}
.big_font .siz16 { font-size:18px;}
.big_font .siz17 { font-size:19px;}
.big_font .siz18 { font-size:20px;}
.big_font .siz19 { font-size:21px;}
.big_font .siz20 { font-size:22px;}
.big_font .siz21 { font-size:23px;}
.big_font .siz22 { font-size:24px;}
.big_font .siz23 { font-size:25px;}
.big_font .siz24 { font-size:26px;}
.big_font .siz25 { font-size:27px;}
.big_font .siz26 { font-size:28px;}
.big_font .siz27 { font-size:29px;}
.big_font .siz28 { font-size:30px;}
.big_font .siz29 { font-size:31px;}
.big_font .siz30 { font-size:32px;}
.big_font .siz31 { font-size:33px;}
.big_font .siz32 { font-size:34px;}
.big_font .siz33 { font-size:35px;}
.big_font .siz34 { font-size:36px;}
.big_font .siz35 { font-size:37px;}


/*콘텐츠페이지 탭박스*/
.content_tabbox_wrap{position: relative; padding-top: 80px; margin: 30px 0;}
.content_tabbox_wrap .tabbox_item{}
.content_tabbox_wrap .tabbox_item > a._action_tab{position: absolute; top: 0; background-color: #fff; border: 1px solid #244ea1; padding: 10px 38px; border-radius: 3px;}
.content_tabbox_wrap .tabbox_item > a._action_tab.on{background-color: #244ea1; border-color: #244ea1; color: #fff;}
.content_tabbox_wrap .tabbox_item ._action_wrap_tab{display: none;}
.content_tabbox_wrap .tabbox_item > a._action_tab.on + ._action_wrap_tab{display: block;}




/*플로우 차트*/
 .step_list {margin-top: 2rem;background: #F6F6F6;padding:3rem 2.5rem;border-radius: 1rem;display: flex;justify-content: center;flex-wrap: wrap;gap: 1rem 0%;}
 .step_list .step_box {width: 20%;border-radius: 14px;vertical-align: middle;display: flex;position: relative;flex-direction: column;}
 .step_list .step_box.w25 {width: 24% }
 .step_list .step_box .tit{text-align:center;font-weight: 600;font-size: 1.8rem;color: #ffffff;padding: 0.8rem;background: #244ea1;border-radius: 0.7rem;flex-direction: column;}
 .step_list .step_box .sub_tit{background:#3280E6; color:#fff; text-align:center; padding:1rem 0; margin:0.4rem 0}
 .step_list .step_box .txt{padding: 1rem 1rem;background: #fff;border: 1px solid #e4e4e4;border-radius: 0.7rem;display: flex;align-items: center;text-align:center;word-break: keep-all;height: 100%;flex-direction: column;justify-content: center;}
.step_list .step_box .tit + .txt{margin-top: 4px;}
 .step_list .step_box .tit > .next{font-weight:400; font-size:1.6rem;}
 .step_list .step_box .txt + .sub_tit{border-radius:1rem}
 .step_list .step_box .txt span.next, .step_list .step_box .txt span.plus{ line-height: 18px; display:block;}
 .step_list .step_box .txt span.part{color:#757575; font-size:1.6rem}
 .step_list .step_next,  .step_list .step_plus {position: relative;text-align: center;width: 34px;margin: 0px 1.4%;vertical-align: middle;display: flex;align-items: center;}
 .step_list .step_next > span{width: 35px;height: 35px;text-indent: -999em;display: block;background: #777777 url(/layout/images/www/common/sp_content.png) -266px -5px no-repeat;margin: 0 auto;vertical-align: top;border-radius: 100px;}
 .step_list .step_plus > span{width: 35px;height: 35px;text-indent: -999em;display: block;background: #777777 url(/layout/images/www/common/sp_content.png) -415px -5px no-repeat;margin: 0 auto;vertical-align: top;border-radius: 100px;}


.step_list .step_box .txt ul.basic{margin: 0;}
.step_list .step_box .txt p.basic{margin-top: 0;}
.step_list .step_box > .num{position: absolute;left: -10px;top: -15px;display: flex;width: 3.2rem;height: 3.2rem;font-size: 1.5rem;background: #244ea1;color: #fff;padding: 4px 5px;border-radius: 0.7rem;justify-content: center;align-items: center;}
.step_list .step_box .txt ol > li{margin-top: 0;border: 0;text-align: left;}
.step_list .step_box .txt ol > li:before{ margin-left: 0; width: 24px; height: 24px; line-height: 22px; font-size: 15px;}
.step_list .step_box .txt ol > li:last-child{padding-bottom:0;}
.step_list .step_box .txt.align_left{align-items: flex-start;}
.step_list.ver2 .step_box .tit{ background: #282968;}

.step_list.two .step_box{width: 45%;}
.step_list.two .step_box .txt{padding: 3%;}
.step_list.three .step_box{width: 29%;}
.step_list.five .step_box{width: 15%;}
.step_list.five .step_next{margin: 0 1.5%;}

.step_list .step_next.down{margin:1rem auto;}
.step_list .step_next.down span{transform: rotate(90deg);} 
.step_list .align_top{flex-direction:column;} 



/*세로형 플로우 차트*/
.step_list_col {margin-top: 2rem;display: flex;flex-direction: column;align-items: center;}
.step_list_col .step_box { display: flex; width: 100%; border-radius: 1rem; overflow: hidden; border: 1px solid #e4e4e4;}
.step_list_col .step_box .tit{display: inline-flex;padding: 10px;background: #F6F6F6;width: 20%;justify-content: center;align-items: center;font-size: 1.8rem;font-weight: 700;}
.step_list_col .step_box ul.basic.txt{text-align: left;}
.step_list_col .step_box .tit.bor_n{ border: none;  margin-bottom: 0; padding-bottom: 0;}
.step_list_col .step_box .txt{text-align:center;padding: 3rem;background: #fff;width: 80%;}
.step_list_col .step_box .txt span.next, .step_list_col .step_box .txt span.plus{ line-height: 18px; }
.step_list_col .step_box .txt span.part{color:#6b6b6b;}
.step_list_col .step_next, .step_list_col .step_plus {position: relative;text-align: center;width: 34px;margin: 15px 0;display: inline-block;vertical-align: middle;}
.step_list_col .step_next > span{width: 35px;height: 35px;text-indent: -999em;display: block;background: #757575 url("/layout/images/www/common/sp_content.png") -266px -5px no-repeat;margin: 0 auto;vertical-align: top;border-radius: 100px;transform: rotate(90deg);}
.step_list_col .step_plus > span{width: 35px;height: 35px;text-indent: -999em;display: block;background: #777777 url(/layout/images/www/common/sp_content.png) -415px -5px no-repeat;margin: 0 auto;vertical-align: top;border-radius: 100px;}
.step_list_col .step_box .txt > .basic:first-child{ margin-top: 0;}


/*콘텐츠 블라인드*/
.blind { position: absolute !important;  top:0; left:-10000px;  width:1px;  height:1px;  overflow:hidden; }


/*정렬*/
.align_left{text-align: left;}
.align_right{text-align:right;}
.align_center{text-align:center;}
.float_left{float:left;}
.float_right{float:right;}

/* 가변넓이 */
table th.th_5{width:5%;}
table th.th_10{width:10%;}
table th.th_15{width:15%;}
table th.th_18{width:18%;}
table th.th_20{width:20%;}
table th.th_25{width:25%;}
table th.th_28{width:28%;}
table th.th_30{width:30%;}
table th.th_35{width:35%;}
table th.th_36{width:36%;}
table th.th_40{width:40%;}
table th.th_45{width:45%;}
table th.th_50{width:50%;}
table th.th_55{width:55%;}
table th.th_60{width:60%;}
table th.th_64{width:64%;}
table th.th_65{width:65%;}
table th.th_70{width:70%;}
table th.th_75{width:75%;}
table th.th_80{width:80%;}

table td.td_5{width:5%;}
table td.td_10{width:10%;}
table td.td_15{width:15%;}
table td.td_20{width:20%;}
table td.td_25{width:25%;}
table td.td_30{width:30%;}
table td.td_35{width:35%;}
table td.td_40{width:40%;}
table td.td_45{width:45%;}
table td.td_50{width:50%;}
table td.td_55{width:55%;}
table td.td_60{width:60%;}
table td.td_65{width:65%;}
table td.td_70{width:70%;}
table td.td_75{width:75%;}
table td.td_80{width:80%;}
/* ========== 공통 클래스 : e ==========*/


.radius_5{border-radius:0.5rem}
.radius_8{border-radius:0.8rem}
.radius_10{border-radius:1rem}
.radius_15{border-radius:1.5rem}
.radius_20{border-radius:2rem}
.radius_25{border-radius:2.5rem}


/*그래프 주색/보조색/배경색 여기서 원하는 색 바꾸면 알아서 적용*/
:root {
  --pie-main: #244ea1;   /* 주색 */
  --pie-sub:  #0089ff;   /* 보조색 */
  --pie-sub2:  #03A16E;   /* 막대그래프 보조색2 */
  --pie-bg:  #f3f3f3;   /* 원형그래프 배경색 */
}


/*막대그래프*/
.c_box .vertical_chart_box, .c_box2 .vertical_chart_box, .c_box3 .vertical_chart_box{margin: 2rem 0 2.5rem 0;}
.vertical_chart_box {position: relative;margin: 3rem 0 10rem 0;}
.vertical_chart_box .chart_box {position: relative;box-sizing: border-box;height: 20rem;display: flex;flex-wrap: wrap;}
.vertical_chart_box .axis_y {display: -webkit-flex;display: -ms-flex;display: -o-flex;display: flex;flex-direction: column-reverse;align-items: center;justify-content: space-between;margin: 0;padding: 0;max-width: 5rem;height: 100%;font-size: 1.3rem;color: #4a4a4a;padding-right: 1rem;box-sizing: border-box;}
.vertical_chart_box .axis_x {
  display: -webkit-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  position: relative;
  padding: 0;
  box-sizing: border-box;
  height: 100%;
  border-bottom: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  width: calc(100% - 5rem);
  }
.vertical_chart_box .axis_x .chart_item {flex: 1;position: relative;}
.vertical_chart_box .axis_x .chart_item .text_box {position: absolute;top: 20.5rem;left: 50%;width: 100%;text-align: center;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.vertical_chart_box .axis_x .chart_item .text_box .tit {display: block;font-size: 1.3rem;color: #4a4a4a;}
.vertical_chart_box .axis_x .chart_item .text_box .sub_tit {display: block;margin-top: 3px;font-size: 1.3rem;color: #999;}
.vertical_chart_box .axis_x .graph {display: -webkit-flex;display: -ms-flex;display: -o-flex;display: flex;flex-direction: column-reverse;position: relative;margin: 0 auto;padding: 0;width: 3.6rem;height: 100%;background: #f3f3f3;border-radius: 3px 3px 0 0;overflow: hidden;}
.vertical_chart_box .axis_x .graph .graph_item {display: block;position: relative;box-sizing: content-box;width: 100%;}
.vertical_chart_box .axis_x .graph .graph_item.data1 { background:var(--pie-main); z-index: 3;}
.vertical_chart_box .axis_x .graph .graph_item.data2 { background:var(--pie-sub) ; z-index: 2;}
.vertical_chart_box .axis_x .graph .graph_item.data3 { background:var(--pie-sub2) ; z-index: 1;}
.vertical_chart_box .axis_x .graph .graph_item .num{color:#fff; font-size:1.2rem; letter-spacing:-0.05rem}
.vertical_chart_box .axis_x button.graph { border: 0;}
.vertical_chart_box .axis_x .graph .graph_item:last-child{border-radius:3px 3px 0 0;}

/*원형그래프*/
.pie_chart_box{display:flex;gap: 2rem 4%;margin-top: 3rem;flex-wrap: wrap;justify-content: space-evenly;align-items: center;}
.pie_chart_box .pie_chart {min-width: 20rem;min-height: 20rem;border-radius: 50%;background: conic-gradient(#f3f3f3 0% 100%);position:relative;}
.pie_chart_box .pie_chart .data{background:#fff;width: 56%;height: 56%;position:absolute;left: 22%;top: 22%;display:flex;border-radius: 50%;align-items: center;justify-content: center;word-break: keep-all;padding: 1rem;text-align: center;flex-direction: column;gap: 0.5rem 0;}
.pie_chart_box .pie_chart .data b{color:#244ea1; display:block; font-size:2rem;}
.pie_chart_box .label {position: absolute;top: 50%;transform: translateY(-50%);text-align: center;font-size: 1.5rem;}
.pie_chart_box .label.left {left: -34%;text-align: right;}
.pie_chart_box .label.left::after{content:'';width: 1.2rem;height:1px;border-top:1px solid #333;display: inline-block;position: absolute;top: 11px;right: -16px;}
.pie_chart_box .label.right {right: -34%;text-align: left;}
.pie_chart_box .label.right::after{content:'';width: 1.2rem;height:1px;border-top:1px solid #333;display: inline-block;position: absolute;top: 11px;left: -16px;}
.pie_chart_box b{display:block;}
	

.pie_chart_box .pie_100 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 100%, var(--pie-bg) 100% 100%);}
.pie_chart_box .pie_95 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 95%, var(--pie-bg) 95% 100%);}
.pie_chart_box .pie_90 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 90%, var(--pie-bg) 90% 100%);}
.pie_chart_box .pie_85 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 85%, var(--pie-bg) 85% 100%);}
.pie_chart_box .pie_80 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 80%, var(--pie-bg) 80% 100%);}
.pie_chart_box .pie_75 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 75%, var(--pie-bg) 75% 100%);}
.pie_chart_box .pie_70 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 70%, var(--pie-bg) 70% 100%);}
.pie_chart_box .pie_65 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 65%, var(--pie-bg) 65% 100%);}
.pie_chart_box .pie_60 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 60%, var(--pie-bg) 60% 100%);}
.pie_chart_box .pie_55 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 55%, var(--pie-bg) 55% 100%);}
.pie_chart_box .pie_50 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 50%, var(--pie-bg) 50% 100%);}
.pie_chart_box .pie_45 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 45%, var(--pie-bg) 45% 100%);}
.pie_chart_box .pie_40 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 40%, var(--pie-bg) 40% 100%);}
.pie_chart_box .pie_35 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 35%, var(--pie-bg) 35% 100%);}
.pie_chart_box .pie_30 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 30%, var(--pie-bg) 30% 100%);}
.pie_chart_box .pie_25 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 25%, var(--pie-bg) 25% 100%);}
.pie_chart_box .pie_20 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 20%, var(--pie-bg) 20% 100%);}
.pie_chart_box .pie_15 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 15%, var(--pie-bg) 15% 100%);}
.pie_chart_box .pie_10 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 10%, var(--pie-bg) 10% 100%);}
.pie_chart_box .pie_5 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 5%, var(--pie-bg) 5% 100%);}
.pie_chart_box .pie_0 {background: conic-gradient(var(--pie-main) 0%, var(--pie-sub) 5%, var(--pie-bg) 0% 100%);}
.pie_chart_box .wh300{width: 300px;height: 300px;}
.pie_chart_box .wh400{width: 400px;height: 400px;}
.pie_chart_box .wh500{width: 500px;height: 500px;}
.pie_chart_box .wh600{width: 600px;height: 600px;}


.pie_chart_box .pie_95_5 {background: conic-gradient(var(--pie-sub) 95%, var(--pie-main) 95% 100%);}
.pie_chart_box .pie_90_10 {background: conic-gradient(var(--pie-sub) 90%, var(--pie-main) 90% 100%);}
.pie_chart_box .pie_85_15 {background: conic-gradient(var(--pie-sub) 85%, var(--pie-main) 85% 100%);}
.pie_chart_box .pie_80_20 {background: conic-gradient(var(--pie-sub) 80%, var(--pie-main) 80% 100%);}
.pie_chart_box .pie_75_25 {background: conic-gradient(var(--pie-sub) 75%, var(--pie-main) 75% 100%);}
.pie_chart_box .pie_70_30 {background: conic-gradient(var(--pie-sub) 70%, var(--pie-main) 70% 100%);}
.pie_chart_box .pie_65_35 {background: conic-gradient(var(--pie-sub) 65%, var(--pie-main) 65% 100%);}
.pie_chart_box .pie_60_40 {background: conic-gradient(var(--pie-sub)  60%, var(--pie-main) 60% 100%);}
.pie_chart_box .pie_55_45 {background: conic-gradient(var(--pie-sub) 55%, var(--pie-main) 55% 100%);}
.pie_chart_box .pie_50_50 {background: conic-gradient(var(--pie-sub) 50%, var(--pie-main) 50% 100%);}
.pie_chart_box .pie_45_55 {background: conic-gradient(var(--pie-sub) 45%, var(--pie-main)  45% 100%);}
.pie_chart_box .pie_40_60 {background: conic-gradient(var(--pie-sub) 40%, var(--pie-main) 40% 100%);}
.pie_chart_box .pie_35_65 {background: conic-gradient(var(--pie-sub) 35%, var(--pie-main) 35% 100%);}
.pie_chart_box .pie_30_70 {background: conic-gradient(var(--pie-sub) 30%, var(--pie-main) 30% 100%);}
.pie_chart_box .pie_25_75 {background: conic-gradient(var(--pie-sub) 25%, var(--pie-main) 25% 100%);}
.pie_chart_box .pie_20_80 {background: conic-gradient(var(--pie-sub) 20%, var(--pie-main) 20% 100%);}
.pie_chart_box .pie_15_85 {background: conic-gradient(var(--pie-sub) 15%, var(--pie-main) 15% 100%);}
.pie_chart_box .pie_10_90 {background: conic-gradient(var(--pie-sub) 10%, var(--pie-main) 10% 100%);}
.pie_chart_box .pie_5_95 {background: conic-gradient(var(--pie-sub) 5%, var(--pie-main) 5% 100%);}


/*높이 퍼센트단위*/
.h0p{height:0%}
.h5p{height:5%}
.h10p{height:10%}
.h15p{height:15%}
.h20p{height:20%}
.h25p{height:25%}
.h30p{height:30%}
.h35p{height:35%}
.h40p{height:40%}
.h45p{height:45%}
.h50p{height:50%}
.h55p{height:55%}
.h60p{height:60%}
.h65p{height:65%}
.h70p{height:70%}
.h75p{height:75%}
.h80p{height:80%}
.h85p{height:85%}
.h90p{height:90%}
.h95p{height:95%}
.h100p{height:100%}

.w100{width: 100% !important;}



/*게시판상단문구 박스 및 아이콘 스타일*/
.content_top_alert{border: 1px solid #272727;position:relative;margin-bottom: 3rem;border-radius: 0.6rem;display: flex;}
.content_top_alert::before{content:'';display: block;width:20rem;height: 18rem;background: url("/layout/images/www/common/top_alert_icon.png") no-repeat center 4rem;}
.content_top_alert .alert_content{padding: 3rem 4rem 3rem 0; width: calc(100% - 20rem);}
.content_top_alert .alert_content ul.basic:first-child {margin-top:0px;}
.content_top_alert .btn_flex.btn_page a[class^=btn]{height:4.8rem;border-radius:0;border-color: #272727;}
.content_top_alert .alert_content h4.tit{font-size: 2.5rem;}
.content_top_alert .alert_content h5.tit{font-size: 2.2rem;}
.content_top_alert .alert_content h6.tit{font-size: 1.8rem;}

/*게시판상단 박스 step*/
.top_alert_step{display:flex;gap: 1rem 2%;margin: 2rem 0;align-items: center;}
.top_alert_step .step_box{background:#EDF1F5;height: -webkit-fill-available;border-radius:0.7rem;padding: 1.6rem 1rem;display: flex;justify-content: center;flex: 1;align-items: center;word-break: keep-all;text-align: center;flex-direction: column;}
.top_alert_step .step_next{width: 1.6rem;height: 1.9rem;background: url(/layout/images/www/common/alert_icon_next.png) center no-repeat;display: flex;align-items: center;justify-content: center;}
.top_alert_step .step_next span{text-indent:-999em; display:block;}
.top_alert_step .step_box i.alert_ico{width: 6rem;height: 5.5rem;background: url(/layout/images/www/common/alert_icon_sp.png) no-repeat;display: flex;margin-bottom: 0.6rem;}
.top_alert_step .step_box i.alert_ico.i01{background-position: 0.6rem 0rem;}
.top_alert_step .step_box i.alert_ico.i02{background-position: -8.7rem 0rem;}
.top_alert_step .step_box i.alert_ico.i03{background-position: -18.4rem 0rem;}


.symbol_bg {background: url("/layout/images/www/common/symbol_bg.jpg");border: solid #d7d7d7 1px;padding: 40px 20px;margin-top: 20px;border-radius:2rem;display: flex;align-items: center;justify-content: center;}
.symbol_bg[class*=img_txt] img { width: fit-content;}

/*pc만 적용 */
@media screen and (min-width: 1000px) {
/*박스최소높이값 필요한 값만큼 계속 추가 가능 (단,50단위) */
.h100 { min-height:100px; }
.h150 { min-height:150px; }
.h200 { min-height:200px; }
.h250 { min-height:250px; }
.h300 { min-height:300px; }
.h350 { min-height:350px; }
.h370 { min-height:370px; }
.h400 { min-height:400px; }
.h450 { min-height:450px; }
.h500 { min-height:500px; }
.h550 { min-height:550px; }
.h600 { min-height:600px; }
.h650 { min-height:650px; }
	

/* 간격조정 */
.mat0{margin-top:0 !important;}
.mat3{margin-top:3px !important;}
.mat5{margin-top:5px !important;}
.mat10{margin-top:10px !important;}
.mat12{margin-top:12px !important;} 
.mat15{margin-top:15px !important;}
.mat20{margin-top:20px !important;}
.mat25{margin-top:25px !important;}
.mat30{margin-top:30px !important;}
.mat35{margin-top:35px !important;}
.mat40{margin-top:40px !important;}
.mat45{margin-top:45px !important;}
.mat50{margin-top:50px !important;}
.mat55{margin-top:55px !important;} 
.mat60{margin-top:60px !important;}
.mat65{margin-top:65px !important;}
.mat70{margin-top:70px !important;}
.mat75{margin-top:75px !important;}
.mat80{margin-top:80px !important;}
.mat85{margin-top:85px !important;}
.mat90{margin-top:90px !important;}
.mat95{margin-top:95px !important;}
.mat100{margin-top:100px !important;}
.mat110{margin-top:110px !important;}
.mat120{margin-top:120px !important;}
.mat130{margin-top:130px !important;}
.mat140{margin-top:140px !important;}
.mat150{margin-top:150px !important;}
.mat200{margin-top:200px !important;}

.mab0{margin-bottom:0 !important;}
.mab5{margin-bottom:5px !important;}
.mab10{margin-bottom:10px !important;}
.mab15{margin-bottom:15px !important;}
.mab20{margin-bottom:20px !important;}

.mab25{margin-bottom:25px !important;}
.mab30{margin-bottom:30px !important;}
.mab35{margin-bottom:35px !important;}
.mab40{margin-bottom:40px !important;}
.mab45{margin-bottom:45px !important;}
.mab50{margin-bottom:50px !important;}
.mab55{margin-bottom:55px !important;}
.mab60{margin-bottom:60px !important;}
.mab65{margin-bottom:65px !important;}
.mab70{margin-bottom:70px !important;}
.mab75{margin-bottom:75px !important;}
.mab80{margin-bottom:80px !important;}
.mab85{margin-bottom:85px !important;}
.mab90{margin-bottom:90px !important;}
.mab95{margin-bottom:95px !important;}

.mal0{margin-left:0 !important;}
.mal5{margin-left:5px !important;}
.mal10{margin-left:10px !important;}
.mal15{margin-left:15px !important;}
.mal20{margin-left:20px !important;}
.mal25{margin-left:25px !important;}
.mal30{margin-left:30px !important;}
.mal35{margin-left:35px !important;}
.mal40{margin-left:40px !important;}
.mal45{margin-left:45px !important;}
.mal50{margin-left:50px !important;}
.mal55{margin-left:55px !important;}
.mal60{margin-left:60px !important;}
.mal65{margin-left:65px !important;}
.mal70{margin-left:70px !important;}
.mal75{margin-left:75px !important;}
.mal80{margin-left:80px !important;}
.mal85{margin-left:85px !important;}
.mal90{margin-left:90px !important;}
.mal95{margin-left:95px !important;}
.mal100{margin-left:100px !important;}
.mal120{margin-left:120px !important;}
.mal130{margin-left:130px !important;}
.mal140{margin-left:140px !important;}
.mal150{margin-left:150px !important;}

.mar0{margin-right:0 !important;}
.mar5{margin-right:5px !important;}
.mar10{margin-right:10px !important;}
.mar15{margin-right:15px !important;}
.mar20{margin-right:20px !important;}
.mar25{margin-right:25px !important;}
.mar30{margin-right:30px !important;}
.mar35{margin-right:35px !important;}
.mar40{margin-right:40px !important;}
.mar45{margin-right:45px !important;}
.mar50{margin-right:50px !important;}
.mar55{margin-right:55px !important;}
.mar60{margin-right:60px !important;}
.mar65{margin-right:65px !important;}
.mar70{margin-right:70px !important;}
.mar75{margin-right:75px !important;}
.mar80{margin-right:80px !important;}
.mar85{margin-right:85px !important;}
.mar90{margin-right:90px !important;}
.mar95{margin-right:95px !important;}
.mar100{margin-right:100px !important;}
.mar120{margin-right:120px !important;}
.mar130{margin-right:130px !important;}
.mar140{margin-right:140px !important;}
.mar150{margin-right:150px !important;}

.ma0{margin:0 !important;}
.ma5{margin:5px !important;}
.ma10{margin:10px !important;}
.ma15{margin:15px !important;}
.ma20{margin:20px !important;}
.ma25{margin:25px !important;}
.ma30{margin:30px !important;}
.ma35{margin:35px !important;}
.ma40{margin:40px !important;}
.ma45{margin:45px !important;}

.ma50{margin:50px !important;}

.pat0{padding-top:0px !important;}
.pat5{padding-top:5px !important;}
.pat10{padding-top:10px !important;}
.pat15{padding-top:15px !important;}
.pat20{padding-top:20px !important;}
.pat25{padding-top:25px !important;}
.pat30{padding-top:30px !important;}
.pat35{padding-top:35px !important;}
.pat40{padding-top:40px !important;}
.pat45{padding-top:45px !important;}
.pat50{padding-top:50px !important;}
.pat60{padding-top:60px !important;}
.pat70{padding-top:70px !important;}
.pat80{padding-top:80px !important;}
.pat90{padding-top:90px !important;}

.pab0{padding-bottom:0 !important;}
.pab5{padding-bottom:5px !important;}
.pab10{padding-bottom:10px !important;}
.pab15{padding-bottom:15px !important;}
.pab20{padding-bottom:20px !important;}
.pab25{padding-bottom:25px !important;}
.pab30{padding-bottom:30px !important;}
.pab35{padding-bottom:35px !important;}
.pab40{padding-bottom:40px !important;}
.pab50{padding-bottom:50px !important;}

.pal0{padding-left:0px !important;}
.pal5{padding-left:5px !important;}
.pal10{padding-left:10px !important;}
.pal15{padding-left:15px !important;}
.pal20{padding-left:20px !important;}
.pal25{padding-left:25px !important;}
.pal30{padding-left:30px !important;}
.pal35{padding-left:35px !important;}
.pal40{padding-left:40px !important;}
.pal45{padding-left:45px !important;}
.pal50{padding-left:50px !important;}
.pal55{padding-left:55px !important;}
.pal60{padding-left:60px !important;}
.pal65{padding-left:65px !important;}
.pal70{padding-left:70px !important;}
.pal75{padding-left:75px !important;}
.pal80{padding-left:80px !important;}
.pal85{padding-left:85px !important;}
.pal90{padding-left:90px !important;}

.par0{padding-right:0 !important;}
.par5{padding-right:5px !important;}
.par10{padding-right:10px !important;}
.par15{padding-right:15px !important;}
.par20{padding-right:20px !important;}
.par25{padding-right:25px !important;}
.par30{padding-right:30px !important;}
.par35{padding-right:35px !important;}
.par40{padding-right:40px !important;}

.pa0{padding:0 !important;}
.pa5{padding:5px !important;}
.pa10{padding:10px !important;}
.pa15{padding:15px !important;}
.pa20{padding:20px !important;}
.pa25{padding:25px !important;}
.pa30{padding:30px !important;}
.pa35{padding:35px !important;}
.pa40{padding:40px !important;}
.pa45{padding:45px !important;}
.pa50{padding:50px !important;}

}




/*모바일 스타일*/
@media screen and (max-width:768px) {
#content{font-size:1.6rem;}
 h4.tit {margin-top:3rem;font-size: 2.4rem;word-break: keep-all;}
 h5.tit {margin-top:3rem;font-size: 2.1rem; word-break: keep-all;}
 h6.tit {margin-top:3rem;font-size:1.8rem; word-break: keep-all;}
 h4.tit + h5.tit, h5.tit + h6.tit{margin-top:2rem}
 h4.c0, h5.c0, h6.c0 { margin-top:0; }
p.basic img{height:auto;}
.mb_none { display:none; }
.line{margin:5rem 0;}
	
	p.subvis_tit{font-size:2.6rem;}	
	
/*c_box 공통*/
div[class^=c_box]{margin-top:2rem;gap: 3rem 0;padding: 2.5rem;align-items: center;}

	
	
/*아이콘박스*/
.iconbox{flex-direction: column;}
.iconbox .info{ width: 100%;}
.iconbox .info .tit{text-align:center;}

/*이미지박스*/
 .img_txt{flex-direction: column; margin-top:4rem;}
 .img_txt > div{width: 100% !important;}



/*버튼 스타일*/
.btn_box{gap:1rem 2%}
.btn_box .btn{text-align:left;min-width: 49%;}
.btn_in.new1, .btn_in.new2{align-items: stretch;}
.btn_in.new1::before, .btn_in.new2::before{margin:0.2rem 0.4rem 0 0;}
a.new2{background-color:#1A4AB9; color:#fff; border-color:#1A4AB9;}
a.new2::before {background-position: -45.1rem -0.9rem;width: 2rem;filter:contrast(0) brightness(10);}
a.new3{background-color:unset; padding:0;border:0;height: auto;vertical-align: middle;margin-left: 0.5rem;color:#1a4ab9;border-bottom: 1px solid #1a4ab9;border-radius: 0;}
a.new3::before {background-position: -45.1rem -0.9rem;width: 2rem;}
a.mail{background-color:unset; padding:0;border:0;height: auto;vertical-align: middle;margin-left: 0.5rem;color:#1a4ab9;border-bottom: 1px solid #1a4ab9;border-radius: 0;}
a.mail::before {background: url(/layout/images/www/common/sp_content.png?build_20251022045) -51.9rem -0.8rem no-repeat;width: 1.7rem;}
a.tel{background-color:unset; padding:0;border:0;height: auto;vertical-align: middle;margin-left: 0.5rem;color:#1a4ab9;border-bottom: 1px solid #1a4ab9;border-radius: 0;}
a.tel::before {background: url(/layout/images/www/common/sp_content.png?build_20251022045) -54.9rem -0.8rem no-repeat;width: 1.7rem;}
 
	
/*ul ol*/
ul.basic.col2 > li{width:100%;}

/*테이블*/
table.basic{margin: 1rem 0 3rem 0;}
	
/*이미지 리스트*/
 ul[class^=img_col]{flex-direction: column;gap: 2rem 2%;margin: 2rem 0 0;}
 ul[class^=img_col] li{width: 100%;}
ul[class^=img_col] li img{max-width: inherit;}
	
/*플로우차트*/
.step_list{flex-direction:column;padding:3.5rem 3rem;align-items: center;}
.step_list > .step_box, .step_list.five > .step_box, .step_list.four > .step_box, .step_list.three > .step_box, .step_list.two > .step_box{width:100%;}
.step_list > .step_next span{transform: rotate(90deg);margin: 0 auto;height: 3.6rem;}
.step_list_col .step_box {flex-direction: column;}
.step_list_col .step_box .tit{width:100%;}
.step_list_col .step_box .txt{width:100%;padding: 2rem;}
.step_list .step_box .txt{min-height: auto;flex-direction: column;padding: 1rem 2.5rem;}
.step_list .step_box > .num{top:-1rem;}
	
/*탭박스*/
.content_tabbox_wrap{display: flex; flex-direction: column; position: inherit; margin: 28px 0 0 0; padding: 0;}
.content_tabbox_wrap .tabbox_item > a._action_tab{ position: relative; width: 100%; display: block; text-align: center;left: 0 !important;background-color: #244ea1; border-color: #244ea1; color: #fff;}
.content_tabbox_wrap .tabbox_item ._action_wrap_tab{border:1px solid #d2d2d2;padding:2rem;display: block;}
.content_tabbox_wrap .tabbox_item{margin-bottom:30px;}

/*마진*/
.iconbox .info h4:first-child, .iconbox .info h5:first-child, .iconbox .info h6:first-child{margin-top:0 !important;}
	
/*그래프*/
.vertical_chart_box .axis_x.five .graph{width:3rem;}
	
/*이미지 캡션*/
img.w_auto{width:auto;}
.img_txt img, .c_box img, .c_box2 img, .c_box3 img{width:100%;}
.caption{ font-size:13px;display:block; border:1px solid #d8d8d8; background-color:#f5f7f8; margin-top:13px; padding:10px; margin-bottom:8px;}
.caption em{ display:block; color:#093255; font-style:normal}
 span.mobile_img_zoom { display:block; background:#fafafa; border:1px solid #e4e4e4; text-align:center; font-size:12px; padding:3px 0;margin-bottom: 5px;}
.contents_thum .caption em { display:none;}
.contents_thum .caption { color: #999; display:none; font-size: 12px; line-height: 1.4; margin-bottom: 10px;}

/*게시판 상단박스*/
.content_top_alert{display: flex;flex-direction: column;padding: 2rem;align-items: center;}
.content_top_alert .alert_content{width: 100%;padding: 0;}
.content_top_alert::before{background-position: center;width: 14rem;height: 10rem;margin-bottom: 2rem;}
.content_top_alert .top_alert_step{display: flex;flex-wrap: wrap;}
.content_top_alert .top_alert_step .step_box{width: 92%;flex: none;flex-direction: row;justify-content: flex-start;padding: 1rem 1rem;}
.content_top_alert .top_alert_step .step_box p{ word-break: break-word;}
.content_top_alert .top_alert_step .step_next{width:6%;}
.content_top_alert .top_alert_step .step_box i.alert_ico{margin:0 1rem 0 0;flex: 0 0 6rem;}
.content_top_alert .alert_content h4.tit{font-size: 2.2rem;}
.content_top_alert .alert_content h5.tit{font-size: 1.9rem;}
.content_top_alert .alert_content h6.tit{font-size: 1.7rem;}
.content_top_alert .btn_flex.btn_page a[class^=btn]{height:auto;}
}
/*여기까지는 건들지 말기*/


/*콘텐츠*/
.cont_titlebox{display: flex;justify-content: center;margin-bottom:12%; position:relative; z-index:1;}
.cont_titlebox .tit{display:flex;font-size:4rem;text-align:center;font-weight:bold;line-height: 1.4;flex-direction: column;align-items: center;}
.cont_titlebox .tit::before{content:'';display:flex;width: 3.6rem;height: 5.1rem;background: url(/layout/images/www/common/sp_content.png) -66.2rem -0.5rem no-repeat;margin-bottom: 2rem;}
.sub_tit{font-size:2.5rem; font-weight:600; color:#212f74; margin-top:2rem;}
.sub_tit + h5{margin-top: 1rem;font-size: 3rem; font-weight:bold;}
.sub_txt{font-size:2rem; font-weight:600; color:#212f74; margin-top:2rem;}

/*상단텍스트배너*/
.txt_banner{display:flex;height:47rem;flex-direction: column;align-items: center;color: #fff;padding: 5rem 10%;text-align: center;justify-content: center;background-color:#eee;position: relative;z-index: 0;}
.txt_banner::after{content:'CHANGDAE';position:absolute;bottom: 80%;color: rgb(200 200 200 / 15%);font-size: 12.5vw;font-weight: 900;z-index: -1;line-height: normal;}
.txt_banner h4{color:#fff;margin-top: 0;}
.txt_banner h4::before{content:'';display:block;width: 2.5rem;height: 0.4rem;background-color:#fff;margin: 0 auto 2rem;} 
.txt_banner.b_ceo{background: url(/layout/images/www/contents/aboutus/greeting_top_img01.jpg) center no-repeat;}
.txt_banner.b_frozen{background: url(/layout/images/www/contents/products/frozen_top_img01.jpg) center no-repeat;}
.txt_banner.b_hmr{background: url(/layout/images/www/contents/products/hmr_top_img01.jpg) center no-repeat;}
.txt_banner.b_oem{background: url(/layout/images/www/contents/products/oem_top_img01.jpg) center no-repeat;}
.txt_banner.b_story{background: url(/layout/images/www/contents/brand/story_top_img01.jpg) center no-repeat;}
.txt_banner.b_story h4{text-indent:-999rem;}
.txt_banner.b_story h4::after{content:''; display: block; background: url(/layout/images/www/contents/brand/bi_logo_white.png) no-repeat;width: 35rem;height: 17.5rem;}


/*키워드*/
.keyword_txt{color:#777;display:flex;gap:1rem 2rem;margin-top:3rem; align-items: flex-start;word-break: keep-all;}
.keyword_txt b{color:#212f74;display: flex;align-items: center;}
.keyword_txt b i.icon_keyword{display:flex;width: 3rem;height: 3rem;border-radius:5rem;background-color:#212f74;margin-right: 0.8rem;justify-content: center;align-items: center; }
.keyword_txt b i.icon_keyword::before{content:'';width: 1.5rem;height: 1.4rem;background: url(/layout/images/www/common/sp_content.png) -57.8rem -1.4rem no-repeat;}

/*ci소개*/
.ci_txt .box{margin-top:2rem; padding:8% 10%;}
.ci_txt .ci_img{margin-bottom: 3rem;}
.ci_txt .c_blue + p.basic{color:#212f74; font-weight:700;}
.ci_txt .c_sky + p.basic{color: #4dabcc; font-weight:700;}
.ci_txt .ci_li{display:flex;flex-direction: column;gap: 0.5rem;}
.ci_txt .ci_li > li{display:flex;}
.ci_txt .ci_li > li > b{width:10rem;}
.ci_txt .circle {width: 17rem; height: 8.5rem; background: #212f74; border-top-left-radius: 10rem; border-top-right-radius: 10rem; margin: 0 auto;}
.ci_txt .circle.c_blue {background-color:#212f74;}
.ci_txt .circle.c_sky {background-color: #4dabcc; }



/*oem*/
p.basic.oemlogobox {width:100%;}


/*브랜드 스토리*/
.bi_txt .bi_li{display:flex;flex-direction: column;gap: 0.5rem; margin-top: 2rem;}
.bi_txt .bi_li > li{display:flex;}
.bi_txt .bi_li > li > b{width:10rem;}
.bi_txt .align_center{ display: flex; justify-content: center; align-items: center;}

/*메인설비*/
.facilities_box{background-color: #f9f9f9;padding: 13% 6% 5% 6%;display: flex;gap:6rem 4%;flex-wrap: wrap;overflow:hidden;position: relative;}
.facilities_box::before{content:'CHANGDAE';position:absolute;top: -15rem;left: 50%;color: #fff;font-size: clamp(80px, 18vw, 24rem);font-weight: 900;z-index: 0;transform: translateX(-50%);max-width: 150rem;}
.facilities_box.f_main .f_item{ width: 48%; border-radius: 2rem; overflow: hidden;  background: #fff; box-shadow: 0px 0px 35px rgba(217,217,217,0.5);}
.facilities_box.f_main .f_item .cont{padding: 6% 10%;}
.facilities_box.f_main .f_item .cont h4{font-size:2.5rem;}

.facilities_box.f_main .f_item .thum_img {overflow: hidden; width: 100%;}
.facilities_box.f_main .f_item .thum_img img {width: 100%; object-fit: cover; display: block; transition: transform 0.5s ease;}
.facilities_box.f_main .f_item .thum_img:hover img {transform: scale(1.1);}


/*생산공정*/
.facilities_box .box{width:100%;border-radius:2rem; box-shadow: 0px 0px 35px rgba(217,217,217,0.5);}
.facilities_box .box.bg_white{background-color:#fff;padding: 5%;}
.facilities_box.f_process .box .f_item{display:flex;flex-wrap: wrap;gap: 10rem 4%; }
.facilities_box.f_process .box .f_item > li{width:48%;text-align: center;padding: 0 5rem;}
.facilities_box.f_process .box .f_item > li .num{background-color:#212f74;border-radius:5rem;color:#fff;width: 7.7rem;height: 7.7rem;margin: 0 auto 2rem;display: flex;align-items: center;justify-content: center;font-size: 3rem;font-weight: bold;}
.facilities_box.f_process .box .f_item > li .txt{word-break:keep-all;margin-top: 2rem;}
.facilities_box.f_process .f_item h4{font-size:3rem; }



/*공장규모*/
.facilities_box.f_factory .box{padding: 8% 5% 0 5%; padding-bottom: clamp(6rem, 50vw, 40rem); background:url(/layout/images/www/contents/facilities/f_factory_bg.png) center bottom no-repeat; background-size: contain;}
.facilities_box.f_factory .box h4{margin-bottom:4rem;word-break: keep-all;}
.facilities_box.f_factory .box p{padding:0 10rem;}
.facilities_box.f_factory .box p.tit{font-size:3rem; text-align:center;font-weight:bold;margin-bottom: 4rem; line-height:1.4; word-break:keep-all;}

/*경영철학*/
.cont_philosophy {text-align: center; position: relative;}
.cont_philosophy::after{content:'CHANGDAE';position:absolute;top: -21rem;left: 50%;color: rgb(200 200 200 / 15%);font-size: clamp(8rem, 14vw, 24rem);font-weight: 900;z-index: -1;line-height: normal;transform: translateX(-50%);}
.cont_philosophy .philosophy_icon01::before {content:''; display:block; width:10rem; height:10.5rem; background:url(/layout/images/www/contents/aboutus/philosophy_icon01.png) no-repeat; margin:0 auto;}
.cont_philosophy .philosophy_icon02::before {content:''; display:block; width:8rem; height:10rem; background:url(/layout/images/www/contents/aboutus/philosophy_icon02.png) no-repeat; margin:0 auto;}
.cont_philosophy .philosophy_icon03::before {content:''; display:block; width:11rem; height:11.5rem; background:url(/layout/images/www/contents/aboutus/philosophy_icon03.png) no-repeat; margin:0 auto;}


.cont_philosophy .cont_box1 {background:#f9f9f9; width:100%; padding:7rem 4rem;}
.cont_philosophy .cont_box1 .img_txt div {background:#fff; border-radius:2rem; box-shadow: 0 0 25px rgba(0, 0, 0, 0.05); padding:7rem 5rem;}
.cont_philosophy .cont_box1 .img_txt h5 {margin-top:2rem;}

.cont_philosophy .cont_box2 {background:#f9f9f9; width:95%; margin:0 auto;}
.cont_philosophy .cont_box2 .img_txt h5 {color:#fff;}
.cont_philosophy .cont_box2 .img_txt div {height:39rem; text-align: center; margin:0 auto; border-radius:2rem; display: flex; align-items: center; flex-direction: column; color: #fff; justify-content: center;}
.cont_philosophy .cont_box2 .img_txt .l30 {background:url(/layout/images/www/contents/aboutus/philosophy_img01.jpg) no-repeat;background-size: cover;    background-position-y: bottom;}
.cont_philosophy .cont_box2 .img_txt .c30 {background:url(/layout/images/www/contents/aboutus/philosophy_img02.jpg) no-repeat;background-size: cover;background-position-y: bottom;}
.cont_philosophy .cont_box2 .img_txt .r30 {background:url(/layout/images/www/contents/aboutus/philosophy_img03.jpg) no-repeat;background-size: cover;background-position-y: bottom;}




/*연혁*/

.cont_history .sub_tit {color:#333; font-weight:800;}
.cont_history .history-table {width:100%; text-align:left; border-bottom:0;}
.history-table, .history-table th, .history-table td {border:none;}
.cont_history .history-table th,.cont_history .history-table td {padding:4rem 0;}
.cont_history .history-table th {width:30%; vertical-align:top;}
.cont_history .history-table td {width:70%;}
.cont_history .img_txt {margin-top:10rem; position:relative;}
.cont_history .img_txt:first-of-type {margin-top:0;}
.cont_history .r50 .tit::before {content:''; display:block; width:60%; height:0.4rem;background:#333; margin-bottom:3.8rem;}
.cont_history .r50 h5 {margin-top:1.5rem;}
.cont_history .img_txt::after {z-index:-1; content:''; display:block; position:absolute;font-size:12.5vw; color:#fbfbfb; font-weight:700; bottom:0;}
.cont_history .img_txt:nth-of-type(1)::after {content:"2020~";}
.cont_history .img_txt:nth-of-type(2)::after {content:"2010~";}
.cont_history .img_txt:nth-of-type(3)::after {content:"2000~"; bottom:calc(100% - 400px);}




/*오시는길*/
.map_box .root_daum_roughmap .cont, .map_box .root_daum_roughmap .wrap_controllers{display:none;}
.map_box .map_info{background-color:#f9f9f9;border-radius: 0 0 2rem 2rem;padding: 5rem 5%;display: flex;gap: 2rem 5%;position: relative;}
.map_box .map_info h4{font-size: clamp(2rem, 4vw, 3.6rem);font-weight:bold;}
.map_box .map_info .map_txt{width: calc(100% - 22rem);border-left: 2px solid #eee;display: flex;flex-direction: column;justify-content: center;gap: 1rem;padding: 0 9% 0 5%;}
.map_box .map_info .map_txt > li{display:flex;align-items: center;}
.map_box .map_info .map_txt > li b{display: flex;width: 12rem;align-items: center;gap: 0 1rem;}
.map_box .map_info .map_txt > li b i[class^='icon_']{width: 3rem;height: 3rem;border-radius: 5rem;background-color:#212f74;display: flex;align-items: center;justify-content: center;}
.map_box .map_info .map_txt > li b i[class^='icon_']::before{content:'';display: block;width: 1.4rem;height: 1.7rem;background:url(/layout/images/www/contents/support/sp_location.png) no-repeat;}
.map_box .map_info .map_txt > li b i.icon_adr::before{background-position: -22.5rem -1.9rem;}
.map_box .map_info .map_txt > li b i.icon_tel::before{background-position: -253px -19px;width: 1.6rem;}
.map_box .map_info .map_btn{position:absolute;top: 3rem;right: 3rem;background-color: #fff;border-radius: 2rem;border: 2px solid #D9D9D9;height: 10rem;width: 10rem;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 0.5rem 0;}
.map_box .map_info .map_btn i.icon_map{background:url(/layout/images/www/contents/support/sp_location.png) no-repeat;width: 3.5rem;height: 4rem;background-size: 20rem;}
.map_box .map_traffic{margin-top: 5rem;display: flex;gap: 4rem 2%;}
.map_box .map_traffic .m_item{width: 33%;border: 1px solid #d9d9d9;border-radius: 2rem;padding: 5rem 3rem;}
.map_box .map_traffic .m_item h5{margin:0;padding-bottom: 2rem;border-bottom: 1px solid #000;display: flex;justify-content: space-between;}
.map_box .map_traffic .m_item h5 i[class^='icon_']{width: 4rem;height: 3.8rem;display: flex;align-items: center;justify-content: center;background:url(/layout/images/www/contents/support/sp_location.png) no-repeat;}
.map_box .map_traffic .m_item h5 i.icon_bus{background-position: -58px -9px;}
.map_box .map_traffic .m_item h5 i.icon_car{background-position: -111px -8px;}
.map_box .map_traffic .m_item h5 i.icon_taxi{background-position: -166px -8px;}
.map_box .map_traffic .m_item .traffic_dl{margin-top:2rem;}
.map_box .map_traffic .m_item .traffic_dl{display:flex;flex-direction: column;}
.map_box .map_traffic .m_item .traffic_dl dt{font-weight:bold; color: #212f74; margin-top:2rem;}
.map_box .map_traffic .m_item .traffic_dl dt:first-child{margin:0;}





@media screen and (max-width:1500px) {
	.cont_philosophy::after{top:-14rem;}
}

@media screen and (max-width:1024px) {
	.cont_philosophy::after{top:-7.5%;}
	.map_box .map_traffic{display:flex;flex-direction: column;}
	.map_box .map_traffic  .m_item{width:100%;}
}

/*모바일 스타일*/
@media screen and (max-width:768px) {
	.cont_titlebox .tit{font-size:3rem;}
	.sub_tit + h5{font-size: 2.6rem;margin-top: 0;}
	.sub_tit{font-size: 1.9rem;}
	.sub_txt{font-size:1.8rem; }
	.txt_banner::after{ top: -2rem;}
	.facilities_box{padding:6%;}
	.facilities_box::before{display:none;}	
	.facilities_box.f_main{flex-direction: column; gap:2rem;}
	.facilities_box.f_main .f_item{width:100%;}
	.facilities_box.f_main .f_item .cont h4{font-size:2.2rem;margin-top: 0;}	
	.facilities_box.f_process .box .f_item{gap:4rem;}
	.facilities_box.f_process .box .f_item > li{width:100%; padding:0;}
	.facilities_box.f_process .box .f_item > li .num{font-size:2rem; width:5rem; height:5rem;}
	.facilities_box span.next{ display: initial !important;}	
    .facilities_box.f_factory .box p{padding: 0;}
	.facilities_box.f_factory .box p.tit{font-size:2rem;}
	
	
	/*oem*/
	p.basic.oemlogobox {width:40%;}
	
	
	/*오시는길*/
	.map_box .map_info{display:flex;flex-direction: column;padding: 3rem 5%;}
	.map_box .map_info .map_txt{width:100%; border:0; padding:0;}
	.map_box .map_info .map_btn{display: flex;flex-direction: row;height: auto;width: auto;top: 2.5rem;right: 5%;gap: 0 1rem;padding: 0.5rem 2rem;border-radius: 1rem;}
	.map_box .map_info .map_btn i.icon_map{ background-size: 14rem; width: 2.6rem; height: 2.8rem;}
	
	.cont_philosophy::after{top:-6rem;}
	
}










/*영문버전*/

	.wrap_bg.eng .map_box .map_info .map_btn{ width:12rem; height: clamp(4rem, 10vw, 10rem);}




@media screen and (max-width:1500px) {
	.wrap_bg.eng .map_box .map_info .map_txt > li {display: flex;align-items: flex-start; flex-direction: column; margin-right: 6rem;}
	.wrap_bg.eng .map_box .map_info .map_txt > li b {margin-right: 1rem; margin-bottom:1rem;}
}



@media screen and (max-width: 768px) {
	.wrap_bg.eng .map_box .map_info .map_btn{height:7rem;}
	.wrap_bg.eng{text-wrap: balance;}
    .wrap_bg.eng span.next { display: inline !important;white-space: normal;}
	.wrap_bg.eng p.subvis_tit {font-size:2.0rem;}	
	.wrap_bg.eng .map_box .map_info .map_txt > li {display: flex; align-items: flex-start; flex-direction: column;}
	.wrap_bg.eng .map_box .map_info .map_btn{width:12rem; height:auto;}
}