@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 { position:fixed; display:table; top:0; width:100%; max-width:800px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.3); z-index:100;}
.header_fix {}
.headeropen {}

	.logo {position:relative; text-align:left;}
	.logo .logo_img {float:left;}
	.logo .logo_img img {width:32px ;}
	.logo .logo-title {float:left; font-family:'NanumSquareLight'; font-size:11px; line-height:40px; font-weight:600; color:#000; padding-left:5px; }
	.logo .logo-title span {font-family:'Nanum Myeongjo', serif; font-size:20px; font-weight:800;}

	.header-1 {display:table; width:100%; background:linear-gradient(to right, rgba(32,32,66,1), rgba(27,97,167,1));}
	.header-1 .header-comment {float:left; list-style:none; width:100%; font-family:'NanumSquareLight'; text-align:center; font-size:10px; line-height:30px; font-weight:600; color:#fff;}
	.header-1 .header-comment span {color:#ffcc00;}

	.header-2 {clear:both; display:table; width:100%; padding:10px 0; background:#e8eff6;}
	.header-2 .certificate {width:100%;}
	.header-2 .certificate .certificate-contents {float:left; text-align:center; width:20%;}
	.header-2 .certificate .certificate-contents .certificate-title {clear:both; float:left; width:100%; font-family:'Nanum Gothic'; font-size:9px; line-height:10px; color:#666; padding:3px 0 0 0;}
	.header-2 .certificate .certificate-contents .certificate-img {float:left; width:100%;}
	.header-2 .certificate .certificate-contents .certificate-img img {height:40px;}

	.header-3 {clear:both; position:relative; display:table; width:100%; background:#fff; padding:20px 0;}
	.header-3 .logo {position:absolute; top:10px; left:50%;	width:180px; margin-left:-90px;}

	.header-3 .navcustomer {float:left; margin:0 0 0 10px;}
	.header-3 .navcustomer ul { padding:0; margin:0; }
	.header-3 .navcustomer li { float:left; list-style:none; padding:0; }
	.header-3 .navcustomer a,
	.header-3 .navcustomer a:visited,
	.header-3 .navcustomer a:hover {  font-family:'NanumSquare'; font-size:24px; line-height:20px; color:#000;}


	/*¸Þ´º¹öÆ°*/
	.header-3 .navi_btn {float:right; position:relative; display:table; margin:0 10px 0 0; cursor:pointer;}
	.header-3 .navi_btn i {font-size:24px; color:#000;}
	.header-3 .navi_btn .navi_open {opacity:1;}
	.header-3 .navi_btn .navi_view_text {position:absolute; top:3px; left:-25px; width:30px; font-family:'NanumSquareExtraBold'; font-size:12px; line-height:20px; color:#000;}
	.header-3 .navi_btn .navi_close {position:absolute; top:0; left:0; display:none; z-index:1;}
	.headeropen .navi_btn .navi_open {opacity:0;}
	.headeropen .navi_btn .navi_close {display:table;}

	/*Àüü¸Þ´º*/
	.navi_submenu {position:fixed;  top:-130%; width:100%; max-width:800px; height:100%; text-align:left; border-bottom:100px solid rgba(255,255,255,.95); background:rgba(255,255,255,.95); font-size:0; z-index:99; opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease; overflow-y:scroll;}
	.navi_submenu .navi_submenu_overflow {width:100%; padding:180px 0 20px;}
	.navi_submenu .submenu_section {display:inline-block; *display:inline; width:33.33%; vertical-align:top;}
	.navi_submenu .submenu_section .submenu_section_title {width:90%; text-align:center; border-bottom:.5px solid rgba(255,255,255,.2); margin:20px auto 0;}
	.navi_submenu .submenu_section .submenu_section_title a,
	.navi_submenu .submenu_section .submenu_section_title a:visited {font-family:'NanumSquareBold'; font-size:15px; line-height:25px; color:#000;}
	.navi_submenu .submenu_section ul {margin:0; padding:0; line-height:0;}
	.navi_submenu .submenu_section li {clear:both; float:left; list-style:none; width:100%; text-align:center; line-height:11px; padding:10px 0;}
	.navi_submenu .submenu_section a,
	.navi_submenu .submenu_section a:visited {font-family:'Nanum Gothic'; font-size:10px; line-height:11px; letter-spacing:-.7px; color:#666; text-decoration:none;}
	.navi_submenu_open {top:0; opacity:1;}


/*»ó´Ü¸Þ´º*/
/*.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; }
	}


/*¸ÞÀÎ*/
.mainmovie {position:relative; display:table; width:100%; max-width:800px; height:400px; overflow:hidden; margin-top:150px; background:#000;}
	.mainmovie .main-movie-text {position:absolute; top:120px; width:100%; text-align:center; z-index:2;}
		.mainmovie .main-movie-text .title-k {font-family:'Nanum Myeongjo', serif; font-size:18px; line-height:25px; color:#fff;}
		.mainmovie .main-movie-text .title-k span {font-weight:600;}
		.mainmovie .company-text {width:240px;	margin:30px auto 0;}
		.mainmovie .company-text .company-simbol {float:left;}
		.mainmovie .company-text .company-simbol img {width:35px;}
		.mainmovie .company-text .company-t {float:right; font-family:'NanumSquare'; text-align:left; font-size:13px; line-height:45px; color:#fff; padding-left:10px;}
		.mainmovie .company-text .company-t span {font-family:'NanumSquareExtraBold'; font-size:30px;}
		.mainmovie .main-movie-text .company-tel {clear:both; font-family:'NanumSquare'; font-size:17px; line-height:25px; color:#fff; padding-top:15px;}
		.mainmovie .main-movie-text .company-tel span {font-size:22px;}
	.mainmovie .video {position:absolute; top:0; left:50%; width:1000px; height:450px; margin-left:-500px; overflow:hidden; opacity:.6; z-index:1;}

.mainimages { clear:both; width:100%; max-width:800px; display:none;}
.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; }


/*¼­ºê¸Þ´º*/
.submenuarea {display:table; width:100%; max-width:800px; background:#fff; border-bottom:.5px solid #e2e2e2; box-sizing:border-box; text-align:center; z-index:50;}
	.submenu {float:left; width:100%;}
	.submenu ul {margin:0; padding:0; font-size:0; line-height:0; border-bottom:.5px solid #e2e2e2;}
	.submenu li {float:left; list-style:none; width:20%; padding:10px 0; border-right:.5px solid #e2e2e2; box-sizing:border-box;}
	.submenu a,
	.submenu a:visited, 
	.submenu a:hover {font-family:'NanumSquare'; font-size:10px; line-height:15px; letter-spacing:-.5px; color:#666; text-decoration:none;}
	.submenu .on {background:#1b61a7;}
	.submenu .on a,
	.submenu .on a:visited,
	.submenu .on a:hover {color:#fff;}
	.submenu_fix {position:fixed; top:74px;}
	.submenu_fix li {}
/*.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;}