.mo {display:none !important;}
.mo_inline {display:none !important;}
.empty_block { width:100%; height:0px;}

  /* nav */
.main_top_container {background:#18181d; text-align:center; display:none;}
.main_top_container img{ width:100%; max-width:1200px;}

.navbar { background:#fff; padding: 0;}
.navbar .row { width:100%;     max-width: 1200px;flex-wrap:wrap;justify-content: center;}
.navbar .row .logo_wrap { width:20%;padding:0; padding-top: 6px; display:flex;align-items:center; justify-content:space-between;}
.navbar .row .logo_wrap .navbar-brand {}
.navbar .row .logo_wrap .navbar-brand img { width:100%;}
.navbar .row .collapse { width:80%; justify-content: flex-start;}
.navbar .row .collapse .navbar-nav {width: 80%;max-width: 1200px; justify-content:space-evenly; align-items:center; margin:0 ;}
.navbar .row .collapse .navbar-nav .nav-item {  }
.navbar .row .collapse .navbar-nav .nav-item .nav-link {padding:0.8rem 1rem; color:#000; text-align:center; /* background:#6b5cf3; */  }
.navbar .row .collapse .navbar-nav > li > .dropdown-menu { flex-wrap:wrap; width:625px; right:unset;left:0;border: 1px solid #1f395b;}
.navbar .row .collapse .navbar-nav .nav-item:hover > .dropdown-menu {}
.navbar .row .collapse .navbar-nav > li > .dropdown-menu a { width:49%; display: inline-block;}
.navbar .row .collapse .navbar-nav > li > .dropdown-menu a:nth-child(odd) {border-right: 1px solid #ddd;}
.navbar-expand-lg .navbar-nav .nav-link {color:#000;}
.navbar-toggler { color: #7f75ef; font-size: 2.2rem; border: 2px solid #7f75ef;}
.navbar-toggler:focus {border:none; outline:none;}

.navbar .row .logo_wrap .mo_nav_ad .adsbygoogle { width: 320px ; height:100px;}


	/* banner */
header .pc_banner {text-align:right; background:none;}
header .pc_banner img {width:100%;}
header .mo_banner img{display:none;}

footer { border-top: 1px solid #ddd; padding: 30px 0;background:#fdfdfd;}
footer p { color:#555; font-size: 0.9rem;text-align: right;}

#main_1st_container {background:linear-gradient(135deg, #161616 26%, #f74f36 10%); padding: 15px 0; position: relative; height:200px;}
#main_1st_container .icon_wrap {width:100%; max-width:700px; margin: 0 auto;display: flex; justify-content: center; position: absolute; left: 50%; top:0px; transform:translateX(-50%);}
#main_1st_container .icon_wrap a {display: flex; flex-direction:column; width:33%; align-items: center;	color:#fff;}
#main_1st_container .icon_wrap a .img_wrap { border-radius:50%; background:#f74f36;padding: 10px; transition: 0.3s; }
#main_1st_container .icon_wrap a:hover .img_wrap {background:#db3820; transform:scale(0.95);}
#main_1st_container .icon_wrap a .img_wrap img { max-width:90px; border-radius: 50%; }
#main_1st_container .icon_wrap a .btn_name { margin: 10px auto; font-size: 1.2rem;}
#main_1st_container .icon_wrap a:hover .btn_name { font-weight:bold;}

#main_2nd_container { margin:0px auto; background:#efefef;}
#main_2nd_container .inner { margin: 0 auto;width:100%; height: 400px;  max-width:1200px;position: relative;}
#main_2nd_container img { width: 100%; height:100%; transition:0.3s;}
#main_2nd_container a > img:hover { transform:scale(1.05);filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 3px 8px);}
#main_2nd_container .contents_wrap { width: 40%; position: absolute; top:50%; left:50px; transform:translateY(-50%);display: flex;  flex-wrap:wrap;}

#main_3rd_container { position: relative; margin-bottom: 150px;}
#main_3rd_container:after {content:''; position: absolute; bottom:-150px; left:50%; height:150px; width:1px; background:#ddd;}
#main_3rd_container .inner { margin: 0 auto;width:100%; max-width:1200px; position: relative;}
#main_3rd_container .inner > img { width:100%; height: 300px;}
#main_3rd_container .inner .contents_wrap { position: absolute; height:100%; width:100%; text-align:center; padding: 30px 0 20px;top:0; left:0; background:#0000005c; display: flex; flex-direction: column; justify-content: space-around;align-items: center;}
#main_3rd_container .inner .contents_wrap * { color:#fff;}
#main_3rd_container .inner .contents_wrap p:nth-child(1) { color:#fff; line-height: 1.6;}
#main_3rd_container .inner .contents_wrap .title { width: fit-content; border-top: 1px solid #ffffff57; border-bottom: 1px solid #ffffff57; padding: 10px; font-size: 1.7rem;}
#main_3rd_container .inner .contents_wrap .title:hover { font-weight:bold;}
#main_3rd_container .inner .contents_wrap .icon_wrap { width: 65%; margin: 0 auto; display: flex; justify-content: space-around;}
#main_3rd_container .inner .contents_wrap .icon_wrap img { opacity: 0.6; transition:0.3s;} 
#main_3rd_container .inner .contents_wrap .icon_wrap img:hover { opacity: 1; transform:scale(1.05);} 


#main_4th_container { width:100%; max-width:1200px; margin:0 auto; position: relative;}
#main_4th_container:after {content:''; position: absolute; bottom:-150px; left:50%; height:150px; width:1px; background:#ddd;}
#main_4th_container .title { width: fit-content; margin: 0 auto; border: 1px solid #888; padding: 8px 16px; font-size: 1.5rem; font-family: 'TheJamsil'; position: relative;background: #fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
#main_4th_container .title:before {content:''; width: 300%; height: 1px; background:#aaa;position: absolute; right:-120px; top:50%; z-index: -1;}
#main_4th_container .contents_wrap {display: flex; flex-wrap:wrap; margin: 20px auto;justify-content: space-between;}
#main_4th_container .contents_wrap .content_box { width:23%; text-align: center; border: 1px solid #ddd;padding-bottom: 20px; margin: 15px 0; transition:0.3s;}
#main_4th_container .contents_wrap .content_box:hover { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
#main_4th_container .contents_wrap .content_box > a { display: inline-block; overflow: hidden;}
#main_4th_container .contents_wrap .content_box a img { width:100%;transition:0.3s;}
#main_4th_container .contents_wrap .content_box:hover a img { transform:scale(1.05);}
#main_4th_container .contents_wrap .content_box p { margin:30px auto; font-weight:bold;}
#main_4th_container .contents_wrap .content_box .btn_wrap { padding: 8px 10px; background:#f74f36; color:#fff;}

#main_5th_container { width:100%; max-width:1200px; margin: 150px auto;}
#main_5th_container .title { width: fit-content; margin: 0 auto; border: 1px solid #888; padding: 8px 16px; font-size: 1.5rem; font-family: 'TheJamsil'; position: relative;background: #fff;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
#main_5th_container .title:before {content:''; width: 200%; height: 1px; background:#aaa;position: absolute; right:-120px; top:50%; z-index: -1;}
#main_5th_container .bus_stop {margin: 4rem auto;}
#main_5th_container .bus_stop .ter_ul { display:flex; text-align:center; margin-bottom:0;}
#main_5th_container .bus_stop .ter_ul li { border:2px solid transparent; width:50%; padding:1rem 0; font-size:1.3rem; color:#888; cursor: pointer;}
#main_5th_container .bus_stop .ter_ul li:hover { color:#333;}
#main_5th_container .bus_stop .ter_ul .active {border:2px solid #f74f36; border-bottom:2px solid #fff; color: #f74f36; font-weight:bold;}
#main_5th_container .bus_stop .ter_ul .active:hover { color: #f74f36;}
#main_5th_container .bus_stop .busstop_img {border-top:2px solid #f74f36; margin-top: -2px;}
#main_5th_container .bus_stop .busstop_img li {display:none; text-align:center; padding-top: 20px;}
#main_5th_container .bus_stop .busstop_img li.view {display:block;}
#main_5th_container .bus_stop .busstop_img li.view p { margin:1rem 0; font-size:1.4rem;}
#main_5th_container .bus_stop .busstop_img li img {width:75%;}
#main_5th_container .link_wrap {display: flex; justify-content:space-evenly;}

#main_6th_container .title { background:#27c9be; text-align:center; position: relative;padding: 50px 0 40px;}
#main_6th_container .fa-check { animation-duration: 1s;}
#main_6th_container .title span { background:#f74f36 ; width:65px; height:65px; border-radius:50%; display: flex; align-items:center; justify-content:center; font-size: 3rem; top: -30px; left: 50%; transform:translateX(-50%); position: absolute;}
#main_6th_container .title .main { font-weight:bold; font-size:2rem;font-family: 'TheJamsil';margin-bottom: 5px;}
#main_6th_container .title * { color:#fff;}
#main_6th_container .title:after { content:''; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 40px solid #27c9be; position: absolute; bottom: -39px; left:50%; transform:translateX(-50%);}
#main_6th_container .contents_wrap { background:#f7f7f7;}
#main_6th_container .contents_wrap .inner { max-width:1200px; width:100%; margin:0 auto; padding: 50px 0; display: flex; justify-content:space-evenly;}
#main_6th_container .contents_wrap .inner .content_box {width:24%; border: 1px solid #ccc;  position: relative;}
#main_6th_container .contents_wrap .inner .content_box img { width:100%;filter: brightness(55%);}
#main_6th_container .contents_wrap .inner .content_box .con_title { font-family: 'TheJamsil';font-weight: 300;position: absolute; top:80px; left:20px; width:85%; display:inline-block; color: #fff;   font-size: 1.5rem;border-bottom: 1px solid #ffffff75;}
#main_6th_container .contents_wrap .inner .content_box .arrow { position: absolute; bottom:20px; right: 50px; color:#fff; font-size: 2rem;
-webkit-animation: arrow_ani infinite 3s;
-o-animation: arrow_ani infinite 3s;
animation: arrow_ani infinite 3s;}

@keyframes arrow_ani {
	0% { right: 50px;}
	50% { right: 30px;}
	100% { right: 50px;}
}
