@charset "utf-8";

.about_jb h4{background:linear-gradient(to right, #007fc5, #004485);border-radius:0 20px 20px 0;padding:30px;color:#fff;font-size:22px;font-weight:200;}
.about_jb h4 strong{display:block;font-size:36px;margin-bottom:20px;text-transform:uppercase;line-height: 1em;}
.about_jb div{margin:40px 0 0 0;}
.about_jb h5{color:#004485;font-size:26px;line-height:1.2em;margin: 0 0 20px 0;padding: 0 0 20px 0;border-bottom: 2px solid #004485;}
.about_jb p{margin:0 0 20px 0;line-height:1.4em;}
.about_jb p:last-child{margin:0;}

.symbols{overflow:hidden;padding-top:20px;}
.symbols div{margin:0 0 40px;text-align:center;position:relative;padding:40px 20px;box-sizing:border-box;border:1px solid #ddd;}
.symbols div:last-child{margin:0;}
.symbols h4{font-size:20px;background:#007fc5;padding:10px;font-weight:200;width:fit-content;border-radius: 10px 10px 10px 0;color:#fff;letter-spacing:1px;position:absolute;top:-22px;left:-1px;}
.symbols h4 span{font-weight:600;}
.symbols strong{display:block;font-size:24px;color:#004485;margin:0 0 15px 0;}
.symbols p{margin:0 0 20px 0;border-radius:50px;overflow:hidden;}
.symbols img{width:100%;}

.jb_map .city .pop_con{display:none;}
.jb_map .city a{display:block;font-size: 15px;padding: 5px;background: #f5f5f5f2;border-radius: 10px;border: 1px solid #ddd;}
.jb_map .city a:hover{color:#f6f6f6;position:relative;z-index:2;padding:10px;box-shadow:10px 10px 15px #ddd9;}
.jb_map .city a:hover .pop_con{display:block;}
.jb_map .img img{width:100%;max-width: 649px;}
.jb_map .img .bg{display:none;}
.jb_map .city{display:none;}
.jb_map .site_wrap li{margin-bottom:15px;background:#f3f5f8;;padding:10px;overflow:hidden;}
.jb_map .site_wrap li img{float:left;margin:auto 0;}
.jb_map .site_wrap li a{display: block;padding:20px;border:1px solid #ddd;background:#fff;overflow:hidden;}
.jb_map .site_wrap li strong{font-size: 18px;font-weight:400;display: block;float:right;margin-top: 10px;}
.jb_map .site_wrap li strong:after{content:"";display:block;width:30px;height: 20px;float:right;background: url(/images/common/ico_con.png) 10px -56px;margin-top: 5px;opacity: 40%;}

.history .txt_title{font-size:24px;line-height:1.3em;color:#004485;font-weight:600;font-style:italic;margin:0 0 15px 0;}
.history .time{position:relative;padding-left:40px;}
.history .time:before{content:"";display:block;width:1px;height:100%;border-left:1px solid #ddd;position:absolute;left: 9px;}
.history h5 span{color:#004485;font-size:30px;font-weight:600;}
.history h5:before{content:"";display:block;width:8px;height:8px;background:#fff;border:5px solid #a1b2cc;border-radius:50%;position:absolute;left:0;margin-top:10px;}

.lang_org{overflow:hidden;letter-spacing:-1px;}
.lang_org h2{padding:15px;background:linear-gradient(-60deg, #007fc5, #004485);text-align:center;color:#fff;margin:0 0 30px 0;}
.lang_org>ul{padding-left:40px;}
.lang_org .first{position:relative;}
.lang_org .first:before{content:"";display:block;width:1px;height: 100%;border-left:1px solid #ddd;position:absolute;left:0;top:-30px;}
.lang_org>ul>li{margin:0 0 20px 0;}
.lang_org h3{font-size: 18px;padding:10px;text-align:center;font-weight:400;border:1px solid #666;position:relative;background: #fff;}
.lang_org h3:before{content:"";display:block;width:40px;height:1px;border-top:1px solid #ddd;position:absolute;left:-40px;top:50%;z-index:-1;}
.lang_org li li{padding:10px;border:1px solid #ddd}
.lang_org dl{border:1px solid #007fc5;margin:0 0 15px 0;}
.lang_org dt{padding:10px;text-align:center;background:#007fc5;font-size:17px;color:#fff;}
.lang_org dd{padding:8px;text-align:center;font-size:16px;color:#666;}
.lang_org .org_new1 dt, .lang_org .org_new3 dt{position:relative;}
.lang_org .org_new1 dt:before,
.lang_org .org_new3 dt:before{content:"";display:block;width:40px;height:1px;border-top:1px solid #ddd;position:absolute;left:-40px;top:50%;z-index:-1;}
.lang_org .org_new2{background:#004485;padding:10px;text-align:center;color:#fff;position:relative;}
.lang_org .org_new2:before{content:"";display:block;width:40px;height:1px;border-top:1px solid #ddd;position:absolute;left:-40px;top:50%;z-index:-1;}
.lang_org .bu h3{margin:0 0 20px 0;}
.lang_org .haeng .org_new2{margin:0 0 20px 0;}
.lang_org .org_new4 dl{border:1px solid #004485;position:relative;}
.lang_org .org_new4 dt{background:none;color:#004485;border-bottom:1px solid #004485;position:relative;}
.lang_org .org_new4 dt:before{content:"";display:block;width:40px;height:1px;border-top:1px solid #ddd;position:absolute;left:-40px;top:50%;z-index:-1;}
.lang_org .org_new4 dd{background:#f5f5f5;}
.lang_org .office{padding:0;}
.lang_org .office li{margin:0 0 10px 0;padding:10px 15px;text-align:center;background:aliceblue;}

.governor h4{color:#004485;}

.his_dosisa .box{border:1px solid #0f447f3d;padding: 20px 0;margin:0 0 20px 0;background: #f3f5f800;border-radius: 10px;}
.his_dosisa .box p{padding:10px;text-align:center;font-size:19px;font-weight:600;color: #004485;background: #f3f5f8;margin: 0 0 24px 0;}
.his_dosisa .box .basic_ul{margin:0;padding: 0 20px;}
.his_dosisa .box span{display:block;margin:0 0 15px 0;width: fit-content;margin: 0 auto 15px;border-radius: 10px;overflow: hidden;}
.his_dosisa .dcurrent{border:2px solid #007fc5;border-radius: 30px 10px;background:#fff;}
.his_dosisa .dcurrent p{color: #fff;background:linear-gradient(-45deg, #004485, #007fc5);}

.complex{margin:0 0 40px 0;}
.complex li{text-align:center;border:1px solid #ddd;overflow:hidden;display:flex;align-items:center;margin:0 0 20px 0;position:relative;}
.complex li strong{display:block;padding:10px;font-size:19px;width:50%;}
.complex li strong:after{content:"";display:block;width:50%;height:100%;background:aliceblue;position:absolute;top:0;left:0;z-index:-1;}
.complex li span{display:block;padding:10px;font-size:20px;width:50%;}
.complex li span em{font-size:14px;color:#666;display:block;}

.tour h4{color:#004485;font-style:italic;}
.tour h5{padding-bottom:10px;border-bottom:1px dashed #ddd;}
.tour .pho_txt img{margin: 20px auto 30px;display: block;border-radius: 30px 0;box-shadow: 10px 10px 0 #0089d0;}

.incentive strong{text-align:center;display: block;padding:10px;background: #004485;color: #fff;font-size:20px;}
.incentive ul{padding:20px 15px;background:#f3f5f8;}
.incentive li{margin:0 0 20px 0;color:#004485;}

.bs_sp .point_bg{background:#004485 !important;color: #fff !important;font-size:20px;font-weight:500;}
.bs_sp tr td:first-child{color:#004485;font-weight:500;}

.icon_step ol>li>span{display:block;padding: 16px 20px;border: 1px solid #004485;color: #004485;text-align: center;font-weight:500;}
.icon_step ol>li>strong{color:#fff;background:#004485;}
.icon_step ol>li>strong em{font-size:15px;font-weight:300;display:block;}

.smg_intro h4{width:fit-content;margin:0 auto 20px;font-size:44px;background:linear-gradient(45deg, #004485, #007fc5);-webkit-background-clip:text;color:transparent;}
.smg_intro .word li{text-align:center;margin:0 0 15px 0;border:1px solid #ddd;border-radius:10px;overflow:hidden;}
.smg_intro .word li strong{display:block;color:#004485;font-size:18px;padding:10px;}
.smg_intro .word li span{display:block;background:#004485;padding:15px 20px;color:#fff;}
.smg_intro .word .last strong{color:#007fc5;font-size:22px;}
.smg_intro .word .last span{background:#007fc5;}

.smg_vision .circle{background:#f5f5f5;text-align:center;padding:30px 15px;}
.smg_vision .circle .tit{padding:0 0 30px 0;color:#004485;width:80%;margin:0 auto;border-bottom:1px solid #ddd;margin-bottom:30px;}
.smg_vision .circle .tit span{font-size:14px;display:block;font-weight:300;}
.smg_vision .circle .tit strong{display:block;font-size:30px;}
.smg_vision .circle .tit em{font-size:16px;display:block;margin:20px 0 0;}
.smg_vision .circle li{margin:0 0 10px 0;padding:8px;}
.smg_vision .circle li strong{display:block;font-weight:300;background:#fff;padding:8px;}
.smg_vision .circle .li01{background:#004485;}
.smg_vision .circle .li02{background:#1086ab;}
.smg_vision .circle .li03{background:#27a0ab;}
.smg_vision .circle .li04{background:#27ab80;}
.smg_vision .circle .li05{background:#5e8500;}
.smg_vision .compet{margin-top:40px;}
.smg_vision .compet div{padding: 40px 30px 20px 30px;border:1px solid #ddd;margin:0 0 30px;position:relative;}
.smg_vision .compet span{display:block;position:absolute;width:50px;height:50px;text-align:center;line-height:50px;color:#fff;border-radius:15px;top: -15px;left: 0px;font-size: 18px;}
.smg_vision .compet div:nth-child(1) span{background:#004485;}
.smg_vision .compet div:nth-child(2) span{background:#1086ab;}
.smg_vision .compet div:nth-child(3) span{background:#27a0ab;}
.smg_vision .compet dt{font-size:18px;font-weight:600;padding:0 0 15px 0;margin:0 0 15px 0;border-bottom:1px dashed #ddd;}
.smg_vision .compet div:nth-child(1) dt{color:#004485;}
.smg_vision .compet div:nth-child(2) dt{color:#1086ab;}
.smg_vision .compet div:nth-child(3) dt{color:#27a0ab;}
.smg_vision .pop_zone li{text-align:center;margin:0 0 10px 0;border:1px solid #ddd;}
.smg_vision .pop_zone span{display:block;padding: 10px 20px;font-weight:400;}
.smg_vision .pop_zone strong{display:block;font-size:20px;padding:15px;color:#fff;}
.smg_vision .pop01 strong{background:#004485;}
.smg_vision .pop01 span{color:#004485;border-top:2px solid;}
.smg_vision .pop02 strong{background:#1086ab;}
.smg_vision .pop02 span{color:#0e6c89;border-top:2px solid;}
.smg_vision .pop03 strong{background:#27a0ab;}
.smg_vision .pop03 span{color:#168690;border-top:2px solid;}
.smg_vision .pop04 strong{background:#27ab80;}
.smg_vision .pop04 span{color:#27ab80;border-top:2px solid;}
.smg_vision .pop05 strong{background:#5e8500;}
.smg_vision .pop05 span{color:#5e8500;border-top:2px solid;}
.smg_vision .pop06 strong{background:#855300;}
.smg_vision .pop06 span{color:#855300;border-top:2px solid;}
.smg_vision .basic_box2 p{color:#004485;font-weight:500;font-size:20px;}

.smg_cond .cond01{margin:0 0 40px 0;}
.smg_cond .cond01 h4, .smg_cond .cond02 h4{font-size:22px;}
.smg_cond .cond01 .txt dl{margin:0 0 10px 0;}
.smg_cond .cond01 .txt dt, .smg_cond .cond02 dt{padding: 0 0 10px 0;font-size:18px;color:#004485;font-weight:500;border-bottom:1px dashed #ddd;margin:0 0 8px 0;}
.smg_cond .cond02 dt em{font-size:14px;font-weight:300;}
.smg_cond .cond01 .txt dd, .smg_cond .cond02 dd{font-size:15px;}
.smg_cond .cond01 .txt dd:before, .smg_cond .cond02 dd:before{content:"";display:block;width:5px;height:5px;float:left;background:#d61c22;margin:10px 8px 0 0;border-radius:50%;}
.smg_cond .cond02 .li_none:before{display:none;}
.smg_cond .cond02 .li_none{overflow:hidden;margin-top:10px;}
.smg_cond .cond02 .li_none li{width:48%;float:left;margin-right:3%;overflow:hidden;text-align:center;margin-bottom:10px;}
.smg_cond .cond02 .li_none li:nth-of-type(2n){margin-right:0;}
.smg_cond .cond02 .li_none li span{display:block;padding:5px;background:#f3f5f8;margin:0 0 5px 0;}
.smg_cond table strong:before{content:"";display:block;width: 80px;height: 80px;background:url("/images/03_lang/content/sub04/infra_i.png")no-repeat center top #fff;border-radius:15px;margin:0 auto 10px;}
.smg_cond tr:nth-child(1) strong:before{background-position-y:8px;}
.smg_cond tr:nth-child(2) strong:before{background-position-y: -90px;}
.smg_cond tr:nth-child(3) strong:before{background-position-y: -184px;}
.smg_cond tr:nth-child(4) strong:before{background-position-y: -271px;}

@media (min-width: 768px) {
.about_jb{position:relative;padding-top:50px;}
.about_jb h4{width: 40%;padding: 50px 127px 50px 50px;}
.about_jb h4 strong{font-size:48px;}
.about_jb h4:after{content:"";display:block;width: 52%;height:280px;position:absolute;right:0;top:0;border-radius:150px 0 0 20px;background: url("/images/03_lang/content/sub01/state_tit.jpg")no-repeat left center;background-size:cover;}
.about_jb div{margin:80px 0 0 0;overflow:hidden;}
.about_jb .first{margin:40px 0 0 0;}
.about_jb div h5{width: 76%;padding: 0 0 20px 0;max-width: 744px;text-align: right;}
.about_jb div:nth-of-type(2n) h5{float:right;padding: 0 50px 20px 0;text-align:left;}
.about_jb div:nth-of-type(2n) p{overflow:hidden;float:right;}

.symbols{display:flex;justify-content:space-between;align-items:stretch;}
.symbols div{width:32%;margin: 0;padding:50px 30px 30px;}

.jb_map .img .name{display:none;}
.jb_map .img .bg{display:block;text-align: center;}
.jb_map .map_wrap{position:relative;}
.jb_map .city{display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.jb_map .city .city_con{position:absolute;}
.jb_map .site_wrap>div{overflow:hidden;}
.jb_map .site_wrap li{float:left;width: 49%;margin-right: 2%;box-sizing:border-box;}
.jb_map .site_wrap li:nth-of-type(2n){margin-right:0;}
.jb_map .site_wrap li:hover strong:after{opacity:100%;}
.jb_map .city #jeonju{top: 184px;left: 45%;}
.jb_map .city #gunsan{top: 116px;left: 25%;}
.jb_map .city #iksan{top: 80px;left: 38%;}
.jb_map .city #gimje{top: 194px;left: 32%;}
.jb_map .city #namwon{top: 412px;left: 58%;}
.jb_map .city #buan{top: 270px;left: 20%;}
.jb_map .city #muju{top: 125px;left: 72%;}
.jb_map .city #imsil{top: 312px;left: 49%;}
.jb_map .city #jinan{top: 182px;left: 58%;}
.jb_map .city #wanju{top: 117px;left: 47%;}
.jb_map .city #jangsu{top: 282px;left: 63%;}
.jb_map .city #jeongeup{top: 306px;left: 32%;}
.jb_map .city #sunchang{bottom: 66px;left: 41%;}
.jb_map .city #gochang{bottom: 89px;left: 13%;}
.jb_map .city .pop_con{padding:10px;background:#fff;color:#333;}
.jb_map .city .pop_con strong{font-size: 20px;margin:15px 0;display: block;color: #004485;}
.jb_map .city .pop_con p{font-weight:300;margin-bottom:10px;}

.lang_org h2{width:35%;}
.lang_org h3, .lang_org .org_new2{width:31%;}
.lang_org li li{display:flex;flex-wrap:wrap;justify-content:start;}
.lang_org dl{width:31%;margin:0 15px 20px 0;}
.lang_org dl:nth-of-type(3n){margin:0 0 20px 0;}
.lang_org .haeng>ul{overflow:hidden;}
.lang_org .haeng>ul>li.org_new2{float:left;margin-right:10px;}
.lang_org .haeng>ul>li.org_new2:before{display:none;}
.lang_org .haeng>ul>li:last-child{float:none;width:100%;}
.lang_org .office{overflow:hidden;display: flex;flex-wrap: wrap;justify-content: start;}
.lang_org .office li{width: 49%;float:left;margin-right: 2%;box-sizing: border-box;}
.lang_org .office li:nth-of-type(2n){margin-right:0;}

.governor .g_img{float:right;width:fit-content;border-right: 8px solid #004485;margin-left: 40px;}

.his_dosisa{display:flex;flex-wrap:wrap;justify-content:space-between;}
.his_dosisa .box{width:49%;box-sizing:border-box;}
.his_dosisa .box .basic_ul{padding:0 30px;}

.complex{display:flex;flex-wrap:wrap;justify-content:space-between;}
.complex li{width:49%;}

.tour .pho_txt{display: flex;align-items: center;margin-bottom: 50px;padding: 0 10px;}
.tour .pho_txt:nth-of-type(2n){flex-direction:row-reverse;}
.tour .pho_txt img{width: 30%;float:left;margin: 0 40px 0 0;}
.tour .pho_txt:nth-of-type(2n) img{margin:0 0 0 40px;}
.tour .pho_txt p{width: 65%;overflow:hidden;float:right;}
    
.incentive ul{display:flex;justify-content:center;}
.incentive li{margin:0 40px 0 0;}

.smg_intro h4{margin:0 auto 50px;}
.smg_intro .word ul{display:flex;justify-content:space-between;}
.smg_intro .word li{width:20%;}
.smg_intro .word li strong{padding:20px;}
.smg_intro .word li span{height:100%;}
.smg_intro .word .last{width:30%;}
.smg_intro .word .last span{font-size:18px;}
.smg_intro .project{display:flex;flex-wrap:wrap;justify-content:space-between;}
.smg_intro .project div{width:49%;box-sizing:border-box;margin: 0 0 20px 0;}

.smg_vision .circle ul{display:flex;flex-wrap:wrap;justify-content: center;}
.smg_vision .circle li{width:31%;box-sizing: border-box;margin: 10px 1%;}
.smg_vision .circle li strong{padding:15px 20px;height: 115px;display: table-cell;vertical-align: middle;width: inherit;}
.smg_vision .circle .tit strong{font-size:40px;}
.smg_vision .compet dt{font-size:22px;}
.smg_vision .pop_zone{display:flex;flex-wrap:wrap;justify-content:space-between;}
.smg_vision .pop_zone li{width:32%;box-sizing:border-box;overflow:hidden;}
.smg_vision .pop_zone span{padding:10px;letter-spacing:-1px;}
.smg_vision .pop_zone strong{height:100%;padding: 20px;}

.smg_cond .cond02{overflow:hidden;}
.smg_cond .cond02 .big_img{float:right;width:45%;border:none;margin:0;padding:0;}
.smg_cond .cond02 .scon_side{float:left;width: 52%;}
}


@media all and (min-width:1023px) {
.about_jb h4{padding-right:380px;width: 27%;}
.about_jb h4:after{height: 294px;width: 58%;}
.about_jb h4 strong{font-size:60px;letter-spacing: -3px;}
.about_jb div h5{font-size:30px;}
.about_jb p{font-size:18px;color:#333;padding: 0 0 0 12px;width: 70%;text-align: right;}
.about_jb div:nth-of-type(2n) p{padding: 0 62px 0 0;text-align: left;}

.jb_map .city #gunsan{left: 30%;}
.jb_map .city #iksan{left: 41%;}
.jb_map .city #gimje{left: 35%;}
.jb_map .city #namwon{left: 56%;}
.jb_map .city #buan{left: 26%;}
.jb_map .city #muju{left: 68%;}
.jb_map .city #jinan{left: 56%;}
.jb_map .city #wanju{left: 48%;}
.jb_map .city #jangsu{left: 60%;}
.jb_map .city #jeongeup{left: 35%;}
.jb_map .city #gochang{left: 23%;}

.lang_org h2{margin:0 auto 30px;position:relative;}
.lang_org h2:after{content:"";display:block;width:1px;height: 201px;position:absolute;border-left:1px solid #ddd;bottom: -177px;left:50%;z-index: -1;}
.lang_org h3, .lang_org .org_new2{width: auto;}
.lang_org .first{overflow:hidden;padding-left: 0;}
.lang_org .first:after{content:"";display:block;width: 873px;height:1px;border-top:1px solid #ddd;position:absolute;top: 147px;left:50%;transform: translateX(-50%);}
.lang_org .first>li{width: 30%;box-sizing: border-box;float: left;}
.lang_org li li{justify-content:space-between;box-sizing: border-box;background: #fff;}
.lang_org dl{width: 48%;margin: 0 0 20px 0;}
.lang_org dt{font-size:15px;line-height: 1.5em;}
.lang_org dd{font-size:14px;padding:5px;line-height: 1.2em;}
.lang_org .an1{margin: 0 0 0 190px;}
.lang_org .an1.jj{margin: 0 135px 150px 41px;}
.lang_org .first>.haeng{margin-left: 25px;margin-right: 42px;}
.lang_org .bu .org_new2{width: 38% !important;display: block;float: none !important;}
.lang_org .org_new1{position:absolute;width: 16% !important;top: 370px;left: 0;}
.lang_org .first>.org_new2{margin-top: 69px;}
.lang_org .first>.org_new2:before{width:1px;height: 134px;border-left:1px solid #ddd;top: -119px;left: 39%;}
.lang_org .haeng>ul>li.org_new2:nth-child(2){margin-right:0;}
.lang_org .haeng>ul>li.org_new2:after{content:"";display:block;width:40px;height:1px;border-top:1px solid #ddd;position:absolute;right:-40px;top:50%;}
.lang_org .org_new2{width: 12% !important;margin-left: 40px;}
.lang_org .org_new3{position:absolute;top: 197px;right:0;width: 16% !important;}
.lang_org .org_new3:before{content:"";display:block;width:1px;height:50px;position:absolute;top:-50px;left: 47%;border-left:1px solid #ddd;}
.lang_org .org_new1 dl, .lang_org .org_new3 dl, .lang_org .org_new4 dl{width:auto;}
.lang_org .org_new4{position:absolute;top:0;right:0;width:16% !important;}
.lang_org .org_new4 dt{line-height:1.2em;}
.lang_org .first:before{display:none;}
.lang_org .org_new1 dt:before,
.lang_org .org_new3 dt:before,.lang_org .org_new4 dt:before{display:none;}
.lang_org .an1 h3:before{height:1px;width:50px;border-top:1px solid #ddd;right: -47px;top:50%;left: auto;}
.lang_org .an1.jj h3:before{display:none;}
.lang_org h3:before{left: 50%;top: -50px;width:1px;height: 299px;border-left:1px solid #ddd;}

.his_dosisa .box{width:32%;}

.icon_step ol>li>strong{width:25%;}
.icon_step ol>li>span{display: table-cell;vertical-align: middle;width:25%;box-sizing: border-box;}
.icon_step .basic_step3>ol>li div{width:50%;}

.smg_vision .circle ul{width:82%;margin:0 auto;}

.smg_cond .cond01{overflow: hidden;background:#f0f0e7;border:1px solid #ddd;}
.smg_cond .cond01 .big_img{float:left;width:50%;border:none;margin:0;padding: 0;}
.smg_cond .cond01 .txt{float:right;width:45%;margin-top:50px;}
}             


/*10대 투자매력*/
.invest10 .inv_txt{font-size:20px;font-weight:600;}
.inv_box{padding:60px 15px;border-bottom:solid 1px #929292;line-height:1.2em;}
.inv_box .num{color:#0f447f;font-size:36px;font-weight:400;}
.inv_box h4{margin:15px 0 5px 0;font-size:22px;}
.inv_box .in_tt{font-size:18px;color:#555;font-weight:600;}
.inv_box img{width:100%;}
.inv_box>div{position:relative;padding:40px 0 0 0;}
.inv_box>div>ul>li{text-align:center;color:#000;font-weight:800;font-size:18px;padding-top:30px;}
.inv_box li li{font-weight:600;padding:5px 0 20px 0;font-size:14px;}

.inv01>div>ul>li{background:#fff;box-shadow:0 5px 10px 5px rgba(0,0,0,0.05);margin:0 0 40px 0;padding:40px 20px;text-align:center;color:#000;}
.inv01 li span{color:#f26522;}
.inv01 div p{font-size:14px;text-align:right;}

.inv02 h4 br{display:none;}
.inv02 li li span{color:#f26522;}
.inv02 li li em{display:block;font-size:14px;}

.inv03 div p{font-size:14px;text-align:right;padding-top:30px;}
.inv03 h4 br{display:none;}

.inv04 div li{padding-bottom: 10px;text-align:center;}
.inv04 div li strong{display:block;text-align:center;font-size: 19px;padding-bottom:15px;}
.inv04 div li img{width:auto;height:30px;padding:3px 20px;}

.inv07>div,
.inv08>div{padding-top:0;}
.inv07>div>ul>li,
.inv08>div>ul>li{padding-bottom:30px;}


.inv09{background:#162333;border-bottom:none;padding:60px 20px;}
.inv09 .num{color:#85cdff;}
.inv09 h4,
.inv09 .in_tt{color:#fff;}
.inv09>div{padding-top:30px;}
.inv09>div>ul>li{padding-top:20px;color:#fff;}
.inv09 li li{padding-top:10px;}

.inv10{background:#fdfdfd url("/upload_data/user_file/07_economy/contents/s2_img10.jpg") no-repeat right bottom;background-size:100%;padding:60px 15px;}
.inv10 div{padding-top:20px;}
.inv10>div>ul>li{padding-top:20px;}



@media all and (min-width:768px) {



/*10대 투자매력*/   
.inv_box div{position:relative;}
    
.inv01>div>ul:after{display:block;content:"";clear:both}
.inv01>div>ul>li{float:left;width: calc(100% / 3 - 20px);margin: 0 10px;box-sizing: border-box;letter-spacing: -1px;padding: 40px 10px;}
.inv01>div>ul>li:nth-child(2){margin-top:40px;}
.inv01 div p{position:absolute;top:0;right:15px;}

.inv02 h4 br{display:block;}    
.inv02>div>ul{background:#fff;box-shadow:0 5px 10px 5px rgba(0,0,0,0.05);padding:20px 30px 40px 30px;}

.inv03 div{text-align:center;}
.inv03 img{width:auto;}

.inv05>div>ul{background:rgba(255,255,255,0.9);box-shadow:0 5px 10px 5px rgba(0,0,0,0.05);padding:20px 30px 40px 30px;position:absolute;top:100px;left: 50%;width: 80%;transform: translate(-50%,0);}

.inv06>div>ul{background:rgba(0,0,0,0.5);border:solid 1px #fff;padding:10px 40px 40px 40px;position:absolute;top:90px;left: 50%;width: 60%;transform: translate(-50%,0);}
.inv06>div>ul>li{color:#fff;}

.inv07>div>ul>li{position:relative;text-align:left;padding-left:12px;}
.inv07>div>ul>li:before{display:block;content:"";width:7px;height:7px;background:#000;border-radius:50%;position:absolute;top:36px;left:0;}

.inv08>div>ul>li{position:relative;text-align:left;padding-left:12px;}
.inv08>div>ul>li:before{display:block;content:"";width:7px;height:7px;background:#000;border-radius:50%;position:absolute;top:36px;left:0;}
    
    
}


@media all and (min-width:1023px) {



/*10대 투자매력*/  
.inv_box{padding:70px 30px;}
.inv_box h4{font-size:30px;}
.inv_box img{width:auto;}
.inv_box>div>ul>li{font-size:24px;padding-top:30px;line-height:30px;font-weight:700;}
.inv_box li li{font-size:18px;}
    
.inv01>div>ul>li{width: calc(100% / 3 - 30px);margin: 0 15px;padding: 70px 30px;}

.inv02 h4 br{display:none;}    
.inv02>div>ul{top:unset;bottom:30px;right:30px;padding:40px;}
.inv02 li li{line-height:20px;}

.inv03 h4 br{display:block;}
.inv03>div{text-align:right;padding-right: 10px;margin-top: -210px;}
.inv03 div p{position:absolute;bottom:10px;right:60px;}

.inv04>div>ul>li{text-align:left;padding:10px 0;}   
.inv04 div li strong{position:relative;display:inline-block;text-align:left;font-size:24px;padding:12px 0 12px 15px;width: 160px;}
.inv04 div li strong:before{display:block;content:"";background:var(--black);width:8px;height:8px;border-radius:50%;position:absolute;top:23px;left:0;}
.inv04 div li img{height:44px;}

.inv05{position:relative;height: 590px;box-sizing:border-box;}
.inv05>div{padding:0;position:absolute;top: 60px;right:30px;}
.inv05>div>ul{padding:30px 50px 50px 50px;top: 160px;left: 140px;width: 50%;}
.inv05>div>ul>li{line-height:26px;}

.inv06>div>ul{top: 110px;left:40px;padding:20px 60px 50px 60px;transform: translate(0, 0);width: 30%;}

.inv07>div>ul>li:before{top:40px;}
    
.inv08>div>ul>li{position:relative;text-align:left;padding-left:12px;}
.inv08>div>ul>li:before{display:block;content:"";width:7px;height:7px;background:#000;border-radius:50%;position:absolute;top:50%;left:0;transform:translate(0,-50%)}
   
.inv09{background:url("/upload_data/user_file/07_economy/contents/s2_img9.jpg") no-repeat left top;padding:70px 50px;height:390px;box-sizing:border-box;}
.inv09>div>ul>li{position:relative;text-align:left;padding-left:12px;}
.inv09>div>ul>li:before{display:block;content:"";width:7px;height:7px;background:#fff;border-radius:50%;position:absolute;top:40px;left:0;}

.inv10{padding:70px 50px;height:480px;box-sizing:border-box;}
.inv10>div>ul{padding-top:20px;}
.inv10>div>ul>li{position:relative;text-align:left;padding-left:12px;padding:10px 15px}
.inv10>div>ul>li:before{display:block;content:"";width:7px;height:7px;background:#000;border-radius:50%;position:absolute;top:22px;left:0;}
    
}   


/*전북포럼*/
.jb_forum .forum_top{padding:20px;background:url("/upload_data/user_file/01_portal/sub4/forum_right.png")no-repeat right bottom;background-size:40%;word-break:keep-all;font-family:'SCDream';}
.jb_forum .forum_top .txt{font-size:30px;font-weight:800;color:#0C3388;}
.jb_forum .forum_top .txt strong{color:#036EB8;font-size:24px;letter-spacing:-1px;margin:10px 0 20px 0;line-height:1.3em;display:block;}
.jb_forum .forum_top .info{font-family:'SCDream';color:#13AE67;letter-spacing:-.5px;margin:0 0 20px 0;}
.jb_forum .forum_top .info strong{display:block;font-size:18px;}
.jb_forum .forum_top img{display:inline-block;margin-right:10px;}
.jb_forum .basic_box2{background:#fff;border:1px solid #ddd;}
.jb_forum table strong{font-weight:500;color:#036eb8 !important;}

.jb_forum .tit{background:#e6f3f9;padding:20px;}   
.jb_forum .tit h4{color:#1c4986;font-weight: 800;font-family:'SCDream';}
.jb_forum .tit h4:before{content:"";display:block;width:300px;height: 261px;margin:0 auto 20px;background:url("/upload_data/user_file/01_portal/sub4/forum_tit.png")no-repeat center;background-size:cover;}
.jb_forum .tit p{padding:20px;background:#fff;border-top:2px solid #1c4986;letter-spacing:-.5px;font-size:17px;line-height:1.8rem;}
.jb_forum .tit p strong{color:#1c4986;font-family:'SCDream';word-break:keep-all;}
.jb_forum>ul li strong{color:#1c4986;font-family:'SCDream';font-size:16px;}
.jb_forum h4.forum01{background:url("/upload_data/user_file/01_portal/sub4/forum_bg.png")no-repeat top left #e6f3f9;padding:50px 20px;text-align:right;color:#1c4986;font-weight:800;}
.jb_forum .link_i{display:flex;justify-content:space-between;flex-wrap:wrap;overflow:hidden;}
.jb_forum .link_i li{width:48%;border:1px solid #ddd;margin:0 0 15px 0;box-sizing:border-box;}
.jb_forum .link_i li:hover{border-color:#1c4986;}
.jb_forum .link_i a{display:block;text-align:center;padding:20px;}
.jb_forum .link_i li span{font-family:'SCDream';}
.jb_forum .link_i li span:before{content:"";display:block;width:100px;height:100px;background:url("/upload_data/user_file/01_portal/sub4/forum_icon.png")no-repeat center top;background-size:cover;margin:0 auto;}
.jb_forum .link_i li:nth-child(1) span:before{background-position: 4px 0;}
.jb_forum .link_i li:nth-child(2) span:before{background-position: 7px -130px;}
.jb_forum .link_i li:nth-child(3) span:before{background-position: -5px -261px;}
.jb_forum .link_i li:nth-child(4) span:before{background-position: -2px -390px;}
.jb_forum .link_i li:nth-child(5) span:before{background-position: 2px -518px;}

@media all and (min-width:1023px) {
.jb_forum .forum_top{padding: 60px 250px;background-size:auto;position:relative;}
.jb_forum .forum_top .txt{font-size: 40px;text-align:center;}
.jb_forum .forum_top .txt strong{font-size:29px;margin-top:20px;}
.jb_forum .forum_top .info{font-size: 19px;text-align:center;}
.jb_forum .forum_top .info strong{font-size:24px;margin-bottom:5px;}
.jb_forum .forum_top div:last-child{margin:0 auto;width:fit-content;}
.jb_forum .forum_top div:last-child p{display:inline-block;}
.jb_forum .forum_top:before{content:"";display:block;width:251px;height:158px;position:absolute;bottom:0;left:0;background:url("/upload_data/user_file/01_portal/sub4/forum_left.png");}
 
.jb_forum .tit{position:relative;padding: 40px 30px 30px 40px;border-radius: 20px 20px 0 0;} 
.jb_forum .tit h4:before{position:absolute;top: 20px;right: 39px;}
.jb_forum .tit h4{font-size:40px;}
.jb_forum .tit p{width: 57%;margin-top: 42px;padding: 30px;}
.jb_forum h4.forum01{font-size: 48px; padding: 50px;border-radius: 20px 20px 0 0;text-align: center;}
.jb_forum .link_i{justify-content:center;}
.jb_forum .link_i li{width:31%;margin:0 20px 20px 0;}
}      

/*한국어 교육기관*/
.korean_edu .top{padding:40px 20px;background:linear-gradient(to right, #effafd, #fff);margin: 0 0 40px 0;}
.korean_edu .top h3{font-family:"Jalnan Gothic";font-weight:400;font-size:24px;line-height:1.3em;word-break:keep-all;text-align:center;color:#222;}   
.korean_edu .top h3 strong{font-weight:400;color:#034694;}
.korean_edu .top h3:before{content:'';display:block;width:250px;min-height:275px;background:url("/upload_data/user_file/01_portal/sub4/korean_edu_top.png")no-repeat;background-size:contain;margin: 0 auto 30px;}
.korean_edu .map_info{margin:30px 0;}
.korean_edu .map_info em{display:block;font-weight:700;font-size:16px;color:#1c3f8c;padding-bottom:8px;margin-bottom:8px;border-bottom:1px dashed #ddd;}
.korean_edu .map_info em:before{content:'';display:block;width:20px;height:18px;float:left;margin-right:5px;}
.korean_edu .map_info li:nth-child(1) em:before{background:url("/upload_data/user_file/01_portal/sub4/ico_kedu2.png")no-repeat center top;background-size:contain;}
.korean_edu .map_info li:nth-child(2) em:before{background:url("/upload_data/user_file/01_portal/sub4/ico_kedu1.png")no-repeat center top;background-size:contain;}
.korean_edu .map_info li{font-size:15px;line-height:1.4em;word-break:keep-all;margin-bottom:20px;}
.korean_edu .map_info li:last-child{margin:0;}
.korean_edu table em{display:inline-block;width:30px;height:30px;background:url("/upload_data/user_file/01_portal/sub4/ico_kedu1.png")no-repeat;text-align:center;line-height:36px;color:#fff;font-size:14px;}
.korean_edu table .ko_edu em{background:url("/upload_data/user_file/01_portal/sub4/ico_kedu2.png")no-repeat;}        
@media all and (min-width:1023px) {
.korean_edu .top{position:relative;padding:100px 70px;}
.korean_edu .top h3{text-align:left;font-size:36px;width: 50%;}
.korean_edu .top h3:before{margin: 0;position: absolute;top:20px;right:70px;} 
.korean_edu .map_info{padding:20px 30px;background:#f3f5f8;}
}