@font-face {
 font-family: 'NanumSquare';
 src: url(../../skin/font/NanumSquareR.eot);
 src: url(../../skin/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
   url(../../skin/font/NanumSquareR.woff) format('woff'),
   url(../../skin/font/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquareLight';
 src: url(../../skin/font/NanumSquareL.eot);
 src: url(../../skin/font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
   url(../../skin/font/NanumSquareL.woff) format('woff'),
   url(../../skin/font/NanumSquareL.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquareExtraBold';
 src: url(../../skin/font/NanumSquareEB.eot);
 src: url(../../skin/font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
   url(../../skin/font/NanumSquareEB.woff) format('woff'),
   url(../../skin/font/NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquareBold';
 src: url(../../skin/font/NanumSquareB.eot);
 src: url(../../skin/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
   url(../../skin/font/NanumSquareB.woff) format('woff'),
   url(../../skin/font/NanumSquareB.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquareRound';
 src: url(../../skin/font/NanumSquareRound/NanumSquareRoundR.eot);
 src: url(../../skin/font/NanumSquareRound/NanumSquareRoundR.eot?#iefix) format('embedded-opentype'),
   url(../../skin/font/NanumSquareRound/NanumSquareRoundR.woff2) format('woff2'),
   url(../../skin/font/NanumSquareRound/NanumSquareRoundR.woff) format('woff'),
   url(../../skin/font/NanumSquareRound/NanumSquareRoundR.ttf) format('truetype');
}

*{ margin:0px }

html{}
body{ background-color:#ffffff; color:#666666; line-height:100%; word-wrap:break-word; word-break:break-all; }
body,input,textarea,select,table,button{ font-size:14px; font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim,Apple-Gothic,sans-serif; }
*{ -webkit-text-size-adjust:none; }
ul,ol,li{ list-style:none; }
a:link { text-decoration:none;color:#8B8B8B; }

.relative { position:relative; top:0; left:0; }

.wrap { margin:0 auto; overflow:hidden; width:100%; max-width:600px; }





/*»ó´Ü¸Þ´º*/
.navi { position:fixed; display:table; top:0; width:100%; max-width:600px; box-shadow:0 0 3px rgba(0,0,0,.5); background:#fff; z-index:100; }
.navi .logo { float:left; width:100%; text-align:center; padding:20px 0; border-bottom:1px solid #eee;}
.navi .logo img {width:135px;}

.navi .navigroup { display:table; float:left; width:100%; padding:10px 0; margin:0; }
.navi .navigroup ul { padding:0; margin:0; }
.navi .navigroup li { float:left; list-style:none; width:20%; text-align:center; margin:0; }
.navi .navigroup li:first-child {padding-left:0;}
.navi .navigroup li:last-child {padding-right:0;}
.navi .navigroup a,
.navi .navigroup a:visited,
.navi .navigroup a:hover {font-family:'NanumSquareBold'; font-size:11px; color:#000; letter-spacing:-.5px;}





/*ÇÏ´Ü*/
.bottom { display:table; top:0; width:100%; max-width:600px; padding:20px 0 45px; background:#f2f2f2; }
.bottom .logo { float:left; width:100%; text-align:center; padding:0;}
.bottom .logo img {width:100px;}
.bottom .copyright { clear:both; width:100%; text-align:center; padding:10px 0 20px;
					 font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:10px; font-weight:400; color:#858585; line-height:140%; }
.bottom .footerbtn { width:100%; text-align:center; padding:15px 0; border-top:1px solid #e5e5e5; }
.bottom .footerbtn a,
.bottom .footerbtn a:visited,
.bottom .footerbtn a:hover { font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:10px; font-weight:400; color:#858585; }

.footer_inquiry { position:fixed; display:table; bottom:0; width:100%; max-width:600px; padding:10px 0; background:#fff; z-index:90; box-shadow:0 0 3px rgba(0,0,0,.5); }
.footer_inquiry ul { padding:0; margin:0; }
.footer_inquiry li { float:left; list-style:none; width:25%; text-align:center; font-family:'NanumSquare'; font-size:11px; line-height:20px; color:#000; letter-spacing:-.5px; }
.footer_inquiry i { font-size:10px; padding-right:2px;}
.footer_inquiry .iconcolor-b i {color:#434e96 !important;}
.footer_inquiry .iconcolor-g i {color:#2da93c !important;}
.footer_inquiry .iconcolor-p i {color:#d11e7b !important;}




/*¸ÞÀÎ ÄÁÅÙÃ÷*/
.mainmov {clear:both; margin-top:122px;}

.information_box {clear:both; position:relative; width:100%; height:240px;}
.information_box .information {position:absolute; width:100%; top:-10px; left:0; text-align:center; z-index:9;}
.information_box .areagroup {position:relative; display:inline-block; *display:inline; width:32%; height:260px; margin:0 .2%; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.3); overflow:hidden;}
.information_box .areagroup .areaimg {position:relative; width:99%; height:120px; overflow:hidden; margin:.5%; background:#000;}
.information_box .areagroup .areaimg img {position:absolute; top:-30px; left:-10%; width:120%; z-index:1;}
.information_box .areagroup .title_k {position:absolute; top:130px; left:0; width:100%; text-align:center; font-family:'NanumSquareExtraBold'; font-size:13px; letter-spacing:-.5px; color:#000; z-index:3;}
.information_box .areagroup .title_e {position:absolute; top:108px; left:0; width:100%; text-align:center; font-family:'NanumSquareExtraBold'; font-size:20px; color:#fff; z-index:2;}
.information_box .areagroup .comment {position:absolute; top:150px; left:0; width:100%; text-align:center; font-family:'³ª´®°íµñ'; font-size:8px; line-height:12px; color:#666; letter-spacing:-1px; z-index:2;}
.information_box .areagroup .whiteback {position:absolute; bottom:0; left:0; width:100%; height:100px; background:#fff; z-index:1;}

.fixbg {display:table; width:100%; height:250px; text-align:center; font-family:'Nanum Myeongjo'; font-size:17px; line-height:250px; color:#fff; background:url('../../skin/images/main_fiximg.jpg') no-repeat center; background-size:100%;}

.main_photogallery {position:relative; width:100%; padding:0;}
.main_photogallery .photogroup {float:left; width:100%; padding:0; margin:0; margin-bottom:-3px;}
.main_photogallery .photogroup ul {padding:0; margin:0;}
.main_photogallery .photogroup li {float:left; list-style:none; width:20%; padding:0;}
.main_photogallery .photogroup img {width:100%;}
.main_photogallery .photogroup2 li {width:25%;}


/*¼­ºêÄÁÅÙÃ÷*/
.subimages { position:relative; display:table; width:100%; max-width:600px; height:140px; margin-top:122px; background:#000; overflow:hidden;}
.subimg { position:absolute; top:0; left:50%; width:175%; margin-left:-85%; /*-webkit-filter:brightness(40%); filter:brightness(40%);*/ }
.subimg img { width:100%;}

.subimages .subtitle_e {position:absolute; top:50px; left:0; width:100%; text-align:center; font-family:'NanumSquare'; font-size:30px; text-transform:uppercase; color:#fff; z-index:2; display:none; }
.subimages .subtitle_k {position:absolute; top:80px; left:0; clear:both; width:100%; text-align:center; font-family:'NanumSquare'; font-size:12px; font-weight:400; color:#fff; z-index:2; display:none; }

/*¼­ºê¸Þ´º*/
.submenu { display:table; width:100%; text-align:center; max-width:600px; background:#f2f2f2; padding:0; }
.submenu ul { padding:0; margin:0; line-height:0; font-size:0;  border-bottom:1px solid #e2e2e2; }
.submenu li { display:inline-block; *display:inline; width:20%; list-style:none; padding:7px 0; border-left:1px solid #e2e2e2; margin-left:-1px;}
.submenu li:first-child {}
.submenu li:last-child {margin-right:-1px; border-right:1px solid #e2e2e2;}
.submenu a,
.submenu a:visited,
.submenu a:hover { font-family:'NanumSquare'; font-size:10px; line-height:20px; color:#666; letter-spacing:-.5pt; }
.submenu .on { background:#900e1b; margin-left:0; border:none;}
.submenu .on a,
.submenu .on a:visited,
.submenu .on a:hover { color:#fff; }
.submenufix {position:fixed; top:120px;}

.contents { width:100%; min-height:300px; display:table; }
.contentsfix { margin-top:35px; }