/*****»ö»óº¯°æ*****/
:root {--color:#002eb5; --color2:#244cc3;}




/*****¸ð¹ÙÀÏB2B, Àü¿ëÆù ´õº¸±â ¹öÆ°*****/
.more {display:inline-block;font-size:18px;text-align:center;padding:15px 35px 15px 35px;margin:0 auto;border-radius:5px;color:#fff;background:var(--color);}
 a:hover .more{color:#fff;background: var(--color2);}
.more-wrap {text-align: center;margin: 0px 0px 70px 0px;}




/*****¸ð¹ÙÀÏ¿ë ¼û±è*****/
.mobile {display:none;}






/*****Çì´õ¿µ¿ªÀÇ ¸Þ´º¿Í °ü·ÃÇÑ Å¬·¡½º´Â bootstrap.css¿¡¼­ ¼öÁ¤ÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù. 
Ŭ·¡½º º¯°æÀÌ ÇÊ¿äÇÏ½Ç °æ¿ì Àß Ã£Áö ¸øÇÏ´Â »ç·Ê°¡ ÀÖ¾î µðÀÚÀΰ¡À̵åÀÇ 13~16page¿¡ Á¤¸®ÇØ µÎ¾úÀ¸´Ï Âü°íÇØÁÖ¼¼¿ä.*****/
.header {position:fixed;top:0px;left:0px;width:100%;padding:0;margin:0 auto;z-index:999;background:#fff;
  -webkit-transition: padding-left 200ms linear;
  -moz-transition: padding-left 200ms linear;
  -ms-transition: padding-left 200ms linear;
  -o-transition: padding-left 200ms linear;transition: padding-left 200ms linear;
  -webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,0);box-shadow: 0 1px 10px 1px rgba(0,0,0,0);
}
.header.fixed {
  -webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.1);box-shadow: 0 1px 10px 1px rgba(0,0,0,0.1);
}



/*****·Î°í °ü·Ã*****/
.navbar-brand {float:left;width:250px;height:90px;background:url(../img/common/logo.png) 0px 32px;background-repeat:no-repeat;}

@media (max-width: 1024px) {
.navbar-brand {float:left;width:200px;height:60px;background:url(../img/common/logo.png) 5px 25px;background-repeat:no-repeat;background-size:50%;}
}







/*****¸ÞÀÎ ·Ñ¸µÀ̹ÌÁö ¹× ¼­ºê »ó´ÜÀ̹ÌÁö ¿µ¿ª*****/
/*****PC ÇØ»óµµ*****/
.visual-main01{width:100%;height:70vh;background:url(../img/main/visual01.jpg) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.visual-main02{width:100%;height:70vh;background:url(../img/main/visual02.jpg) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.visual-main03{width:100%;height:70vh;background:url(../img/main/visual03.jpg) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.visual-sub01{width:100%;height:300px;background:url(../img/main/sub-visual01.jpg) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.visual-sub02{width:100%;height:300px;background:url(../img/main/sub-visual02.jpg) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.visual-sub03{width:100%;height:300px;background:url(../img/main/sub-visual03.jpg) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.visual-sub04{width:100%;height:300px;background:url(../img/main/sub-visual04.jpg) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.visual-sub05{width:100%;height:300px;background:url(../img/main/sub-visual05.jpg) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.visual-sub06{width:100%;height:300px;background:url(../img/main/sub-visual06.jpg) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.v-mt01{color:#fff;font-size:60px;font-weight:bold;line-height:60px;padding:0 0 30px 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .0);letter-spacing:.5px;}
.v-mt02{color:#eee;font-size:16px;margin:0 0 40px 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .0);}
.black{color:#222;}
.vr-btn{display:inline-block;font-size:16px;text-align:center;padding:10px 30px 10px 30px;border-radius:5px;color:#fff;background:#111;transition:0.3s ease;}
 a:hover .vr-btn{color:#fff;background:var(--color);}
.v-st01{color:#fff;font-size:54px;font-weight:500;text-shadow: 0 1px 2px rgba(0, 0, 0, .0);}
.v-st02{color:#eee;font-size:18px;font-weight:normal;margin:10px 0 0 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .0);}

@media (max-width: 1024px) {
.visual-main01{width:100%;height:400px;background:url(../img/main/visual01.jpg) center;background-size:cover;}
.visual-main02{width:100%;height:400px;background:url(../img/main/visual02.jpg) center;background-size:cover;}
.visual-main03{width:100%;height:400px;background:url(../img/main/visual03.jpg) center;background-size:cover;}
.visual-sub01{width:100%;height:250px;background:url(../img/main/sub-visual01.jpg) center;background-size:cover;}
.visual-sub02{width:100%;height:250px;background:url(../img/main/sub-visual02.jpg) center;background-size:cover;}
.visual-sub03{width:100%;height:250px;background:url(../img/main/sub-visual03.jpg) center;background-size:cover;}
.visual-sub04{width:100%;height:250px;background:url(../img/main/sub-visual04.jpg) center;background-size:cover;}
.visual-sub05{width:100%;height:250px;background:url(../img/main/sub-visual05.jpg) center;background-size:cover;}
.visual-sub06{width:100%;height:250px;background:url(../img/main/sub-visual06.jpg) center;background-size:cover;}
.v-mt01{font-size:38px;line-height:40px;padding:0 0 10px 0;}
.v-mt02{font-size:14px;margin:0 0 30px 0;}
.vr-btn{font-size:12px;padding:10px 30px 10px 30px;border-radius:5px;}
 a:hover .vr-btn{}
.v-st01{font-size:44px;}
.v-st02{font-size:14px;margin:5px 0 0 0;}
}

/*****½º¸¶Æ®Æù¿¡¼­ ¹é±×¶ó¿îµå À̹ÌÁöÀÇ Áß½ÉÃà À̵¿Àº background:url() 0px 0px; ¿¡¼­ ¾ÕÀÇ 0px °ªÀ» ÀûÀýÈ÷ Á¶ÀýÇØÁÖ½Ã¸é µË´Ï´Ù.*****/
@media (max-width: 480px) {
.visual-main01{width:100%;height:380px;background:url(../img/main/visual01_M.jpg) -250px 0px;background-size:cover;background-position: center;}
.visual-main02{width:100%;height:380px;background:url(../img/main/visual02_M.jpg) -200px 0px;background-size:cover;background-position: center;}
.visual-main03{width:100%;height:380px;background:url(../img/main/visual03_M.jpg) -200px 0px;background-size:cover;background-position: center;}
.visual-sub01{width:100%;height:150px;background:url(../img/main/sub-visual01.jpg) -200px 0px;background-size:cover;}
.visual-sub02{width:100%;height:150px;background:url(../img/main/sub-visual02.jpg) -250px 0px;background-size:cover;}
.visual-sub03{width:100%;height:150px;background:url(../img/main/sub-visual03.jpg) -350px 0px;background-size:cover;}
.visual-sub04{width:100%;height:150px;background:url(../img/main/sub-visual04.jpg) -200px 0px;background-size:cover;}
.visual-sub05{width:100%;height:150px;background:url(../img/main/sub-visual05.jpg) -250px 0px;background-size:cover;}
.visual-sub06{width:100%;height:150px;background:url(../img/main/sub-visual06.jpg) -300px 0px;background-size:cover;}
.v-mt01{font-size:24px;line-height:30px;padding:0 0 15px 0;}
.v-mt02{font-size:11px;margin:0 0 20px 0;}
.vr-btn{font-size:10px;padding:5px 20px 5px 20px;border-radius:3px;}
 a:hover .vr-btn{}
.v-st01{font-size:28px;}
.v-st02{font-size:11px;margin:5px 0 0 0;}
}



/*****·ÎÄÃ ¸Þ´º°ü·Ã (PC)*****/
.lnbwrap {position:relative;width:96%;margin:0 auto;background:#fff;border-bottom:1px solid #ddd;text-align:center;}
.lnbmenu{padding:20px 0 20px 0;font-size:17px;font-weight:500;}
.lnbmenu a:link{color:#777;margin:0 25px 0 25px;}
.lnbmenu a:visited{color:#777;}
.lnbmenu a:hover{color:var(--color);border-bottom:2px solid var(--color);padding:19px 0 19px 0;}
.lnbmenu .on{color:var(--color);border-bottom:2px solid var(--color);padding:19px 0 19px 0;}
@media (max-width: 1599px) {
.lnbwrap {width:100%;}
}
@media (min-width: 1025px) {
.location{display:none;}
}

/*****·ÎÄÃ ¸Þ´º°ü·Ã (Tab & Mobile)*****/
@media (max-width: 1024px) {
.lnbmenu{display:none;}
.location {position:relative;background:#f6f6f6;width:100%;height:50px;border-bottom:1px solid #ddd;}
.location:after {content:""; clear:both; display:block;}
.location .location-wrap {width:100%; margin:0 auto;}
.location .location-wrap a.btn-home {display:block;float:left;background:url("../img/common/btn-home.png") center no-repeat;color:#fff;border-left:1px solid #ddd;border-right:1px solid #ddd;width:50px;height:50px;}
.location .depth01 {width:30%;float:left;position:relative;z-index:9;}
.location .depth01 p {width:100%;margin:0px;padding:0 0 0 15px;background:url("../img/common/btn-arrow.png") right no-repeat;background-size:26px;height:49px;line-height:50px;font-size:12px;font-weight:bold;color:#555;cursor:pointer;}
.location .depth01 ul.drop {width:101.5%;background:#fff;display:none; position:absolute;left:-1px;padding:10px 0 10px 0;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.location .depth01 ul.drop li a {display:block;height:30px;font-size:12px;line-height:30px;padding-left:15px;color:#555;transition:0.2s ease;}
.location .depth01 ul.drop li a:hover {color:#fff;background:var(--color);}
.location .depth01 ul.drop li {border-top:0px solid #ccc;}
.location .depth01 ul.drop li:first-child {border-top:0;}
.location .depth02 {width:30%;float:left;position:relative;z-index:9;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.location .depth02 p {width:100%;margin:0px;padding:0 0 0 15px;background:url("../img/common/btn-arrow.png") right no-repeat;background-size:26px;height:49px;line-height:50px;font-size:13px;font-weight:500;color:#555;cursor:pointer;}
.location .depth02 ul.drop {width:101%;background:#fff;display:none; position:absolute;left:-1px;padding:10px 0 10px 0;border-top:1px solid #ddd;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.location .depth02 ul.drop li a {display:block;height:30px;font-size:12px;line-height:30px;padding-left:15px;color:#555;transition:0.2s ease;}
.location .depth02 ul.drop li a:hover {color:#fff;background:var(--color);}
.location .depth02 ul.drop li {border-top:0px solid #ccc;}
.location .depth02 ul.drop li:first-child {border-top:0;}
}

@media (max-width: 768px) {
.location {}
.location:after {}
.location .location-wrap {}
.location .location-wrap a.btn-home {width:12%;height:50px;}
.location .depth01 {width:40%;}
.location .depth01 p {}
.location .depth01 ul.drop {}
.location .depth01 ul.drop li a {}
.location .depth01 ul.drop li a:hover {}
.location .depth01 ul.drop li {}
.location .depth01 ul.drop li:first-child {}
.location .depth02 {width:48%;}
.location .depth02 p {}
.location .depth02 ul.drop {}
.location .depth02 ul.drop li a {}
.location .depth02 ul.drop li a:hover {}
.location .depth02 ul.drop li {}
.location .depth02 ul.drop li:first-child {}
}



/*****ÀÏ¹Ý ÄÁÅÙÃ÷ ¿µ¿ª°ü·Ã*****/
a:focus {outline:none;}
.top-btn{background:#eee;color:#000;font-size:13px;font-weight:bold;padding:6px 15px 6px 15px;border-radius:2px;transition:0.3s ease;}
 a:hover .top-btn{color:#fff;background:#e91a21;}
.navTop{position:fixed;z-index:-1;width:100%;height:310px;opacity:0;}
.nav{position:relative;text-align:center;font-size:12px;color:#fff;margin:5px 0 0 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .0);}
.nav img{vertical-align:-1px;}
.nav .current{display:inline-block;color:#fff;padding:0 0 0 8px;}
.tc01{color:#0a4da7;text-decoration:none;}
.tc02{color:#0a4da7;text-decoration:underline;}
.ta-l{text-align:left;}
.ta-c{text-align:center;}
.ta-r{text-align:right;}
.ta-j{text-align:justify;}
.ta-b{font-weight:500;}
.ts01{color:#333;font-size:27px;padding:50px 0 0 0;font-weight:500;text-align:center;}
.ts02{color:#777;font-size:17px;padding:20px 0 100px 0;line-height:24px;text-align:center;}
.ts03{color:#333;font-size:32px;padding:10px 0 30px 0;font-weight:500;line-height:46px;}
.ts04{color:#777;font-size:17px;line-height:24px;}
.ts05{color:#333;font-size:20px;padding:40px 0 0 0;font-weight:500;font-style:italic;text-align:right;}
.ts06{color:#111;font-size:50px;padding:30px 0 0 0;font-weight:bold;}
.ts07{color:#333;font-size:24px;padding:15px 0 15px 0;font-weight:500;}
.ts08{color:#777;font-size:17px;line-height:24px;}
.ts09{color:#111;font-size:27px;padding:0 0 0 0;font-weight:500;line-height:34px;}
.ts10{color:#777;font-size:17px;line-height:24px;}
.tb01{font-size:16px;color:#666;padding:0 0 0 11px;margin:0 0 5px 0;background:url(../img/common/blet01.png) 0px 10px; background-repeat:no-repeat;}
.tl01{color:#555555;text-decoration:none;font-size:29px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:18px 0 23px 0;margin:35px 0 60px 0;text-align:center;letter-spacing:1px;}
.gnbmenu01{position:relative;top:0;}
.t1{width:100%;margin:0 auto;border-left:0px solid #ddd;border-right:0px solid #ddd;border-top:3px solid #555;border-bottom:1px solid #ddd;font-size:17px;}
.t1 caption{display:none;}
.t1 th{padding:20px 20px 20px 20px;background-color:#fafafa;color:#555;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center;font-weight:500;}
.t1 td{padding:20px 20px 20px 20px;background-color:#ffffff;color:#777;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:left;}
.t1 th.left{text-align:left;}
.t1 td.left{text-align:left;}
.t1 td.rline{border-right:1px solid #ddd;}
.t1 th.fst{background:#fafafa;text-align:center;font-weight:bold;color:#555;}
.t1 td.fst{background:#fff;text-align:center;font-weight:normal;color:#777;}
.t1 th:first-child{border-left:0px;}
.t1 td:first-child{border-left:0px;}
.tit-main01 {text-align:center;font-size:36px;font-weight:bold;color:#000;padding:70px 0 5px 0;letter-spacing:0px;}
.tit-main02 {text-align:center;font-size:17px;font-weight:normal;color:#888;padding:0 0 20px 0;line-height:22px;}
.tit-main03 {text-align:center;font-size:36px;font-weight:bold;color:#333;padding:0 0 8px 0;}
.tit-main04 {text-align:center;font-size:17px;font-weight:normal;color:#888;padding:0 0 25px 0;}
.tsm01{margin-top:-30px;}
.tsm02{margin-top:-20px;}
.tit-sub01 {font-size:42px;font-weight:500;color:#222;position:relative;padding:70px 0 0 0;text-align:center;}
.tit-sub02 {font-size:15px;font-weight:500;color:#999;padding:10px 0 30px 0;letter-spacing:1px;text-align:center;}
.tit-sub03 {text-align:center;font-size:38px;color:#000;font-weight:normal;padding:0 0 55px 0;position:relative;}
.tit-sub03:before{position:absolute;bottom:40px;left:50%;width:40px;height:2px;content:'';-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background:#222}
.tit-sub04 {font-size:16px;font-weight:normal;color:#999;margin:5px 0 40px 0;}
.tit-sub05 {font-size:42px;font-weight:500;color:#222;position:relative;padding:160px 0 0 0;}
.tit-sub06 {font-size:15px;font-weight:500;color:#999;padding:10px 0 70px 0;letter-spacing:1px;}
.round{border-radius:20px;}
.map{width:100%;height:600px;margin:0 0 70px 0;border:none;}
.back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 20px;display:none;z-index:9999;}
.au-btn{width:200px;font-size:15px;text-align:center;padding:10px 10px 10px 10px;margin:0 auto;border-radius:0px;border:1px solid #bbb;color:#555;background:#fff;transition:0.3s ease;}
 a:hover .au-btn{color:#fff;background:#e91a21;border:1px solid #c83044;}
.mc-wrap {border-left:1px solid #ddd;border-right:1px solid #ddd;padding:0 30px 0 30px;}
.mc-wrap h3{color:#000;font-size:24px;font-weight:500;margin:0 0 5px 0;}
.mc-wrap h5{color:#777;font-size:14px;font-weight:500;margin:0 0 15px 0;}
.mc-btn{display:inline-block;font-size:12px;padding: 5px 20px 5px 20px;color:#555;border:1px solid #ddd;background:#fff;border-radius:3px;transition:0.2s ease;}
 a:hover .mc-btn{color:#fff;border:1px solid var(--color);background:var(--color);}
.op-wrap{background:#000;text-decoration:none;overflow:hidden;}
.op-wrap .op-img{display:block;transition:0.3s ease;}
 a:hover .op-wrap{color:#555;text-decoration:none;background:#000;}
 a:hover .op-img{transform:scale(1.1); filter: blur(0px);opacity: 0.5;}
.op-wrap .op-title{display: block;width: 100%;position: absolute;text-align:center;top:45%;left:0px;}
.op-wrap .op-title h3{color:#fff;font-size:26px;font-weight:normal;margin:0 0 10px 0;opacity:0;transition:0.2s ease;}
 a:hover .op-wrap .op-title h3{opacity:1;transform:translateY(-20px);}
.op-btn{display:inline-block;font-size:12px;padding: 5px 15px 5px 15px;transition:0.2s ease;opacity:0;}
 a:hover .op-btn{color:#fff;border:1px solid #fff;opacity:1;transform:translateY(-20px);}
.mi-wrap{text-align:center;margin:130px 0 130px 0;}
.mi-wrap h3 {font-size:36px;font-weight:bold;color:#000;margin:0 0 40px 0;}
.line {position:relative;display:inline-block;width:.1px;height:50px;background:#bbb;margin-top:30px;}
.mi-wrap h5 {font-size:17px;font-weight:normal;color:#888;margin:40px 0 0 0;}
.mi-btn{display:inline-block;font-size:14px;text-align:center;padding:10px 35px 10px 35px;margin:30 0 0;border-radius:5px;border:1px solid #ddd;color:#555;background:#fff;transition:0.3s ease;}
 a:hover .mi-btn{color:#fff;background:var(--color);border:1px solid #0a2268;}
.ob-wrap{background: #000;text-decoration:none;overflow:hidden;}
.ob-wrap .ob-img{display:block;transform:scale(1);-webkit-transition:0.5s ease;transition:0.5s ease;}
 a:hover .ob-wrap{color:#555;text-decoration:none;background:#000;}
 a:hover .ob-img{transform:scale(1.1);filter: blur(0px);opacity: 0.5;}
.ob-title{background:#fff;text-align:left;padding:15px 15px 15px 15px;border-left:0px solid #ddd;border-right:0px solid #ddd;border-bottom:0px solid #ddd;}
 a:hover .ob-title{background:#fff;}
.ob-title h3{color:#333;font-size:18px;font-weight:500;margin:3px 0 0 0;}
.ob-title h5{color:#777;font-size:13px;font-weight:normal;margin:7px 0 0 0;}
 a:hover .ob-title h3{color:var(--color);}
 a:hover .ob-title h5{color:#888;}
.mz-wrap{border:0px solid #ccc;padding:5px 12px 10px 12px;margin:0 5px 0 5px;text-align:center;}
.mz-wrap h3{color:#333;font-size:20px;font-weight:500;margin:20px 0 0 0;}
.mz-wrap h5{color:#777;font-size:14px;font-weight:normal;margin:10px 0 0 0;}
.mn-wrap {text-align:center;padding:110px 30px 100px 30px;background:url('../img/main/mn-img.jpg') center top no-repeat;background-attachment:fixed;background-size:cover;}
.mn-wrap h3 {color:#fff;font-size:36px;font-weight:500;margin:0 0 15px 0;}
.mn-wrap h5 {color:#fff;font-size:16px;font-weight:normal;margin:0 0 25px; 0;}
.mn-btn{display:inline-block;font-size:14px;padding: 10px 40px 10px 40px;border-radius:5px;border:1px solid #fff;color:#fff;transition:0.3s ease;}
 a:hover .mn-btn{color:#fff;background:var(--color);border:1px solid var(--color);}
.an-wrap {text-align:center;padding:200px 30px 200px 30px;background:url('../img/main/an-img.jpg') center top no-repeat;background-attachment:fixed;background-size:cover;}
.an-wrap h3 {color:#fff;font-size:46px;font-weight:500;margin:0 0 15px 0;}
.an-wrap h5 {color:#fff;font-size:17px;font-weight:normal;margin:0 0 25px 0;line-height:24px;}
.an-btn{display:inline-block;font-size:15px;padding: 10px 30px 10px 30px;border-radius:5px;border:1px solid #fff;color:#fff;transition:0.3s ease;}
 a:hover .an-btn{color:#fff;background:#000;border:1px solid #555;}
.bn-wrap {margin:0 auto;padding:120px 30px 120px 30px;background:url('../img/main/bn-img.jpg') center top no-repeat;background-attachment:scroll;background-size:cover;text-align:center;}
.bn-wrap h3 {color:#fff;font-size:26px;font-weight:500;margin:0 0 5px 0;text-align:center;letter-spacing:.5px;}
.bn-wrap h5 {color:#fff;font-size:16px;font-weight:normal;margin:0 0 30px; 0;text-align:center;}
.bn-btn{display:inline-block;color:#fff;font-size:17px;width:300px;padding:20px 0 20px 0;margin:0 5px 0 5px;text-align:center;border-radius: 0px;border:1px solid #ddd;transition:0.3s ease;}
 a:hover .bn-btn{color:#fff;background:#000;border:1px solid #555;}
.cn-wrap {width:96%;padding:130px 30px 130px 30px;margin:0 auto;background:url('../img/company/cn-img.jpg') center top no-repeat;background-attachment:fixed;background-size:cover;}
.dn-wrap {margin:0 auto;padding:180px 30px 180px 30px;background:url('../img/business/dn-img.jpg') center top no-repeat;background-attachment:fixed;background-size:cover;}
.dn-wrap h3 {color:#fff;font-size:38px;font-weight:500;margin:0 0 15px 0;}
.dn-wrap h5 {color:#fff;font-size:17px;font-weight:normal;margin:0 0 0 0;}
.it-wrap {position:relative;margin:0 0 30px 0;padding:100px 50px 100px 50px;background:url('../img/company/it-img.jpg') center top no-repeat;background-attachment:scroll;background-size:cover;}
.it-wrap h3 {color:#fff;font-size:34px;font-weight:500;margin:0 0 15px 0;}
.it-wrap h5 {color:#fff;font-size:16px;font-weight:normal;line-height:22px;}
.kf-wrap{width:50%;position:relative;padding:80px 50px 60px 50px;z-index:5;}
.kf-wrap h3{color:#000;font-size:28px;font-weight:500;margin:0 0 0 0;}
.kf-wrap h5{color:#555;font-size:16px;font-weight:normal;margin:15px 0 30px 0;line-height:22px;}
.kf-wrap ul {}
.kf-wrap ul li {font-size:16px;font-weight:500;color:#555;padding:0 0 10px 13px;background:url(../img/common/blet01.png) 0px 5px; background-repeat:no-repeat;}
.kf-wcs {width:50%;height:100%;position:absolute;top:0px;left:0;background-color:#fff;opacity:0.8;z-index:1;}
.co-wrap{text-decoration:none;background:#fff;border:1px solid #ccc;padding:90px 15px 60px 15px;border-radius:10px;}
.co-wrap .co-title{text-align:center;}
.co-wrap h3{color:#333;font-size:18px;font-weight:bold;margin:15px 0 0 0;}
.co-wrap h5{color:#777;font-size:15px;font-weight:normal;margin:10px 0 0 0;}
.sb-wrap{text-decoration:none;margin:0 0 0 0;border:1px solid #ddd;}
.sb-wrap .sb-title{background:#fff;text-align:left;padding:20px 20px 20px 20px;border-top:1px solid #ddd;}
.sb-wrap h3{color:#111;font-size:18px;font-weight:500;margin:5px 0 0 0;}
.sb-wrap h5{color:#777;font-size:15px;font-weight:normal;margin:5px 0 0 0;}
.xb-wrap{text-decoration:none;margin:0 auto;}
.xb-wrap .xb-title{background:#fff;text-align:left;padding:25px 10px 0 10px;border-left:0px solid #ddd;border-right:0px solid #ddd;border-bottom:0px solid #ddd;}
.xb-wrap h3{color:#111;font-size:20px;font-weight:500;margin:5px 0 0 0;}
.xb-wrap h5{color:#777;font-size:17px;font-weight:normal;margin:5px 0 0 0;}
.mov-wrap {position:relative;padding-bottom:60%;height:0;overflow:hidden;} 
.mov-wrap iframe, .mov-wrap object, .mov-wrap embed {position:absolute;top:10px;left:0px;width:100%;height:714px;}
.featurette-divider {margin: 80px 0;}
.footer-divider {margin: 150px 0;clear:both;}
.dfs-divider01 {margin: 150px 0;clear:both;}
.dfs-divider02 {margin: 120px 0;clear:both;}
.dfs-divider03 {margin: 100px 0;clear:both;}
.dfs-divider04 {margin: 80px 0;clear:both;}
.dfs-divider05 {margin: 50px 0;clear:both;}
.dfs-line01 {margin:150px 0;border-top:1px solid #ddd;}
.dfs-line02 {margin:100px 0;border-top:1px solid #ddd;}
#history-box{width:100%;margin:0 0 0 0;text-align:center;margin:0 auto;}
#history-box dl{font-weight:normal;clear:both;border-top:1px dotted #999999;padding:40px 50px 0 50px;}
#history-box dl.noline{border:none;margin-top:-18px;}
#history-box dt{float:left;text-align:left;font-weight:bold;font-size:36px;color:#111;padding:18px 0 5px 0;font-family: Open Sans, Noto Sans KR;position:absolute;}
#history-box dd{float:left;text-align:left;padding:20px 0 40px 120px;}
#history-box dd ul li{position:relative;text-align:left;padding:10px 0 10px 70px;font-size:17px;}
#history-box dd .num{position:absolute;left:10px;}
#history-box dd .year{padding:0 50px 0 0;text-align:left;font-weight:bold;font-size:2.8em;}
.policy-box01 {padding:15px 15px 15px 15px;font-size:15px;color:#666;clear:both;height:600px;overflow-y:scroll;border:1px solid #cccccc;background:#ffffff;}
.policy-box02 {padding:15px 15px 15px 15px;font-size:15px;color:#666;clear:both;height:250px;overflow-y:scroll;border:1px solid #cccccc;background:#ffffff;}
#square_box{float:left;width:100%;padding:25px;margin:0 0 30px 0;border:1px solid #b2b2b2;}
#square_box h3{font-size:18px;font-weight:500;color:#555;margin:0 0 10px 0;}
#square_box h5{font-size:15px;font-weight:normal;color:#787878;margin:5px 0 0 0;}
#square_box01{float:left;width:100%;padding:25px;margin:0 0 30px 0;background:#eee;}
#square_box01 h3{font-size:20px;font-weight:500;color:#555;margin:0 0 5px 0;}
#square_box01 h5{font-size:15px;font-weight:normal;color:#787878;margin:5px 0 0 0;}
.mj-tit01{color:#333;font-size:18px;font-weight:500;padding:0 0 10px 2px;}
.mj-tit02{color:#555;font-size:17px;font-weight:500;padding:0 0 5px 2px;}
footer {width:100%;position:relative;clear:both;padding:50px 50px 100px 50px;background-color:#f2f2f2;border-top:0px solid #646770;}
footer:after {content:""; display:block; clear:both;}
footer .flogo {position:absolute; left:15px; top:17px;}
footer .fnb {width:100%; padding:15px 0 0 0; overflow:hidden;margin:0 0 0 200px;}
footer .fnb ul {margin:0 0 0 1px;text-align:center;display:}
footer .fnb ul:after {content:""; display:block; clear:both;}
footer .fnb ul li {float:left; font-size:15px;padding:0 13px 0 0;margin:0 12px 0 0;background:url('../img/common/fnb-line.png') right 4px no-repeat;display:inline-block;}
footer .fnb ul li a {color:#333;}
footer .fnb ul li a:hover {color:#000;}
footer .fnb ul li.last {background:url('');}
footer .sns {position:absolute; right:15px; top:20px;}
footer .sns ul:after {content:""; display:block; clear:both;}
footer .sns ul li {float:left; padding:0 0 0 10px;}
footer .sns ul li.last {padding:0 0 0 12px;}
footer .address {width:100%; padding:15px 0 1px 1px; overflow:hidden;font-size:13px; color:#777;margin:0 0 0 200px;}
footer .address ul:after {content:""; display:block; clear:both;}
footer .address ul li {float:left; font-size:14px;line-height:15px;color:#777; padding:0 13px 0 0;margin:0 12px 0 0;background:url('../img/common/fnb-line.png') right 2px no-repeat;}
footer .address ul li.last {background:url('');}
footer .address ul li strong {font-size:14px; color:#ddd; font-weight:600;}
footer .copy {width:100%; font-size:13px; color:#777; padding: 0 0 0; margin:-4px 0 0 200px; overflow:hidden;}
footer .copy span {font-size:13px;}


@media (max-width: 1024px) {
.top-btn{display:none;}
.navTop{position:fixed;z-index:1;width:100%;height:60px;opacity:0;}
.logo{position:absolute;top:13px;left:10px;text-align:left;z-index:999;width:200px;}
.ts01{font-size:17px;padding:30px 0 0 0;}
.ts02{font-size:13px;padding:15px 0 50px 0;text-align:justify;line-height:18px;}
.ts03{font-size:18px;padding:5px 0 20px 0;line-height:26px;}
.ts04{font-size:13px;line-height:18px;}
.ts05{font-size:14px;padding:30px 0 0 0;}
.ts06{font-size:22px;padding:20px 0 10px 0;}
.ts07{font-size:14px;padding:0px 0 10px 0;}
.ts08{font-size:13px;line-height:18px;}
.ts09{font-size:17px;padding:0 0 10px 0;line-height:24px;}
.ts10{font-size:13px;line-height:18px;}
.tb01{font-size:13px;padding:0 0 0 9px;margin:0 0 5px 0;background:url(../img/common/blet01.png) 0px 6px; background-repeat:no-repeat;}
.tl01{font-size:20px;padding:20px 0 15px 0;margin:20px 0 35px 0;text-align:center;}
.tit-main01 {font-size:22px;padding:50px 0 0 0;}
.tit-main02 {font-size:12px;padding:5px 0 15px 0;line-height:17px;}
.tit-main03 {font-size:22px;padding:5px 0 8px 0;}
.tit-main04 {font-size:12px;padding:0 0 15px 0;}
.tsm01{margin-top:-20px;}
.tsm02{margin-top:-20px;}
.tit-sub01 {font-size:25px;padding:60px 0 0 0;}
.tit-sub02 {font-size:12px;}
.tit-sub03 {font-size:22px;padding:0 0 40px 0;}
.tit-sub03:before{position:absolute;bottom:30px;width:20px;height:2px;}
.tit-sub04 {font-size:12px;margin:0 0 30px 0;}
.round{border-radius:15px;}
.map{width:100%;height:400px;margin:0 0 30px 0;border:none;}
.top-line{display:none;height:1px;}
.back-to-top {position:fixed;bottom:0px;right:0px;display:none;z-index:9999;opacity:0;}
.t1{width:100%;font-size:13px;}
.t1 th{padding:10px 5px 10px 5px;}
.t1 td{padding:10px 5px 10px 5px;}
.au-btn{width:120px;font-size:11px;padding:6px 5px 5px 5px;}
 a:hover .au-btn{}
.mc-wrap {border-left:1px solid #ddd;border-right:0px solid #ddd;padding:0 20px 0 20px;}
.mc-wrap h3{font-size:15px;margin:0 0 5px 0;}
.mc-wrap h5{font-size:11px;margin:0 0 10px 0;}
.mc-btn{font-size:9px;padding: 5px 12px 5px 12px;border-radius:3px;}
 a:hover .mc-btn{}
.op-wrap{}
.op-wrap .op-img{}
 a:hover .op-wrap{}
 a:hover .op-img{}
.op-wrap .op-title{top:50%;left:0px;}
.op-wrap .op-title h3{font-size:13px;margin:0 0 5px 0;}
 a:hover .op-wrap .op-title h3{transform:translateY(-20px);}
.op-btn{font-size:9px;padding: 3px 10px 3px 10px;}
 a:hover .op-btn{transform:translateY(-20px);}
.mi-wrap{margin:70px 0 70px 0;}
.mi-wrap h3 {font-size:22px;margin:0 0 20px 0;}
.line {bottom:54%;height:30px;}
.mi-wrap h5 {font-size:11px;margin:20px 0 0 0;}
.mi-btn{font-size:11px;padding:10px 35px 10px 35px;border-radius:5px;}
 a:hover .mi-btn{}
.ob-wrap{}
.ob-wrap .ob-img{}
 a:hover .ob-wrap{}
 a:hover .ob-img{}
.ob-title{padding:10px 10px 10px 10px;}
 a:hover .mb-title{}
.ob-title h3{font-size:14px;margin:3px 0 0 0;}
.ob-title h5{font-size:11px;margin:5px 0 0 0;}
 a:hover .ob-title h3{}
 a:hover .ob-title h5{}
.mz-wrap{padding:5px 5px 10px 5px;margin:0 5px 0 5px;}
.mz-wrap h3{font-size:13px;margin:20px 0 0 0;}
.mz-wrap h5{font-size:10px;margin:10px 0 0 0;}
.mn-wrap {padding:70px 0 70px 0;background-attachment:scroll; background-size:180%;background-position:center;}
.mn-wrap h3 {font-size:20px;margin:0 0 15px 0;}
.mn-wrap h5 {font-size:10px;margin:0 0 20px; 0;}
.mn-btn{font-size:10px;padding: 7px 25px 7px 25px;border-radius:5px;}
 a:hover .mn-btn{}
.an-wrap {padding:80px 0 80px 0;background-attachment:fixed;background-size:cover;}
.an-wrap h3 {font-size:22px;margin:0 0 10px 0;}
.an-wrap h5 {font-size:11px;margin:0 0 20px; 0;line-height:16px;}
.an-btn{font-size:11px;padding: 6px 15px 6px 15px;border-radius:3px;}
 a:hover .an-btn{}
.bn-wrap {padding:60px 10px 50px 10px;background-attachment:scroll; background-size:cover;}
.bn-wrap h3 {font-size:18px;margin:0 0 5px 0;letter-spacing:.5px;}
.bn-wrap h5 {font-size:12px;margin:0 0 20px; 0;}
.bn-btn{width:280px;font-size:13px;padding:15px 0 15px 0;margin:5px 0 5px 0;}
 a:hover .bn-btn{}
.cn-wrap {padding:50px 15px 50px 15px;background-attachment:scroll;background-size:cover;}
.dn-wrap {padding:70px 0px 70px 0px;background-attachment:scroll;background-size:cover;}
.dn-wrap h3 {font-size:20px;margin:0 0 5px 0;}
.dn-wrap h5 {font-size:12px;margin:0 0 0 0;}
.it-wrap {margin:0 0 50px 0;padding:40px 20px 40px 20px;background-attachment:scroll; background-size:cover;}
.it-wrap h3 {font-size:18px;margin:10px 0 10px 0;}
.it-wrap h5 {font-size:11px;line-height:16px;}
.kf-wrap{width:100%;padding:40px 10px 30px 10px;}
.kf-wrap h3{font-size:18px;margin:0 0 0 0;}
.kf-wrap h5{font-size:12px;margin:20px 0 20px 0;line-height:17px;}
.kf-wrap ul {}
.kf-wrap ul li {font-size:12px;padding:0 0 7px 9px;background:url(../img/common/blet01.png) 0px 4px; background-repeat:no-repeat;background-size:6px;}
.kf-wcs {width:100%;}
.co-wrap{padding:50px 10px 30px 10px;}
.co-wrap .co-title{}
.co-wrap h3{font-size:14px;margin:15px 0 0 0;}
.co-wrap h5{font-size:11px;margin:5px 0 0 0;}
.sb-wrap{}
.sb-wrap .sb-title{padding:15px;}
.sb-wrap h3{font-size:14px;margin:5px 0 0 0;}
.sb-wrap h5{font-size:12px;margin:5px 0 0 0;}
.xb-wrap{}
.xb-wrap .xb-title{padding:5px;}
.xb-wrap h3{font-size:15px;margin:10px 0 0 0;}
.xb-wrap h5{font-size:12px;margin:5px 0 0 0;}
.mov-wrap {position:relative;padding-bottom:65%;height:0;overflow:hidden;} 
.mov-wrap iframe, .mov-wrap object, .mov-wrap embed {position:absolute;top:0px;left:0px;width:100%;height:100%;}
.featurette-divider {margin: 60px 0;}
.footer-divider {margin: 60px 0;}
.dfs-divider01 {margin: 70px 0;}
.dfs-divider02 {margin: 50px 0;}
.dfs-divider03 {margin: 40px 0;}
.dfs-divider04 {margin: 30px 0;}
.dfs-divider05 {margin: 20px 0;}
.dfs-line01 {margin:70px 0;border-top:1px solid #ddd;}
.dfs-line02 {margin:30px 0;border-top:1px solid #ddd;}
#history-box{width:100%;margin:-15px 0 0 0;}
#history-box dl{font-weight:normal;clear:both;border-top:1px dotted #999999;padding:0px 10px 0px 10px;}
#history-box dl.noline{border:none;margin-top:-30px;}
#history-box dt{float:left;text-align:left;font-weight:bold;font-size:24px;padding:30px 50px 0 0;position:relative;}
#history-box dd{clear:both;float:left;text-align:left;padding:5px 0 20px 0;}
#history-box dd ul li{position:relative;text-align:left;padding:10px 0 1px 35px;font-size:13px;line-height:18px;}
#history-box dd .num{position:absolute;left:2px;}
#history-box dd .year{padding:0 50px 0 0;margin:30px 0 0 0;text-align:left;font-weight:bold;font-size:2em;}
.policy-box01 {padding:15px 15px 15px 15px;font-size:13px;height:400px;}
.policy-box02 {padding:15px 15px 15px 15px;font-size:13px;height:200px;}
#square_box{padding:15px;margin:0 0 20px 0;}
#square_box h3{font-size:15px;margin:0 0 5px 0;}
#square_box h5{font-size:12px;margin:5px 0 0 0;}
#square_box01{padding:15px;margin:0 0 30px 0;}
#square_box01 h3{font-size:15px;margin:0 0 5px 0;}
#square_box01 h5{font-size:12px;margin:5px 0 0 0;}
footer {padding:25px 0 50px 0;}
footer .flogo {position:relative; left:0; top:0; margin:20px 0 0 0; text-align:center;}
footer .fnb {padding:20px 0 0 0;margin:0 0 0 0;}
footer .fnb ul {text-align:center; margin:0;}
footer .fnb ul li {display:inline; float:none; margin:0 6px 0 0;background:url('../img/common/fnb-line.png') right 6px no-repeat;}
footer .fnb ul li a {font-size:12px;}
footer .fnb ul li.last {padding:0; margin:0;}
footer .sns {position:relative; right:auto; left:0; top:0; margin:20px 0 0 -10px;}
footer .sns ul {text-align:center;}
footer .sns ul li {display:inline; float:none;}
footer .sns ul li.last {padding:0 0 0 12px;}
footer .address {padding:10px 0 2px 0;text-align:center;margin:0 0 0 0;}
footer .address ul {text-align:center;padding:0;margin:0;}
footer .address ul li {display:block; font-size:12px;float:none; padding:1px 0;background:url('');}
footer .address ul li.last {background:url('');}
footer .address ul li strong {font-size:14px; color:#999; font-weight:600;}
footer .copy {font-size:12px;text-align:center; margin:5px 0 0 0;}
footer .copy span {display:block; padding:8px 0 0 0;}
.mj-tit01{font-size:15px;padding:0 0 10px 2px;}
.mj-tit02{font-size:15px;padding:0 0 5px 2px;}
}


@media (max-width: 768px) {
.mc-wrap {border-left:1px solid #ddd;border-right:0px solid #ddd;padding:0 1px 0 15px;}
}

/*****ÅؽºÆ® ÇÑÄ­ ³»·Á¾²±â °ü·Ã*****/
@media (max-width: 1024px) {
  .hidden-ms {display: none !important;}
}
@media (max-width: 768px) {
  .hidden-xs {display: none !important;}
}
@media (min-width: 1025px) {
  .hidden-bs {display: none !important;}
}
@media (min-width: 769px) {
  .hidden-fs {display: none !important;}
}