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

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


* {border-width:0;margin:0;}
p {margin:0; padding:0;}	
body {overflow-x:hidden; background-color:#ffffff;}

.wrap {top:0px; width:100%; min-width:1200px;}

.centerdiv {display:table; width:1200px; margin:0 auto; text-align:center;}
.relative {position:relative; left:0; top:0;}





/*-----HEADER-----*/
.scroll_r {position:fixed; display:table; width:124px; top:0; right:10px; padding:0 0 7px; z-index:99; background:url('../images/scroll_bg.png') no-repeat bottom;  _position:absolute; _top:expression(offsetParent.scrollTop+0+'px');}
.scroll_r .scrollframe {width:110px; padding:200px 0 0 7px;}
.top_contents {position:fixed; display:table; top:0; left:0; width:100%; min-width:1200px; text-align:center; padding:0; background:url('../images/navi_bg.png') repeat-x bottom; z-index:100;;
					    _position:absolute; _top:expression(offsetParent.scrollTop+0+'px');}

/*NAVI*/
.top_contents .header_1 {width:100%; min-width:1200px; height:30px; background:#242424; overflow:hidden;}
.top_contents .header_1 .topbtn {display:table; float:left; padding:0; border-left:1px solid #5d5d5d;}
.top_contents .header_1 .topbtn ul {margin:0; padding:0;}
.top_contents .header_1 .topbtn li {float:left; list-style:none; padding:0 10px; *margin-top:-1px; margin-top:-1px; line-height:30px; border-right:1px solid #5d5d5d;}
.top_contents .header_1 .topbtn img {padding:7px 0; }
.top_contents .header_1 .topbtn a,
.top_contents .header_1 .topbtn a:hover,
.top_contents .header_1 .topbtn a:visited {text-decoration:none; font-family:'Nanum Gothic','³ª´®°íµñ'; font-size:12px; line-height:30px; font-weight:400; color:#fff;}
.top_contents .header_1 .topbtn .firstli {border-left:none;}
.top_contents .header_1 .topbtn .redbtn {background:#ff0000;}

.top_contents .header_2 {display:table; width:100%; min-width:1200px;}
.top_contents .header_2 .logo {float:left; display:table; text-align:center; padding:23px 0 28px;}
.top_contents .header_2 .navicontents {float:right; width:900px; margin-right:-20px; padding-top:25px;}
.top_contents .header_2 .navicontents ul {margin:0; padding:0;}
.top_contents .header_2 .navicontents ul li {position:relative; float:right; list-style:none; text-align:center; padding:5px 20px; margin:0; *zoom:1;}
.top_contents .header_2 .navicontents a,
.top_contents .header_2 .navicontents a:visited {font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:18px; font-weight:400; *zoom:1; color:#000; text-decoration:none;}
.top_contents .header_2 .navicontents a:hover {color:#df4f37;}

.top_contents .header_2 .navicontents .nsubmenu {position:absolute; width:184px; top:30px; left:50%; margin-left:-92px; background:url('../images/navi_btnbg.jpg') no-repeat center 15px; display:none;}
.top_contents .header_2 .navicontents .nsubmenu ul {display:table; width:164px; *width:184px; margin:35px 0 0; padding:0 10px 10px; background:url('../images/submenu_bg.png') no-repeat center bottom;}
.top_contents .header_2 .navicontents .nsubmenu ul li {clear:both; width:100%; text-align:center; padding:5px 0; margin:0; *zoom:1; border-bottom:1px solid #eee; *zoom:1;}
.top_contents .header_2 .navicontents .nsubmenu a,
.top_contents .header_2 .navicontents .nsubmenu a:visited {font-family:'±¼¸²'; font-size:12px; font-weight:400; line-height:25px; *zoom:1; color:#666; text-decoration:none;}
.top_contents .header_2 .navicontents .nsubmenu a:hover {color:#cb0000;}

/*ÇÏ´Ü*/
.bottom {clear:both; display:table; width:100%; min-width:1200px; text-align:center; padding:0 0 40px 0; margin:0; background:#242424;}

.bottom .footerbtn {clear:both; width:100%; text-align:center; padding:0; border-bottom:1px solid #484848;}
.bottom .footerbtn .footerbtn_l {float:left;}
.bottom .footerbtn .footerbtn_r {float:right;}
.bottom .footerbtn ul {margin:0; padding:0;}
.bottom .footerbtn ul li {float:right; list-style:none; padding:5px 5px; margin:0; font-family:'Nanum Gothic','³ª´®°íµñ'; font-size:13px; line-height:25px; font-weight:400;color:#f7f7f7; *zoom:1;}
.bottom .footerbtn a,
.bottom .footerbtn a:visited {font-family:'Nanum Gothic','³ª´®°íµñ'; font-size:13px; line-height:25px; font-weight:400; color:#f1f2f2; text-decoration:none;}
.bottom .footerbtn a:hover {color:#f1f2f2;}

.bottom .logo {clear:both; width:100%; text-align:center; padding:40px 0 30px;}
.bottom .copyright {clear:both; width:100%; text-align:center; font-size:13px; font-family:'Nanum Gothic','³ª´®°íµñ'; font-weight:400;}
.bottom .copyright p {line-height:22px; color:#f1f2f2;}
.bottom .copyright a, .bottom .copyright a:hover, .bottom .copyright a:visited {color:#f1f2f2; font-size:13px; text-decoration:none;}





/*¸ÞÀÎÀ̹ÌÁö*/
.mainimages {width:100%; min-width:1200px;text-align:center; padding:0;}

/*¸ÞÀÎ ÄÁÅÙÃ÷*/
.main_contents .title_line,
.gallery .title_line {width:10px; height:1px; font-size:0; background:#000;}
.main_contents .title,
.gallery .title {clear:both; text-align:left; font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:30px; line-height:50px; font-weight:400; color:#000;}
.main_contents .title span,
.gallery .title span {font-size:17px;}
.main_contents .list,
.gallery .list {clear:both; width:330px;}

.main_contents {width:100%; min-width:1200px;text-align:center; padding:60px 0; background:#f2f2f2;}
.main_contents ._section {float:left; width:380px;}
.main_contents .information {float:left; width:438px; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.main_contents .information .title_line,
.main_contents .customer .title_line {margin-left:50px;}
.main_contents .information .title,
.main_contents .customer .title {margin-left:50px;}
.main_contents .information .list {margin-left:50px;}
.main_contents .customer .callnumber {clear:both; text-align:left; font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:48px; line-height:50px; font-weight:400; color:#000; margin-left:50px;}
.main_contents .customer .comment {clear:both; float:left; text-align:left; font-family:'Nanum Gothic','³ª´®°íµñ'; font-size:12px; line-height:20px; font-weight:400; color:#000; margin-left:50px;}
.main_contents .customer .icon {float:right; padding:14px 0 0;}
.main_contents .customer .icon img {width:40px;}

.gallery {width:100%; min-width:1200px;text-align:center; padding:60px 0;}



/*¼­ºê¿µ¿ª*/
.subimages {display:table; width:100%; min-width:1200px; height:350px; text-align:center; padding:0;}
.subimg01 {background:url('../images/sub_images01.jpg') no-repeat center;}
.subimg02 {background:url('../images/sub_images02.jpg') no-repeat center;}
.subimg03 {background:url('../images/sub_images03.jpg') no-repeat center;}
.subimg04 {background:url('../images/sub_images04.jpg') no-repeat center;}
.subimg05 {background:url('../images/sub_images05.jpg') no-repeat center;}

/*ŸÀÌƲ*/
.subimages .subtitle_e {clear:both; width:100%; text-align:center; font-family:'Nanum Myeongjo','³ª´®¸íÁ¶'; font-size:50px; font-weight:400; color:#fff; padding:140px 0 10px 0;}
.subimages .subtitle_k {clear:both; width:100%; text-align:center; font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:20px; font-weight:400; color:#fff;padding:0 0 30px 0;}
.subimages .subtitle_line {width:20px; height:2px; font-size:0; background:#fff; margin:0 auto 30px;}

/*º»¹®*/
.subcontents {display:table; width:100%; min-width:1200px; text-align:center; padding:0;}

.subcontents .subbody {display:table; clear:both; width:100%; min-width:1200px; text-align:center;}



/*¸Ê*/
.subimages .subnav {clear:both; width:100%; text-align:center; display:table;}
.subimages .subnav ul {font-size:0; margin:0; padding:0;}
.subimages .subnav li {display:inline; padding:0 20px 0 13px; color:#fff; font-size:12px; font-family:'Nanum Gothic','³ª´®°íµñ'; font-weight:400; background:url('../images/nav_arrow.png') no-repeat right 3px; background-size:5px;}
.subimages .subnav .firstli {background:none; padding:0;}
.subimages .subnav .lastli {background:none !important; padding-right:0;}
.subimages .subnav img {margin-bottom:-3px;}

/*¼­ºê¸Þ´º*/
.subcontents .submenu  {display:table; width:100%}
.subcontents .submenu ul {margin:0; padding:50px 0 0; font-size:0; *zoom:1;}
.subcontents .submenu li {display:inline-block; *display:inline; list-style:none; width:160px; margin:2px; padding:0; border:1px solid #d8d8d8; *zoom:1}
.subcontents .submenu a,
.subcontents .submenu a:visited, 
.subcontents .submenu a:hover {font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:17px; font-weight:400; *letter-spacing:-0.5pt; color:#666; line-height:40px; text-decoration:none; *zoom:1;}
.subcontents .submenu .on {background:#c52a21;}
.subcontents .submenu .on a,
.subcontents .submenu .on a:visited,
.subcontents .submenu .on a:hover {color:#fff;}

.subcontents .subbody .text {clear:both; display:table; padding:100px 50px;}
.subcontents .subbody .text .text_table {display:table; width:1100px; min-height:350px; *height:350px; text-align:center; vertical-align:top;}

.subbg0101 {background:url('../body/sub0101_bg.jpg') no-repeat center 196px;}
.subbg0103 {background:#f2f2f2;}