@charset "utf-8";

body { font-family: 'Noto Sans KR', sans-serif; font-size: 1.0rem; line-height: 1; color: #222; }
#wrap { min-width: 1200px; overflow: hidden; }

/* header */
#header { width: 100%; position: absolute; left: 0; top: 0; z-index: 999; }
#header .inner { max-width: calc(100% - 10.416vw); margin: 0 auto; margin: 0.26vw auto; position: relative; }

#header h1 { position: absolute; top: 2.343vw; left: 0; transform: translateY(-50%); z-index: 9999; }
#header h1 img { width: 100%;  }

#header .s_gnb { position: absolute; right: 0.52vw; top: 2.083vw; z-index: 9999; }
#header .s_gnb > li { float: left; font-size: 1.041vw; position: relative; }
#header .s_gnb > li > a { display: inline-block; padding: 0 2.864vw; color: #222; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; }
#header .s_gnb:hover > li > a { color: #222; font-weight: 500; }
#header .s_gnb > li:hover > a { color: #4a237f; font-weight: 500; }


#header .s_dp2 { padding-top: 3.125vw; height: 20.833vw; box-sizing: border-box; }
#header .s_dp2 li { text-align: center; }
#header .s_dp2 li a { color: #222; font-family: 'Noto Sans KR', sans-serif; font-size: 0.833vw; line-height: 2.083vw; font-weight: 500; text-align: center; }
#header .s_dp2 li a:hover { font-weight: bold; }

.dp2_bg { background: rgba(255,255,255,0.8); width: 100%; position: absolute; left: 0; top: 0; height: 20.833vw; z-index: 999; }


#header .m_menu { display: none; font-size: 0; width: 30px; height: 3px; background: #222; position: relative; }
#header .m_menu:before { content: ""; position: absolute; width: 30px; height: 3px; background: #222; left: 0; top: -10px; }
#header .m_menu:after { content: ""; position: absolute; width: 30px; height: 3px; background: #222; left: 0; top: 10px; }


/* mobile gnb */
#header .mgnb_wrap { z-index:99999; position:fixed; left: 100%; top:0; width:100%; height:100%; padding:150px 50px; box-sizing:border-box; background: linear-gradient(to right,#3c65aa,#c6379c); }
#header .mgnb { border-top: 1px solid #fff; }
#header .mgnb li { padding: 20px 0; border-bottom: 1px solid #ddd; font-size: 24px; }
#header .mgnb li a { color: #fff; }
#header .close { font-size: 0; position:absolute; right:50px; top:75px; display:inline-block; background:#fff; width: 50px; height: 1px; transform: rotate(45deg); cursor: pointer; }
#header .close:after { content: ""; position:absolute; right:0; top:0; display:inline-block; background:#fff; width: 50px; height: 1px; transform: rotate(-90deg); }

#header .mgnb .m_dp2 { display: none; }
#header .mgnb .m_dp2 > li { font-size: 16px; padding: 13px 0 10px; border-bottom: 0; transition: all 0.5s; }
#header .mgnb .m_dp2 > li > a:hover { opacity: 0.5; }
#header .mgnb .m_dp2 > li:hover > a { font-weight: bold; }


/* Tablets */
@media all and (min-width : 768px) and (max-width : 1024px) {
    #header .s_gnb { display: none; }
    #header h1 { padding-left: 1.562vw; }
    #header .m_menu { display: block; position: fixed; top: 4%; right: 5%; }
    #header::after { display: none; }
}


/* Mobile */
@media all and (max-width : 767px) {
    #wrap { min-width: 400px; overflow: hidden; }
    #header .s_gnb { display: none; }
    #header h1 { padding-left: 2.604vw; position: absolute; left: 10px; bottom: 10px; }
    #header .m_menu { display: block; position: absolute; bottom: -45px; right: 5%;}
    #header::after { display: none; }
}


/* sub_visual */
#sub_visual { margin-top: 5.208vw; color: #fff; padding-top: 6.25vw; }
.intro_bg { background: url(../images/sub/sv_intro.png) no-repeat center top; height: 100%; width: 100%; }
.cheongju_bg { background: url(../images/sub/sv_cheongju.png) no-repeat center top; height: 100%; width: 100%; }
.business_bg { background: url(../images/sub/sv_business.png) no-repeat center top; height: 100%; width: 100%; }
.global_bg { background: url(../images/sub/sv_global.png) no-repeat center top; height: 100%; width: 100%; }

#sub_visual h2 { font-size: 2.239vw; text-align: center; padding-bottom: 5.208vw; font-weight: 600; }
#sub_visual .lnb { width: 67.708vw; height: 4.687vw; margin: 0 auto; padding-top: 1.302vw;  }
#sub_visual .lnb::after { content: ""; display: block; clear: both; }
#sub_visual .lnb li { float: left; width: calc(100%/5); text-align: center; }
#sub_visual .lnb li a { color: #fff; font-size: 1.041vw; transition: color 0.5s; }
#sub_visual .lnb li a.on { color: #ffea00; }
.lnb_bg { width: 100%; height: 3.645vw; background: #443663; }
#sub_visual .lnb li a:hover { color: #ffea00; }
#sub_visual .lnb .li1 { width: 27.604vw; text-align: center;  }

#sub_visual .lnb .s_li a { font-size: 0.833vw; }
#sub_visual .lnb .s2_li { width: calc(100%/6); }
#sub_visual .lnb .s2_li a { font-size: 0.833vw; }
#sub_visual .lnb .s3_li { width: calc(100%/2); }

#sub_contents .navi { position: absolute; right: 5.208vw; top: 23.437vw; }
#sub_contents .navi ul { display: flex; justify-content: center; align-items: flex-start; }
#sub_contents .navi ul li { padding-left: 0.52vw; }
#sub_contents .navi ul li::after { content: ""; display: block; clear: both; width: 1.041vw; height: 2.083vw; float: right; padding-right: 0.52vw; background: url(../images/sub/menu_arrow.png) no-repeat center top; }
#sub_contents .navi ul li.li1 img { width: 35%; }
#sub_contents .navi ul li.li2 a { color: #666; }
#sub_contents .navi ul li.li3::after { display: none; }


/* Mobile */
@media all and (max-width : 767px) {
    #sub_contents { width: 100%; height: 150px; position: relative; }
    #sub_visual { margin-top: 90px; width: 100%;}
    #sub_visual .lnb { width: 90%; height: 100px; padding-top: 30px; }
    #sub_visual .lnb .s_li { float: left; width: calc(100%/3); text-align: center; margin-top: -10px; }
    #sub_visual .lnb .s2_li { float: left; width: calc(100%/3); text-align: center; margin-top: -10px; }
    #sub_visual .lnb .s_li a { margin-bottom: 20px; }
    #sub_visual .lnb .s2_li a { margin-bottom: 20px; text-align: center; }
    .intro_bg { width: 100%; height: 150px; }
    .cheongju_bg { width: 100%; height: 150px; }
    .business_bg { width: 100%; height: 150px; }
    .global_bg { width: 100%; height: 150px; }
    #sub_visual h2 { font-size: 28px; font-weight: bold; text-align: center; padding-top: 40px; }


    #sub_visual .lnb li { display: flex; justify-content:center; width: calc(100%/5); text-align: center; }
    #sub_visual .lnb li a { color: #fff; font-size: 12px; transition: color 0.5s; }
    #sub_visual .lnb li a.on { color: #ffea00; }
    .lnb_bg { width: 100%; height: 70px; background: #443663; }
    #sub_visual .lnb li a:hover { color: #ffea00; }
    #sub_visual .lnb .li1 { text-align: center; }
    #sub_visual .lnb_bg { position: absolute; left: 0; top: 100%; }
    #sub_contents .navi { position: absolute; right: 10%; top: 230px; }
    #sub_contents .navi ul { display: flex; justify-content: center; align-items: flex-start; }
    #sub_contents .navi ul li { padding-left: 5px; }
    #sub_contents .navi ul li::after { content: ""; display: block; clear: both; width: 20px; height: 40px; float: right; padding-right: 10px; background: url(../images/sub/menu_arrow.png) no-repeat center top; }
    #sub_contents .navi ul li a { font-size: 12px; }
    #sub_contents .navi ul li.li1 img { width: 30%; }
    #sub_contents .navi ul li.li2 a { color: #666; }
    #sub_contents .navi ul li.li3::after { display: none; }
}

/* greeting */
#greeting { margin: 7.812vw auto; width: 62.5vw; }
#greeting h3 { font-size: 1.51vw; text-align: center; color: #443663; font-weight: 500; letter-spacing: -0.5px; padding: 10px 0 60px; }
#greeting .gr { width: 100%; }
#greeting .gr::after { content: ""; display: block; clear: both; }
#greeting .gr_img { float: left; width: 30%; }
#greeting .gr_desc { float: left; width: 70%; }
#greeting .gr_desc p { font-size: 0.989vw; padding-bottom: 1.562vw; line-height: 1.354vw; }
#greeting .name { float: right; font-size: 1.145vw; text-align: right; line-height: 36px; }
#greeting .name span { font-size: 1.718vw; font-weight: bold; }
#greeting .none { display: none; }

/* Tablets */
@media all and (min-width : 768px) and (max-width : 1024px) {

}


/* Mobile */
@media all and (max-width : 767px) {
    #greeting { margin: 100px 0; min-width: 500px; }
    #greeting h3 { font-size: 19px; line-height: 26px; padding-top: 50px;  }
    #greeting .none { display: block; }
    #greeting .gr { width: 90%; margin: 0 auto; }
    #greeting .gr_img { width: 40%; position: absolute; left: 20px;  }
    #greeting .gr_img img { width: 85%; }
    #greeting .gr_desc { position: relative; width: 100%; height: 600px; }
    #greeting .gr_desc p { font-size: 13px; line-height: 20px; }
    #greeting .desc1 { position: absolute; right: 0; top: 0; width: 60%; }
    #greeting .desc2 { position: absolute; right: 0; top: 20%; width: 60%;}
    #greeting .desc3 { position: absolute; right: 0; top: 43%; width: 100%;}
    #greeting .desc4 { position: absolute; right: 0; top: 56%; width: 100%;}
    #greeting .desc5 { position: absolute; right: 0; top: 65%; width: 100%;}
    #greeting .d_none { display: none; }
    #greeting .name { font-size: 16px; text-align: right; line-height: 28px; padding-right: 50px; position: absolute; right: 0; bottom: 5px; }
    #greeting .name span { font-size: 22px; font-weight: bold; }
}

/* history */
#history { width: 100%; margin: 150px auto 70px; }
#history img { display: block; width: 100%; }

/* Mobile */
@media all and (max-width : 767px) {
    #history { width: 100%; margin: 120px auto; }
    #history img { width: 200%; margin-left: -50%; }
}

/* vision */
#vision { width: 1200px; margin: 150px auto; }
#vision h3 { font-size: 1.302vw; font-weight: 500; letter-spacing: -0.9px; color: #4a237f; position: relative; margin-bottom: 50px;}
#vision h3::before { content: ""; clear: both; display: block; width: 3px; height: 18px; background: #4a237f; position: absolute; left: -10px; top: 50%; transform: translateY(-40%); }
#vision .st img { display: block; width: 140%; margin-left: -13.541vw; }
#vision .vs { padding-top: 70px; }
#vision .vs_txt { font-size: 1.041vw; display: block; background: #5d4895; padding: 20px; text-align: center; color: #fff; border-radius: 50px; }
#vision .goal { padding-top: 70px; }
#vision .g_txt { font-size: 1.041vw; display: block; background: #4a237f; padding: 20px; text-align: center; color: #fff; border-radius: 50px; }
#vision .st_list { padding-top: 70px; }
#vision .list1 { display: block; height: 120px; border: 2px solid #4a237f; padding: 30px; border-radius: 150px; position: relative; margin-bottom: 10px; }
#vision .list1 p { position: absolute; top: 50%; left: 15%; line-height: 26px; color: #4a237f; font-weight: 500; font-size: 22px; transform: translateY(-50%); }
#vision .list1 ul { position: absolute; right: 13.5%; top: 50%; transform: translateY(-50%); }
#vision .list1 ul li { padding-bottom: 20px; list-style: disc; font-size: 18px; }
#vision .list1 ul li:last-child { padding-bottom: 0; }

#vision .list2 { display: block; height: 120px; border: 2px solid #4a237f; padding: 30px; border-radius: 150px; position: relative; margin-bottom: 10px; }
#vision .list2 p { position: absolute; top: 50%; left: 15%; line-height: 26px; color: #4a237f; font-weight: 500; font-size: 22px; transform: translateY(-50%); }
#vision .list2 ul { position: absolute; right: 15%; top: 50%; transform: translateY(-50%); }
#vision .list2 ul li { padding-bottom: 20px; list-style: disc; font-size: 18px; }
#vision .list2 ul li:last-child { padding-bottom: 0; }

#vision .list3 { display: block; height: 120px; border: 2px solid #4a237f; padding: 30px; border-radius: 150px; position: relative; margin-bottom: 10px; }
#vision .list3 p { position: absolute; top: 50%; left: 15%; line-height: 26px; color: #4a237f; font-weight: 500; font-size: 22px; transform: translateY(-50%); }
#vision .list3 ul { position: absolute; right: 17.5%; top: 50%; transform: translateY(-50%); }
#vision .list3 ul li { padding-bottom: 20px; list-style: disc; font-size: 18px; }
#vision .list3 ul li:last-child { padding-bottom: 0; }

#vision .list4 { display: block; height: 120px; border: 2px solid #4a237f; padding: 30px; border-radius: 150px; position: relative; margin-bottom: 10px; }
#vision .list4 p { position: absolute; top: 50%; left: 15%; line-height: 26px; color: #4a237f; font-weight: 500; font-size: 22px; transform: translateY(-50%); }
#vision .list4 ul { position: absolute; right: 19%; top: 50%; transform: translateY(-50%); }
#vision .list4 ul li { padding-bottom: 20px; list-style: disc; font-size: 18px; }
#vision .list4 ul li:last-child { padding-bottom: 0; }

/* Mobile */
@media all and (max-width : 767px) {
    #vision { width: 90%; }
    #vision h3 { font-size: 16px; }
    #vision .st img { width: 150%; margin-left: -25%; }
    #vision .vs_txt { font-size: 13px; }
    #vision .g_txt { font-size: 13px; }

    #vision .list1 { display: block; height: 90px; border: 2px solid #4a237f; padding: 30px; border-radius: 100px; position: relative; margin-bottom: 10px; }
    #vision .list1 p { position: absolute; top: 50%; left: 8%; line-height: 20px; color: #4a237f; font-weight: 500; font-size: 12px; transform: translateY(-50%); }
    #vision .list1 ul { position: absolute; right: 8%; top: 50%; transform: translateY(-50%); }
    #vision .list1 ul li { padding-bottom: 10px; list-style: disc; font-size: 10px; letter-spacing: -0.5px;}
    #vision .list1 ul li:last-child { padding-bottom: 0; }

    #vision .list2 { display: block; height: 90px; border: 2px solid #4a237f; padding: 30px; border-radius: 100px; position: relative; margin-bottom: 10px; }
    #vision .list2 p { position: absolute; top: 50%; left: 8%; line-height: 20px; color: #4a237f; font-weight: 500; font-size: 12px; transform: translateY(-50%); }
    #vision .list2 ul { position: absolute; right: 11%; top: 50%; transform: translateY(-50%); }
    #vision .list2 ul li { padding-bottom: 10px; list-style: disc; font-size: 10px; letter-spacing: -0.5px; }
    #vision .list2 ul li:last-child { padding-bottom: 0; }

    #vision .list3 { display: block; height: 90px; border: 2px solid #4a237f; padding: 30px; border-radius: 100px; position: relative; margin-bottom: 10px; }
    #vision .list3 p { position: absolute; top: 50%; left: 8%; line-height: 20px; color: #4a237f; font-weight: 500; font-size: 12px; transform: translateY(-50%); }
    #vision .list3 ul { position: absolute; right: 16%; top: 50%; transform: translateY(-50%); }
    #vision .list3 ul li { padding-bottom: 10px; list-style: disc; font-size: 10px; letter-spacing: -0.5px; }
    #vision .list3 ul li:last-child { padding-bottom: 0; }

    #vision .list4 { display: block; height: 90px; border: 2px solid #4a237f; padding: 30px; border-radius: 100px; position: relative; margin-bottom: 10px; }
    #vision .list4 p { position: absolute; top: 50%; left: 8%; line-height: 20px; color: #4a237f; font-weight: 500; font-size: 12px; transform: translateY(-50%); }
    #vision .list4 ul { position: absolute; right: 18%; top: 50%; transform: translateY(-50%); }
    #vision .list4 ul li { padding-bottom: 10px; list-style: disc; font-size: 10px; letter-spacing: -0.5px; }
    #vision .list4 ul li:last-child { padding-bottom: 0; }
}

/* organ */
#organ { width: 100%; margin: 150px auto 0; }
#organ .og_chart img { display: block; width: 100%; }

#organ .contact { width: 70%; margin: 100px auto; }
#organ .contact h3 { font-size: 1.197vw; font-weight: 500; padding: 0 0 1.562vw 4.687vw; position: relative; }
#organ .contact h3::before { content: ""; clear: both; display: block; width: 1.562vw; height: 1.562vw; background: url('../images/sub/ico_tit.png') no-repeat center top; position: absolute; left: 2.604vw; top: -0.104vw; }
#organ .contact table caption { display: none; }
#organ .contact table { width: 100%; border-collapse: collapse; border-top: 3px solid #502f7e; font-size: 0.88vw; line-height: 1.302vw; }
#organ .contact table th { color: #222; border-bottom: solid 1px #999; border-right: solid 1px #999; background: #efefef; padding: 1.041vw; }
#organ .contact table td { padding: 0.781vw; text-align: center; border-right: solid 1px #999; border-bottom: solid 1px #999; }
#organ .contact table td.dott{border-bottom: 1px dotted #999;}
#organ .contact table .desc { text-align: left; }
#organ .contact table th:last-child,#organ .contact table td:last-child { border-right: none; }
#organ .contact table tr.point > td{color: #2670eb;}
/* Mobile */
@media all and (max-width : 767px) {
    #organ .og_chart img { width: 130%; margin-left: -15%; }
    /* #organ .contact table { width: 100%; } */
    #organ .contact table th { padding: 10px; line-height: 1.3;}
    #organ .contact table td { padding: 5px; line-height: 10px; }
    #organ .contact table .desc { line-height: 11px; }
    .ov_table {position:relative;overflow-x:scroll;width:100%;}
    #organ .contact { width: 100%; margin: 0 auto; }
    .ov_table .tableA {min-width:800px;}
    .ov_table .tableA tbody th {display:table-cell;}
    .ov_table .tableA tbody td {display:table-cell;}
}


/* direct */
#direct { width: 1200px; margin: 150px auto 0; }
#direct .info h3 { font-size: 1.302vw; font-weight: 500; padding: 0 25px 30px; position: relative; }
#direct .info h3::before { content: ""; clear: both; display: block; width: 1.562vw; height: 1.562vw; background: url('../images/sub/ico_tit.png') no-repeat center top; position: absolute; left: -10px; top: -0.104vw; }
#direct .info p { padding-bottom: 0.781vw; font-size: 0.937vw; }
#direct .info span { color: #666; margin-right: 1.562vw; }
#direct .map { border-top: 1px solid #eee; margin-top: 1.041vw; }
#direct img { display: block; width: 50%; margin: 0 auto; padding-top: 40px; }

#direct .way { margin-top: 100px; }
#direct .way h3 { font-size: 25px; font-weight: 500; padding: 0 25px 30px; position: relative; }
#direct .way h3::before { content: ""; clear: both; display: block; width: 1.562vw; height: 1.562vw; background: url('../images/sub/ico_tit.png') no-repeat center top; position: absolute; left: -10px; top: -0.104vw; }
#direct ul { width: 100%; margin: 0 auto; }
#direct ul li { padding: 1.041vw 0 1.562vw 7.812vw; line-height: 26px; font-size: 0.937vw; border-bottom: 1px solid #eee; }
#direct ul li:nth-child(1) { background: url('../images/sub/car.png') no-repeat 2.604vw center; background-size: 2.083vw; }
#direct ul li:nth-child(2) { background: url('../images/sub/subway.png') no-repeat 2.708vw center; background-size: 1.822vw; }
#direct ul li:nth-child(3) { background: url('../images/sub/bus.png') no-repeat 2.604vw center; border-bottom: 0; background-size: 2.083vw; }
#direct .photo { width: 100%; margin-bottom: 100px; }
#direct .photo::after { content: ""; display: block; clear: both; }
#direct .photo img { float: left; display: block; width: 583px; }
#direct .photo iframe { float: right; padding-top: 40px; }

/* Mobile */
@media all and (max-width : 767px) {
    #direct { width: 100%; }
    #direct .info h3 { font-size: 18px; font-weight: 500; padding: 0 40px 30px; position: relative; }
    #direct .info h3::before { content: ""; clear: both; display: block; width: 30px; height: 30px; background: url('../images/sub/ico_tit.png') no-repeat center top; position: absolute; left: 5px; top: -3px; }
    #direct .info p { font-size: 12px; width: 80%; margin-left: 20px; line-height: 1.1;}
    #direct .info span { font-size: 12px; }
    #direct .info img { width: 90%; margin-left: 1%; }
    #direct .way h3 { font-size: 18px; font-weight: 500; padding: 0 40px 30px; position: relative; }
    #direct .way h3::before { content: ""; clear: both; display: block; width: 30px; height: 30px; background: url('../images/sub/ico_tit.png') no-repeat center top; position: absolute; left: 5px; top: -3px; }
    #direct ul { width: 100%; margin-left: 10px; }
    #direct ul li { padding: 10px 0 10px 50px; line-height: 26px; border-bottom: 1px solid #eee; font-size: 11px; width: 90%; }
    #direct ul li:nth-child(1) { background: url('../images/sub/car.png') no-repeat 2.604vw center; background-size: 25px; }
    #direct ul li:nth-child(2) { background: url('../images/sub/subway.png') no-repeat 2.708vw center; background-size: 22px; }
    #direct ul li:nth-child(3) { background: url('../images/sub/bus.png') no-repeat 2.604vw center; border-bottom: 0; background-size: 25px; }
    #direct .photo { width: 90%; margin: 30px auto 70px; }
    #direct .photo img { width: 90%; }
    #direct .photo iframe { padding-top: 20px; width: 100%; }
    #direct .w_none { display: none; }
}


/* range */
#range { width: 1200px; margin: 170px auto 100px; }
#range h3 { font-size: 1.302vw; font-weight: 500; letter-spacing: -0.9px; color: #222; position: relative; margin-bottom: 15px;}
#range h3::before { content: ""; clear: both; display: block; width: 80px; height: 7px; background: #5d4895; position: absolute; left: -23px; top: -15px; transform: translateY(-40%); }
#range img { display: block; width: 160%; margin-left: -18.75vw; }

/* Mobile */
@media all and (max-width : 767px) {
    #range { margin: 150px auto 70px; width: 100%; }
    #range h3 { font-size: 16px; margin-left: 30px; }
    #range img { width: 140%; margin-left: -100px; }
    #range h3::before { content: ""; clear: both; display: block; width: 80px; height: 7px; background: #5d4895; position: absolute; left: -15px; top: -15px; transform: translateY(-40%); }
}


/* overview */
#overview { width: 100%; }
#overview .ov_inner { width: 1200px; margin: 150px auto 0; }
#overview h3 { font-size: 1.302vw; font-weight: 500; letter-spacing: -0.9px; color: #222; position: relative; margin-bottom: 15px;}
#overview h3::before { content: ""; clear: both; display: block; width: 80px; height: 7px; background: #5d4895; position: absolute; left: -23px; top: -15px; transform: translateY(-40%); }
#overview img { width: 100%; }
#overview .main_contents { margin-bottom: 100px; }
#overview .sub_txt { color: #666; margin-bottom: 30px;}
#overview .chungbuk ul { width: 100%; margin: 0 auto; }
#overview .chungbuk ul::after { content: ""; display: block; clear: both; }
#overview .chungbuk ul li { width: calc(100%/2); float: left; height: 130px; font-size: 19px; position: relative; margin-bottom: 30px; }
#overview .chungbuk .c_tit { font-size: 25px; color: #666; font-weight: 500; letter-spacing: -0.5px; position: absolute; left: 160px; top: 15px; }
#overview .chungbuk .c_desc { position: absolute; left: 160px; top: 55px; line-height: 26px; }
#overview .chungbuk ul li:nth-child(1) { background: url('../images/sub/ico_loca.png') no-repeat 10px; background-size: auto; }
#overview .chungbuk ul li:nth-child(2) { background: url('../images/sub/ico_pla.png') no-repeat 10px; background-size: auto; }
#overview .chungbuk ul li:nth-child(3) { background: url('../images/sub/ico_ins.png') no-repeat 10px; background-size: auto; }
#overview .chungbuk ul li:nth-child(4) { background: url('../images/sub/ico_sc.png') no-repeat 10px; background-size: auto; }
#overview .chungbuk::after { content: ""; display: block; width: 100%; height: 1px; background: #eee; }
#overview .st { margin: 50px 0 100px;}

/* Mobile */
@media all and (max-width : 767px) {
    #overview { width: 100%; }
    #overview h3 { font-size: 16px; margin-left: 30px; margin-bottom: 5px; }
    #overview .sub_txt { font-size: 10px; margin-left: 30px; line-height: 13px; }
    #overview .chungbuk ul { width: 100% }
    #overview .chungbuk ul li { width: 100%; float: left; height: 120px; font-size: 19px; position: relative; margin-bottom: 20px; }
    #overview .chungbuk .c_tit { font-size: 20px; color: #666; font-weight: 500; letter-spacing: -0.5px; position: absolute; left: 160px; top: 25px; }
    #overview .chungbuk .c_desc { font-size: 16px; position: absolute; left: 160px; top: 55px; }
    #overview img { width: 40%; margin-left: 10px;}
    #overview .flowchart img { width: 140%; margin-left: -105px; }
}


/* bothways */
#bothways { width: 1200px; margin: 180px auto 100px; }
#bothways h3 { font-size: 1.302vw; font-weight: 500; letter-spacing: -0.9px; color: #222; position: relative; margin-bottom: 15px;}
#bothways h3::before { content: ""; clear: both; display: block; width: 80px; height: 7px; background: #5d4895; position: absolute; left: -23px; top: -15px; transform: translateY(-40%); }
#bothways .bw { margin-bottom: 100px; }
#bothways .bw ul { width: 100%; margin: 0 auto; }
#bothways .bw ul li { padding: 20px; font-size: 20px; letter-spacing: -0.8px; line-height: 28px; }
#bothways .bw ul li span { font-size: 25px; font-weight: 500; color: #4a237f; letter-spacing: -0.8px; line-height: 60px; }
#bothways .pr img { width: 90%; margin-left: 50px}

/* Mobile */
@media all and (max-width : 767px) {
    #bothways { width: 100%; }
    #bothways h3 { font-size: 16px; margin-left: 20px; margin-bottom: 5px; }
    #bothways .bw ul { width: 90%; margin-left: 5px; }
    #bothways .bw ul li { padding: 20px; font-size: 13px; letter-spacing: -0.8px; line-height: 20px; }
    #bothways .bw ul li span { font-size: 17px; font-weight: 500; color: #4a237f; letter-spacing: -0.8px; line-height: 30px; }
    #bothways .pr img { margin-left: 10px; margin-top: 30px; }
}

/* innopolis */
#innopolis { width: 1200px; margin: 150px auto; }
#innopolis h3 { font-size: 1.302vw; font-weight: 500; letter-spacing: -0.9px; color: #222; position: relative; margin-bottom: 15px;}
#innopolis h3::before { content: ""; clear: both; display: block; width: 80px; height: 7px; background: #5d4895; position: absolute; left: -23px; top: -15px; transform: translateY(-40%); }
#innopolis .sum { margin-bottom: 100px; }
#innopolis .sum ul { width: 100%; margin: 0 auto; }
#innopolis .sum ul li { padding: 20px; font-size: 20px; letter-spacing: -0.8px; line-height: 28px; }
#innopolis .sum ul li span { font-size: 25px; font-weight: 500; color: #4a237f; letter-spacing: -0.8px; line-height: 60px; }
#innopolis h4 { display: block; padding: 15px; background: #4a237f;  text-align: center; font-size: 23px; color: #fff; width: 90%; margin: 30px auto; border-radius: 7px; }
#innopolis .desc { width: 90%; position: relative; padding-bottom: 300px;}

#innopolis .mj_tit1 { background: #9d8bca; width: 280px; height: 90px; padding-top: 15px; color: #fff; font-size: 21px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 40px; top: 70px; box-sizing: border-box; }
#innopolis .mj_desc1 { position: absolute; left: 350px; top: 85px; font-size: 19px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#innopolis .mj_tit2 { background: #9d8bca; width: 280px; height: 90px; color: #fff; font-size: 21px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 40px; top: 180px; box-sizing: border-box; padding-top: 30px; }
#innopolis .mj_desc2 { position: absolute; left: 350px; top: 195px; font-size: 19px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#innopolis .mj_tit3 { background: #9d8bca; width: 280px; height: 90px; color: #fff; font-size: 21px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 40px; top: 290px; box-sizing: border-box; padding-top: 30px; }
#innopolis .mj_desc3 { position: absolute; left: 350px; top: 305px; font-size: 19px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }

/* Mobile */
@media all and (max-width : 767px) {
    #innopolis { width: 100%; }
    #innopolis h3 { font-size: 16px; margin-left: 20px; margin-bottom: 5px; }
    #innopolis .sum { width: 100%; margin-left: 5px; }
    #innopolis .sum ul li { padding: 20px; font-size: 14px; letter-spacing: -0.8px; line-height: 20px; }
    #innopolis .sum ul li span { font-size: 18px; font-weight: 500; color: #4a237f; letter-spacing: -0.8px; line-height: 30px; }
    #innopolis .pr img { width: 100%; }
    #innopolis .desc { width: 95%; position: relative; padding-bottom: 150px; margin-left: 10px;}
    #innopolis .mj_tit1 { background: #9d8bca; width: 150px; height: 90px; padding-top: 15px; color: #fff; font-size: 14px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 10px; top: 70px; box-sizing: border-box; }
    #innopolis .mj_desc1 { position: absolute; left: 180px; top: 80px; font-size: 13px; line-height: 18px; color: #444; letter-spacing: -0.5px; color: #444; }
    #innopolis .mj_tit2 { background: #9d8bca; width: 150px; height: 90px; color: #fff; font-size: 14px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 10px; top: 170px; box-sizing: border-box; padding-top: 30px; }
    #innopolis .mj_desc2 { position: absolute; left: 180px; top: 190px; font-size: 13px; line-height: 18px; color: #444; letter-spacing: -0.5px; color: #444; }
    #innopolis .mj_tit3 { background: #9d8bca; width: 150px; height: 90px; color: #fff; font-size: 14px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 10px; top: 270px; box-sizing: border-box; padding-top: 30px; }
    #innopolis .mj_desc3 { position: absolute; left: 180px; top: 290px; font-size: 13px; line-height: 18px; color: #444; letter-spacing: -0.5px; color: #444; }
}


/* develop */
#develop { width: 1200px; margin: 150px auto; position: relative; }
#develop h3 { font-size: 1.302vw; font-weight: 500; letter-spacing: -0.9px; color: #222; position: relative; margin-bottom: 15px;}
#develop h3::before { content: ""; clear: both; display: block; width: 80px; height: 7px; background: #5d4895; position: absolute; left: -23px; top: -15px; transform: translateY(-40%); }
#develop h4 { color: #4a237f; font-size: 21px; font-weight: 500; letter-spacing: -0.8px; margin: 50px 0 20px 60px; }
#develop .d_tit1 { font-size: 19px; background: url('../images/sub/ico_triangle.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #666; margin-left: 100px; }
#develop .d_tit2 { font-size: 20px; background: url('../images/sub/ico_triangle2.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #666; margin: 180px 0 70px 100px; }
#develop .d_tit3 { font-size: 20px; background: url('../images/sub/ico_triangle2.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #666; margin: 200px 0 70px 100px; }
#develop .d_tit4 { font-size: 20px; background: url('../images/sub/ico_triangle2.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #666; margin: 100px 0 70px 100px; }
#develop .d_desc1 { font-size: 18px; position: absolute; left: 300px; top: 120px; line-height: 24px; }
#develop .d_desc1 span { margin-top: 30px; display: block; }
#develop .d_desc2 { font-size: 18px; position: absolute; left: 300px; top: 335px; line-height: 28px; }
#develop .net::after { display: block; content: ""; width: 100%; height: 1px; background: #eee; }
#develop .d_desc3 { font-size: 18px; position: absolute; left: 300px; top: 530px; line-height: 28px; letter-spacing: -0.8px;}
#develop .d_desc3 span { font-weight: bold; }
#develop .d_desc4 { font-size: 17px; position: absolute; left: 300px; top: 765px; line-height: 28px; letter-spacing: -0.8px; }
#develop .gr { padding-bottom: 80px; }
#develop .gr::after { display: block; content: ""; width: 100%; height: 1px; background: #eee; position: absolute; margin-top: 70px;  }
#develop .d_desc5 { font-size: 18px; position: absolute; left: 300px; bottom: 85px; line-height: 28px; letter-spacing: -0.8px; }
#develop .d_desc6 { font-size: 18px; position: absolute; left: 300px; bottom: -80px; line-height: 28px; letter-spacing: -0.8px; }

/* Mobile */
@media all and (max-width : 767px) {
    #develop { width: 100%; margin: 150px auto; }
    #develop h3 { font-size: 16px; margin-left: 20px; margin-bottom: 5px; }
    #develop h4 { font-size: 15px; margin-left: 20px; margin-bottom: 20px; }
    #develop .d_tit1 { font-size: 14px; background: url('../images/sub/ico_triangle.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #666; margin-left: 20px; }
    #develop .d_tit2 { font-size: 14px; background: url('../images/sub/ico_triangle2.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #666; margin: 150px 0 30px 20px; }
    #develop .d_tit3 { font-size: 14px; background: url('../images/sub/ico_triangle2.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #666; margin: 275px 0 30px 20px; }
    #develop .d_tit4 { font-size: 14px; background: url('../images/sub/ico_triangle2.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #666; margin: 100px 0 30px 20px; }
    #develop .d_desc1 { font-size: 12px; position: absolute; left: 130px; top: 105px; width: 55%; line-height: 1.2; }
    #develop .d_desc1 span { margin-top: 15px; display: block; font-size: 11px; }
    #develop .d_desc2 { font-size: 12px; position: absolute; left: 130px; top: 290px; line-height: 1.2; width: 50%; }
    #develop .net::after { display: block; content: ""; width: 100%; height: 1px; background: #eee; }
    #develop .d_desc3 { font-size: 12px; position: absolute; left: 130px; top: 445px; line-height: 18px; letter-spacing: -0.8px; width: 55%; }
    #develop .d_desc3 span { font-weight: bold; width: 50%; }
    #develop .d_desc4 { font-size: 12px; position: absolute; left: 130px; top: 750px; line-height: 18px; letter-spacing: -0.8px; width: 50%; }
    #develop .gr { padding-bottom: 100px; }
    #develop .gr::after { display: block; content: ""; width: 100%; height: 1px; background: #eee; position: absolute; margin-top: 100px;  }
    #develop .d_desc5 { font-size: 12px; position: absolute; left: 130px; bottom: 55px; line-height: 18px; letter-spacing: -0.8px; width: 50%; }
    #develop .d_desc6 { font-size: 12px; position: absolute; left: 130px; bottom: -100px; line-height: 18px; letter-spacing: -0.8px; width: 50%; }
}


/* lab */
#lab { width: 1200px; margin: 150px auto; }
#lab h3 { font-size: 1.302vw; font-weight: 500; letter-spacing: -0.9px; color: #222; position: relative; margin-bottom: 15px;}
#lab h3::before { content: ""; clear: both; display: block; width: 80px; height: 7px; background: #5d4895; position: absolute; left: -23px; top: -15px; transform: translateY(-40%); }
#lab .rule { text-align: center; margin: 50px 0; }
#lab .rule::after { display: block; content: ""; width: 100%; height: 1px; background: #eee; margin-top: 50px; }
#lab .sub_txt { color: #666; margin-bottom: 30px;}
#lab .l_tit { display: inline-block; padding: 15px 50px; background: #4a237f; font-size: 22px; color: #fff; border-radius: 40px; margin-top: 30px; }
#lab .l_desc { margin-top: 15px; line-height: 24px; font-size: 18px; }
#lab .l_desc span { font-size: 15px; color: #999; }
#lab .l_tit2 { font-size: 22px; background: url('../images/sub/ico_triangle.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #333; font-weight: 500; margin-bottom: 20px; }
#lab .l_tit3 { font-size: 22px; background: url('../images/sub/ico_triangle2.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #333; font-weight: 500; margin-bottom: 20px; }
#lab .l_desc2 { font-size: 18px; line-height: 35px; letter-spacing: -0.5px; }
#lab .l_desc2 span { font-weight: 500; }

/* Mobile */
@media all and (max-width : 767px) {
    #lab { width: 90%; height: auto; margin: 150px auto 50px; }
    #lab h3 { font-size: 16px; margin-left: 20px; margin-bottom: 5px; }
    #lab .sub_txt { font-size: 10px; margin-left: 20px; }
    #lab .l_tit { display: inline-block; padding: 15px 50px; background: #4a237f; font-size: 18px; color: #fff; border-radius: 40px; margin-top: -10px; }
    #lab .l_desc { margin-top: 15px; line-height: 22px; font-size: 16px; }
    #lab .l_desc span { font-size: 12px; color: #999; }
    #lab .l_tit2 { font-size: 18px; background: url('../images/sub/ico_triangle.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #333; font-weight: 500; margin-bottom: 20px; }
    #lab .l_tit3 { font-size: 18px; background: url('../images/sub/ico_triangle2.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #333; font-weight: 500; margin-bottom: 20px; }
    #lab .l_desc2 { font-size: 16px; line-height: 30px; letter-spacing: -0.5px; }
    #lab .l_desc2 span { font-weight: 500; }
    #lab img { width: 100%;}
}


/* labev */
#labev { width: 1200px; margin: 150px auto; }
#labev h3 { font-size: 1.302vw; font-weight: 500; letter-spacing: -0.9px; color: #222; position: relative; margin-bottom: 20px;}
#labev h3::before { content: ""; clear: both; display: block; width: 80px; height: 7px; background: #5d4895; position: absolute; left: -23px; top: -15px; transform: translateY(-40%); }
#labev .support { position: relative; height: 300px; }
#labev .l_tit1 { background: #4a237f; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 21px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 40px; top: 20px; box-sizing: border-box; }
#labev .l_desc1 { position: absolute; left: 300px; top: 35px; font-size: 19px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#labev .l_tit2 { background: #4a237f; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 21px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 40px; top: 115px; box-sizing: border-box; }
#labev .l_desc2 { position: absolute; left: 300px; top: 125px; font-size: 19px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#labev .l_tit3 { background: #4a237f; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 21px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 40px; top: 215px; box-sizing: border-box; }
#labev .l_desc3 { position: absolute; left: 300px; top: 225px; font-size: 19px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#labev .process { margin-top: 50px; }
#labev .process::before { display: block; content: ""; width: 100%; height: 1px; background: #eee; margin-top: 50px; margin-bottom: 40px; }

/* Mobile */
@media all and (max-width : 767px) {
    #labev { width: 90%; margin: 150px auto 50px; position: relative; }
    #labev h3 { font-size: 16px; margin-left: 20px; margin-bottom: 5px; }
    #labev .l_tit1 { width: 150px; height: 75px; background: #4a237f; font-size: 16px; color: #fff; border-radius: 10px; }
    #labev .l_desc1 { line-height: 19px; font-size: 14px; position: absolute; left: 210px; top: 30px; }
    #labev .l_tit2 { width: 150px; height: 75px; background: #4a237f; font-size: 16px; color: #fff; border-radius: 10px; }
    #labev .l_desc2 { line-height: 19px; font-size: 14px; position: absolute; left: 210px; top: 125px; }
    #labev .none { display: none; }
    #labev .l_tit3 { width: 150px; height: 75px; background: #4a237f; font-size: 16px; color: #fff; border-radius: 10px; }
    #labev .l_desc3 { line-height: 19px; font-size: 14px; position: absolute; left: 210px; top: 225px; }
    #labev img { width: 120%; margin-left: -45px;}
}


/* adtech */
#adtech { width: 1200px; margin: 150px auto 100px; }
#adtech h3 { font-size: 1.302vw; font-weight: 500; letter-spacing: -0.9px; color: #222; position: relative; margin-bottom: 15px;}
#adtech h3::before { content: ""; clear: both; display: block; width: 80px; height: 7px; background: #5d4895; position: absolute; left: -23px; top: -15px; transform: translateY(-40%); }
#adtech .rule { text-align: center; margin: 50px 0; }
#adtech .rule::after { display: block; content: ""; width: 100%; height: 1px; background: #eee; margin-top: 50px; }
#adtech .sub_txt { color: #666; margin-bottom: 30px;}
#adtech .l_tit { display: inline-block; padding: 15px 50px; background: #4a237f; font-size: 22px; color: #fff; border-radius: 40px; margin-top: 30px; }
#adtech .l_desc { margin-top: 15px; line-height: 24px; font-size: 18px; }
#adtech .l_desc span { font-size: 15px; color: #999; }
#adtech .l_tit2 { font-size: 22px; background: url('../images/sub/ico_triangle.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #333; font-weight: 500; margin-bottom: 20px; }
#adtech .l_tit3 { font-size: 22px; background: url('../images/sub/ico_triangle2.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #333; font-weight: 500; margin-bottom: 20px; }
#adtech .l_desc2 { font-size: 18px; line-height: 35px; letter-spacing: -0.5px; margin: 0 0 60px 35px;}
#adtech .l_desc2 span { font-weight: 500; }
#adtech .l_txt3 { color: #999; line-height: 23px; margin-bottom: 30PX; }

/* Mobile */
@media all and (max-width : 767px) {
    #adtech { width: 100%; margin: 150px auto 50px; position: relative; }
    #adtech h3 { font-size: 16px; margin-left: 20px; margin-bottom: 5px; }
    #adtech .sub_txt { font-size: 10px; line-height: 13px; width: 86%; margin-left: 20px; }
    #adtech .l_tit { display: inline-block; padding: 15px 50px; background: #4a237f; font-size: 18px; color: #fff; border-radius: 40px; margin-top: -10px; }
    #adtech .l_desc { margin-top: 15px; line-height: 17px; font-size: 12px; width: 90%; margin-left: 5px; }
    #adtech .l_tit2 { font-size: 16px; margin-bottom: 10px; }
    #adtech .l_tit3 { font-size: 16px; margin-bottom: 10px; }
    #adtech .l_desc2 { font-size: 12px; line-height: 17px; width: 80%; }
    #adtech .l_desc span { font-size: 12px; color: #999; }
    #adtech .l_txt3 { font-size: 12px; line-height: 16px; width: 85%; margin-left: 5%; }
    #adtech img { width: 90%; }
}


/* rbd */
#rbd { width: 1200px; margin: 150px auto 100px; }
#rbd h3 { font-size: 1.302vw; font-weight: 500; letter-spacing: -0.9px; color: #222; position: relative; margin-bottom: 15px;}
#rbd h3::before { content: ""; clear: both; display: block; width: 80px; height: 7px; background: #5d4895; position: absolute; left: -23px; top: -15px; transform: translateY(-40%); }
#rbd .goal { position: relative; height: 500px; }
#rbd .l_tit1 { background: #4a237f; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 23px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 120px; top: 20px; box-sizing: border-box; }
#rbd .l_desc1 { position: absolute; left: 365px; top: 32px; font-size: 20px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#rbd .l_tit2 { background: #4a237f; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 23px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 120px; top: 117px; box-sizing: border-box; }
#rbd .l_desc2 { position: absolute; left: 365px; top: 115px; font-size: 20px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#rbd .l_desc2 span { font-size: 16px; color: #999; }
#rbd .l_tit3 { background: #4a237f; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 23px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 120px; top: 215px; box-sizing: border-box; }
#rbd .l_desc3 { position: absolute; left: 365px; top: 230px; font-size: 20px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#rbd .l_tit4 { background: #4a237f; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 23px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 120px; top: 310px; box-sizing: border-box; }
#rbd .l_desc4 { position: absolute; left: 365px; top: 325px; font-size: 20px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#rbd .l_tit5 { background: #4a237f; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 23px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 120px; top: 405px; box-sizing: border-box; }
#rbd .l_desc5 { position: absolute; left: 365px; top: 430px; font-size: 20px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }

/* Mobile */
@media all and (max-width : 767px) {
    #rbd { width: 90%; margin: 150px auto 50px; position: relative; }
    #rbd h3 { font-size: 16px; margin-left: 20px; margin-bottom: 5px; }
    #rbd .l_tit1 { width: 150px; height: 75px; background: #4a237f; font-size: 16px; color: #fff; border-radius: 10px; position: absolute; left: 10px; }
    #rbd .l_desc1 { line-height: 18px; font-size: 13px; position: absolute; left: 180px; top: 30px; }
    #rbd .l_tit2 { width: 150px; height: 75px; background: #4a237f; font-size: 16px; color: #fff; border-radius: 10px; position: absolute; left: 10px; }
    #rbd .l_desc2 { line-height: 18px; font-size: 13px; position: absolute; left: 180px; top: 115px; }
    #rbd .none { display: none; }
    #rbd .l_tit3 { width: 150px; height: 75px; background: #4a237f; font-size: 16px; color: #fff; border-radius: 10px; position: absolute; left: 10px; }
    #rbd .l_desc3 { line-height: 18px; font-size: 13px; position: absolute; left: 180px; top: 225px; }
    #rbd .l_tit4 { width: 150px; height: 75px; background: #4a237f; font-size: 16px; color: #fff; border-radius: 10px; position: absolute; left: 10px; }
    #rbd .l_desc4 { line-height: 18px; font-size: 13px; position: absolute; left: 180px; top: 330px; }
    #rbd .l_tit5 { width: 150px; height: 75px; background: #4a237f; font-size: 16px; color: #fff; border-radius: 10px; position: absolute; left: 10px; }
    #rbd .l_desc5 { line-height: 18px; font-size: 13px; position: absolute; left: 180px; top: 430px; }
    #rbd .l_desc2 span { font-size: 10px; color: #999; line-height: 9px; }
    #rbd img { width: 150%; margin-left: -110px; }
}

/* accel */
#accel { width: 1200px; margin: 150px auto 100px; }
#accel h3 { font-size: 1.302vw; font-weight: 500; letter-spacing: -0.9px; color: #222; position: relative; margin-bottom: 15px;}
#accel h3::before { content: ""; clear: both; display: block; width: 80px; height: 7px; background: #5d4895; position: absolute; left: -23px; top: -15px; transform: translateY(-40%); }
#accel .goal { position: relative; height: 600px; }
#accel .l_tit1 { background: #4a237f; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 23px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 120px; top: 20px; box-sizing: border-box; }
#accel .l_desc1 { position: absolute; left: 365px; top: 32px; font-size: 20px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#accel .l_tit2 { background: #4a237f; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 23px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 120px; top: 117px; box-sizing: border-box; }
#accel .l_desc2 { position: absolute; left: 365px; top: 115px; font-size: 20px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#accel .l_desc2 span { font-size: 16px; color: #999; }
#accel .l_tit3 { background: #4a237f; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 23px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 120px; top: 215px; box-sizing: border-box; }
#accel .l_desc3 { position: absolute; left: 365px; top: 230px; font-size: 20px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#accel .l_tit4 { background: #4a237f; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 23px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 120px; top: 310px; box-sizing: border-box; }
#accel .l_desc4 { position: absolute; left: 365px; top: 325px; font-size: 20px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#accel .l_tit5 { background: #4a237f; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 23px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 120px; top: 405px; box-sizing: border-box; }
#accel .l_desc5 { position: absolute; left: 365px; top: 430px; font-size: 20px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }

/* Mobile */
@media all and (max-width : 767px) {
    #accel { width: 100%; margin: 150px auto 50px; }
    #accel h3 { font-size: 16px; margin-left: 20px; margin-bottom: 5px; }
    #accel .goal { margin-bottom: -50px; }
    #accel .l_tit1 { width: 25%; height: 12%; background: #4a237f; font-size: 15px; color: #fff; border-radius: 10px; position: absolute; left: 10px; }
    #accel .l_desc1 { line-height: 17px; font-size: 13px; position: absolute; left: 130px; top: 30px; width: 50%; }
    #accel .l_tit2 { width: 25%; height: 12%; background: #4a237f; font-size: 15px; color: #fff; border-radius: 10px; position: absolute; left: 10px; }
    #accel .l_desc2 { line-height: 17px; font-size: 13px; position: absolute; left: 130px; top: 125px; width: 53%; }
    #accel .none { display: none; }
    #accel .l_tit3 { width: 25%; height: 12%; background: #4a237f; font-size: 15px; color: #fff; border-radius: 10px; position: absolute; left: 10px; }
    #accel .l_desc3 { line-height: 17px; font-size: 13px; position: absolute; left: 130px; top: 225px; width: 50%; }
    #accel .l_tit4 { width: 25%; height: 12%; background: #4a237f; font-size: 15px; color: #fff; border-radius: 10px; position: absolute; left: 10px; }
    #accel .l_desc4 { line-height: 17px; font-size: 13px; position: absolute; left: 130px; top: 320px; width: 54%; }
    #accel .l_tit5 { width: 25%; height: 12%; background: #4a237f; font-size: 15px; color: #fff; border-radius: 10px; position: absolute; left: 10px; }
    #accel .l_desc5 { line-height: 18px; font-size: 13px; position: absolute; left: 130px; top: 430px; }
    #accel img { width: 100%; margin-left: -3%; }
}


/* overseas */
#overseas { width: 1200px; margin: 150px auto 100px; }
#overseas h3 { font-size: 1.302vw; font-weight: 500; letter-spacing: -0.9px; color: #222; position: relative; margin-bottom: 15px; }
#overseas h3::before { content: ""; clear: both; display: block; width: 80px; height: 7px; background: #5d4895; position: absolute; left: -23px; top: -15px; transform: translateY(-40%); }
#overseas .goal { position: relative; height: 400px; }
#overseas .l_tit1 { background: #9d8bca; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 23px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 120px; top: 20px; box-sizing: border-box; }
#overseas .l_desc1 { position: absolute; left: 365px; top: 45px; font-size: 20px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#overseas .l_tit2 { background: #9d8bca; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 23px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 120px; top: 117px; box-sizing: border-box; }
#overseas .l_desc2 { position: absolute; left: 365px; top: 130px; font-size: 20px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#overseas .l_desc2 span { font-size: 16px; color: #999; }
#overseas .l_tit3 { background: #9d8bca; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 23px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 120px; top: 215px; box-sizing: border-box; }
#overseas .l_desc3 { position: absolute; left: 365px; top: 240px; font-size: 20px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#overseas .l_tit4 { background: #9d8bca; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 23px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 120px; top: 310px; box-sizing: border-box; }
#overseas .l_desc4 { position: absolute; left: 365px; top: 310px; font-size: 20px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }


/* Mobile */
@media all and (max-width : 767px) {
    #overseas { width: 90%; margin: 150px auto 50px; }
    #overseas h3 { font-size: 16px; margin-left: 20px; margin-bottom: 5px; }
    #overseas .goal { margin-bottom: 50px; }
    #overseas .l_tit1 { width: 150px; height: 75px; background: #9d8bca; font-size: 16px; color: #fff; border-radius: 10px; position: absolute; left: 10px; }
    #overseas .l_desc1 { line-height: 18px; font-size: 13px; position: absolute; left: 180px; top: 40px; }
    #overseas .l_tit2 { width: 150px; height: 75px; background: #9d8bca; font-size: 16px; color: #fff; border-radius: 10px; position: absolute; left: 10px; }
    #overseas .l_desc2 { line-height: 18px; font-size: 13px; position: absolute; left: 180px; top: 125px; }
    #overseas .none { display: none; }
    #overseas .l_tit3 { width: 150px; height: 75px; background: #9d8bca; font-size: 16px; color: #fff; border-radius: 10px; position: absolute; left: 10px; }
    #overseas .l_desc3 { line-height: 18px; font-size: 13px; position: absolute; left: 180px; top: 245px; }
    #overseas .l_tit4 { width: 150px; height: 75px; background: #9d8bca; font-size: 16px; color: #fff; border-radius: 10px; position: absolute; left: 10px; }
    #overseas .l_desc4 { line-height: 18px; font-size: 13px; position: absolute; left: 180px; top: 320px; }
}

/* global */
#global { width: 1200px; margin: 150px auto; position: relative; }
#global h3 { font-size: 1.302vw; font-weight: 500; letter-spacing: -0.9px; color: #222; position: relative; margin-bottom: 15px;}
#global h3::before { content: ""; clear: both; display: block; width: 80px; height: 7px; background: #5d4895; position: absolute; left: -23px; top: -15px; transform: translateY(-40%); }
#global .sub_txt { color: #666; margin-bottom: 60px;}
#global .d_tit1 { font-size: 19px; background: url('../images/sub/ico_triangle.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #666; }
#global .d_tit2 { font-size: 20px; background: url('../images/sub/ico_triangle2.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #666; margin: 120px 0 70px 0; }
#global .d_tit3 { font-size: 20px; background: url('../images/sub/ico_triangle.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #666; margin: 50px 0 35px 0; }
#global .d_tit4 { font-size: 20px; background: url('../images/sub/ico_triangle2.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #666; margin-bottom: 30px; }
#global .d_tit5 { font-size: 20px; background: url('../images/sub/ico_triangle.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #666; }
#global .d_desc1 { font-size: 18px; line-height: 28px; position: absolute; left: 200px; top: 120px; }
#global .d_desc2 { font-size: 18px; line-height: 28px; position: absolute; left: 200px; top: 270px; }
#global .d_desc4 { font-size: 18px; line-height: 28px; position: absolute; left: 200px; bottom: -80px; }
#global .g_txt { font-size: 1.041vw; display: block; border: 2px solid #4a237f; padding: 20px; text-align: center; color: #4a237f; border-radius: 50px; font-weight: 500; }
#global .g_txt span { font-size: 18px; font-weight: normal; color: #666; letter-spacing: -0.8px;}
#global .g_txt .none { display: none; }
#global .map img { margin: 0 0 90px -30px; }
#global .report img { margin: 30px 0 90px 50px; }
#global .consult img { margin: 30px 0 90px -45px; }
#global .edu1 img { margin: 30px 0 30px 40px; }
#global .edu2 img { margin: 0 0 90px 40px; }
#global .g_pr { margin-bottom: 30px; }

/* Mobile */
@media all and (max-width : 767px) {
    #global { width: 90%; margin: 150px auto 200px; position: relative; }
    #global h3 { font-size: 16px; font-weight: 500; letter-spacing: -0.9px; color: #222; position: relative; margin-bottom: 15px;}
    #global h3::before { content: ""; clear: both; display: block; width: 80px; height: 7px; background: #5d4895; position: absolute; left: -23px; top: -15px; transform: translateY(-40%); }
    #global .sub_txt { color: #666; margin-bottom: 60px; font-size: 13px;}
    #global .d_tit1 { font-size: 17px; background: url('../images/sub/ico_triangle.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #666; }
    #global .d_tit2 { font-size: 17px; background: url('../images/sub/ico_triangle2.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #666; margin: 120px 0 70px 0; }
    #global .d_tit3 { font-size: 17px; background: url('../images/sub/ico_triangle.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #666; margin: 50px 0 35px 0; }
    #global .d_tit4 { font-size: 17px; background: url('../images/sub/ico_triangle2.png') no-repeat; width: 150px; height: 35px; padding-left: 40px; line-height: 33px; color: #666; }
    #global .d_desc1 { font-size: 14px; line-height: 22px; position: absolute; left: 200px; top: 120px; }
    #global .d_desc2 { font-size: 14px; line-height: 22px; position: absolute; left: 200px; top: 275px; }
    #global .d_desc4 { font-size: 14px; line-height: 22px; position: absolute; left: 200px; bottom: -140px; }
    #global .g_txt { font-size: 15px; display: block; border: 2px solid #4a237f; padding: 20px; text-align: center; color: #4a237f; border-radius: 50px; font-weight: 500; }
    #global .g_txt span { font-size: 12px; font-weight: normal; color: #666; letter-spacing: -0.8px; }
    #global .g_txt .none { display: block; }
    #global .map img { width: 100%; margin-left: 0; margin-bottom: 50px; }
    #global .report img { width: 100%; margin-left: 0; margin-bottom: 50px; }
    #global .consult img { width: 100%; margin-left: 0; margin-bottom: 50px; }
    #global .edu1 img { width: 100%; margin-left: 0; margin-bottom: 50px; }
    #global .edu2 img { width: 100%; margin-left: 0; margin-bottom: 50px; }
}


/* cooper */
#cooper { width: 100%; position: relative; background: #fff; border-top: 1px solid #eee; }
#cooper .cp_inner { width: 80%; margin: 0.52vw auto; padding-left: 5.729vw; }
#cooper .cp_logo li { float: left; text-align: center; }


/* DIRECTION CONTROLS (NEXT / PREV) */
#cooper .bx-wrapper .bx-prev { left: 10%; transform: translateY(-10%) rotate(-45deg); }
#cooper .bx-wrapper .bx-next { right: 10%; transform: translateY(-10%) rotate(135deg); }
#cooper .bx-wrapper .bx-prev:hover {  }
#cooper .bx-wrapper .bx-next:hover {  }
#cooper .bx-wrapper .bx-controls-direction a {position: absolute; top: 23px; outline: 0; width: 20px; height: 20px; text-indent: -9999px;z-index: 9999; border-top: 2px solid #999; border-left: 2px solid #999; }
#cooper .bx-wrapper .bx-controls-direction a.disabled { display: none; }


/* footer */
#footer { font-family: 'Noto Sans KR', sans-serif; background: #222; padding: 20px 0; }
#footer .footer_inner { margin: 0 auto; text-align: center; }
#footer .footer_inner address { color: rgba(255,255,255,0.8); font-size: 0.781vw; }
#footer .footer_inner address .none { display: none; }
#footer .footer_inner address .copy { display: block; color: rgba(255,255,255,0.3); font-size: 0.729vw; padding-top: 0.52vw; }


/* Tablets */
@media all and (min-width : 768px) and (max-width : 1024px) {
    #footer { text-align: center; font-family: 'Noto Sans KR', sans-serif; background: #222; padding: 10px; box-sizing: border-box; margin: 0 auto; }
    #footer .footer_inner { padding: 10px; box-sizing: border-box; display: block; }
    #footer .footer_inner address { font-size: 12px; }
    #footer .footer_inner address .copy { font-size: 10px; }
    #footer .footer_inner .logo img { width: 90%; padding-top: 5px;}
}


/* Mobile */
@media all and (max-width : 767px) {
    #cooper {width: 100%; position: relative; background: #fff; border-top: 1px solid #eee;}
    #cooper .cp_inner { width: 100%; margin: 0.52vw auto; }
    #cooper .cp_logo li { float: left; text-align: center; }
    #cooper .cp_logo li img { width: 70%; }

    /* DIRECTION CONTROLS (NEXT / PREV) */

    #cooper .bx-wrapper .bx-prev { left: 7%; transform: translateY(-50%) rotate(-45deg); }
    #cooper .bx-wrapper .bx-next { right: 7%; transform: translateY(-50%) rotate(135deg); }
    #cooper .bx-wrapper .bx-prev:hover {  }
    #cooper .bx-wrapper .bx-next:hover {  }
    #cooper .bx-wrapper .bx-controls-direction a {position: absolute; top: 28px; outline: 0; width: 15px; height: 15px; text-indent: -9999px;z-index: 9999; border-top: 2px solid #999; border-left: 2px solid #999; }
    #cooper .bx-wrapper .bx-controls-direction a.disabled { display: none; }

    #footer { text-align: center; font-family: 'Noto Sans KR', sans-serif; background: #222; padding: 10px; box-sizing: border-box; margin: 0 auto; }
    #footer .footer_inner { padding: 10px; box-sizing: border-box; display: block; }
    #footer .footer_inner address { font-size: 12px; line-height: 1.5; }
    #footer .footer_inner address .none { display: block; }
    #footer .footer_inner address .copy { font-size: 10px; }
    #footer .footer_inner .logo img { width: 90%; padding-top: 10px;}
}

/* notice */
#notice { width: 1200px; margin: 100px auto 100px; }
#notice h3 { font-size: 1.302vw; font-weight: 500; letter-spacing: -0.9px; color: #222; position: relative; margin-bottom: 15px;}
#notice h3::before { content: ""; clear: both; display: block; width: 80px; height: 7px; background: #5d4895; position: absolute; left: -23px; top: -15px; transform: translateY(-40%); }
#notice .goal { position: relative; height: 600px; }
#notice .l_tit1 { background: #4a237f; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 23px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 120px; top: 20px; box-sizing: border-box; }
#notice .l_desc1 { position: absolute; left: 365px; top: 32px; font-size: 20px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#notice .l_tit2 { background: #4a237f; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 23px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 120px; top: 117px; box-sizing: border-box; }
#notice .l_desc2 { position: absolute; left: 365px; top: 115px; font-size: 20px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#notice .l_desc2 span { font-size: 16px; color: #999; }
#notice .l_tit3 { background: #4a237f; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 23px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 120px; top: 215px; box-sizing: border-box; }
#notice .l_desc3 { position: absolute; left: 365px; top: 230px; font-size: 20px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#notice .l_tit4 { background: #4a237f; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 23px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 120px; top: 310px; box-sizing: border-box; }
#notice .l_desc4 { position: absolute; left: 365px; top: 325px; font-size: 20px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }
#notice .l_tit5 { background: #4a237f; width: 210px; height: 80px; padding-top: 23px; color: #fff; font-size: 23px; text-align: center; line-height: 28px; border-radius: 7px; position: absolute; left: 120px; top: 405px; box-sizing: border-box; }
#notice .l_desc5 { position: absolute; left: 365px; top: 430px; font-size: 20px; line-height: 28px; color: #444; letter-spacing: -0.5px; color: #444; }

/* Mobile */
@media all and (max-width : 767px) {
    #notice { width: 90%; margin: 150px auto 50px; }
    #notice h3 { font-size: 16px; margin-left: 20px; margin-bottom: 20px; }
    #notice .goal { margin-bottom: -50px; }
    #notice .l_tit1 { width: 150px; height: 75px; background: #4a237f; font-size: 16px; color: #fff; border-radius: 10px; position: absolute; left: 10px; }
    #notice .l_desc1 { line-height: 18px; font-size: 13px; position: absolute; left: 180px; top: 30px; }
    #notice .l_tit2 { width: 150px; height: 75px; background: #4a237f; font-size: 16px; color: #fff; border-radius: 10px; position: absolute; left: 10px; }
    #notice .l_desc2 { line-height: 18px; font-size: 13px; position: absolute; left: 180px; top: 115px; }
    #notice .none { display: none; }
    #notice .l_tit3 { width: 150px; height: 75px; background: #4a237f; font-size: 16px; color: #fff; border-radius: 10px; position: absolute; left: 10px; }
    #notice .l_desc3 { line-height: 18px; font-size: 13px; position: absolute; left: 180px; top: 225px; }
    #notice .l_tit4 { width: 150px; height: 75px; background: #4a237f; font-size: 16px; color: #fff; border-radius: 10px; position: absolute; left: 10px; }
    #notice .l_desc4 { line-height: 18px; font-size: 13px; position: absolute; left: 180px; top: 330px; }
    #notice .l_tit5 { width: 150px; height: 75px; background: #4a237f; font-size: 16px; color: #fff; border-radius: 10px; position: absolute; left: 10px; }
    #notice .l_desc5 { line-height: 18px; font-size: 13px; position: absolute; left: 180px; top: 430px; }
    #notice img { width: 100%; }
}