@charset"utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,800|Noto+Sans+KR:300,400|Yeon+Sung&display=swap&subset=korean');

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{font-family:'Noto Sans KR', 'NanumGothic', Dotum, sans-serif;margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Noto Sans KR', 'NanumGothic', Dotum,sans-serif;font-size:13px}
img,fieldset,button{border:0}
ul,ol,li {list-style:none}
em,address{font-style:normal}


a{text-decoration:none; color:#333333;}
a:hover,a:active,a:focus{text-decoration:none; color:#28245f; }

.header{position:fixed; z-index:10;width:100%;top:0px; min-width:320px; height:70px; background:#fff; text-align:center;border-bottom:1px solid #ddd;}
.header h1 {margin-left:3%;width:200px;margin-top:8px;text-align:left;}
.header h1 img{width:170px;}

.header h2 img{position:absolute;top:15px; width:44px;float:left;right:3%;margin-right:33px;}

.header .btn_gnb{position:absolute;top:15px; float:left;right:2%; }
.header .btn_gnb img{width:39px; height:39px;}

.headmenu {position:fixed; top:95px; left:0; z-index:10; width:100%;  min-width:320px; height:35px; background:#18b2a8; text-align:center}
.headtop li{position:relative; color:#fff; float:left;}



.gnb_area{position:absolute; top:0; left:-327px; z-index:100; width:325px; height:100%; background:#fff; border-right:1px solid #de1f26;}
.gnb_area header{padding:15px 15px 10px 24px; background:#fff;}
.gnb_area header a,
.gnb_area header p{color:#333;letter-spacing:-1px; font-size:13px;}
.gnb_area header p span{line-height:18px; color:#333; text-decoration:underline;}
.gnb_area header p{line-height:18px; padding-bottom:6px;}
.gnb_area header ul{*zoom:1;}
.gnb_area header ul:after{content:""; display:block; clear:both;}
.gnb_area header ul li{float:left; padding-bottom:5px; margin-left:15px; padding-left:12px;}
.gnb_area header ul li:first-child{margin-left:0; padding-left:0; background:none;}
.gnb_area .gnb{border-top:1px solid #ddd;}
.gnb_area .gnb>li>a{display:block; height:35px; line-height:35px; padding:0px 0 0px 23px; border-bottom:1px solid #ddd; font-size:15px; color:#555;}
.gnb_area .gnb>li.on>a{ color:#fff; border-bottom:1px solid #ddd;background:#9a9ab6;}
.gnb_area .gnb>li>ul{display:none;}
.gnb_area .gnb>li>ul>li>a{display:block; height:28px; line-height:25px; padding-top:2px; padding-left:25px;  background:#fff; border-bottom:1px solid #ddd;
font-size:13px; color:#333;}
.gnb_area .leftmenu_close{position:absolute; top:17px; right:17px;}
.gnb_area .gnb>li>ul>li>ul{display:none; padding:15px 25px; background:#c5690f; border-bottom:1px solid #dda874;}
.gnb_area .gnb>li>ul>li>ul a{line-height:20px; color:#fff;}


/* header */
.main_footer{padding:0px; background:#fff;}
.main_footer address{line-height:20px;}
.sub_footer{padding:10px; line-height:20px; font-size:13px; background:#f4f4f4;}

/* index */

.mvisimage{max-width:768px; margin:auto;}
.mvisimage ul{position:relative;}
.mvisimage li{position:absolute; padding-top:100px; left:0; width:100%; height:100%;}
.mvisimage li:first-child{position:relative;}
.mvisimage li img{width:100%;}

.mvis{max-width:768px; margin:auto;margin-top:100px; }
.mvis ul{position:relative;}
.mvis li{position:absolute; padding-top:130px; left:0; width:100%; height:100%;}
.mvis li:first-child{position:relative;}
.mvis li img{width:100%;}

.tile {position:relative; width:100%; padding:0px;float:left;}

.subconttext {width:100%;height:auto;font-size:15px;letter-spacing:-0.5px;margin-top:30px;line-height:160%;} 


.boardlist { border-bottom:1px solid #ddd; padding-top:7px;padding-bottom:7px;font-size:15px;}
.boardlistsubject { width:98%;margin-left:2%; overflow:hidden; }
.boardlistcontent { width:92%;margin-top:10px; height:auto; background:#f5f5f5; line-height:23px; font-size:14px; border:1px solid #ddd;padding:3%; margin-bottom:14px;}

.orderform {padding:35px 35px; padding-top:10px;}

.subwrap {width:100%;height:auto;margin:0 auto;max-width:600px;} 
.substart {position:relative;width:95%;height:auto;margin:0 auto;margin-top:30px;background:#fff;} 

.subtitleimg {width:100%;height:150px;margin:0 auto;text-align:center;} 

.subtitle {width:100%;height:80px;margin:0 auto;font-size:28px;padding-top:55px;text-align:center;color:#fff;letter-spacing:-1px;font-weight:bold;} 
.subtitlecut {width:50px;margin:0 auto;height:3px;background:#de1f26;margin-bottom:10px;} 

.subboardview{width:100%;height:auto;margin:0 auto;padding-bottom:10px;padding-top:20px;text-align:center;border-bottom:1px solid #ddd;} 
.subboardsubject{width:100%;height:auto;margin:0 auto;font-size:22px;text-align:center;font-weight:bold;} 

.subdesc {width:100%;height:50px;margin:0 auto;font-size:22px;text-align:left;padding-top:30px;letter-spacing:-1px;font-weight:bold;} 
.subtitlebtn {width:100%;height:30px;margin:0 auto;font-size:17px;text-align:center;padding-top:20px;letter-spacing:-1px;} 

.topsubmenu { width:100%;border-bottom:1px solid #ddd;background:#f5f5f5;margin-top:70px;height:28px;padding-top:6px;text-align:center; }
.topsubmenu a{font-size:14px;color:#000;margin-left:3px;margin-right:3px;letter-spacing:-1px; }

.commenu {width:95%;height:50px;padding-top:15px;margin:0 auto;max-width:600px;}
.commenu li{width:24.9%;border:1px solid #ddd;height:23px;padding-top:4px;border-right:0px;margin-right:-1px;margin-top:-1px;float:left;text-align:center;}


.commenu2 {width:95%;height:50px;padding-top:15px;margin:0 auto;max-width:600px; }
.commenu2 li{width:33%;border:1px solid #ddd;height:23px;padding-top:4px;border-right:0px;margin-right:-1px;margin-top:-1px;float:left;text-align:center;}


.commenu3 {width:95%;height:50px;padding-top:15px;margin:0 auto;max-width:600px; }
.commenu3 li{width:49.5%;border:1px solid #ddd;height:23px;padding-top:4px;border-right:0px;margin-right:-1px;margin-top:-1px;float:left;text-align:center;}


#show_content img{width:100% !important; height:auto !important;}

.writelist {width:99%;height:42px;margin:0 auto;padding-top:10px;float:left;border:1px solid #ddd;border-bottom:0px;} 

.writelistcon {width:100%;height:40px;font-size:16px;padding-left:3%;text-align:left;overflow:hidden;float:left;} 

.writeconlist {width:99%;height:auto;margin:0 auto;padding-top:15px;float:left;padding-bottom:15px;border:1px solid #ddd;border-bottom:0px;} 
.writecontitle {width:20%;height:auto;font-size:14px;text-align:center;padding-top:20px;overflow:hidden;float:left;} 
.writecon {width:100%;height:auto;font-size:16px;padding-left:3%;text-align:left;float:left;} 

.writelistimg {width:99%;height:80px;margin:0 auto;float:left;border:1px solid #ddd;} 

.writeimgnotice {width:31%;height:40px;margin:0 auto;float:left;margin-left:10px;} 
.input35  {height:30px;width:94%;;font-size:15px;color:#333;background:#f5f5f5;border:1px solid #ddd;} 

.filebox_wrap { padding:5px; }
.filebox_wrap li { position:relative; float:left; width:55px; height:55px; border:1px solid #ddd; margin:5px; }
.filebox_wrap li img { width:55px; height:55px; }
.filebox_wrap li input.img_upload { position:absolute; left:0; top:0; width:100%; height:100%; background:gold; opacity:0; filter:alpha(opacity=0); cursor:pointer; }

/*paging*/
.content_page{display:block;clear:both;position:relative;width:100%;padding:80px 0;text-align:center;zoom:1;overflow:hidden}


.content_page .kkk {display:inline-block;line-height:100%;position:relative; margin-right:-1px;padding:6px 10px 7px 10px;border:1px solid #ddd;font-size:14px;line-height:normal;color:#000;text-decoration:none;}
.content_page b {display:inline-block;line-height:100%;position:relative; background:#e11f26; color:#fff; margin-right:-1px;padding:6px 10px 7px 10px;border:1px solid #e11f26;font-size:14px;line-height:normal; text-decoration:none;font-weight:bold;z-index:1;}

.content_page .kkk:hover{border:1px solid #ccc;background:#ddd;text-decoration:none}

/*.content_page a:hover{border:1px solid #ccc;border-left:0px;background:#dddddd;text-decoration:none}*/
.content_page .mpre,.content_page .mnext{display:inline-block;_position:relative;_top:0px;_width:90px;font:16px;font-weight:bold;color:#565656}

.content_page .mpre{margin-right:-9px;padding:8px 20px 7px 0px;}
.content_page .mnext{margin-left:0px;padding:8px 0px 7px 12px;}



.center_map{overflow:hidden;width:100%;}
.center_map .c_map_01{float:left;}
.center_map .c_map_01 #left_container{position:relative;}
.center_map .c_map_02{float:right; position:relative;}
.center_map .mapTitle{position:absolute; left:0px; top:10px; font-size:18px; color:#454545; z-index:2;}
.center_map a{
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}



.map_area li h1{width:98%;padding-left:2%;font-size:15px;padding-top:7px;text-align:left;height:30px;border-bottom:1px dotted #ccc;}
.map_area li h2{clear:both;width:98%;padding-left:2%;font-size:13px;padding-top:20px;font-weight:normal;padding-bottom:10px;border-top:0px;color:#666;text-align:left;line-height:20px;height:auto;margin-top:-5px;background:#fff;border-bottom:1px dotted #ccc;}
.map_area li h1 span{color:#4a87bd;font-size:12px;margin-right:10px;}


#left_container ul#continents {width:350px;height:470px;position:relative;background:url('../images/center_map01.gif') no-repeat 0 0;float:left;}
#left_container ul#continents li {position:absolute;}
#left_container .incheon {width:42px;height:46px;top:87px;left:54px;}
#left_container .seoul {width:31px;height:27px;top:100px;left:95px; z-index: 20}
#left_container .gyunggi {width:120px;height:133px;top:44px;left:77px;}
#left_container .kangwon {width:166px;height:148px;top:17px;left:118px;}
#left_container .chungnam {width:112px;height:104px;top:161px;left:46px;}
#left_container .sejong {width:38px;height:27px;top:197px;left:119px;}
#left_container .daejeon {width:26px;height:31px;top:215px;left:126px;}
#left_container .chungbuk {width:102px;height:120px;top:142px;left:130px;}
#left_container .gyungbuk {width:133px;height:153px;top:151px;left:169px;}
#left_container .jeonbuk {width:111px;height:82px;top:247px;left:68px;}
#left_container .daegu {width:32px;height:43px;top:259px;left:210px;}
#left_container .jeonnam {width:143px;height:116px;top:311px;left:26px;}
#left_container .kwangju {width:30px;height:22px;top:330px;left:83px;}
#left_container .gyeongnam {width:130px;height:115px;top:270px;left:153px;}
#left_container .ulsan {width:37px;height:39px;top:287px;left:257px;}
#left_container .busan {width:38px;height:32px;top:320px;left:245px;}
#left_container .jeju {width:60px;height:34px;top:429px;left:79px;}
#left_container ul#continents li a {display:block; height:100%;}
#left_container ul#continents li a {text-indent:-9000px;}
#left_container ul#continents li a:hover,
#left_container ul#continents li a:focus {background:url('../images/map_korea_over.png') no-repeat 0 0;}
#left_container ul#continents li.incheon a:hover,
#left_container ul#continents li.incheon a:focus{background-position:0 0;}

#left_container ul#continents li.seoul a:hover,
#left_container ul#continents li.seoul a:focus{background-position:-50px 0;}

#left_container ul#continents li.kangwon a:hover,
#left_container ul#continents li.kangwon a:focus{background-position:-220px 0;}

#left_container ul#continents li.gyunggi a:hover,
#left_container ul#continents li.gyunggi a:focus{background-position:-90px 0;}

#left_container ul#continents li.chungbuk a:hover,
#left_container ul#continents li.chungbuk a:focus{background-position:-600px 0;}

#left_container ul#continents li.gyungbuk a:hover,
#left_container ul#continents li.gyungbuk a:focus{background-position:-710px 0;}

#left_container ul#continents li.sejong a:hover,
#left_container ul#continents li.sejong a:focus{background-position:-520px 0;}

#left_container ul#continents li.chungnam a:hover,
#left_container ul#continents li.chungnam a:focus{background-position:-390px 0;}

#left_container ul#continents li.daejeon a:hover,
#left_container ul#continents li.daejeon a:focus{background-position:-570px 0;}

#left_container ul#continents li.daegu a:hover,
#left_container ul#continents li.daegu a:focus{background-position:-0px -200px;}

#left_container ul#continents li.jeonbuk a:hover,
#left_container ul#continents li.jeonbuk a:focus{background-position:-850px 0;}

#left_container ul#continents li.gyeongnam a:hover,
#left_container ul#continents li.gyeongnam a:focus{background-position:-90px -200px;}

#left_container ul#continents li.ulsan a:hover,
#left_container ul#continents li.ulsan a:focus{background-position:-220px -200px;}

#left_container ul#continents li.jeonnam a:hover,
#left_container ul#continents li.jeonnam a:focus{background-position:-390px -200px;}

#left_container ul#continents li.kwangju a:hover,
#left_container ul#continents li.kwangju a:focus{background-position:-570px -200px;}

#left_container ul#continents li.jeju a:hover,
#left_container ul#continents li.jeju a:focus{background-position:-710px -200px;}

#left_container ul#continents li.busan a:hover,
#left_container ul#continents li.busan a:focus{background-position:-300px -200px;}