@charset "utf-8";

#shadow_device{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;z-index:1030}
#touchArea{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000}

/* 작업기준 */
@media(max-width:1279px){}
@media(max-width:1000px){}
@media(max-width:767px){}
@media(max-width:639px){}
@media(max-width:479px){}
@media(max-width:359px){} 

/* 1024 폰트 사이즈 관련 변경 사항 */
@media (max-width:1279px) and (min-width:1000px){
body,button{font-size:12px}
}

/* 헤딩관련 간격 조절 */
@media(max-width:1279px){}
@media(max-width:1000px){}
@media(max-width:767px){}
@media(max-width:639px){}
@media(max-width:479px){
.push_h4{margin-left:10px}
.push_h5{margin-left:15px}
.push_h6{margin-left:20px}
}
@media(max-width:359px){}


/* pc 작은화면 */
@media(max-width:1279px){
#wrap{min-width:1000px;max-width:none}
#snb,#footersitelink .footersitelinkwrap{max-width:980px}
#snb .util_hm .grap .basic_search input[type="search"]{/*width:208px;*/width:130px;}

/*#tm{padding-left:325px;margin-left:-500px;width:675px}*/
#tm .th1 .th1_lnk{text-align:center} 
#tm .th1 .th1_lnk>span{text-align:center}
#tm .th2{width:100%;max-width:998px;padding-left:0;background:none}
#tm #summery1,#tm #summery2,#tm #summery3,#tm #summery4,#tm #summery5,#tm #summery6,#tm #summery7{background:none}
#tm .th3{width:800px} 
#tm .no4 .th2>li>a{padding:0 2px}

#contentswrap{margin-left:250px}
#container{width:auto;max-width:980px}
/*#lnb{width:210px}*/
#lnb .lm_2th>li>a{background-position:175px 50%}
#lnb .lm_2th>li>a.link_2th_ov,
#lnb .lm_2th>li>a:hover,
#lnb .lm_2th>li>a:focus,
#lnb .lm_2th>li>a:active{background-position:175px 50%}
#location{height:auto;padding-bottom:0;}
/*
#location h3{padding:0;margin:5px 0 10px;font-size:2em}
*/
.satisfaction .survey_txt label{display:none;}
/*
.satisfaction > p,
.satisfaction ul.star{float:none}
.satisfaction .survey_txt{float:none;margin:10px 0 0}
.satisfaction .survey_txt label{left:10px}
.satisfaction .survey_txt input[type="text"]{width:600px;height:20px;padding-left:10px}
.satisfaction .survey_txt input[type="button"]{height:30px} 
*/
#footersitelink .footersitelinkwrap strong{width:10%;padding-left:5%}
#footersitelink .footersitelinkwrap>ul{width:85%}
#footersitelink .footersitelinkwrap>ul>li{width:24.5%}
#footersitelink .footersitelinkwrap .obj{padding:15px 0 5px 15px}
#footersitelink .footersitelinkwrap .obj li a{padding-left:13px}

}


/* 태블릿 */
@media(max-width:1000px){
	
#snb, #lnb_hm, #gnbwrap, #svisual, #container, #banner, #footer{width:100%;min-width:auto;max-width:none;}
	

#wrap{position:relative;width:100%;min-width:320px;overflow:hidden}

/* 모바일 검색 */
#snb .util_hm .grap .basic_search input[type="search"]{width:230px}

/* 모바일 기능 버튼 */
#respond_buttons{display:block;position:absolute;top:15px;right:10px;z-index:1001}
#respond_buttons a{display:block;width:22px;height:17px;padding:12px;overflow:hidden;text-indent:-999px;border:1px solid #dedede;background:url(/images/kor/header/rwd_gnb_btn.gif) no-repeat 50% 50%}

/* 모바일 메뉴 */
#topmenu{display:block;position:absolute;top:0;overflow:auto;width:200px;height:100%;opacity:0;background:#333;z-index:1040}
#topmenu a{display:block}
#topmenu .tmc a.tmcd{padding:10px;color:#fff}
#topmenu .tmc a.ov{font-size:1.43em;font-weight:700}
#topmenu .tmc .thm{padding:10px;background:#f9f9f9}
#topmenu .tmc .thm a{padding:5px 10px;line-height:1.2}

#topmenu{right:-224px;width:224px;padding-left:5px;background:url(/images/kor/header/mobile_topmenu_bg.png) repeat-y}
#topmenu a{display:block;background:url(/images/kor/header/mobile_topmenu.png) no-repeat;color:#fff}
#topmenu .global{display:table;width:100%;border-bottom:1px solid #435688}
#topmenu .global a{display:table-cell;width:100px;padding:50px 0 20px;text-align:center;border-left:1px solid #435688;background-position:40px -80px}
#topmenu .global a:first-child{border:0;background-position:40px 20px}

#topmenu .lang{border-bottom:1px solid #435688}
#topmenu .lang p{text-align:center;background:url(/images/kor/header/mobile_topmenu.png) no-repeat 180px -222px}
#topmenu .lang p a{padding:20px 0;background-position:24px -177px}
#topmenu .lang ul{display:none;border-top:1px solid #435688;background:#2c3a5d}
#topmenu .lang ul li{border-top:1px solid #384870;background:url(/images/kor/header/mobile_topmenu.png) no-repeat 170px -382px}
#topmenu .lang ul li:first-child{border-top:0}
#topmenu .lang ul li a{padding:10px 0;padding-left:50px;background-position:35px -280px}

#topmenu #gnb_device .th1{border-top:1px solid #2b3756;border-bottom:1px solid #48567b}
#topmenu #gnb_device .th1:first-child{border-top:0}
#topmenu #gnb_device .th1 a.th1_lnk{padding:15px 0;padding-left:20px;font-size:1.14em;background-position:178px -330px}
#topmenu #gnb_device .th1 a.ov,
#topmenu #gnb_device .th1 a.th1_lnk:active{background-color:#1b2848;background-position:-60px -324px}
#topmenu #gnb_device .th2{background:#2c3a5d}
#topmenu #gnb_device .th2 li{border-top:1px solid #384870;background:url(/images/kor/header/mobile_topmenu.png) no-repeat 170px -382px}
#topmenu #gnb_device .th2 li a{padding:10px 0;padding-left:30px;background-position:35px -280px}
#topmenu #gnb_device .th2 li a:active{color:#90daf7}
#topmenu #gnb_device .th2 li li{background:none;border-top:0} 
#topmenu #gnb_device .th2 li li a{padding:3px 0;padding-left:32px;color:#c8ccd7;border-top:0;background:none}
#topmenu #gnb_device .th2 li li a:hover,
#topmenu #gnb_device .th2 li li a:active{color:#90daf7;text-decoration:underline}
#topmenu #gnb_device .th2 li li a:before{content:"·";display:inline;margin-right:5px;color:#7183b1}
#topmenu #gnb_device .th3{display:none;padding:10px 0;background:#36456c}

/* 스타일 초기화 */
#wrap,
#snb,
#container,
#contentswrap,
#footer{width:auto;min-width:0;margin:0}
#snb{max-width:none}
#location .dir{width:auto;margin:0}
#location h3,
#location .location_buttons{position:static;width:auto;margin:0;padding:0}
#location,
#container,
#siteinfo{float:none;margin:0;padding:0}
#contents,
#pollwrite{/*float:none;*/width:auto;max-width:none;margin:0}

/* 숨겨지는 요소 */
#snb .util_hm .toContent,
#gnb,
#lnb,
#location .print,
#footer .f_logo,
#footer .fm,
#footer .qrcode,
#footer .addr address,
#sns_pr{display:none}

#lnb_hm{display:none;top:auto;right:auto;}
.util_hm{top:auto;right:auto;}
.util_hm .util{position:relative;top:auto;right:auto;}
.util_hm .util li a{color:#fff;font-size:14px;}
.util_hm .util li a[target="_blank"]{color:#fff;font-size:14px;}
#snb .basic_search{display:none;}
/* 스타일 변경 시작 */
h3{font-size: 1em}
#header{height:90px;padding:0;background:#fff}
#snb{padding-top:15px;/*background:url(/images/kor/header/snb_bg.gif) repeat-x*/}
#snb h1{/*top:55px;left:10px*/margin:0 auto;top:auto;left:auto;position:relative;width:270px;}
#snb .util_hm .grap{float:none}
#snb .util_hm .grap .global{margin-left:10px}
#snb .util_hm .grap .lang{height:39px}
#snb .util_hm .grap .basic_search{float:right}
#containerwrap {background:none}
#location .dir{position:static;padding:10px;background:#fbfbfb;border-bottom:1px solid #dedede}
#location .location_buttons{float:right;padding:10px;margin-top:-45px}
#location .location_buttons li{float:left}
#location h3{padding:4px 10px;line-height:1.6;font-size:1.6em}
#contents,
#pollwrite{padding:20px 0;margin:0 10px}
.satisfaction .survey_txt{float:none;margin:10px 0 0}
.satisfaction .survey_txt input[type="text"]{width:600px;height:20px;padding-left:10px}
.satisfaction .survey_txt input[type="button"]{height:30px} 

#footersitelink{margin-top:20px;background-size:3300px}
#footersitelink .footersitelinkwrap strong{position:absolute;top:0;left:-999px}
#footersitelink .footersitelinkwrap>ul{float:none;width:auto;margin:0 10px}
#footersitelink .footersitelinkwrap>ul>li{width:24.3%}
#footersitelink .footersitelinkwrap>ul>li:nth-child(3) .obj li{width:100%}

#siteinfo .addr{display:block}
#siteinfo .addr p{text-align:center}

#footer .mark {float:none;text-align:center;margin:0 auto;margin-top: 20px;}

#footer{padding:15px;border-top:1px solid #dcdcdc}
}

/* 모바일 */
@media(max-width:767px){
	#location .dir{float:right;}
#location .dir a{display:none}
#location .dir .home,
#location .dir .last{display:inline-block}
/* 숨겨지는 요소 */
.charge,.satisfaction,#snb .tg_box{display:none}
#snb .util_hm .grap .basic_search{position:relative;width:80px;height:40px}
#snb .util_hm .grap .basic_search fieldset{position:absolute;top:0;right:-278px;width:278px}
#snb .util_hm .grap .basic_search fieldset label{top:-999px}

#snb .util_hm .sitelink a,
#snb .util_hm .tourlink a,
#snb .util_hm .movielink a{padding:0 15px;background:none;font-size:12px;}

#open_search{display:block;margin-left:0;overflow:hidden;cursor:pointer;width:80px;height:40px;text-align:center;text-indent:0;font-weight:normal;color:#fff;font-size:1em;line-height: 40px;padding:0;border-width:0;background:#2f3e56}

/*#snb h1{top:50px;width:132px;height:63px}*/
#respond_buttons{top:15px}

.basic_tab li{width:33.3%}



}

@media(max-width:639px){

.cvisual_wrap{background:url(/images/farm/common/svisual_mo.jpg) no-repeat 50% 0;background-size:100% auto;}
.cvisual_wrap .cvisual{width:100%;height:204px;}


#location .location_buttons{margin-top:9px}
#footersitelink{background-size:4450px}
#footersitelink .footersitelinkwrap>ul>li{width:49.3%}
#footersitelink .footersitelinkwrap>ul>li:nth-child(3){margin-left:0}
#footersitelink .footersitelinkwrap>ul>li:nth-child(3),
#footersitelink .footersitelinkwrap>ul>li:nth-child(4){margin-top:5px}
}
@media(max-width:479px){
.cvisual_wrap .cvisual{height:124px;}
	
.basic_tab li{float:none;width:auto}
#footersitelink .footersitelinkwrap{min-height:0;overflow:hidden}
#footersitelink .footersitelinkwrap strong,
#footersitelink .footersitelinkwrap ul{display:none}
#footersitelink .footersitelinkwrap form{display:block;margin:15px;overflow:hidden}
#footersitelink .footersitelinkwrap form .familyset{float:left;width:80%;overflow:hidden}
#footersitelink .footersitelinkwrap input[type="submit"]{float:left}
#footersitelink .footersitelinkwrap select{width:100%;border:0}
#footersitelink .footersitelinkwrap input[type="submit"]{width:20%;padding:0;border:0}

#snb .util_hm .sitelink a,
#snb .util_hm .tourlink a,
#snb .util_hm .movielink a{padding:0 10px;font-size:12px;}
}