/*========================= 공통으로 쓰는 스타일입니다. [각 컨텐츠 스타일은 sub_content.css 여기에 쓰세요]===================*/
.cnt_area{line-height: 150%;}
#content{line-height: 150%;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; }
 .c0 { margin-top:0; }
 .pc_none { display:none; }

 h4.tit:first-child { margin-top:0; }
 h4.tit {margin-top:7rem;font-size: 3.2rem;display:block;font-weight: 700;color: #303030;line-height:normal;}
 h5.tit {margin-top:5rem;font-size: 2.6rem;display:block;color: #3280e6;font-weight:600;line-height:normal;}
 h6.tit {margin-top:4rem;font-size:2.2rem;display:block;color: #5b5b5b;font-weight:600;line-height:normal;}
 h6.tit::before{content:'';display: inline-block;width: 0.5rem;height: 2rem;background: #6d6d6d;margin-right: 0.8rem;border-radius: 10rem;vertical-align: middle;margin-bottom: 0.3rem;}
 h4.c0, h5.c0, h6.c0 { margin-top:0; }

 p.basic { margin-top:2rem; word-break: keep-all;}


/* 라인*/
.line_dot { border-bottom:1px dashed #d2d2d2; display: block; margin:2rem 0 0; }
.line {border-bottom:1px solid #d2d2d2; display: block; margin:2rem 0 0;}


/*강조*/
.gr { color:#12936a;}/*초록*/
.rd { color:#ff0000;}/*빨강*/
.bl { color:#3280E6;}/*파랑*/
.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("/images/major/common/w_bl.png") no-repeat 0px 0px;width: 15px;height: 13px;border-radius: 0;top: 8px;}
ul.ul_br > li::before{background: url("/images/major/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}


/*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: #1A4AB9;border: 1px solid #1A4AB9;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;}
.basic > li > ul > li > ul > li::before{transform: rotate(45deg);width: 0.6rem;}
.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 #1A4AB9 !important;}
.tr_b{border-right: 2px solid #1A4AB9 !important;}
.tt_b{border-top: 2px solid #1A4AB9 !important;}
.tb_b{border-bottom: 2px solid #1A4AB9 !important;}

/*박스*/
.c_box {background-color: #F6F6F6;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("/images/major/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("/images/major/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 #424242;border-radius: 0.8rem;color: #424242;}
.btn_box .btn.down::after, .btn_box .btn.link::after, .btn_box .btn.newwin::after{content:'';display:inline-flex;background: url(/images/major/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:#333; color:#fff;}
.btn_box .btn.black::after{filter: contrast(0) brightness(10);}

.btn_box .btn:hover { background-color:#333; border:1px solid #333; color: #fff; }
.btn_box .btn:hover::after{filter: contrast(0) brightness(10);}
.btn_box .btn.black:hover { background-color:#fff; border:1px solid #333; color: #333; }
.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 #1A4AB9;background: #1A4AB9;color: #fff;}
.btn_box a.p1:hover { background-color:#fff; border:1px solid #1A4AB9; color:#1A4AB9;}
.btn_box a.p2 { background-color:#1c3570; border:1px solid #1c3570;color: #fff; }
.btn_box a.p2:hover { background-color:#fff; border:1px solid #1c3570; color:#1c3570;}

.btn_box a.p3 { background-color:#fff; border:1px solid #1A4AB9; color:#1A4AB9; }
.btn_box a.p3:hover { background-color:#1A4AB9; border:1px solid #1A4AB9; 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: #9d9d9d;}
.btn_box .btn[class*=dw_]::before{content:'';display: flex;width: 2.5rem;height: 2.5rem;background:url(/images/major/common/sp_content.png) no-repeat;vertical-align:middle;}
.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_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}

/*in 버튼*/
 .btn_in {margin:0px 5px;padding: 4px 10px;display: inline-block;border:1px solid #c3c3c3;border-radius: 50px;transition: all 0.5s ease 0s;}
 .btn_in::before{content:'';display:inline-block;width: 18px;height: 18px;background: url(/images/major/common/sp_content.png)-11px -13px no-repeat;vertical-align:middle;margin-right: 4px;}
 .btn_in.new1 {color: #333;border:none;margin: 0; padding:0 5px;}
 .btn_in[class*=dw_]::before{content:'';display:inline-block;width: 25px;height: 25px;background:url(/images/major/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;}

/*좌우 이미지-텍스트 
----------------------------------------*/
.img_txt {clear:both;width:100%;margin:4rem 0 1.5rem 0;display: flex;flex-wrap: wrap;gap: 2rem 3%;}

/*50%,50%*/
.img_txt .l50 {width: 48%;}
.img_txt .r50 {width: 48%;float:left;}

/*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: 20%;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 #1A4AB9; padding: 10px 38px; border-radius: 3px;}
.content_tabbox_wrap .tabbox_item > a._action_tab.on{background-color: #1A4AB9; border-color: #1A4AB9; 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: 2% 3%;border-radius:2rem;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: 8px;background: #1A4AB9;border-radius: 1rem 1rem 0 0;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 0 1rem 1rem;display: flex;align-items: center;text-align:center;word-break: keep-all;height: 100%;flex-direction: column;}
.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.5%;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(/images/major/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(/images/major/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: block;width: 32px;background: #1A4AB9;color: #fff;padding: 4px 5px;border-radius: 8px 10px 8px 10px;}
 .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: 2rem; 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("/images/major/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(/images/major/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; }


/* 간격조정 */
.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;}

/*정렬*/
.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}


/*막대그래프*/
.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.5rem;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.5rem;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: 6rem;height: 100%;background: #f3f3f3;border-radius: 1rem 1rem 0 0;overflow: hidden;}
.vertical_chart_box .axis_x .graph .graph_item {display: block;position: relative;box-sizing: content-box;width: 100%;display: flex;justify-content: center;}
.vertical_chart_box .axis_x .graph .graph_item.data1 {background: #1A4AB9;z-index: 3;}
.vertical_chart_box .axis_x .graph .graph_item.data2 { background: #0089ff; z-index: 2;}
.vertical_chart_box .axis_x .graph .graph_item.data3 { background: #03A16E; z-index: 1;}
.vertical_chart_box .axis_x .graph .graph_item .num{color:#fff;font-size: 1.3rem;letter-spacing:-0.05rem;margin-top: 0.5rem;line-height: 1.2;}
.vertical_chart_box .axis_x button.graph { border: 0;}
.vertical_chart_box .chart_box.align_center{ justify-content: center;}

/*원형그래프*/
.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:#1A4AB9; 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( #1A4AB9 0%, #0089ff 100%, #f3f3f3 100% 100%);}
.pie_chart_box .pie_95 {background: conic-gradient( #1A4AB9 0%, #0089ff 95%, #f3f3f3 95% 100%);}
.pie_chart_box .pie_90 {background: conic-gradient( #1A4AB9 0%, #0089ff 90%, #f3f3f3 90% 100%);}
.pie_chart_box .pie_85 {background: conic-gradient( #1A4AB9 0%, #0089ff 85%, #f3f3f3 85% 100%);}
.pie_chart_box .pie_80 {background: conic-gradient( #1A4AB9 0%, #0089ff 80%, #f3f3f3 80% 100%);}
.pie_chart_box .pie_75 {background: conic-gradient(#1A4AB9 0%, #0089ff 75%, #f3f3f3 75% 100%);}
.pie_chart_box .pie_70 {background: conic-gradient(#1A4AB9 0%, #0089ff 70%, #f3f3f3 70% 100%);}
.pie_chart_box .pie_65 {background: conic-gradient( #1A4AB9 0%, #0089ff 65%, #f3f3f3 65% 100%);}
.pie_chart_box .pie_60 {background: conic-gradient( #1A4AB9 0%, #0089ff 60%, #f3f3f3 60% 100%);}
.pie_chart_box .pie_55 {background: conic-gradient( #1A4AB9 0%, #0089ff 55%, #f3f3f3 55% 100%);}
.pie_chart_box .pie_50 {background: conic-gradient( #1A4AB9 0%, #0089ff 50%, #f3f3f3 50% 100%);}
.pie_chart_box .pie_45 {background: conic-gradient( #1A4AB9 0%, #0089ff 45%, #f3f3f3 45% 100%);}
.pie_chart_box .pie_40 {background: conic-gradient( #1A4AB9 0%, #0089ff 40%, #f3f3f3 40% 100%);}
.pie_chart_box .pie_35 {background: conic-gradient( #1A4AB9 0%, #0089ff 35%, #f3f3f3 35% 100%);}
.pie_chart_box .pie_30 {background: conic-gradient( #1A4AB9 0%, #0089ff 30%, #f3f3f3 30% 100%);}
.pie_chart_box .pie_25 {background: conic-gradient( #1A4AB9 0%, #0089ff 25%, #f3f3f3 25% 100%);}
.pie_chart_box .pie_20 {background: conic-gradient( #1A4AB9 0%, #0089ff 20%, #f3f3f3 20% 100%);}
.pie_chart_box .pie_15 {background: conic-gradient( #1A4AB9 0%, #0089ff 15%, #f3f3f3 15% 100%);}
.pie_chart_box .pie_10 {background: conic-gradient( #1A4AB9 0%, #0089ff 10%, #f3f3f3 10% 100%);}
.pie_chart_box .pie_5 {background: conic-gradient( #1A4AB9 0%, #0089ff 5%, #f3f3f3 5% 100%);}
.pie_chart_box .pie_0 {background: conic-gradient( #1A4AB9 0%, #0089ff 5%, #f3f3f3 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;}

/*원형차트 2개항목*/
.pie_chart_box .pie_95_5 {background: conic-gradient( #0089ff 95%, #1A4AB9 95% 100%);}
.pie_chart_box .pie_90_10 {background: conic-gradient( #0089ff 90%, #1A4AB9 90% 100%);}
.pie_chart_box .pie_85_15 {background: conic-gradient( #0089ff 85%, #1A4AB9 85% 100%);}
.pie_chart_box .pie_80_20 {background: conic-gradient(#0089ff 80%, #1A4AB9 80% 100%);}
.pie_chart_box .pie_75_25 {background: conic-gradient(#0089ff 75%, #1A4AB9 75% 100%);}
.pie_chart_box .pie_70_30 {background: conic-gradient(#0089ff 70%, #f3f3f3 70% 100%);}
.pie_chart_box .pie_65_35 {background: conic-gradient( #0089ff 65%, #1A4AB9 65% 100%);}
.pie_chart_box .pie_60_40 {background: conic-gradient( #0089ff 60%, #1A4AB9 60% 100%);}
.pie_chart_box .pie_55_45 {background: conic-gradient( #0089ff 55%, #1A4AB9 55% 100%);}
.pie_chart_box .pie_50_50 {background: conic-gradient( #0089ff 50%, #1A4AB9 50% 100%);}
.pie_chart_box .pie_45_55 {background: conic-gradient( #0089ff 45%, #1A4AB9 45% 100%);}
.pie_chart_box .pie_40_60 {background: conic-gradient( #0089ff 40%, #1A4AB9 40% 100%);}
.pie_chart_box .pie_35_65 {background: conic-gradient( #0089ff 35%, #1A4AB9 35% 100%);}
.pie_chart_box .pie_30_70 {background: conic-gradient( #0089ff 30%, #1A4AB9 30% 100%);}
.pie_chart_box .pie_25_75 {background: conic-gradient( #0089ff 25%, #1A4AB9 25% 100%);}
.pie_chart_box .pie_20_80 {background: conic-gradient( #0089ff 20%, #1A4AB9 20% 100%);}
.pie_chart_box .pie_15_85 {background: conic-gradient( #0089ff 15%, #1A4AB9 15% 100%);}

.pie_chart_box .pie_10_90 {background: conic-gradient( #0089ff 10%, #1A4AB9 10% 100%);}
.pie_chart_box .pie_5_95 {background: conic-gradient( #0089ff 5%, #1A4AB9 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;}

/*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; }
}



/*모바일 스타일*/
@media screen and (max-width:768px) {
#content{font-size:1.6rem;}
 h4.tit {margin-top:3rem;font-size: 2.4rem; word-break: break-all;}
 h5.tit {margin-top:3rem;font-size: 2rem; word-break: break-all;}
 h6.tit {margin-top:3rem;font-size:1.7rem; word-break: break-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; }
	
/*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:2rem;}
 .img_txt > div{width: 100% !important;}

/*버튼 스타일*/
.btn_box{gap:1rem 2%}
.btn_box .btn[class*=dw_]{text-align:left;}
.btn_box .btn[class*=dw_]::before{width:3.5rem;}


/*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:2rem 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;}
.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;}
	
/*탭박스*/
.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: #1A4AB9; border-color: #1A4AB9; 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_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;}
	

}
