@charset "utf-8";

/* sub1 */
.jb_position{background:#c4ddde;position:relative;margin:0 0 50px 0;word-break:keep-all}
.jb_position:after{content:"";display:block;background:#f3f5f8;position:absolute;top:65%;bottom:0;left:0;right:0}
.jb_position div{padding:30px;position:relative;z-index:1}
.jb_position div:nth-child(1) p{color:#175153}
.jb_position div:nth-child(1):before{content:"";display:block;width:100%;height:300px;margin:0 0 30px 0;background:url("/upload_data/user_file/01_portal/sub1/jbposition1.png") no-repeat center 0;background-size:contain}
.jb_position div:nth-child(2):before{content:"";display:block;width:100%;height:200px;margin:0 0 30px 0;background:url("/upload_data/user_file/01_portal/sub1/jbposition2.png") no-repeat center 0;background-size:contain}
.jb_position h4:before{content:"";display:inline-block;width:40px;height:40px;background:url("/upload_data/user_file/01_portal/sub1/jbposition3.png");margin:0 10px 0 0;vertical-align:middle}
.jb_position h5{font-size:36px}
.jb_position h5:before{content:"";display:inline-block;width:40px;height:40px;background:url("/upload_data/user_file/01_portal/sub1/jbposition3.png") center -40px;margin:0 10px 0 0;vertical-align:middle}
@media all and (min-width:768px) {
.jb_position:after{top:55%}
.jb_position div:nth-child(1){padding:50px 300px 30px 50px}
.jb_position div:nth-child(2){padding:40px 50px 50px 350px}
.jb_position div:nth-child(1):before{position:absolute;top:30px;right:30px;width:263px}
.jb_position div:nth-child(2):before{position:absolute;top:90px;left:30px;width:300px}
}
@media all and (min-width:1023px) {
.jb_position div:nth-child(1){padding:90px 400px 90px 90px}
.jb_position div:nth-child(2){padding:90px 90px 90px 480px}
.jb_position div:nth-child(1):before{height:430px;right:80px}
.jb_position div:nth-child(2):before{width:420px;height:329px;top:-50px;left:60px}
.jb_position p{font-size:18px;line-height:1.75em}
}  

.population_graph div{border:1px solid #dedede;padding:10px 0;margin:0 0 5px 0;box-sizing:border-box}
.population_graph h5{text-align:center;font-size:18px;margin:10px 0}
.population_graph p{text-align:center}
.population_graph p img{width:100%}
@media all and (min-width:768px) {
.population_graph{overflow:hidden;margin-left:-2%}
.population_graph div{float:left;width:48%;margin:0 0 0 2%}
}
@media all and (min-width:1023px) {
.population_graph p img{width:auto}
}
.population_t{border:1px solid #034694;padding:20px;margin:0 0 50px 0}
.population_t ul{overflow:hidden}
.population_t li{float:left;width:50%;text-align:center;margin:10px 0}
.population_t li:before{content:"";display:block;width:50px;height:50px;background:url("/upload_data/user_file/01_portal/sub1/ico_population.png");margin:0 auto 5px auto}
.population_t li:nth-child(1):before{background-position:center 0}
.population_t li:nth-child(2):before{background-position:center -50px}
.population_t li:nth-child(3):before{background-position:center -100px}
.population_t li:nth-child(4):before{background-position:center -150px}
.population_t em{display:block;color:#898989;font-size:15px;line-height:1.25em}
.population_t span{display:block;color:#034694}
.population_t li:nth-child(1) span{color:#0089d0}
.population_t li:nth-child(2) span{color:#df5767}
@media all and (min-width:768px) {
.population_t{padding:20px 40px}
.population_t li{width:25%}
.population_t li:before{margin:0 auto}
.population_t li{text-align:left;position:relative;padding:5px 0 5px 70px;box-sizing:border-box}
.population_t li:before{position:absolute;top:0;left:0;margin:0 auto}
}
@media all and (min-width:1023px) {
.population_t span{font-size:20px;font-weight:700}
}
.population{text-align:center}
.population>ul{border-top:1px solid #4a4a4a}
.population>ul>li{padding:20px 0;border-bottom:1px solid #e9e9e9}
.population ul ul{overflow:hidden}
.population li li{float:left;width:25%}
.population li li:before{content:"";display:block;width:50px;height:50px;background:url("/upload_data/user_file/01_portal/sub1/ico_population.png");margin:0 auto 5px auto}
.population li li:nth-child(1):before{background-position:center 0}
.population li li:nth-child(2):before{background-position:center -50px}
.population li li:nth-child(3):before{background-position:center -100px}
.population li li:nth-child(4):before{background-position:center -150px}
.population strong{display:block;padding:5px 0}
.population em{display:block;color:#898989;font-size:15px;line-height:1.25em}
.population span{display:block;font-size:14px;color:#034694}
.population li li:nth-child(1) span{color:#0089d0}
.population li li:nth-child(2) span{color:#df5767}
.population li li:nth-child(4) span{color:#034694}
@media all and (min-width:768px) {
.population>ul>li{position:relative;padding:20px 0 20px 120px}
.population li li{text-align:left;position:relative;padding:5px 0 5px 70px;box-sizing:border-box}
.population li li:before{position:absolute;top:0;left:0;margin:0 auto}
.population strong{position:absolute;top:0;left:0;bottom:0;width:100px;padding:34px 0;font-size:20px}
.population strong:after{content:"";display:block;width:20px;height:20px;background:url("/images/01_portal/main/ico_main.png") no-repeat -20px -20px;position:absolute;top:50%;right:0;transform:translate(0, -50%)}
}
@media all and (min-width:1023px) {
.population>ul>li{padding:20px 0 20px 160px}
.population strong{width:120px;}
.population span{font-size:20px;font-weight:700}
}  

.jb_location{border-top:1px solid #222}
.jb_location>div{border-bottom:1px solid #e9e9e9;min-height:160px}
.jb_location>div h5{text-align:center;padding:20px 0;margin:0;background:#f3f5f8}
.jb_location>div h5:before{content:"";display:block;width:100px;height:100px;background:url("/upload_data/user_file/01_portal/sub1/ico_location.png");margin:0 auto}
.jb_location>div:nth-child(1) h5:before{background-position:center 0}
.jb_location>div:nth-child(2) h5:before{background-position:center -100px}
.jb_location>div:nth-child(3) h5:before{background-position:center -200px}
.jb_location>div:nth-child(4) h5:before{background-position:center -200px}
.jb_location>div:nth-child(5) h5:before{background-position:center -300px}
.jb_location div div{padding:10px 0}
.jb_location li strong{display:inline-block;color:#034694;border-radius:30px}
.jb_location li span{display:block;color:#898989;font-size:16px}
.jb_location li em{color:#034694;margin:0 10px}
@media all and (min-width:768px) {
.jb_location>div:nth-child(3) span{display:inline}
}
@media all and (min-width:1023px) {
.jb_location>div{position:relative}
.jb_location>div h5{display:table-cell;width:250px;vertical-align:middle}
.jb_location div div{display:table-cell;padding:30px}
.jb_location .basic_ul{margin:0}
} 

.org_jb{position:relative;text-align:center}
.org_jb:before{content:"";display:block;width:1px;background:#4a4a4a;position:absolute;top:0;left:0;bottom: 204px;z-index:-1}
.org_jb span{display:block}
.org_jb a{display:block}
.org_jb h4{margin:0 0 20px 0}
.org_jb h4 a{background:#034694;color:#fff;font-weight:700;font-size:22px;padding:10px 0}
.org_jb>ul{margin:0 0 0 30px}
.org_t1>span,.org_t2>span,.org_t3>span,.org_t4>span,.org_t5>span{margin:0 0 20px 0;position:relative}
.org_t1>span:before,.org_t2>span:before,.org_t3>span:before,.org_t4>span:before,.org_t5>span:before{content:"";display:block;width:30px;height:1px;background:#4a4a4a;position:absolute;top:50%;left:-30px;z-index:-1}
.org_t1>span a,.org_t2>span a,.org_t3>span a,.org_t4>span a,.org_t5>span a{background:#222;color:#fff;padding:15px 0;font-weight:700}
.org_e1,.org_e2,.org_e3{margin:0 0 20px 0}
.org_e1 a,.org_e2 a,.org_e3 a{background:#0089d0;color:#fff;padding:10px}
.org_e1{position:relative}
.org_e1:before{content:"";display:block;width:30px;height:1px;background:#4a4a4a;position:absolute;top:50%;left:-30px;z-index:-1}
.orgbusu{margin:0 0 20px 0}
.orgbusu>span{position:relative}
.orgbusu>span:before{content:"";display:block;width:30px;height:1px;background:#4a4a4a;position:absolute;top:50%;left:-30px;z-index:-1}
.orgbusu>span a{display:block;background:#fff;border:1px solid #034694;color:#034694;padding:15px 0;font-weight:700}
.orgbusu ul{border:1px solid #e9e9e9;background:#fff;padding:10px}
.orgbusu li{margin: 14px 0;font-size:15px;color:#898989}
.orgbusu li a{font-size:15px;color:#898989;line-height: 1em;}
.orgbusu_list{background:#f3f5f8;padding:10px;margin:0 0 30px 0}
.orgbusu_list>ul>li{background:#fff;margin:0 0 10px 0}
.orgbusu_list span a{display:block;height: 60px;background:#fff;border:1px solid #034694;color:#034694;padding: 18px 0;font-weight:700;box-sizing: border-box;}
.orgbusu_list .line2 span a{padding:5px 0;}
.orgbusu_list ul ul{border:1px solid #e9e9e9;background:#fff;padding:10px}
.orgbusu_list li li{margin-bottom: 5px;}
.orgbusu_list li li a{font-size:15px;color:#898989}
.orgfire span{position:relative}
.orgfire span:before{content:"";display:block;width:30px;height:1px;background:#4a4a4a;position:absolute;top:50%;left:-30px;z-index:-1}
.orgfire span a{display:block;background:#fff;border:1px solid #034694;color:#034694;padding:15px 0;font-weight:700}
.orgfire ul{border:1px solid #e9e9e9;background:#fff;padding:10px}
.orgfire li a{font-size:15px;color:#898989}
.orgpoli{margin:0 0 20px 0}
.orgpoli span{display:block;background:#f3f5f8;border:1px solid #034694;color:#034694;padding:15px 0;font-weight:700;position:relative}
.orgpoli span:before{content:"";display:block;width:30px;height:1px;background:#4a4a4a;position:absolute;top:50%;left:-30px;z-index:-1}
.orgpoli ul{border:1px solid #e9e9e9;background:#fff;padding:10px}
.orgpoli li a{font-size:15px;color:#898989}
@media all and (min-width:768px) {
.org_jb h4{width:200px}
.org_t1>span,.org_t2>span,.org_t3>span,.org_t4>span,.org_t5>span{width:200px}
.org_e1,.org_e2,.org_e3,.org_e5{width:200px}
.orgbusu{width:200px}
.orgbusu_list>ul{overflow:hidden;margin-left:-2%}
.orgbusu_list>ul>li{float:left;width:23%;margin:0 0 10px 2%}
.orgbusu_list>ul>li:nth-child(4n+1){clear:both}
.orgfire{width:200px}
.orgpoli{width:200px}
}
@media all and (min-width:1023px) {
.org_jb:before{left:50%;bottom:unset;height: 285px;}
.org_jb:after{content:"";display:block;height:1px;background:#4a4a4a;position:absolute;top: 285px;left:70px;right:103px;z-index:-1}
.org_jb h4{margin: 0 auto 250px auto;}
.org_jb>ul:after{content:"";display:block;clear:both}
.org_jb>ul>li{float:left;margin:0 1%}
.org_t1>span:before,.org_t2>span:before,.org_t3>span:before,.org_t4>span:before,.org_t5>span:before{width:105px;left:-105px}
.org_t1{position:absolute;top:130px;left:20%}
.org_t5{position:absolute;top:200px;left:20%}
.org_t2{position:absolute;top:130px;right:20%}
.org_t3,.org_t4{position:relative}
.org_t3:before,.org_t4:before{content:"";display:block;width:1px;background:#4a4a4a;position:absolute;top:-30px;left:50%;bottom:177px;z-index:-1}
.org_t3>span,.org_t4>span{margin:0 auto 20px auto}
.org_t1>span:before{left:unset;right:-105px}
.org_t5>span:before{left:unset;right:-105px}
.org_t3>span:before,.org_t4>span:before{display:none}
.org_e1,.org_e2,.org_e3,.org_e5{width:100px}
.org_e1{position:absolute;top: 390px;left:80px}
.org_e1:before{width:1px;height:105px;top:-105px;left:50%}
.org_e2,.org_e3{position:relative}
.org_e2:before,.org_e3:before{content:"";display:block;width:55px;height:1px;background:#4a4a4a;position:absolute;top:50%;right:-55px;z-index:-1}
.orgbusu{width:150px}
.orgbusu>span{margin-top:217px}
.orgbusu>span:before{width:1px;height:300px;top:-247px;left:20%}
.orgbusu_list{width:290px}
.orgbusu_list>ul>li{width:48%}
.orgbusu_list>ul>li:nth-child(4n+1){clear:none}
.orgbusu_list>ul>li:nth-child(2n+1){clear:both}
.orgfire{width:150px}
.orgfire span:before{width:1px;height:30px;top:-30px;left:50%}
.orgpoli{position:absolute;top: 130px;right:0;width:180px}
.orgpoli span:before{display:none}
} 

/* 조직도 이동 241029 */
 .orgfire{margin:0 0 20px 0;}
@media all and (min-width:1023px) {
.org_jb>ul{margin: 0 0 0 105px;}
.org_jb:after{right: 203px;left: 55px;}
.org_e1{left: -5px;}
.orgbusu{position:absolute;top: 560px;right:0;}
.orgbusu>span{margin-top: 0;}
.orgbusu>span:before{left: 50%;top: -275px;}
} 


.org_ins{background:#f3f5f8;padding:10px}
.org_ins li{margin:0 0 5px 0}
.org_ins li a{display:block;background:#fff;border:1px solid #034694;color:#034694;text-align:center;padding:10px 0}
@media all and (min-width:768px) {
.org_ins ul{margin-left:-1%;overflow:hidden}
.org_ins li{float:left;width:32.333%;margin:0 0 5px 1%}
}
@media all and (min-width:1023px) {
.org_ins li{width:24%}
}        

.org_council{position:relative;text-align:center}
.org_council:before{content:"";display:block;width:1px;background:#898989;position:absolute;top:0;left:50%;bottom:0;transform:translate(-50%, 0);z-index:-1}
.org_council h4{background:#034694;color:#fff;padding:65px 0 0 0;margin:0 auto 30px auto;font-weight:700;font-size:22px;width:150px;height:150px;border-radius:100%;box-sizing:border-box}
.org_council h5{background:#222;color:#fff;padding:15px 0;margin:0 auto 30px auto;font-weight:700;font-size:18px;width:200px}
.org_council div>ul>li{margin:0 0 10px 0}
.org_council div>ul>li>span{display:block;background:#fff;border:1px solid #034694;color:#034694;padding:15px 0;font-weight:700;font-size:18px}
.org_council ul ul{border:1px solid #e9e9e9;background:#fff;padding:10px}
.org_council li li{font-size:15px}
@media all and (min-width:768px) {
.org_council div{background:#f3f5f8;padding:20px}
.org_council div>ul{margin-left:-2%;overflow:hidden}
.org_council div>ul>li{float:left;width:31.333%;margin:0 0 10px 2%}
.org_council div>ul>li:nth-child(3n+1){clear:both}
}    
@media all and (min-width:1023px) {
.org_council div>ul>li{width:23%}
.org_council div>ul>li:nth-child(3n+1){clear:none}
.org_council div>ul>li:nth-child(4n+1){clear:both}
} 

.towns_map ul{overflow:hidden;margin-left:-2%}
.towns_map li{float:left;width:31.333%;margin:0 0 5px 2%}
.towns_map li a{display:block;background:#034694;color:#fff;padding:10px 0;text-align:center}
.towns_map li a:after{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;background:url("/images/common/ico_con.png") no-repeat;margin:0 0 0 5px}
@media all and (min-width:768px) {
.towns_map{background:#f3f5f8;padding:50px 0}
.towns_map ul{background:url("/upload_data/user_file/01_portal/sub1/towns_map.png") no-repeat;width:658px;height:520px;margin:0 auto;position:relative}
.towns_map li{position:absolute;width:80px;margin:0}
.towns_map li.no1{top:180px;left:270px}
.towns_map li.no2{top:110px;left:100px}
.towns_map li.no3{top:60px;left:220px}
.towns_map li.no4{top:300px;left:170px}
.towns_map li.no5{top:420px;left:410px}
.towns_map li.no6{top:180px;left:150px}
.towns_map li.no7{top:90px;left:310px}
.towns_map li.no8{top:160px;left:410px}
.towns_map li.no9{top:100px;left:530px}
.towns_map li.no10{top:280px;left:470px}
.towns_map li.no11{top:310px;left:320px}
.towns_map li.no12{top:420px;left:260px}
.towns_map li.no13{top:400px;left:40px}
.towns_map li.no14{top:260px;left:70px}
.towns_map li a{padding:5px 0}
.towns_map li a:hover,.towns_map li a:focus{background:#222}
.towns_map li a:after{display:none}
}   

.jb_district{border:1px solid #e9e9e9}
.district_map{background:#f3f5f8;text-align:center;box-sizing:border-box;position:relative}
.district_map>div{padding:20px 0;overflow-x:auto} 
.district_map:before{content:"";display:block;width:40px;height:40px;background:url("/images/common/ico_con.png") no-repeat 0 -20px;position:absolute;top:0;animation:scrollImage 2s linear infinite}
.district_list{padding:20px;box-sizing:border-box}
.district_list>ul>li{display:none}
.district_list>ul>li.on{display:block}
.district_list h5{margin:0 0 10px 0;color:#034694}
.district_list .basic_ul{margin:0}
.district_list .basic_ul ul{margin:0}
.district_list .basic_ul li li{margin:0}
@media all and (min-width:768px) {
.jb_district{overflow:hidden}
.district_map{float:left;width:470px}
.district_map:before{display:none}
.district_list{float:right;width:calc(100% - 470px);padding:30px}
}
@media all and (min-width:1023px) {
.district_map{width:600px}
.district_map>div{padding:30px 0}
.district_list{width:calc(100% - 600px);padding:40px}
}   

.jb_sbimg{position:relative;padding:100px 0 0 0;margin:30px 0;text-align:center}
.jb_sbimg h4{background:#f3f5f8;padding:130px 20px 20px 20px;margin:0;font-size:16px;font-weight:normal;color:#034694}
.jb_sbimg p{position:absolute;top:0;left:50%;transform:translate(-50%, 0);width:200px;height:200px;margin:0 auto;border-radius:100%;overflow:hidden;border:10px solid #fff;box-shadow:3px 3px 10px 0px rgba(0, 0, 0, .1)}
.jb_sbimg p img{width:100%}
.jb_sbimg dl{border:1px solid #e9e9e9;border-top:none;padding:20px}
.jb_sbimg dt{margin:0 0 20px 0;font-size:24px;color:#034694;font-weight:700}
.jb_sbimg dd{word-break:keep-all}
.jb_sbimg dd em{color:#0089d0}
@media all and (min-width:768px) {
.jb_sbimg{padding:30px 0 0 110px;text-align:left}
.jb_sbimg h4{padding:20px 0 20px 140px}
.jb_sbimg p{left:0;transform:translate(0, 0)}
.jb_sbimg dl{padding:50px 50px 50px 140px}
.jb_sbimg dt{font-size:36px}
.jb_sbimg dd{font-size:18px;line-height:1.75em}
}
@media all and (min-width:1023px) {
.jb_sbimg{padding:30px 0 0 200px;margin:50px 0}
.jb_sbimg h4{padding:20px 0 20px 170px}
.jb_sbimg p{width:300px;height:300px}
.jb_sbimg dl{padding:50px 100px 50px 170px}
.jb_sbimg dd{font-size:20px}
}         

.jb_intbox{text-align:center;position:relative;background:#f3f5f8}
.jb_intlist img{width:100%;margin:0 auto}
.jb_intbtn{background:#4a4a4a;padding:0 10px}
.jb_intbtn>button{display:inline-block;width:40px;height:0;padding:40px 0 0 0;background:url("/images/01_portal/main/ico_main.png") no-repeat #4a4a4a;overflow:hidden;vertical-align:middle}
.jb_intbtn>button.stop{background-position:-180px 0}
.jb_intbtn>button.play{background-position:-220px 0}
.jb_intbtn>button.prev{background-position:-100px 0;position:absolute;top:40%;left:0}
.jb_intbtn>button.next{background-position:-140px 0;position:absolute;top:40%;right:0}
.jb_intbtn p{display:inline-block;vertical-align:middle}
.jb_intbtn p button{float:left;width:17px;height:0;padding:15px 0 0 0;margin:0 2px;overflow:hidden;background:none;border:1px solid #fff;border-radius:100%}
.jb_intbtn p button.on{background:#fff}
@media all and (min-width:1023px) {
.jb_intlist{padding:40px}
.jb_intlist img{width:80%}
}    

.giver_tit{text-align:center;background:#1c3a40;color:#b67e46;font-size:15px}
.giver_tit img{width:100%}
.giver_list{text-align:center}
.giver_list li{padding:30px 0;margin:0 0 20px 0;box-sizing:border-box;/* background:#f3f5f8; *//* border:1px solid #dbbc6f; */position:relative;box-shadow: 0 0 10px rgba(0, 0, 0, .1);border-radius: 10px;background: url("/upload_data/user_file/01_portal/sub1/ico_giver2.png") no-repeat center 125px;}
.giver_list li:before{/* content:""; */display:block;width:160px;height:40px;background:url("/upload_data/user_file/01_portal/sub1/giver_bg.png") no-repeat;position:absolute;top:0;left:0}
.giver_list li:after{/* content:""; */display:block;width:160px;height:40px;background:url("/upload_data/user_file/01_portal/sub1/giver_bg.png") no-repeat right bottom;position:absolute;bottom:0;right:0}
.giver_list img{/* border: 5px solid #fff; */border-radius: 10%;}
.giver_list strong{display:block;margin:10px 0 0 0}
.giver_list span{font-size:15px;color:#898989}
.giver_list2{background: #ffdede;padding:20px;text-align:center;height:300px;overflow-y:auto}
.giver_list2 ul{margin-left:-1%}
.giver_list2 ul:after{content:"";display:block;clear:both}
.giver_list2 li{float:left;width:49%;padding:2px 0;margin:0 0 5px 1%;border-radius:30px;background:#fff;color: #ba7575;font-size:15px;box-sizing:border-box;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.giver_list3{background:#d5f3e38c;padding:20px;text-align:center;max-height: 300px;overflow-y:auto;}
.giver_list3 ul{display:flex;flex-wrap:wrap;justify-content: flex-start;}
.giver_list3 li{width:48%;padding:3px 0;border-radius:30px;background:#fff;color:#20775c;margin: 0 1% 8px 0;box-shadow: 0 0 10px rgba(0, 0, 0, .1);box-sizing: border-box;}
.giver_list4{text-align:center}
.giver_list4 li{padding:30px 0;margin:0 0 20px 0;box-sizing:border-box;/* background:#f3f5f8; *//* border:1px solid #dbbc6f; */position:relative;box-shadow: 0 0 10px rgba(0, 0, 0, .1);border-radius: 10px;}
.giver_list4 li:before{/* content:""; */display:block;width:160px;height:40px;background:url("/upload_data/user_file/01_portal/sub1/giver_bg.png") no-repeat;position:absolute;top:0;left:0}
.giver_list4 li:after{/* content:""; */display:block;width:160px;height:40px;background:url("/upload_data/user_file/01_portal/sub1/giver_bg.png") no-repeat right bottom;position:absolute;bottom:0;right:0}
.giver_list4 img{border:5px solid #fff}
.giver_list4 strong{display:block;margin:10px 0 0 0}
.giver_tit1,.giver_tit2,.giver_tit3,.giver_tit4,.giver_tit5{font-size:20px !important}
.giver_tit1 strong,.giver_tit2 strong,.giver_tit3 strong,.giver_tit4 strong,.giver_tit5 strong{display:block;margin:0 0 10px 0;font-size:30px}
.giver_tit1 strong{color:#d77271}
.giver_tit2 strong{color:#e7638b}
.giver_tit3 strong{color:#459e3b}
.giver_tit4 strong{color:#2d9272}
.giver_tit5 strong{color:#0080cc}
.giver_tit1,.giver_tit2,.giver_tit3,.giver_tit4,.giver_tit5{position:relative;padding:0 0 10px 80px}
.giver_tit1:before,.giver_tit2:before,.giver_tit3:before,.giver_tit4:before,.giver_tit5:before{content: "";position:absolute;width:70px;height:100px;background:url("/upload_data/user_file/01_portal/sub1/ico_giver.png") no-repeat;left:0;bottom:0}
.giver_tit2:before{background-position:center -100px}
.giver_tit3:before{background-position:center -200px}
.giver_tit4:before{background-position:center -300px}
.giver_tit5:before{background-position:center -400px}
.giver_tit2:before{background:url('/upload_data/user_file/01_portal/sub1/ico_giver_1.jpg') no-repeat;}

@media all and (min-width:768px) {
.giver_tit{position:relative}
.giver_tit span{position:absolute;bottom:20px;left:0;right:0}
.giver_list ul{margin-left:-3%}
.giver_list ul:after{content:"";display:block;clear:both}
.giver_list li{float:left;width:30.333%;margin:0 0 30px 3%}
.giver_list2 li{width: 24%;}
.giver_list4 ul{margin-left:-3%}
.giver_list4 ul:after{content:"";display:block;clear:both}
.giver_list4 li{float:left;width:47%;margin:0 0 30px 3%}
.giver_tit1,.giver_tit2,.giver_tit3,.giver_tit4,.giver_tit5{font-size:26px !important}
.giver_tit1 strong,.giver_tit2 strong,.giver_tit3 strong,.giver_tit4 strong,.giver_tit5 strong{display:inline;margin:0 10px 0 0;font-size:40px;vertical-align:baseline}
h4.giver_tit1{margin-top:100px}
}
@media all and (min-width:1023px) {
.giver_tit span{bottom:40px;font-size:16px}
.giver_list li{width:17%}
.giver_list2 li{width:10%}
.giver_list3 li{width:19%;}
.giver_list4 li{width:30.333%}
}     

.jb_weather div img{width:100%}
.jb_weather p{margin:20px 0;color:#898989;line-height:1.75em}
.jb_weather p strong{font-weight:normal;color:#034694}

.sigunlink>ul>li{border:1px solid #e9e9e9;box-sizing:border-box;margin:0 0 10px 0}
.sigunlink ul ul{padding:10px 0 0 0;margin:0 20px;border-top:1px dashed #e9e9e9}
.sigunlink li li{font-size:15px}
.sigunlink li li span{display:inline-block;width:20px;height:0;padding:20px 0 0 0;margin:0 3px 0 0;background:url("/upload_data/user_file/01_portal/sub1/ico_sigunlink.png") no-repeat;overflow:hidden;opacity:.7}
.sigunlink li li:nth-child(2) span{background-position:center -20px}
.sigunlink strong{display:block;background:#fff;padding:10px 0;text-align:center}
.sigunlink p{text-align:center;padding:10px;margin:10px 0 0 0;background:#f3f5f8}
@media all and (min-width:768px) {
.sigunlink>ul{overflow:hidden;margin-left:-1%}
.sigunlink>ul>li{float:left;width:32.333%;margin:0 0 10px 1%}
}
@media all and (min-width:1023px) {
.sigunlink>ul>li{width:24%}
}    

.jbsisul{border:1px solid #e9e9e9;border-top:1px solid #4a4a4a}
.jbsisul .img{text-align:center;background:#f3f5f8;padding:20px}
.jbsisul .info{padding:20px}
.jbsisul h4{text-align:center;margin:20px 0 0 0;color:#034694}
.jbsisul ul{margin:0}
@media all and (min-width:1023px) {
.jbsisul{padding:0 0 0 350px;position:relative}
.jbsisul .img{padding:60px 0;position:absolute;top:0;bottom:0;left:0;width:350px}
.jbsisul .info{padding:40px;box-sizing:border-box}
}

.his_governor>ul>li{border:1px solid #e9e9e9;border-top:1px solid #4a4a4a;box-sizing:border-box;margin:0 0 20px 0}
.his_governor span{display:block;text-align:center;padding:30px 20px;background:#f3f5f8}
.his_governor strong{display:block;text-align:center;color:#034694;margin:20px;font-size:18px}
.his_governor ul ul{margin:20px}
.his_governor li li{padding:0 0 0 10px;position:relative;font-size:16px}
.his_governor li li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:10px;left:0}
@media all and (min-width:768px) {
.his_governor>ul>li{position:relative;padding:30px 30px 30px 200px;min-height:210px}
.his_governor span{position:absolute;top:0;bottom:0;left:0;width:120px}
.his_governor strong{text-align:left;margin:0 0 10px 0;font-size:20px}
.his_governor ul ul{margin:0}
}
@media all and (min-width:1023px) {
.his_governor>ul{overflow:hidden;margin-left:-2%}
.his_governor>ul>li{float:left;width:48%;margin:0 0 20px 2%}
}    

.jb_history{border-bottom:1px solid #e9e9e9}
.jb_history div{position:relative;padding:50px 0;border-top:1px solid #e9e9e9}
.jb_history div:before{content:"";display:block;width:25%;height:1px;background:#222;position:absolute;top:-1px;left:0}
.jb_history h4{margin-top:0}
.jb_history h5{color:#034694}
.jb_history li{padding:0 0 0 12px;margin:10px 0;position:relative}
.jb_history li:before{content:"";display:block;width:5px;height:5px;background:#034694;position:absolute;top:10px;left:0} 
.jb_history .img1,.jb_history .img2{text-align:center}
.jb_history .img3 img{width:100%}
@media all and (min-width:768px) {
.jb_history div:after{content:"";display:block;clear:both}
.jb_history .img1,.jb_history .img2{float:right;margin:0 0 20px 30px}
}
@media all and (min-width:1023px) {
.jb_history div{padding:50px 0 50px 350px}
.jb_history h4{position:absolute;top:50px;left:0;font-size:50px;width:300px;font-weight:500}
}    

.jb_history2>ul>li{margin:0 0 20px 0}
.jb_history2 strong{display:block;color:#034694;text-align:center;padding:10px;position:relative;background:#fff;border:1px solid #034694}
.jb_history2 strong:before{content:"";display:block;width:6px;height:6px;background:#034694;position:absolute;bottom:-3px;left:50%;transform:translate(-50%, 0);border-radius:100%} 
.jb_history2 div{margin:10px 0 0 0}
.jb_history2 div li{padding:0 0 0 12px;margin:0 0 10px 0;position:relative}
.jb_history2 div li:before{content:"";display:block;width:7px;height:2px;background:#999;position:absolute;top:10px;left:0} 
.jb_history2 div li li{padding:0 0 0 12px;margin:5px 0;font-size:15px;color:#898989;line-height:1.25em}
.jb_history2 div li li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:7px;left:0}
@media all and (min-width:768px) {
.jb_history2{position:relative}
.jb_history2:after{content:"";display:block;width:1px;position:absolute;top:10px;left:101px;bottom:0;background:#034694;z-index:-1}
.jb_history2>ul>li:after{content:"";display:block;clear:both}
.jb_history2 strong{float:left;width:180px}
.jb_history2 div{float:right;width:calc(100% - 230px)}
.jb_hisnone:after{display:none}
.jb_hisnone div{width:100%}
}

.dm_hunjang{background:#f3f5f8;padding:50px 20px;text-align:center}
.dm_hunjang h4{font-size:24px;word-break:keep-all;margin:0 0 40px 0}
.dm_hunjang .basic_p{margin:20px 0;word-break:keep-all;font-size:15px}
.dm_hunjang .basic_p strong{display:block;color:#034694;margin:0 0 10px 0;font-size:18px}
.dm_hunjang .sign{margin:30px 0 0 0}
.dm_hunjang .sign strong{display:block;font-weight:500;margin:10px 0 0 0}
.dm_hunjang div{background:#fff;border-radius:6px;padding:30px}
.dm_hunjang li{padding:20px 0 0 0;margin:20px 0 0 0;border-top:1px solid #e9e9e9;word-break:keep-all;font-size:16px;color:#898989}
.dm_hunjang li:first-child{border:none;padding:0;margin:0}
.dm_hunjang li em{display:block;font-style:normal;font-size:14px;background:#034694;border-radius:26px;color:#fff;padding:5px 0;margin:0 auto 10px auto;width:50px}
.dm_hunjang li:nth-child(even) em{background:#0089d0}
.dm_hunjang li p strong{display:block;font-size:17px;color:#222}
@media all and (min-width:768px){
.dm_hunjang h4{position:relative;display:inline-block;padding:0 120px}
.dm_hunjang h4:before{content:"";display:block;width:90px;height:33px;background:url("/images/01_portal/sub4/hunjang.png") no-repeat;position:absolute;top:50%;left:0;opacity:.3;transform:translate(0, -50%)}
.dm_hunjang h4:after{content:"";display:block;width:90px;height:33px;background:url("/images/01_portal/sub4/hunjang.png") no-repeat -90px;position:absolute;top:50%;right:0;opacity:.3;transform:translate(0, -50%)}
}
@media all and (min-width:1023px){
.dm_hunjang{padding:100px 80px}
.dm_hunjang h4{font-size:40px;position:relative}
.dm_hunjang h4:before{content:"";display:block;width:90px;height:33px;background:url("/images/01_portal/sub4/hunjang.png") no-repeat;position:absolute;top:50%;left:0;opacity:.3;transform:translate(0, -50%)}
.dm_hunjang h4:after{content:"";display:block;width:90px;height:33px;background:url("/images/01_portal/sub4/hunjang.png") no-repeat -90px;position:absolute;top:50%;right:0;opacity:.3;transform:translate(0, -50%)}
.dm_hunjang .basic_p{margin:30px 0}
.dm_hunjang div{padding:70px}
.dm_hunjang li{width:100%}
.dm_hunjang li span{display:table-cell;vertical-align:middle}
.dm_hunjang li em{padding:12px 0;margin:0}
.dm_hunjang li p{display:table-cell;vertical-align:middle;padding:0 20px;text-align:left}
}    

.landbox1{padding:30px;border:1px solid #034694}
.landbox1 .big_img{padding:0;margin:0 0 20px 0;border:none}
.landbox1>ul>li{margin:15px 0 0 0}
.landbox1>ul>li:first-child{margin:0}
.landbox1 li li{position:relative;padding:0 0 0 12px;color:#898989}
.landbox1 li li:before{content:"";display:block;width:5px;height:5px;background:#034694;position:absolute;top:10px;left:0} 
.landbox1 strong{color:#034694;font-size:20px;margin:0 0 5px 0}
.landbox2{border:1px solid #e9e9e9;padding:30px;margin:0 0 30px 0}
.landbox2 .big_img{padding:0;border:none}
.landbox2 h5{line-height:1.25em;margin:10px 0}
.landbox2 li{margin:10px 0;position:relative;color:#898989}
.landbox2 em{display:block;color:#034694;padding:0 0 0 12px}
.landbox2 em:before{content:"";display:block;width:5px;height:5px;background:#034694;position:absolute;top:10px;left:0} 
.landbox3{padding:30px;border:1px solid #034694}
.landbox3>ul>li{margin:15px 0 0 0}
.landbox3>ul>li:first-child{margin:0}
.landbox3 li li{position:relative;padding:0 0 0 12px;color:#898989}
.landbox3 li li:before{content:"";display:block;width:5px;height:5px;background:#034694;position:absolute;top:10px;left:0} 
.landbox3 strong{color:#034694;font-size:20px;margin:0 0 5px 0}
@media all and (min-width:768px) {
.landbox1{position:relative;padding:30px 30px 30px 270px}
.landbox1 .big_img{position:absolute;top:30px;left:30px;width:200px}
.landbox2{position:relative;padding:30px 30px 30px 270px}
.landbox2 .big_img{position:absolute;top:30px;left:30px;width:200px}
.landbox2 h5{margin:0 0 15px 0}
.landbox2 li{padding:0 0 0 100px}
.landbox2 em{position:absolute;top:0;left:0}
.landbox3{padding:30px}
}
@media all and (min-width:1023px) {
.landbox1{padding:50px 50px 50px 400px;min-height:225px}
.landbox1 .big_img{top:40px;left:50px;width:300px}
.landbox1 .big_img a{display:block}
.landbox2{padding:50px 50px 50px 400px;min-height:225px}
.landbox2 .big_img{top:40px;left:50px;width:300px}
.landbox2 .big_img a{display:block}
.landbox3{padding:50px}
}     
 
.slogan_floatbox{margin:60px 0 0 0}
.slogan_floatbox p{text-align:center;margin:0 0 10px 0}
.slogan_btn a{display:inline-block;border:1px solid #034694;background:#fff;color:#034694;padding:7px 15px;font-size:15px}
.slogan_btn a:after{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;background:url("/images/common/ico_con.png")no-repeat -60px 0;margin:0 0 0 3px}
.slogan_btn a:hover,.slogan_btn a:focus{background:#034694;color:#fff;text-decoration:none}
.slogan_btn a:hover:after,.slogan_btn a:focus:after{background-position:-40px 0}
.slogan_list{border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9;margin:0 0 30px 0}
.slogan_list li{border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;box-sizing:border-box}
.slogan_list li span{display:block;padding:20px}
.slogan_list li img{width:100%}
.slogan_list p{margin:0 0 20px 0;text-align:center}
.slogan_list p a{display:inline-block;background:#f3f5f8;color:#034694;padding:7px 0;margin:2px 0;font-size:14px;text-align:center;letter-spacing:-0.05em;width:120px}
.slogan_list p a:after{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;background:url("/images/common/ico_con.png") no-repeat -60px 0;margin:0 0 0 3px}
.slogan_list p a:hover,.slogan_list p a:focus{background:#034694;color:#fff;text-decoration:none}
.slogan_list p a:hover:after,.slogan_list p a:focus:after{background-position:-40px 0}
.slogan_list p a.wauto{width:auto;padding:7px 20px}
.slogan_list_h ul{overflow:hidden}
.slogan_list_h ul li{float:left;width:50%;text-align:center}
.slogan_list_h ul li img{width:50%}
.brandimg li span,.brandimg li p{text-align:center}
.brandimg li:nth-child(2) img{width:40%}
@media all and (min-width:768px) {
.slogan_floatbox{overflow:hidden}
.slogan_floatbox h4{float:left}
.slogan_floatbox p{float:right}
.slogan_list ul{overflow:hidden}
.slogan_list li{float:left;width:50%}
.slogan_list li span{padding:30px}
.slogan_list p a{font-size:15px}
.slogan_list ul.col1 li{width:100%}
.slogan_list ul.col3 li{width:33.3333%}
.slogan_list ul.col4 li{width:25%}
}
@media all and (min-width:1023px) {
.slogan_list p{margin:0 30px 30px 30px;text-align:left}
.slogan_list_h ul li img{width:30%}
.slogan_list_h p{text-align:center}
.brandimg li img,.brandimg li:nth-child(2) img{width:auto}
} 
.donation_play .video video{width:100%}
.donation_play .text textarea{box-sizing:border-box;border:none;background:#f3f5f8;width:100%;height:150px;padding:10px;line-height:1.5em}
@media all and (min-width:1023px) {
.donation_play{overflow:hidden}
.donation_play .video{float:left;width:60%}
.donation_play .text{float:right;width:40%} 
.donation_play .text textarea{padding:20px;height:355px}
}   
.font_info{padding:30px;margin:20px 0 30px 0;background:#f3f5f8;word-break:keep-all}
.font_info ul{margin:0}
.font_info li strong{display:block;width:70px}
@media all and (min-width:768px) {
.font_info li strong{display:inline-block}
}
@media all and (min-width:1023px) {
.font_info ul{overflow:hidden}
.font_info li{float:left;width:50%;box-sizing:border-box;margin:5px 0}
}         

.symbol_color li{margin:0 0 20px 0}
.symbol_color li:before{content:"";display:block;height:50px}
.symbol_color li.blue:before{background: #014594;}
.symbol_color li.green:before{background: #2ab673;}
.symbol_color li.dblue:before{background: #181878;}
.symbol_color li.yellow:before{background: #fabe00;}
.symbol_color li.sblue:before{background: #0081cc;}
.symbol_color li.lgreen:before{background: #8fc31f;}
.symbol_color li.red:before{background: #d7001d;}
.symbol_color strong{display:block;margin:5px 0}
.symbol_color span{display:block;font-size:15px;color:#898989;line-height:1.25em}
.simbol li,.simbol p{text-align:center}
.simbol li strong{display:block;text-align:center;font-size:20px;color:#014594;margin:30px 0 0 0}
.simbol li img{width:auto;height:50px}
.symbol_colbox{margin:60px 0 0 0}
.symbol_meaning .tit{padding:30px 0;border:1px solid #e9e9e9;text-align:center;word-break:keep-all;font-weight:700;color:#222;font-size:20px}
@media all and (min-width:768px) {
.symbol_color ul{margin-left:-2%;overflow:hidden}
.symbol_color li{float:left;width:31.333%;margin:0 0 30px 2%}
.symbol_colbox{overflow:hidden;margin:60px 0 0 -5%}
.symbol_colbox>div{float:left;width:45%;margin:0 0 0 5%}
.emblem li,.emblem p{text-align:center}
.emblem li img{width:200px}
.symbol_meaning .tit{font-size:30px}
}
@media all and (min-width:1023px) {
.symbol_meaning .tit{font-size:50px;padding:50px 0}
.symbol_color li{width:18%;margin:0 0 0 2%}
}


/* sub3 */
.basic_cate{padding:20px;margin:0 0 20px 0;background:#f3f5f8;text-align:center}
.basic_cate *{vertical-align:middle}
.basic_cate select{height:50px;padding:0 5px;margin:2px 0;border:1px solid #e9e9e9;background-color:#fff;box-sizing:border-box}
.basic_cate input[type=submit]{cursor:pointer;height:50px;padding:0 15px;margin:2px 0;background:#034694;color:#fff}
.basic_cate label{display:none;margin:0 5px 0 0;color:#034694;font-weight:500}
.basic_cate p{text-align:left}
@media all and (min-width:768px) {
.basic_cate label{display:inline-block}
}

.finance_btn{background:#f3f5f8;padding:10px;margin:0 0 30px 0}
.finance_btn li{border:1px solid #e9e9e9;margin:5px 0;box-sizing:border-box}
.finance_btn li a{display:block;position:relative;min-height:50px;padding:16px 60px 16px 50px;box-sizing:border-box;background:#fff;font-size:15px;line-height:1.25em}
.finance_btn li a:hover,.finance_btn li a:focus{color:#0089d0}
.finance_btn li a:before{content:"";display:block;width:20px;background: url("/images/01_portal/common/ico_datafile.png") no-repeat center center;background-size:20px;position:absolute;top:50%;bottom:0;left:15px;transform:translate(0, -50%)}
.finance_btn li a:after{content:"";background:#034694;position:absolute;top:0;bottom:0;right:0;width:50px}
.finance_btn li a span{display:block;width:20px;height:0;padding:20px 0 0 0;background:url("/images/common/ico_con.png") no-repeat -40px 0;position:absolute;top:50%;right:15px;transform:translate(0, -50%);overflow:hidden;z-index:1}
.finance_btn em{color:#0089d0;font-size:15px;margin:0 5px}
@media all and (min-width:768px) {
.finance_btn{padding:10px 15px}
.finance_btn ul{overflow:hidden;margin-left:-1%}
.finance_btn li{float:left;width:49%;margin:5px 0 5px 1%}
.finance_btn li a{font-size:16px}
}
@media all and (min-width:1023px) {
.finance_btn li{width:32.333%}
}  
.finance_list ul{border-top:1px solid #464646}
.finance_list li{padding:20px;text-align:center;border:1px solid #e9e9e9;border-top:none;min-height:40px}
.finance_list strong{display:block;color:#034694;font-size:18px}
.finance_list li>span{display:block;margin:5px 0;line-height:1.25em;font-size:15px;color:#898989}
.finance_list a{display:block;border:1px solid #e9e9e9;position:relative;min-height:50px;padding:16px 60px 16px 50px;box-sizing:border-box;background:#fff;font-size:15px;line-height:1.25em}
.finance_list a:hover,.finance_list a:focus{color:#0089d0;text-decoration:none}
.finance_list a:before{content:"";display:block;width:20px;background: url("/images/01_portal/common/ico_datafile.png") no-repeat center center;background-size:20px;position:absolute;top:50%;bottom:0;left:15px;transform:translate(0, -50%)}
.finance_list a:after{content:"";background:#034694;position:absolute;top:0;bottom:0;right:0;width:50px}
.finance_list a span{display:block;width:20px;height:0;padding:20px 0 0 0;background:url("/images/common/ico_con.png") no-repeat -40px 0;position:absolute;top:50%;right:15px;transform:translate(0, -50%);overflow:hidden;z-index:1}
.finance_list em{color:#0089d0;font-size:15px;margin:0 5px}
@media all and (min-width:768px) {
.finance_list li{text-align:left;position:relative;padding:20px 280px 20px 30px}
.finance_list li>span{margin:5px 0 0 0}
.finance_list a{position:absolute;top:50%;right:30px;transform:translate(0, -50%)}
}

.budget_box{background:#f3f5f8;padding:10px}
.budget_box li{border:1px solid #e9e9e9;margin:5px 0;box-sizing:border-box}
.budget_box li a{display:block;position:relative;min-height:50px;padding:16px 55px 16px 43px;box-sizing:border-box;background:#fff;font-size:15px;line-height:1.25em}
.budget_box li a:hover,.budget_box li a:focus{color:#0089d0}
.budget_box li a:before{content:"";display:block;width:20px;background: url("/images/01_portal/common/ico_datafile.png") no-repeat center center;background-size:20px;position:absolute;top:50%;bottom:0;left:15px;transform:translate(0, -50%)}
.budget_box li a:after{content:"";background:#034694;position:absolute;top:0;bottom:0;right:0;width:50px}
.budget_box li a span{display:block;width:20px;height:0;padding:20px 0 0 0;background:url("/images/common/ico_con.png") no-repeat -40px 0;position:absolute;top:50%;right:15px;transform:translate(0, -50%);overflow:hidden;z-index:1}
@media all and (min-width:768px) {
.budget_box{padding:10px 15px}
.budget_box ul{overflow:hidden;margin-left:-1%}
.budget_box li{float:left;width:49%;margin:5px 0 5px 1%}
 .budget_box li a{font-size:16px}
}
@media all and (min-width:1023px) {
.budget_box li{width:32.333%}
.budget_box .col2 li{width:48%}
}   

.orginfo_box p img{width:100%}
.orginfo_box table{min-width:100%}
@media all and (min-width:1023px) {
.orginfo_box{overflow:hidden}
.orginfo_box p{float:left;width:50%}
.orginfo_box p img{width:auto}
.orginfo_box>div{float:right;width:50%}
}

.link_g2b li{text-align:center;background:#f3f5f8;margin:0 0 10px 0}
.link_g2b li a{display:block;padding:50px 0;font-size:30px;font-weight:700}
.link_g2b li a:before{content:"";display:block;width:100px;height:100px;margin:0 auto 20px auto;background:url("/images/01_portal/sub3/link_g2b.png") #fff;background-size:100px auto;border-radius:100%}
.link_g2b li a:hover,.link_g2b li a:focus{text-decoration:none;background:#034694;color:#fff}
.link_g2b li:nth-child(2) a:before{background-position:center -200px}
.link_g2b li:nth-child(3) a:before{background-position:center -400px}
@media all and (min-width:768px) {
.link_g2b ul{overflow:hidden;margin-left:-1%}
.link_g2b li{float:left;width:32.333%;margin:0 0 0 1%}
}
@media all and (min-width:1023px) {
.link_g2b li a{padding:70px 0}
.link_g2b li a:before{width:200px;height:200px;background-size:auto}
} 

.sjjb_list{margin:0 0 40px 0}
.sjjb_list ul{overflow:hidden;border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9}
.sjjb_list li{float:left;width:33.333%;text-align:center}
.sjjb_list li a{box-sizing: border-box;height: 110px;display:block;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;padding:10px 0;font-size:14px}
.sjjb_list li.on a{background:#f3f5f8;border: 2px #034694 solid;}
.sjjb_list li a:hover,.sjjb_list li a:focus{background:#f3f5f8}
.sjjb_list li a:before{content:"";display:block;width:60px;height:60px;margin:0 auto 5px auto;background:url("/upload_data/user_file/01_portal/sub3/ico_sjjb.png") no-repeat}
.sjjb_list li.no1 a:before{background-position:center 0}
.sjjb_list li.no2 a:before{background-position:center -60px}
.sjjb_list li.no3 a:before{background-position:center -120px}
.sjjb_list li.no4 a:before{background-position:center -180px}
.sjjb_list li.no5 a:before{background-position:center -240px}
.sjjb_list li.no6 a:before{background-position:center -300px}
.sjjb_list li.no7 a:before{background-position:center -360px}
.sjjb_list li.no8 a:before{background-position:center -420px}
.sjjb_list li.no9 a:before{background-position:center -480px}
.sjjb_list li.no10 a:before{background-position:center -540px}
.sjjb_list li.no11 a:before{background-position:center -600px}
.sjjb_list li.no12 a:before{background-position:center -660px}
.sjjb_list li.no13 a:before{background-position:center -720px}
.sjjb_list li.no14 a:before{background-position:center -780px}
.sjjb_list li.no15 a:before{background-position:center -840px}
.sjjb_list li.no16 a:before{background-position:center -900px}
.sjjb_list li.no17 a:before{background-position:center -960px}
.sjjb_list li.no18 a:before{background-position:center -1020px}
@media all and (min-width:768px) {
.sjjb_list li{width:16.66666666666667%}
}
@media all and (min-width:1023px) {
.sjjb_list li{width:12.5%;box-sizing: border-box;}
/* .sjjb_list li:first-child a{height:156px;padding:66px 0 0 0} */
}  

/* sub4 */
.disaster_prbox{background:#f3f5f8;padding:20px;margin:0 0 30px 0}
.disaster_btn ul{overflow:hidden;margin:0 0 10px 0}
.disaster_btn li{float:left;margin:0 5px 0 0}
.disaster_btn li a{display:block;border:1px solid #034694;background:#fff;font-size:15px;color:#034694;padding:2px 0;width:30px;text-align:center}
.disaster_btn li.on a{background:#034694;color:#fff}
.disaster_con .video{background:#222}
.disaster_con .video video{width:100%}
.disaster_con .text{box-sizing:border-box;border:none;background:#fff;width:100%;height:150px;padding:20px;line-height:1.5em;overflow-y:auto}
.disaster_con .tit{font-weight:700;color:#034694;margin:0 0 10px 0;font-size:18px}
@media all and (min-width:1023px) {
.disaster_prbox{padding:40px}
.disaster_con .video video{height:327px}
.disaster_con{overflow:hidden}
.disaster_con .video{float:left;width:59.5%}
.disaster_con .text{float:right;width:40%} 
.disaster_con .text{padding:20px;height:327px}
}   

.smain_welfare{background:#034694;padding:50px 20px}
.smain_welfare p{text-align:center;color:#fff;font-size:18px;word-break:keep-all;margin:0 0 30px 0}
.smain_welfare>div{margin:30px 0}
.smain_welfare div h4{font-size:20px;color:#fff;text-align:center;padding:20px 0;margin:0 auto -70px auto;border-radius:100%;box-sizing:border-box;position:relative;width:150px;height:150px;background:url("/upload_data/user_file/01_portal/sub4/smain_welfare.png") #0089d0;overflow:hidden}
.smain_welfare div.welfare2 h4,.smain_welfare div.welfare4 h4,.smain_welfare div.welfare6 h4{background-color:#099a97}
.smain_welfare div.welfare1 h4{background-position:center 0}
.smain_welfare div.welfare2 h4{background-position:center -150px}
.smain_welfare div.welfare3 h4{background-position:center -300px}
.smain_welfare div.welfare4 h4{background-position:center -450px}
.smain_welfare div.welfare5 h4{background-position:center -600px}
.smain_welfare div.welfare6 h4{background-position:center -750px}
.welfare_list{background:#fff;border-radius:20px;padding:90px 20px 20px 20px}
.welfare_list li{padding:0 0 0 12px;font-size:15px;position:relative}
.welfare_list li:before{content:"";display:block;width:7px;height:2px;background:#999;position:absolute;top:10px;left:0}
.welfare_list li a:hover,.welfare_list li a:focus{color:#034694}
@media all and (min-width:768px) {
.smain_welfare{padding:50px 60px}
.smain_welfare:after{content:"";display:block;clear:both}
.smain_welfare p{font-size:40px;line-height:1.25em}
.smain_welfare>div{float:left;width:50%;padding:0 10px;box-sizing:border-box}
.welfare_list{height:330px;padding:90px 30px 30px 30px}
}
@media all and (min-width:1023px) {
.smain_welfare{padding:100px 90px}
.smain_welfare>div{width:33.333%}
}  


.conbox{padding:30px;margin:20px 0 30px 0;background:#f3f5f8;text-align:center}
.conbox p{margin:10px 0}
.conbox strong{display:block;font-size:24px;color:#252525;text-align:center;margin:0 0 30px 0}
.conbox strong:before{content:"";display:block;width:170px;height:170px;border-radius:100%;background-repeat:no-repeat;background-position:center;background-color:#2fb3d4;margin:0 auto 20px auto}
.conboxs{padding:30px;margin:20px 0 30px 0;background:#f3f5f8;text-align:center}
.conboxs strong:before{content:"";display:block;width:170px;height:170px;border-radius:100%;background-repeat:no-repeat;background-position:center;background-color:#2fb3d4;margin:0 auto 20px auto}
.conboxs p{margin:10px 0}
.conboxs strong{display:block;font-size:24px;color:#252525;text-align:center;margin:0 0 30px 0}

.cb_youth strong:before{background-image:url("/images/01_portal/sub4/ico_youth.png")}
.cb_youth2 strong:before{background-image:url("/images/01_portal/sub4/ico_youth2.png")}
.cb_youth3 strong:before{background-image:url("/images/01_portal/sub4/ico_youth3.png")}
.cb_youth4 strong:before{background-image:url("/images/01_portal/sub4/ico_youth4.png")}
.cb_youth5 strong:before{background-image:url("/images/01_portal/sub4/ico_youth5.png")}
.cb_youth6 strong:before{background-image:url("/images/01_portal/sub4/ico_youth6.png")}
.cb_youth7 strong:before{background-image:url("/images/01_portal/sub4/ico_youth7.png")}
@media all and (min-width:1023px) {
.conbox{position:relative;padding:25px 40px 25px 320px;min-height:240px;text-align:left;word-break:keep-all}
.conbox strong{position:absolute;top:50%;left:0;transform:translate(0, -50%);width:320px}
.conboxs{position:relative;padding:40px 50px 40px 300px;min-height:170px;text-align:left;word-break:keep-all}
.conboxs strong:before{position:absolute;top:50%;left:70px;transform:translate(0, -50%)}
.conboxs strong{text-align:left;margin:0 0 15px 0}
}

.youth_vs{margin:50px 0;}
.youth_vs>div{word-break:keep-all}
.youth_vs h4{font-size:26px;text-align:center;}
.youth_vs p{/* background:url("/images/01_portal/sub4/youth_vs.jpg"); *//* background-size:cover; */background-position:center;padding: 26px 40px;margin: 0 auto 20px;text-align:center;font-size: 20px;font-weight:700;border: 1px #034694 solid;border-radius: 50px;color: #034694;}
.youth_vs>div>ul>li{padding:30px;margin:0 0 10px 0;box-sizing:border-box;background: #f8f8f8;}
.youth_vs>div>ul>li strong{text-align:center;color:#034694}
.youth_vs li li{font-size:16px;color:#898989;position:relative;padding:0 0 0 10px;margin:5px 0}
.youth_vs li li:before{content:"";display:block;width:3px;height:3px;background:#898989;position:absolute;top:10px;left:0}
@media all and (min-width:768px) {    

.youth_vs>div>ul{overflow:hidden;margin-left: -1%;}
.youth_vs>div>ul>li{float:left;width:49%;margin:0 0 10px 1%}
 .youth_vs>div>ul>li>ul{display:none;}
}
@media all and (min-width:1023px) {
.youth_vs>div:nth-of-type(1) p{width:450px;}
.youth_vs>div:nth-of-type(2) p{width: 670px;}
.youth_vs h4{padding:10px 0 0 0;margin: 0 0 30px;}
.youth_vs>div>ul>li{width: 24%;height:140px;padding: 45px 58px;text-align:center;border-radius: 5px;}
 .youth_vs>div>ul>li:nth-of-type(5){padding: 33px;}

}

.afterschool{text-align:center;line-height:1.25em;word-break:keep-all;position:relative}
.afterschool:before{content:"";display:block;width:1px;position:absolute;top:0;bottom:0;left:50%;background:#898989;z-index:-1}
.afterschool span{display:block;padding:20px 10px}
.afterschool .no1>span{background:#034694;color:#fff;font-size:18px;width:180px;margin:0 auto 110px auto}
.afterschool .no2{position:absolute;top:75px;right:0;width:50%;text-align:right}
.afterschool .no2:before{content:"";display:block;height:1px;position:absolute;top:50%;right:0;left:0;background:#898989;z-index:-1}
.afterschool .no2>span{display:inline-block;background:#222;color:#fff;font-size:15px;text-align:center;width:90px;padding:10px}
.afterschool .no3>span{background:#0089d0;color:#fff;margin:30px auto;width:180px}
.afterschool .no4>li{margin:0 0 20px 0}
.afterschool .no4>li>span{border:1px solid #034694;color:#034694;background:#fff;padding:10px}
.afterschool .no4 ul{border:1px solid #e9e9e9;padding:10px 20px;background:#fff}
.afterschool .no4 ul li{text-align:left;font-size:15px;padding:0 0 0 10px;position:relative}
.afterschool .no4 ul li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:10px;left:0;border-radius:100%}
.afterschool .no4 p{background:#f3f5f8;padding:10px;font-size:15px;margin:5px 0 0 0}
@media all and (min-width:768px) {
.afterschool:before{bottom:unset;height:354px}
.afterschool .no1>span{width:220px}
.afterschool .no2{text-align:center;top:85px}
.afterschool .no2:before{right:50%}
.afterschool .no2>span{width:180px;font-size:16px}
.afterschool .no2 br{display:none}
.afterschool .no3>span{width:220px}
.afterschool .no4{margin-left:-2%;position:relative}
.afterschool .no4:before{content:"";display:block;height:1px;position:absolute;top:0;right:11.5%;left:13.5%;background:#898989;z-index:-1}
.afterschool .no4:after{content:"";display:block;clear:both}
.afterschool .no4>li{float:left;width:23%;padding:15px 0 0 0;margin:0 0 0 2%;position:relative}
.afterschool .no4>li:before{content:"";display:block;width:1px;position:absolute;top:0;bottom:0;left:50%;background:#898989;z-index:-1}
}
@media all and (min-width:1023px) {
.afterschool{width:900px;margin:0 auto}
}         

.senior_his>ul>li{margin:0 0 20px 0}
.senior_his strong{display:block;color:#034694;text-align:center;padding:10px;position:relative;background:#fff;border:1px solid #034694}
.senior_his strong:before{content:"";display:block;width:6px;height:6px;background:#034694;position:absolute;bottom:-3px;left:50%;transform:translate(-50%, 0);border-radius:100%} 
.senior_his>ul>li:last-child strong{background:#034694;color:#fff}
.senior_his>ul>li:last-child strong:before{display:none}
.senior_his div{margin:10px 0 0 0}
.senior_his div li{padding:0 0 0 12px;margin:0 0 10px 0;position:relative}
.senior_his div li:before{content:"";display:block;width:7px;height:2px;background:#999;position:absolute;top:10px;left:0} 
.senior_his div li li{padding:0 0 0 12px;font-size:16px;color:#707070}
.senior_his div li li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:10px;left:0}
@media all and (min-width:768px) {
.senior_his{position:relative}
.senior_his:after{content:"";display:block;width:1px;position:absolute;top:10px;left:101px;bottom:0;background:#034694;z-index:-1}
.senior_his>ul>li:after{content:"";display:block;clear:both}
.senior_his strong{float:left;width:180px}
.senior_his div{float:right;width:calc(100% - 230px)}
}  
@media all and (min-width:1023px) {
.senior_step>ol>li strong{width:500px}   
.senior_step>ol>li:before{left:276px} 
}

.consult_his>ul>li{margin:0 0 20px 0}
.consult_his strong{display:block;color:#034694;text-align:center;padding:10px;position:relative;background:#fff;border:1px solid #034694}
.consult_his strong:before{content:"";display:block;width:6px;height:6px;background:#034694;position:absolute;bottom:-3px;left:50%;transform:translate(-50%, 0);border-radius:100%} 
.consult_his>ul>li:last-child strong{background:#034694;color:#fff}
.consult_his>ul>li:last-child strong:before{display:none}
.consult_his div{margin:10px 0 0 0}
.consult_his div li{padding:0 0 0 12px;margin:0 0 10px 0;position:relative}
.consult_his div li:before{content:"";display:block;width:7px;height:2px;background:#999;position:absolute;top:10px;left:0} 
.consult_his div li li{padding:0 0 0 12px;font-size:16px;color:#707070}
.consult_his div li li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:10px;left:0}
@media all and (min-width:768px) {
.consult_his{position:relative}
.consult_his:after{content:"";display:block;width:1px;position:absolute;top:10px;left:101px;bottom:0;background:#034694;z-index:-1}
.consult_his>ul>li:after{content:"";display:block;clear:both}
.consult_his strong{float:left;width:180px}
.consult_his div{float:right;width:calc(100% - 230px)}
}  

@media all and (min-width:1023px) {
.consult_step>ol>li strong{width:300px}
.property_step>ol>li strong{width:500px}
}  
.hunjang{background:#f3f5f8;padding:50px 20px;text-align:center}
.hunjang h4{font-size:24px;word-break:keep-all;margin:0 0 40px 0}
.hunjang .basic_p{margin:20px 0;word-break:keep-all}
.hunjang .sign{margin:30px 0 0 0}
.hunjang .sign strong{display:block;font-weight:500;margin:10px 0 0 0}
.hunjang div{background:#fff;border-radius:6px;padding:30px}
.hunjang li{padding:20px 0 0 0;margin:20px 0 0 0;border-top:1px solid #e9e9e9;word-break:keep-all}
.hunjang li:first-child{border:none;padding:0;margin:0}
.hunjang li em{display:block;font-style:normal;font-size:14px;background:#034694;border-radius:26px;color:#fff;padding:5px 0;margin:0 auto 10px auto;width:50px}
.hunjang li:nth-child(even) em{background:#0089d0}
@media all and (min-width:768px){
.hunjang h4{position:relative;display:inline-block;padding:0 120px}
.hunjang h4:before{content:"";display:block;width:90px;height:33px;background:url("/images/01_portal/sub4/hunjang.png") no-repeat;position:absolute;top:50%;left:0;opacity:.3;transform:translate(0, -50%)}
.hunjang h4:after{content:"";display:block;width:90px;height:33px;background:url("/images/01_portal/sub4/hunjang.png") no-repeat -90px;position:absolute;top:50%;right:0;opacity:.3;transform:translate(0, -50%)}
}
@media all and (min-width:1023px){
.hunjang{padding:100px 80px}
.hunjang h4{font-size:40px;position:relative}
.hunjang h4:before{content:"";display:block;width:90px;height:33px;background:url("/images/01_portal/sub4/hunjang.png") no-repeat;position:absolute;top:50%;left:0;opacity:.3;transform:translate(0, -50%)}
.hunjang h4:after{content:"";display:block;width:90px;height:33px;background:url("/images/01_portal/sub4/hunjang.png") no-repeat -90px;position:absolute;top:50%;right:0;opacity:.3;transform:translate(0, -50%)}
.hunjang .basic_p{margin:30px 10%}
.hunjang div{padding:70px}
.hunjang li{width:100%}
.hunjang li span{display:table-cell;vertical-align:middle}
.hunjang li em{padding:12px 0;margin:0}
.hunjang li p{display:table-cell;vertical-align:middle;padding:0 20px;text-align:left}
}   

.carbon_t td img{max-width:200px}

.ground_his>ul>li{margin:0 0 20px 0}
.ground_his strong{display:block;color:#034694;text-align:center;padding:10px;position:relative;background:#fff;border:1px solid #034694}
.ground_his strong:before{content:"";display:block;width:6px;height:6px;background:#034694;position:absolute;bottom:-3px;left:50%;transform:translate(-50%, 0);border-radius:100%} 
.ground_his>ul>li:last-child strong{background:#034694;color:#fff}
.ground_his>ul>li:last-child strong:before{display:none}
.ground_his div{margin:10px 0 0 0}
.ground_his div li{padding:0 0 0 12px;margin:0 0 10px 0;position:relative}
.ground_his div li:before{content:"";display:block;width:7px;height:2px;background:#999;position:absolute;top:10px;left:0} 
.ground_his div li li{padding:0 0 0 12px;font-size:16px;color:#707070}
.ground_his div li li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:10px;left:0}
@media all and (min-width:768px) {
.ground_his{position:relative}
.ground_his:after{content:"";display:block;width:1px;position:absolute;top:10px;left:101px;bottom:0;background:#034694;z-index:-1}
.ground_his>ul>li:after{content:"";display:block;clear:both}
.ground_his strong{float:left;width:180px}
.ground_his div{float:right;width:calc(100% - 230px)}
}  

.ground_ideology li{text-align:center;margin:0 0 10px 0}
.ground_ideology li strong{display:block;background:#034694;color:#fff;padding:10px}
.ground_ideology li strong span{font-weight:bold;font-size:14px}
.ground_ideology li>span{display:block;border:1px solid #e9e9e9;padding:10px;font-size:15px;color:#898989}
.ground_ideology li em{display:block;color:#034694}
@media all and (min-width:768px) {
.ground_ideology ul{overflow:hidden;margin-left:-1%}
.ground_ideology li{float:left;width:19%;margin:0 0 0 1%}
.ground_ideology li strong span{display:block}
}

.doro_info{background:#f3f5f8;padding:0 30px}
.doro_info>ul>li{padding:30px 0}
.doro_info>ul>li:nth-child(1){border-bottom:1px dashed #dfdfdf}
.doro_info>ul>li:before{content:"";display:block;width:70px;height:70px;margin:0 auto;background:url("/images/01_portal/sub4/ico_doro.png") no-repeat #fff;border-radius:100%}
.doro_info>ul>li:nth-child(1):before{background-position:center 0}
.doro_info>ul>li:nth-child(2):before{background-position:center -70px}
.doro_info strong{display:block;font-size:18px;text-align:center;margin:10px 0}
.doro_info li li{padding:0 0 0 12px;font-size:16px;color:#707070;position:relative;text-align:left}
.doro_info li li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:10px;left:0;border-radius:100%}
@media all and (min-width:768px) {
.doro_info>ul>li{position:relative;padding:30px 0 30px 90px;box-sizing:border-box;min-height:100px}
.doro_info>ul>li:before{position:absolute;top:35px;left:0}
.doro_info strong{text-align:left;margin:0 0 10px 0}
}
@media all and (min-width:1023px) {
.doro_info{padding:30px 0}
.doro_info>ul{overflow:hidden}
.doro_info>ul>li{float:left;width:50%;padding:0 30px 0 120px}
.doro_info>ul>li:nth-child(1){border-bottom:none;border-right:1px dashed #dfdfdf}
.doro_info>ul>li:before{top:0;left:30px}
} 

.doro_play .video video{width:100%}
.doro_play .text textarea{box-sizing:border-box;border:none;background:#f3f5f8;width:100%;height:150px;padding:10px;line-height:1.5em}
@media all and (min-width:768px) {

}
@media all and (min-width:1023px) {
.doro_play{overflow:hidden}
.doro_play .video{float:left;width:60%}
.doro_play .text{float:right;width:40%} 
.doro_play .text textarea{padding:20px;height:355px}
}    

.doro_need{background:#f3f5f8;padding:30px;margin:0 0 20px 0}
.doro_need h5{font-size:20px;text-align:center;color:#034694;margin:0 0 20px 0}
.doro_need ol>li{padding:20px;position:relative;box-sizing:border-box}
.doro_need ol>li:nth-child(1){border:1px solid #034694;background:#fff;margin:0 0 30px 0}
.doro_need ol>li:nth-child(2){background:#034694;color:#fff}
.doro_need ol>li:nth-child(1):before{content:"";display:block;width:11px;height:20px;background:url("/images/common/ico_con.png") -20px -60px;position:absolute;bottom:-27px;right: 50%;transform: translate(-50%, 0)}
.doro_need ul li{padding:0 0 0 12px;font-size:16px;color:#707070;position:relative;text-align:left}
.doro_need ul li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:10px;left:0;border-radius:100%}
.doro_need strong{display:block;text-align:center}

@media all and (min-width:1023px) {
.doro_need ol{overflow:hidden}
.doro_need ol>li{float:left;width:calc((100% - 50px) /2)}
.doro_need ol>li:nth-child(1){margin:0 50px 0 0}
.doro_need ol>li:nth-child(1):before{width:20px;height:11px;background-position:0 -60px;top:50%;right:-35px;transform:translate(0, -50%)}
.doro_need strong{padding:13px 0}
}         

.doro_effect>ul>li{border:1px solid #e9e9e9;margin:0 0 10px 0;box-sizing:border-box}
.doro_effect li strong{display:block;color:#034694;font-size:20px;text-align:center;background:#f3f5f8;padding:0 0 10px 0}
.doro_effect li strong:before{content:"";display:block;width:70px;height:70px;margin:0 auto;background:url("/images/01_portal/sub4/ico_doro2.png") no-repeat}
.doro_effect li:nth-child(1) strong:before{background-position:center 0}
.doro_effect li:nth-child(2) strong:before{background-position:center -70px}
.doro_effect li:nth-child(3) strong:before{background-position:center -140px}
.doro_effect ul ul{margin:20px}
.doro_effect li li{padding:0 0 0 12px;margin:10px 0 0 0;font-size:16px;line-height:1.25em;color:#707070;position:relative;text-align:left}
.doro_effect li li:before{content:"";display:block;width:3px;height:3px;background:#767676;position:absolute;top:7px;left:0;border-radius:100%}

@media all and (min-width:768px) {
.doro_effect>ul{overflow:hidden;margin-left:-1%}
.doro_effect>ul>li{float:left;width:32.333%;margin:0 0 0 1%;min-height:270px}
}
@media all and (min-width:1023px) {
.doro_effect>ul>li{min-height:250px}
}  

.carbon_vison1{margin:0 0 30px 0}
.carbon_vison1 h5{background:#034694;color:#fff;width:100px;height:100px;box-sizing:border-box;padding:25px 0 0 0;margin:0 auto 30px auto;font-size:18px;text-align:center;border-radius:100%;position:relative}
.carbon_vison1 h5:before{content:"";display:block;width:25px;height:25px;margin:0 auto 5px auto;background:url("/images/01_portal/sub4/ico_vision.png") no-repeat}
.carbon_vison1 h5:after{content:"";display:block;width:1px;height:30px;background:#034694;position:absolute;bottom:-30px;left:50%;transform:translate(-50%, 0)}
.carbon_vison1 div{background:#f3f5f8;padding:30px;text-align:center;font-weight:700;font-size:20px;word-break:keep-all;letter-spacing:-0.05em;color:#034694}
.carbon_vison2 h5{background:#222;color:#fff;width:100px;height:100px;box-sizing:border-box;padding:25px 0 0 0;margin:0 auto 30px auto;font-size:18px;text-align:center;border-radius:100%;position:relative}
.carbon_vison2 h5:before{content:"";display:block;width:25px;height:25px;margin:0 auto 5px auto;background:url("/images/01_portal/sub4/ico_vision.png") no-repeat 0 -25px}
.carbon_vison2 h5:after{content:"";display:block;width:1px;height:30px;background:#222;position:absolute;bottom:-30px;left:50%;transform:translate(-50%, 0)}
.carbon_vison2 div{border:1px solid #e9e9e9;padding:10px 30px}
.carbon_vison2 li{padding:0 0 0 30px;margin:10px 0;position:relative;line-height:1.25em}
.carbon_vison2 li span{display:inline-block;width:20px;height:20px;font-size:14px;color:#fff;line-height:1.5em;background:#034694;text-align:center;position:absolute;top:0;left:0}
@media all and (min-width:768px) {
.carbon_vison1{overflow:hidden}
.carbon_vison1 h5{float:left;margin:0}
.carbon_vison1 h5:after{width:100px;height:1px;top:50%;left:100px;transform:translate(0, -50%)}
.carbon_vison1 div{float:right;width:calc(100% - 260px);padding:38px 30px}
.carbon_vison2{overflow:hidden}
.carbon_vison2 h5{float:left}
.carbon_vison2 h5:after{width:100px;height:1px;top:50%;left:100px;transform:translate(0, -50%)}
.carbon_vison2 div{float:right;width:calc(100% - 260px)}
}
@media all and (min-width:1023px) {
.carbon_vison1 div{font-size:24px}
.carbon_vison2 ul{overflow:hidden}
.carbon_vison2 li{float:left;width:50%;box-sizing:border-box}
}   

.youth_vison1{margin:0 0 30px 0}
.youth_vison1 h4{background:#034694;color:#fff;width:100px;height:100px;box-sizing:border-box;padding:25px 0 0 0;margin:0 auto 30px auto;font-size:18px;text-align:center;border-radius:100%;position:relative}
.youth_vison1 h4:before{content:"";display:block;width:25px;height:25px;margin:0 auto 5px auto;background:url("/images/01_portal/sub4/ico_vision.png") no-repeat}
.youth_vison1 h4:after{content:"";display:block;width:1px;height:30px;background:#034694;position:absolute;bottom:-30px;left:50%;transform:translate(-50%, 0)}
.youth_vison1 div{background:#f3f5f8;padding:30px;text-align:center;font-weight:700;font-size:20px;word-break:keep-all;letter-spacing:-0.05em;color:#034694}
.youth_vison2 h4{background:#222;color:#fff;width:100px;height:100px;box-sizing:border-box;padding:25px 0 0 0;margin:0 auto 30px auto;font-size:18px;text-align:center;border-radius:100%;position:relative}
.youth_vison2 h4:before{content:"";display:block;width:25px;height:25px;margin:0 auto 5px auto;background:url("/images/01_portal/sub4/ico_vision.png") no-repeat 0 -25px}
.youth_vison2 h4:after{content:"";display:block;width:1px;height:30px;background:#222;position:absolute;bottom:-30px;left:50%;transform:translate(-50%, 0)}
.youth_vison2 div{border:1px solid #e9e9e9;padding:10px 30px;text-align:center}
.youth_vison3 h4{background:#222;color:#fff;width:100px;height:100px;box-sizing:border-box;padding:25px 0 0 0;margin:0 auto 30px auto;font-size:18px;text-align:center;border-radius:100%;position:relative}
.youth_vison3 h4:before{content:"";display:block;width:25px;height:25px;margin:0 auto 5px auto;background:url("/images/01_portal/sub4/ico_vision.png") no-repeat 0 -50px}
.youth_vison3 h4:after{content:"";display:block;width:1px;height:30px;background:#222;position:absolute;bottom:-30px;left:50%;transform:translate(-50%, 0)}
.youth_vison3 div{border:1px solid #e9e9e9;padding:10px 30px;text-align:center}
@media all and (min-width:768px) {
.youth_vison1{overflow:hidden}
.youth_vison1 h4{float:left;margin:0}
.youth_vison1 h4:after{width:100px;height:1px;top:50%;left:100px;transform:translate(0, -50%)}
.youth_vison1 div{float:right;width:calc(100% - 260px);padding:38px 30px}
.youth_vison2{overflow:hidden}
.youth_vison2 h4{float:left}
.youth_vison2 h4:after{width:100px;height:1px;top:50%;left:100px;transform:translate(0, -50%)}
.youth_vison2 div{float:right;width:calc(100% - 260px)}
.youth_vison3{overflow:hidden}
.youth_vison3 h4{float:left}
.youth_vison3 h4:after{width:100px;height:1px;top:50%;left:100px;transform:translate(0, -50%)}
.youth_vison3 div{float:right;width:calc(100% - 260px)}

}
@media all and (min-width:1023px) {
.youth_vison1 div{font-size:24px}
.youth_vison2 ul{overflow:hidden}
.youth_vison2 li{float:left;width:50%;box-sizing:border-box}
.youth_vison3 ul{overflow:hidden}
.youth_vison3 li{float:left;width:50%;box-sizing:border-box}
}  
.youth_wtable th em{display:inline-block;width:25px;height:25px;background:#034694;color:#fff;text-align:center;margin:0 5px 0 0}
.youth_wtable td li:before{display:none}

.c_ground img{width:100%;margin:0 0 20px 0;border-radius:0 50px 0 0}
.c_ground p{margin:0 0 15px 0}
.c_ground strong{font-weight:normal;color:#0089d0}
@media all and (min-width:768px) {
.c_ground{position:relative}
.c_ground img{border-radius:0 100px 0 0}
.c_ground h4{font-size:80px;position:absolute;top:0;left:0;color:#fff;opacity:.6}
}  
@media all and (min-width:1023px) {
.c_ground img{border-radius:0 200px 0 0}
.c_ground h4{font-size:110px}
}  

.woman_vison1{margin:0 0 30px 0}
.woman_vison1 h6{background:#034694;color:#fff;width:100px;height:100px;box-sizing:border-box;padding:25px 0 0 0;margin:0 auto 30px auto;font-size:18px;text-align:center;border-radius:100%;position:relative}
.woman_vison1 h6:before{content:"";display:block;width:25px;height:25px;margin:0 auto 5px auto;background:url("/images/01_portal/sub4/ico_vision.png") no-repeat}
.woman_vison1 h6:after{content:"";display:block;width:1px;height:30px;background:#034694;position:absolute;bottom:-30px;left:50%;transform:translate(-50%, 0)}
.woman_vison1 div{background:#f3f5f8;padding:30px;text-align:center;font-weight:700;font-size:20px;word-break:keep-all;letter-spacing:-0.05em;color:#034694}
.woman_vison2 h6{background:#222;color:#fff;width:100px;height:100px;box-sizing:border-box;padding:25px 0 0 0;margin:0 auto 30px auto;font-size:18px;text-align:center;border-radius:100%;position:relative}
.woman_vison2 h6:before{content:"";display:block;width:25px;height:25px;margin:0 auto 5px auto;background:url("/images/01_portal/sub4/ico_vision.png") no-repeat 0 -25px}
.woman_vison2 h6:after{content:"";display:block;width:1px;height:30px;background:#222;position:absolute;bottom:-30px;left:50%;transform:translate(-50%, 0)}
.woman_vison2 div{border:1px solid #e9e9e9;padding:10px 15px;text-align:center;box-sizing:border-box}
.woman_vison2 li{padding:10px;margin:5px 0;position:relative;line-height:1.25em;background:#f3f5f8}
.woman_vison2 li:nth-child(1){color:#3aa386}
.woman_vison2 li:nth-child(2){color:#0089d0}
.woman_vison2 li:nth-child(3){color:#034694}
@media all and (min-width:768px) {
.woman_vison1{overflow:hidden}
.woman_vison1 h6{float:left;margin:0}
.woman_vison1 h6:after{width:100px;height:1px;top:50%;left:100px;transform:translate(0, -50%)}
.woman_vison1 div{float:right;width:calc(100% - 260px);padding:38px 30px}
.woman_vison2{overflow:hidden}
.woman_vison2 h6{float:left}
.woman_vison2 h6:after{width:100px;height:1px;top:50%;left:100px;transform:translate(0, -50%)}
.woman_vison2 div{float:right;width:calc(100% - 200px)}
.woman_vison2 ul{overflow:hidden;margin-left:-2%}
.woman_vison2 li{float:left;width:31.333%;padding:20px 0;margin:0 0 0 2%;box-sizing:border-box}
}
@media all and (min-width:1023px) {
.woman_vison1 div{font-size:24px}
}         

.faq_toggle{border-top:1px solid #4a4a4a;line-height:1.5em;text-align:center}
.faq_toggle h4{margin:0;}
.faq_toggle h4>a{display:block;border-bottom:1px solid #e9e9e9;padding:25px 0 25px 0;font-weight:700;font-size:20px;letter-spacing:0.01em;position:relative;line-height: 1.25em}
.faq_toggle>div{display:none;padding:20px 20px 20px 20px;background:#f3f5f8;border-bottom:1px solid #e9e9e9;min-height:25px;position:relative}
.faq_toggle div.on{display:block}
.faq_toggle em{display:block;width:40px;height:0;padding:40px 0 0 0;margin:0 auto 10px auto;overflow:hidden;background:url("/images/bbs/ico_bbs.png") no-repeat}
.faq_toggle a em{background-position:-160px -140px}
.faq_toggle div em{background-position:-200px -140px}
.faq_toggle div ul{margin:0}
.faq_toggle a em.people{background:url("/upload_data/user_file/bbs/toggle_p.png")no-repeat;}
.faq_toggle div em.people{display:none;}
@media all and (min-width:768px){
 .faq_toggle{text-align:left}
.faq_toggle h4>a{padding-left:60px}
.faq_toggle>div{padding-left:80px}
.faq_toggle em{position:absolute;top:15px;left:0}
.faq_toggle div em{left:20px}
}                                                                                                          

.building_int{background:url("/upload_data/user_file/01_portal/sub4/building02.png") no-repeat center bottom #d4dde7;padding:20px;position:relative}
.building_int:after{content:"";display:block;background:url("/upload_data/user_file/01_portal/sub4/building01.png") no-repeat 20% bottom;background-size:768px;height:456px;position:absolute;bottom:0;left:0;right:0}
.building_int>div{background:#fff;padding:20px 20px 320px 20px}
.building_int h5{color:#034694}
.building_int p{margin:15px 0}
.building_int .img{text-align:center}
.building_int .name{text-align:right;margin:30px 0 0 0}
.building_int .name strong{display:block;color:#222}
@media all and (min-width:768px) {
.building_int{padding:40px}
.building_int:after{background-size:auto}
.building_int>div{padding:30px 30px 450px 30px}
.building_int .name strong{display:inline-block;margin:0 0 0 10px}
}
@media all and (min-width:1023px) {
.building_int{padding:100px}
.building_int>div{padding:70px 70px 400px 70px}
.building_int h5{font-size:55px;line-height:1.25em;margin:10px 200px 50px 0;word-break:keep-all}
.building_int .img{text-align:left;position:absolute;top:160px;right:160px}
}                                   
  
/* sub5 */
.proud_tit{background:#152d32}
.proud_tit h4{margin:0}
.proud_tit img{width:100%}
.proud_tit div{padding:30px}
.proud_tit li{margin:20px 0 0 0}
.proud_tit li:first-child{margin:0}
.proud_tit strong{display:block;padding:5px 20px;margin:0 0 10px 0;border-radius:30px;background:#e8d9ac;color:#222;text-align:center}
.proud_tit span{color:#fff}
.proud_list>div{border:1px solid #e9e9e9;padding:70px 20px 20px 20px;margin:0 0 30px 0;position:relative}
.proud_list h5{position:absolute;top:0;left:0;color:#fff;font-size:18px;padding:15px 20px;margin:0}
.proud_list p{padding:30px 0;margin:0 0 20px 0;text-align:center;background:#f3f5f8}
.proud_list p img{border:5px solid #fff}
.proud_list p strong{display:block;margin:10px 0 0 0}
.proud_list p span{font-size:15px;color:#898989}
.proud_list .basic_ul{margin:0}
.proud_list .basic_ul li{margin:0}
.proud_list>div:nth-child(1){border-top:1px solid #034694}
.proud_list>div:nth-child(2){border-top:1px solid #0089d0}
.proud_list>div:nth-child(3){border-top:1px solid #0195b0}
.proud_list>div:nth-child(4){border-top:1px solid #3aa386}
.proud_list>div:nth-child(1) h5{background:#034694}
.proud_list>div:nth-child(2) h5{background:#0089d0}
.proud_list>div:nth-child(3) h5{background:#0195b0}
.proud_list>div:nth-child(4) h5{background:#3aa386}
@media all and (min-width:768px) {
.proud_tit div{padding:30px 50px}
.proud_tit li{position:relative;padding:5px 0 0 120px}
.proud_tit strong{position:absolute;top:0;left:0}
.proud_list>div{overflow:hidden;padding:70px 50px 50px 50px}
.proud_list p{float:left;width:200px;margin:0}
.proud_list div div{float:right;width:calc(100% - 250px)}
}
@media all and (min-width:1023px) {
.proud_list>div{padding:50px}
.proud_list h5{padding:35px 20px;left:unset;right:0}
}         

.servicecenter_t i{font-style:normal;display:inline-block;width:30px;height:30px;box-sizing:border-box;text-align:center;color:#fff;font-size:18px;font-weight:700;line-height:1.7em;border-radius:100%}
.servicecenter_t i.num1{background:#a28b53}
.servicecenter_t i.num2{background:#3aa386}
.servicecenter_t i.num3{background:#0195b0}
.servicecenter_t i.num4{background:#0089d0}
.servicecenter_t i.num5{background:#034694}

.gov_service{text-align:center}
.gov_service>ul>li{border-top:1px solid #e9e9e9;padding:30px 20px}
.gov_service>ul>li:first-child{border:none}
.gov_service>ul>li:before{content:"";display:block;width:110px;height:110px;margin:0 auto;background:url("/images/01_portal/sub5/gov_service.png") no-repeat #f3f5f8}
.gov_service>ul>li:nth-child(1):before{background-position:0 0}
.gov_service>ul>li:nth-child(2):before{background-position:0 -110px}
.gov_service>ul>li:nth-child(3):before{background-position:0 -220px}
.gov_service>ul>li:nth-child(4):before{background-position:0 -330px}
.gov_service>ul>li:nth-child(5):before{background-position:0 -440px}
.gov_service strong{display:block;color:#034694;font-size:24px;margin:20px 0 10px 0}
.gov_service ul ul li{line-height:1.25em}
.gov_service ul ul li:nth-child(2){color:#034694;font-size:16px;margin:10px 0 20px 0}
.gov_service .basic_btn,.gov_service .basic_btn a{margin:0}
@media all and (min-width:768px) {
.gov_service{text-align:left}
.gov_service>ul>li{padding:30px 200px 30px 150px;position:relative}
.gov_service>ul>li:before{position:absolute;top:50%;left:0;transform:translate(0, -50%)}
.gov_service strong{margin:0 0 10px 0}
.gov_service ul ul li:nth-child(2){margin:10px 0 0 0}
.gov_service .basic_btn{position:absolute;top:50%;right:0;transform:translate(0, -50%)}
}

.customer_p{text-align:center;background:#f3f5f8}
.customer_p li{border-top:1px solid #fff;padding:20px 0 40px 0;word-break:keep-all;line-height:1.25em}
.customer_p li:first-child{border:none}
.customer_p li:before{content:"";display:block;width:100px;height:100px;margin:0 auto;background:url("/images/01_portal/sub5/customer_p.png") no-repeat #f3f5f8}
.customer_p li:nth-child(1):before{background-position:0 0}
.customer_p li:nth-child(2):before{background-position:0 -100px}
.customer_p li:nth-child(3):before{background-position:0 -200px}
.customer_p li:nth-child(4):before{background-position:0 -300px}
@media all and (min-width:768px) {
.customer_p ul{overflow:hidden}
.customer_p li{border-top:none;border-left:1px solid #fff;float:left;width:25%;box-sizing:border-box}
}

.laiis_box div{margin:0 0 10px 0;word-break:keep-all;box-sizing:border-box}
.laiis_box h5{font-size:20px;margin:30px 0 5px 0}
.laiis_box .basic_btn{border:1px solid #e9e9e9;padding:30px;margin:0;text-align:center}
.laiis_box .basic_btn img{display:block;margin:0 auto 10px auto}
@media all and (min-width:768px) {
.laiis_box{margin-left:-5%;overflow:hidden}
.laiis_box div{float:left;width:45%;margin:0 0 0 5%}
.laiis_box h5{text-align:left}
}

/* sub6 */
.emailcollect{border:1px solid #e9e9e9;padding:230px 30px 40px 30px;background:url("/images/01_portal/sub6/emailcollect.png") no-repeat center 40px;text-align:center;word-break:keep-all}
@media all and (min-width:1023px) {
.emailcollect{padding:300px 150px 100px 150px;font-size:18px;line-height:1.5em;background-position:center 100px}
}

.guide_tit{text-align:center;margin:0 0 50px 0;word-break:keep-all}
.guide_tit:before{content:"";display:block;background:url("/upload_data/user_file/01_portal/sub6/guide_titbg.png") no-repeat center 0;background-size:contain;height:200px;margin:30px 0}
.guide_tit .tit{font-size:24px;font-weight:700;color:#222;line-height:1.25em;margin:0 0 10px 0}
.guide_tit .tit strong{display:block;color:#0081cc}
.guide_con{word-break:keep-all}
.guide_con h4{font-size:26px;margin:60px 0 30px 0;text-align:center}
.guide_con h4 strong{display:block;background:#0081cc;color:#fff;font-size:20px;text-align:center;width:70px;height:70px;vertical-align:middle;padding:20px 0 0 0;margin:0 auto 10px auto;box-sizing:border-box;border-radius:100%}
.guide_con h5{color:#034694;font-size:22px}
.guide_img{border:1px solid #e9e9e9;position:relative;padding:60px 20px 40px 20px;margin:5px 0;text-align:center}
.guide_img>em{position:absolute;top:0;left:0;display:block;background:#4a4a4a;color:#fff;padding:7px 15px}
.guide_img img{width:100%;max-width:100%;box-shadow:0 0 30px rgba(0, 0, 0, .1)}
.guide_numlist{margin:0 0 30px 0;text-align:left}
.guide_numlist li{position:relative;padding:0 0 0 40px !important;margin:10px 0}
.guide_numlist li em{display:inline-block;background:#d7001d;color:#fff;text-align:center;line-height:1.75em;font-weight:500;width:30px;height:30px;border-radius:100%;position:absolute;top:0;left:0}
.guide_box1 img{box-shadow:none}
.guide_box1 .guide_numlist{margin:20px 0 0 0}
.guide_box2 .guide_numlist{margin:20px 0 0 0}
.guide_con .basic_tab{margin:100px 0 50px 0}
@media all and (min-width:768px) {
.guide_tit{text-align:left;position:relative;padding:0 300px 0 0}
.guide_tit:before{position:absolute;top:0;right:0;margin:0;width:320px}
.guide_tit .tit{font-size:36px}
.guide_img{padding:60px 50px 40px 50px}
}
@media all and (min-width:1023px) {
.guide_tit{padding:50px 425px 50px 0}
.guide_tit:before{width:430px;height:360px;background-size:auto}
.guide_tit .tit{font-size:60px;letter-spacing:-0.02em;margin:0 0 20px 0}
.guide_tit .txt{font-size:18px;line-height:1.5em}
.guide_con h4{text-align:left}
.guide_con h4 strong{display:inline-block;margin:0 20px 0 0}
.guide_img img{width:auto}
.guide_box1 img{display:inline-block}
.guide_box1 .guide_numlist{display:inline-block;width:40%;margin:40px 0 0 30px}
.guide_box2 img{display:inline-block}
.guide_box2 .guide_numlist{display:inline-block;width:37%;margin:230px 0 0 30px}
}

.basic_sitetxt ul{border-left:1px solid #e9e9e9}
.basic_sitetxt li{border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.basic_sitetxt li:nth-child(1){border-top:1px solid #e9e9e9}
.basic_sitetxt a{display:block;padding:20px;text-align:center}
.basic_sitetxt a:hover,.basic_sitetxt a:focus{background:#f3f5f8}
@media all and (min-width:768px) {
.basic_sitetxt ul{overflow:hidden}
.basic_sitetxt li{float:left;width:50%;box-sizing:border-box}
.basic_sitetxt li:nth-child(2){border-top:1px solid #e9e9e9}
}
@media all and (min-width:1023px) {
.basic_sitetxt li{width:33.333%}
.basic_sitetxt li:nth-child(3){border-top:1px solid #e9e9e9}
}     

.information .toggle{overflow:hidden;margin:20px 0;border-top:1px #4a4a4a solid;border-left:1px #e9e9e9 solid}
.information .toggle .con{float:left;box-sizing:border-box;width:50%}
.information .toggle p.tit{display:block;box-sizing:border-box;position:relative;height:120px;padding-top:84px;text-align:center;word-break:keep-all;font-size:16px;letter-spacing: -1px;border-right:1px #e9e9e9 solid;border-bottom:1px #e9e9e9 solid}
.information .toggle p.tit:before{content:"";position:absolute;top:15px;right:0;left:0;width:65px;height:65px;margin:0 auto;background: url("/upload_data/user_file/01_portal/sub6/ico_privacy.png") no-repeat;}      
.information .toggle .con:nth-of-type(1) :before{background-position:4px 0}
.information .toggle .con:nth-of-type(2) :before{background-position:-128px 0}
.information .toggle .con:nth-of-type(3) :before{background-position:-268px 0}
.information .toggle .con:nth-of-type(4) :before{background-position:-409px 0}
.information .toggle .con:nth-of-type(5) :before{background-position:-562px 0}
.information .toggle .con:nth-of-type(6) :before{background-position:4px -97px}
.information .toggle .con:nth-of-type(7) :before{background-position:-128px -97px}
.information .toggle .con:nth-of-type(8) :before{background-position:-268px -97px}
.information .toggle .con:nth-of-type(9) :before{background-position:-409px -97px}
.information .toggle .con:nth-of-type(10) :before{background-position:-562px -97px}
.information .toggle .con:nth-of-type(11) :before{background-position:4px -197px}
.information .toggle .con:nth-of-type(12) :before{background-position:-128px -197px}
.information .toggle .con:nth-of-type(13) :before{background-position:-268px -196px}
.information .toggle .con:nth-of-type(14) :before{background-position:-409px -196px}
.information .toggle .con:nth-of-type(15) :before{background-position:-562px -195px}
.information .toggle p.txt{display:none;position:absolute;z-index:9999;padding:14px 20px;font-size:16px;background:#034694;color:#fff;box-shadow:10px 10px 10px #dedede}
.information .toggle .con:hover p.txt{display:block}
.information .tab{border-top:1px #4a4a4a solid;border-left:1px #e9e9e9 solid}
.information .tab li{border-right:1px #e9e9e9 solid;border-bottom:1px #e9e9e9 solid;box-sizing:border-box}
.information .tab li a{display:block;padding:10px 20px}
.information .tab li a:hover{background:#f3f5f8}
.information h5{padding-left:48px;position:relative}
.information h5:before{content:"";display:block;position:absolute;top:0;left:0;width:34px;height:38px;background:url("/upload_data/user_file/01_portal/sub6/ico_privacy_s.png") no-repeat}
.information h5#tab01:before{background-position:0 0}
.information h5#tab02:before{background-position:0 -55px}
.information h5#tab03:before{background-position:0 -112px}
.information h5#tab04:before{background-position:0 -168px}
.information h5#tab05:before{background-position:0 -224px}
.information h5#tab06:before{background-position:0 -283px}
.information h5#tab07:before{background-position:0 -339px}
.information h5#tab08:before{background-position:0 -397px}
.information h5#tab09:before{background-position:0 -454px}
.information h5#tab10:before{background-position:0 -510px}
.information h5#tab11:before{background-position:0 -568px}
.information h5#tab12:before{background-position:0 -625px}
.information h5#tab13:before{background-position:0 -682px}
.information h5#tab14:before{background-position:0 -739px}
.information h5#tab11{position:relative;padding-left:85px}
.information h5#tab11:after{content:"";display:block;position:absolute;top:0;left:34px;width:34px;height:38px;background:url("/images/01_portal/sub6/ico_privacy_s.png") no-repeat 0 -739px}

/*2024.06.25 이후 라벨링 수정*/
.information.info2024 .toggle .con.label01 :before{background-position:4px 0}
.information.info2024 .toggle .con.label02 :before{background-position:-128px 0}
.information.info2024 .toggle .con.label03 :before{background-position:-268px 0}
.information.info2024 .toggle .con.label04 :before{background-position:-409px 0}
.information.info2024 .toggle .con.label05 :before{background-position:-562px 0}
.information.info2024 .toggle .con.label06 :before{background-position:4px -97px}
.information.info2024 .toggle .con.label07 :before{background-position:-128px -97px}
.information.info2024 .toggle .con.label08 :before{background-position:-268px -97px}
.information.info2024 .toggle .con.label09 :before{background-position:-409px -97px}
.information.info2024 .toggle .con.label10 :before{background-position:-562px -97px}
.information.info2024 .toggle .con.label11 :before{background-position:4px -197px}
.information.info2024 .toggle .con.label12 :before{background-position:-128px -197px}
.information.info2024 .toggle .con.label13 :before{background-position:-268px -196px}
.information.info2024 .toggle .con.label14 :before{background-position:-409px -196px}
.information.info2024 .toggle .con.label15 :before{background-position:-562px -195px}
.information.info2024 .toggle .con.label16 :before{background-position:4px -292px}
.information.info2024 .toggle .con.label17 :before{background-position:-128px -292px}
.information.info2024 .toggle .con.label18 :before{background-position:-268px -292px}

.information.info2024 h5.tab05:before{background-position:0 -850px !important}
.information.info2024 h5.tab06:before{background-position:0 -224px !important}
.information.info2024 h5.tab07:before{background-position:0 -283px !important}
.information.info2024 h5.tab08:before{background-position:0 -339px !important}
.information.info2024 h5.tab09:before{background-position:0 -397px !important}
.information.info2024 h5.tab10:before{background-position:0 -625px !important}
.information.info2024 h5.tab11:before{background-position:0 -454px !important}
.information.info2024 h5.tab12:before{background-position:0 -510px !important}
.information.info2024 h5.tab13:before{background-position:0 -568px !important}
.information.info2024 h5.tab14:before{background-position:0 -682px !important}
.information.info2024 h5.tab15:before{background-position:0 -910px !important}
.information.info2024 h5.tab16:before{background-position:0 -970px !important}
.information.info2024 h5.tab17:before{background-position:0 -739px !important}
.information.info2024 h5#tab11:after{display:none;}
.information.info2024 h5#tab11{position:relative;padding-left:48px}
.information.info2024 h5.tab13{padding-left:90px;}
.information.info2024 h5.tab13:after{content:"";display:block;position:absolute;top:0;left:34px;width:34px;height:38px;background:url("/upload_data/user_file/01_portal/sub6/ico_privacy_s.png") no-repeat 0 -796px;}

.information.info2025 h5#tab05:before{background-position: 0 -680px !important;}
.information.info2025 h5#tab06:before{background-position: 0 -226px !important;}
.information.info2025 h5#tab07:before{background-position: 0 -283px !important;}
.information.info2025 h5#tab08:before{background-position: 0 -340px !important;}
.information.info2025 h5#tab09:before{background-position: 0 -397px !important;}
.information.info2025 h5#tab10:before{background-position: 0 -624px !important;}
.information.info2025 h5#tab11:before{background-position: 0 -454px !important;}
.information.info2025 h5#tab11:after{display:none;}
.information.info2025 h5#tab11{position:relative;padding-left:48px}
.information.info2025 h5#tab12:before{background-position: 0 -1016px !important;}
.information.info2025 h5#tab13:before{background-position: 0 -512px !important;}
.information.info2025 h5#tab14:before{background-position: 0 -568px !important;}
.information.info2025 h5#tab14{position:relative;padding-left:85px}
.information.info2025 h5#tab14:after{content:"";display:block;position:absolute;top:0;left:34px;width:34px;height:38px;background: url("/images/01_portal/sub6/ico_privacy_s.png") no-repeat 0 -795px;}
.information.info2025 h5#tab15:before{background-position: 0 -681px !important;}
.information.info2025 h5#tab16:before{background-position: 0 -1063px !important;}
.information.info2025 h5#tab16{position:relative;padding-left:85px}
.information.info2025 h5#tab16:after{content:"";display:block;position:absolute;top:0;left:34px;width:34px;height:38px;background: url("/upload_data/user_file/01_portal/sub6/ico_privacy_s.png") no-repeat 0 -1109px !important;}
.information.info2025 h5#tab17:before{background-position: 0 -911px !important;}
.information.info2025 h5#tab18:before{background-position: 0 -967px !important;}
.information.info2025 h5#tab19:before{background-position: 0 -738px !important;}

@media all and (min-width:768px) {
.information .toggle .con{width:20%}
} 
@media all and (min-width:1023px) {
.information .toggle.col6 .con{width:16.666%}
.information .tab ul{overflow:hidden}
.information .tab li{float:left;width:50%}
}
.rule_box{padding:15px;background:#f3f5f8}
.rule_box li{padding:0 !important}
.rule_box li:before{display:none !important}
.rule_box li a{display:block;margin:0 10px;text-align:center}
@media all and (min-width:768px){
.rule_box{overflow:hidden}
.rule_box li{width:33.333%;float:left;margin:5px 0}
}
@media all and (min-width:1024px){
.rule_box li{width:20%}
}                                                                                   

.faxbox{background:#f3f5f8;border: 1px solid #e9e9e9;border-top: 1px solid #222;margin:0 0 30px 0;padding: 20px 30px;}
.faxbox strong{display:block;font-weight:normal;border-bottom:1px dashed #ddd;padding:0 0 10px 0;margin:0 0 10px 0}
.faxbox strong:before{content:"";display:inline-block;width:14px;height:16px;background:url("/upload_data/user_file/common/ico_mapview.png") no-repeat;margin:0 7px 0 0;vertical-align:middle}
.faxbox span{display:block}
@media all and (min-width:768px) {
.faxbox{overflow:hidden}
.faxbox strong{float:left;padding:0;margin:0;border:none}
.faxbox span{float:right}
}             


.dept_org1{position:relative}
.dept_org1:before{content:"";display:block;width:1px;background:#898989;position:absolute;top:0;left:50%;bottom:0;transform:translate(-50%, 0);z-index:-1}
.dept_org1 h5{background:#034694;color:#fff;padding:15px 0;margin:0 auto;font-weight:700;font-size:18px;text-align:center;width:200px}
.dept_org1 div{margin:30px 0 0 0}
.dept_org1 div>ul>li{margin:0 0 10px 0}
.dept_org1 li li{border:1px solid #e9e9e9;background:#f3f5f8;padding:10px;font-size:15px;text-align:center;box-sizing:border-box}
.dept_org1 a{display:block;border:1px solid #034694;background:#fff;padding:10px 0;color:#034694;text-align:center;box-sizing:border-box}
@media all and (min-width:768px) {
.dept_org1 h5{margin:0}
.dept_org1:before{left:100px}
.dept_org1 div>ul>li{overflow:hidden}
.dept_org1 ul ul{float:right;width:calc(100% - 200px)}
.dept_org1 li li{text-align:left}
.dept_org1 a{float:left;width:200px}
}    

.dept_org2{position:relative}
.dept_org2:before{content:"";display:block;width:1px;background:#898989;position:absolute;top:0;left:50%;bottom:0;transform:translate(-50%, 0);z-index:-1}
.dept_org2 h5{background:#034694;color:#fff;padding:15px 0;margin:0 auto 30px auto;font-weight:700;font-size:18px;text-align:center;width:240px}
.dept_org2 .dep1>ul>li{margin:0 0 10px 0}
.dept_org2 .dep1>ul>li>strong{display:block;background:#0089d0;color:#fff;padding:15px 0;margin:0 auto 30px auto;font-weight:700;font-size:18px;text-align:center;width:240px}
.dept_org2 .dep1>ul>li>strong span{display:block;font-size:15px;font-weight:normal}
.dept_org2 .dep2{background:#f3f5f8;padding:10px}
.dept_org2 .dep2 li{border:1px solid #e9e9e9;background:#fff;padding:10px;margin:5px 0;text-align:center;box-sizing:border-box}
.dept_org2 .dep2 li strong{display:block;color:#034694}
.dept_org2 .dep2 li span{display:block;font-size:15px}
@media all and (min-width:768px) {
.dept_org2 .dep1>ul>li{overflow:hidden}
.dept_org2 .dep2 ul{overflow:hidden;margin-left:-1%}
.dept_org2 .dep2 li{float:left;width:32.333%;margin:5px 0 5px 1%}
}    
@media all and (min-width:1023px) {
.dept_org2 .dep2 li{width:19%}
.dept_org2 .dep2 .col3 li{width:32.333%}
.dept_org2 .dep2 .col4 li{width:24%}
.dept_org2 .dep2 .col6 li{width:15.66666666666667%}
} 

.dept_org3{position:relative}
.dept_org3:before{content:"";display:block;width:1px;background:#898989;position:absolute;top:0;left:50%;bottom:50px;transform:translate(-50%, 0);z-index:-1}
.dept_org3 h5{background:#034694;color:#fff;padding:15px 0;margin:0 auto 30px auto;font-weight:700;font-size:18px;text-align:center;width:200px}
.dept_org3 .dep1>ul>li{margin:0 0 10px 0}
.dept_org3 .dep1>ul>li>strong{display:block;background:#0089d0;color:#fff;padding:15px 0;margin:30px auto 10px auto;font-weight:700;font-size:18px;text-align:center;width:200px}
.dept_org3 .dep1>ul>li>strong span{display:block;font-size:15px;font-weight:normal}
.dept_org3 .dep2{background:#f3f5f8;padding:10px;box-sizing:border-box}
.dept_org3 .dep2 li{border:1px solid #e9e9e9;background:#fff;padding:10px;margin:5px 0;text-align:center;box-sizing:border-box}
.dept_org3 .dep2 li strong{display:block;color:#034694}
.dept_org3 .dep2 li span{display:block;font-size:15px}
@media all and (min-width:768px) {
.dept_org3 .dep1>ul>li{overflow:hidden}
.dept_org3 .dep2 ul{overflow:hidden;margin-left:-1%}
.dept_org3 .dep2 li{float:left;width:32.333%;margin:5px 0 5px 1%}
}    
@media all and (min-width:1023px) {
.dept_org3 h5{margin:0 0 30px 0}
.dept_org3:before{left:100px}
.dept_org3 .dep1>ul>li{overflow:hidden;margin:0 0 30px 0}
.dept_org3 .dep1>ul>li>strong{float:left;width:200px;margin:0;position:relative}
.dept_org3 .dep1>ul>li>strong:before{content:"";display:block;height:1px;background:#898989;position:absolute;top:50%;left:0;right:-30px;transform:translate(0, -50%);z-index:-1}
.dept_org3 .dep2{float:right;width:calc(100% - 230px)}
.dept_org3 .dep2 li{width:24%}
} 

.dept_org4 li{margin:0 0 10px 0;text-align:center}
.dept_org4 strong{display:block;border:1px solid #034694;padding:10px 0;color:#034694;box-sizing:border-box}
.dept_org4 span{display:block;border:1px solid #e9e9e9;background:#f3f5f8;padding:10px;font-size:15px;box-sizing:border-box}
@media all and (min-width:768px) {
.dept_org4 ul{overflow:hidden;margin-left:-1%}
.dept_org4 li{float:left;width:24%;margin:0 0 0 1%}
}    

.dept_org5{position:relative}
.dept_org5:before{content:"";display:block;width:1px;background:#898989;position:absolute;top:0;left:50%;bottom:0;transform:translate(-50%, 0);z-index:-1}
.dept_org5 h4{background:#034694;color:#fff;padding:15px 0;margin:0 auto 30px auto;font-weight:700;font-size:18px;text-align:center;width:200px}
.dept_org5 h4 span{display:block;font-size:15px}
.dept_org5 div{background:#f3f5f8;padding:10px}
.dept_org5 div li{border:1px solid #e9e9e9;background:#fff;padding:10px;margin:5px 0;text-align:center;box-sizing:border-box}
.dept_org5 div li strong{display:block;color:#034694}
.dept_org5 div li span{display:block;font-size:15px}
@media all and (min-width:768px) {
.dept_org5 div ul{overflow:hidden;margin-left:-1%}
.dept_org5 div li{float:left;width:49%;margin:5px 0 5px 1%}
.dept_org5 .col3 li{width:32.333%}
} 

.saeman_vision {padding: 30px 20px;background:#e8f7fe;text-align:center;}
.saeman_vision .title strong{font-size:1.9rem; font-weight:600;color:#005a9a;}
.saeman_vision .title strong>span{display:block;font-size:0.9rem;font-weight:300;}
.saeman_vision .title p{color:#005a9a;}
.saeman_vision .title p:nth-child(1){font-size:0.9rem;font-weight:500;}
.saeman_vision .title .last{width:50%; margin:0 auto;margin-top:10px;border-bottom:1px dashed #b9c9df; padding-bottom:20px;}
.saeman_vision ul{margin-top:20px;position:relative;}
.saeman_vision ul:before{content:"";width:1px; height:350px; border-left:1px dashed #b9c9df;position:absolute;bottom:20px;}
.saeman_vision ul li{padding:15px; margin-bottom:10px;color:#fff;border:3px solid #fff;font-size:1.08rem;z-index:9;position:relative;border-radius:50px;}
.saeman_vision ul li:nth-child(1){background-color:#015a9c;box-shadow: -1px 0px #015a9c, 0px 1px #015a9c, 1px 0px #015a9c, 0px -1px #015a9c;}
.saeman_vision ul li:nth-child(2){background-color:#3681c4;box-shadow: -1px 0px #3681c4, 0px 1px #3681c4, 1px 0px #3681c4, 0px -1px #3681c4;}
.saeman_vision ul li:nth-child(3){background-color:#76c58c;box-shadow: -1px 0px #71bf87, 0px 1px #71bf87, 1px 0px #71bf87, 0px -1px #71bf87;}
.saeman_vision ul li:nth-child(4){background-color:#2ea9ca;box-shadow: -1px 0px #2ea9ca, 0px 1px #2ea9ca, 1px 0px #2ea9ca, 0px -1px #2ea9ca;}
.saeman_vision ul li:nth-child(5){background-color:#9c8dc4;box-shadow: -1px 0px #9c8dc4, 0px 1px #9c8dc4, 1px 0px #9c8dc4, 0px -1px #9c8dc4;}

.saeman_ul{margin-bottom:70px;}
.saeman_ul strong{color:#b31912; margin-right:5px;}
.saeman_ul li{margin-bottom:8px;padding-left: 2.5em;text-indent: -2.5em;}

.saeman_compet{padding:0 20px;}
.saeman_compet ul li{padding:20px 10px 20px 40px; box-shadow:0px 0px 10px 5px rgba(0,0,0,0.05); margin-bottom:25px;position:relative;}
.saeman_compet ul li{margin-top:30px;}
.saeman_compet ul li span{display:block;width: 40px;height: 40px;position:absolute;top: -16px;left: -3px;color:#fff;border-radius:50%;text-align:center;line-height: 36px;box-shadow: 5px 5px 5px #d7d7d7;font-weight:800;}
.saeman_compet ul li strong{font-weight:600;font-size:1.1rem;}
.saeman_compet ul li:nth-child(1)>strong{color:#0992b7;}
.saeman_compet ul li:nth-child(2)>strong{color:#3681c4;}
.saeman_compet ul li:nth-child(3)>strong{color:#015a9c;}
.saeman_compet ul li:nth-child(1)>span{background:#0992b7;}
.saeman_compet ul li:nth-child(2)>span{background:#3681c4;}
.saeman_compet ul li:nth-child(3)>span{background:#015a9c;}

.people_ef{margin-top:90px;}
.people_ef>div p{padding: 14px;background: #f4f4f4;color:#223e99;border-radius: 10px;font-weight:800;}
.people_ef>div p strong{font-size:17px;}
.people_ef .txt_right{/* font-size:13px; */margin:10px 0;}
.people_ef .wrap .effect{padding: 30px 10px;border-radius:10px;margin:0 0 2% 0;width:calc(100% / 2 - 1%);text-align:center;display:inline-block;box-sizing:border-box;}
.people_ef .wrap .effect:nth-child(1){border:2px solid #98ca45;}
.people_ef .wrap .effect:nth-child(2){border:2px solid #52c09c;}
.people_ef .wrap .effect:nth-child(3){border:2px solid #59c8d9;}
.people_ef .wrap .effect:nth-child(4){border:2px solid #34a4dc;}
.people_ef .wrap .effect:nth-child(5){border:2px solid #5481c2;}
.people_ef .wrap .effect:nth-child(6){border:2px solid #655eab;}
.people_ef .wrap .effect span{display:block;font-size:20px;border:1px solid gainsboro; border-radius:50%;width:70px;height:70px;line-height:70px;margin:0 auto;overflow:hidden;font-weight:500;}
.people_ef .wrap .effect:nth-child(1) span{color:#98ca45;}
.people_ef .wrap .effect:nth-child(2) span{color:#52c09c;}
.people_ef .wrap .effect:nth-child(3) span{color:#59c8d9;}
.people_ef .wrap .effect:nth-child(4) span{color:#34a4dc;}
.people_ef .wrap .effect:nth-child(5) span{color:#5481c2;}
.people_ef .wrap .effect:nth-child(6) span{color:#655eab;} 

.sae_loca{padding-top:40px;}
.sae_loca li p{font-size:30px;font-weight:700;line-height:66px;}
.sae_loca li p i{display:inline-block;width:66px;height:66px;overflow:hidden;background:url("/upload_data/user_file/07_economy/contents/smg_traff_icon.png") no-repeat 0 0;margin-right:10px;}
.sae_loca>ul>li:nth-child(2) i{background-position:0 -100px;}
.sae_loca>ul>li:nth-child(3) i{background-position:0 -300px;}
.sae_loca>ul>li:nth-child(4) i{background-position:0 -200px;}
.sae_loca>ul>li>ul>li{font-weight:300;font-size: 17px;line-height:1.5em;}

@media all and (min-width:768px){
.saeman_vision{position:relative;margin-bottom:80px;padding-top:60px;}
.saeman_vision .title{position:absolute;left:50%;transform:translateX(-50%) translateY(-50%); top:50%; background: #f3f3f5;width:400px;height:400px;border-radius:50%;border:1px solid #3681c4;}
.saeman_vision .title p:first-child{margin-top:135px;font-size: 1.15rem;font-weight:600;}
.saeman_vision .title strong{font-size:2.5rem;line-height:34px;}
.saeman_vision .title span{line-height:18px;}
.saeman_vision .title .last{border-bottom:none;border-top:1px dashed #b9c9df;padding-top:8px;/* width:35%; */color:#0992b7;font-weight: 700;}
.saeman_vision ul{width:700px;margin:0 auto;}
.saeman_vision ul li{width:143px; height:143px;border-radius:50%; display:inline-block;}
.saeman_vision ul li span{background: url("/upload_data/user_file/07_economy/contents/smg_icon.png")no-repeat top center; padding: 60px 0 0 0;height: 0;/* overflow:hidden; *//* margin-top: 20px; */display: block;/* width: 60px; */font-size: 17px;}
.saeman_vision ul li:nth-child(2)>span{background-position: center -78px;}
.saeman_vision ul li:nth-child(3)>span{background-position: center -169px;}
.saeman_vision ul li:nth-child(4)>span{background-position: center -246px;}
.saeman_vision ul li:nth-child(5)>span{background-position: center -333px;}
.saeman_vision ul:before{display:none;}
.saeman_vision ul li:nth-child(1){margin-top:110px;margin-right: 50px;}
.saeman_vision ul li:nth-child(2){margin-top: -20px;}

.saeman_vision ul li:nth-child(3){margin-top:110px;margin-left: 50px;}
.saeman_vision ul li:nth-child(4){margin-top: 45px;margin-right:100px;}
.saeman_vision ul li:nth-child(5){margin-top: 45px;}
.saeman_ul li{font-size:1.07rem;}
.saeman_compet ul li strong{font-size:18px;}

.people_ef .wrap{margin:0 auto;width: auto;}
.people_ef .wrap .effect{width:calc(100% / 3 - 10px);margin: 0 10px 3% 0;}
.people_ef .wrap .effect:nth-of-type(3n){margin-right:0;}
.people_ef .wrap .effect strong{font-size: 22px;margin-bottom:20px;display: block;}

.sae_cond .big_img img{width:auto;}  
.sae_cond .smg_li:after{display:block;content:"";clear:both;}
.sae_cond .smg_li li{float:left;width:calc(100% / 3);box-sizing:border-box;}
    
}

@media all and (min-width:1023px){
.sae_cond{overflow:hidden;border:solid 1px #ccc;padding:0;margin-bottom:40px;}
.sae_cond .big_img{float:left;width:50%;padding:0;border:none;margin:0;}
.sae_cond .big_img img{width:100%;}
.sae_cond .scon_side{float:right;width:45%;padding:60px 20px 0 0;}

.scond02 .big_img{float:right;width:40%;padding:30px;}
.scond02 .scon_side{float:left;width:50%;padding-left:40px;box-sizing:border-box;}

.sae_loca>ul>li{border-bottom:dashed 2px #ccc;margin-bottom:40px;}
.sae_loca>ul>li:last-child{border:none;}
.sae_loca>ul>li:after{display:block;content:"";clear:both;}
.sae_loca p{float:left;padding-left:100px;}
.sae_loca .basic_ul{float:right;width:70%;}    
}                                                                                                                 

.sistersmap ul{margin:10px 0 0 0}
.sistersmap li{display:inline-block;margin:0 5px 5px 0}
.sistersmap li a{display:inline-block;padding:1px 15px;background:#4a4a4a;color:#fff;font-size:14px;border-radius:3px;position:relative}
.sistersmap li a:hover,.sistersmap li a:focus{background:#034694;color:#fff}
.sistersmap li a:after{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;background:url("/images/common/ico_con.png") no-repeat;margin:-2px 0 0 5px}
@media all and (min-width:1023px) {
.sistersmap{position:relative}
.sistersmap li{position:absolute}
.sistersmap li a{padding:0 5px;font-size:12px;line-height:1.5em}
.sistersmap li a:after{display:none}
.sistersmap .g_link01{top: 285px;left: 227px;}
.sistersmap .g_link02{top: 253px;right: 119px;}
.sistersmap .g_link03{top: 230px;right: 285px;}
.sistersmap .g_link04{top: 299px;left: 353px;}
.sistersmap .g_link05{top: 140px;left: 186px;}
.sistersmap .g_link06{top: 304px;left: 227px;}
.sistersmap .g_link07{top: 268px;left: 227px;}
.sistersmap .g_link08{top: 323px;left: 231px;}
.sistersmap .g_link09{top: 364px;left: 276px;}
.sistersmap .g_link10{top: 384px;left: 269px;}
.sistersmap .g_link11{top: 235px;left: 331px;}
}         

/*20240104 경제포털 사회적경제메뉴 옮김*/
.bu_kind .box1{background:#2577d2;color:#fff;border-radius:20px;padding:30px;text-align:center;}
.bu_kind .box1 h5{margin:0;padding:0;color:#fff;font-size:20px;line-height:20px;}
.bu_kind .box1 h5 span{display:block;font-size:16px;}
.bu_kind .box1 p{padding-top:20px;line-height:20px;}
.bu_kind .box2{margin-top:10px;background:#efefef;border-radius:20px;padding:10px;}
.bu_kind .box2 li{background:#fff;border-radius:15px;margin-top:10px;padding:15px;text-align:center;}
.bu_kind .box2 li:first-child{margin:0;}
.bu_kind .box2 li strong{display:block;font-size:20px;color:#1da013;}
.bu_kind .box2 li br{display:none;}
.bu_kind .box2 li:nth-child(2) strong{color:#f26522;}
.bu_kind .box2 li:nth-child(3) strong{color:#ec008c;}
.bu_kind .box2 li:nth-child(4) strong{color:#662d91;}





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


.bu_kind .box1 p br{display:none;}
    
}


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

.bu_kind{position:relative;}
.bu_kind .box1{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;width:250px;height:250px;padding-top: 43px;box-sizing:border-box;}
.bu_kind .box1 p br{display:block;}
.bu_kind .box2{margin:0;padding:20px;}
.bu_kind .box2 ul:after{display:block;content:"";clear:both}
.bu_kind .box2 li{float:left;width:calc(100% / 2 - 20px);box-sizing:border-box;margin:10px;padding: 60px 50px 50px 50px;min-height:145px;text-align: left;}
.bu_kind .box2 li:first-child{margin:10px;}
.bu_kind .box2 li br{display:block;}
.bu_kind .box2 li strong{font-size: 30px;}
.bu_kind .box2 li:nth-child(even) {text-align:right;}


    
}     

/*명절 민생종합안정대책*/ 
.holi_tit{background: linear-gradient(180deg, #d1eeff75, transparent);padding: 20px;}
.holi_tit .tit:before{content:"";display:block;width:300px;height: 273px;background:url("/upload_data/user_file/01_portal/sub1/holi_tit_bg.png")no-repeat right top;background-size:cover;margin: 0 auto 20px;}
.holi_tit .tit{text-align:center;margin:20px 0 30px 0;word-break:keep-all;}
.holi_tit .tit>span{display:block;font-size: 15px;color: #606060;}
.holi_tit .tit strong{display:block;font-size:26px;line-height:1.4em;margin-top:10px;color: #333;}
.holi_tit .tit strong span{font-size:34px;color:transparent;font-weight:800;background:linear-gradient(-90deg, #009688, #1063b5);background-clip:text;}
.holi_tit .txt{text-align:center;word-break:keep-all;margin-bottom:30px;padding-top:30px;border-top:1px solid #ddd;letter-spacing:-.5px;}
.holi_tit .txt strong{display:inline-block;font-size:18px;color: #1063b5;}
.holi_con h4{font-weight:800;margin: 40px 0 20px 0;font-size: 40px;}
.holi_con h4 span{color:#1063b5;}
.holi_con h4#holi_con2 span{color:#01948b;}
.holi_con .h_info2 h5{background:#01948b;}
.holi_con .h_info2 li em{background:#01948b;}
.holi_con h4#holi_con3 span{color:#e06f05;}
.holi_con .h_info3 h5{background:#e06f05;}
.holi_con .h_info3 li em{background:#e06f05;}
.holi_con h4#holi_con4 span{color:#673AB7;}
.holi_con .h_info4 h5{background:#673AB7;}
.holi_con .h_info4 li em{background:#673AB7;}
.holi_con h5{margin:0 0 20px 0;padding:10px 20px;background:#1063b5;border-radius:10px 10px 0 0;color:#fff;}
.holi_con .holi_info{margin-bottom: 100px;}   
.holi_con .holi_info>div{border:1px solid #ddd;border-radius:10px;margin-bottom:30px;}
.holi_con .holi_info>div>ul{padding:0 20px;}
.holi_list li{font-size:18px;font-weight:600;padding-left: 0;}
.holi_list li em{display:inline-block;width:18px;height:18px;line-height:18px;font-size:14px;background:#1063b5;text-align:center;color:#fff;border-radius:50%;margin: 4px 7px 0 0;}
.holi_list li:before{display:none;}
.holi_list li li{color:#333;font-weight:400;font-size:16px;}
.holi_list li table{font-size:initial;font-weight:initial;}
.holi_con h4#holi_con5 span{color:#cf2d2d;}
.holi_con .import_info h5{background:#cf2d2d;word-break:keep-all;}
.holi_con .import_info .over_table{margin-bottom:60px;}
.holi_con .import_info .point_bg{font-weight:700;}
.holi_con .import_info .basic_box2 img{width:100px;height:auto;margin:0 auto 20px;display:block;opacity: 53%;}
.holi_con .import_info .basic_box2 h6{text-align:center;font-size:20px;color:#222;}
.holi_con .import_info .basic_box2 h6 span{color:#cf2d2d;}
.holi_con .import_info .basic_box2 a{background:#444;border-radius:50px;}
.holi_con .h_info3 div:nth-child(1){border:none;}
.holi_con .h_info3 .car_info img{width:90%;max-width:280px;margin:0 auto 20px;opacity:65%;display:block;}
.holi_con .h_info3 .car_info h6{text-align:center;font-size:20px;color:#222;}
.holi_con .h_info3 .car_info h6 span{color:#e06f05;}
.holi_con .h_info3 .car_info .txt{text-align:center;letter-spacing:-.5px;font-size:15px;padding-top: 15px;margin-top: 15px;border-top: 1px dashed #ddd;}
.holi_con .h_info3 .car_info a{background:#444;border-radius:50px;}

.holi_tit2 {background: linear-gradient(180deg, #d7beb424, transparent);}
.holi_tit2 .tit:before {background: url(https://www.jeonbuk.go.kr/upload_data/user_file/01_portal/sub1/holi_tit_bg2.png) no-repeat right top;  background-size: contain;}
.holi_tit2 .tit strong span {background: linear-gradient(-90deg, #3299b6, #1063b5); color: transparent; font-weight: 800; background-clip: text;}

.holi_tit3{background:#e1ecfd;}
.holi_tit3 .tit img{max-width:100%;}
.holi_tit3 .tit:before{background: url(/upload_data/board_data/BBS_0000002/172947612951464.png) no-repeat right top;background-size: contain;}
.holi_tit3 .txt{font-weight:600;}

.holi_tit4{background:#f6f3ef;}
.holi_tit4 .tit:before{width: 100%;height: 150px;background: url(/upload_data/board_data/BBS_0000002/173742675185481.png) no-repeat center;background-size: contain;}
.holi_tit4 .txt strong{color:#f15a24;}

@media all and (min-width:768px) {
.holi_tit{position:relative;min-height:300px;margin-bottom: 20px;}
.holi_tit .tit:before{position:absolute;bottom:0;right:0;}
.holi_tit .tit{width: 52%;text-align:left;padding: 0 30px;margin: 30px 0 40px 0;}
.holi_tit .tit>span{font-size:19px;font-weight: 600;}
.holi_tit .tit strong{font-size: 38px;}
.holi_tit .tit strong span{font-size:50px;}
.holi_tit .txt{width:50%;padding:0 30px;border:none;text-align:left;}
.holi_tit .txt strong{font-size:20px;background: #1063b5;color: #fff;padding: 0 8px;}
.holi_con .import_info .basic_box2 h6{font-size:24px;}
.holi_con .h_info3 .car_info h6{font-size:24px;}
.holi_con .h_info3 .car_info .txt{font-size:17px;width: 57%;margin: 15px auto 20px;}

.holi_tit4 .tit{width:100%;text-align: center;padding: 0;}
.holi_tit4 .tit strong{font-size:42px;}
.holi_tit4 .txt{width:100%;padding: 0;text-align: center;}
}

@media all and (min-width:1023px) {
.holi_tit{min-height:400px;}
.holi_tit .tit{padding-left:60px;margin-top: 47px;}
.holi_tit .tit:before{width:450px;height: 400px;}
.holi_tit .tit>span{font-size:22px;}
.holi_tit .tit strong{font-size: 50px;}
.holi_tit .tit strong span{font-size:60px;}
.holi_tit .txt{padding: 0 0 0 60px;font-size: 24px;line-height: 1.5em;}
.holi_con h4{font-size:50px;}
.holi_con .import_info .basic_box2{position:relative;}
.holi_con .import_info .basic_box2 h6{font-size:30px;letter-spacing:-1px;}
.holi_con .import_info .basic_box2 h6 span{font-weight:800;}
.holi_con .import_info .basic_box2 img{position:absolute;width: 150px;top: 25px;right: 52px;}
.holi_con .h_info3 .car_info{position:relative;}
.holi_con .h_info3 .car_info h6{font-size:30px;letter-spacing:-1px;}
.holi_con .h_info3 .car_info img{position:absolute;bottom:20px;right:30px;}
.holi_con .h_info3 .car_info .txt{width:40%;margin-bottom:40px;}

.holi_tit2 .tit:before {width: 400px; height: 380px;}
.holi_tit3 .tit:before {right: 60px;bottom: 20px;width: 352px;height: 347px;}

.holi_tit4 .tit{margin: 40px 0 10px;padding: 0;}
.holi_tit4 .txt{padding:0;}
.holi_tit4 .txt strong{background: #2b4475;}
.holi_tit4 .tit:before{width:100%;background-position: center bottom;background-size: auto;}
}            

/*전북청년 함성패키지*/         
.jb_youth .tit{padding:0 0 10px 0;text-align:center;word-break:keep-all;background:linear-gradient(to bottom, #abb7ff, #fff);padding:20px;}
.jb_youth .tit02{background:linear-gradient(to bottom, #c3d8ff, #fff);}
.jb_youth .tit03{background:linear-gradient(to bottom, #86d9cf9c, #fff);}
.jb_youth .tit04{background:linear-gradient(to bottom, #a6bdf4c4, #fff);}
.jb_youth .tit:before{content:"";width: 250px;height: 29vh;display:block;background:url("/upload_data/user_file/01_portal/sub4/jbyouth00_tit.png")no-repeat;background-size:cover;margin: 0 auto 20px;}
.jb_youth .tit02:before{background:url("/upload_data/user_file/01_portal/sub4/jbyouth01_tit.png")no-repeat;height:290px;}
.jb_youth .tit03:before{background:url("/upload_data/user_file/01_portal/sub4/jbyouth02_tit.png")no-repeat;height:290px;}
.jb_youth .tit04:before{background:url("/upload_data/user_file/01_portal/sub4/jbyouth03_tit.png")no-repeat;height:290px;}
.jb_youth .tit h4{color:#3440c3;font-weight: 800;}
.jb_youth .tit02 h4{color:#3167d0;}
.jb_youth .tit03 h4{color:#00908c;}
.jb_youth .tit04 h4{color:#3a72ee;}
.jb_youth .tit>strong{font-size:22px;line-height:1.4em;margin:0 0 20px 0;display:block;color: #3e5594;}
.jb_youth .tit03>strong{color:#068e58;}
.jb_youth .tit .basic_p{font-size:18px;background:#fff;padding:20px;border-radius:15px;}
.jb_youth .info01{text-align:center;margin:20px 0;}
.jb_youth .info01 div{margin:0 0 20px 0;position:relative;border:1px solid #ddd;border-radius:15px;}
.jb_youth .info01 div img{width:100%;max-width:300px;margin-top:20px;}
.jb_youth .info01 div span{display:block;background: #3440c3;width:fit-content;padding: 2px 12px;color:#fff;border-radius:8px 0 8px 0;position:absolute;top:0;}
.jb_youth .info01 div strong{display:block;font-size:20px;padding:20px;word-break:keep-all;}
.jb_youth .info02 li{margin:10px 0;}
.jb_youth .info02 li strong{font-size:20px;color:#034694;}
.jb_youth .youth_tg{font-size:20px;font-weight:600;letter-spacing:-.5px;color:#034694;}

@media all and (min-width:768px) {
.jb_youth .tit{text-align:left;overflow:hidden;background: linear-gradient(to left, #abb7ffa6, #fff);}
.jb_youth .tit02{background: linear-gradient(to left, #c3d8ff, #fff);}
.jb_youth .tit03{background: linear-gradient(to left, #86d9cf9c, #fff);}
.jb_youth .tit04{background:linear-gradient(to left, #a6bdf4c4, #fff);}
.jb_youth .tit:before{float:right;}
.jb_youth .tit h4{font-size:38px;}
.jb_youth .tit .basic_p{width:55%;}
.jb_youth .info01{display:flex;flex-wrap:wrap;justify-content:space-between;}
.jb_youth .info01 div{width:31%;}
}

@media all and (min-width:1023px) {
.jb_youth .tit:before{width:300px;height: 292px;margin-right: 52px;}
.jb_youth .tit04:before{width:300px;height: 292px;margin-right: 10px;}
.jb_youth .tit h4{font-size: 44px;padding:20px;margin-top: 13px;}
.jb_youth .tit02 h4{margin-top: 6px;padding-bottom: 0;}
.jb_youth .tit03 h4{margin-top: 19px;padding-bottom: 0;}
.jb_youth .tit04 h4{margin-top: 0;padding-bottom: 0;}
.jb_youth .tit>strong{margin: 0 0 30px 20px;font-size: 24px;}
.jb_youth .tit .basic_p{font-size:20px;line-height:1.5em;padding: 30px;}
.jb_youth .tit02 .basic_p{width:50%;}
.jb_youth .tit04 .basic_p{width:62%;font-size:18px;margin-bottom: 28px;}
}    

/*전북포럼*/
.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;}
}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         

/*전북특별자치도 소개*/
.state_intro .top:before{content:"";display:block;width:300px;height:250px;background:url("/upload_data/user_file/01_portal/sub1/jbstate_bg.png")no-repeat;margin:0 auto 20px;background-size:contain;}
.state_intro .defin h5{background:#034694;display:inline-block;color:#fff;padding:0 10px;}
.state_intro .defin {border-top: 1px solid #034694;}
.state_intro h5 strong{box-shadow:inset 0 -12px #e4f1fe;font-weight:800;}
.state_intro.qna h5:before{content:"";display:block;width: 35px;height: 33px;float:left;background:url("/upload_data/user_file/01_portal/sub1/jbstate_qa.png")no-repeat;background-size:contain;}
.state_intro.qna h5 strong{box-shadow:inset 0 -12px #00e3c226;font-weight:800;}
.state_intro.qna .basic_box strong{color:#222;}

.state_con1{padding: 20px 0;}
.state_con1 h5{text-align:center;color:#000;font-size: 32px;word-break:keep-all;font-weight: 900;}
.state_con1 h5 em{color:#8fc31f}
.state_con1 h5 strong{color:#014594;box-shadow:none;}
.state_con1_1 p{background:url("/upload_data/user_file/01_portal/opening/con2_arr.png") no-repeat center 0;background-size:280px;color:#fff;font-size:24px;font-weight:500;text-align:center;padding:65px 0;margin:20px 0}
.state_con1_1 p strong{color:#014594}
.state_con1_1 ul{text-align:center;margin:20px auto}
.state_con1_1 li{display:inline-block;width:50%;border-radius:50px;color:#fff;font-size: 18px;font-weight:500;text-align:center;padding:30px;margin:0 -15px;box-sizing:border-box;word-break: keep-all;}
.state_con1_1 li:nth-child(1){background:rgba(130, 184, 15, .9)}
.state_con1_1 li:nth-child(2){background:rgb(254 89 15 / 85%)}
.state_con1_2 div{margin-bottom:20px;}
.state_con1_2 div:before{content:"+";display:block;width:50px;height:50px;background:#014594;color:#fff;font-size:36px;text-align:center;margin:0 auto 20px auto;border-radius:100%;line-height: 45px;}
.state_con1_2 h6{color:#014594;text-align:center;font-size: 26px;}
.state_con1_2 ul{position:relative}
.state_con1_2 ul:before{content:"";display:none;width:calc(100% - 25%);height:1px;background:#000;position:absolute;top:0;left:50%;transform:translate(-50%, 0);opacity:.3}
.state_con1_2 ul:after{content:"";display:block;clear:both}
.state_con1_2 li{padding: 14px 0 0 0;position:relative}
.state_con1_2 li:before{content:"";display:none;width:1px;height: 50px;background:#000;position:absolute;top:0;left:50%;transform:translate(-50%, 0);opacity:.3;z-index:-1}
.state_con1_2 li:after{content:"";display:none;width:10px;height:10px;background:#0081cc;border-radius:100%;position:absolute;top:25px;left:50%;transform:translate(-50%, 0)}
.state_con1_2 li span{display:block;background:#f3f5f8;border-radius: 10px;height: 60px;padding: 18px 0;margin:0 auto;font-weight:700;font-size:18px;text-align:center;box-sizing:border-box;word-break: keep-all;}
/* .state_con1_2 li span:before{content:"";display:block;width:70px;height:70px;background:url("/upload_data/user_file/01_portal/opening/ico_con2.png")no-repeat;margin: 0 auto;}
.state_con1_2 li:nth-child(1) span:before{background-position:center 0}
.state_con1_2 li:nth-child(2) span:before{background-position:center -70px}
.state_con1_2 li:nth-child(3) span:before{background-position:center -140px}
.state_con1_2 li:nth-child(4) span:before{background-position:center -210px} */

.state_con2 h5{text-align:center;color:#000;font-size:32px;word-break:keep-all;font-weight: 900;}
.state_con2 h5 strong{color:#014594;box-shadow:none;}
.state_con2_1 h6{color:#f26522;text-align:center;border-radius:100%;margin:30px 0 20px 0;font-size: 26px;}
.state_con2_1 ul>li{text-align:center}
.state_con2_1 ul>li strong{display:block;font-size:20px;color:#fff;font-weight:500;padding:10px 0;margin:0 auto;box-sizing:border-box}
.state_con2_1 ul>li:nth-child(1) strong{background:#008983}
.state_con2_1 ul>li:nth-child(2) strong{background:#181878}
.state_con2_1 ul>li:nth-child(3) strong{background:#0094b9}
.state_con2_1 ul>li:nth-child(4) strong{background:#3658b9}
.state_con2_1 ul>li:nth-child(5) strong{background:#0081cc}
.state_con2_1 ul>li strong:before{content:"";display:inline-block;width:40px;height:40px;background:url("/upload_data/user_file/01_portal/opening/ico_con4.png") no-repeat;vertical-align:middle;margin:0 10px 0 0}
.state_con2_1 ul>li:nth-child(1) strong:before{background-position:center 0}
.state_con2_1 ul>li:nth-child(2) strong:before{background-position:center -40px}
.state_con2_1 ul>li:nth-child(3) strong:before{background-position:center -80px}
.state_con2_1 ul>li:nth-child(4) strong:before{background-position:center -120px}
.state_con2_1 ul>li:nth-child(5) strong:before{background-position:center -160px}
.state_con2_1 ul ul{margin:10px 10px 30px 10px}
.state_con2_1 li li{position:relative;padding:0 0 0 20px;text-align:left;font-size:18px;margin:5px 0}
.state_con2_1 li li:before{content:"";display:block;width:15px;height:15px;position:absolute;top:3px;left:0;background:url("/upload_data/user_file/01_portal/opening/con4_check.png") no-repeat}
.state_con2_2 h6{background:url("/upload_data/user_file/01_portal/opening/con4_arr.png") no-repeat center 0;background-size:280px;color:#fff;text-align:center;padding: 20px 0;margin:0 0 10px 0}
.state_con2_2 li ul{width: 260px;margin: 10px auto 0;text-align:center}
.state_con2_2>ul>li{margin-bottom:20px;}
.state_con2_2 li strong{width: 260px;border:1px solid #0081cc;border-radius:50px;padding:20px 0;margin: 0 0;color:#0081cc;font-size:20px;text-align:center;display:inline-block;}
.state_con2_2 li li{position:relative;padding:0 0 0 20px;text-align:left;font-size:18px;margin:5px 0;font-size: 1em;}
.state_con2_2 li li:before{content:"";display:block;width:15px;height:15px;position:absolute;top:3px;left:0;background:url("/upload_data/user_file/01_portal/opening/con4_check.png") no-repeat}
@media all and (min-width:768px) {
.state_con1_1 p{background-size:auto}
.state_con1_1 ul{width: 95%;}
.state_con1_1 li{font-size: 27px;padding:30px 0;line-height: 1.1em;}
 .state_con1_2 ul{display:flex;}
.state_con1_2 ul:before{display:block}
.state_con1_2 li{flex-grow: 1;width: 25%;margin: 0 2px;}
.state_con1_2 li:before{display:block}
.state_con1_2 li:after{display:block}
.state_con1_2 li span{margin-top: 17px;padding: 20px 0 0 0;}

.state_con2_1{position:relative;margin: 70px auto 200px auto;width: 742px;}
.state_con2_1 h6{background: #f5f5f5;font-size:36px;width:320px;height:320px;padding: 130px 0 0 0;margin:0 auto;box-sizing:border-box}
.state_con2_1 ul>li strong{width:140px;height:140px;border-radius:100%;padding:30px 0 0 0;border-radius:100%}
.state_con2_1 ul>li:nth-child(1) strong{position:absolute;top:-50px;left:180px}
.state_con2_1 ul>li:nth-child(2) strong{position:absolute;top:-50px;right:180px}
.state_con2_1 ul>li:nth-child(3) strong{position:absolute;top:135px;left:120px}
.state_con2_1 ul>li:nth-child(4) strong{position:absolute;top:135px;right:120px}
.state_con2_1 ul>li:nth-child(5) strong{position:absolute;bottom: -70px;left:50%;transform:translate(-50%, 0)}
.state_con2_1 ul>li strong:before{display:block;margin:0 auto 10px auto}
.state_con2_1 ul>li:nth-child(1) ul{position:absolute;top:-30px;left:0}
.state_con2_1 ul>li:nth-child(2) ul{position:absolute;top: -39px;right: -80px;width: 239px;}
.state_con2_1 ul>li:nth-child(3) ul{position:absolute;top:270px;left:10px}
.state_con2_1 ul>li:nth-child(4) ul{position:absolute;top:270px;right:10px}
.state_con2_1 ul>li:nth-child(5) ul{position:absolute;bottom:-200px;left:50%;transform:translate(-50%, 0)}
.state_con2_2 h5{background-size:auto;padding:40px 0 50px 0}
.state_con2_2>ul{display: flex;justify-content: center;max-width: 800px;margin: 0 auto;gap: 0 10px;}
.state_con2_2>ul>li{width: 33%;}
.state_con2_2>ul>li strong{width: 99%;}
.state_con2_2 li ul{width:auto;margin: 10px 0 0 0;}
}
@media all and (min-width:1023px) {
.state_intro .top{overflow:hidden;}
.state_intro .top:before{margin:0;float:left;background-size: cover;width:380px;height:340px;}
.state_intro .defin{float:right;width: 60%;border: none;}
.state_intro .defin div{word-break:keep-all;}
.state_intro .defin p{padding-left:20px;border-left:1px solid #034694;}
.state_intro.qna .basic_box{font-size:18px;}
.state_con1{border:1px solid #ddd;margin:20px 0;}
.state_con1 h5{font-size:40px;margin:;}
.state_con1_2 ul{margin:0 auto;}
.state_con1_2 li span{font-size: 15px;}
.state_con2{padding:20px 0;border:1px solid #ddd;}
.state_con2 h5{font-size:40px;}
.state_con1_2{position: relative;display: flex;gap: 1%;margin: 0 40px;padding-top: 50px;}
.state_con1_2:before{content:"+";position: absolute;top: 0;left: 0;right: 0;display:block;width:50px;height:50px;background:#014594;color:#fff;font-size:36px;text-align:center;margin: 0 auto;border-radius:100%;line-height: 45px;}
.state_con1_2:after{content:'';position: absolute;top: 24px;left: 0;right: 0;margin: 0 auto;width: 487px;height:1px;background:#000;z-index: -1;}
 .state_con1_2 div{position: relative;width: 49.5%;padding-top: 30px;}
.state_con2_2 li ul{margin-left:18px;}
.state_con2_2{margin-bottom:40px;}
.state_con1_2 div:before{display:none;}
.state_con1_2 div:after{content:'';position: absolute;top: -26px;left: 0;right: 0;margin: 0 auto;display:block;width: 1px;height: 50px;background: #000;}
}                 

/*주요통계*/
.img_col{margin:10px 0 30px 0;}
.img_col div{text-align:center;}
.img_col img{width:100%;}  
@media all and (min-width:768px) {
.img_col{display:flex;justify-content:space-between;}
.img_col div{width:50%;}
}       

/*외국인정책*/
.f_visa .top{word-break:keep-all;color:#003b89;padding:40px 20px;background:linear-gradient(to top, #fff, #dff0ff);overflow:hidden;}      
.f_visa .top p{font-size:20px;letter-spacing:-1px;margin:0 0 20px 0;}
.f_visa .top h3{font-family:"Jalnan Gothic";font-weight:300;line-height:1.3em;font-size:30px;}
.f_visa .top h3 strong{font-weight:300;color:#1985df;}
.f_visa.visa01 .top h3:after{content:"";display:block;width:90%;max-width:387px;min-height:200px;background:url("/upload_data/user_file/01_portal/sub4/visa_e74_top.png")no-repeat center top;background-size:cover;margin:20px auto;}
.f_visa.visa02 .top h3:after{content:"";display:block;width:90%;max-width:387px;height:300px;background:url("/upload_data/user_file/01_portal/sub4/visa_f24r.png;")no-repeat center;background-size:contain;margin:20px auto}
.f_visa .basic_step3 li span{display:block;color:#333;font-size:16px;font-weight:500;line-height:1.2em;background:#f5f5f5;padding:10px;border-top:1px solid var(--color5);margin-top:5px;}
.f_visa .icon_visa li{margin-bottom:15px;overflow:hidden;border:1px solid #003b895c;padding:15px 15px 15px 50px;position:relative;box-sizing:border-box;}
.f_visa .icon_visa span{font-weight:300;display:block;color:#fff;position:absolute;padding:3px 8px;background:#003b89;top:0;left:0;border-radius:0 0 10px 0;}
.f_visa .icon_visa strong{color:#003b89;text-align:center;width:60px;float:left;}
.f_visa .icon_visa li strong:before{content:"";display:block;width:60px;height:60px;background:url("/upload_data/user_file/01_portal/sub4/visa_icon.png")no-repeat center top;background-size:cover;}
.f_visa .icon_visa p{float:right;width: calc(100% - 80px);letter-spacing:-.5px;word-break:keep-all;line-height: 1.3em;}
.f_visa .icon_visa li:nth-child(2) strong:before{background-position-y: -89px;}
.f_visa .icon_visa li:nth-child(3) strong:before{background-position-y: -184px;}
.f_visa .icon_visa li:nth-child(4) strong:before{background-position-y: -274px;}
.f_visa .icon_visa li:nth-child(5) strong:before{background-position-y: -369px;}
.f_visa .icon_visa li:nth-child(6) strong:before{background-position-y: -472px;}
.f_visa .icon_visa li:nth-child(7) strong:before{background-position-y: -575px;}
.f_visa .icon_visa li:nth-child(8) strong:before{background-position-y: -675px;}
@media all and (min-width:768px) {
 .f_visa .top p{font-size:24px;}
 .f_visa .top h3{font-size:32px;line-height:44px;}
 .f_visa .top h3 strong{font-size:39px;}
 .f_visa .top h3:after{float:right;}
 .f_visa .icon_visa{display:flex;flex-wrap:wrap;justify-content:space-between;}
 .f_visa .icon_visa li{width:49%;}
}
@media all and (min-width:1023px) {
.f_visa.visa02 .top p{margin-top:30px;}
.f_visa .top{position:relative;padding:45px 74px 0;min-height:300px;}
.f_visa .top p{width:280px;line-height:1.2em;}
.f_visa .top h3{width:calc(100% - 400px);}
.f_visa .top h3:after{position:absolute;top:0;right:50px;height:300px;}
.f_visa .icon_visa p{position:absolute;top:50%;transform:translateY(-50%);right:15px;width:calc(100% - 145px);}
}     

/*정책홍보아카이브*/
.timeline{overflow:hidden;}
.timeline .title img{width:100%;}   
.timeline .time_con .line{padding:0 0 60px 30px;position:relative;overflow:hidden;}
.timeline .time_con .line:before{content:"";display:block;width:1px;height:120%;border-left:1px solid #ddd;position:absolute;top:0;left:0;}
.timeline .time_con em{display:block; font-size:16px; margin:6px 0;}
.timeline .line h5{color:#888888a3;font-size:30px;letter-spacing:-.5px;}
.timeline .time_con img{width:100%;max-width:440px;border-radius:10px;}
.timeline .time_con ul li{margin-bottom:40px;position:relative;}
.timeline .time_con li strong{letter-spacing:-.5px;font-size:22px;font-weight:800;color:#222;word-break:keep-all;margin-bottom:10px;display:block;}
.timeline .time_con li strong a{letter-spacing:-.5px;font-size:22px;font-weight:800;color:#222;word-break:keep-all;margin-bottom:10px;display:block;text-decoration:none;}
.timeline .time_con li span{font-weight:600;color:#222;display:block;padding:0 8px;border:1px solid #333;width:fit-content;border-radius:5px;overflow:hidden;}
.timeline .time_con li .img{margin-top: 15px;/* overflow:hidden; */position:relative;margin-bottom:10px;width: fit-content;border-radius: 10px;}
.timeline .time_con li .img img:last-child{margin-bottom:0;}
.timeline .time_con li .img span{display:flex;position:absolute;top:0;border: none;color: #fff;padding: 15px;text-align:center;width:100%;background:#0000008a;height:100%;justify-content: center;font-size: 21px;align-items: center;box-sizing: border-box;word-break: keep-all;opacity:0;cursor: pointer;backdrop-filter: blur(3px); max-width:440px; right:0;}
.timeline .time_con li .img:hover span{opacity:1;}
.timeline .time_con li.txt{cursor:pointer;margin-bottom:15px;}
.timeline .time_con li.txt strong, .timeline .time_con li.txt strong a{font-size:18px;font-weight:400;color:#666;}
.timeline .time_con li.txt span{font-weight:400;font-size:15px;color:#666;padding:0 8px;border:1px solid #ddd;width:fit-content;border-radius:5px;overflow:hidden;}
.timeline .time_con li.txt:hover strong{color:#222;}
.timeline .time_con li.txt .img{height:0;transform:scale(0);transition:.8s all .5s ease-in-out;}
.timeline .time_con li.txt:hover .img{transform:scale(1);height:auto;}
.timeline .time_con li.txt>ul{margin: 10px 0 0 0;font-size:16px;word-break:keep-all;width: 100%;padding: 10px;background: #f5f5f5c9;border-radius: 5px;box-sizing: border-box;}
.timeline .time_con li.txt>ul>li{margin-bottom:10px;}
.timeline .time_con li.txt>ul>li:last-child{margin: 0;}
.timeline .time_con li.txt .txt_hover{display:none;}
.timeline .time_con li.txt:hover .txt_hover{display:block;}
.timeline .time_con li.big_txt{cursor:pointer;}
.timeline .time_con li.big_txt>ul{margin: 10px 0 0 0;font-size:16px;word-break:keep-all;width: 100%;padding: 10px;background: #f5f5f5c9;border-radius: 5px;box-sizing: border-box;}
.timeline .time_con li.big_txt>ul>li{margin-bottom:10px;}
.timeline .time_con li.big_txt>ul>li:last-child{margin-bottom:0;}
.timeline .time_con li.big_txt .txt_hover{display:none;}
.timeline .time_con li.big_txt:hover .txt_hover{display:block;}
.timeline .time_con .more{margin-top:20px;width: 100%;max-width: 440px;}
.timeline .time_con .more button{display:block;text-align:center;padding:15px;font-weight:600;border-top:1px solid #222;border-bottom:1px solid #ddd;background:#fff;width: 100%;}
.timeline .time_con .more>div{display:none;background:#f3f5f8;}
.timeline .time_con .more>div.hidden{display:none;}
.timeline .time_con .more>div.on{display:block;}
.timeline .time_con .more>div ul{padding:10px 15px;}
.timeline .time_con .more>div li{margin:10px;font-size:16px;word-break:keep-all;padding: 0;}
.timeline .time_con .more>div li:before{display:block;width:5px;height:5px;position: static;float:left;margin: 10px 8px 12px 0;}
.timeline .time_con .more .basic_table{min-width:auto;}
.timeline .time_con .more .basic_table th, .timeline .time_con .more .basic_table td{font-size:14px;padding:5px;}
@media all and (min-width:768px) {
.timeline .time_con .line{padding:0 0 30px 0;}
.timeline .time_con .line:before{left:50%;}
.timeline .line h5{text-align:right;width:47%;}
.timeline .time_con .line>ul>li{/* overflow:hidden; */width:47%;clear:both;display:flex;flex-wrap:wrap;justify-content:end;}
.timeline .time_con .line>ul>li strong{text-align:right;}
.timeline .time_con .line>ul>li span{float:right;}
.timeline .time_con .line>ul>li:nth-of-type(2n){float:right;justify-content:start;}
.timeline .time_con .line>ul>li:nth-of-type(2n) strong{text-align:left;}
.timeline .time_con .line>ul>li:nth-of-type(2n) span{left:0; right:auto;}
.timeline .time_con li.txt>ul{width:100%;padding:15px;}
.timeline .time_con li.txt:nth-of-type(2n)>ul li{text-align:left;}
.timeline .time_con li .img{text-align:right;}
.timeline .time_con li:nth-of-type(2n) .img{text-align:left;}
}          
@media all and (min-width:1023px) {
.timeline .line h5{font-size:36px;}
.timeline .time_con .line>ul>li{/* overflow: auto; */margin-bottom: 30px;}
.timeline .time_con .line>ul>li:before{content:"";display:block;width:3px;height:25px;position:absolute;right:-34px;top:0;background:#003b89;}
.timeline .time_con .line>ul>li:nth-of-type(2n):before{right:auto;left:-32px;}
.timeline .time_con .line>ul>li strong{font-size: 40px;line-height:1.2em;width: 100%;margin-top: 8px;}
.timeline .time_con li strong a{font-size:40px;line-height:1.2em;width: 100%;margin-top: 8px;margin-bottom: 0;}
.timeline .time_con li strong a:hover{text-decoration:underline;}
.timeline .time_con .line>ul>li>p:first-child>span{font-size:22px;border:none;padding:0;width:100%;text-align:right;}
.timeline .time_con .line>ul>li:nth-of-type(2n)>p:first-child span{text-align:left;}
.timeline .time_con .line>ul>li.txt>p:first-child{display:flex;/* flex-wrap:wrap; */justify-content: space-between;width: 100%;}
.timeline .time_con .line>ul>li.txt strong, .timeline .time_con .line>ul>li.txt strong a{font-size: 22px;line-height: 1.3em;width:fit-content;margin: 0 0 10px 0;}
.timeline .time_con .line>ul>li.txt:hover strong{font-weight:800;}
.timeline .time_con .line>ul>li.txt span{font-size:18px;width:fit-content;/* float: right; */}
.timeline .time_con .line>ul>li>p:first-child{display:flex;justify-content:space-between;flex-wrap: wrap-reverse;}
.timeline .time_con li .img span{font-size: 26px;line-height:1.3em;}

.timeline .time_con li .img.img_big img{transform: scale(1.0);transition: 0.5s;position: relative;/* overflow: auto; */}
.timeline .time_con li .img.img_big img:hover{ transform: scale(1.3) translateX(-10%); z-index:9; width:max-content;}
.timeline .time_con li:nth-of-type(odd) .img.img_big img:hover{transform: scale(1.3) translateX(10%)}
}

/*전북특별자치도 상징 240605*/
.symbol_meaning .symbol_logo{margin:0 0 30px 0;}
.symbol_meaning img{width:100%;}
.symbol_color li{padding:20px;color:#fff;}
.symbol_color li:before{display:none;}
.symbol_color li .tit{margin:0 0 20px 0;}
.symbol_color li .tit strong{font-size:26px;display:block;font-weight:500;}
.symbol_color li .tit span{color:#fff;font-weight:300;}
.symbol_color li.blue{background:#0b4596;}
.symbol_color li.green{background:#2bb673;}
.symbol_color li .info{font-size:14px;font-weight:300;line-height:1.4em;}
.symbol_color>p{margin:20px 0;}
.symbol_bg li{border:1px solid #e9e9e9;border-collapse:collapse;margin:0 0 20px 0;}
.symbol_bg li p{padding:20px;background:#0b4596;}
.symbol_bg li img{width:100%;}
.symbol_bg li span{display:block;text-align:center;padding:10px;color:#0b4596;background:#f5f5f5;font-size: 15px;}
.symbol_type>div{margin:0 0 20px 0;}
.symbol_type>div ul{border:1px solid #e9e9e9;}
.symbol_type li{padding:15px;}
.symbol_type li img{width:100%;}
.symbol_type .btn{margin:0 0 15px 0;}
.symbol_type .btn a{display:inline-block;border:1px solid #034694;background:#fff;color:#034694;padding:7px 15px;font-size:15px}
.symbol_type .btn a:after{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;background:url("/images/common/ico_con.png")no-repeat -60px 0;margin:0 0 0 3px}
.symbol_type .btn a:hover,.symbol_type .btn a:focus{background:#034694;color:#fff;text-decoration:none}
.symbol_type .btn a:hover:after,.symbol_type .btn a:focus:after{background-position:-40px 0}

.bslogan_meaning .symbol_logo img{width:100%;}
.slogan_color li{margin:0 0 20px 0;border:1px solid #e9e9e9;}
.slogan_color li>p{padding:20px;color:#fff;}
.slogan_color li:nth-child(1)>p{background:#d71629;}
.slogan_color li:nth-child(2)>p{background:#fdb812;}
.slogan_color li:nth-child(3)>p{background:#0089d1}
.slogan_color li:nth-child(4)>p{background:#8cc63e;}
.slogan_color li:nth-child(5)>p{background:#26237c;}
.slogan_color li>p strong{display:block;font-size:18px;}
.slogan_color li>p span{font-size:14px;font-weight:300;display:block;margin:15px 0 0 0;}
.slogan_color li>span{display:block;margin:8px;font-size:16px;}
.use_design li{border:1px solid #e9e9e9;margin:0 0 20px 0;}
.use_design li img{width:100%;padding:20px;box-sizing:border-box;}
.use_design li span{display:block;text-align:center;padding:10px;color:#0b4596;background:#f5f5f5;font-size: 16px;}

@media all and (min-width:768px) {
.symbol_meaning .symbol_logo{text-align:center;}
.symbol_meaning .symbol_logo img{width:auto;}
.symbol_meaning .tit{width:678px;margin:0 auto 20px;}
.symbol_meaning .tit img{width:auto;}
.symbol_color ul{display:flex;justify-content:center;}
.symbol_color img{width:100%;}
.symbol_bg ul{display:flex;justify-content:space-between;}
.symbol_bg li{width:49%;}
.symbol_bg li img{max-width:500px;}
.symbol_type>div{margin:0 0 40px 0;}
.symbol_type>div .tit{display:flex;justify-content:space-between;}
.symbol_type>div ul{display:flex;flex-wrap:wrap;justify-content: space-evenly;}
.symbol_type li{padding:30px 15px;text-align: center;}
.symbol_type li img{position:relative;top:50%;transform:translateY(-50%);}
.symbol_type .col2 li{width:48%;box-sizing: border-box;}
.symbol_type .col3 li{width:32%;box-sizing:border-box;}

.bslogan_meaning .symbol_logo img{max-width:700px;}
.slogan_color ul{display:flex;flex-wrap:wrap;justify-content:center;}
.slogan_color li{width:30%;margin:0 10px 20px;}
.slogan_color li>span{margin:10px 15px;line-height:1.5em;text-align:center;word-break:keep-all;}
.use_design ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.use_design li{width:31%;}
.use_design li>p{height:180px;overflow:hidden;}
.use_design li:nth-child(5) img, .use_design li:nth-child(6) img{padding:0;}
}
@media all and (min-width:1023px) {
.symbol_meaning .tit{padding: 30px;margin: 0 auto 40px;}
.symbol_color>p{border:1px solid #e9e9e9;box-sizing: border-box;padding: 20px;}
.symbol_color li{width:48%;}
.symbol_type li img{width:auto;}
.use_design li>p{height:260px;}
.use_design li img{position:relative;top:50%;transform:translateY(-50%);}
}     

/*한국어 교육기관*/
.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;}
}    



/*도청견학 예약하기 */
.img_box img{display:block; margin-bottom:20px; max-width:100%;}
@media all and (min-width:1023px) {
.img_box{display:flex;gap: 40px;}
.img_box img{max-width: 600px;margin-bottom: 0;}
.img_box  ul{margin-top:20px;}
}                 

.reser_step{margin:30px 0 0 0;overflow:hidden;}
.reser_step ol{border:1px solid #d6d6d6;overflow:hidden;}
.reser_step li{padding:15px;text-align:center;border-top:1px solid #ebebeb;box-sizing:border-box;position:relative;}
.reser_step li:first-child{border:none}
.reser_step li.on{background: #034694;color:#fff;}
.reser_step li *{vertical-align:middle}
.reser_step li em{font-style:normal;display:block;padding-top:5px;}
.reser_step li span{font-weight:500;font-size:12px;margin:0 10px 0 0;background: #f3f5f8;padding:3px 7px;color:#363636;border-radius:20px;}
.reser_step li.on span{background:#ffffff;}
.reser_step li.on strong{font-weight:500}  

@media all and (min-width:768px) {
.reser_step li{float:left;width:33.3333333%;border:none;position:relative;overflow:hidden;}
.reser_step li:before{content:"";display:block;position:absolute;top:50%;left:0px;width:1px;height:20px;background:#cecece;transform:translate(0,-50%);}
.reser_step .col2 li{width:50%}
.reser_step .col3 li,.reser_step .col5 li{width:33.333%}
.reser_step .col4 li{width:25%}
.reser_step li:first-child:before{display:none;}   
}                                                                                                                                                                                                                                                                                                                           
.olympics .o_bg{background:#0b4596; /*background: #151c4c url('/upload_data/board_data/BBS_0000002/173388245881375.gif') no-repeat;*/ padding: 40px 20px;text-align:center;}
.olympics .o_bg img{width: auto; max-width:100%;}
.olympics .o_intro .btn1{margin:20px 0;}
.olympics .o_intro .btn1 a{position: relative;display:block;margin: 10px 0;padding:16px 20px;text-align:left;font-size: 22px;font-weight: 600;color:#fff;border: 2px #fff solid;border-radius:5px;}
.olympics .o_intro .btn1 a:before{content:'';position: absolute;top: 19px;right: 20px;display:inline-block;width: 12px;height: 23px;background:url('/upload_data/board_data/BBS_0000002/173388367989307.png') no-repeat;background-position: -93px 0;}
.olympics .o_intro .video{margin-bottom: 20px; }
.olympics .o_intro .video video{display: block;width:100%;margin: 0 0 40px 0;}
.olympics .o_intro .video .txt{position: relative;padding: 80px 10px 20px;background: #083575;border-radius: 10px;color: #fff;}
.olympics .o_intro .video .txt div{overflow-y: scroll;height: 300px;padding: 0 10px;text-align:left;}
.olympics .o_intro .video .txt div::-webkit-scrollbar { width:5px; height:5px; } 
.olympics .o_intro .video .txt div::-webkit-scrollbar-track{border-radius:5px; background:#f4f4f4; } 
.olympics .o_intro .video .txt div::-webkit-scrollbar-thumb{background:#5669e8; border-radius:20px } 
.olympics .o_intro .video .txt h5{position: absolute;top: 15px;left: 20px;right: 40px;padding-bottom: 10px;margin-top:0;border-bottom: 1px #0b4596 solid;color: #fff;}
.olympics .o_intro .video .txt br{display:none;}
.olympics .o_intro .video .basic_btn a{display:block; padding:15px 10px;border: 1px #fff solid;border-radius: 5px;}
.olympics .o_intro .video .basic_btn a:hover{border-color:#4a4a4a;}
.olympics .o_event a{display:block; margin:20px 0;}


@media all and (min-width:768px) {
.olympics .o_bg{padding:60px 8%}
.olympics .o_intro .video{margin-bottom: 50px;}
.olympics .o_intro .video .txt div{height:250px;}
.olympics .o_intro .video .txt br{display:block;}
 .olympics .o_intro .video .basic_btn a{display:inline-block; padding:15px 30px;}
.olympics .o_event div{display:flex; gap:2%; justify-content:center;}
}
@media all and (min-width:1023px) {
.olympics .o_intro .btn1{display:flex;gap: 2%;margin: 60px 0 40px;flex-wrap: wrap;}
.olympics .o_intro .btn1 a{width: 43%;margin: 10px 0;padding: 24px 24px;font-size: 28px;}
.olympics .o_intro .btn1 a:before{top: 27px;width: 89px;background-position:0 0;background-size: contain;}
}
.olympics .vision h4{font-size: 130%;margin: 20px 0;}
.olympics .vision .v_box1{position: relative;margin-bottom: 100px;}
.olympics .vision .v_box1:before{content:'';position: absolute;left: 0;right: 0;bottom: -70px;display:block;width: 70px;height: 45px;margin: 0 auto;background:url('/upload_data/board_data/BBS_0000002/173396953450382.gif') no-repeat;}
.olympics .vision .v_box1 .tit{padding: 14px 0;margin: 0 auto 16px;text-align:center;border:1px #191d4c solid;color:#191d4c;font-weight: 600;font-size: 20px;}
.olympics .vision .v_box1 .v_box1_1 p:last-of-type{margin: 0 auto 16px;padding: 20px 10px;background: #014495;text-align: center;color: #fff;font-size: 17px;word-break: keep-all;}
.olympics .vision .v_box1 ul{margin:0 0 16px}
.olympics .vision .v_box1 .v_box1_2 ul li{position:relative;padding-left: 10px;word-break: keep-all;}
.olympics .vision .v_box1 .v_box1_2 ul li:before{content:'';position: absolute;top: 12px;left: 0;display:inline-block;width:4px;height:4px;background:#191d4c;border-radius:50%;}
.olympics .vision .v_box1 img{width:auto; max-width:100%;}

.olympics .vision .v_box2 .v_box2_1 ul li{margin: 10px 0;padding: 12px 0;background: #014495;color: #fff;text-align: center;}
.olympics .vision .v_box2 .v_box2_1 ul li:last-of-type{display:none;}
.olympics .vision .v_box2 .v_box2_2 {position:relative;}
.olympics .vision .v_box2 .v_box2_2 h5{margin: 0 0 12px 0;padding: 10px 0;border:1px #191d4c solid;color:#191d4c;font-weight: 600;text-align: center;font-size: 22px;}
.olympics .vision .v_box2 .v_box2_2 h6{box-sizing: border-box;position:absolute;top: 0;bottom: 0;width: 60px;padding: 20px 8px 0;margin: 0;border: 1px #191d4c solid;text-align: center;color: #191d4c;font-size: 18px;}
.olympics .vision .v_box2 .v_box2_2 div{position:relative;}
.olympics .vision .v_box2 .v_box2_2 div div{margin-left: 70px;}
.olympics .vision .v_box2 .v_box2_2 p{margin:0 0 10px 0; padding:10px 20px; background:#f4f4f4; font-weight:600; color:#000; word-break:keep-all;}
.olympics .vision .v_box2 .v_box2_2 ul{margin:0 0 10px 0;}
.olympics .vision .v_box2 .v_box2_2 ul li{position:relative;padding-left: 10px;word-break: keep-all;}
.olympics .vision .v_box2 .v_box2_2 ul li:before{content:'';position: absolute;top: 10px;left: 0;display:inline-block;width:4px;height:4px;background:#191d4c;border-radius:50%;}

.oly_table table td{text-align:left;}
.oly_table table td em{display:inline-block;vertical-align: middle;box-sizing:border-box;width: 28px;height: 28px;margin-right: 8px;padding-top:2px;border-radius:50%;text-align:center;border: 1px #191d4c solid;color: #191d4c;font-size: 15px;}

.olympics .vision .v_box3 ul{display:flex;flex-wrap:wrap;justify-content: center;}
.olympics .vision .v_box3 ul li{box-sizing:border-box;width: 240px;height: 240px;margin: 10px;padding: 66px 24px;text-align:center;word-break: keep-all;border-radius:50%;line-height: 1.3em;color: #fff;}
.olympics .vision .v_box3 ul li:nth-of-type(1){background: #014495;}
.olympics .vision .v_box3 ul li:nth-of-type(2){background: #004291;}
.olympics .vision .v_box3 ul li:nth-of-type(3){background: #003779;}
.olympics .vision .v_box3 ul li strong{display:block;margin-bottom: 10px;font-size: 30px;line-height: 34px;}

.olympics .vision .v_box4 ul{display:flex;gap: 1%;flex-wrap: wrap;justify-content: center;}
.olympics .vision .v_box4 ul li{box-sizing: border-box;border-radius:50%;text-align:center;color: #fff;font-size: 20px;word-break: keep-all;font-weight: 500;line-height: 1.2em;margin: 10px 0;}
.olympics .vision .v_box4 ul li:nth-of-type(1){width: 140px;height: 140px;padding: 28px 20px;background: #1e7eb5;}
.olympics .vision .v_box4 ul li:nth-of-type(2){width:200px;height:200px;padding: 60px 20px;background: #382588;}
.olympics .vision .v_box4 ul li:nth-of-type(3){width:160px;height:160px;padding: 58px 20px;background: #262d8b;}
.olympics .vision .v_box4 ul li:nth-of-type(4){width:180px;height:180px;padding: 63px 20px;background: #1f2462;}

.olympics .vision  .v_box5 ul li{padding: 8px 10px 20px;margin-bottom:20px;border-bottom:1px #e1e1e1 solid;word-break:keep-all;font-size: 18px;}
.olympics .vision  .v_box5 ul li strong{display:inline-block;margin-bottom: 7px;text-align: center;font-size: 20px;color: #191d4c;}

.olympics .vision .v_box6{margin-bottom:40px;}
.olympics .vision .v_box6 ul{position:relative;margin-bottom: 80px;}
.olympics .vision .v_box6 ul:before{content:'';position: absolute;bottom: -61px;right: 0;left: 0;display: block;width: 70px;height:50px;background;margin: 0 auto;background: url('/upload_data/board_data/BBS_0000002/173396953450382.gif') no-repeat;transform: rotate(180deg);}
.olympics .vision .v_box6 ul li{padding:20px;margin: 10px 0;background:#f4f4f4;text-align: center;color: #000;}
.olympics .vision .v_box6 p{padding: 20px 0;background:#191d4c;color: #fff;text-align: center; font-weight:500; font-size:20px;}
.olympics .vision .v_box6 p span{display:block; font-weight:400; font-size:14px;}


.olympics .vision .v_box7>ul>li:last-of-type{margin: 15px 0;padding: 0 0 0 55px;font-size: 24px;font-weight: 600;color: #191d4c;}
.olympics .vision .v_box7>ul>li:last-of-type:before{top: 0;width: 46px;height: 25px;background: url('/upload_data/board_data/BBS_0000002/173439566511944.gif') no-repeat;}


@media all and (min-width:768px) {
 .olympics .vision h4{font-size: 30px;margin: 20px 0;}
.olympics .vision .v_box1 div{display:flex;gap: 20px;margin: 20px 0;}
.olympics .vision .v_box1 .tit{width: 15%;margin:0;}
.olympics .vision .v_box1 .v_box1_1 .tit{padding-top: 18px;}
.olympics .vision .v_box1 .v_box1_1 p:last-of-type{width: 79%;margin:0;font-size: 20px;}
.olympics .vision .v_box1 .v_box1_2 .tit{padding-top: 25px;}
.olympics .vision .v_box1 .v_box1_2 ul{width: 80%;margin: 0;}
.olympics .vision .v_box1 .v_box1_3 .tit{padding-top: 36px;}
 

.olympics .vision .v_box2 .v_box2_1{display:block;margin: 0 0 20px 0;}
.olympics .vision .v_box2 .v_box2_1 ul{display:flex; justify-content:space-between;}
.olympics .vision .v_box2 .v_box2_1 ul li:nth-of-type(1){width: 160px;}
.olympics .vision .v_box2 .v_box2_1 ul li:nth-of-type(2){width: calc(100% - 192px);}
.olympics .vision .v_box2 .v_box2_1 ul li:last-of-type{display:block;}
.olympics .vision .v_box2 .v_box2_2{display:flex;gap: 30px;flex-wrap:wrap;}
.olympics .vision .v_box2 .v_box2_2 h5{width: 160px;padding: 240px 0 0 0;margin: 0;}
.olympics .vision .v_box2 .v_box2_2 h6{display:none;}
.olympics .vision .v_box2 .v_box2_2 div{width:calc(100% - 192px);}
.olympics .vision .v_box2 .v_box2_2 div div{margin: 0;width: auto;}
.olympics .vision .v_box2 .v_box2_2 ul:last-of-type{margin:0;}
 
.olympics .vision .v_box3{margin-bottom:40px;}
.olympics .vision .v_box3 ul{position:relative;}
.olympics .vision .v_box3 ul:before{content:'';position: absolute;top: 120px;width:100%;height:30px;background: #f4f4f4;border-radius: 20px;z-index: -1;}
 
.olympics .vision .v_box4{margin-bottom:40px}
.olympics .vision .v_box4 ul{justify-content:center;}
.olympics .vision .v_box4 ul li:nth-of-type(1){margin: 57px 0 0 0;}
.olympics .vision .v_box4 ul li:nth-of-type(2){margin:20px 0 0 0;}
.olympics .vision .v_box4 ul li:nth-of-type(3){}
.olympics .vision .v_box4 ul li:nth-of-type(4){margin: 50px 0 0 0;}

.olympics .vision .v_box5 ul li br{display:none;}
.olympics .vision .v_box5 ul li strong{margin-right:20px;}

.olympics .vision .v_box6 ul{display:flex; justify-content:space-between; gap:1%;}
.olympics .vision .v_box6 ul li{width:32.33%;}
}
@media all and (min-width:1023px) {

.olympics .vision .v_box2 .v_box2_1 ul li:nth-of-type(1){width: 502px;}
.olympics .vision .v_box2 .v_box2_1 ul li:nth-of-type(2){width: 529px;}
.olympics .vision .v_box2 .v_box2_2 h5{padding: 108px 0 0 0;}
.olympics .vision .v_box2 .v_box2_2 h5:last-of-type{padding: 145px 0 0 0;}
.olympics .vision .v_box2 .v_box2_2 div{display:flex;flex-wrap:wrap;align-items: center;}
.olympics .vision .v_box2 .v_box2_2 p{width: 270px;margin-right: 20px;}
.olympics .vision .v_box2 .v_box2_2 ul{width: calc(100% - 330px);}
.olympics .vision .v_box2 .v_box2_2 p:last-of-type{margin: 0 20px 0 0;}
}

.oly_tit div{background:#111d4f;}
.oly_tit div video{width:100%;margin-top: -18px;}
.oly_tit .txt{position: relative;padding: 80px 10px 20px;background: #070a1e;border-radius: 10px;color: #fff;}
.oly_tit .txt div{overflow-y: scroll;height: 300px;padding: 0 10px;text-align:left; background:none;}
.oly_tit .txt div::-webkit-scrollbar { width:5px; height:5px; } 
.oly_tit .txt div::-webkit-scrollbar-track{border-radius:5px; background:#f4f4f4; } 
.oly_tit .txt div::-webkit-scrollbar-thumb{background:#5669e8; border-radius:20px } 
.oly_tit .txt h5{position: absolute;top: 15px;left: 20px;right: 40px;padding-bottom: 10px;margin-top:0;border-bottom: 1px #151c4c solid;color: #fff;}
.oly_tit .txt br{display:none;}
@media all and (min-width:768px) {
.oly_tit div{padding:0 20px;}
.oly_tit .txt br{display:block;}
}
@media all and (min-width:1023px) {
.oly_tit div video{margin-top:-60px;}
.oly_tit div{padding:0 5% 60px;}
}
                     
/* 2025년 주요업무계획 */
.plan_2025{margin-bottom:10px; padding:20px; border:1px #e1e1e1 solid; border-radius:10px;}
.plan_2025 img{max-width:100%;}
.plan_2025 .basic_box,.plan_2025 .basic_box2{margin-bottom:0;}
.plan_2025 .basic_box2>div>ul>li{padding-left:24px;font-weight:600;color: #000;}
.plan_2025 .basic_box2>div>ul>li:before{width: 20px;height: 20px;top: 4px;background:url('/upload_data/board_data/BBS_0000002/173640668240165.png') no-repeat;}
.plan_2025 h4{font-size:1.2em; margin-top:20px; word-break:keep-all;}
.plan_2025 h5{margin-top:0;margin-bottom: 6px;}
.plan_2025 h6{margin-top:0;margin-bottom: 12px;}
.plan_img .big_img{border:none; padding:0;}

.plan_2025 .plan_con .mobile_none{display:none;}
@media all and (min-width:768px) {
.plan_2025 .plan_con .mobile_none{display:block;}
.plan_2025 .plan_con .pc_none{display:none;}
}
@media all and (min-width:1023px) {
.plan_2025{padding:30px;}


.plan_2025  table{min-width: 600px;}
.plan_2025  table td{padding: 10px;}

}


/* 정책홍보아카이브 > 민선 8기 730일간의 여정 */
.timeline2 .title img{width:100%;}
.timeline2 h5{position: relative;color: #333;font-size: 1.8em;letter-spacing:-.5px;word-break:keep-all;line-height: 1.2em;background: #fff;z-index: 9;}
.timeline2 h6{margin: 28px 0 6px;letter-spacing:-.5px;word-break:keep-all;font-size: 1.5em;}
.timeline2 .h6_txt{margin-bottom: 10px;color: #034694;}
.timeline2 .time_comment{margin: 10px 0;word-break:keep-all;color:#999;}
.timeline2 .time_comment br{display:none;}
.timeline2 .time_con .line{padding:0 0 60px 30px;position:relative;overflow:hidden;}
.timeline2 .time_con .line:before{content:"";display:block;width:1px;height:120%;border-left:1px solid #ddd;position:absolute;top:0;left:0;}
.timeline2 .time_con ul{margin-top: 40px;}
.timeline2 .time_con ul li{margin-bottom:40px;position:relative;}
.timeline2 .time_con ul li:before{content:"";display:block;width:3px;height:25px;position:absolute;top:0;left: -30px;background:#003b89;}
.timeline2 .time_con li .tit{max-width: 440px;letter-spacing:-.5px;font-size:22px;font-weight:800;color:#222;word-break:keep-all;margin-bottom: 6px;}
.timeline2 .time_con li .txt strong{letter-spacing:-.5px;font-size:22px;font-weight:800;color:#222;word-break:keep-all;margin-bottom: 6px;display:block;}
.timeline2 .time_con li .txt span{display:block; color:#999;}
.timeline2 .time_con li .txt2{max-width: 440px;margin-bottom: 6px;color:#999;line-height:1.4em;text-align:center;}
.timeline2 .time_con li .txt2 br{display:none;}
.timeline2 .time_con li .img{margin-bottom:10px;}
.timeline2 .time_con li .img img{position: relative;width:100%;max-width:440px;border-radius:10px;transform: scale(1.0);transition: 0.5s;}

@media all and (min-width:768px) {
.timeline2 .time_comment br{display:block;}
.timeline2 h5{font-size:2em;}
.timeline2 h6{margin:40px 0 6px;}
}
@media all and (min-width:1023px) {
.timeline2 h5{position:relative;padding-left: 110px;}
.timeline2 .tit_2022 h5:before{content:'2022';position: absolute;left: 15px;}
.timeline2 .tit_2023 h5:before{content:'2023';position: absolute;left: 15px;}
.timeline2 .tit_2024 h5:before{content:'2024';position: absolute;left: 15px;}
.timeline2 h5:after{content:'';position: absolute;left: 0;top: 8px;display:inline-block;width:4px;height: 25px;margin-right: 10px;background:#333333;vertical-align: baseline;}
.timeline2 h6:before{content:'';display:inline-block;width:4px;height: 25px;margin-right: 10px;background:#034694;vertical-align: middle;}

.timeline2 .time_con .left{justify-content: flex-end;width: 47%;text-align:right}
.timeline2 .time_con .right{justify-content: flex-start;width:47%;margin-left: 53%;}
.timeline2 .time_con .line{padding:0 0 30px 0;}
.timeline2 .time_con .line:before{left:50%;}
.timeline2 .time_con ul{margin-top:60px;}
.timeline2 .time_con li{display:flex; flex-wrap:wrap;}
.timeline2 .time_con li.left:before{left: auto;right:-34px;}
.timeline2 .time_con li.right:before{right: auto;left:-32px;}
.timeline2 .time_con li.left .txt2{margin:0 0 6px auto;width: 440px;}
.timeline2 .time_con li .img img:hover,
.timeline2 .time_con li .img img:active{transform:scale(1.5) translateX(10%); z-index:99;}
.timeline2 .time_con .line ul li.right .img img:hover,
.timeline2 .time_con .line ul li.right .img img:active{transform:scale(1.5) translateX(-10%);}
 .timeline2 .time_con li .txt2 br{display:block;}
}         

.oneyear .o_bg{background: #046252 url('/upload_data/board_data/BBS_0000002/173761874442106.jpg') no-repeat;padding: 40px 20px;text-align:center;}
.oneyear .o_bg img{width: auto; max-width:100%;}
.oneyear .o_intro .video{margin-bottom: 20px; }
.oneyear .o_intro .video video{display: block;width:100%;margin: 0 0 40px 0;}
@media all and (min-width:768px) {
.oneyear .o_bg{padding:60px 8%}
.oneyear .o_bg img{margin-bottom:40px;}
}
@media all and (min-width:1023px) {
.oneyear .o_bg{padding:80px 8%}
} 

.timeline3 .time_con .line{padding:0 0 60px 30px;position:relative;overflow:hidden;}
.timeline3 .time_con .line:before{content:"";display:block;width:1px;height:120%;border-left:1px solid #ddd;position:absolute;top:0;left:0;}
.timeline3 h5{position: relative;color: #333;font-size: 1.8em;letter-spacing:-.5px;word-break:keep-all;line-height: 1.2em;background: #fff;z-index: 9;}
.timeline3 h6{margin: 28px 0 6px;letter-spacing:-.5px;word-break:keep-all;font-size: 1.5em;}
.timeline3 .time_con ul{margin-top: 40px;}
.timeline3 .time_con ul li{margin-bottom:40px;position:relative;}
.timeline3 .time_con ul li:before{content:"";display:block;width:3px;height:25px;position:absolute;top:0;left: -30px;background:#003b89;}
.timeline3 .time_con li .tit{max-width: 440px;letter-spacing:-.5px;font-size:22px;font-weight:800;color:#222;word-break:keep-all;margin-bottom: 6px;line-height: 27px;}
.timeline3 .time_con li .txt{font-size:20px;margin-bottom: 20px;}
.timeline3 .time_con li .txt strong{font-size:22px;font-weight:800;color:#222;word-break:keep-all;margin-bottom: 6px;}
.timeline3 .time_con li .txt span{display:block; color:#999;}
.timeline3 .time_con li .img{margin-bottom:10px;}
.timeline3 .time_con li .img img{display: block;position: relative;width:100%;max-width:440px;border-radius:10px;transition: 0.5s;margin: 10px 0;transform: scale(1.0);}
.timeline3 .time_con li .img_hover{position:relative;display: flex;flex-direction: column;z-index: 0;overflow: hidden;}
.timeline3 .time_con li .img_hover span{display: none;position: absolute;top: 40%;left: 0;right: 0;bottom: 0;word-break:keep-all;padding: 0 44px;text-align:center;font-size:18px;box-sizing: border-box;color: #fff;font-size: 23px;line-height: 28px;font-weight: 600;z-index: 9;}
.timeline3 .time_con li .img_hover:after{content:'';display:none;position: absolute;top: 10px;left: 0;bottom: 10px;right: 0;background: rgba(0,0,0,0.5);backdrop-filter: blur(3px);z-index: 1;}
.timeline3 .time_con li .img:hover span{display:block; opacity:1; transition: 0.3s;}
.timeline3 .time_con li .img:hover:after{display:block;}

@media all and (min-width:768px) {
.timeline3 h5{font-size:2em;}
.timeline3 h6{margin:40px 0 6px;}
}
@media all and (min-width:1023px) {
.timeline3 h5{position:relative;width: 40%;padding-left:14px;}
.timeline3 h6{position:relative;width: 40%;padding-left:14px;}
.timeline3 h5:after{content:'';position: absolute;left: 0;top: 7px;display:inline-block;width:4px;height: 25px;margin-right: 10px;background:#333333;}
.timeline3 h6:after{content:'';position: absolute;left: 0;top: 7px;display:inline-block;width:4px;height: 25px;margin-right: 10px;background:#034694;}

.timeline3 .time_con .line{padding:0 0 30px 0;}
.timeline3 .time_con .line:before{left:50%;}
.timeline3 .time_con ul{margin-top: 40px;}
.timeline3 .time_con li{display:flex; flex-wrap:wrap;}
.timeline3 .time_con li.left{justify-content: flex-end;width: 47%;text-align:right}
.timeline3 .time_con li.right{justify-content: flex-start;width:47%;margin-left: 53%;}
.timeline3 .time_con li.left:before{left: auto;right:-34px;}
.timeline3 .time_con li.right:before{right: auto;left:-32px;}

.timeline3 .time_con li .img.b_img img:hover{ transform: translateX(-40%) scale(1.8); z-index:9;} 

}

.devel_step p{padding: 16px 0;border: 1px #e1e1e1 solid;font-size: 14px;color: #707070;}
.devel_step ul{padding: 16px 0;border: 1px #e1e1e1 solid;}
.devel_step ul li{font-size: 14px;color: #707070;}
@media all and (min-width:1023px) {
.devel_step>ol>li{width: calc(20% - 24px);}   
.devel_step>ol>li strong{padding: 20px 40px;height: 90px;box-sizing: border-box;}
 .devel_step>ol>li:nth-of-type(2) strong, .devel_step>ol>li:nth-of-type(3) strong, .devel_step>ol>li:nth-of-type(4) strong{padding: 32px 40px;}
.devel_step p{height:110px;box-sizing: border-box;padding: 30px 0;}
}

/* 하계올림픽 정책홍보아카이브 영문 추가 버전*/
.eng_timeline .title img{max-width:100%;}
.eng_timeline .line h5{font-size:40px; }
.eng_timeline .line>ul{position: relative;padding-left:30px;}
.eng_timeline .line>ul:before{content:'';position: absolute;top: 0;left: 10px;display: block;width:1px;height:100%;background:#e1e1e1;}
.eng_timeline .line>ul>li{position:relative; margin-bottom:20px;}
.eng_timeline .line>ul>li:before{content:'';position: absolute;left: -29px;top: 3px;display:block;width: 8px;height: 8px;background:#fff;border-radius:50%;border: 6px #e1e1e1 solid;}
.eng_timeline .line .img{position:relative;width: fit-content;margin-bottom: 20px;transition:0.3s}
.eng_timeline .line .img img{display: inline-block;width: 240px;height: 170px;margin-bottom: 10px;border-radius: 20px;}
.eng_timeline .line .img span{display: flex;position:absolute;top:0;left: 0;border: none;color: #fff;padding: 15px;text-align:center;width:100%;background:#0000008a;height:100%; font-size: 21px;align-items: center;box-sizing: border-box;justify-content: center;word-break: keep-all;opacity:0;cursor: pointer;backdrop-filter: blur(3px);max-width:440px;right:0;}
.eng_timeline .line .img:hover span{opacity:1;}
.eng_timeline .line .tit{margin-bottom:10px;}
.eng_timeline .line .tit span{display:block; margin-bottom:6px; font-weight:600; color:#999}
.eng_timeline .line .tit a{display:block;}
.eng_timeline .line .tit strong{display:block;margin: 0 0 10px;font-size:20px;word-break: keep-all;color: #000;}
.eng_timeline .line .txt_hover1{display: none;transform: scaleY(0.0);background:#f8f8f8f8; margin-bottom:10px; padding:20px;border-radius:10px;transition: 0.5s ease; word-break: keep-all; font-size:15px}
.eng_timeline .line .tit .txt1:hover .txt_hover1{display:block; animation: scale-up-ver-top 0.4s ease both;}
.eng_timeline .line .txt_hover2{display: none;transform: scaleY(0.0);background:#f8f8f8f8; margin-bottom:10px; padding:20px;border-radius:10px;transition: 0.5s ease; word-break: keep-all; font-size:15px}
.eng_timeline .line .tit .txt2:hover .txt_hover2{display:block; animation: scale-up-ver-top 0.4s ease both;}
.eng_timeline .line .tit a:hover{text-decoration:none;}
@keyframes scale-up-ver-top {
0% {transform: scaleY(0.0); transform-origin: 100% 0%;}
100% {transform: scaleY(1); transform-origin: 100% 0%;}
}

@media all and (min-width:1023px) {
.eng_timeline .line>ul{margin-top: 40px;padding-left:50px;}
.eng_timeline .line>ul>li{/* display:flex; *//* gap: 0 40px; */margin-bottom: 70px;transition: 0.5s ease;scroll-behavior: smooth;}
.eng_timeline .line>ul>li:before{left:-50px;}
.eng_timeline .line .img{align-self:flex-start;}
.eng_timeline .line .img img{width:400px; height:240px;}
.eng_timeline .line .img:hover{transform:scale(1.3) translateX(-3%);}
.eng_timeline .line div{margin-top:14px;}
.eng_timeline .line .tit span{font-size: 20px;}
.eng_timeline .line .tit strong{font-size: 24px;line-height: 1.1em;}
.eng_timeline .line .txt_hover{align-self:flex-start}


}
        


/* 유치로드맵 */
.roadmap .tit{box-sizing: border-box;display:block;padding: 40px 30px;margin-bottom: 40px;background:url('/upload_data/board_data/BBS_0000002/174278958772189.gif') no-repeat;}
.roadmap .tit p{color:#fff;font-size: 16px;font-weight: 600;}
.roadmap .tit p span{display:block; font-weight:400}
.roadmap .tit h4{color:#fff;margin: 10px 0 0;word-break: keep-all;font-size: 2.5em;}
.roadmap .tit h4 strong{display:block;}
.roadmap  h5{width: 140px;padding: 10px 0;margin: 0 auto 20px;text-align:center;background: #034694;color: #fff;border-radius: 20px 20px 10px 0;}
.roadmap .road_con1{margin-bottom:40px;}
.roadmap .road_con1 ul li{text-align:center;}
.roadmap .road_con1 ul li .txt1{display:inline-block;padding: 5px 20px;margin: 0 0 10px;color:#fff;background: #034694;border-radius: 30px;text-align: center;}
.roadmap .road_con1 ul li .txt2{box-sizing: border-box; width: 190px;height: 190px;padding: 60px 0; margin: 0 auto 10px;border: 10px #f3f3f3 solid;border-radius:50%;text-align: center; background: #fff;}
.roadmap .road_con1 ul li .txt2 span{display:block;font-weight:700;font-size:20px;color: #111;}
.roadmap .road_con1 ul li .txt2 em{display:block; font-size:15px; word-break:keep-all;}
.roadmap .road_con1 ul li:last-of-type .txt2{border-color: #d4e8ff;}
.roadmap .road_con1 ul li:last-of-type .txt2 span{color:#034674;}

.roadmap .road_con2{margin-bottom:40px;}
.roadmap .road_con2 ul li{text-align:center;}
.roadmap .road_con2 ul li .txt1{display:inline-block;margin: 0 0 10px; font-size:24px; color:#034694; text-align: center;}
.roadmap .road_con2 ul li .txt2{box-sizing: border-box;width: 170px;height: 170px;padding: 53px 0 0;margin: 0 auto 10px;border: 10px #e9edf3 solid;border-radius:50%;text-align: center;background: #fff;}
.roadmap .road_con2 ul li .txt2 span{display:block;font-weight:700;font-size:20px;color: #111;}
.roadmap .road_con2 ul li .txt2 em{display:block; font-size:15px; word-break:keep-all;}
.roadmap .road_con2 ul li:nth-of-type(3) .txt2{padding: 40px 0 0;}
.roadmap .road_con2 ul li:nth-of-type(3) .txt2 i{font-style:normal;font-size:15px;letter-spacing: -1px;}
.roadmap .road_con2 ul li:nth-of-type(4) .txt2:last-child{padding: 34px 0 0;word-break: keep-all;}
.roadmap .road_con2 ul li:nth-of-type(4) .txt2:last-child span{font-size: 18px;letter-spacing: -1px;}

.roadmap .road_con3{margin-bottom:40px;}
.roadmap .road_con3 ul li{text-align:center;margin: 0 0 20px 0;}
.roadmap .road_con3 ul li .txt1{display:inline-block;margin: 0 0 10px; font-size:24px; color:#034694; text-align: center;}
.roadmap .road_con3 ul li .txt2{box-sizing: border-box;width: 160px;height: 160px;padding: 51px 0 0;margin: 0 auto 6px;border: 10px #e9edf3 solid;border-radius:50%;text-align: center;background: #fff;}
.roadmap .road_con3 ul li .txt2 span{display:block;font-weight:700;font-size:20px;color: #111;}
.roadmap .road_con3 ul li .txt2 em{display:block; font-size:15px; word-break:keep-all;}
.roadmap .road_con3 ul li .txt3{font-size:15px;font-weight:600;line-height: 20px;margin-bottom: 13px;}
.roadmap .road_con3 ul li .txt4{border:1px #034694 dashed;color:#034694;border-radius:20px;line-height: 18px;padding: 10px 0;font-weight: 600;}

@media all and (min-width:768px) {
.roadmap .road_con1 ul{position: relative;left: 0;right: 0;display:flex;gap: 0 20px;justify-content:center;} 
.roadmap .road_con1 ul:after{content:'';position: absolute;top: 14%;display:block;width:100%;height: 180px;background: url('/upload_data/board_data/BBS_0000002/174279336774849.png') no-repeat right center;background-size: cover;z-index: -1;}

.roadmap .road_con2 ul{display:flex; flex-wrap:wrap; gap:0 10px;}
.roadmap .road_con2 ul li div{display:flex; gap:0 10px; position:relative;}
.roadmap .road_con2 ul li div:after{content:'';position: absolute;top: 2px;left: 165px;display:block;width:100%;height: 180px;background: url('/upload_data/board_data/BBS_0000002/174279336774849.png') no-repeat right center;background-size: cover;z-index: -1;}

.roadmap .road_con3 ul{display:flex;flex-wrap:wrap;}
.roadmap .road_con3 ul li{flex-grow:1;}
.roadmap  h5{margin:0 0 40px;}


}

@media all and (min-width:1023px) {
.roadmap .tit p{font-size:20px;}
.roadmap .tit p span{display:inline-block;}
.roadmap .tit h4{font-size:4em;}
.roadmap .tit h4 strong{color: #00ffff;}
.roadmap>.road_con1 ul{gap:0 40px;justify-content: flex-start;padding-left: 30px;}
.roadmap>.road_con1 ul:after{top: 75px;left: 0;}
.roadmap .road_con1 ul li .txt2{width:240px;height:240px;padding: 90px 0;}
.roadmap .road_con1 ul li .txt2 span{font-size:26px;}

.roadmap .road_con2 ul{position:relative;padding-left: 20px;}
.roadmap .road_con2 ul:after{content:'';position: absolute;top: 28px;left: -12px;display:block;width:100%;height: 180px;background: url('/upload_data/board_data/BBS_0000002/174279336774849.png') no-repeat right center;z-index: -1;}
.roadmap .road_con2 ul li div:after{display:none;}

.roadmap .road_con3 ul{position:relative;padding: 0 152px 0 20px;}
.roadmap .road_con3 ul:after{content:'';position: absolute;top: 28px;left: -12px;display:block;width:100%;height: 180px;background: url('/upload_data/board_data/BBS_0000002/174279336774849.png') no-repeat right center;z-index: -1;}

}           


/* 자주 찾는 민원사무 서식 */
.qr_code ul{display:flex; display:flex;flex-wrap:wrap;gap: 20px 4%;}
.qr_code ul li{width:100%; padding:30px 0; text-align:center; border:1px #e1e1e1 solid; border-radius:10px;}
.qr_code img{display:block;max-width: 129px;margin:0 auto 10px;}
.qr_code span{font-weight:600;}
.qr_code .basic_btn{margin-bottom:0;}
.qr_code .tell{padding: 20px 20px 20px 80px;margin-bottom:20px;border-radius:10px;background: #f3f5f8 url('/upload_data/board_data/BBS_0000002/174675187788373.jpg') no-repeat center left 20px;word-break:keep-all;font-weight: 600;}

@media all and (min-width:768px) {
.qr_code ul{}
.qr_code ul li{width:46%;}
.qr_code li>span{display: block;}
}
@media all and (min-width:1023px) {
.qr_code ul li{width:30.33%;}
}
   

/* 민원대기현황 */
.waitingstate{padding:30px;background: #f3f5f8;}
.waitingstate .time{margin-bottom:20px;}
.waitingstate .time .time_info{margin-bottom:20px;}
.waitingstate .time .time_info p{color:#666;font-size:15px;}
.waitingstate .time .time_info p:first-child{margin-bottom: 6px;border-bottom:1px #e1e1e1 solid;}
.waitingstate .time .time_info p span{display: inline-block;margin-right: 10px;}
.waitingstate .time .time_info p strong{font-size:20px; color:#111;}
.waitingstate .time a{display:inline-block;padding: 4px 20px 4px 36px;font-size:15px;border:1px #111 solid;border-radius:30px;background: url('/upload_data/board_data/BBS_0000002/174701225171242.png') no-repeat center left 15px;}
.waitingstate .box_wrap{display:flex; flex-direction:column; gap:20px 0;}
.waitingstate .box_wrap .box{padding: 20px;background:#fff;border-radius: 10px;}
.waitingstate .box_wrap .box .box_num{display: block;width: 100px;margin-bottom: 50px;padding: 6px 0;background: #034694;color:#fff;border-radius:30px;font-size:15px;text-align: center;}
.waitingstate .box_wrap .box .tit{margin-bottom: 40px;font-size:24px;font-weight:800;word-break:keep-all;line-height: 1.3em;}   
.waitingstate .box_wrap .box .num{margin-bottom:30px;font-size: 30px;font-weight:900;color:#111;}
.waitingstate .box_wrap .box .num span{display:block;margin-bottom: 4px;font-weight:400;font-size:16px;color:#999;}
.waitingstate .box_wrap .box .wait_num{padding-top:30px; border-top:1px #e1e1e1 solid;}
.waitingstate .box_wrap .box .wait_num span{display:inline-block;margin-right:6px;color:#999;vertical-align: middle;}
.waitingstate .box_wrap .box .wait_num strong{display:inline-block;padding: 2px 20px;border-radius:40px;border:1px #034694 solid;color:#034694;vertical-align: middle;}
@media all and (min-width:768px) {
.waitingstate .time{display:flex;justify-content:space-between;margin-bottom: 30px;}
.waitingstate .time .time_info{margin-bottom:0;}
.waitingstate .time a{align-self: flex-start;}
.waitingstate .box_wrap{flex-direction:row;flex-wrap:wrap;gap: 20px 1%;justify-content: space-between;}
.waitingstate .box_wrap .box{width: 42%;}
.waitingstate .box_wrap .box .tit{height: 65px;}
}     
@media all and (min-width:1023px) {
.waitingstate .box_wrap .box{width: 28%;padding: 30px 20px;}
}      
/*저출산대응대책*/
.action{padding: 0 20px 20px;background: #f9f9f9;}
.action h4{background: #29baad;padding: 10px 20px;margin-bottom: 26px;border-radius: 0 0 20px 20px;line-height: normal;}
.action h4 img{width: auto;max-width:100%;}
.action h5{margin-top:0;}
.action .a_container p{font-size:24px;font-weight:600;margin-bottom: 30px;}
.action .a_container p:before{content:'';display:inline-block;width: 43px;height: 43px;margin-bottom: -14px;margin-right:10px;background:url('/upload_data/board_data/BBS_0000002/174850401808507.png') no-repeat;}
.action .a_container1 p{color:#313d79;}
.action .a_container1 p:before{background-position: 0 50%;}
.action .a_container2 p{color:#23877d;}
.action .a_container2 p:before{background-position: -73px 50%;}
.action .a_container3 p{color:#1e753c;}
.action .a_container3 p:before{background-position: -147px 50%;}
.action .a_container4 p{color:#57761a;}
.action .a_container4 p:before{background-position: -207px 50%;}
.action .a_con.a_con1 h5{font-size: 30px;color: #313d79;}
.action .a_con.a_con2 h5{font-size: 30px;color: #27628b;}
.action .a_con.a_con3 h5{font-size: 30px;color: #23877d;}
.action .a_con.a_con4 h5{font-size: 30px;color: #1e753c;}
.action .a_con.a_con5 h5{font-size: 30px;color: #57761a;}
.action .a_con ul li{margin-bottom: 20px;word-break:keep-all; font-size:15px; }
.action .a_con ul li strong{display:block;padding: 10px;text-align: center;background: #034694;color: #fff;}
.action .a_con.a_con1 li strong{background:#7b87c3;}
.action .a_con.a_con2 li strong{background:#7ba5c3;}
.action .a_con.a_con3 li strong{background:#7bc3bc;}
.action .a_con.a_con4 li strong{background:#7bc394;}
.action .a_con.a_con5 li strong{background:#97c243;}
.action .a_con ul ul{padding:20px;background: #fff;}
.action .a_con ul li li{position: relative;padding-left: 13px;margin-bottom: 0;}
.action .a_con ul li li:before{content:'';display:block;position: absolute;top: 9px;left: 0;width:6px;height:6px;border-radius:10px;background: #c3c3c3;}
@media all and (min-width:768px) {
.action{display:flex; flex-wrap:wrap; gap: 20px 6%;}
.action .a_container1>div{display:flex;flex-wrap:wrap;gap: 20px 6%;}
.action .a_container2,.action .a_container3{flex-basis:47%;}
.action .a_con{flex-basis: 47%;flex-grow:1;}
.action .a_con.a_con5 ul{display:flex;flex-wrap:wrap;gap: 0 20px;}
.action .a_con.a_con5 ul li{flex-grow:1; flex-basis:48%;}
}    
@media all and (min-width:1023px) {
.action{gap: 30px 1%;padding: 0 8% 8%;justify-content: space-between;}
.action .a_container>div{padding: 40px;}
.action .a_container1>div{border: 2px #708fd5 solid;background: #f4f7fd;}
.action .a_container2>div{border: 2px #15b5a5 solid;background: #ebf5f4;}
.action .a_container3>div{border: 2px #7bc394 solid;background: #f1f3f2;}
.action .a_container4>div{border: 2px #a4bf70 solid;background: #f9fbf5;}
.action .a_container1 .a_con{flex-basis:45%;}
}   

/*  완주전주 상생발전방안 */
.place_join{display:flex;flex-wrap: wrap;gap: 20px 0;flex-direction: column;background: #e2f2ea;padding: 0 20px 20px;}
.place_join .box{padding:20px; background:#fff; border-radius:10px;}
.place_join .box .video video{width:100%;}
.place_join .box .video .txt{position: relative;padding: 20px;background: #f4f4f4;}
.place_join .box .video .txt p{padding-bottom: 10px;margin-bottom: 10px;font-size:18px;font-weight: 600;border-bottom:1px #d6d6d6 solid;}
.place_join .box .video .txt div{overflow-y: scroll;height: 220px;text-align:left;}
.place_join .box ul{margin: 0;}
.place_join .p_con{padding: 20px;background:#fff;border-radius:10px;}
.place_join .p_con .tit h4:before{position: absolute;left: 0;display: block;width:40px;height:40px;border-radius: 50%;background: #efefef;color: #3f3f3f;text-align: center;font-size: 26px;line-height: 40px;}
.place_join .p_con:nth-of-type(3) .tit h4:before{content:'1';}
.place_join .p_con:nth-of-type(4) .tit h4:before{content:'2';}
.place_join .p_con:nth-of-type(5) .tit h4:before{content:'3';}
.place_join .p_con:nth-of-type(6) .tit h4:before{content:'4';}
.place_join .p_con:nth-of-type(7) .tit h4:before{content:'5';}
.place_join .p_con:nth-of-type(8) .tit h4:before{content:'6';}
.place_join .p_con:nth-of-type(9) .tit h4:before{content:'7';}
.place_join .p_con:nth-of-type(10) .tit h4:before{content:'8';}
.place_join .p_con:nth-of-type(11) .tit h4:before{content:'9';}
.place_join .p_con:nth-of-type(12) .tit h4:before{content:'10';}
.place_join .p_con:nth-of-type(13) .tit h4:before{content:'11';}
.place_join .p_con:nth-of-type(14) .tit h4:before{content:'12';}
.place_join .tit{margin-bottom: 27px;}
.place_join .tit h4{position: relative;padding-left: 51px;font-size:1.5em;margin-bottom: 10px;}
.place_join .tit p{color:#29b3ae; word-break:keep-all; font-weight:600;}
.place_join .con ul li{position: relative;margin-bottom: 14px;padding-left:40px;word-break: keep-all;line-height: 20px;}
.place_join .con ul li em{position:absolute;top: -3px;left: 0;display: block;width: 26px;height: 26px;border-radius: 50%;background: #239393;color: #fff;text-align: center;box-sizing: border-box;line-height: 26px;font-size: 14px;}
.place_join .big_img{padding:0; border:none;}
@media all and (min-width:768px) {
.place_join .tit h4{font-size:1.8em; }
}
@media all and (min-width:1280px) {
.place_join{padding: 0 60px 60px;gap:40px 0;}
.place_join .box{padding: 40px;}
.place_join .box ul{width: 420px;margin:0 auto;}
.place_join .box ul li{font-size: 18px;}
.place_join .p_con{padding:40px;}
.place_join .p_con .flex{display:flex;gap: 40px;}
}                       

.join_qa h5{margin-bottom: 20px;padding:10px 30px;background: #f0f9f5; color:#0f663f;}
.join_qa .basic_tab ul,
.join_qa .basic_box ul{padding:0; border:none;}
.join_qa ul{padding:10px 30px; border:1px solid #f0f9f5;}
.join_qa ul li{word-break:keep-all;}
.join_qa .basic_ul li:before{ background:#0f663f;}      
.join_qa .tit{margin-bottom:40px; font-size:28px; font-weight:700; text-align:center; word-break:keep-all; color:#0f663f;}