@charset "utf-8";




/* sub_visual */

.sub_visual_wrap{position: relative; width: 100%;}
.sub_visual_wrap .sub_visual{ background: url(../img/sub01_visual_bg.png)no-repeat top center;  /*padding-top: 6.25rem;*/}
.sub_visual_wrap .sub_visual .guide { height: 33rem; }
/*.sub_visual_wrap .sub_visual .inner{display: flex; justify-content: center; align-items: center;}*/
.sub_visual_wrap .sub_visual .sub_tit{position: absolute; top: 60%; transform: translateY(-60%); width: 100%;font-size: 6.25em;color: #fff;font-weight: 900; z-index: 2;}
.sub_visual_wrap .sub_visual .img img { position: absolute; right: 0; bottom: 0; z-index: 1;}
/*.sub_visual_wrap .sub_visual .img{width: 50%;padding-top: 35%;text-align: center;background-repeat: no-repeat;background-position: center;background-size: 70%;}*/
/*
.sub_visual_wrap.sub01 .sub_visual .img{background-image: url(../img/sub01_visual_icon.png);}
.sub_visual_wrap.sub02 .sub_visual .img{background-image: url(../img/sub02_visual_icon.png);}
.sub_visual_wrap.sub03 .sub_visual .img{background-image: url(../img/sub03_visual_icon.png);}
.sub_visual_wrap.sub04 .sub_visual .img{background-image: url(../img/sub04_visual_icon.png);}
.sub_visual_wrap.sub05 .sub_visual .img{background-image: url(../img/sub05_visual_icon.png);}
*/


@media  screen and (max-width:1300px) {
    /* .sub_visual_wrap .sub_visual{background-size: 150%;} */
}
@media screen and (max-width:1080px) {
    .sub_visual_wrap .sub_visual{ background-color: #e3efff;}
    .sub_visual_wrap .sub_visual .sub_tit{ font-size: 5.25em;}
    .sub_visual_wrap .sub_visual .img img { width: 45%; padding-bottom: 1em; }
}
@media screen and (max-width:768px) {
    .sub_visual_wrap .sub_visual .guide { height: 30rem;}
    .sub_visual_wrap .sub_visual .sub_tit {text-align: center;filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.05));}
    .sub_visual_wrap .sub_visual .img img { width: 60%; opacity: 0.3; }
}
@media screen and (max-width:480px) {
    .sub_visual_wrap .sub_visual .guide { height: 27rem;}
    .sub_visual_wrap .sub_visual .img img { left: 60%; transform: translateX(-45%); width: 70%; }
}
 

/* .com_sub_tit */
.sub_cont { padding: 8em 0; }
.sub_wrap{ position: relative; }
.com_sub_cont_wrap{padding: 6.25rem 0;}
.com_tit_wrap{text-align: center; width: 100%; word-break: keep-all;}
.com_tit_wrap .com_sub_tit01{font-size: 3.75em; font-weight: 900; margin-bottom: 0.3em;}
.com_tit_wrap .com_sub_tit02{font-size: 1.87em; font-weight: 500; color: #222; line-height: 1.33em; margin-bottom: 12px;}
.com_tit_wrap .com_sub_tit03{ font-size: 1.25em; color: #17519a; line-height: 1.5em;}

@media screen and (max-width:767px) {
    .com_tit_wrap .com_sub_tit01{font-size: 3em;}
    .com_tit_wrap .com_sub_tit02{font-size: 1.5em;}
    .com_tit_wrap .com_sub_tit03{font-style: 1em;}
}
@media screen and (max-width:570px) {
    .sub_cont{ padding: 5em 0; }
    .com_sub_cont_wrap{padding: 5rem 0;}
    .com_tit_wrap .com_sub_tit01{font-size: 2.7em;}
    .com_tit_wrap .com_sub_tit02{font-size: 1.3em;}
    .com_tit_wrap .com_sub_tit02 br{display: none;}
    .com_tit_wrap .com_sub_tit03 br{display: none;}
}

/* content : com_sub_txt */
.com_sub_txt{font-size: 2.18em; color: #222; font-weight: 900; text-align: center; word-break: keep-all; line-height: 1.2em;}
.com_sub_txt::after{content: "";display: block;background: url(../img/sub01_arrow.png) no-repeat center /contain;width: 2.75em;height: 15px;margin: 2.5rem auto;}
@media screen and (max-width:570px) {
    .com_sub_txt{font-size: 1.7em;}
    .com_sub_txt::after{ width: 1em; margin: 1.5rem auto; }
}

/* com_category_wrap */
.com_category_wrap{width: 100%; padding-top: 2.6%;}
@media screen and (max-width:767px) {
    .com_category_wrap{padding-top: 5.5%;}
}
@media screen and (max-width:570px) {
    .com_category_wrap{padding-top: 9.5%;}
}


/* cate_order_wrap : 절차(sub0202,sub04) */
.cate_order_wrap{ background-image: url(../img/sub02_cont02_bg_icon.jpg); background-repeat: repeat; background-color: #333;}
.cate_order_wrap .txt_wrap{text-align: center; width: 100%; font-weight: 400; word-break: keep-all;}
.cate_order_wrap .txt_wrap .txt01{font-size: 1.25em; color: #4e9fc5; margin-bottom: 12px;}
.cate_order_wrap .txt_wrap .txt02{font-size: 1.87em; color: #fff; line-height: 1.4em;}
.cate_order_wrap .order_list{margin: 40px -3.8% 0;}
.cate_order_wrap .order_list .list{ float: left; position: relative; width: 12.4%; margin: 0 3.8%; text-align: center;}
.cate_order_wrap .order_list .list .bg::after{content: ""; display: inline-block; width: 63%; height: 12px; background: url(../img/sub_arrow_right.png)no-repeat center; position: absolute; top: 50%; left: 100%; transform: translateY(-50%);}
.cate_order_wrap .order_list .list:last-child .bg::after{background: none;}
.cate_order_wrap .order_list .list .order_txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center;}
.cate_order_wrap .order_list .list .order_txt .num{ font-size: 1.87em; font-weight: 900; color: #51afda; margin-bottom: 12px;}
.cate_order_wrap .order_list .list .order_txt .num_txt{font-size: 1.12em; color: #666; line-height: 1.33em;}
.cate_order_wrap .order_list .list .order_txt .num_txt .mob_br{display: none;}

        /* sub 04 : cate_order_wrap  */
.sub04_wrap .cate_order_wrap .com_sub_txt{color: #fff;}
.sub04_wrap .cate_order_wrap{  background-image: url(../img/sub04_cont01_bg.jpg); background-color: #17519a;}
.sub04_wrap .cate_order_wrap .order_list { margin-top: 6em; }
.sub04_wrap .cate_order_wrap .order_list .list { width: 17.4%; }
.sub04_wrap .cate_order_wrap .order_list .list .bg::after { left: 90%; }
.sub04_wrap .cate_order_wrap .order_list .list .bg img { width: 100%; }
.sub04_wrap .cate_order_wrap .order_list .list .bak_num{ position: absolute; top: -28%; left: 50%; transform: translateX(-50%); font-size: 9.37em; color: rgba(255,255,255,0.1); font-weight: 900;}
.sub04_wrap .cate_order_wrap .order_list .list .num{font-size: 1.87em; color: #222; font-weight: 900; margin-bottom: 0.67em;}
.sub04_wrap .cate_order_wrap .order_list .list .num::after{content: ""; display: block; position: absolute; top: 16%; left: 50%; transform: translateX(-50%); z-index: -1; background-color: #dceff8; width: 4.33em; height: 0.67em;}


@media screen and (max-width:1080px) {
    .cate_order_wrap .order_list{margin: 40px -5.8% 0;}
    .cate_order_wrap .order_list .list{ width: 18%; margin: 0 5.8%;}
    .cate_order_wrap .order_list .list04{margin-left: 20%;}
    .cate_order_wrap .order_list .list .bg::after{width: 77%;}
    
    .sub04_wrap .cate_order_wrap .order_list{margin: 6em 0 0;}
    .sub04_wrap .cate_order_wrap .order_list .list{ width: 30%; margin: 0 5%;}
    .sub04_wrap .cate_order_wrap .order_list .list03{ margin-left: 25%;}
    .sub04_wrap .cate_order_wrap .order_list .list .bak_num { top: -18%; }

}
@media screen and (max-width:805px) {
    .sub0202_wrap .cate_order_wrap .txt_wrap .txt02 br{display: none;}
    
}
@media screen and (max-width:767px) {
    .cate_order_wrap .order_list .list{width: 22%; }
    .cate_order_wrap .order_list .list01{margin-left: 7.8%;}
    .cate_order_wrap .order_list .list03{margin-left: 24%;}
    .cate_order_wrap .order_list .list04{margin-left: 5.8%;}
    .cate_order_wrap .order_list .list05{margin-left: 40%;}
    .cate_order_wrap .order_list .list .bg::after{width: 50%; background-size: 50%;}

}
@media  screen and (max-width:570px) {
    .cate_order_wrap .order_list .list{width: 25%;}
    .sub04_wrap .cate_order_wrap .order_list .list .bak_num { top: -26%; }
    .sub04_wrap .cate_order_wrap .order_list .list .num{font-size: 1.6em}
    /* .cate_order_wrap .order_list .list .order_txt .num{font-size: 1.2em; margin-bottom: 5px;} */
    /* .cate_order_wrap .order_list .list .order_txt .num_txt{font-size: 12px; line-height: 1.1em;} */
}

@media screen and (max-width:480px) {
    .cate_order_wrap .order_list .list{ display: block; float: none; width: 100%; margin: 0 0 4em !important;}
    .cate_order_wrap .order_list .list:last-child{ margin-bottom: 0 !important; }
    .cate_order_wrap .order_list .list .bg::after{ display: block; width: 40px; left: 45% !important; bottom: -25px; position: relative; transform: rotate(90deg); background-size: contain;}
    .cate_order_wrap .order_list .list .order_txt .num_txt .mob_br{display: block;}
    
    .sub04_wrap .cate_order_wrap .order_list .list{ width: 100%; }
    .sub04_wrap .cate_order_wrap .order_list .list .bg img { width: auto; }
    .sub04_wrap .cate_order_wrap .order_list .list03{ margin-left: 5%;}
}
/* cate_order_wrap : end */


/*----------------------- sub 01 -----------------------*/

/* sub01_cont01 */
.sub01_wrap .sub01_cont01{ padding-top: 0;}
.sub01_wrap .sub01_cont01 .txt_wrap{text-align: center; width: 100%; word-break: keep-all;}
.sub01_wrap .sub01_cont01 .txt_wrap .tit01{font-size: 3.75em; font-weight: 900; margin-bottom: 0.5em;}
.sub01_wrap .sub01_cont01 .txt_wrap .tit01 .mob_br{display: none;}
.sub01_wrap .sub01_cont01 .txt_wrap .tit02 .mob_br{display: none;}
.sub01_wrap .sub01_cont01 .txt_wrap .tit02{font-size: 1.75em; font-weight: 700; line-height: 1.2em; margin-bottom: 1.75em;}
.sub01_wrap .sub01_cont01 .txt_wrap .cont_txt{font-size: 1.25em; line-height: 1.5em; color: #666;}
.sub01_wrap .sub01_cont01 .txt_wrap .cont_txt02{color: #17519a; margin: 2em 0 0;}
.sub01_wrap .sub01_cont01 .txt_wrap .cont_txt .mob_br{display: none;}


@media screen and (max-width:1200px) {
    .sub01_wrap .sub01_cont01 .txt_wrap .cont_txt .mob_br{display: block;}    
}
@media screen and (max-width:1080px) {
    .sub01_wrap .sub01_cont01 .txt_wrap .cont_txt .pc_br{display: none;}
    
}
@media screen and (max-width:767px) {
    .sub01_wrap .sub01_cont01 .txt_wrap .tit01 .mob_br{display: block;}
}
@media screen and (max-width:570px) {
    .sub01_wrap .sub01_cont01 .txt_wrap .tit01{font-size: 3em;}
    .sub01_wrap .sub01_cont01 .txt_wrap .tit02{font-size: 1.5em;}
    .sub01_wrap .sub01_cont01 .txt_wrap .tit02 .mob_br{display: block;}
    .sub01_wrap .sub01_cont01 .txt_wrap .cont_txt{font-size: 1.1em;}
    .sub01_wrap .sub01_cont01 .txt_wrap .cont_txt .mob_br{display: none;}
}

/* sub01_cont02 */
.sub01_wrap .sub01_cont02{position: relative; background-color: #f9f9f9;}
.sub01_wrap .sub01_cont02 .sub_txt02{font-size: 1.25em; color: #666; line-height: 1.5em; text-align: center; margin-bottom: 3em; word-break: keep-all;}
.sub01_wrap .sub01_cont02 .logo_img{width: 100%; display: flex; align-items: center;}
.sub01_wrap .sub01_cont02 .logo_img img{display: block; width: 50%;}
.sub01_wrap .sub01_cont02 .box_wrap{display: flex; justify-content: space-between;}
.sub01_wrap .sub01_cont02 .box_wrap .box_tit{font-size: 1.25em; margin-bottom: 10px; font-weight: 900;}
.sub01_wrap .sub01_cont02 .box_wrap .ciin_box{ width: 48.33%; display: flex; flex-direction: column; justify-content: space-between;}
.sub01_wrap .sub01_cont02 .ciin_box .ciin_inner .dash_box{padding: 2.37em; text-align: center; background-color: #fff; border: 1px dashed #c1c1c1;}
.sub01_wrap .sub01_cont02 .ciin_box .ciin_inner .dash_box .img{ display: block; margin: 0 auto; width: 45%; min-width: 150px;}
.sub01_wrap .sub01_cont02 .ciin_box .ciin_kr .dash_box .img{width: 50%;}
.sub01_wrap .sub01_cont02 .ciin_box .ciin_en{margin-bottom: 2.5em;}
.sub01_wrap .sub01_cont02 .box_wrap .color_box{width: 48.33%;}
.sub01_wrap .sub01_cont02 .color_box .dash_box{padding: 2.37em; background-color: #fff; border: 1px dashed #c1c1c1; }
.sub01_wrap .sub01_cont02 .color_box .dash_box .txt{font-size: 1.25em; color: #666; line-height: 1.5em; margin-bottom: 2.5em; word-break: keep-all;}
.sub01_wrap .sub01_cont02 .color_box .color_detail_list{display: flex; justify-content: space-between;}
.sub01_wrap .sub01_cont02 .color_box .color_detail_list .color_detail{width: 47%; display: flex; align-items: flex-end;}
.sub01_wrap .sub01_cont02 .color_box .color_detail_list .color_detail .color_rect{width: 34%;padding-top: 60%;background-color: #0d5099;}
.sub01_wrap .sub01_cont02 .color_box .color_detail_list .color_detail .color_txt{width: 66%; padding-left: 8.5%;}
.sub01_wrap .sub01_cont02 .color_box .color_detail_list .color_detail .color_txt .rgb{ margin-bottom: 12px; font-size: 1.25em; color: #0d5099; font-weight: 700;}
.sub01_wrap .sub01_cont02 .color_box .color_detail_list .color_detail .color_txt .cmyk{font-size: 1em; color: #666;}
.sub01_wrap .sub01_cont02 .color_box .color_detail_list .color_detail02 .color_rect{background-color: #51afda;}
.sub01_wrap .sub01_cont02 .color_box .color_detail_list .color_detail02 .color_txt .rgb{color: #51afda;}
@media screen and (max-width:1180px) {
    .sub01_wrap .sub01_cont02 .color_box .dash_box .txt br{display: none;}
}
@media screen and (max-width:1080px) {
    .sub01_wrap .sub01_cont02 .sub_txt02 br{display: none;}
    .sub01_wrap .sub01_cont02 .box_wrap{flex-direction: column;}
    .sub01_wrap .sub01_cont02 .box_wrap .ciin_box{width: 100%;}
    .sub01_wrap .sub01_cont02 .ciin_box .ciin_kr{margin-bottom: 2.5em;}
    .sub01_wrap .sub01_cont02 .box_wrap .color_box{width: 100%;}
}
@media screen and (max-width:767px) {
    .sub01_wrap .sub01_cont02 .logo_img{flex-direction: column; margin-bottom: 1em;}
    .sub01_wrap .sub01_cont02 .logo_img img{width: 80%;}
.sub01_wrap .sub01_cont02 .color_box .color_detail_list .color_detail{ align-items: center;}
    .sub01_wrap .sub01_cont02 .color_box .color_detail_list .color_detail .color_rect {padding-top: 40%}
}
@media screen and (max-width:570px) {
    .sub01_wrap .sub01_cont02 .sub_txt02{font-size: 1.1em;}
    .sub01_wrap .sub01_cont02 .color_box .dash_box .txt{margin-bottom: 1.5em; font-size: 1.1em;}
    .sub01_wrap .sub01_cont02 .color_box .color_detail_list{flex-direction: column;}
    .sub01_wrap .sub01_cont02 .color_box .color_detail_list .color_detail{width: 100%;}
    .sub01_wrap .sub01_cont02 .color_box .color_detail_list .color_detail01{margin-bottom: 1.7em;}
}

/* sub01_cont03 */
.sub01_wrap .sub01_cont03{position: relative;}
.sub01_wrap .sub01_cont03 .tabs{width: 100%; background-color: #f1f1f1; border-radius: 10px; margin-bottom: 1.25em;}
.sub01_wrap .sub01_cont03 .tabs .tab_link{float: left; width: 33.33%; padding: 1em; box-sizing: border-box; border-radius: 10px; background-color: #f1f1f1; color: #999; font-size: 1em; text-align: center;}
.sub01_wrap .sub01_cont03 .tabs .tab_link.current{background-color: #17519a; color: #fff;}
.sub01_wrap .sub01_cont03 .tab_content.current{display: block;}
.sub01_wrap .sub01_cont03 .tab_content{ width: 100%; display: none;}
.sub01_wrap .sub01_cont03 .tab_content .img{width: 100%; position: relative; margin-bottom: 2.5em;}
.sub01_wrap .sub01_cont03 .tab_content .img img{width: 100%; display: block;}
.sub01_wrap .sub01_cont03 .tab_content .img .history_txt{position: absolute; bottom: 16px; right: 18px; font-size: 6.25em; color: transparent ; font-weight: 900; -webkit-text-stroke: 1px #fff; text-stroke: 1px #fff;}
.sub01_wrap .sub01_cont03 .history_list{ width: 100%;}
.sub01_wrap .sub01_cont03 .history_list li{}
.sub01_wrap .sub01_cont03 .history_list li .year{float: left; width: 31.67%; margin-right: 1.5%; border-top: 2px solid #51afda; padding: 1.87em 0;}
.sub01_wrap .sub01_cont03 .history_list li .year .num{ font-size: 1.75em; color: #51afda;}
.sub01_wrap .sub01_cont03 .history_list li .year_cont{float: left; width: 66.83%; border-top: 1px solid #f1f1f1; padding: 1.87em 0;}
.sub01_wrap .sub01_cont03 .history_list li .year_cont .cate_txt{font-size: 1em; color: #666; line-height: 1.5em;}
/* .sub01_wrap .sub01_cont03 .history_list li .year_cont .cate_txt .month{ color: #444; display: inline-block; width: 1.87em; vertical-align: top;} */
.sub01_wrap .sub01_cont03 .history_list li .year_cont .cate_txt .txt{display: inline-block; width: 100%; word-break: keep-all;}

@media screen and (max-width:1080px) {
    .sub01_wrap .sub01_cont03 .tab_content .img .history_txt{font-size: 5.25em;}
}
@media screen and (max-width:767px) {
    .sub01_wrap .sub01_cont03 .tab_content .img .history_txt{font-size: 3em; bottom: 10px; right: 10px;}
}
@media screen and (max-width:570px) {
    .sub01_wrap .sub01_cont03 .tabs .tab_link{padding: 1em 0;}
    .sub01_wrap .sub01_cont03 .tab_content .img{margin-bottom: 1.25em;}
    .sub01_wrap .sub01_cont03 .tab_content .img .history_txt{font-size: 2em;}
    .sub01_wrap .sub01_cont03 .history_list li .year{float: none; width: 100%; padding: 1em 0;}
    .sub01_wrap .sub01_cont03 .history_list li .year_cont{float: none; width: 100%; padding: 1em 0;}
    
}

/* sub01_cont04 */
.sub01_wrap .sub01_cont04{position: relative; background-color: #f9f9f9;}
.sub01_wrap .sub01_cont04 .group_img{width: 100%;}
.sub01_wrap .sub01_cont04 .group_img img{display: block; width: 100%;}
.sub01_wrap .sub01_cont04 .group_img .mob { display: none; }

@media screen and (max-width:768px) {
    .sub01_wrap .sub01_cont04 .group_img .pc { display: none; }
    .sub01_wrap .sub01_cont04 .group_img .mob { display: block; }
}

/* sub01_cont05 */
.sub01_wrap .sub01_cont05{position: relative; padding-bottom: 0; }
.sub01_wrap .sub01_cont05 .sub_txt02{font-size: 1.25em; color: #666; text-align: center; margin-bottom: 2em; word-break: keep-all; line-height: 1.2em;}
.sub01_wrap .sub01_cont05 .map{width: 100%; height: 22.5em;}
.sub01_wrap .sub01_cont05 .map iframe{display: block; width: 100%; height: 100%;}

@media screen and (max-width:570px) {
    .sub01_wrap .sub01_cont05 .sub_txt02{font-size: 1.1em;}
}



/*------------------------- sub01 조직도 ---------------------------*/
/* dot */
.dot_right{ position: absolute; top: 50%; right: -4.5%; transform: translateY(-50%); width: 5px; height: 5px; display: inline-block; border: 3px solid #fff; background-color: #51afda; border-radius: 50%;}
.dot_left{position: absolute; top: 50%; left: -2.5%; transform: translateY(-50%); width: 5px; height: 5px; display: inline-block; border: 3px solid #fff; background-color: #51afda; border-radius: 50%;}
.dot_top{position: absolute; top: -10%; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; display: inline-block; border:3px solid #fff; background-color: #17519a; border-radius: 50%;}
.dot_bottom{position: absolute; bottom: -10%; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; display: inline-block; border:3px solid #fff; background-color: #17519a; border-radius: 50%;}

@media screen and (max-width:920px) {
    .dot_right{right: -0.35em;}
}

.org_chart{width: 100%;}
.org_chart .org_top{position: relative; overflow: hidden; width: 100%;}
.org_top li{text-align: center; }
.org_chart li div{ position: relative; font-size: 1em; line-height: 3.75em; font-weight: 700; padding: 0; margin: 0 auto; color: #444;}
.org_top li .li_01{width: 20.83%; background-color: #999; color: #fff;}
.org_top .org_left{float: left; width: 50%; padding: 1.87em 0; border-right: 1px solid #c4c4c4;}
.org_top .org_right{float: right; width: 50%; padding: 1.87em 0; position: absolute; top: 33.1%; left: 50%;}
.org_top li .li_02, .org_top li .li_03{ width: 25%; background-color: #fff; border: 1px solid #51afda;}
.org_top li .li_02::before{content: ""; width: 153%; height: 1px; background-color: #c4c4c4; display: inline-block; position: absolute; top: 50%; left: 100%; transform: translateY(-50%);}
.org_top li .li_03::before{content: ""; width: 153%; height: 1px; background-color: #c4c4c4; display: inline-block; position: absolute; top: 50%; right: 100%; transform: translateY(-50%);}
.org_list02{width: 88%; margin: 0 auto; border-top: 1px solid #c4c4c4;}
.org_list02 .org_list_inner{margin: 0 -6.65%; display: flex; margin-top: 2.75em;}
.org_list02 .org_list_inner > li{width: 13.51%; margin-right: 1%;}
.org_list02 .org_list_inner > li:last-child{margin-right: 0;}
.org_list02 .org_list_inner > li .org_tit{width: 100%; text-align: center; background-color: #fff; border:1px solid #17519a; }
.org_list02 .org_list_inner > li .org_tit::before{content: ""; width: 0.8px; height: 77%; background-color: #c4c4c4; display: inline-block; position: absolute; top: -77%; left: 50%; transform: translateX(-50%);}
.org_list02 .org_list_inner > li ul > li{text-align: center; margin-top: 10px; font-size: 0.875em; color: #fff; background-color: #c4c4c4;}
.org_list02 .org_list_inner > li ul > li > div{font-weight: 300; color: #fff;}
.org_list02 .org_list_inner > li ul > li.sub_inner_menu{background-color: #ddd;}
@media screen and (min-width:921px) and (max-width:1200px) {
    .org_top .org_right{top: 30%;}
    .org_chart li div{font-size: 12px;}
    .org_list02 .org_list_inner > li .org_tit::before{height: 100%; top: -100%;}
}

@media screen and (max-width:920px) {
    .org_top li .li_01{width: 50%;}
    .org_top li .li_02,.org_top li .li_03{width: 70%;}
    .org_top li .li_02::before,.org_top li .li_03::before{width: 23%;}

    .org_list02{width: 100%; border-top: none;}
    .org_list02 .org_list_inner{ flex-direction: column; margin: 0; padding: 0 2%;}
    .org_list02 .org_list_inner > li{width: 100%; margin-right: 0; margin-top: 1.87em;}
    .org_list02 .org_list_inner > li:first-child{margin-top: 0;}
    .org_list02 .org_list_inner > li .org_tit::before{content: none;}
    .org_list02 .org_list_inner > li ul > li{ width: 100%; margin-top: 5px; }
    .org_list02 .org_list_inner > li ul > li:last-child{margin-right: 0;}
}
@media screen and (max-width:570px) {
    .org_top .org_right{top: 32.7%;}
}

/*-------------------------// sub01 조직도 ---------------------------*/

/*----------------------- sub 01 end -----------------------*/

/*----------------------- sub 02 -----------------------*/


/* common : start */
   /* .cate_function : 아이콘 내용 리스트 */
.cate_function{ background-color: #f9f9f9;}
.cate_function .list_wrap{position: relative;}
.cate_function .list_wrap .list{width: 100%;display: flex; margin-top: -6.7%; align-items: center;}
.cate_function .list_wrap .list:first-child{margin-top: 0;}
.cate_function .list_wrap .list.reverse_list{flex-direction: row-reverse;}
.cate_function .list_wrap .list .list_img{width: 20.7%; padding-top: 20.7%; position: relative; border-radius: 50%; background-color: #fff; border: 1px solid #f1f1f1;}
.cate_function .list_wrap .list .list_img img{ display: block; width: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.cate_function .list_wrap .list .list_txt{width: 79.3%; padding: 0 3%; word-break: keep-all;}
.cate_function .list_wrap .list.reverse_list .list_txt{text-align: right;}
.cate_function .list_wrap .list .list_txt .txt01{font-size: 1.5em; line-height: 1.2em; color: #51afda; font-weight: 900; margin-bottom: 1.1em;}
.cate_function .list_wrap .list.reverse_list .list_txt .txt01{color: #17519a;}
.cate_function .list_wrap .list .list_txt .txt02{font-size: 1em; color: #444; line-height: 1.5em;}

@media screen and (max-width:1080px) {
    .cate_function .list_wrap .list{margin-top: 2%;}

}
@media screen and (max-width:767px) {
    .cate_function .list_wrap .list{margin-top: 10%;}
    .cate_function .list_wrap .list .list_txt .txt01{ font-size: 1.25em; margin-bottom: 0.5em;}
}
@media screen and (max-width:570px) {
    .cate_function .list_wrap .list{align-items: flex-start;}
    .cate_function .list_wrap .list:first-child{  margin-top: 15%; }
    .cate_function .list_wrap .list .list_img{ width: 30%; max-width: 74px; max-height: 74px; height: 74px; padding-top: 0; }
    /* .cate_function .list_wrap .list .list_txt{width: 90%;} */
    .cate_function .list_wrap .list.reverse_list{flex-direction: row;}
    .cate_function .list_wrap .list.reverse_list .list_txt{text-align: left;}
}
@media screen and (max-width:411px) {
    .cate_function .list_wrap .list .list_txt .txt02 br{display: none;}
}
/* common : end */


/* sub0201_wrap */
.sub0201_wrap .cate_bg{ position: relative; width: 100%; padding-top: 21.87em; background: url(../img/sub02_cont01_bg.jpg)no-repeat center;}
.sub0201_wrap .cate_bg .bg_inner_txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; width: 100%; font-size: 1.87em; color: #fff; line-height: 1.33em; word-break: keep-all;} 
.sub0201_wrap .cate_diagram{position: relative; z-index: 1; text-align: center;}
.sub0201_wrap .cate_diagram .img{display: block; width: 92%; margin: 0 auto;}
.sub0201_wrap .cate_diagram .img .mob{display: none;}
.sub0201_wrap .cate_diagram .txt{font-size: 1em; color: #666; line-height: 1.5em;}

@media screen and (max-width:767px) {
    .sub0201_wrap .cate_bg{padding-top: 17em;}
    .sub0201_wrap .cate_bg .bg_inner_txt{font-size: 1.5em;}
    .sub0201_wrap .cate_diagram .img .pc{display: none;}
    .sub0201_wrap .cate_diagram .img .mob{display: block;}
}
@media  screen and (max-width:355px) {
    .sub0201_wrap .cate_bg .bg_inner_txt br{display: none;}
}
/*--------------------------- sub0201다이어그램 -----------------*/

.cate_diagram{position: relative; margin-bottom: 3.75em;}
.cate_diagram .bg{ position: relative; width: 100%;}
.cate_diagram .bg .pc_bg{ display: block; margin: 0 auto; max-width: 832px; width: 70%;}
.cate_diagram .bg .mob_bg{ display: none;}


.cate_diagram .diagram_txt{width: 100%;}

.cate_diagram .inner_txt .kr_txt{ font-size: 1.187em; color: #fff; font-weight: 900;}
.cate_diagram .inner_txt .en_txt{ font-size: 1.06em; text-transform: uppercase; color: #fff; opacity: 0.5; font-weight: 300;}
.cate_diagram .diagram_txt .txt{position: absolute; line-height: 1em;}

.cate_diagram .inner_txt .txt01 .kr_txt{top: 8%; left: 42.5%; transform: rotate(-30deg);}
.cate_diagram .inner_txt .txt01 .en_txt{ top: 8%; left: 51.26%; transform: rotate(30deg);}
.cate_diagram .inner_txt .txt02 .kr_txt{top: 55.5%; left: 37.8%; transform: rotate(30deg);}
.cate_diagram .inner_txt .txt02 .en_txt{top: 40%; left: 29.3%; transform: rotate(90deg);}
.cate_diagram .inner_txt .txt03 .kr_txt{ top: 40%; left: 63.7%; transform: rotate(-90deg);}
.cate_diagram .inner_txt .txt03 .en_txt{top: 55.5%; left: 57.91%; transform: rotate(-30deg);}
.cate_diagram .out_txt{font-size: 1.12em; color: #666;}
.cate_diagram .out_txt .txt01{top: 20.5%; left: 16.3%; }
.cate_diagram .out_txt .txt01 .mob_br{display: none;}
.cate_diagram .out_txt .txt02{top: 22.5%; left: 76.33%;}
.cate_diagram .out_txt .txt03{top: 85%; left: 50.7%; transform: translateX(-50%);}
.cate_diagram .out_txt .txt04{ width: 100%; top: 100%; left: 50.7%; transform: translateX(-50%); line-height: 1.5em; font-size: 0.89em; font-weight: 500;}

@media screen and (max-width:1280px) {
    .cate_diagram .out_txt .txt01{ top: 18.5%; left: 17.7%; line-height: 1.2em;}
}
@media screen and (max-width:1190px) {
    .cate_diagram .out_txt .txt01{left: 17.4%;}
}
@media screen and (min-width:981px) and (max-width:1280px) {
    .cate_diagram .inner_txt .txt02 .en_txt{left: 28.8%;}
    .cate_diagram .out_txt .txt01 .mob_br{display: block;}
}
@media screen and (max-width:1200px) {
    .cate_diagram .inner_txt .txt02 .en_txt{left: 28.7%;}
}
@media  screen and (max-width:1120px) {
    .cate_diagram .inner_txt .txt02 .en_txt{left: 28.2%;}
}
@media screen and (max-width:1110px) {
    .cate_diagram .inner_txt .txt02 .en_txt{left: 28%;}
    .cate_diagram .inner_txt .txt03 .en_txt{left: 57.5%;}
}
@media screen and (max-width:1070px) {
    .cate_diagram .inner_txt .txt02 .en_txt{left: 28%;}
    .cate_diagram .out_txt .txt02{left: 76%;}
}
@media screen and (max-width:980px) {
    .cate_diagram .bg .pc_bg{ display: none;}
    .cate_diagram .bg .mob_bg{ display: block; margin: 0 auto; max-width: 647px; width: 74%;}
    
    .cate_diagram .inner_txt .kr_txt{font-size: 1.2em;}
    .cate_diagram .inner_txt .txt01 .kr_txt{top: 17%; left: 40.5%;}
    .cate_diagram .inner_txt .txt01 .en_txt{top: 17%; left: 52.5%;}
    .cate_diagram .inner_txt .txt02 .kr_txt{top: 60.5%; left: 33.8%;}
    .cate_diagram .inner_txt .txt02 .en_txt{top: 46%; left: 22.5%;}
    .cate_diagram .inner_txt .txt03 .kr_txt{top: 46%; left: 69%;}
    .cate_diagram .inner_txt .txt03 .en_txt{top: 60.5%; left: 60.5%;}

    .cate_diagram .out_txt .txt01{top: 8%; left: 16%;}
    .cate_diagram .out_txt .txt02{top: 8%; left: 74.5%;}
    .cate_diagram .out_txt .txt03{top: 86.3%; left: 51.5%;}
    .cate_diagram .out_txt .txt04{left: 51.5%;}
}
@media screen and (max-width:960px) {
    .cate_diagram .inner_txt .txt02 .en_txt{left: 22%;}
}
@media screen and (max-width:920px) {
    
    .cate_diagram .out_txt .txt01{top: 7%; left: 17.4%;}
    .cate_diagram .out_txt .txt01 .mob_br{display: block;}

}
@media screen and (max-width:850px) {
    .cate_diagram .inner_txt .txt01 .kr_txt{left: 39.5%;}
    .cate_diagram .inner_txt .txt02 .en_txt{left: 21.4%;}
    .cate_diagram .out_txt .txt01{left: 17%;}
    .cate_diagram .out_txt .txt02{left: 74%;}
}
@media screen and (max-width:820px) {
    .cate_diagram .inner_txt .txt02 .en_txt{left: 21%;}
}
@media screen and (max-width:767px) {
    .cate_diagram .bg .mob_bg{width: 94%;}
    .cate_diagram .inner_txt .txt01 .kr_txt{left: 37.5%;}
    .cate_diagram .inner_txt .txt01 .en_txt{left: 53.5%;}
    .cate_diagram .inner_txt .txt02 .kr_txt{left: 29.8%;}
    .cate_diagram .inner_txt .txt02 .en_txt{left: 15.5%;}
    .cate_diagram .inner_txt .txt03 .kr_txt{left: 74.5%;}
    .cate_diagram .inner_txt .txt03 .en_txt{left: 64.5%;}

    .cate_diagram .out_txt .txt01{ top: 7%; left: 9%;}
    .cate_diagram .out_txt .txt02{left: 81.5%;}
}
@media screen and (max-width:710px) {
    .cate_diagram .inner_txt .txt02 .en_txt{left: 15%;}
}
@media screen and (max-width:700px) {
    .cate_diagram .inner_txt .txt02 .en_txt{left: 14.5%;}
    .cate_diagram .out_txt .txt01{left: 8.5%;}   
}
@media screen and (max-width:650px) {
    .cate_diagram .inner_txt .txt02 .en_txt{left: 13.5%;}
    .cate_diagram .inner_txt .txt03 .kr_txt{left: 74%;}
    .cate_diagram .out_txt .txt02{left: 80.5%;}
}
@media screen and (max-width:620px) {
    .cate_diagram .inner_txt .txt03 .en_txt{left: 63.5%;}
    .cate_diagram .out_txt .txt01{left: 8%;}
}
@media screen and (max-width:590px) {
    .cate_diagram .inner_txt .txt02 .en_txt{left: 13%;}
}
@media screen and (max-width:570px) {
    .cate_diagram .inner_txt .kr_txt{font-size: 1em;}
    .cate_diagram .inner_txt .en_txt{font-size: 0.9em;}
    .cate_diagram .inner_txt .txt02 .en_txt{left: 14%;}
    .cate_diagram .out_txt{font-size: 1em;}
    .cate_diagram .out_txt .txt04{font-size: 12px;}
}
@media screen and (max-width:540px) {
    .cate_diagram .inner_txt .txt02 .en_txt{left: 13.7%;}
}
@media screen and (max-width:520px) {
    .cate_diagram .inner_txt .txt03 .en_txt{left: 62.5%;}
    .cate_diagram .out_txt .txt01{left: 7.5%;}
}
@media screen and (max-width:500px) {
    .cate_diagram .inner_txt .txt02 .en_txt{left: 13%;}
}
@media screen and (max-width:490px) {
    .cate_diagram .bg .mob_bg{width: 100%;}

    .cate_diagram .inner_txt .txt01 .kr_txt{left: 35.5%;}
    .cate_diagram .inner_txt .txt02 .kr_txt{left: 28.8%;}
    .cate_diagram .inner_txt .txt02 .en_txt{left: 11%;}
    .cate_diagram .inner_txt .txt03 .kr_txt{left: 75.5%;}
    .cate_diagram .inner_txt .txt03 .en_txt{left: 63.5%;}
    .cate_diagram .out_txt .txt02{left: 82.4%;}
    .cate_diagram .out_txt .txt01{left: 5%;}
}
@media screen and (max-width:450px) {
    .cate_diagram .inner_txt .txt01 .kr_txt{left: 35%;}
    .cate_diagram .inner_txt .txt01 .en_txt{left: 53%;}
    .cate_diagram .inner_txt .txt02 .en_txt{left: 10%;}
    .cate_diagram .inner_txt .txt03 .en_txt{left: 62.5%;}
    .cate_diagram .out_txt .txt01{ top: 6%; left: 4.5%;}
    .cate_diagram .out_txt .txt02{top: 7.5%; left: 81.4%;}
}
@media screen and (max-width:430px) {
    .cate_diagram .inner_txt .kr_txt{font-size: 13px;}
    .cate_diagram .inner_txt .en_txt{font-size: 12px;}
    .cate_diagram .out_txt{font-size: 13px;}
    .cate_diagram .out_txt .txt02{left: 81.8%;}
}
@media screen and (max-width:390px) {
    .cate_diagram .inner_txt .kr_txt{font-size: 11px;}
    .cate_diagram .inner_txt .en_txt{font-size: 10px;}
    .cate_diagram .out_txt{font-size: 12px;}
    .cate_diagram .inner_txt .txt02 .en_txt{left: 11%;}
    .cate_diagram .inner_txt .txt03 .en_txt{left: 63.5%;}
}
@media screen and (max-width:365px) {
    .cate_diagram .inner_txt .txt02 .en_txt{left: 10%;}
    .cate_diagram .inner_txt .txt03 .en_txt{left: 62.5%;}
    .cate_diagram .out_txt .txt01{left: 4%;}
}
@media screen and (max-width:340px) {
    .cate_diagram .inner_txt .txt01 .en_txt{left: 52.5%;}
    .cate_diagram .inner_txt .txt02 .en_txt{left: 9%;}
    .cate_diagram .inner_txt .txt03 .kr_txt{left: 75%;}
    .cate_diagram .inner_txt .txt03 .en_txt{left: 61.5%;}
    .cate_diagram .out_txt .txt02{left: 80.8%;}
}
@media screen and (max-width:315px) {
    .cate_diagram .inner_txt .txt02 .en_txt{left: 8%;}
    .cate_diagram .out_txt .txt01{left: 3%;}
    .cate_diagram .out_txt .txt02{left: 79.8%;}
}
@media screen and (max-width:300px) {
    .cate_diagram .inner_txt .txt01 .kr_txt{top: 16%;}
    .cate_diagram .inner_txt .txt01 .en_txt{top: 16%; left: 50.5%;}
    .cate_diagram .inner_txt .txt02 .en_txt{left: 7%;}
    .cate_diagram .inner_txt .txt03 .kr_txt{left: 74.5%;}
    .cate_diagram .inner_txt .txt03 .en_txt{top: 59.5%;}
    .cate_diagram .out_txt .txt01{left: 2%;}
    .cate_diagram .out_txt .txt03{top: 85.3%;}
}
/*---------------------------// sub0201다이어그램 -----------------*/




/* sub0202_wrap */
.sub0202_wrap .com_tit_wrap .com_sub_tit02{margin-bottom: 0;}
.sub0202_wrap .cate_bg{position: relative; width: 100%; padding-top: 21.87em; background: url(../img/sub02_cont02_bg.jpg) no-repeat center;}
.sub0202_wrap .cate_mockup{position: relative; width: 92%; max-width: 1033px; margin: -16.13em auto 0;  text-align: center;}
.sub0202_wrap .cate_mockup .mockup_txt{color: #fff; font-size: 1.25em; margin-bottom: 1.5em;}
.sub0202_wrap .cate_mockup .mockup_list{ margin: 0 -2.6%;}
.sub0202_wrap .cate_mockup .mockup_list .list{width: 28.1%;  margin: 0 2.6%;  background-color: #fff; float: left; border: 0.62em solid #fff; border-radius: 2.18em; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05); box-sizing: border-box;}
.sub0202_wrap .cate_mockup .mockup_list .list .img{ padding-top: 204%; width: 100%; border-radius: 1.18em; background-position: center; background-repeat: no-repeat; background-size: cover;}
.sub0202_wrap .cate_explain{width: 100%; padding-top: 0;}
.sub0202_wrap .cate_explain > .guide{max-width: 1033px;}
.sub0202_wrap .cate_explain .ex_list{width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 5em; text-align: center;}
.sub0202_wrap .cate_explain .ex_list .img{width: 100%;}
.sub0202_wrap .cate_explain .ex_list .img img{display: block;}
.sub0202_wrap .cate_explain .ex_list .txt{ width: 100%; font-size: 1.25em; color: #666; margin-top: 4em; line-height: 1.5em; word-break: keep-all;}
.sub0202_wrap .cate_explain .ex_list01 .txt{margin-top: 0;}
.sub0202_wrap .cate_explain .ex_list .txt .point{color: #17519a; font-weight: 600;}

.sub0202_wrap .cate_customer{ background-color: #f9f9f9; }
.sub0202_wrap .cate_customer .customer_inner{max-width: 907px; margin: 0 auto;} 
.sub0202_wrap .cate_customer .customer_list{margin: 0 -7px;}
.sub0202_wrap .cate_customer .customer_list .list{ float: left; position: relative; width: 18.4%; margin: 0 7px; text-align: center;}
.sub0202_wrap .cate_customer .customer_list .list .logo_img{ width: 60%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.sub0202_wrap .cate_customer .customer_list .list .logo_img img{display: block; width: 100%;}

@media screen and (max-width:1080px) {
    .sub0202_wrap .cate_explain .ex_list .txt br{display: none;}
    .sub0202_wrap .cate_explain .ex_list .txt .mob_br {display: block;}
    .sub0202_wrap .cate_customer .customer_list{margin: 0 -1%;}
    .sub0202_wrap .cate_customer .customer_list .list{width: 31%; margin: 0 1%;}
    .sub0202_wrap .cate_customer .customer_list .list .logo_img{width: 36%;}
}
@media screen and (max-width:805px) {
    .sub0202_wrap .cate_order_wrap .txt_wrap .txt02 br{display: none;} 
}
@media screen and (max-width:767px) {
    .sub0202_wrap .cate_order_wrap .txt_wrap .txt02{font-size: 1.5em;}
    .sub0202_wrap .cate_bg{padding-top: 17em;}
    .sub0202_wrap .cate_mockup{margin:-13.13em auto 0;}
    .sub0202_wrap .cate_mockup .mockup_list .list{border-width: 0.3em; border-radius: 1.5em;}
    .sub0202_wrap .cate_explain .ex_list{ flex-direction: column; margin-top: 2.5em;}
    .sub0202_wrap .cate_explain .ex_list .txt{margin-top: 2em;}
    .sub0202_wrap .cate_explain .ex_list01 .txt{margin-top: 0;}
    .sub0202_wrap .cate_customer .customer_list .list .logo_img{width: 50%;}
}
@media screen and (max-width:570px) {
    .sub0202_wrap .cate_explain .ex_list .txt{font-size: 1.1em;}
    .sub0202_wrap .cate_customer .customer_list{margin-top: 10%;}
    .sub0202_wrap .cate_customer .customer_list .list .logo_img{width: 60%;}
}
@media screen and (max-width:480px) {
    .sub0202_wrap .cate_customer .customer_list .list{width: 48%;}
    .sub0202_wrap .cate_customer .customer_list .list .logo_img{width: 70%;}
}
@media screen and (max-width:411px) {
    .sub0202_wrap .cate_mockup .mockup_list .list{border-radius: 1.3em;}
    .sub0202_wrap .cate_mockup .mockup_list .list .img{border-radius: 1em;}
}

/* sub0203_wrap */
.sub0203_wrap .com_tit_wrap .com_sub_tit02{margin-bottom: 0;}
.sub0203_wrap .cate_bg{position: relative; width: 100%; padding-top: 36em; background: url(../img/sub02_cont03_bg.jpg)no-repeat center;}
.sub0203_wrap .cate_bg .cate_bg_inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 890px; text-align: center;}
.sub0203_wrap .cate_bg .cate_bg_inner .bg_inner_txt{ margin-bottom: 2.5em; word-break: keep-all;} 
.sub0203_wrap .cate_bg .cate_bg_inner .bg_inner_txt .txt01{ font-size: 1.87em; font-weight: 500; color: #4fafda; margin-bottom: 12px;}
.sub0203_wrap .cate_bg .cate_bg_inner .bg_inner_txt .txt02{font-size: 1.25em; color: #fff;}
.sub0203_wrap .cate_bg .cate_bg_inner .cate_coupon{width: 92%; margin: 0 auto;}
.sub0203_wrap .cate_bg .cate_bg_inner .coupon_list{margin: 0 -2.2%;}
.sub0203_wrap .cate_bg .cate_bg_inner .coupon_list .list{float: left; width: 28.8%; margin:0 2.2%; position: relative;}
.sub0203_wrap .cate_bg .cate_bg_inner .coupon_list .list .coupon{ width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.sub0203_wrap .cate_bg .cate_bg_inner .coupon_list .list .img{width: 38%; margin:0 auto;}
.sub0203_wrap .cate_bg .cate_bg_inner .coupon_list .list .img img{display: block; width: 100%;}
.sub0203_wrap .cate_bg .cate_bg_inner .coupon_list .list .txt{ font-size: 1.25em; color: #fff; margin-top: 1.5em;}
.sub0203_wrap .cate_web_pos .web_pos_img{width: 84%; margin: 0 auto;}
.sub0203_wrap .cate_web_pos .web_pos_img img{display: block; width: 100%;}
.sub0203_wrap .cate_web_pos .web_pos_txt{text-align: center; margin-top: -6.7%;}
.sub0203_wrap .cate_web_pos .web_pos_txt .txt01{font-size: 2.5em; font-weight: 900; color: #17519a; position: relative; margin-bottom: 1em;}
.sub0203_wrap .cate_web_pos .web_pos_txt .arrow_img{margin-bottom: 1em;}
.sub0203_wrap .cate_web_pos .web_pos_txt .arrow_img img{display: block; margin: 0 auto;}
.sub0203_wrap .cate_web_pos .web_pos_txt .txt02{font-size: 1.87em; font-weight: 600; color: #222; margin-bottom: 12px;}
.sub0203_wrap .cate_web_pos .web_pos_txt .txt03{font-size: 1.25em; font-weight: 300; color: #666; line-height: 1.44em; word-break: keep-all;}
.sub0203_wrap .cate_company{ background-color: #f9f9f9;}
.sub0203_wrap .cate_company .company_img{width: 100%; margin: 0 auto 5%;}
.sub0203_wrap .cate_company .company_img img{display: block; /*width: 100%;*/}
.sub0203_wrap .cate_company .company_img .mob { display: none;}
.sub0203_wrap .cate_company .company_txt{ text-align: center; font-weight: 600; color: #222; word-break: keep-all;}
.sub0203_wrap .cate_company .company_txt .txt01{font-size: 1.25em; margin-bottom: 12px; line-height: 1.4em;}
.sub0203_wrap .cate_company .company_txt .txt02{font-size: 1.87em; line-height: 1.4em;}

@media screen and (max-width:767px) {
    .sub0203_wrap .cate_bg{padding-top: 30em;}
    .sub0203_wrap .cate_bg .cate_bg_inner .bg_inner_txt .txt01{font-size: 1.5em;}
    .sub0203_wrap .cate_bg .cate_bg_inner .bg_inner_txt .txt02{font-size: 1em;}
    .sub0203_wrap .cate_bg .cate_bg_inner .coupon_list .list .img{width: 30%;}
    .sub0203_wrap .cate_bg .cate_bg_inner .coupon_list .list .txt{font-size: 1em;}
    .sub0203_wrap .cate_web_pos .web_pos_img{width: 100%;}
    .sub0203_wrap .cate_web_pos .web_pos_txt .txt01{font-size: 2.2em;}
    .sub0203_wrap .cate_web_pos .web_pos_txt .txt02{font-size: 1.5em;}
    .sub0203_wrap .cate_web_pos .web_pos_txt .txt03{font-size: 1em;}
    .sub0203_wrap .cate_company .company_img{margin-bottom: 7%;}
    .sub0203_wrap .cate_company .company_img .pc { display: none;}
    .sub0203_wrap .cate_company .company_img .mob { display: block; margin: 0 auto; }
    

    
}
@media screen and (max-width:570px) {
    .sub0203_wrap .cate_bg{padding-top: 24em;}
    .sub0203_wrap .cate_bg .cate_bg_inner .coupon_list .list .txt{font-size: 12px; margin-top: 10px;}
    .sub0203_wrap .cate_web_pos .web_pos_txt .arrow_img img{width: 5px;}
    .sub0203_wrap .cate_company .company_txt .txt01{font-size: 1em;}
    .sub0203_wrap .cate_company .company_txt .txt02{font-size: 1.5em;}
}

/*--------------------------- sub0203다이어그램 -----------------*/


.company_diagram{position: relative; margin-bottom: 3.75em;}
.company_diagram .bg{ position: relative; width: 100%;}
.company_diagram .bg .pc_bg{ display: block;}
.company_diagram .bg .mob_bg{ display: none;}


.company_diagram .diagram_txt{width: 100%;}

.company_diagram .left_txt .kr_txt{ font-size: 1.375em; color: #fff; font-weight: 900;}
.company_diagram .left_txt .en_txt{ font-size: 1.25em; color: #fff; opacity: 0.5; font-weight: 300;}
.company_diagram .diagram_txt .txt{position: absolute;}
.company_diagram .left_txt .txt01 .kr_txt{top: 18%; left: 8%; transform: rotate(-60deg);}
.company_diagram .left_txt .txt01 .en_txt{top: 4.3%; left: 17.91%;}
.company_diagram .left_txt .txt02 .kr_txt{top: 92%; left: 19.83%;}
.company_diagram .left_txt .txt02 .en_txt{top: 78%; left: 9%; transform: rotate(60deg);}
.company_diagram .left_txt .txt03 .kr_txt{top: 31%; left: 41%; transform: rotate(60deg);}
.company_diagram .left_txt .txt03 .en_txt{ top: 59%; left: 40%; transform: rotate(120deg);}

.company_diagram .arrow_txt{font-size: 1em; color: #444;}
.company_diagram .arrow_txt .txt01{top: 48%; left: 0;}
.company_diagram .arrow_txt .txt02{top: 48%; left: 8.33%;}
.company_diagram .arrow_txt .txt03{top: 15%; left: 30.67%;}
.company_diagram .arrow_txt .txt04{top: 79.6%; left: 28.67%;}
.company_diagram .arrow_txt .txt05{top: 86.6%; left: 35.83%;}
.company_diagram .right_txt .txt01{position: absolute; top: 40%; left: 61.67%; text-align: center;}
.company_diagram .right_txt .txt01 .kr_txt{ font-size: 2.625em; color: #17519a; font-weight: 900; margin-bottom: 12px;} 
.company_diagram .right_txt .txt01 .en_txt{ font-size: 1.375em; color: #f1f1f1;}
.company_diagram .right_txt .txt02{position: absolute; top: 36.7%; left: 78.33%; width: 100%;}
.company_diagram .right_txt .txt02 .kr_txt01{font-size: 1.25em; color: #444; font-weight: 700; margin-bottom: 12px;} 
.company_diagram .right_txt .txt02 .kr_txt02{font-size: 1.12em; color: #666; line-height: 1.44em; word-break: keep-all;} 
.company_diagram .right_txt .txt02 .kr_txt02 .mob_br{display: none;}
 

/* font size */
@media screen and (min-width:1081px) and (max-width:1200px) {
    .company_diagram .left_txt .kr_txt{font-size: 1.25em;}
    .company_diagram .left_txt .en_txt{font-size: 1.12em;}
    
}
@media screen and (min-width:981px) and (max-width:1080px) {
    .company_diagram .left_txt .kr_txt{font-size: 1.12em;}
    .company_diagram .left_txt .en_txt{font-size: 1em;}
    .company_diagram .right_txt .txt01 .kr_txt{font-size: 2em;}
    .company_diagram .right_txt .txt01 .en_txt{font-size: 1.12em;}
}
@media screen and (min-width:571px) and (max-width:767px) {
    .company_diagram .left_txt .kr_txt{font-size: 1.12em;}
    .company_diagram .left_txt .en_txt{font-size: 1em;}
    .company_diagram .right_txt .txt01 .kr_txt{font-size: 2em;}
    .company_diagram .right_txt .txt01 .en_txt{font-size: 1.12em;}
}

@media screen and (max-width:1200px) {
    .company_diagram .left_txt .txt03 .en_txt{left: 39.5%;}
    .company_diagram .arrow_txt .txt01{left: -10px;}
    .company_diagram .right_txt .txt01{left: 61.2%;}
    .company_diagram .right_txt .txt02 .kr_txt02{font-size: 1em;}
}

@media screen and (max-width:1080px) {
    .company_diagram .arrow_txt .txt03{left: 29.67%;}
    .company_diagram .right_txt .txt01{left: 62%;}
    

}
@media screen and (max-width:980px) {
    .company_diagram .bg .pc_bg{ display: none;}
    .company_diagram .bg .mob_bg{ display: block; margin: 0 auto; max-width: 518px; width: 60%;}

    .company_diagram .left_txt .txt01 .kr_txt{top: 6%; left: 62%; transform: rotate(30deg);}
    .company_diagram .left_txt .txt01 .en_txt{top: 20%; left: 69.9%; transform: rotate(90deg);}
    .company_diagram .left_txt .txt02 .kr_txt{top: 19%; left: 21.5%; transform: rotate(90deg);}
    .company_diagram .left_txt .txt02 .en_txt{top: 6%; left: 30.5%; transform: rotate(-30deg);}
    .company_diagram .left_txt .txt03 .kr_txt{top: 44.5%; left: 56.49%; transform: rotate(-30deg);}
    .company_diagram .left_txt .txt03 .en_txt{top: 44.5%; left: 38.41%; transform: rotate(30deg);}

    .company_diagram .arrow_txt .txt01{top: -1em; left: 50%; transform: translateX(-50%);}
    .company_diagram .arrow_txt .txt02{top: 4%; left: 50%; transform: translateX(-50%);}
    .company_diagram .arrow_txt .txt03{top: 34%; left: auto; right: 28%; }
    .company_diagram .arrow_txt .txt04{top: 34%; left: 31.07%;}
    .company_diagram .arrow_txt .txt05{top: 36%; left: 20.2%;}


    .company_diagram .right_txt .txt01{ top: 69%; left: 46%; }
    .company_diagram .right_txt .txt02{width: 42%; top: 87.4%; left: 30%; text-align: center; }


}
@media screen and (max-width:850px) {
    .company_diagram .left_txt .txt02 .kr_txt{left: 21.5%;}
    .company_diagram .left_txt .txt02 .en_txt{left: 29.5%;}
    .company_diagram .left_txt .txt03 .kr_txt{left: 56.9%;}
    .company_diagram .left_txt .txt03 .en_txt{left: 37.41%;}
    .company_diagram .right_txt .txt01{left: 45%;}
    .company_diagram .right_txt .txt02{left: 30.5%;}
}
@media screen and (max-width:767px) {
    .company_diagram .left_txt .txt01 .en_txt{left: 70.9%;}
    .company_diagram .left_txt .txt02 .en_txt{left: 30.5%;}
    .company_diagram .left_txt .txt03 .kr_txt{left: 57.9%;}
    .company_diagram .left_txt .txt03 .en_txt{left: 38.41%;}

    .company_diagram .arrow_txt .txt03{top: 33%;}
    .company_diagram .arrow_txt .txt04{top: 33%; left: 32.07%;}
    .company_diagram .arrow_txt .txt05{left: 17.2%;}
    .company_diagram .right_txt .txt01{left: 45.5%;}
}
@media screen and (max-width:740px) {
    .company_diagram .right_txt .txt02{ left: 34.8%; width: 33.8%; background-color: #fff; padding-bottom: 3%; border-radius: 10px;}
}

@media screen and (max-width:680px) {
    .company_diagram .left_txt .txt01 .en_txt{left: 69.9%;}
    .company_diagram .left_txt .txt03 .kr_txt{left: 56.9%;}
}
@media screen and (max-width:611px) {
    .company_diagram{margin-bottom: 5.75em;}
    .company_diagram .right_txt .txt02 .kr_txt02 .mob_br{display: block;}
}
@media screen and (max-width:570px) {
    .company_diagram .bg .mob_bg{width: 95%;}

    .company_diagram .left_txt .txt01 .kr_txt{left: 69%;}
    .company_diagram .left_txt .txt01 .en_txt{left: 81.9%;}
    .company_diagram .left_txt .txt02 .kr_txt{left: 4.5%;}
    .company_diagram .left_txt .txt02 .en_txt{left: 17.5%;}
    .company_diagram .left_txt .txt03 .kr_txt{top: 44.5%; left: 60.5%;}
    .company_diagram .left_txt .txt03 .en_txt{left: 30.41%;}
    .company_diagram .arrow_txt .txt04{left: 19%;}
    .company_diagram .arrow_txt .txt03{right: 16%;}
    .company_diagram .arrow_txt .txt05{left: 0;}

    .company_diagram .right_txt .txt01{left: 42.5%;}
    .company_diagram .right_txt .txt02{ width: 53%; left: 26.5%;}

}
@media screen and (max-width:490px) {
    .company_diagram .left_txt .txt01 .en_txt{left: 79.9%;}
}
@media screen and (max-width:460px) {
    .company_diagram .left_txt .txt01 .en_txt{left: 78.9%;}
    .company_diagram .left_txt .txt03 .en_txt{left: 29.41%;}
    .company_diagram .right_txt .txt01{left: 41%;}

}
@media screen and (max-width:411px) {
    .company_diagram .left_txt .kr_txt{font-size: 1.12em;}
    .company_diagram .left_txt .en_txt{font-size: 1em;}
    .company_diagram .left_txt .txt01 .en_txt{left: 81.9%;}
    .company_diagram .left_txt .txt03 .kr_txt{left: 62%;}
    .company_diagram .arrow_txt .txt05{left: -8px;}
    .company_diagram .right_txt .txt01 .kr_txt{font-size: 2em;}
    .company_diagram .right_txt .txt01 .en_txt{font-size: 1.12em;}
    .company_diagram .right_txt .txt01{left: 43%;}
    
}
@media screen and (max-width:360px) {
    .company_diagram .left_txt .txt01 .kr_txt{left: 69%;}
    .company_diagram .left_txt .txt01 .en_txt{left: 80%;}
    .company_diagram .left_txt .txt02 .kr_txt{left: 3.5%;}
    .company_diagram .left_txt .txt03 .kr_txt{left: 61%;}
    .company_diagram .arrow_txt{font-size: 12px;}
    .company_diagram .arrow_txt .txt04{left: 20%;}

    .company_diagram .right_txt .txt02 .kr_txt02{font-size: 12px;}

    .company_diagram .right_txt .txt01{left: 42%;}
}
@media screen and (max-width:340px) {
    .company_diagram .right_txt .txt01{left: 41%;}
    .company_diagram{margin-bottom: 5.5em;}
}
@media screen and (max-width:310px) {
    .company_diagram .left_txt .txt01 .kr_txt{left: 68%;}
    .company_diagram .left_txt .txt01 .en_txt{left: 78.9%;}
    .company_diagram .left_txt .txt02 .en_txt{left: 14.5%;}
    .company_diagram .left_txt .txt03 .kr_txt{left: 59%;}

    .company_diagram .right_txt .txt01{left: 40%;}
    .company_diagram .right_txt .txt01 .kr_txt{font-size: 1.5em; margin-bottom: 5px;}
    .company_diagram .right_txt .txt01 .en_txt{font-size: 1em;}
}
@media screen and (max-width:300px) {
    .company_diagram .left_txt .txt01 .en_txt{left: 77.9%;}
}
/*---------------------------// sub0203다이어그램 -----------------*/






/* sub0204_wrap */
.sub0204_wrap .com_tit_wrap .com_sub_tit02{margin-bottom: 0;}
.sub0204_wrap .cate_bg{position: relative; width: 100%; padding-top: 21.87em; background: url(../img/sub02_cont04_bg.jpg) no-repeat center;}
.sub0204_wrap .cate_bg .cate_bg_inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center;}
.sub0204_wrap .cate_bg .cate_bg_inner .bg_inner_txt{color: #fff; word-break: keep-all; width: 92%; margin: 0 auto 3.12em; }
.sub0204_wrap .cate_bg .cate_bg_inner .bg_inner_txt .txt01{font-size: 1.25em; font-weight: 300; margin-bottom: 1em; line-height: 1.2em;}
.sub0204_wrap .cate_bg .cate_bg_inner .bg_inner_txt .txt02{font-size: 1.87em; font-weight: 500; line-height: 1.2em;}

.sub0204_wrap .cate_explain .ex_list{margin: 0 -0.6%;}
.sub0204_wrap .cate_explain .ex_list .list{width: 32.1%; margin: 0 0.6%; float: left; }
.sub0204_wrap .cate_explain .ex_list .list .ex_img{width: 100%;}
.sub0204_wrap .cate_explain .ex_list .list .ex_img img{display: block; width: 100%; }
.sub0204_wrap .cate_explain .ex_list .list .ex_txt{margin-top: 1.87em; text-align: center; word-break: keep-all;}
.sub0204_wrap .cate_explain .ex_list .list .ex_txt .txt01{font-size: 1.12em; color: #222; font-weight: 700; margin-bottom: 1em; line-height: 1.4em;}
.sub0204_wrap .cate_explain .ex_list .list .ex_txt .txt01 .mob_br{display: none;}
.sub0204_wrap .cate_explain .ex_list .list .ex_txt .txt02{font-size: 1em; color: #666; line-height: 1.5em;}

@media screen and (max-width:1142px) {
    .sub0204_wrap .cate_explain .ex_list .list .ex_txt .txt02 br{display: none;}
    .sub0204_wrap .cate_explain .ex_list .list .ex_txt .txt01 .mob_br{display: block;}
}

@media screen and (max-width:767px) {
    .sub0204_wrap .cate_bg{padding-top: 17em;}
    .sub0204_wrap .cate_bg .cate_bg_inner .bg_inner_txt{margin-bottom: 2.12em;}
    .sub0204_wrap .cate_bg .cate_bg_inner .bg_inner_txt .txt01{font-size: 1em;}
    .sub0204_wrap .cate_bg .cate_bg_inner .bg_inner_txt .txt02{font-size: 1.5em;}
    /* .sub0204_wrap .cate_explain{padding: 9.5% 0;} */
    .sub0204_wrap .cate_explain .ex_list{margin: 0;}
    .sub0204_wrap .cate_explain .ex_list .list{width: 100%; margin:0 0 4.9%;}
    .sub0204_wrap .cate_explain .ex_list .list:last-child{margin: 0;}
    .sub0204_wrap .cate_explain .ex_list .list .ex_txt .txt01 .mob_br{display: none;}
}
@media screen and (max-width:570px) {
    .sub0204_wrap .com_tit_wrap .com_sub_tit02 br{display: block;}
    .sub0204_wrap .cate_explain .ex_list .list .ex_txt .txt01 .mob_br{display: block;}
}
@media screen and (max-width:325px) {
    .sub0204_wrap .com_tit_wrap .com_sub_tit02 br{display: none;}
}

/* sub0205_wrap */
.sub0205_wrap .com_tit_wrap .com_sub_tit02{margin-bottom: 0;}
.sub0205_wrap .cate_bg{position: relative; width: 100%; padding-top: 21.87em; background: url(../img/sub02_cont05_bg_01.jpg) no-repeat center;}
.sub0205_wrap .cate_bg .cate_bg_inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center;}
.sub0205_wrap .cate_bg .cate_bg_inner .bg_inner_txt{color: #fff; margin-bottom: 3.12em;}
.sub0205_wrap .cate_bg .cate_bg_inner .bg_inner_txt .txt01{font-size: 1.87em; font-weight: 500;}

.sub0205_wrap .cate_diagram{padding: 5.3% 0;}
.sub0205_wrap .cate_diagram .img{width: 82.67%; margin: 0 auto;}
.sub0205_wrap .cate_diagram .img img{display: block; width: 100%;}
.sub0205_wrap .cate_explain{padding-bottom: 12%;}
.sub0205_wrap .cate_explain .ex_list .list{width: 48.3%;float: left; margin-right: 3.4%;}
.sub0205_wrap .cate_explain .ex_list .list02{margin-right: 0;}
.sub0205_wrap .cate_explain .ex_list .list .ex_img{width: 100%;}
.sub0205_wrap .cate_explain .ex_list .list .ex_img img{display: block; width: 100%;}
.sub0205_wrap .cate_explain .ex_list .list .ex_txt{margin-top: 1.87em; text-align: center; word-break: keep-all;}
.sub0205_wrap .cate_explain .ex_list .list .ex_txt .txt01{font-size: 1.12em; color: #222; font-weight: 700; margin-bottom: 1em; line-height: 1.4em;}
.sub0205_wrap .cate_explain .ex_list .list .ex_txt .txt02{font-size: 1em; color: #666; line-height: 1.5em;}

@media screen and (max-width:850px) {
    .sub0205_wrap .cate_explain .ex_list .list .ex_txt .txt02 br{display: none;}
}
@media screen and (max-width:767px) {
    .sub0205_wrap .cate_bg{padding-top: 17em;}
    .sub0205_wrap .cate_bg .cate_bg_inner .bg_inner_txt{margin-bottom: 2.12em;}
    .sub0205_wrap .cate_bg .cate_bg_inner .bg_inner_txt .txt01{font-size: 1.5em;}
    .sub0205_wrap .cate_diagram{padding: 9.5% 0;}
    .sub0205_wrap .cate_diagram .img{width: 100%;}
    .sub0205_wrap .cate_explain{padding-bottom: 9.5%;}
    .sub0205_wrap .cate_explain .ex_list .list{width: 100%; margin-right: 0;}
    .sub0205_wrap .cate_explain .ex_list .list01{margin-bottom: 4.9%;}

}
@media screen and (max-width:570px) {
    .sub0205_wrap .com_tit_wrap .com_sub_tit02 br{display: block;}
}
@media screen and (max-width:325px) {
    .sub0205_wrap .com_tit_wrap .com_sub_tit02 br{display: none;}
}

/*------------------- sub 02 end --------------------*/

/*------------------- sub 03 --------------------*/
/* .sub03 .board-wrap{padding: 6.3% 0;} */
@media screen and (max-width:570px) {
/*    .sub03 .board-wrap{padding: 9.5% 0;}*/
}
/*------------------- sub 03 end --------------------*/

/*------------------- sub 04 --------------------*/
.sub04_wrap{padding-bottom: 0;}
.sub04_wrap .com_tit_wrap .com_sub_tit01{line-height: 1.33em;}
.sub04_wrap .com_tit_wrap .com_sub_tit02{ font-size: 1.75em; color: #666; line-height: 1.42em;}
.sub04_wrap .com_category_wrap{padding-top: 5.3%;}

@media screen and (max-width:767px) {
    .sub04_wrap .com_tit_wrap .com_sub_tit02{font-size: 1.5em;}
}
@media screen and (max-width:570px) {
    .sub04_wrap .com_tit_wrap .com_sub_tit01 br{display: none;}
    .sub04_wrap .com_tit_wrap .com_sub_tit02{ font-size: 1.3em;}
}



/*
.sub04_wrap .cate_order_wrap .com_sub_txt{color: #fff;}

.sub04_wrap .cate_order_wrap .order_list{margin-top: 10%;}
.sub04_wrap .cate_order_wrap .order_list .list{width: 17.4%;}
.sub04_wrap .cate_order_wrap .order_list .list .bg{width: 100%;}
.sub04_wrap .cate_order_wrap .order_list .list .bg img{display: block; width: 100%;}
.sub04_wrap .cate_order_wrap .order_list .list .bg::after{width: 44%;}
.sub04_wrap .cate_order_wrap .order_list .list .bak_num{ position: absolute; top: -28%; left: 50%; transform: translateX(-50%); font-size: 9.37em; color: rgba(255,255,255,0.1); font-weight: 900;}
.sub04_wrap .cate_order_wrap .order_list .list .num_tit{font-size: 1.87em; color: #222; font-weight: 900; margin-bottom: 0.67em;}
.sub04_wrap .cate_order_wrap .order_list .list .num_tit::after{content: ""; display: block; position: absolute; top: 16%; left: 50%; transform: translateX(-50%); z-index: -1; background-color: #dceff8; width: 4.33em; height: 0.67em;}
.sub04_wrap .cate_order_wrap .order_list .list .order_txt .num_txt{line-height: 1.44em; word-break: keep-all;}

@media screen and (max-width:1080px) {
    .sub04_wrap .cate_order_wrap .order_list .list{width: 20.4%;}
    .sub04_wrap .cate_order_wrap .order_list .list03{margin-left: 30%;}
    .sub04_wrap .cate_order_wrap .order_list .list04{margin-left: 5.8%;}

}
@media screen and (max-width:767px) {
    .sub04_wrap .cate_order_wrap .order_list .list{width: 27.4%;}
    .sub04_wrap .cate_order_wrap .order_list .list03{ margin-left: 26%; margin-top: 5%;}
    .sub04_wrap .cate_order_wrap .order_list .list04{margin-top: 5%;}
    .sub04_wrap .cate_order_wrap .order_list .list .num_tit{font-size: 1.7em;}
}
@media screen and (max-width:570px) {
    .sub04_wrap .cate_order_wrap .order_list .list .bak_num{font-size: 7.37em;}
    .sub04_wrap .cate_order_wrap .order_list .list .num_tit{font-size: 1.3em;}
}
@media screen and (max-width:411px) {
    .sub04_wrap .cate_order_wrap .order_list .list{width: 31.4%; margin-left: 4%; margin-right: 4%;}
    .sub04_wrap .cate_order_wrap .order_list .list01{margin-left: 5%;}
    .sub04_wrap .cate_order_wrap .order_list .list03{margin-left: 24%;}
    .sub04_wrap .cate_order_wrap .order_list .list .bak_num{font-size: 5.37em;}
    .sub04_wrap .cate_order_wrap .order_list .list .bg::after{width: 26%;}
}
@media screen and (max-width:325px) {
    .cate_order_wrap .order_list .list .order_txt .num_txt{font-size: 10px;}
}
*/


/* cate_support */
.sub04_wrap .cate_support .support_inner{width: 100%;}
.sub04_wrap .cate_support .support_list{margin: 0 -0.6%;}
.sub04_wrap .cate_support .support_list .list{position: relative; float: left; width: 32.1%; min-height: 250px; margin: 0 0.6% 1.2%; padding: 1.87em; box-sizing: border-box; border-radius: 1.87em; background-color: #f7faff;}
.sub04_wrap .cate_support .support_list .list .txt_wrap .num{font-size: 1.25em; font-weight: 900; color: #17519a; margin-bottom: 2em;}
.sub04_wrap .cate_support .support_list .list .txt_wrap .txt01{font-size: 1.62em; font-weight: 900; color: #222; margin-bottom: 0.8em;}
.sub04_wrap .cate_support .support_list .list .txt_wrap .txt02{font-size: 1em; color: #666; line-height: 1.62em; word-break: keep-all;}
.sub04_wrap .cate_support .support_list .list .icon{position: absolute; bottom: 1.8em; right: 1.8em; }
.sub04_wrap .cate_support .support_list .list .icon img{display: block; width: 84%; margin: 0 auto;}

@media screen and (max-width:1080px) {
    .sub04_wrap .cate_support .support_list .list{width: 48.8%;}
}
@media screen and (max-width:570px) {
    .sub04_wrap .cate_support .support_list{margin: 0;}
    .sub04_wrap .cate_support .support_list .list{width: 100%; margin: 0 0 15px; min-height: 205px;}
    .sub04_wrap .cate_support .support_list .list .txt_wrap .txt01{font-size: 1.5em;}
}
/* cate_culture */
.sub04_wrap .cate_culture{padding-top: 0;}
.sub04_wrap .cate_culture .com_sub_txt{line-height: 1.42em;}
.sub04_wrap .cate_culture .com_sub_txt::after{display: none;}
.sub04_wrap .cate_culture .com_sub_txt .point{color: #17519a;}
.sub04_wrap .cate_culture .culture_inner{padding-top: 10%;}
.sub04_wrap .cate_culture .culture_list{margin: 0 -0.6%;}
.sub04_wrap .cate_culture .culture_list .list{float: left; width: 32.1%; margin: 0 0.6%; display: flex; flex-direction: column;}
.sub04_wrap .cate_culture .culture_list .reverse_list{flex-direction: column-reverse;}
.sub04_wrap .cate_culture .culture_list .list .img{width: 100%;}
.sub04_wrap .cate_culture .culture_list .list .img img{display: block; width: 100%; border-radius: 1.87em;}
.sub04_wrap .cate_culture .culture_list .list .txt_wrap{display: flex; flex-direction: column; align-items: center; text-align: center; margin-top: -1.25em;}
.sub04_wrap .cate_culture .culture_list .reverse_list .txt_wrap{flex-direction: column-reverse; margin-top: 0; margin-bottom: -3.2em;}
.sub04_wrap .cate_culture .culture_list .list .txt_wrap .num{position: relative; margin-bottom: 1.87em;}
.sub04_wrap .cate_culture .culture_list .reverse_list .txt_wrap .num{margin-top: 1.87em;}
.sub04_wrap .cate_culture .culture_list .list .txt_wrap .num .num_txt{font-size: 1.25em; color: #fff; font-weight: 900; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.sub04_wrap .cate_culture .culture_list .list .txt_wrap .txt .txt01{font-size: 1.5em; color: #222; font-weight: 900; margin-bottom: 12px; line-height: 1.2em; word-break: keep-all;}
.sub04_wrap .cate_culture .culture_list .list .txt_wrap .txt .txt02{font-size: 1em; color: #666; line-height: 1.62em; word-break: keep-all;}

@media screen and (max-width:1080px) {
    .sub04_wrap .cate_culture .culture_list{margin: 0;}
    .sub04_wrap .cate_culture .culture_list .list{float: none; width: 100%; flex-direction: row; align-items: center; margin:0 0 1.25em;}
    .sub04_wrap .cate_culture .culture_list .reverse_list{flex-direction: row;}
    .sub04_wrap .cate_culture .culture_list .list .img{width: 35%;}
    .sub04_wrap .cate_culture .culture_list .reverse_list .txt_wrap .num{margin-top: 0;}
    .sub04_wrap .cate_culture .culture_list .list .txt_wrap{width: 65%; margin-top: 0;}
    .sub04_wrap .cate_culture .culture_list .reverse_list .txt_wrap{flex-direction: column; margin-top: 0; margin-bottom: 0;}
}
@media screen and (max-width:767px) {
    .sub04_wrap .cate_culture .culture_list .list .txt_wrap .num .bg{width: 80%; margin: 0 auto;}
    .sub04_wrap .cate_culture .culture_list .list .txt_wrap .num .bg img{display: block; width: 100%;}
    .sub04_wrap .cate_culture .culture_list .list .txt_wrap{padding:0 3%;}
}
@media screen and (max-width:570px) {
    .sub04_wrap .cate_culture .culture_list .list .img img{border-radius: 1em;}
    .sub04_wrap .cate_culture .culture_list .list .txt_wrap .num{margin-bottom: 12px;}
    .sub04_wrap .cate_culture .culture_list .list .txt_wrap .num .bg{width: 60%;}
    .sub04_wrap .cate_culture .culture_list .list .txt_wrap .num .num_txt{font-size: 1em;}
    .sub04_wrap .cate_culture .culture_list .list .txt_wrap .txt .txt01{font-size: 1.3em;}
    .sub04_wrap .cate_culture .culture_list .list .txt_wrap .txt .txt02 br{display: none;}
    
}
@media screen and (max-width:411px) {
    .sub04_wrap .cate_culture .culture_list .list .txt_wrap .txt .txt01{font-size: 1em; margin-bottom: 7px;}
    .sub04_wrap .cate_culture .culture_list .list .txt_wrap .txt .txt02{font-size: 12px;}
}

/* board-wrap */
.sub04_wrap .cate_career_now{ background-color: #f1f1f1; padding-bottom: 4rem;}
.sub04 > .sub_cont{ padding: 0;}
.sub04_wrap .board-wrap{background-color: #fff; padding: 2.5em 0;}

.board-wrap.noheader > .guide{padding: 2.5em 2.1%; background-color: #fff;}

@media screen and (max-width:570px) {
    .sub04_wrap .cate_career_now{ padding-bottom: 0;}
    .board-wrap.noheader > .guide{padding: 2.5em 4%;}
}

/*------------------- sub 04 end --------------------*/
/*------------------- sub 05 --------------------*/
.sub_visual_wrap.sub05 .sub_visual .sub_tit{width: 55%;}
.sub_visual_wrap.sub05 .sub_visual .img{width: 45%;}
.sub05 .com_tit_wrap .com_sub_tit02{ color: #666; margin-bottom: 0;}
.sub05 .com_category_wrap{padding-top: 4.3%;}


@media screen and (max-width:1080px) {
    .sub_visual_wrap.sub05 .sub_visual .sub_tit{width: 90%;}

}
@media screen and (max-width:767px) {
    .sub05 .com_category_wrap{padding-top: 6%;}
}
@media screen and (max-width:570px) {
    .sub_visual_wrap.sub05 .sub_visual .sub_tit{width:100%;}
    .sub_visual_wrap.sub05 .sub_visual .img{width: 60%;}
    .sub05 .com_category_wrap{padding-top: 10.3%;}
}
/*------------------- sub 05 end --------------------*/