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

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

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

.centerdiv {display:table; width:1300px; margin:0 auto;}
.relative {position:relative;}





/*»ó´Ü*/
.header {position:fixed; display:table; top:0; left:0; width:100%; min-width:1300px; text-align:center; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.5); z-index:100; transition:all .3s ease; -webkit-transition:all .3s ease;}

	.logo {position:relative; text-align:left;}
	.logo .logo_img {float:left;}
	.logo .logo_img img {width:37px;}
	.logo .logo-title {float:left; font-family:'NanumSquareLight'; font-size:15px; line-height:22px; font-weight:600; color:#000; padding-left:10px; }
	.logo .logo-title span {font-family:'Nanum Myeongjo', serif; font-size:23px; 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 .loginform {float:left; margin-top:12px; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.header-1 .header-comment {float:right; font-family:'NanumSquareLight'; font-size:15px; line-height:45px; font-weight:600; color:#fff; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.header-1 .header-comment span {color:#ffcc00;}
	.header_fix .header-1 .loginform {margin-top:6px;}
	.header_fix .header-1 .header-comment {line-height:30px;}

	.header-2 {clear:both; display:table; width:100%; padding:30px 0; background:#e8eff6; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.header-2 .logo {float:left; padding:0;}
	.header-2 .slogen {float:left; padding:0 10px;}
	.header-2 .certificate {float:right; padding:0;}
	.header-2 .certificate .certificate-contents {float:left; text-align:right; margin-left:20px;}
	.header-2 .certificate .certificate-contents .certificate-title {float:right; font-family:'Nanum Gothic'; font-size:13px; line-height:17px; color:#666; padding:8px 5px 0 0;}
	.header-2 .certificate .certificate-contents .certificate-img {float:right;}
	.header-2 .certificate .certificate-contents .certificate-img img {height:50px;}
	.header_fix .header-2 {padding:15px 0;}

	.header-3 {clear:both; display:table; width:100%; background:#fff;}
	.header-3 .navi {width:1300px; height:50px; border-right:1px solid #eee; margin:0 auto; overflow:hidden; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.header-3 .navi-open {height:540px;}
	.header-3 .navi a {text-decoration:none;}
	.header-3 .navi .navi-contents {float:left; list-style:none; width:10%; height:100%; border-left:1px solid #eee; box-sizing:border-box; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.header-3 .navi .navi-contents .navi-title {width:100%; font-family:'NanumSquare'; font-size:17px; line-height:50px; color:#000;}
	.header-3 .navi .navi-contents:hover {background:#1b61a7;}
	.header-3 .navi .navi-contents:hover .navi-title {color:#fff;}
	.header-3 .navi .navi-contents .navi-submenu {clear:both; width:100%;}
	.header-3 .navi .navi-contents .navi-submenu ul {padding:0;}
	.header-3 .navi .navi-contents .navi-submenu li {clear:both; float:left; list-style:none; width:100%;}
	.header-3 .navi .navi-contents .navi-submenu a,
	.header-3 .navi .navi-contents .navi-submenu a:visited {font-family:'Nanum Gothic'; text-align:center; font-size:13px; line-height:30px; letter-spacing:-.5px; color:#666;}
	.header-3 .navi .navi-contents:hover .navi-submenu a,
	.header-3 .navi .navi-contents:hover .navi-submenu a:visited {color:#a4c0dc;}
	.header-3 .navi .navi-contents:hover .navi-submenu a:hover {color:#fff; border-bottom:1px solid #fff;}




/*Çϴܷΰí&Ä«ÇǶóÀÌÆ®*/
.bottom {display:table; width:100%; min-width:1300px; text-align:center; background:linear-gradient(to bottom, rgba(0,0,0,.1), rgba(255,255,255,1)); padding:30px 0 0; margin:0;}
	.bottom .logo {display:inline-block;}
	.bottom .companyinfo {clear:both; font-family:'NanumSquare'; text-align:center; font-size:17px; line-height:25px; color:#333; padding:30px 0 20px;}
	.bottom .copyright {clear:both; font-family:'NanumSquare'; text-align:center; font-size:17px; line-height:25px; color:#333; padding:0;}
	.bottom .copyright a {font-family:'NanumSquare'; text-align:center; font-size:17px; line-height:25px; color:#333; text-decoration:none;}

.sitelink {display:table; width:100%; min-width:1300px; text-align:center; padding:30px 0;}
	.sitelink .sitelink-title {font-family:'NanumSquare'; text-align:center; font-size:25px; line-height:50px; color:#000;}
	.sitelink .sitelink-brand {width:100%;}
	.sitelink .sitelink-brand ul {padding:0; margin:0; line-height:0; font-size:0;}
	.sitelink .sitelink-brand li {display:inline-block; *display:inline; padding:0 20px;}

.footer-certificate {clear:both; width:100%; min-width:1300px; text-align:center; border-top:1px solid #e5e5e5; padding:20px 0;}



/*¸ÞÀÎ ÄÁÅÙÃ÷*/
.mainmovie {position:relative; width:100%; height:600px; margin-top:150px; background:#000; overflow:hidden;}
	.mainmovie .main-movie-text {position:absolute; top:200px; width:100%; text-align:center; z-index:2;}
		.mainmovie .main-movie-text .title-k {font-family:'Nanum Myeongjo', serif; font-size:40px; line-height:55px; color:#fff;}
		.mainmovie .main-movie-text .title-k span {font-weight:600;}
		.mainmovie .company-text {width:430px;	margin:50px auto 0;}
		.mainmovie .company-text .company-simbol {float:left;}
		.mainmovie .company-text .company-simbol img {width:60px;}
		.mainmovie .company-text .company-t {float:left; font-family:'NanumSquare'; text-align:left; font-size:20px; line-height:35px; color:#fff; padding-left:10px;}
		.mainmovie .company-text .company-t span {font-family:'NanumSquareExtraBold'; font-size:30px;}
	.mainmovie .video {position:absolute; top:-100px; left:50%; width:2000px; height:1080px; margin-left:-1000px; overflow:hidden; opacity:.6;}

.branch-customer {display:table; width:1300px; background:#f8f8f8; border:1px solid #dfdfdf; box-sizing:border-box; margin:12px auto; padding:30px 0;}
	.branch-customer .branch-title {clear:both; font-family:'NanumSquareBold'; text-align:center; font-size:27px; line-height:30px; color:#000; margin:0 auto 30px;}
	.branch-customer .branch-title b {font-family:'NanumSquareExtraBold'; color:#0c3f89;}
	.branch-customer .branch-title span {position:relative; padding-left:35px;}
	.branch-customer .branch-title img {position:absolute; top:2px; width:30px; margin-left:-35px;}
	.branch-customer .branch-list {clear:both; width:100%;}
	.branch-customer .branch-list ul {padding:0; margin:0;}
	.branch-customer .branch-list li {float:left; list-style:none; width:12.5%; text-align:center; border-left:1px solid rgba(27,97,167,.2); box-sizing:border-box;}
	.branch-customer .branch-list li a {font-family:'NanumSquareBold'; font-size:17px; line-height:25px; color:#000; text-decoration:none;}
	.branch-customer .branch-list li span {font-size:20px; color:#0c3f89;}
	.branch-customer .branch-list li:first-child {border-left:none;}

.franchise-banner {clear:both; float:left; width:644px; height:362px; margin-right:12px; background:#0c053f url('../images/banner_recruit_img.png') no-repeat 360px 30px; background-size:260px; overflow:hidden;}
	.franchise-banner .franchise-left {clear:both; float:left;}
	.franchise-banner .franchise-title {clear:both; font-family:'NanumSquareBold'; font-size:40px; line-height:40px; color:#fff; margin:30px 0 30px 30px;}
	.franchise-banner .franchise-comment {clear:both; font-family:'NanumSquare'; font-size:19px; line-height:25px; color:#ff8a01; margin:0 0 30px 30px;}
	.franchise-banner .franchise-comment span {font-family:'NanumSquareExtraBold';}
	.franchise-banner .franchise-detail {float:left; font-family:'NanumSquare'; font-size:17px; line-height:25px; color:#fff; padding-left:10px; margin:20px 0 30px 30px; border-left:1px solid rgba(255,255,255,.2);}
	.franchise-banner .franchise-detail span {font-family:'NanumSquareBold'; font-size:20px; color:#000; padding:3px; background:#ff8a01; border-radius:5px;}
	.franchise-banner .franchise-view {float:right; margin:20px 30px 30px 0;}
	.franchise-banner .franchise-view a {text-decoration:none;}
	.franchise-banner .franchise-view .franchise-area {font-family:'NanumSquare'; font-size:23px; line-height:30px; color:#fff; padding:20px 35px; border:1px solid rgba(255,255,255,1); transition:all .1s ease; -webkit-transition:all .1s ease;}
	.franchise-banner .franchise-view .franchise-area:hover {background:#0c3f89; border:1px solid #0c3f89;}

.main-youtube {float:left; width:644px;}

.main-board-section {float:left; width:316px; margin-right:12px; margin-top:12px; border:1px solid #dfdfdf; box-sizing:border-box;}
	.board-recruit {margin-right:0;}
	.board-recruit {background:#e6ebf3;}
	.main-board-section .board-title-area {display:inline-block; width:276px; border-bottom:1px solid #dfdfdf; margin:10px 20px; padding-bottom:10px;}
	.main-board-section .board-title-area .board-title {float:left; font-family:'NanumSquareBold'; font-size:20px; line-height:30px; color:#000;}
	.board-recruit .board-title-area .board-title {color:#0c3f89;}
	.main-board-section .board-title-area .board-more {float:right;}
	.main-board-section .board-title-area .board-more a,
	.main-board-section .board-title-area .board-more a:visited {font-family:'Nanum Gothic','³ª´®°íµñ'; font-size:12px; line-height:30px; color:#666; text-decoration:none;}
	.main-board-section .board-iframe {clear:both; width:276px; padding:10px 20px 20px;}
	.main-board-section .board-iframe iframe {width:100%; height:250px;}

.main-photogallery {float:left; width:100%; margin-top:12px; border:1px solid #dfdfdf; box-sizing:border-box;}
	.main-photogallery .board-iframe {width:1260px; padding:20px;}
	.main-photogallery .board-iframe iframe {width:100%; height:100px;}

.footer-banner {clear:both; display:table; width:100%; padding:12px 0;}
	.footer-banner .online-app-banner {position:relative; float:left; width:495px; height:102px; margin-right:12px;}
	.footer-banner .online-guin {background:#f0f0f0;}
	.footer-banner .online-gujic {background:#263c66;}
		.footer-banner .online-app-banner .appbtn {float:left; font-family:'NanumSquare'; font-size:17px; line-height:60px; color:#000; margin:20px 10px 0 10px; padding:0 20px; border:1px solid rgba(0,0,0,.1); transition:all .1s ease; -webkit-transition:all .1s ease;}
		.footer-banner .online-gujic .appbtn {color:#fff; border:1px solid rgba(255,255,255,.1);}
		.footer-banner .online-app-banner .app-title {float:left; width:270px; font-family:'NanumSquare'; text-align:right; font-size:20px; line-height:25px; color:#ba0101; margin:25px 0 0 0;}
		.footer-banner .online-gujic .app-title {color:#ffba00;}
		.footer-banner .online-app-banner .app-img {position:absolute; left:5px; bottom:0;}
		.footer-banner .online-app-banner .app-img img {width:140px;}
		.footer-banner .online-guin:hover .appbtn {border:1px solid #000;}
		.footer-banner .online-gujic:hover .appbtn {border:1px solid #fff;}
	.footer-banner .sns-banner {float:left; width:286px; height:45px; overflow:hidden;}
	.footer-banner .banner-blog {background:#3cac37;}
	.footer-banner .banner-youtube {background:#d4262c; margin-top:12px;}
		.footer-banner .sns-banner i {float:left; font-size:35px; color:#fff; margin:5px 10px 0 20px;}
		.footer-banner .sns-banner .sns-title {float:left; font-family:'NanumSquareExtraBold'; font-size:17px; line-height:45px; color:#fff;}
		.footer-banner .sns-banner .sns-img {float:left;}
		.footer-banner .sns-banner .sns-img img {height:25px; margin:9px 0 0 10px;}
		.footer-banner .banner-blog .sns-img img {height:30px; margin-top:9px;}

.main-footer-banner {clear:both; display:table; width:1300px; padding:0 0 12px;}
	.main-footer-banner ul {padding:0; line-height:0;}
	.main-footer-banner li {float:left; list-style:none; width:316px; margin:0 0 0 12px;}
	.main-footer-banner li:first-child {margin:0;}

.sub_footer {width:1300px; margin:0 auto;}
	.sub_footer .franchise-banner {width:100%; height:182px; margin-right:0; background:#0c053f url('../images/banner_recruit_img.png') no-repeat 800px 20px; background-size:260px; overflow:hidden;}
		.sub_footer .franchise-banner .franchise-detail {margin-top:27px; }
		.sub_footer .franchise-banner .franchise-view {float:right; margin-top:25px;}

/*¼­ºê¿µ¿ª*/
.subimages {display:table; width:100%; min-width:1300px; height:450px; font-size:0; text-align:center; padding-top:100px; transition:all 1.2s ease; -webkit-transition:all 1.2s ease;}
	.subimg01 {background:url('../images/sub_images01.jpg') no-repeat center bottom;}
	.subimg02 {background:url('../images/sub_images01.jpg') no-repeat center bottom;}
	.subimg03 {background:url('../images/sub_images01.jpg') no-repeat center bottom;}
	.subimg04 {background:url('../images/sub_images01.jpg') no-repeat center bottom;}
	.subimg05 {background:url('../images/sub_images01.jpg') no-repeat center bottom;}
	.subimg06 {background:url('../images/sub_images01.jpg') no-repeat center bottom;}
	.subimg07 {background:url('../images/sub_images01.jpg') no-repeat center bottom;}
	.subimg08 {background:url('../images/sub_images01.jpg') no-repeat center bottom;}
	.subimg09 {background:url('../images/sub_images01.jpg') no-repeat center bottom;}
	.subimg10 {background:url('../images/sub_images01.jpg') no-repeat center bottom;}
	.subimg15 {background:url('../images/sub_images01.jpg') no-repeat center bottom;}

/*ŸÀÌƲ*/
.subtitle_group {position:absolute; top:300px; left:0; width:100%; min-width:1300px; z-index:10;}
	.subtitle_group .subtitle_k {clear:both; width:100%; font-family:'Nanum Myeongjo', serif;  text-align:center; font-size:40px; line-height:50px; font-weight:800; color:#000;}
	.subtitle_group .subtitle_e {clear:both; width:100%; font-family:'NanumSquare'; text-align:center; font-size:30px; line-height:40px; color:#000;}

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

/*¼­ºê¸Þ´º*/
.submenu {position:absolute; display:table; top:499px; left:0; width:100%; min-width:1300px; text-align:center; ; background:rgba(255,255,255,.9); padding:0; z-index:20;}
	.submenu ul {margin:0; padding:0; font-size:0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
	.submenu li {display:inline-block; *display:inline; line-height:50px; border-right:1px solid #e5e5e5; padding:0 10px; transition:all .2s ease; -webkit-transition:all .2s ease;}
	.submenu li:first-child {border-left:1px solid #e5e5e5;}
	.submenu a,
	.submenu a:visited, 
	.submenu a:hover {font-family:'Nanum Gothic'; font-size:13px; letter-spacing:-.5px; color:#333; text-decoration:none;}
	.submenu li:hover {background:#1b61a7;}
	.submenu li:hover a {color:#fff;}
	.submenu .on {background:#1b61a7;}
	.submenu .on a,
	.submenu .on a:visited,
	.submenu .on a:hover {color:#fff !important;}
	.submenu_fix {position:fixed; top:159px;}

/*º»¹®*/
.subcontents {display:table; width:100%; min-width:1300px; text-align:center; padding:0;}
	.subcontents .subbody {display:table; clear:both; width:100%; min-width:1300px; text-align:center; /*background:#fff9e5;*/}
	.subcontents .subbody .text {clear:both; display:table; padding:50px 30px;}
	.subcontents .subbody .text .text_table {display:table; width:1300px; min-height:350px; *height:350px; text-align:center; vertical-align:top;}

/*.subbg0101 {background:url('../body/sub0101_bg.jpg') no-repeat center top;}*/