@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}

table,td,tr{border:0px;padding:0px;border-collapse:collapse;}

#container {width:100%;height:auto;margin:0 auto;max-width:768px;}
#contents {width:90%;margin:0 auto;height:auto;max-width:768px;}

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:60px; background:#fff; text-align:center;border-bottom:1px solid #ddd;}
.header h1 {position:absolute;left:50%;margin-left:-75px;width:150px;margin-top:4px;text-align:left;}
.header h1 img{width:150px;}

.header h2 img{position:absolute;top:14px; width:31px;float:left;right:3.5%;}

.header .btn_gnb{position:absolute;top:11px; float:left;left:2%; }
.header .btn_gnb img{width:36px; height:36px;}

.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;}

#main-items img{width:100%;height:270px;border-radius:20px;}
#main-items div{margin-left:-2.5px;padding:5px;}

.mheadtoparea {position:fixed;top:0px;width:100%;min-width:320px;height:55px;margin:0 auto;z-index:10000;background:#fff;border-bottom:1px solid #ddd;}

.mheadtop {position:absolute;width:50px;height:50px;float:left;left:15px;padding-top:10px;text-align:left;cursor:pointer;}
.mheadtop img{width:40px;height:35px;}
.mheadmy {position:absolute;right:15px;margin:0 auto;padding-top:12px;text-align:left;cursor:pointer;}

.mheadlogo {width:100%;height:50px;margin:0 auto;padding-top:3px;text-align:center;color:#fff;}
.mheadlogo img{height:50px;}

.mheadmenu {position:fixed; top:55px; left:0; z-index:10; width:100%; height:30px; padding-top:5px;box-sizing:border-box;line-height:15px;z-index:10000; min-width:320px; float:left; text-align:center; background:#063043;}
.mheadmenu a{color:#fff;letter-spacing:-.5px;font-size:12px;font-family:S-CoreDream-4Regular;color:#fff;margin-left:3%;}

.mheadmenusub {position:relative; top:83px; left:0; z-index:0; width:100%; padding-top:2px; height:28px; z-index:10;min-width:320px;border-bottom:1px solid #ddd;float:left; text-align:center; background:#f5f5f5;}
.mheadmenusub a{color:#fff;letter-spacing:-.5px;font-size:12px;font-family:S-CoreDream-4Regular;color:#000;margin-left:4%;}


/* easing */
		.e-i2{-webkit-transition:all .2s ease-in;
		-moz-transition:all .2s ease-in;
		-o-transition:all .2s ease-in;
		transition:all .2s ease-in;}
		.e-i3{-webkit-transition:all .3s ease-in;
		-moz-transition:all .3s ease-in;
		-o-transition:all .3s ease-in;
		transition:all .3s ease-in;}
		.e-o2{-webkit-transition:all .2s ease-out;
		-moz-transition:all .2s ease-out;
		-o-transition:all .2s ease-out;
		transition:all .2s ease-out;}
		.e-o3{-webkit-transition:all .3s ease-out;
		-moz-transition:all .3s ease-out;
		-o-transition:all .3s ease-out;
		transition:all .3s ease-out;}
		.e-c3{
		-webkit-transition:all .3s cubic-bezier(.96, .04, .10, 1.01);
		-moz-transition:all .3s cubic-bezier(.96, .04, .10, 1.01);
		-o-transition:all .3s cubic-bezier(.96, .04, .10, 1.01);
		transition:all .3s cubic-bezier(.96, .04, .10, 1.01);}
	
		#header .gnbOpen{position:absolute;box-sizing:border-box;top:8px;right:10px;width:40px;height:40px;font-size:12px;color:#fff;text-align:center;background-color:#111;cursor:pointer;}

		.gnbbg{display:none; position:fixed; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,.75);z-index:10001;}
		#aside{position:fixed; top:0; left:-100%; width:85%; max-width:350px; height:100%; z-index:999999;box-sizing:border-box;}
		#aside .scroll{width:100%;box-sizing:border-box;height:100%; background-color:rgba(255,255,255,1); position:relative; -webkit-overflow-scrolling:touch;}
		#aside .gnb{width:100%;}
		#aside .gnb>li{width:100%; border-bottom:1px solid #ddd;box-sizing:border-box;}
		#aside .gnb>li>a{display:block;box-sizing:border-box;padding:10px 0px 10px 30px;font-family:S-CoreDream-4Regular; width:100%; font-size:14px; color:#333; font-weight:400; background:#fff; background-size:18px 12px;  text-decoration:none;
		-webkit-transition:all .3s ease-in;
		-moz-transition:all .3s ease-in;
		-o-transition:all .3s ease-in;
		transition:all .3s ease-in;}
		#aside .gnb>li>a.on{color:#fff; background:#ff0066; background-size:18px 12px;}
		#aside .sub{display:none;box-sizing:border-box;padding:5px 0; width:100%;  border-top:1px solid #ddd; background-color:#F8F8F8;}
		#aside .sub>li{width:100%;}
		#aside .sub>li>a{display:block; padding:5px 0px 5px 35px;box-sizing:border-box;width:100%; border-bottom:1px dotted #ccc;font-size:13px;font-family:S-CoreDream-4Regular;color:#444; font-weight:400; text-decoration:none;
		-webkit-transition:all .3s ease-in;
		-moz-transition:all .3s ease-in;
		-o-transition:all .3s ease-in;
		transition:all .3s ease-in;}

		#last-menu {border-bottom:0px !important;}

/* 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;}


.submenu {width:100%;height:26px;margin-top:60px;padding-top:5px;text-align:center;background:#a22148;color:#fff;}
.submenu a{color:#fff;margin-left:10px;margin-right:10px;}

/* 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;}

.topsubmenu {position:fixed;z-index:1;width:100%;background:#a9225b;top:55px;height:28px;padding-top:6px;text-align:center; }
.topsubmenu a{font-size:14px;color:#fff;margin-left:5px;margin-right:5px;letter-spacing:-1px; }

.topsubmenu2 {z-index:1;width:100%;background:#f5f5f5;margin-top:80px;border-bottom:1px solid #ccc;height:25px;padding-top:5px;text-align:center; }
.topsubmenu2 a{font-size:13px;color:#fff;margin-left:8px;margin-right:8px;letter-spacing:-1px;color:#000;line-height:15px;}

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



.submenuarea {width:100%;height:45px;background:#4880ae;}

.submenu { width:820px;margin:0 auto;height:30px;padding-top:13px;}
.submenu a{ float:left;margin-left:32px;color:#fff;font-family:nanum gothic;font-size:15px;}
.submenu a:hover{color:#ccffff;}


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

.subtitle {position:relative;width:100%;color:#000;font-weight:bold;text-align:left;border-bottom:2px solid #000;height:auto;padding-top:25px;padding-bottom:10px;margin-bottom:30px;font-size:25px;letter-spacing:-3px;}

.subtitlecut {width:40px;margin:0 auto;height:3px;background:#ee4130;margin-bottom:5px;} 

.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;} 

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


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


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


#show_content img{max-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:40px 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:37px; top:35px; 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;
}



#left_container ul#continents {width:1200px;height:570px;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:132px;left:54px;}
#left_container .seoul {width:31px;height:27px;top:145px;left:95px; z-index: 20}
#left_container .gyunggi {width:120px;height:133px;top:89px;left:77px;}
#left_container .kangwon {width:166px;height:148px;top:62px;left:118px;}
#left_container .chungnam {width:112px;height:104px;top:206px;left:46px;}
#left_container .sejong {width:38px;height:27px;top:242px;left:119px;}
#left_container .daejeon {width:26px;height:31px;top:260px;left:126px;}
#left_container .chungbuk {width:102px;height:120px;top:187px;left:130px;}
#left_container .gyungbuk {width:133px;height:153px;top:196px;left:169px;}
#left_container .jeonbuk {width:111px;height:82px;top:292px;left:68px;}
#left_container .daegu {width:32px;height:43px;top:304px;left:210px;}
#left_container .jeonnam {width:143px;height:116px;top:356px;left:26px;}
#left_container .kwangju {width:30px;height:22px;top:375px;left:83px;}
#left_container .gyeongnam {width:130px;height:115px;top:315px;left:153px;}
#left_container .ulsan {width:37px;height:39px;top:332px;left:257px;}
#left_container .busan {width:38px;height:32px;top:365px;left:245px;}
#left_container .jeju {width:60px;height:34px;top:474px;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;}

.btn_gotop {
    display: block;
    position: fixed;
    bottom: 35px;
    right: 30px;
    font-family:'Noto Sans KR';
	font-size:13px;
	z-index: 100;
	color:#333;
    border: 1px solid rgba(0,0,0,0.25);
    outline: none;
    background-color: white;
    cursor: pointer;
    padding: 15px 18px;
    border-radius: 100%; 
	}