@charset "utf-8";

.m_top{position:relative;width:100%;background-color:#41c2e1;z-index:999}
.m_top .layout{padding-left:138px}
.m_top .skip-navi{display:block;position:absolute;top:0;left:0;margin:0;}
.m_top .skip-navi a{display:block;background:#223e99;color:#fff;width:138px;text-align:center;padding:9px 0;line-height:1.5em}
.m_top #main_site_wrap button{display:none}
.m_top #main_site_wrap ul{display:block;position:static;width:100%;background:none;}
.m_top #main_site_wrap li{float:left;border-bottom:none;border-right:1px solid #8ddaed;letter-spacing:-0.125em;line-height:1.5em}
.m_top #main_site_wrap li a{display:block;padding:9px 24px;color:#fff}
.m_top #main_site_wrap li.on{background:#fff;font-weight:600}
.m_top #main_site_wrap li.on a{color:#223e99}
.m_top #main_site_wrap li.tsns{display:block;float:right;padding:0;}
.m_top #main_site_wrap li.tsns a{background:url("/images/01_potal/common/tsns_icon.png") no-repeat;padding:40px 0 0 0;width:45px;height:0;overflow:hidden}
.m_top #main_site_wrap li.twi a{background-position:center -1px;border-left:1px solid #8ddaed;}
.m_top #main_site_wrap li.face a{background-position:center -42px;}
.m_top #main_site_wrap li.daum a{background-position:center -80px;}
.m_top #main_site_wrap li.naver a{background-position:center -120px;}
.m_top .t_link{display:none}


@media(min-width:0px){
	#footer .f_qr,
	#footer .f_wa,
	.m_top .skip-navi,
	.m_top #main_site_wrap ul,
	#gnb,
	#snb,
	#header #sitelink .group,
	#header #sitelink .toursearch{display:none;}
	
	.m_top .layout{padding-left:0;}
	.m_top #main_site_wrap button{display:block;background:url("/images/01_potal/common/arr_icon.png") no-repeat right -6px;color:#fff;width:100%;/* height: 40px !important; */text-align:left;font-size:14px;line-height:1.5em;/* border-bottom:1px solid #fff; */}
	.m_top #main_site_wrap ul{display:none;position:absolute;/* top:40px; */right:0;width:100%;background:#41c2e1;z-index:2;}
	.m_top #main_site_wrap ul.on{display:block}
	.m_top #main_site_wrap li{border-bottom:1px solid #fff;text-align:left;float:none;}
	.m_top #main_site_wrap li a{display:block;color:#fff;padding:7px 10px}
	.m_top #main_site_wrap li ul{position:relative;}
	.m_top #main_site_wrap li ul{display:none;background:#223e99;}
	.m_top #main_site_wrap li li{border:none}
	.m_top .subsite_gnb{width:100%}
	.m_top .subsite_gnb ul{width:100%}
	.m_top #main_site_wrap li button{padding:0 10px;height: 30px;background-position: right -10px;font-size: 15px;}
	.m_top #main_site_wrap li.tsns{float:none;}
	.m_top #main_site_wrap li.tsns a{background:none;padding: 7px 10px;width:auto;height:auto;}
		.m_top .t_link{display:inline-block;float:left;width:60%}
	.m_top #main_site_wrap{display:inline-block;float:right;width:40%}


.m_top .t_link:after{display:block;content:"";clear:both}
.m_top .t_link>li{float:left;border-right:1px solid #8ddaee;box-sizing:border-box}
.m_top .t_link>li.login{width:40%}
.m_top .t_link li.sitemap{display:none}
.m_top .t_link>li.lang{width:60%;position:relative}
.m_top .t_link>li a{color:#fff;display:block;padding:12px 0;height:16px;text-align:center}
.m_top .lang button{background:url("/images/01_potal/common/arr_icon.png") no-repeat right -6px #41c2e1;color:#fff;width:100%;height:39px;text-align:left;font-size:14px}
.m_top .lang ul{display:none;position:absolute;top:40px;left:0;width:100%;background:#41c2e1;z-index:2}
.m_top .lang ul li{border-bottom:1px solid #fff;font-family:Arial, Helvetica, sans-serif}
.m_top .lang ul li a{text-align:left;padding:7px 10px}
.m_top .lang ul.on{display:block}


	
	
	#header #sitelink .mobile{display:inline-block;position:absolute;top:15px;right:10px;width:50px;height:50px;text-align:center;}
	#sitelink .mobile:before{content:"";display:inline-block;height:100%;margin-left:-3px;vertical-align:middle}
	
	#sitelink .fireinthefinger{position:relative;display:inline-block;width:25px;height:16px;line-height:1;vertical-align:middle}
	#sitelink .fireinthefinger span{position:absolute;left:0;top:0;width:100%;height:3px;line-height:1;background-color:#fff}
	#sitelink .fireinthefinger .bar1{left:0;top:0}
	#sitelink .fireinthefinger .bar2{left:0;top:7px}
	#sitelink .fireinthefinger .bar3{left:0;top:14px}
	
	#svisual{height:364px;}
	/*#svisual .sv_video{display:none;}*/
	
	#svisual .layout .ir-title{width:296px;height:76px;}
		
	#svisual .layout .title-01{background-position:-500px -4px}
	#svisual .layout .title-02{background-position:-500px -130px}
	#svisual .layout .title-03{background-position:-500px -262px}
	#svisual .layout .title-04{background-position:-500px -392px}
	#svisual .layout .title-05{background-position:-500px -515px}
	#svisual .layout .title-06{background-position:-500px -648px}
	#svisual .layout .title-07{background-position:-500px -779px}
	
	#navigate{margin-bottom:20px;}
	#navi{position:relative;top:auto;right:auto;margin-top:10px;}
	#navi .function .print{display:none;}
	#navi .function .share-block{right:-10px;}
	
	#content{width:100%;padding:37px 10px;}
	
	#footer .gotop{display:none;}
	
	#footer .f_con .layout{padding-left:20px;padding-right:20px}
	#footer .f_banner,
	#footer .f_sitelink{float:none;width:100%}
	#footer .f_banner{height:auto}
	#footer .f_banner .list{position:static;top:0;left:0;}
	#footer address{display:block;}
	#footer .addre span{margin-right:0;}
	#snb .sb_travel a em br{display:none}
	/*
	#footer .layout{padding-left:0;}
	#footer .footer_logo{display:none;}
	#footer address,
	#footer .copy{font-size:13px;text-align:center}
	#footer address div{font-size:13px;line-height:1.4;}
	#footer .number .tel{margin-left:0;}
	#footer .footer_menu ul li{float:left;margin-left:0;width:50%;border:5px solid transparent;box-sizing:border-box}
	#footer .footer_menu ul li a{padding:7px 15px;border:1px solid #8a8a8a;text-align:center}
	#footer .footer_menu ul li a:before{display:none;}
	*/
	
}
@media(min-width:768px){

}


@media(min-width:1024px){
	#footer .f_qr,
	#footer .f_wa,
	.m_top .skip-navi,
	#gnb{display:block}
	#snb,
	#header #sitelink .group,
	#header #sitelink .toursearch{display:inline-block;}
	.m_top #main_site_wrap button,
	#header #sitelink .mobile{display:none;}
	
	.m_top{height:40px;}
	.m_top .t_link{display:none}
	.m_top #main_site_wrap{display:block;float:none;width:auto}

	.m_top .layout{padding-left:138px;}
	.m_top #main_site_wrap ul{display:block;position:static;top:auto;}
	.m_top #main_site_wrap li{float:left;position:relative;}
	.m_top #main_site_wrap li button{display:block;padding: 0 40px 0 20px;height: 40px;background-position: right -7px;}
	.m_top #main_site_wrap li ul{position:absolute;top:40px;left:-1px;z-index:9;width:170px;background:#41c2e1;border:1px solid #fff;z-index:1000;}
	.m_top #main_site_wrap li li{float:inherit;border-bottom:1px solid #fff}
	.m_top #main_site_wrap li li a{padding:7px 10px}
	.m_top #main_site_wrap li a{padding: 9px 24px;}
	.m_top #main_site_wrap li.tsns{float:right;}
	.m_top #main_site_wrap li.tsns a{padding:0;width:45px;height:40px;background:url("/images/01_potal/common/tsns_icon.png") no-repeat center 0;font-size:0;}	
	.m_top #main_site_wrap li.tsns.face a{background-position: center -40px;}
	.m_top #main_site_wrap li.tsns.daum a{background-position:center -80px;}
	.m_top #main_site_wrap li.tsns.naver a{background-position: center -117px;}
	.m_top #main_site_wrap li.tsns.yout a{background-position: center -160px;}
	.m_top #main_site_wrap li.tsns.ins a{background-position: center -196px;}
	.m_top #main_site_wrap li.tsns.band a{background-position: center -203px;background-size: 13px;}
	
	#header #logo{left:5px;}
	#header #sitelink .group{padding-left:3px;padding-right:3px;}
	#header #sitelink .group a{padding:0 10px;}
	
	#svisual{height:434px;}
	#svisual .layout .ir-title{width:421px;height:111px;}
		
	#svisual .layout .title-01{background-position:-15px -4px}
	#svisual .layout .title-02{background-position:-15px -130px}
	#svisual .layout .title-03{background-position:-15px -262px}
	#svisual .layout .title-04{background-position:-15px -392px}
	#svisual .layout .title-05{background-position:-15px -515px}
	#svisual .layout .title-06{background-position:-15px -648px}
	#svisual .layout .title-07{background-position:-15px -779px}
	
	#gnb .layout{padding-left:195px;padding-right:325px;}
	#tm>li>a{padding:0 13px;}
	
	div[id^="summary"]{left:0;}
	
	#snb{width:22%;}
	#content{padding: 37px 50px;width:78%;}
	
	
	#navigate{margin-bottom:40px;}
	#navi{position:absolute;top:0;right:0;margin-top:0;}
	#navi .function .print{display:inline-block;}
	#navi .function .share-block{right:37px;}
	#footer .f_con .layout{padding-left:300px;}
	#footer .f_banner,
	#footer .f_sitelink{float:left;}
	#footer .f_banner{width:60%;height:40px;}
	#footer .f_sitelink{width:40%}
	#footer .f_banner .list{position:absolute;top:15px;left:195px}
	#footer address{display:inline-block;}
	#footer .addre span{margin-right:20px;}
	
	
	
	/*
   #footer .layout{padding-left:312px;}
   #footer .footer_logo{display:block;}
   #footer .footer_menu ul li{width:auto;border:0px}
   #footer .footer_menu ul li a{padding:5px 15px;border:0px;text-align:left}
   #footer .footer_menu ul li a:before{display:block;}
   #footer address,
   #footer .copy{font-size:15px;text-align:left}
   #footer .number .tel{margin-left:5px;}
   #footer address div{font-size:15px;}
   */
}
@media(min-width:1300px){
	#snb .sb_travel a em br{display:inline-block}
	#header #logo{left:30px;}
	#gnb .layout{padding-left:220px;padding-right:326px;}
	#header #sitelink .group{padding-left:10px;padding-right:10px;}
	#header #sitelink .group a{padding:0 15px;}
	
	#tm>li>a{padding:0 18px;}
	div[id^="summary"]{left:-30px;}
	
	#snb{width:18%;}
	#content{width:82%;}
	
	#footer .gotop{display:block;}
	
	
	

}  

 /*울진군청,문화관광 footer 경상북도 자치단체 추가*/
#footer .f_sitelink>button.f_btn03 {width: 100%; border-top: 1px solid #424242;border-bottom: 1px solid #424242;}
#footer .f_sitelink div.f_site03 {right: 0;width: 50%;bottom:0;}

@media all and (min-width:768px){
#footer .f_top>div { display: flex;}
#footer .f_sitelink { width: 66%;}
#footer .f_sitelink>button {width: calc(100% / 3 - 10px);}
#footer .f_sitelink div.f_site02 {right: 19%;}
#footer .f_sitelink>button.f_btn03 {width:calc(100% / 3 - 10px); border-top:0; border-bottom:0;}
#footer .f_sitelink div.f_site03 {right: 25px;bottom:60px;}
#footer .f_banner { float: right; width: 34%;height: 40px;}
#footer .f_banner .list {position: absolute;   top: 15px; left: 195px;}
}

@media all and (min-width:1023px){
#footer .f_top>div { display: block;}
#footer .f_sitelink { width: 50%;}
#footer .f_banner {width: 50%;}
}