@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){
  #snb h1{
   top:55px
  }
#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{width:95px;padding:33px 0;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}
#location h3{margin:5px 0 10px;font-size:2em}

.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){

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

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

/* 모바일 기능 버튼 */
#respond_buttons{display:block;position:absolute;top:70px;right:10px}
#respond_buttons a{display:block;width:22px;height:17px;padding:12px;overflow:hidden;text-indent:-999px;/* border:1px solid #dedede; */background: url(/images/kor/common2/sitemap.png) center no-repeat;}

/* 모바일 메뉴 */
#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;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 #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{width:auto;margin:0;padding:0}
#location,
#container,
#siteinfo{float:none;margin:0;padding:0;padding-top: 10px;}
#contents,
#pollwrite{float:none;width:auto;max-width:none;margin:0}

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

/*20180529추가_개인정보 모바일추가*/
#siteinfo .fm{display:inline-block;text-align:center;}

/* 스타일 변경 시작 */
h3{font-size: 1em}
#header{height:145px;padding:0;background:#fff;border-bottom: 1px solid #e5e5e5;}
#snb{background:url(/images/kor/header/snb_bg.gif) repeat-x}
#snb h1{top:55px;left:10px}
#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;padding-right: 31px;}
#location .dir a:nth-child(2){display:none;}  
#location .dir a.last{display:inline-block;}
#location .location_buttons{float:right;padding:10px;margin-top:-45px}
#location .location_buttons li{float:left}
#location h3{padding:10px;padding-bottom: 0;line-height:1.6;font-size:1.6em;margin-bottom: -10px;}
#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;display:inline-block;text-align:center;margin:0 auto;margin-top: 20px;}

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

/* 모바일 */
@media(max-width:767px){

/* 숨겨지는 요소 */
.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,
#snb .util_hm .cyberlink 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}

#header{height:120px}
#snb h1{top:50px;width:132px;height:63px}
#respond_buttons{top:58px}

.basic_tab[class*="tab_sub06_09_01"] li{width:33.3%}
}

@media(max-width:639px){
#location h3{padding:15px 10px 0;font-size:1.5em;}
#location .location_buttons{top: 70px;padding: 0 !important;}
#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){
#snb .util_hm .grap .basic_search{display:none}

.basic_tab[class*="tab_sub06_09_01"] 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,
#snb .util_hm .cyberlink a{padding:0 7px;font-size:12px;}

#open_search{font-size:12px;}

/*20180529추가_개인정보 모바일추가*/
#siteinfo .fm {border:1px solid #ddd;box-sizing:border-box;}
#siteinfo .fm li{width:100%;padding:5px;margin:0;border-bottom:1px solid #ddd;box-sizing:border-box;}
#siteinfo .fm li:last-child{border-bottom:0px;}
#siteinfo .fm li:after{display:none;}


}