@charset "utf-8";

/* common */
html,body{width:100%;height:100%;margin:0;padding:0}
body{overflow-y:scroll;overflow-x:hidden;}
#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}

.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none !important;margin:0;padding:0}




#mwrap{width:100%;height:100%;}

.city_tour{position:fixed;top:30px;right:0;z-index:10000}
.city_tour .close{position:absolute;top:20px;right:50px;}

.tour_mov{position:fixed;top:330px;right:0;z-index:10000}
.tour_mov .close{position:absolute;top:20px;right:50px;}

.town_mov{position:fixed;top:630px;right:0;z-index:10000}
.town_mov .close{position:absolute;top:20px;right:50px;}


#header_group{position:fixed;top:0;left:0;padding:0;width:100%;z-index:100}
#top_head{position:relative;background:#cc2329;padding:0;width:100%;height:60px;z-index:100}

#logo{width:180px;height:50px;padding:5px}
#logo a{display:block;width:100%;height:50px;background:url("/images/04_tour/common/bg_logo.png") no-repeat;font-size:0;}

#mbody{width:100%;background:#fff;padding:60px 0 0 0;margin:0;}

header .menu{display:none;}
header .menu_on{display:block;background:#fff;height:100%;z-index:100}

.nav_open{position:absolute;top:13px;right:13px;border-radius:20px;padding:8px 15px 8px 35px;line-height:1.4em;display:inline-block;color:#fff;font-size:13px;font-weight:600;background:url("/images/04_tour/main/nav_open.png") no-repeat 15px center #362f2d}
.nav_close{position:absolute;top:13px;right:13px;border-radius:20px;padding:8px 15px 8px 35px;line-height:1.4em;display:inline-block;color:#fff;font-size:13px;font-weight:600;background:url("/images/04_tour/main/nav_close.png") no-repeat 15px center #362f2d}

.gnb{background:#362f2d;width:100%;text-align:center;height:50px;border-bottom:1px solid #5e5957;}
.gnb li{float:left;font-size:0px;width:33.333%;}
.gnb li a{border-left:1px solid #5e5957;display:inline-block;height:30px;padding:10px 0;width:100%;}
.gnb .home{background:url("/images/04_tour/main/gnb_home.png") no-repeat center}
.gnb .sitemap{background:url("/images/04_tour/main/gnb_sitemap.png") no-repeat center;border:0 !important;}
.gnb .search{background:url("/images/04_tour/main/gnb_search.png") no-repeat center}

.gnb ul li:after{content:"";display:block;clear:both}

nav{background:#1d244b;height:500px;overflow-y:auto;margin:50px 0}
nav a{color:#fff}

nav ul li{width:100%;}
nav ul li a{display:inline-block;width:100%;border-bottom:1px solid #424867 !important;font-size:16px;}
nav ul li a:hover{border-bottom:1px solid #424867;}
nav ul li a span{display:inline-block;padding:10px 20px}
nav .depth02{background:#fff}
nav .depth02 a{color:#333;border-bottom:1px solid #d6d6d6 !important}
nav .depth02 a:hover, nav .depth02 a:focus{font-weight:600;color:#121d5e !important}
nav .depth03{background:#f1f2f2;}
nav .depth03 a{color:#333;font-size:15px;border:none !important;}
nav .depth03 a:hover, nav .depth03 a:focus{font-weight:600;color:#000 !important}
nav .depth03 span{padding:5px 20px}
nav .depth04{padding:0 20px}
nav .depth04 a{color:#333;font-size:14px;border:none !important;background:#fff;margin:0 0 2px 0}
nav .depth04 span{padding:5px 20px}


nav .new_win span:after{content:"";display:inline-block;width:10px;height:10px;background:url("/images/01_potal/common/icon_new_win.png") no-repeat 0 center !important;margin:0 0 0 5px}


header .language{margin:0 20px;position:relative;}
header .language button{font-size:14px;border:1px #d6d6d6 solid;color:#222;height:40px;width:100%;background:url("/images/04_tour/common/language.png") no-repeat 95% center;box-sizing:border-box;text-align:left;line-height:1.5em;}
header .language ul.on{display:block;}
header .language ul{display:none;position:absolute;top:39px;left:0;width:100%;background:#fff;border:1px #d6d6d6 solid;box-sizing:border-box;padding:3px}
header .language ul li{padding:2px 0}

.left_login{margin:0 20px;position:absolute; top: 27%; right:130px;}
.left_login a{font-size:14px;border:1px #d6d6d6 solid;color:#fff;width:100%;text-align:center;padding:5px 10px;display:block;}


header .sns{margin: 20px;position: absolute; top: 160%;}
header .sns ul li{float:left;margin:0 2px;}
header .sns ul li a{background:url("/images/04_tour/common/sns.png") no-repeat;display:inline-block;width:37px;height:37px;font-size:0;}
header .sns ul li a.sns_f{background-position:0;}
header .sns ul li a.sns_t{background-position:-95px 0;}

header .sns:after{content:"";display:block;clear:both}


.con_box{position:relative;width:100%;text-align:center;}

.m_con01{position:relative;}

.m_con01 .m_visual_img{width:100%;}
.m_con01 .m_visual_img li{display:none;height:260px;}
.m_con01 .m_visual_img .on{display:block;}
.m_con01 .m_visual_img .mv1{background:url("/images/04_tour/main/visual01.jpg") no-repeat center;background-size:cover}
.m_con01 .m_visual_img .mv2{background:url("/images/04_tour/main//visual02.jpg") no-repeat center;background-size:cover}

.m_visual_txt{color:#fff;padding:40px 0 0 0;text-shadow:3px 3px 3px #000;}
.m_visual_txt img{height:50px;display:block;margin:0 auto;padding:4px 0 0 0}

.m_con01 .btn{position:absolute;height:48px;bottom:48px}
.m_con01 .btn span{color:#fff;position:absolute;left:0;}
.m_con01 button{position:absolute;bottom:0;width:50px;height:50px;font-size:0px}
.m_con01 button.prev{left:0px;background:url("/images/04_tour/main/btn_prev.png") no-repeat;}
.m_con01 button.stop{left:50px;background:url("/images/04_tour/main/btn_stop.png") no-repeat;}
.m_con01 button.play{left:50px;background:url("/images/04_tour/main/btn_play.png") no-repeat;}
.m_con01 button.next{left:100px;background:url("/images/04_tour/main/btn_next.png") no-repeat;}

.m_notice{background:#fff;position:relative;width:100%;height:50px;overflow:hidden;box-sizing:border-box;text-align:left;padding:15px 0 0 10px;}
.m_notice h2{font-size:16px;font-weight:600;color:#000;float:left;background:url("/images/04_tour/main/notice_tit.png") no-repeat left center;background-size:15px;width:20%;padding:0 10px 0 20px;}

.m_notice ul{float:left;width:60%}
.m_notice ul li{background:url("/images/04_tour/main/notice_btn.png") no-repeat;padding:0 0 0 10px;height:50px;font-size:14px;}
.m_notice ul li a{color:#333;display:inline-block;max-width:90%;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m_notice ul li span{display:none;}

.m_notice .more{background:#c9171e;width:50px;height:50px;position:absolute;top:0;right:0;}
.m_notice .more img{padding:15px;height:20px;}


.m_con02{padding:30px 0;overflow:hidden;background:url("/images/04_tour/main/m_con02_bg.jpg") repeat;position:relative;}
.m_con02 h2{padding:0 0 15px 0}
.m_con02 h2 img{height:40px}
.m_con02 div h3{font-size:40px;padding:15px 0}
.m_con02 .stit{border-top:1px solid #959595;border-bottom:1px solid #959595;width:100px;padding:10px 0}
.m_con02 .stxt{font-size:13px;margin:0 0 30px 0}

.m_con02_box_warp{border-bottom:4px solid #c9171e;margin:30px 0 0 0;color:#fff;text-align:left;}
.m_con02_box_warp .list_off{display:none;}
.m_con02_box_warp .list_on{display:block;}
.m_con02_box{background:url(/images/04_tour/main/m_con02_box_bg.png) repeat;padding:20px;}



.m_con02 p button{text-align:center;margin:0 3px 0 0;font-size:0;padding:20px 0;display:inline-block;}
.m_con02 p button.prev{position:absolute;top:40px;left:10px;width:41px;height:30px;background:url("/images/04_tour/main/btn02_prev.png") no-repeat center;}
.m_con02 p button.next{position:absolute;top:40px;right:10px;width:41px;height:30px;background:url("/images/04_tour/main/btn02_next.png") no-repeat center;}
.m_con02 p button.control{width:45px;height:5px;background:url("/images/04_tour/main/control.gif") no-repeat center;}
.m_con02 p button.on{width:45px;height:5px;background:url("/images/04_tour/main/control_on.gif") no-repeat center;}
.m_con02 p button.stop{display:inline-block;width:15px;height:20px;background:url("/images/04_tour/main/stop.png") no-repeat center;}
.m_con02 p button.play{display:inline-block;width:15px;height:20px;background:url("/images/04_tour/main/play.png") no-repeat center;}

.list_btn{overflow:hidden;}
.list_btn li{float:left;width:24%;text-align:center;border-right:1px solid #959595;padding:10px 0;font-size:13px;}
.list_btn li:first-child{border-left:1px solid #959595}
.list_btn li span{display:block;padding:10px 0 0 0}
.list_btn a{color:#fff}

.m_con02 .list{padding:120px 0 0 0}
.m_con02 .list01{background:url("/images/04_tour/main/list01_bg.jpg") no-repeat center center;background-size:cover}
.m_con02 .list02{background:url("/images/04_tour/main/list02_bg.jpg") no-repeat center center;background-size:cover}
.m_con02 .list03{background:url("/images/04_tour/main/list03_bg.jpg") no-repeat center center;background-size:cover}
.m_con02 .list04{background:url("/images/04_tour/main/list04_bg.jpg") no-repeat center center;background-size:cover}
.m_con02 .list05{background:url("/images/04_tour/main/list05_bg.jpg") no-repeat center center;background-size:cover}

.m_con03{padding:30px 0;overflow:hidden;}
.m_con03 h2{padding:0 0 15px 0}
.m_con03 h2 img{height:30px}

.m_con03_list{padding:20px 0 0 0;overflow:hidden;height:230px;}
.m_con03_list li{float:left;width:100%;font-size:18px;text-align:center;margin:0 0 40px 0;}
.m_con03_list li img{text-align:center;border:5px solid #fff;border-radius:100px;}
.m_con03_list li img:hover{border:5px solid #c9171e;}
.m_con03_list li a{color:#333}
.m_con03_list li a span{padding:10px 0 0 0;display:block;}


.m_con03 .btn button{width:41px;height:81px;position:absolute;top:170px;font-size:0;z-index:10}
.m_con03 .btn .prev{left:20px;background:url("/images/04_tour/main/btn02_prev.png") no-repeat center;}
.m_con03 .btn .next{right:20px;background:url("/images/04_tour/main/btn02_next.png") no-repeat center;}

.m_con04{padding:30px 0;background:url("/images/04_tour/main/m_con04_bg.jpg") no-repeat top center;background-size:cover}
.m_con04 h2{padding:0 0 15px 0}
.m_con04 h2 span{color:#fff;font-size:14px;display:block;padding:15px 0 0 0}
.m_con04 h2 img{height:30px}

.m_con04_fas{background:#000;position:relative;overflow:hidden;width:100%;}
.m_con04_fas ul{overflow:hidden;}
.m_con04_fas ul li{display:none;}
.m_con04_fas ul li.on{display:block;}
.m_con04_fas ul li img{width:100%;height:100%;}
.m_con04_fas p{height:60px;}
.m_con04_fas p button{text-align:center;margin:0 3px 0 0;font-size:0;display:inline-block;padding:30px 0;}
.m_con04_fas p button.control{width:45px;height:5px;background:url("/images/04_tour/main/control_w.gif") no-repeat center;}
.m_con04_fas p button.on{width:45px;height:5px;background:url("/images/04_tour/main/control_on.gif") no-repeat center;}
.m_con04_fas p button.stop{display:inline-block;margin:0 0 0 0;width:15px;height:20px;background:url("/images/04_tour/main/stop_w.png") no-repeat center;}
.m_con04_fas p button.play{display:inline-block;margin:0 0 0 0;width:15px;height:20px;background:url("/images/04_tour/main/play_w.png") no-repeat center;}

.m_con04_farm{background:url("/images/04_tour/main/m_con04_farm_bg.jpg") no-repeat top center #fff;width:100%;text-align:left !important;padding:25px 0 30px 15px;box-sizing:border-box;overflow:hidden;background-size:cover;}
.m_con04_farm h3{font-size:14px;color:#333;font-weight:600}
.m_con04_farm h3 span{font-size:30px;color:#113a52;display:block;padding:8px 0 0 0;font-weight:600;letter-spacing:-1px}
.m_con04_farm ul{padding:5px 0 0 0}
.m_con04_farm ul li{margin:10px 0 0 0;float:left;background:url("/images/04_tour/main/m_con04_farm_btn.png") no-repeat right center #fff;font-size:14px;}
.m_con04_farm ul li a{color:#362f2d;display:inline-block;border:1px solid #d6d6d6;padding:6px 20px 6px 10px;width:140px;box-sizing:border-box;}
.m_con04_farm .left{float:left;width:140px;}
.m_con04_farm .right{float:left;width:140px;margin:40px 0 0 10px;}

.infozone p{background:#362f2d;position:relative;height:25px;padding:5px 0 0 10px}
.infozone p span{color:#fff;position:absolute;right:100px;}
.infozone button{position:absolute;top:0;width:30px;height:0;padding:30px 0 0 0;overflow:hidden;background:url("/images/04_tour/main/main_ico.png") no-repeat;border-left:1px solid #9b9796}
.infozone button.stop{right:60px;background-position:-60px 0}
.infozone button.play{right:60px;background-position:-90px 0}
.infozone button.prev{right:30px;background-position:-120px 0}
.infozone button.next{right:0;background-position:-150px 0}
.infozone li{display:none;text-align:center}
.infozone li.on{display:block}
.infozone li img{width:100%}

.m_con04_btn{width:100%;overflow:hidden;height:190px;background:#362f2d;}
.m_con04_btn ul li{float:left;width:50%;}
.m_con04_btn ul li a{color:#fff;padding:35px 0 0 0;font-size:16px;width:100%;height:190px;display:inline-block;background:url("/images/04_tour/main/m_con04_btn.png") no-repeat right top}
.m_con04_btn ul li span{display:block;font-size:27px;padding:10px 0 0 0;font-weight:600}
.m_con04_btn .btn01{background:url("/images/04_tour/main/m_con04_btn_bg01.jpg") no-repeat center;background-size:cover;}
.m_con04_btn .btn02{background:url("/images/04_tour/main/m_con04_btn_bg02.jpg") no-repeat center;background-size:cover;}

.m_con04_smg{background:url("/images/04_tour/main/m_con04_smg_bg.jpg") no-repeat center;width:100%;background-size:cover;height:190px;text-align:left !important}
.m_con04_smg h3{font-size:16px;padding:35px 0 0 25px;color:#333;font-weight:600}
.m_con04_smg h3 span{font-size:28px;color:#000;display:block;padding:8px 0 0 0;font-weight:600;letter-spacing:-1px}
.m_con04_smg ul{margin:15px 0 0 30px}
.m_con04_smg ul li{float:left;margin:0 4px 0 0;background:url("/images/04_tour/main/m_con04_smg_btn.png") no-repeat right center;font-size:14px;}

.m_con04_smg ul li a{color:#fff;display:inline-block;border:1px solid #fff;padding:8px 45px 8px 10px}

.m_con04_box03{background:url("/images/04_tour/main/m_con04_box03_bg.jpg") no-repeat center #362f2d;;clear:both;overflow:hidden;background-size:cover;}
.m_con04_box03 li{float:left;width:33%;}
.m_con04_box03 li a{display:inline-block;border-left:1px solid #4a4442;border-bottom:1px solid #4a4442;width:100%;height:100%;color:#fff;padding:20px 0;box-sizing:border-box;font-size:14px}
.m_con04_box03 li a img{height:40px}
.m_con04_box03 li span{display:block;padding:3px 0 0 0}


.foot_banner{position:relative;overflow:hidden;padding:20px 0}
.foot_banner h2{color:#000;font-size:18px;padding:10px 0 0 15px;height:40px;}
.foot_banner p{position:absolute;top:24px;left:100px}
.foot_banner p button{width:30px;height:0;padding:30px 0 0 0;overflow:hidden;background:#362f2d;float:left;border-left:1px solid #9b9796;}
.foot_banner p button:first-child{border:none;}

.foot_banner .stop{background:url("/images/04_tour/common/foot_banner_stop.png") no-repeat center;}
.foot_banner .play{background:url("/images/04_tour/common/foot_banner_play.png") no-repeat center;}
.foot_banner .prev{background:url("/images/04_tour/common/foot_banner_prev.png") no-repeat center;}
.foot_banner .next{background:url("/images/04_tour/common/foot_banner_next.png") no-repeat center;}

.foot_banner .foot_list{overflow:hidden;width:100%;height:50px}
.foot_banner .foot_list ul{overflow:hidden;}
.foot_banner .foot_list li{float:left;margin:0 4px;padding:0 0 20px 0; width: 147px!important; height: 40px!important;}
.foot_banner .foot_list li a{display:block;border:1px solid #ccc;box-sizing:border-box; width:100%;}


footer{background:#362f2d;color:#fff;padding:20px 0;text-align:center;z-index:50 !important}
footer a{color:#fff;}

footer .foot_link{text-align:center;display:block;margin:0 0 15px 0}
footer .foot_link a{display:inline-block;border:1px solid #5e5957;width:145px;padding:8px 0;margin:0 5px 10px 5px}

footer address{font-style:normal;padding:0 0 10px 0;}
footer address span{display:block;}
footer .camp{font-style:normal;padding:0 0 10px 0;color:#fbc500;}
footer .camp span{display:block;}

footer .copyright{font-size:80%}

.s_contents{position:relative}

.s_top{text-align:center;padding:30px 0 20px 0;height:auto !important}
.s_top h3{background:url("/images/04_tour/sub/s_top_h3_bg.gif") no-repeat bottom center;padding:0 0 10px 0 !important;color:#000;font-size:30px;font-weight:600}

.s_top .location{display:none;}
.s_top .location span{background:url("/images/04_tour/sub/location.png") no-repeat;padding:0 0 0 20px}

.s_contents .s_sns_icon{text-align:right;padding:0 20px 0 0;margin:0 0 30px 0;}
.s_contents .s_sns_icon a{margin:0 0 0 3px;display:inline-block;}

.s_con{border-top:3px solid #000 !important;padding:0 20px  !important;margin:0  !important}

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

.city_tour, .tour_mov, .town_mov{right:50px;}



.m_con01 .m_visual_img li{height:400px;}
.m_visual_txt{padding:130px 0 0 0;font-size:23px;}
.m_visual_txt img{height:auto;}

.m_con01 .btn{bottom:68px;}



.m_notice{height:70px;}
.m_notice h2{font-size:18px;background-size:auto;width:15%;height:25px;margin:5px 0 0 10px;padding:5px 0 0 40px}


.m_notice ul{width:65%;margin:10px 0 0 0}
.m_notice ul li{background:url("/images/04_tour/main/notice_btn.png") no-repeat;padding:0 0 0 10px;height:50px;font-size:14px;}
.m_notice ul li a{font-size:16px;max-width:80%;}
.m_notice ul li span{display:block;float:right;}

.m_notice .more{background:#c9171e;width:70px;height:70px;position:absolute;top:0;right:0;}
.m_notice .more img{padding:20px;height:auto}


.m_con02 h2 img, .m_con03 h2 img, .m_con04 h2 img{height:auto}
.m_con02_box{margin:0 0 0 50%;padding:30px}
.m_con02_box_warp{border-bottom:7px solid #c9171e;margin:50px 0 20px 0}

.m_con02 div h3{font-size:50px}

.m_con02 p button.prev{left:15%;width:41px;height:81px;}
.m_con02 p button.next{right:15%;width:41px;height:81px;}

.m_con02 .list{padding:0 0 0 0}

.m_con03{padding:80px 0}
.m_con03_list li{width:33.33%}

.m_con03 .btn button{top:80px;}


.m_con04_fas{float:left;width:50%;height:530px;}
.m_con04_fas ul li img{height:470px;}
.m_con04_box01{float:left;width:50%;height:530px;}
.m_con04_farm, .infozone{height:265px;}
.infozone img{height:235px;}

.m_con04_farm{padding:25px 0 0 25px;}
.m_con04_farm h3{font-size:16px;}
.m_con04_farm .left{float:left;width:165px;}
.m_con04_farm .right{float:left;width:165px}
.m_con04_farm ul li a{width:165px;}

.m_con04_btn{float:left;width:50%;}

.m_con04_box03 li{float:left;width:16.6%;}
.m_con04_box03 li a img{height:50px}

.m_con04_smg{float:left;width:50%}



.foot_banner .foot_list{position:absolute;left:200px;top:20px;}

footer .copyright{font-size:100%}
footer address span{display:inline-block;border-left:1px solid #5e5957;padding:0 0 0 10px;margin:0 0 0 10px;}
footer .camp span{display:inline-block;border-left:1px solid #5e5957;padding:0 0 0 10px;margin:0 0 0 10px;}
.s_contents .location{padding:15px 0 0 0;display:block;}


}



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




.m_con04_t{width:90%;margin:0 auto;}
.m_con04_fas{float:left;width:50%;height:530px;}
.m_con04_fas ul li img{height:470px;}
.m_con04_box01{float:left;width:50%;height:530px;}
.m_con04_farm, .infozone{height:265px;}
.infozone img{height:235px;}

.m_con04{background-size:auto}
}


/*1400*/
@media all and (min-width:1400px){


nav .new_win span:after{content:"";display:inline-block;width:10px;height:10px;background:url("/images/01_potal/common/icon_new_win2.png") no-repeat 0 center !important;margin:0 0 0 5px}

header .left_login{position:relative; right: auto; top: auto;  bottom: -746px; display: block;}
header .left_login a{padding:5px 0;display:block; color:#222;}

header .sns { top: auto;}


.pc_bg{background:url("/images/04_tour/common/nav_pc_bg.png") repeat-y !important;width:200px;height:100%;min-height:1000px;position:absolute;top:0;left:180px;}

#mbody{margin-left:180px;width:auto;padding:0;}


header nav{display:block;}
header .nav_close{display:none;}

#header_group{width:180px;height:100%;background:#fff}
#top_head{height:auto;background:#fff;}

#logo{width:180px;height:125px;padding:25px 0 0 0;margin:0;background:url(/images/04_tour/common/head_bg.jpg) no-repeat #cc2329}
#logo a{background-position:40px -50px;height:100px;}

header .menu{display:block;}

.nav_open{display:none;}

nav{background:#fff;height: 450px;overflow-y:auto;z-index:1000;}
nav a{color:#333}

nav ul li{width: 160px;margin:0 auto;}
nav ul li a{display:inline-block;width:100%;border-bottom:1px solid #d6d6d6 !important;font-size:16px;}

nav ul li a span{display:inline-block;padding:15px 10px}
nav ul li li a span{display:inline-block;padding:10px 10px}

nav ul li li{width:200px;}

nav .depth02{background:#000;position:absolute;top:200px;left:0px;width:200px;}
nav .depth02 .on{background:#313c79;}
nav .depth02 a{color:#fff;border-bottom:1px solid #2b2b2b !important;font-size:14px;}

nav .depth02 a:hover, nav .depth02 a:focus{color:#ffff57 !important}
nav .depth03 a:hover, nav .depth03 a:focus{color:#ffff00 !important}


nav .depth03{background:#222954;}
nav .depth03 a{color:#fff;font-size:13px;border:none !important;}
nav .depth03 span{padding:5px 20px}
nav .depth03 .on{background:#c9171e;}
nav .depth04{padding:0;}
nav .depth04 a{color:#fff;font-size:12px;background:#04050b;margin:0;border-bottom:1px solid #2b2b2b !important;}
nav .depth04 a:focus, nav .depth04 a:hover{color:#fdf189;}
nav .depth04 span{padding:5px 20px}





.m_con01{height:580px}
.m_con01 .m_visual_img li{height:580px;}
.m_visual_txt{padding:250px 0 0 0;font-size:23px;text-align:left;}
.m_visual_txt img{height:auto;margin:0;}

.m_con01 .btn{top:400px;}

.footer_banner .foot_list ul{width:970px;}

.m_notice{z-index:50;position:relative;bottom:70px;}
.m_notice h2{width:110px;}
.m_notice ul{width:80%}
.m_notice ul li{width:44%;float:left;margin:0 20px}


.m_con02{padding:60px 0}
.m_con02_box_warp{margin:50px auto 30px auto !important;border-bottom:10px solid #c9171e;}
.m_con02_box{height:500px;box-sizing:border-box;padding:60px 40px}
.m_con02 div h3{padding:30px 0;font-size:60px}


.m_con02 .stxt{font-size:16px;margin:0 0 60px 0}
.list_btn li{padding:15px 0}

.m_con02 p button.prev{top:80px}
.m_con02 p button.next{top:80px}


.m_con03_list li{width:240px}
.m_con03 .btn{display:none;}

.m_con04{padding:60px 0}
.m_con04 h2{height:125px;}

.m_con04_t{width:100%;}
.m_con04_fas{float:left;width:400px;height:470px;}
.m_con04_box01{float:left;height:280px;width:800px;}
.m_con04_box02{float:left;height:190px;width:800px;}
.m_con04_box03{clear:both;}
.m_con04_box01 .m_con04_farm{float:left;width:400px;}
.m_con04_box01 .infozone{float:left;width:400px;}
.m_con04_farm, .infozone{height:280px;}

.infozone img{height:250px;}
.m_con04_fas ul li img{height:410px;}


.m_con04_box03 li a img{height:70px}


.s_contents{border-left:1px solid #d6d6d6;min-height:700px}
.s_contents .s_con_box{width:1200px;margin:0 auto;position:relative}

.s_top{height:100px !important;padding:50px 0 !important;}
.s_top h3{font-size:45px !important;}

.s_con{padding:30px 20px !important;margin:0 !important}
.s_contents .s_sns_icon{position:absolute;top:120px;right:0}

.pc-s{width:1200px;margin:0 auto;}

}                                     



/*공공누리*/
.license{margin-top:50px;border:solid 1px #e5e5e5;padding:20px;}
.license .mark_box{text-align:center;}
.license .mark_box img{height:50px;}
.license .license_txt{text-align:center;padding:15px 0 0 0;line-height:20px;}
.license .license_txt a{color:#333;}
.license .license_txt a span{color:#0052ca;}
@media all and (min-width:1023px) {
.license{overflow:hidden;margin-top:50px;}
.license .mark_box{float:left;padding:0 20px 0 0;width:200px;}
.license .license_txt{float:right;padding:10px 0 0 0;width:590px;}
}   
@media all and (min-width:1399px) {
.license .license_txt{;width:790px;letter-spacing:-1px;}
}

/****담당부서, 만족도****/
.scon_bottom{margin:20px 0 0 0;line-height:1.25em;clear:both}
.scon_bottom>div{padding:15px;}
.manager{background:#f6f6f6;border:solid 2px #a8aeba;border-bottom:none;}
.manager li{margin:5px 0 0 0;color:#555;padding:3px 0 0 18px}
.manager li:first-child{margin:0}
.manager li strong{color:#000;margin:0 5px 0 0}
.research{border:solid 1px #e5e5e5;border-top:none;}
.research .tit{color:#000;margin:0 0 10px 0}
.research ul{overflow:hidden}
.research li{float:left;width:100%}
.research li:first-child{margin:0 0 10px 0}
.research li *{vertical-align:middle}
.research li label{margin:0 20px 0 0}
.research li .sch_txt{border:1px solid #e1e1e1;width:65%;height:30px;box-sizing:border-box}
.research li .rsch_btn{background:#757575;color:#fff;width:35%;height:30px}
.manager .manager_btn01{background:url("/images/01_potal/sub/bs_ico01.png") no-repeat left 6px}
.manager .manager_btn02{background:url("/images/01_potal/sub/bs_ico02.png") no-repeat left 6px}
@media all and (min-width:768px) {
.scon_bottom>div{padding:15px 20px}
.manager ul{overflow:hidden}
.manager li{float:left;margin:0 10px 0 0 !important;}
.research li .sch_txt{width:80%}
.research li .rsch_btn{width:20%}
}
@media all and (min-width:1023px){
.research ul{overflow:hidden}
.research li{width:50%;float:left}
.research li:first-child{margin: 5px 0 0 0;}
.research li label{margin:0 15px 0 0}
.research li .sch_txt{width:75%}
.research li .rsch_btn{width:20%}
.manager li{margin:0 20px 0 0 !important;}

}
                                              

.dictionary_warp{width:100%;margin:0 0 30px 0;position:relative;}
.dictionary_img{padding:10px;border:1px solid #d7d7d7;margin:0 0 20px 0}
.dictionary_img img{width:100%;text-align:center;max-height:500px}

.dictionary_list ul{overflow:hidden;padding: 0 32px;margin-top: 20px; height:70px}
.dictionary_list ul li{width:31.3%;float:left;padding:0 1%;}
.dictionary_list ul li img{width:100%;height:66px;border:2px solid #d7d7d7}
.dictionary_list .on img{border:2px solid #cc232a;}

.dictionary_btn button{display:block;width: 30px;height:50px;padding: 70px 0 0 0;overflow: hidden;background:#313131 url("/images/10_webzine/bbs/bbs_icon.png") no-repeat;}
.dictionary_btn button.prev{background-position: 11px 9px;position:absolute;left:0;bottom: 0;}
.dictionary_btn button.next{background-position: -13px 9px;position:absolute;right:0;bottom: 0;}

@media all and (min-width:768px) {
.dictionary_list ul li{width:23%;float:left;padding:0 1%;}

}

@media all and (min-width:1023px) {
.dictionary_warp{width:800px;margin:0 auto;}
.dictionary_list ul li{width:18%;float:left;padding:0 1%;}

header{min-width:auto !important;}
}

/*230803*/
@media all and (min-width:1400px) {
header .left_login{bottom: -720px;}
header .wrapper{position: relative;top: -28px;}
nav{height: 500px;margin-top: 0;}
}