@charset "utf-8";

/** layout **/
.main.wrap{background:none;}

.main #wrap_header{position:absolute;}
.main #container{min-height:inherit}
.main #container:before,.main #container:after{display:none;}
.main .contents{display:block;width:100% !important;max-width:inherit}
.main #txt{padding-top:0;border-top-width:0;}

/** common effect **/
[class*="wrap_row"] h3,
.slide_traveling li a:hover i img,
.video_thum li a:hover i img,
.traveling_cont a,.traveling_cont a i:after,.video_cont a,.video_cont a i:after,.life_cont li a:hover,.investing_cont a,.investing_cont a i:after,
.mayor_cont a,.mayor_cont i:after{transition:all 0.5s ease-in-out;}

/** button style arrow **/
.traveling_cont a,.investing_cont a,.mayor_cont a,.video_cont a{padding:2rem 4rem;text-align:center;border-radius:35px}
.traveling_cont a i,.life_cont li a i,.investing_cont a i,.mayor_cont a i,.video_cont a i{padding-right:4.5rem;}
.traveling_cont a i:after,
.video_cont a i:after,
.life_cont li a:hover i:after,
.investing_cont a i:after,
.mayor_cont a i:after{content:'';display:block;position:absolute;top:0;right:0;width:31px;height:100%;transform:scaleX(-1);background-repeat:no-repeat;background-position:0 50%;}

.traveling_cont a:hover i:after,
.video_cont a:hover i:after,
.investing_cont a:hover i:after,
.mayor_cont a:hover i:after{right:-10px;}

/** common content **/
[class*="wrap_row"]{overflow:hidden;background:#ececec;}
[class*="wrap_row"] h3{color:#060606;font-size:4.2rem;font-weight:800;letter-spacing:-1px}
[class*="wrap_row"] > div{display:flex;flex-wrap:wrap;position:relative;width:100%;max-width:1400px;margin:0 auto;}
[class*="wrap_row"] > div a{display:inline-block;position:relative;font-size:2.1rem;}
[class*="wrap_row"] > div a i{position:relative;}

[class*="wrap_row"].bg_white{background:#fff;}
[class*="wrap_row"].bg_w_green{background:#f7f9f5;}

[class*="wrap_row"] .f_name_myeongjo{padding-top:15px;padding-bottom:40px;}

.wrap_row_full > div{max-width:1920px}

.bd_more{position:absolute !important;top:5px;right:0;width:24px;height:24px;font-size:0;vertical-align:top;text-indent:-9999px;border-radius:100%;}
.bd_more i{display:block;}
.bd_more i:before,.bd_more i:after{content:'';display:block;position:absolute;top:calc(50% - 12px);left:calc(50% - 1px);width:2px;height:24px;background:#666;}
.bd_more i:before{transform:rotate(90deg)}
.bd_more:hover{-webkit-animation:round 2s ease;animation:round 2s ease}
.bd_more:hover i:before,.bd_more:hover i:after{background:#02682c;}

/** slide common style **/
.slide_wrap{position:relative;}
.slide_wrap .bx-wrapper,.slide_wrap .bx-viewport,.slide_wrap ul,.slide_wrap li,.slide_wrap li a{height:100% !important;}
.slide_wrap .bx-viewport{z-index:88;}
.slide_wrap .bx-wrapper img{display:block;width:100%;}
.slide_wrap .bx-wrapper li{position:relative !important;}

/** slide common  style 컨트롤버튼 **/
.slide_wrap .bx-controls [class*="bx-controls"] a[class*="bx-"]{display:inline-block;width:40px;height:21px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-position:0 50%}
.slide_wrap .bx-controls [class*="bx-controls"] a[class*="bx-"].active{display:none}
.slide_wrap .bx-controls [class*="bx-controls"] div{display:inline-block}

.slide_wrap .bx-controls,.slide_wrap .bx-controls-direction{display:flex}
.slide_wrap .bx-controls{position:absolute;left:13.8%;height:30px;z-index:99}
.slide_wrap .bx-controls-direction{justify-content:space-between;position:absolute;top:4px;width:100px;}
.slide_wrap .bx-start,.slide_wrap .bx-stop{position:absolute;top:4px;left:50px;transform:translateX(-50%);background-position-x:50% !important;}
.slide_wrap .bx-prev,.slide_wrap .bx-next{background-image:url(/images/english/bullet/bul_arr06.png)}
.slide_wrap .bx-next{transform:scaleX(-1)}
.slide_wrap .bx-start{background-image:url(/images/english/main/slide_play.png)}
.slide_wrap .bx-stop{background-image:url(/images/english/main/slide_stop.png)}

.slide_wrap .bx-pager{position:absolute;z-index:2}
.slide_wrap .bx-default-pager{left:120px;width:50px;color:#fff;font-size:1.65rem;font-weight:300;text-align:center}
.slide_wrap .bx-default-pager:first-letter{font-weight:bold;}

/** 01-visual **/
.slide_visual{width:100%;z-index:1;}
.slide_visual:before{content:'';display:block;position:relative;height:0;padding-top:32.813%;}
.slide_visual .bx-wrapper{position:absolute;top:0;width:100%;}
.slide_visual li > a{overflow:hidden;display:block;}

.slide_visual .bx-controls{bottom:26%;}
.slide_visual .bx-prev,.slide_visual .bx-next{background-image:url(/images/english/bullet/bul_arr05.png)}

.slide_wrap .bx-wrapper img.visual_mo{display:none !important;}

/** 02-Daejeon Statistics **/
.wrap_stats,.stats_cont,.stats_cont ul,.stats_cont li{display:flex;}
.wrap_stats{align-items:center;position:relative;bottom:0;width:100%;height:125px;margin-top:-125px;z-index:2;}
.wrap_stats:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);}
.stats_cont{justify-content:space-between;align-items:center;position:relative;width:1400px;margin:0 auto;padding:10px 0;}
.stats_cont h3{width:25.5rem;padding-right:6rem;color:#fff;font-size:2.4rem !important;font-weight:500;}
.stats_cont h3 i{display:block;line-height:22px;color:#fff3a2;font-size:1.8rem;}
.stats_cont h3 br{display:none;}
.stats_cont ul{justify-content:flex-end;width:calc(100% - 255px);}
.stats_cont li{flex-direction:column;justify-content:center;position:relative;padding:0 65px 0 100px;color:#fff;font-size:1.8rem;}
.stats_cont li:last-child{padding-right:0;}
.stats_cont li:before,.stats_cont li:after{content:'';display:block;position:absolute;}
.stats_cont li:before{left:10px;width:65px;height:46px;background-repeat:no-repeat;background-position:100% 50%;}
.stats_cont li:after{top:10%;left:-10px;width:1px;height:80%;background:#fff;}
.stats_cont li i{line-height:22px;}
.stats_cont li b{display:block;margin-top:5px;font-size:2.4rem;}

.stats_cont li:nth-child(1):before{background-image:url(/images/english/main/stats_ic01.png);}
.stats_cont li:nth-child(2):before{background-image:url(/images/english/main/stats_ic02.png);}
.stats_cont li:nth-child(3):before{background-image:url(/images/english/main/stats_ic03.png);}

.stats_cont li:nth-child(1):after{display:none;}

/** 03-Traveling to Daejeon **/
.wrap_traveling{position:relative;padding:60px 0;}
.traveling_cont{width:540px;padding-right:50px;}
.traveling_cont a{width:32.5rem;color:#111;background:#fff; border:1px solid #111}
.traveling_cont a i:after{background-image:url(/images/english/bullet/bul_arr08.png);}

.traveling_cont a:hover{color:#fff;border-color:#128842;background:#128842;}
.traveling_cont a:hover i:after{background-image:url(/images/english/bullet/bul_arr05.png);}

.slide_traveling{width:calc(100% - 540px);height:335px;}
.slide_traveling li{width:420px !important;margin-right:20px !important;}
.slide_traveling li a i{overflow:hidden;display:block;}

.slide_traveling li a span{display:block;padding-top:15px;color:#000;font-weight:bold;}
.slide_traveling li a:hover i:after{content:'';display:block;position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:2;}
.slide_traveling li a:hover i img{transform:scale(1.1)}

.slide_traveling .bx-wrapper{height:calc(100% - 70px) !important;}
.slide_traveling .bx-controls{top:inherit;bottom:0;left:0;width:100%;}

.slide_traveling .bx-controls-direction{top:-10px;right:0;width:80px;}
.slide_traveling .bx-default-pager{bottom:0;width:100%;height:3px;background:#dbdbdb;}
.slide_traveling .slide_progress{overflow:hidden;display:block;position:absolute;bottom:0;width:100%;height:3px;background:#dbdbdb;}
.slide_traveling .slide_progress span{display:block;position:absolute;left:0;width:auto;height:3px;margin-right:-15px;border-top:3px solid #5a5a5a;transition:all 0.75s ease-in-out;background:#5a5a5a;}

/** Video in Daejeon **/
.wrap_video{position:relative; padding:60px 0;}
.video_cont{width:540px; padding-right:50px;}
.video_cont a{width:32.5rem;color:#111;background:#f7f9f5; border:1px solid #111}
.video_cont a i:after{background-image:url(/images/english/bullet/bul_arr08.png);}

.video_cont a:hover{color:#fff;border-color:#128842;background:#128842;}
.video_cont a:hover i:after{background-image:url(/images/english/bullet/bul_arr05.png);}

.video_thum{width:calc(100% - 540px); height:265px;}
.video_thum li{width:420px; margin-right:20px; float:left;}
.video_thum li:last-child{margin-right:0;}
.video_thum li a{display:block;}
.video_thum li a i{overflow:hidden; display:block; height:219px;}
.video_thum li a img{ display:block; width:100%;}

.video_thum li a span{display:block; padding-top:15px; color:#000; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.video_thum li a:hover i:after{content:''; display:block; position:absolute; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); z-index:2;}
.video_thum li a:hover i img{transform:scale(1.1)}

.video_thum li.no_data{width:100%; text-align:center; line-height:265px;}


/** Life-Investing in Daejeon common **/
.wrap_life > div:before,.wrap_investing > div:before{content:'';display:block;position:relative;height:0;}
.wrap_life .life_cont,.wrap_investing .investing_cont{display:flex;justify-content:center;flex-direction:column;position:absolute;left:0;height:100%;}

/** 04-Life in Daejeon **/
.wrap_life > div:before{left:45.2%;width:54.8%;padding-top:42.7%;background:url(/images/english/main/wrap_bg_life.png) no-repeat 100% 0;background-size:100%;}
.life_cont li{padding:2px 0;}
.life_cont li a{display:flex;align-items:center;height:38px;color:#060606;font-weight:500;}
.life_cont li a i:before{content:'';display:block;position:absolute;bottom:-2px;left:0;width:calc(100% - 45px);height:1px;background:#060606;}

.life_cont li a:hover{color:#008530;font-size:2.4rem;}
.life_cont li a:hover i:before{display:none;}
.life_cont li a:hover i:after{background-image:url(/images/english/bullet/bul_arr07.png);}

/** 05-Investing in Daejeon **/
.wrap_investing{background:url(/images/english/main/wrap_bg_investing.png) no-repeat 50% 0;}
.wrap_investing > div:before{padding-top:39%;}
.investing_cont h3,.investing_cont p,.investing_cont a{color:#fff;}
.investing_cont p{line-height:34px;font-weight:500;}
.investing_cont ul{display:flex;flex-wrap:wrap;}
.investing_cont a{margin:5px 10px 0 0;border:1px solid #fff;}
.investing_cont a i:after{background-image:url(/images/english/bullet/bul_arr05.png);}

.investing_cont a:hover{border-color:#128842;background:#128842;}

/** 06-International cooperation **/
.wrap_international{padding:100px 0;background:#f4f4f4 url(/images/english/main/wrap_bg_international.png) no-repeat 50% 100%;}
.wrap_international > div{flex-direction:column;padding-top:20px;}
.wrap_international > div h3{position:absolute;top:0;left:0;}

/** 06-International tab view **/
.tab_view > ul,.tab_view > ul > li .tab_tit,.tab_view > ul > li .tab_tit a,.tab_view > ul > li div ul li{position:relative}
.tab_view > ul > li .tab_tit a,.tab_view > ul > li .tab_tit a:before,.tab_view > ul > li div ul li i,.tab_view > ul > li.on div{display:block}
.tab_view > ul{display:flex;min-height:270px;height:100%;padding-left:540px;}
.tab_view > ul > li{margin:0 20px;}
.tab_view > ul > li .tab_tit{display:block;min-width:60px;margin-bottom:55px;z-index:2}
.tab_view > ul > li .tab_tit a{padding:0 0 8px;color:#747474;font-size:2.1rem;font-weight:400;text-align:center}
.tab_view > ul > li .tab_tit a:hover,.tab_view > ul > li .tab_tit a:active,.tab_view > ul > li .tab_tit a:focus{color:#000}
.tab_view > ul > li div{display:none;position:absolute;left:0;width:100%;height:calc(100% - 85px);z-index:1}

.tab_view > ul > li.on .tab_tit:before{content:'';position:absolute;bottom:0;left:-10px;width:calc(100% + 20px);height:4px;background:#02682c}
.tab_view > ul > li.on .tab_tit a{color:#000;font-weight:600}

/** 06-Internationa tab more **/
.tab_view .bd_more{top:-90px;right:-105px;}

/** 06-Internationa slide **/
[class*='slide_nation']{width:calc(100% - 210px) !important;margin:0 105px;}
[class*='slide_nation'] li{width:auto !important;margin-right:55px}
[class*='slide_nation'] li a,[class*='slide_nation'] li a em{display:flex;flex-direction:column;}
[class*='slide_nation'] li a{align-items:center}
[class*='slide_nation'] li a span{overflow:hidden;position:relative;max-width:149px}
[class*='slide_nation'] li a span img{border:1px solid #575757;}
[class*='slide_nation'] li a em *{text-align:center;}
[class*='slide_nation'] li a em b{padding-top:20px;color:#191919;font-size:1.8rem;letter-spacing:-1px;}
[class*='slide_nation'] li a em i{color:#777;font-size:1.6rem;}

[class*='slide_nation'] li a:hover span:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);}

[class*='slide_nation'] .bx-wrapper img{max-width:147px;margin:0 auto}
[class*='slide_nation'] .bx-controls{top:calc(100% - 130px);left:-105px;width:calc(100% + 210px);height:0;}
[class*='slide_nation'] .bx-controls [class*="bx-controls"] a[class*="bx-"]{width:64px;height:64px;border:1px solid #383838;border-radius:50%;background-image:url(/images/english/bullet/bul_arr08.png);background-position-x:50%;}
[class*='slide_nation'] .bx-controls [class*="bx-controls"] a[class*="bx-"]:hover{background-color:#383838;background-image:url(/images/english/bullet/bul_arr05.png);}
[class*='slide_nation'] .bx-controls-direction{display:flex !important;width:100%;}

/** 07-KOREA.net + Mayor of Daejeon **/
.wrap_new_mayor{padding:115px 0 75px;background:#fff;}
.wrap_new_mayor > div{justify-content:space-between;}

.newsbox_cont{min-width:700px;height:190px;padding:10px 0 0;}
.newsbox_cont iframe{min-width:650px;width:100%;height:100%;border:0}

.mayor_cont{flex:1;position:relative;padding-bottom:50px;padding-left:80px;}
.mayor_cont:before{content:'';display:block;position:absolute;right:0;bottom:0;width:280px;height:282px;background:url(/images/english/main/bg_mayor_cont.png) no-repeat 0 100%;background-size:contain;}
.mayor_cont a{width:23rem;color:#111;border:1px solid #111;background:#fff;}
.mayor_cont a i:after{background-image:url(/images/english/bullet/bul_arr08.png);}

.mayor_cont a:hover{color:#fff;border-color:#128842;background:#128842;}
.mayor_cont a:hover i:after{background-image:url(/images/english/bullet/bul_arr05.png);}

/** 08-Related Sites **/
.site_cont{justify-content:space-between;padding:70px 0;}
.site_cont h3{width:300px;margin-right:50px;}
.site_cont ul{overflow:hidden;display:flex;flex-wrap:wrap;width:calc(100% - 350px);max-width:950px;margin:-20px 0 0 -20px;}
.site_cont li{width:calc(100%/3 - 20.1px);margin-top:20px;margin-left:20px;}
.site_cont li a{border:3px solid #fff;}
.site_cont li a i{vertical-align:top;}
.site_cont li a img{width:100%;max-width:100%;height:100%;vertical-align:top;}
.site_cont li a:hover{border-color:#128842;}

/** 1580px 시작 **/
@media screen and (max-width:1580px){
	/** common content **/
	[class*="wrap_row"] > div,.stats_cont{width:calc(100% - 60px);max-width:inherit}
	[class*="wrap_row"] .f_name_myeongjo{padding-top:10px;padding-bottom:30px;}

	.wrap_row_full > div{width:100%;}

	/** 02-Daejeon Statistics **/
	.wrap_stats{height:11rem;margin-top:-11rem;}

	/** Video in Daejeon **/
	.video_thum li{width:calc(50% - 10px);}
	.video_thum li a{width:100%;}
	.video_thum li a img{height:100%;}

	/** 03-Traveling to Daejeon **/
	.slide_traveling .bx-viewport:before{content:'';position:absolute;top:0;right:0;display:block;width:96px;height:100%;background:url(/images/english/main/slide_opacity.png) no-repeat 100% 0;z-index:2;}
	
	/** 04-Life in Daejeon **/
	.wrap_life > div:before{left:calc(100% - 54.8% + 60px)}

	/** 07-KOREA.net + Mayor of Daejeon **/
	.wrap_new_mayor{padding:95px 0 55px;}	

	.newsbox_cont{width:calc(100% - 580px);}

	.mayor_cont{flex:auto;width:580px;}
	.mayor_cont:before{width:200px;}
}
/** 1580px 끝 **/

/** 1380px 시작 **/
@media screen and (max-width:1380px){
	/** 01-visual **/
	.slide_visual .bx-controls{bottom:28%;}

	/** 02-Daejeon Statistics **/
	.stats_cont li{padding:0 55px 0 90px;}

	/** 07-KOREA.net + Mayor of Daejeon **/
	.newsbox_cont{min-width:inherit;width:670px;}

	.mayor_cont{width:calc(100% - 670px);}
}
/** 1380px 끝 **/

/** 1250px 시작 **/
@media screen and (max-width:1250px){
	/** common **/
	html{font-size:8.5px;}

	/** header **/
	#header .gnb > ul > li > a{font-size:2.1rem;}
	#header .gnb .depth2 li a{font-size:1.95rem;}
	#header .gnb .depth2 .depth3 li a{font-size:1.75rem;}

	/** 01-visual **/
	.slide_visual:before{display:none;}
	.slide_visual .bx-wrapper{position:relative;}
	.slide_wrap .bx-default-pager{font-size:2.2rem;}

	/** 02-Daejeon Statistics **/
	.wrap_stats{height:9.5rem;margin-top:-9.5rem;}
	.stats_cont h3{width:21rem;padding-right:2rem;}
	.stats_cont ul{width:calc(100% - 210px);}
	.stats_cont li{padding-right:40px;}
	.stats_cont li i{line-height:19px;}

	/** Video in Daejeon **/
	.wrap_video{padding:40px 0;}
	.video_cont{width:400px;}

	.video_thum{width:calc(100% - 400px); height:200px;}
	.video_thum li a i{height:146px;}

	/** 03-Traveling to Daejeon **/
	.wrap_traveling{padding:40px 0;}
	.traveling_cont{width:400px;}

	.slide_traveling{width:calc(100% - 400px);height:285px;}
	.slide_traveling li{width:280px !important;}

	/** 07-KOREA.net + Mayor of Daejeon **/
	.wrap_new_mayor{padding-top:55px;padding-bottom:40px;}

	.newsbox_cont,.newsbox_cont iframe{min-width:inherit;}
	.newsbox_cont{width:calc(100% - 400px);}

	.mayor_cont{width:400px;padding-bottom:0;padding-left:60px;}
	.mayor_cont:before{bottom:40px;width:140px;height:170px;}
	.mayor_cont h3{line-height:36px;font-size:3.2rem;}
	.mayor_cont p{padding-right:160px;}
	.mayor_cont a{margin-top:0;width:100%;}

	/** 08-Related Sites **/
	.site_cont{flex-direction:column;padding:50px 0;}
	.site_cont h3{width:100%;margin-bottom:10px;padding-right:0;}
	.site_cont ul{width:calc(100% + 20px);max-width:inherit}
	.site_cont li a{width:100%;}
}
/** 1250px 끝 **/

/** 1180px 시작 **/
@media screen and (max-width:1180px){

	/** 06-International cooperation **/
	.wrap_international{padding:70px 0;}

	/** 07-KOREA.net + Mayor of Daejeon **/
	.wrap_new_mayor{padding:55px 0;}
}
/** 1180px 끝 **/

/** 1004px 시작 **/
@media screen and (max-width:1004px){
	/** common **/
	html{font-size:8px;}

	/** layout **/
	.main #wrap_header{position:relative;background:#333842;}

	/** common content **/
	[class*="wrap_row"] .f_name_myeongjo{padding-bottom:20px;}

	/** 01-visual **/
	.slide_visual .bx-controls{bottom:30px;}

	/** 02-Daejeon Statistics **/
	.wrap_stats{position:relative;height:auto;margin-top:0;padding-bottom:15px;}
	.wrap_stats:before{display:none;}
	.stats_cont{align-items:flex-start;flex-direction:column;}
	.stats_cont h3{width:100%;padding:10px 0 5px;color:#000;font-size:4.2rem !important;font-weight:800;}
	.stats_cont h3 i{display:inline-block;margin-left:10px;padding:5px 15px;color:#fff;font-size:2.1rem !important;vertical-align:middle;border-radius:15px;background:#228f4e;}
	.stats_cont ul{overflow:hidden;justify-content:flex-start;flex-wrap:wrap;width:calc(100% + 15px);margin-left:-15px;}
	.stats_cont li{float:left;width:calc(100%/3 - 15.1px);margin-top:10px;margin-left:15px;padding:10px 15px;border-radius:3px;background:#fff;}
	.stats_cont li:before{right:10px;left:inherit;}
	.stats_cont li:after{display:none;}
	.stats_cont li i{padding-right:15px;line-height:19px;color:#444;font-size:2.1rem;}
	.stats_cont li b{color:#228f4e;}

	.stats_cont li:nth-child(1):before{background-image:url(/images/english/main/stats_ic01_gray.png);}
	.stats_cont li:nth-child(2):before{background-image:url(/images/english/main/stats_ic02_gray.png);}
	.stats_cont li:nth-child(3):before{background-image:url(/images/english/main/stats_ic03_gray.png);}

	/** Video in Daejeon **/
	.video_cont,.video_thum{width:100%;}
	.video_cont{padding-right:0;}

	.video_thum{margin-top:25px; height:265px;}
	.video_thum li a i{height:210px;}

	/** 03-Traveling to Daejeon **/
	.traveling_cont,.slide_traveling{width:100%;}
	.traveling_cont{padding-right:0;}

	.slide_traveling{height:285px;margin-top:25px;}
	.slide_traveling li{width:280px !important;}

	/** 06-International tab view **/
	.tab_view > ul{justify-content:center;min-height:250px;padding-top:15px;padding-left:0;}
	.tab_view > ul > li .tab_tit{margin-bottom:35px;}

	/** 06-Internationa tab more **/
	.tab_view .bd_more{top:-60px;}

	/** Life-Investing in Daejeon common **/
	.wrap_life > div,.wrap_investing > div{align-items:center;}
	.wrap_life > div:before, .wrap_investing > div:before{position:absolute;}
	.wrap_life .life_cont,.wrap_investing .investing_cont{position:relative;width:100%;padding:30px 0;}

	/** 04-Life in Daejeon **/
	.wrap_life > div:before{top:0;width:490px;height:100%;padding-top:0;}

	/** 06-International cooperation **/
	.wrap_international{padding:30px 0 50px;}
	.wrap_international > div{flex-direction:column;padding-top:20px;}
	.wrap_international > div h3{position:relative;top:0;left:0;}

	/** 07-KOREA.net + Mayor of Daejeon **/
	.mayor_cont:before{bottom:35px;width:140px;height:160px;}
	.mayor_cont h3{font-size:3rem;}
	.mayor_cont p{margin-bottom:20px;}
}
/** 1004px 끝 **/

/** 812px 시작 **/
@media screen and (max-width:812px){
	/** common content **/
	[class*="wrap_row"] h3{font-size:3.4rem !important;}

	/** 07-KOREA.net + Mayor of Daejeon **/
	.wrap_new_mayor{padding:35px 0;}
	.wrap_new_mayor > div{flex-direction:column;}
	.newsbox_cont,.mayor_cont{width:100%;}

	.mayor_cont{overflow:hidden;margin-top:45px;padding:45px;border-radius:5px;background:#f4f4f4;}
	.mayor_cont:before{right:-10px;;bottom:0;width:230px;height:232px;}
	.mayor_cont p{padding-right:0;}
	.mayor_cont a{width:auto;}
}
/** 812px 끝 **/

/** 767px 시작 **/
@media screen and (max-width:767px){
	/** 02-Daejeon Statistics **/
	.stats_cont ul,.stats_cont li{width:100%;margin-left:0;}
	.stats_cont li{padding:15px;}

	/** Video in Daejeon **/
	.video_thum{height:190px;}
	.video_thum li a i{height:150px;}

	/** 08-Related Sites **/
	.site_cont li{width:calc(100%/2 - 20.1px);}
}
/** 767px 끝 **/

/** 640px 시작 **/
@media screen and (max-width:640px){
	/** common content **/
	[class*="wrap_row"] h3{font-size:3.2rem !important;line-height:3.5rem;}
	[class*="wrap_row"] .f_name_myeongjo{padding-bottom:10px;}

	/** button style arrow **/
	.traveling_cont a,.video_cont a,.investing_cont a,.mayor_cont a{width:100% !important;margin-right:0;text-align:left;border-radius:5px}
	.traveling_cont a i,.video_cont a i,.life_cont li a i,.investing_cont a i,.mayor_cont a i{display:inline-block;max-width:100%;padding-right:5rem;}

	/** 01-visual **/
	.slide_visual .bx-wrapper img{height:calc(100vh/2 - 50px)}
	.slide_visual .bx-controls{bottom:20px;}
	.slide_visual .bx-controls-direction{display:none;}
	.slide_visual .bx-start, .slide_visual .bx-stop{left:0;}
	.slide_visual .bx-default-pager{top:3px;left:15px;font-size:2rem;}

	/** 03-Traveling to Daejeon **/
	.wrap_traveling{padding:30px 0;}

	/** 03-Traveling to Daejeon **/
	.traveling_cont,.slide_traveling{width:100%;}
	.traveling_cont{padding-right:0;}

	.slide_traveling{height:195px;}
	.slide_traveling .bx-wrapper{height:100% !important;}
	.slide_traveling li{width:250px !important;}
	
	.slide_traveling .bx-controls,.slide_traveling .slide_progress{display:none;}

	/** 04-Life in Daejeon **/
	.life_cont{width:100%;}
	.life_cont li a{height:auto;padding:8px 10px;border-radius:3px;background:#fff;}
	.life_cont li a i:before{display:none;}
	.life_cont li a i:after{content:'';display:block;position:absolute;top:0;right:0;width:31px;height:100%;transform:scaleX(-1);transition:all 0.5s ease-in-out;background-image:url(/images/english/bullet/bul_arr06.png);background-repeat:no-repeat;background-position:0 50%;}
	.life_cont li a:hover{color:#fff;font-size:2.1rem;background:#228f4e;}
	.life_cont li a:hover i:after{right:-10px;background-image:url(/images/english/bullet/bul_arr05.png);}

	/** 04-Life in Daejeon **/
	.wrap_life > div:before{display:none;}

	/** 05-Investing in Daejeon **/
	.investing_cont p{line-height:24px;}
	.investing_cont li{width:100%;}
	.investing_cont li a{margin-right:0;}
	
	/** 06-International cooperation **/
	.wrap_international{padding-bottom:20px;}
	.wrap_international > div{padding-top:0;}
	.wrap_international h3{width:100%;}
	
	/** 06-International tab view **/
	.tab_view{width:100%;}
	.tab_view > ul{display:block;min-height:inherit;}
	.tab_view > ul > li{float:none;margin:30px 0 0;}
	.tab_view > ul > li .tab_tit{margin-right:40px;margin-bottom:10px;border-radius:5px;}
	.tab_view > ul > li .tab_tit:before{display:none;}
	.tab_view > ul > li .tab_tit a,.tab_view > ul > li.on .tab_tit a{color:#228f4e !important;font-size:2.6rem;font-weight:800 !important;text-align:left;}
	.tab_view > ul > li:first-child{margin-top:0;}
	.tab_view > ul > li div{display:block !important;position:relative;height:170px;}

	/** 06-Internationa tab more **/
	.tab_view .bd_more{top:-40px;right:0;width:20px;}
	.tab_view .bd_more i:before,.tab_view .bd_more i:after{top:calc(50% - 10px);height:20px;}

	/** 06-Internationa slide **/
	[class*='slide_nation'] .bx-controls{display:none !important;}
	[class*='slide_nation']{width:100% !important;margin:0;}
	[class*='slide_nation'] li{width:auto !important;margin-right:25px}

	/** 07-KOREA.net + Mayor of Daejeon **/
	.wrap_new_mayor{padding:30px 0;}
	.mayor_cont a{width:auto !important;}
	.mayor_cont:before{width:170px;}	

	/** 08-Related Sites **/
	.site_cont{padding:30px 0;}
	.site_cont ul{margin-top:-15px;margin-left:-15px;}
	.site_cont li{width:calc(100%/2 - 15.1px);margin-top:15px;margin-left:15px;}
}
/** 640px 끝 **/

/** 500px 시작 **/
@media screen and (max-width:500px){
	/** 01-visual **/
	.slide_wrap .bx-wrapper img.visual_mo{display:block !important;}
	.slide_wrap .bx-wrapper img.visual_pc{display:none !important;}
	.slide_visual .bx-wrapper img{height:auto;}
	.slide_visual .bx-controls{left:8.5%}

	/** 02-Daejeon Statistics **/
	.stats_cont li{flex-direction:row; justify-content:left;}
	.stats_cont li:before{display:none;}
	.stats_cont li i,.stats_cont li b{display:inline-block;}
	.stats_cont li b{margin-top:0;}
	.stats_cont li i{line-height:23px;}

	/** Video in Daejeon **/
	.video_thum{height:auto;}
	.video_thum li{margin-right:0; margin-bottom:20px; width:100%; float:none;}
	.video_thum li:last-child{margin-bottom:0;}
	.video_thum li a i{height:165px;}
}
/** 500px 끝 **/

/** 480px 시작 **/
@media screen and (max-width:480px){
	/** button style arrow **/
	.traveling_cont a,.investing_cont a,.mayor_cont a{padding:1.5rem 2.5rem;}

	/** 07-KOREA.net + Mayor of Daejeon **/
	.mayor_cont{margin-top:25px;padding:25px 0 0;border-top:1px dotted #ddd;background:none;}
	.mayor_cont:before{right:-7px;bottom:30px;width:130px;}
	.mayor_cont p{padding-right:140px;}
	.mayor_cont a{width:100% !important;}

	/** 08-Related Sites **/
	.site_cont{padding:30px 0;}
	.site_cont ul,.site_cont li{width:100%;margin-left:0;}
	
	/** 02-Daejeon Statistics **/
	.stats_cont li{display:block;}
	.stats_cont li:last-child{padding-right:15px;}
	.stats_cont li i{width:100%;}
}
/** 480px 끝 **/

/** 420px 시작 **/
@media screen and (max-width:420px){
	/** 02-Daejeon Statistics **/
	.stats_cont li i, .stats_cont li b{letter-spacing:-.5px}
}
/** 420px 끝 **/

/** 414px 시작 **/
@media screen and (max-width:414px){
	/** 02-Daejeon Statistics **/
	.stats_cont h3 i{font-size:1.8rem !important; padding:4px 10px; margin-left:7px;}
}
/** 414px 끝 **/

/** 375px 시작 **/
@media screen and (max-width:375px){
	/** 02-Daejeon Statistics **/
	.stats_cont h3 i{margin-left:0; margin-top:5px;}
	.stats_cont h3 br{display:block;}
}
/** 375px 끝 **/

/** 312px 시작 **/
@media screen and (max-width:312px){
}
/** 312px 끝 **/