@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: 'NanumSquareLight';
 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: 'NanumSquareExtraBold';
 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');
}





*{ 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:800px; }





/*»ó´Ü¸Þ´º*/
.header { display:table; top:0; width:100%; max-width:800px; border-bottom:1px solid #eee; }
.header .doorygroup { width:100%; background:#232347; text-align:center; padding:10px 0; }
.header .doorygroup ul { padding:0; margin:0; font-size:0; line-height:0;}
.header .doorygroup li { display:inline-block; *display:inline; font-family:'NanumSquareExtraBold'; font-size:17px; line-height:17px; color:#fff; }
.header .doorygroup li:first-child { height:25px; padding-right:5px;}
.header .doorygroup li:last-child { height:17px; vertical-align:top; padding-top:6px; }
.header .doorygroup span { color:#ff0000; }
.header .doorygroup img { width:30px; }

.header .certificate { width:100%; text-align:center; padding:5px 0; }
.header .certificate ul { padding:0; margin:0; }
.header .certificate li { float:left; list-style:none; width:16.66%; font-family:'NanumSquare'; text-align:center; font-size:8px; line-height:10px; letter-spacing:-1px; color:#000; }
.header .certificate img { width:90%; }
	@media all and (min-width:500px){
		.header .certificate li { font-family:'NanumSquareLight'; font-size:11px; line-height:13px; font-weight:600; }
	}

.header .logo { width:100%; display:table;  text-align:center; border-bottom:1px solid #eee; padding:25px 0; }
.header .logo ul { padding:0; margin:0; }
.header .logo li { display:inline-block; *display:inline; font-family:'NanumSquareExtraBold'; font-size:25px; color:#0c3f88; }
.header .logo li:first-child { height:35px;}
.header .logo li:last-child { height:22px; vertical-align:top; padding-top:10px; }
.header .logo span { color:#000; }
.header .logo img { width:40px; }

.header .navi { width:100%; display:table;  text-align:center; }
.header .navi ul { padding:0; margin:0; }
.header .navi li { float:left; list-style:none; width:16.66%; padding:3px 0;}
.header .navi a,
.header .navi a:visited,
.header .navi a:hover { font-family:'NanumSquareBold'; text-align:center; font-size:13px; line-height:40px; letter-spacing:-.5px; color:#000; text-decoration:none; }
.header .navi .line2t a,
.header .navi .line2t a:visited,
.header .navi .line2t a:hover {line-height:20px !important;}
	@media all and (min-width:500px){
		.header .navi a,
		.header .navi a:visited,
		.header .navi a:hover { font-family:'NanumSquareLight'; font-size:16px; font-weight:600; }
	}

/*ÇÏ´Ü*/
.bottom { display:table; top:0; width:100%; max-width:800px; background:url('../images/bottom_bg.jpg') no-repeat center bottom; background-size:100%; padding:15px 0 30px; }
.bottom .logo { width:100%; display:table;  text-align:center; padding:0 0 10px; }
.bottom .logo ul { padding:0; margin:0; }
.bottom .logo li { display:inline-block; *display:inline; font-family:'NanumSquareExtraBold'; font-size:15px; color:#0c3f88; }
.bottom .logo li:first-child { height:20px; }
.bottom .logo li:last-child { height:15px; vertical-align:top; padding-top:3px; }
.bottom .logo span { color:#000; }
.bottom .logo img { width:25px; }
.bottom .customer { display:table; width:100%; padding:0; margin:0; text-align:center; }
.bottom .copyright { display:table; width:100%; padding:0; margin:0; text-align:center; 
							    font-family:'NanumSquare'; text-align:center; font-size:9px; line-height:12px; color:#666; }
	@media all and (min-width:500px){
		.bottom .copyright { font-family:'NanumSquareLight'; font-size:13px; line-height:17px; font-weight:600; }
	}

.customer { display:table; top:0; width:100%; max-width:800px; background:url('../images/customer_bg.jpg') no-repeat center bottom; background-size:100%; padding:15px 0 50px; }
.customer .customer_title { font-family:'NanumSquare'; font-size:17px; line-height:35px; color:#000; font-weight:600; padding-left:15px; }
.customer .call_number { clear:both; padding-left:15px; }
.customer .call_number a,
.customer .call_number a:visited,
.customer .call_number a:hover { font-family:'NanumSquareExtraBold'; font-size:30px; line-height:30px; color:#c20000; }
.customer .customer_comment { clear:both; font-family:'NanumSquare'; font-size:11px; line-height:25px; color:#000; padding-left:15px; }
	@media all and (min-width:500px){
		.customer .customer_comment { font-family:'NanumSquareLight'; font-size:13px; line-height:25px; font-weight:600; }
	}


/*¸ÞÀÎ*/
.mainimages { clear:both; width:100%; max-width:800px; }
.mainimages img { width:100%; }

/*¼­ºêÄÁÅÙÃ÷*/
.subimages { display:table; width:100%; max-width:800px; height:100px; background:url('../images/sub_images.jpg') no-repeat center bottom; background-size:100%; padding:0; margin:0; }
.subtitle_e { display:table; width:100%; max-width:800px; font-family:'NanumSquareBold'; font-size:25px; line-height:30px;; color:#0c3f88; text-align:center; padding:17px 0 0 0;}
.subtitle_k { display:table; width:100%; max-width:800px; font-family:'NanumSquare'; font-size:17px; line-height:20px;; color:#0c3f88; text-align:center; padding:5px 0 0 0;}

.contents { display:table; width:100%; margin:0; background:#fff; }
.contentsbox { width:94%; min-height:300px; margin:3%; background:#fff; }


/*¼­ºê¸Þ´º*/
.submenu { display:table; width:100%; text-align:center; max-width:800px; padding:0; border-bottom:1px solid #eee; }
.submenu ul { padding:0; margin:0; }
.submenu li { float:left; list-style:none; width:20%; text-align:center; list-style:none; letter-spacing:-.5px; border-right:1px solid #eee; margin-right:-1px; }
.submenu li:first-child { border-left:1px solid #eee; margin-left:-1px; }
.submenu a,
.submenu a:visited,
.submenu a:hover { font-family:'NanumSquare'; font-size:12px; line-height:30px;; color:#999; }
	@media all and (min-width:500px){
		.submenu a,
		.submenu a:visited,
		.submenu a:hover { font-family:'NanumSquareLight'; font-size:13px; line-height:30px; font-weight:600;  }
	}
.submenu .on { background:#0c3f88; }
.submenu .on a,
.submenu .on a:visited,
.submenu .on a:hover { color:#fff; }

.depth2menu { display:table; width:100%; text-align:center; max-width:800px; padding:0 0 1rem; }
.depth2menu ul { padding:0; margin:0; }
.depth2menu li { display:inline-block; *display:inline; width:18.5%; text-align:center; list-style:none; letter-spacing:-1pt;  font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:.75rem; font-weight:800; color:#666666; padding:.5rem 0; margin:0; border-bottom:1px solid #e0e0e0; }
.depth2menu a,
.depth2menu a:visited,
.depth2menu a:hover { font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:.75rem; font-weight:800; color:#666666; }
.depth2menu .on { border-bottom:1px solid #c50000; }
.depth2menu .on a,
.depth2menu .on a:visited,
.depth2menu .on a:hover { color:#c50000; }


p { margin:0px; padding-left:0px; font-size:8pt; font-family:µ¸¿ò,arial,"san serif"; }
#bottomboxtable {border:0; background-color:#2E2E2E; width:100%; font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim,Apple-Gothic,sans-serif; letter-spacing:0pt; font-size:12px; color:#ffffff;}


/*¼ö½ÅÀ§Ä¡º°¿¬¶ôó*/
		.tellink {width:100%;}
		.tellink ul {padding:0; margin:0;}
		.tellink li {float:left; list-style:none; width:46%; margin:1% 2%; padding:8px 0; background:linear-gradient(#fff,#fff,#f5f5f5); border-radius:10px; border:1px solid #eee; box-sizing:border-box;}
		.tellink a,
		.tellink a:visited,
		.tellink a:hover { font-family:'NanumSquare'; text-align:center; font-size:17px; line-height:25px; font-weight:400; color:#000; }
		.tellink li span {color:#0c3f88; font-weight:600; font-size:15px;}