@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:1000px){}

/* 헤딩관련 간격 조절 */
@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{width:100%;min-width:1000px;max-width:none;overflow:hidden}
#snb{max-width:1000px}
#container{width:auto;margin-top:20px;max-width:1000px}
#location{height:auto;padding:0}
#location h3{margin:0 0 -4px;padding:35px 0 10px;line-height:1;font-size:2em}
#location .dir{top:0}
#location .buttons{top:13px}
#sns_pr{top:20px}
}

/* 태블릿 */
@media(max-width:1000px){
/* 모바일 기능 버튼 */
#respond_buttons{display:block;position:absolute;top:55px;right:10px}
#respond_buttons a{display:block;width:47px;height:44px;overflow:hidden;text-indent:-999px;border:1px solid #dedede;background:url(/images/welfare/header/rwd_gnb_btn.gif) no-repeat}
 
/* 모바일 검색 */
#snb .util_hm .grap .basic_search{position:relative;float:right;width:auto;height:auto;top:0}
#snb .util_hm .grap .basic_search label{left:0;margin-left:15px;line-height:39px;color:#fff}
#snb .util_hm .grap .basic_search input[type="search"],
#snb .util_hm .grap .basic_search input[type="text"]{width:230px;height:31px;padding:4px 5px;margin:0;border-width:0;line-height:31px;color:#fff;background:#2f3e56}
#snb .util_hm .grap .basic_search input[type="submit"],#open_search{width:39px;height:39px;margin-left:-5px;padding:0;text-indent:-9999px;border-width:0;background:#2f3e56 url(/images/kor/header/topsearch_submit.png) no-repeat 50% 50%}
#snb .util_hm .grap .basic_search .searchFrm{height:auto}
#snb .util_hm .grap .basic_search .search{display:block;background:#2f3e56}

#snb .util_hm .grap .global,
#snb .util_hm .grap .lang{display:none}

/* 모바일 메뉴 */
#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/welfare/header/mobile_topmenu_bg.png) repeat-y}
#topmenu a{display:block;background:url(/images/welfare/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;font-size:1em;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/welfare/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/welfare/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:1em;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/welfare/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;max-width:none;margin:0;padding:0}
#snb{max-width:none}
#location h3,
#location .dir,
#location .buttons{position:static;width:auto;margin:0;padding:0}
#location,
#container,
#siteinfo{float:none;margin:0;padding:0}
#contents,
#pollwrite{float:none;max-width:none;margin:0}

/* 숨겨지는 요소 */
#gnb,
#lnb,
#print,
#footer .f_logo,
#footer .addr address{display:none}

/* 스타일 변경 시작 */
#header{height:120px;padding:0;border-bottom:5px solid #f4911e;background:#fff}
#snb{background:url(/images/tour/header/snb_bg.gif) repeat-x}
#snb h1{top:55px;left:10px}
#snb .util_hm .grap{float:none}
#snb .util_hm .grap .lang{height:39px}
.cvisual_wrap{background-size:130%}
.cvisual_wrap .cvisual{height:auto;padding-top:18%}
#location{border-bottom-width:0}
#location .dir{height:30px;line-height:30px;padding:0 10px;border-bottom:1px solid #dedede}
#location .dir a.home{padding-left:0}
#sns_pr{top:0}
#sns_pr li a{width:30px;height:30px}
#sns_pr li.fb a{background-position:-11px -4px}
#sns_pr li.tt a{background-position:-56px -4px}
#location h3{position:static;float:none;padding:10px;text-align:center;line-height:1.6;font-size:1.6em}
#container{background:#fff}
#contents,
#pollwrite{width:auto;padding:20px 0;margin:0 10px}
.satisfaction .survey_txt{float:none;margin:10px 0 0}
.satisfaction .survey_txt input[type="text"]{width:618px;height:20px;padding-left:10px}
.satisfaction .survey_txt input[type="button"]{height:30px} 
#siteinfo .addr{float:none;display:block;margin-top:0}
#siteinfo .addr p{text-align:center;margin:0;padding:15px 0}
}

/* 모바일 */
@media(max-width:767px){
/* 숨겨지는 요소 */
.cvisual_wrap,
.charge,
.satisfaction{display:none}

#snb .util_hm .grap .basic_search{position:relative;top:0;width:39px;height:39px}
#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 #open_search{display:block;margin-left:0;padding:0;overflow:hidden;cursor:pointer}
}

@media(max-width:639px){
#location h3{font-size:1.5em}
}

@media(max-width:479px){
#snb .util_hm .potaldir li a{width:90px}
#snb .util_hm .potaldir li.dir1 a{background-position:5px 6px}
#snb .util_hm .potaldir li.dir2 a{background-position:-110px 6px}
#snb .util_hm .potaldir li.dir3 a{background-position:-232px 6px}
#location h3{height:35px;padding:0 10px;line-height:38px;font-size:1.2em;text-align:left}
#location .dir{height:auto;line-height:30px}
#location #sns_pr{position:static;float:right}
#sns_pr li{padding:3px}
#sns_pr li.fb{background-color:#4c74b6}
#sns_pr li.tt{background-color:#2a97c5}
}

@media(max-width:359px){}