@charset"euc-kr";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,800|Noto+Sans+KR:300,400|Noto+Serif+KR:300,900&display=swap&subset=korean');
html,body{ overflow-x:hidden; }
/* Eric Meyer reset.css */
html,body,div,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,textarea,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video,button,input{margin:0; padding:0; border:0 none; vertical-align:baseline; font-family: Noto Sans KR, nanumgothic, malgun gothic,"돋움",Dotum,sans-serif; font-weight:normal; word-break:keep-all;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:""; content:none;}
table{border-collapse:collapse; border-spacing:0; width:100%; table-layout:fixed;}
img{max-width:100%;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

a{text-decoration:none;}
hr{display:none;}
legend,caption{width:1px; height:1px; *height:0; padding:0; margin-top:-1px; font-size:0; line-height:0; text-indent:-999px; overflow:hidden;}
img,td,th{vertical-align:middle;}
.blind{display:block; overflow:hidden; position:absolute; top:-1000em; left:0;}
.menuwrap {width:100%; background:#f5f5f5; position:fixed; top:126px;}
.menu {padding:7px 0 7px 20px; }
.menu a {margin-right:14px;text-decoration:none; color:#666666;}
.menuline {border:1px solid #dddddd; }



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

.ed { border:1px solid #CCCCCC; height:22px;} 
.ed1 { border:1px solid #dddddd; background-color:#eeeeee; height:20px; padding-top:3px; } 
.ed2 { border:0px solid #CCCCCC; background-color:#decec6; height:15px; padding-top:3px; } 
.ed3 { border:1px solid #888888; background-color:#999999; height:20px; padding-top:3px; color:#ffffff;} 
.ed4 { border:1px solid #cccccc; background-color:#f5f5f5; height:18px; padding-top:2px;} 

.edtc { height:21px; border-width:1; border-color:#999999; border-style:solid; padding-top:2px;} 
.edtc2 { height:30px; border-width:3; border-color:#666666; border-style:solid; padding-top:6px;} 

.tx { border:1px solid #CCCCCC; } 

.small { font-size:11px; font-family:돋움; }
.small2 { font-size:11px; font-family:tahoma; }
.small3 { font-size:11px; font-family:돋움; letter-spacing:-1px;}


.cloudy, a.cloudy {color:#888888;} /* 흐림 */

ul, li, ol{list-style:none;}

/* header */
 
.wrap{ width:100%;margin:0 auto; }

.topmenuarea {width:100%;height:10px;background:#f5f5f5;}
.topmenu {width:97%;margin-right:3%;height:10px;padding-top:5px;text-align:right;margin:0 auto;}
.topmenu a{margin-left:15px;height:10px;font-size:12px;font-family:'Nanum gothic';}

.logoarea {width:100%;height:125px;background:#f5f5f5;}
.logotop {width:1050px;height:125px;text-align:center;margin:0 auto;}


.menu_wrap_top {width:100%; margin:0 auto;height:45px; border-bottom:2px solid #152439;background:#f5f5f5;}
.menu_wrap_area_top{width:100%; margin:0 auto;width:1100px;height:42px;text-align:center;}

.menu_wrap_top a { color:#000;font-family:'Noto Sans KR'; font-size:16px;}
.menu_wrap_top ul#gnbtop { width:1100px;height:40px;padding-top:5px;}
.menu_wrap_top ul#gnbtop > li > div { text-align:center;}
.menu_wrap_top ul#gnbtop > li > div > a { }

.menu_wrap_top ul#gnbtop ul { position:absolute;display:none; height:165px;padding-top:20px;left:0px;background:#152439; width:100%; z-index:10;}
.menu_wrap_top ul#gnbtop ul div { width:1100px;height:165px;margin:0 auto;}
.menu_wrap_top ul#gnbtop ul div h1{ float:left;width:160px;height:165px;}
.menu_wrap_top ul#gnbtop ul div h1 li {padding:0px;height:32px;text-align:left;overflow:hidden;line-height:20px;}
.menu_wrap_top ul#gnbtop ul div h1:first-child { margin-left:50px; }
.menu_wrap_top ul#gnbtop ul div h1 li a{ font-size:13px;color:#fff;font-family:nanum gothic;}
.menu_wrap_top ul#gnbtop ul div h1 li a:hover { color:#ff5353; }

.menu_wrap_top ul#gnbtop ul.sub1 li:first-child { }



.menu_wrap {width:100%; margin:0 auto;height:60px; border-bottom:2px solid #152439;background:#f0ff;display:none;z-index:10;}
.menu_wrap_area{width:100%; margin:0 auto;min-width:1030px;height:60px;}

.menu_wrap h1 { margin-top:-4px;margin-left:30px; float:left; width:345px; }
.menu_wrap a { color:#000;font-family:'Noto Sans KR'; font-size:15px;padding-bottom:21px;}
.menu_wrap ul#gnb { top:20px;height:40px;width:600px;float:right;margin-top:10px; padding-top:7px;}
.menu_wrap ul#gnb > li { float:left; margin-left:50px;}
.menu_wrap ul#gnb > li:first-child { margin-left:13px;}
.menu_wrap ul#gnb > li > a { display:block;}
.menu_wrap ul#gnb > li > a.on { color:#ff5353; }
.menu_wrap ul#gnb ul { position:absolute;background:#152439; padding-top:2px;text-align:right; display:none;width:100%;height:35px; left:0px;}
.menu_wrap ul#gnb ul li { display:inline-block; }
.menu_wrap ul#gnb ul li:first-child { margin-left:0px; }
.menu_wrap ul#gnb ul li a { font-size:13px;margin-right:25px;color:#fff;font-family:'nanum gothic'; }
.menu_wrap ul#gnb ul li a:hover { color:#ff5353; }



.section { height:1100px; color:#fff; background:#999; }
.section p.tit { font-size:40px; font-weight:bold; text-align:center; }

.leftmenu {float:left;width:300px;height:auto;min-height:2000px;}
.leftmenu ul{width:230px;height:auto;padding-top:7px;color:#000;margin-top:10px;text-align:left;}
.leftmenu li{width:230px;height:35px;letter-spacing:-0.5px;margin-top:10px;font-size:16px;font-family:'Noto Sans KR';}
.leftmenu li a{padding-left:2px;padding-right:2px;}
.leftmenu li a:hover{color:#152439;border-bottom:1px solid #152439;}

/* @media screen and (max-width:1280px) {
.menu_wrap h1 { margin-top:30px;margin-left:70px;float:left;width:230px; }
}*/

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

.login_fm_pad2 input{width:388px; height:38px; color:#fff; margin-top:8px; font-size:15px; background:#333; cursor:pointer;}

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


.mainsise {width:1100px;overflow:hidden;opacity:.95;padding-left:30px;height:400px;margin-top:30px;float:left;border-radius:2%;background:#fff;}
.mainsisetitle {width:1100px;height:45px;margin-top:25px;color:#000;text-align:left;border-bottom:3px solid #152439;font-family:nanum gothic;font-size:25px;letter-spacing:-1px;}
.mainsisetitle_su {width:1050px;height:58px;letter-spacing:-0.5px;line-height:25px;color:#000;text-align:center;padding-top:9px;border-bottom:1px solid #ddd;border-top:1px solid #152439;font-family:nanum gothic;font-size:17px;background:#f5f5f5;}
.mainsisetitle_su span{font-size:11px;color:#666;letter-spacing:0px;}

.mainsisesubject {width:100px;padding-left:10px;float:left;text-align:center;font-size:11px;color:#999;padding-top:15px;border-bottom:1px solid #ddd;height:55px;font-family:nanum gothic;}
.mainsisesubject span{font-size:18px;font-family:noto sans kr;color:#000;letter-spacing:-1px;}
.mainsisewon {width:170px;padding-left:20px;padding-top:12px;height:58px;float:left;text-align:center;border-bottom:1px solid #ddd;}
.mainsisewon h1{font-size:27px;float:left;font-weight:bold;margin-left:1px;}
.mainsisewon h1 span{font-size:14px;color:#333;margin-left:0px;font-weight:normal;}
.mainsisewon h2{font-size:10px;float:left;margin-left:12px;padding-top:15px;}

.mid2m {clear:both;position:relative;font-size:20px;width:1150px;margin:0 auto;height:auto;margin-top:40px;}
.mid2m li{float:left;margin-top:-1px;width:140px;height:150px;overflow:hidden;font-size:13px;font-family:'Nanum gothic';color:#666;border:1px solid #ddd;border-right:0px;}
.mid2m li img{margin-top:10px;}

.mid3m {clear:both;position:relative;font-size:20px;width:100%;height:300px;margin-top:100px;}
.mid3m li{float:left;text-align:center;width:281px;height:350px;overflow:hidden;font-size:22px;color:#000;}

.mid3m .mid3top{width:270px;height:50px;text-align:center;overflow:hidden;font-size:21px;font-weight:bold;color:#fff;letter-spacing:-0.5px;}
.mid3m .mid3con{width:270px;height:192px;overflow:hidden;font-size:22px;color:#000;}
.mid3m .mid3concert{float:left;width:375px;height:42px;text-align:left;overflow:hidden;font-size:13px;color:#666;background:#f5f5f5;border:1px solid #ddd;padding:15px;}

.mid3m .mid3concertl{float:left;width:130px;height:100px;text-align:left;overflow:hidden;font-size:22px;color:#000;}
.mid3m .mid3concertl img{width:100%;}
.mid3m .mid3concertr{float:left;width:130px;height:100px;margin-left:10px;text-align:right;overflow:hidden;font-size:22px;color:#000;}
.mid3m .mid3concertr img{width:100%;}

/* 서브 */

.sub_title {width:900px;float:left;margin:0 auto;height:65px;border-bottom:1px solid #ddd;margin-bottom:15px;font-size:30px;color:#000;font-weight:bold;margin-top:20px;letter-spacing:-2px;line-height:22px;font-family:'Noto Sans KR';}
.sub_title span{font-family:'Noto Sans KR';}
.sub_cont {width:900px;float:left;margin:0 auto;height:auto;line-height:25px;font-size:15px;color:#333;}

.sub_start{position:fixed;margin-top:110px;width:100%;background:#fff;z-index:10;height:30px;}
.sub_menu{position:relative;margin:0 auto;width:100%;border-bottom:1px solid #ddd;max-width:768px;color:#000;background:#fff;z-index:10;height:25px;text-align:center;}
.sub_menu a{font-size:14px;margin-left:10px;letter-spacing:-1px;}

.submidtitle {font-size:22px;color:#000;font-weight:bold;letter-spacing:-1px;font-family:'Noto Sans KR';}

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

.photoitem {display:inline-block;width:32%;margin-left:0.5%;margin-right:0.5%;padding-top:50px;}


#container {width:1100px;margin:0 auto;height:auto;}
#contentsmenu {width:300px;float:left;margin:0 auto;height:auto;}
#contents {width:800px;float:left;margin:0 auto;height:auto;}

#contents img{max-width:800px;}


#subcontact {width:100%;height:500px;padding-top:20px;}
#subcontact .subcontactcell { float:left;width:26%;height:300px;font-weight:normal;line-height:50px;padding-top:60px;padding-left:5%;padding-right:2%;background:#f5f5f5;font-size:20px;text-align:left;border:1px solid #ddd;margin-left:-1px;margin-top:-1px;}
#subcontact .subcontactcell h1{line-height:18px;font-size:19px;letter-spacing:-0.5px;font-weight:normal;border:0px;}
#subcontact .subcontactcell h2{line-height:18px;font-size:29px;letter-spacing:-1px;font-weight:bold;border:0px;margin-top:60px;}
#subcontact .subcontactcell h3{line-height:18px;font-size:15px;letter-spacing:0px;font-weight:normal;border:0px;margin-top:30px;}
#subcontact .subcontactcell h4{line-height:18px;font-size:15px;letter-spacing:0px;font-weight:normal;border:0px;margin-top:12px;}
#subcontact .subcontactcell h5{line-height:18px;font-size:13px;letter-spacing:0px;font-weight:normal;border:0px;margin-top:12px;}
#subcontact .subcontactcell:hover {background:#fff;}



#subcontact2 {width:100%;height:230px;padding-top:20px;}
#subcontact2 .subcontactcell2 {float:left;width:49.7%;height:230px;font-weight:normal;background:#fff;font-size:20px;text-align:left;border:1px solid #ddd;margin-left:-1px;margin-top:-1px;}



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


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

.content_page .kkk:hover{border:1px solid #ccc;background:#dddddd;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:100px;font-size:14px;font-family:'noto sans kr','NanumGothic','NanumBareunGothicUltraLight','돋움',Dotum,sans-serif;color:#565656}

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

#show_content img{height:auto !important;}

#show_content span div{padding-top:10px !important;font-size:20px !important;}

.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%; 
	}
	
.filebox_wrap { padding:5px; }
.filebox_wrap li { position:relative; float:left; width:70px; height:70px; border:1px solid #ddd; margin:5px; }
.filebox_wrap li img { width:70px; height:70px; }
.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; }