/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 }

@font-face {
	font-family: 'Poppins';
	font-weight: 300;
	src: url('../font/Poppins-Light.woff') format('woff');
}
@font-face {
	font-family: 'Poppins';
	font-weight: 400;
	src: url('../font/Poppins-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Poppins';
	font-weight: 500;
	src: url('../font/Poppins-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Poppins';
	font-weight: 700;
	src: url('../font/Poppins-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Poppins';
	font-weight: 800;
	src: url('../font/Poppins-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Poppins';
	font-weight: 900;
	src: url('../font/Poppins-Black.woff') format('woff');
}

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 200;
  src: url(../font/SUIT-Thin.otf) format('opentype');
  src: url(../font/SUIT-Thin.otf) format('opentype'),
       url(../font/SUIT-Thin.ttf) format('truetype');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	src: url('../font/Pretendard-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	src: url('../font/Pretendard-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	src: url('../font/Pretendard-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: url('../font/Pretendard-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: url('../font/Pretendard-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src: url('../font/Pretendard-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: url('../font/Pretendard-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	src: url('../font/Pretendard-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	src: url('../font/Pretendard-Black.woff2') format('woff2');
}
/* Common **********************************************************************/ 
html,body {width:100%; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:13px; line-height:1.6; font-family: 'Poppins'; color:#7d7d7d;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}


/*로그인스킨*/
#login_wrap {width:100%;  background:#f7f7f7; padding:50px;}
.login_top {width:100%; height:50px; border-bottom:1px solid #eaeaea; margin-bottom:20px;}
.login_top h2 {font-size:30px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {font-size:15px; font-weight:400; }
.login_mid {display: flex; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:50%; height:100%; }
.login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;}
.login_mid .login_con .login_id {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:10px;}
.login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con .login_pw {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:20px;}
.login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; }
.login_mid .login_con span img {vertical-align:middle;}
.login_mid .login_con input::placeholder {font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:14px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:55px; margin-top:20px;}
.login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:18px; line-height:53px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:20px; padding-left:20px; position:relative; line-height:35px;}
.login_mid .login_bottom li::before {width:1px; height:13px; background:#ddd; content:''; position:absolute; left:0; top:11px;}
.login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;}
.login_mid .login_bottom li:first-child::before {display:none;}
.login_mid .login_bottom li a {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;}
.login_mid .login_bottom li label {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;}
.login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; 
line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;}
.login_mid .login_bottom li .naver_login img {vertical-align:-1px;}
.login_mid .login_img {width:47.27%;}
.login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;}
.login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}


/*회원가입 스킨*/
.inWrap {width:98%;  border:1px solid #353638; border-width:1px 0; padding:30px 0;}
.inWrap.type1 { padding:50px 0;}
.inWrap.type2 { padding:0;}
.inWrap.type3 { padding:5px 0; border-bottom-width:0;}
.inWrap.width1 { width:680px !important; margin:0 auto;}
.tbox1 { border:1px solid #cdcdcd; }
.tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:13px; color:#666;}
.agreement input{vertical-align:middle; border:none;}
.btnType { display:inline-block; position:relative; transition:all 0.3s;}
.btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:13px;}
.btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; }
.btnWrap input{color:#fff;}

.center{text-align:center;}
.pc_img {display:block;}
.tab_img {display:none;}
.mob_img {display:none;}
.pc {display:block;}
.tab {display:none;}
.mob {display:none;}

/* ==main== */
#wrap{ position: relative; width: 100%; max-width: 100%;margin: 0 auto; overflow: hidden;}
.inner{width: 1400px; margin: 0 auto; max-width:100%;}

@media screen and (max-width:1400px) {

.inner{padding: 0 30px;}
}

/* header*/
#header{position: fixed;z-index: 5000;width: 100%;background: #fff;height: 100px;border-bottom: 1px solid #ddd;}
#header .quick-button{position:fixed; bottom: 60px; right: 60px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3); border-radius:50%;}
#header .quick-button img{width:100%;}
#header .inner{display: flex; align-items:center; justify-content:space-between;height: 100%;}
#header h1 a{display: block; background: url(../images/main/OMILTI-Consulting-logo.jpg)center no-repeat; width: 145px; height: 70px; background-size: cover;}
#header .lnb_wrap{display: flex;align-items: center;gap:25px;}
#header .gnb{display: flex;}
#header .gnb.hide{display: none;}
#header .gnb li{position: relative;}
#header .gnb li span a{padding: 39px 25px;font-size: 17px; color: #222; font-weight: 500;transition:.3s;}
#header .gnb li:hover span a{color: #151c61;}
#header .gnb .lnb_sub{display: none;position: absolute;z-index: 100;left: 50%; transform: translateX(-50%); top: 64px;border-top: 1px solid #ddd;}
#header .gnb .lnb_sub .sub_menu{background: #fff; }
#header .gnb .lnb_sub li a{display: block;font-size: 16px; color: #222; height: 45px;width: max-content; line-height: 45px; padding: 0 20px;transition:.3s;}
#header .gnb .lnb_sub li:hover a{color: #84b2e5;}
#header .gnb li:nth-child(1) .lnb_sub li a{width: 335px;}
#header .gnb li:nth-child(2) .lnb_sub li a{width: 200px;}
#header .gnb .lnb_sub .depth03{display: none; background: #f1f1f1;padding: 10px 0px;}
#header .gnb .lnb_sub .depth03 .depth03_menu li a{font-size: 15px; color: #444;height: 27px;line-height: 27px;transition:.3s;}
#header .gnb .lnb_sub .depth03 .depth03_menu li:hover a{color: #151c61;}
#header .search_wrap .search_btn{display: block; background: url(../images/main/main_search_pc.png)center no-repeat; width: 20px; height: 20px; background-size: cover;}
#header .search_wrap .search_btn.on{display: block; background: url(../images/main/main_x_pc.png)center no-repeat; width: 16px; height: 16px; background-size: cover;}
#header .search_box{display: none;position: absolute;top: 50%; left: 50%;background: #fff;height: 100px;transform: translate(-50%,-50%);}
#header .search_box input{border:none;width: 500px; height: 50px;padding-left: 20px;margin-left: 82px;margin-top: 25px;}
#header .search_box input::placeholder{font-size: 17px; color: #888;}
#header .search_box button{position: absolute; right: 20px; top: 50%; transform:translateY(-50%); filter: brightness(5);}
#header .search_box .search_btn{transform: translate(10px, 10px);}

.nav_btn{display: none;}
.navigation{display: none;}

@media screen and (max-width:1250px) {

#header .gnb li span a{font-size: 15px;padding: 42px 25px;}
#header .gnb .lnb_sub{top: 62px;}
}

@media screen and (max-width:1107px) {

#header .gnb li span a{padding: 42px 20px;}
}

@media screen and (max-width:1050px) {

#header .gnb li span a{padding: 42px 15px;}
}



#visual_wrap{position: relative;padding-top: 100px;}
#visual_wrap ul li{position: relative;}
#visual_wrap ul li .txt{position: absolute;z-index: 1000;width: 100%;top: 50%;left: 0; transform:translateY(-50%);}
#visual_wrap ul li .txt p{font-size: 50px;color: #fff;text-align: center;font-weight: 700;padding-bottom: 20px;}
#visual_wrap ul li .txt span{display: block;font-size: 18px;color: #fff;text-align: center;font-weight: 300;line-height: 34px;}
#visual_wrap ul li .txt i{display: block;}
#visual_wrap .visual_items { position:absolute;left: 50%;bottom: 65px;transform:translateX(-50%); z-index:1000;}
#visual_wrap .visual_items .inner { display:flex; align-items:center;justify-content: center;}
#visual_wrap .visual_items .visual_paging { display:flex; align-items:center;}
#visual_wrap .visual_items .visual_paging a { display:block; position:relative;cursor:auto;}
#visual_wrap .visual_items .visual_paging a ~ a { margin-left:35px;}
#visual_wrap .visual_items .visual_paging a em {display: block;width: 7px;height: 7px;border-radius: 50%;background: #fff;opacity: .55;}
#visual_wrap .visual_items .visual_paging a.active em {opacity: 1;}
#visual_wrap .visual_items .visual_paging a.active::before{content:''; display: block;position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.2); }
#visual_wrap .visual_items .visual_paging a .circle_wrap{position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:40px; height:40px;}
#visual_wrap .visual_items .visual_paging a .circle_wrap:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; border:1px solid rgba(255,255,255,0); }
#visual_wrap .visual_items .visual_paging a .circle_wrap .left{position: absolute; left: 0; top:0; width: 50%; height: 100%; overflow: hidden; z-index:10;}
#visual_wrap .visual_items .visual_paging a .circle_wrap .right{position: absolute; right: 0; top:0; width: 50%; height: 100%; overflow: hidden; z-index:10;}
#visual_wrap .visual_items .visual_paging a .circle_wrap .left img{position: absolute; left: 0; top:0; width:100%; height:100%; transform: rotate(180deg); transform-origin:center right;}
#visual_wrap .visual_items .visual_paging a .circle_wrap .right img{position: absolute; right: 0; top:0; width:100%; height:100%;  transform: rotate(180deg); transform-origin:center left;}
#visual_wrap .visual_items .visual_paging a.active .circle_wrap .right img{transform: rotate(360deg); transition: linear 1.2s; }
#visual_wrap .visual_items .visual_paging a.active .circle_wrap .left img{transform: rotate(360deg); transition:linear 1.2s; transition-delay:1.2s;}
#visual_wrap .visual_items .visual_paging a.on .circle_wrap .right img{transform: rotate(360deg); transition: linear 2s; }
#visual_wrap .visual_items .visual_paging a.on .circle_wrap .left img{transform: rotate(360deg); transition:linear 2s; transition-delay:2s;}

/* section */
.section{line-height: 1;}
.section h4.sec_tit{font-size: 40px; color: #222; font-weight: 700;}

/* section01 */
#section01{background: url(../images/main/sec01_bg_pc.jpg)center no-repeat; height: 243px; padding: 4% 0px;}
/* #section01{background: url(/images/main/sec01_bg_pc.jpg)center no-repeat; height: 243px; padding: 80px 0px;} */
/* #section01 .con{display: flex;gap:100px;padding-left: 260px; align-items:center;} */
#section01 .con{display: flex;align-items:center; justify-content:space-between; padding: 0 30px; max-width: 1400px; margin: 0 auto;}
#section01 .tit {width:260px;}
#section01 .tit span{display: block; margin-bottom: 10px;font-size: 30px; color: #84b2e5; font-weight: 600;}
#section01 .txt {flex:0.9;}
#section01 .txt p{font-size: 16px; color: #222; font-weight: 300;line-height: 34px;}
#section01 .txt p i{display: block;}

/* section02 */
#section02{padding: 100px 0;}
#section02 .tit{position: relative;margin-bottom: 60px;}
#section02 h4.sec_tit{text-align: center;}
#section02 .icon_wrap{position: absolute; top: 50%; transform: translateY(-50%);right: 0;display: flex;justify-content: space-between; align-items: center;border:1px solid #ddd;width: 250px; height: 80px;padding: 0 30px;}
#section02 .icon_wrap p{color: #222;font-size: 20px; font-weight: 500;}
#section02 .icon_wrap img{width: 60px;height: fit-content;}
#section02 .con_wrap{display: flex;gap:40px; flex-wrap:wrap;}
#section02 .con_wrap .con{position: relative;width: calc((100% - 80px) / 3);margin-bottom: 0px;}
#section02 .con_wrap .con_tab{display: none;}
#section02 .con_wrap .con:hover .txt_wrap{box-shadow: 0 0 0 10px #84b2e5 inset;}
#section02 .con_wrap .con:hover img{transform:scale(1.1);}
#section02 .con_wrap .con a{display: block;width: 100%;}
#section02 .con_wrap .con .img_wrap{position:relative; width:100%; padding-bottom:68.182%; overflow:hidden;}
#section02 .con_wrap .con .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%; transition:.5s;}
#section02 .con_wrap .con .txt_wrap{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);width: 100%;height: 100%;transition:.4s;}
#section02 .con_wrap .con .txt_wrap p{color: #fff;font-size: 24px; font-weight: 600;text-align: center;line-height: 300px;}

@media screen and (max-width:1250px) {

#section02 .con_wrap .con .txt_wrap p{font-size: 20px;}
}

/* section03 */
#section03{background: url(../images/main/sec03_bg_pc.jpg)center no-repeat; height: 260px;padding: 80px 0px;}
#section03 .inner{display: flex;/* gap:178px; */ align-items:center;justify-content: center;}
#section03 .tit {margin: 0 auto;}
#section03 .tit h4{font-size: 34px; color: #fff; font-weight: 700; line-height: 50px;}
#section03 .tit h4 i{display: block;}
#section03 .con_wrap{display: flex;gap: 20px; width: 75%;} 
#section03 .con{width: 320px; height: 100px; border:1px solid rgba(255,255,255,.3);padding: 0 40px;margin-bottom: 0px;}
#section03 .con a{display: flex; align-items:center; justify-content:space-between; width: 100%; height: 100%;}
#section03 .con p{color: #fff;font-size: 20px; font-weight: 500;}

/* section04 */
#section04{padding: 100px 0;background: #f5f5f5;}
#section04 .tit{position: relative;margin-bottom: 60px;}
#section04 h4{text-align: center;}
#section04 a.more_btn{position: absolute; right: 0; bottom: 0;font-size: 16px; color: #222; font-weight: 500;}
#section04 a.more_btn::after{content:''; display: inline-block; background: url(../images/main/more_btn_pc.png)center no-repeat; background-size:cover; width: 11px; height: 11px;margin-left: 7px;}
#section04 .con_wrap ul{display: flex; gap:40px;}
#section04 .con_wrap ul li{width: calc((100% - 120px) / 4);border-top:2px solid #222; border-bottom:1px solid #a1a1a1; padding: 40px 0px;}
#section04 .con_wrap ul li .date{margin-bottom: 20px;}
#section04 .con_wrap ul li .date strong{font-size: 30px; color: #222; font-weight: 500;}
#section04 .con_wrap ul li .date span{display: inline-block;	margin-left: 15px;font-size: 16px; color: #222; font-weight: 500;}
#section04 .con_wrap ul li .txt em{font-size: 20px; color: #222; font-weight: 500; line-height: 34px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;word-break: keep-all;}
#section04 .con_wrap ul li .txt p{font-size: 15px; color: #555; font-weight: 500; line-height: 30px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word;word-break: keep-all;}

/* section05 */
#section05{background: url(../images/main/sec04_bg_pc.jpg)left no-repeat; /* height: 660px; */background-size: 50% 100%;}
#section05 h4.sec_tit{color: #fff;}
#section05 .inner{display: flex;align-items: baseline;}
#section05 .left{width: 50%;padding: 85px 100px 85px 0;}
#section05 .left p{font-size: 16px; color: #fff; font-weight: 300; line-height: 34px;}
#section05 .left > p{padding: 40px 0px 40px; border-bottom:1px solid rgba(255,255,255,.2); margin-bottom: 30px; word-break: keep-all;}
#section05 .left > p i{display:block;}
#section05 .left address{display: flex;flex-wrap:wrap;gap:20px 0;padding-right: 80px;}
#section05 .left address p:nth-child(1){width: 100%;}
#section05 .left address p:nth-child(2),
#section05 .left address p:nth-child(3){width: 50%;}
#section05 .left address p em{font-size: 20px; color: #fff; font-weight: 600;}
#section05 .left address p em::before{content:''; display: inline-block; width: 3px; height: 15px; background: #fff;margin-right: 10px;}
#section05 .left address p span{display: block;word-break: keep-all;}
#section05 .right{width: 50%;padding: 95px 0px 95px 40px;display: flex; gap:20px; flex-wrap:wrap;justify-content: end;}
#section05 .right p{font-size: 15px; line-height: 2.0; word-break: break-word;}
#section05 .right input[type="text"]{width: calc((100% - 20px) / 2); border:1px solid #ddd;height: 50px;padding-left: 20px; font-size: 18px; color:#000;}
#section05 .right input.input01{width: 100%;}
#section05 .right input::placeholder{font-size: 16px; font-weight: 300; color: #aaa;}
#section05 .right textarea{width: 100%; height: 170px; resize:none;padding: 10px 20px;border:1px solid #ddd; font-size: 18px; color: #000;}
#section05 .right textarea::placeholder{font-size: 16px; font-weight: 300; color: #aaa;}
#section05 .right a.submit_btn{display: block; width: 250px; height: 60px;background: #151c61; color: #fff;font-size: 18px; font-weight: 300;text-align: center; line-height: 60px;}
#section05 .right .email_chk{width: 100%;display: flex; align-items: center; justify-content: space-between;}

/* footer */
#footer{background: #1f2330; padding: 60px 0 55px;}
#footer .inner{display: flex; justify-content:space-between;align-items: flex-start;}
#footer .sitemap{display: grid; grid-template-columns: 1fr 1fr 1fr;flex-wrap:wrap;gap:35px 95px;width: 50%;}
#footer .sitemap a{display: block; width: max-content;color: #fff;font-size: 18px; font-weight: 500;}
#footer .f_right .con{display: flex;gap:10px;align-items: center;justify-content: end;margin-bottom: 0;}
#footer .f_right .sns_wrap{display: flex;gap:10px;align-items: center;}
#footer .f_right .con .f_logo{display: block;margin-left: 10px;}
#footer .f_right p.copy{padding-top: 30px; color: #fff; font-size: 15px; }

/* =====sub========================================================= */
#sub_visual_wrap{position: relative;margin-top: 100px;}
#sub_visual_wrap .sub_txt_wrap{position: absolute; top: 50%;left: 50%; transform:translate(-50%,-50%);width: 100%;}
#sub_visual_wrap .sub_txt_wrap h2{color: #fff;text-align: center;font-size: 50px; font-weight: 700;}
#sub_visual_wrap .sub_txt_wrap ul{display: flex; justify-content:center;gap:40px; align-items:center}
#sub_visual_wrap .sub_txt_wrap ul li{position: relative;color: #fff;font-size: 15px;}
#sub_visual_wrap .sub_txt_wrap ul li:first-child{display: block;background: url(../images/sub/home_pc.png)center no-repeat; background-size: cover; width: 16px; height: 14px;}
#sub_visual_wrap .sub_txt_wrap ul li:not(:first-child)::before{content:''; position: absolute; top: 50%; transform:translateY(-50%); left: -20px;display: inline-block; width: 3px; height: 3px; background: #fff; border-radius: 50%;}
#sub_contents{padding: 100px 0;}
#sub_contents .contop h2{text-align: center; color: #222; font-size: 40px; font-weight: 700;padding-bottom: 40px;}

/* tab_menu */
.tab_menu {display: block; width:100%; height:70px; }
.tab_menu .inner{position:relative; display: flex; width: 100%;height:100%;background: #fff;border-bottom:1px solid #ddd; padding-left: 0;}
.tab_menu a.home{position: relative;display: block;width: 16.5%; height: 100%; background: url(../images/sub/home02_pc.png)center right 20px no-repeat #151c61; }
.tab_menu .menu {display: flex; height:100%;}
.tab_menu .menu > li {position:relative; width: 300px;height:100%; background:url("../images/sub/tab_bt_pc.png") center right 18px no-repeat rgba(255,255,255,.9); }
.tab_menu .menu > li:nth-child(2){width: 380px;}
.tab_menu .menu > li.on {background-image:url("../images/sub/tab_top_pc.png");background-color: #fff;}
.tab_menu .menu > li > a {display:flex; align-items:center; padding: 0 45px 0 20px; width:100%; height:100%; font-size: 16px; color:#000; font-weight: 500; line-height:1.2; box-sizing:border-box; word-break:keep-all;border-right: 1px solid #ddd;}
.tab_menu .menu > li ul {display:none; position:absolute; width:100%; top:100%; left:-1px; padding:20px 0; box-sizing:content-box; background-color:#fff; z-index:10; border:1px solid #ddd;box-shadow: 4px 6px 15px rgba(0,0,0,.1);}
.tab_menu .menu > li ul li ~ li { margin-top:20px;}
.tab_menu .menu > li ul li a {display:flex; align-items:center; position:relative; width:100%; font-size:16px; color:#555;  font-weight: 500;padding:0 20px 0 20px; box-sizing:border-box; line-height:1.2;transition:.3s;}
.tab_menu .menu > li ul li a:hover{color: #84b2e5;}
.tab_menu .menu > li ul li.on a{color: #151c61;}

/* depth03 */
.depth03_wrap .depth03 ul{display: flex;gap:30px; justify-content:center;padding-bottom: 30px;}
.depth03_wrap .depth03 ul li{width: 210px; height: 50px; border:1px solid #84b2e5}
.depth03_wrap .depth03 ul li a{display: block; text-align: center; line-height: 48px;color: #555; font-size: 16px;} 
.depth03_wrap .depth03 ul li.on{background: #84b2e5;}
.depth03_wrap .depth03 ul li.on a{color: #fff;}

.con{margin-bottom:100px; word-break:break-word;}
.con:last-child{margin-bottom:0;}
.sub_con{margin-bottom:70px;}
.sub_con:last-child{margin-bottom:0;}

h5.h5_tit{position:relative; font-size:25px; color:#222; padding-left:20px; margin-bottom:30px;}
h5.h5_tit::before{position:absolute; content:''; width:4px; height:25px; background:linear-gradient(to top, #151c61, #84b2e5); left:0; top:6px;}
h6.h6_tit{position:relative; font-size:20px; color:#222; padding-left:30px; margin-bottom:30px;}
h6.h6_tit::before{position:absolute; content:''; width:17px; height:17px; background:url('../images/sub/h6_tit.png')center no-repeat; left:0; top:8px;}

.top_box{display:flex; flex-wrap:wrap; gap:50px; align-items:flex-end;}
.top_box .img_wrap{width:100%; margin: 0 auto;}
.top_box .sub0201_flag{width:70%; }
.top_box .img_wrap img{width:100%;}
.top_box em{position:relative; padding-top:30px; font-size:16px; color:#222; line-height:2.0; width:100%; word-break:break-word;}
.top_box em::before{position:absolute; content:''; width:60px; height:3px; background:#151c61; left:0; top:0;}
.txt_box{font-size:15px; line-height:2.0; background:#f5f5f5; padding:30px; margin-bottom:30px;}
.txt_box:last-child{margin-bottom:0;}

ul.list01 li{position:relative; font-size:15px; padding-left:20px; margin-bottom:15px; word-break:break-word;}
ul.list01 li::before{position:absolute; content:''; width:4px; height:4px; border-radius:50%; background:#84b2e5; left:0; top:10px;}
ul.list01 li:last-child{margin-bottom:0;}
ul.list01 li span{color:#84b2e5; display:block; margin-bottom:10px;}

.tbl01{width:100%; border-top:2px solid #84b2e5;}
.tbl01 th{font-size:15px; color:#222; border:1px solid #ddd; padding:20px ; background:#f5f5f5;}
.tbl01 td{font-size:15px; border:1px solid #ddd; padding:20px;}

.pc_tbl{display:table;}
.mob_tbl{display:none;}

.paging_wrap{margin-top: 100px;}
ul.paging{gap: 10px;}
ul.paging li{margin: 0;}
ul.paging li a{font-size: 16px;font-weight: 400; color: #555;}
ul.paging li.on{background: #151c61; border:1px solid #151c61;}
ul.paging li.on a{font-size: 16px;font-weight: 400; }
ul.paging li.paging_arrow{background: #f5f5f5;}

/* sub0101 */
.sub0101_wrap .con02 > div{border-bottom:1px dashed #ddd; padding-bottom:50px;}
.sub0101_wrap .con02 > div:last-child{border-bottom:none;}
.sub0101_wrap .con > div ~ div{margin-top:50px;}
.sub0101_wrap .con div strong{display:block; font-size:20px; color:#151c61;}

/* sub01 */
#sub_contents p{font-size:15px; line-height:2.0; word-break:break-word;}
.sub01_wrap .con .mark_wrap .img_wrap{display:flex; justify-content:center; margin-bottom:10px; height: 100px; /*137px*/}
.sub01_wrap .con .mark_wrap .txt_wrap p{font-size:16px; font-weight:600; color:#222; text-align:center;}
.sub01_wrap .con .mark_wrap .tbl01_wrap {margin-bottom:10px;}
.sub01_wrap .con .mark_wrap .tbl01 td{text-align:center; font-size:16px; font-weight:600;}
.sub01_wrap .con .mark_wrap ul li{font-size:15px; margin-bottom:10px;}
.sub01_wrap .con .mark_wrap ul li:last-child{margin-bottom:0;}
.sub01_wrap .link th{text-align:left;}
.sub01_wrap .con .list01{margin:20px 0 0 0;}

/* sub0102 */
.sub0102_wrap .con .tbl01 td .list01{margin:0;}
.sub0102_wrap .con .mark_wrap > div{margin-bottom:30px;}
.sub0102_wrap .con .mark_wrap > div:last-child{margin-bottom:0;}

/* sub0104 */
.mark_wrap_wrap{display:flex; align-items:center; justify-content:space-around;flex-direction: row;}
.estandby{flex-direction: row-reverse;}
.sub0104_wrap .mark_wrap{margin-top:30px;}
.sub0104_wrap .mark_wrap .sub0104_efficiency{height: 280px; text-align: center;}

/* sub0105 */
.sub0105_wrap .con02 .tbl01{margin-top:30px;}
.sub0105_wrap .con02 .tbl01 th{width:15%;}

/* sub0109 */
.sub0109_wrap .con02 p strong{color:#222; display:block;}

/* sub0110 */
.sub0110_wrap .txt_box{margin-top:30px;}

/* sub0111 */
.sub0111_wrap h4.kc_tit{font-size:35px; margin:100px 0 40px; border-top:1px solid #ddd; padding-top:80px; color:#222; text-align:left;}
.sub0111_wrap a.color {color:#60a8ff;}
.sub0111_wrap p{color:#222;}
.sub0111_wrap table td{color:#222;}
.sub0111_wrap li{color:#222;}

.kc01 .tel_box{background:#f5f5f5; border-radius:20px; padding:40px; /*border:1px solid #ddd; border-top:2px solid #84b2e5;*/}
.kc01 .tel_box strong{display:block; font-size:25px; color:#222; margin-bottom:15px;}
.kc01 .box {display:flex; gap:0 50px;}
.kc01 .box .p_wrap{display: flex;}
.kc01 .box .p_wrap .p_tit {position:relative;padding:0 0 0 30px;font-size:20px;color:#151c61;font-weight:600;}
.kc01 .box .p_wrap .ico02:before {position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';background:url(../images/sub/sub0601_icon02.png)no-repeat center;width:20px;height:20px;}
.kc01 .box .p_wrap .ico04:before {position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';background:url(../images/sub/sub0601_icon04.png)no-repeat center;width:20px;height:20px;}
.kc01 .box .p_wrap .p_txt {font-size:18px; color:#555; padding-left:20px; margin-top:2px;}
.kc01 p em{display:block; height:10px;}

.kc02 .tbl01 td{width:50%;}
.kc02 .tbl01 td:nth-child(2){text-align:center;}
.kc02 .tbl01 td:nth-child(2) span{display:block; margin-bottom:10px;}
.kc02 .sub_con02{margin-top:50px;}
.kc02 .process{display:flex; flex-wrap:wrap; gap:20px 15px; align-items: center;}
.kc02 .process div{width:calc((100% - 80px)/3); background:#f5f5f5; padding:20px; display:flex; align-items:center; height:100px;}
.kc02 .process div em{display:inline-block; width:36px; height:36px; background:#151c61; color:#fff; font-size:16px; font-weight:666; border-radius:6px; text-align:center; line-height:38px; margin-right:20px;}
.kc02 .process div p{display:inline-block; font-size:16px; width:calc(100% - 76px);font-weight:500; color:#222; line-height:1.6 !important;}
.kc02 p.txt_img_box{display:flex; gap:20px; align-items:center;}

.kc03 .tbl01 {margin-bottom:30px;}
.kc03 .tbl01 td{width:33.33%;}
.kc03 .tbl01 td{text-align:center;}
.kc03 .tbl01 td span{display:block; margin-top:10px;}
.kc03 .process{display:flex; flex-wrap:wrap; gap:20px 15px; align-items: center;}
.kc03 .process div{width:calc((100% - 80px)/3); background:#f5f5f5; padding:20px; display:flex; align-items:center; height:100px;}
.kc03 .process div em{display:inline-block; width:36px; height:36px; background:#151c61; color:#fff; font-size:16px; font-weight:666; border-radius:6px; text-align:center; line-height:38px; margin-right:20px;}
.kc03 .process div p{display:inline-block; font-size:16px; width:calc(100% - 76px);font-weight:500; color:#222; line-height:1.6 !important;}
.kc03 p.txt_img_box{display:flex; gap:20px; align-items:center;}

/* sub0201 */
div.txt_box p ~ p{margin-top:30px;}
.sub02_mark_wrap{flex-direction:row;}


/* sub0301 */
.sub0301_wrap .about_wrap{display:flex; flex-wrap:wrap; align-items:center; gap:50px; background:url('../images/sub/sub0301_logo.png')right bottom no-repeat;}
.sub0301_wrap .img_wrap{position: relative; /*width:550px*/ width: 39%; padding-bottom: 700px; overflow: hidden;}
.sub0301_wrap .img_wrap img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height:100%; max-width: 100%; max-height: 100%; }
.sub0301_wrap .txt_wrap{/*width:800px;*/ width: 55%;}
.sub0301_wrap .txt_wrap p{font-size:16px; color:#222; line-height:2.0; margin-top:50px; word-break:break-word;}
.sub0301_wrap .txt_wrap p:first-child{position:relative; padding-top:30px; margin-top:0;}
/* .sub0301_wrap .txt_wrap p::before{position:absolute; content:''; width:60px; height:3px; background:#151c61; left:0; top:0;} */
.sub0301_wrap .con02 .sub_con{display:flex; flex-wrap:wrap; align-items:flex-start; gap:50px; justify-content: space-between;}
.sub0301_wrap .con02 .sub_con .txt_wrap{/*width:800px;*/ width: 55%;}
.sub0301_wrap .con02 .sub_con .txt_wrap > div{margin-top:30px;}
.sub0301_wrap .con02 .sub_con .img_wrap{position: relative; /*width:550px;*/ width: 39%; padding-bottom: 870px; overflow: hidden;}
.sub0301_wrap .con02 .sub_con .img_wrap img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height:100%; max-width: 100%; max-height: 100%;}
.sub0301_wrap .map_wrap{position: relative; width: 100%; padding-bottom: 32.14%; overflow: hidden; margin-bottom:50px;}
.sub0301_wrap .map_wrap iframe{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height:100%; max-width: 100%; max-height: 100%; }

/* sub0501 */
.sub0501_wrap{line-height: 1;}
.sub0501_wrap .search_wrap{position: relative;width: 100%;margin-bottom: 60px;}
.sub0501_wrap .search_wrap input{width: 100%; height: 70px; border:none; border-bottom:2px solid #222; font-size: 18px; color: #000;outline:none;}
.sub0501_wrap .search_wrap input::placeholder{font-size: 16px;color: #999;}
.sub0501_wrap .search_wrap button{position: absolute; right: 0; top: 50%; transform:translateY(-50%);}
.sub0501_wrap .list_wrap{display: flex; flex-wrap:wrap;gap:40px 20px;}
.sub0501_wrap .list_wrap .con{width: calc((100% - 40px) / 3);border:1px solid #ddd;overflow: hidden; border-radius:0 30px 0 30px;margin-bottom: 0;}
.sub0501_wrap .list_wrap .con a{display: block; width: 100%;	}
.sub0501_wrap .list_wrap .con .img_wrap{position:relative; width:100%; padding-bottom:56.291%;}
.sub0501_wrap .list_wrap .con .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub0501_wrap .list_wrap .con .txt_wrap{padding: 30px 20px;}
.sub0501_wrap .list_wrap .con .txt_wrap p{font-size: 20px; color: #222; font-weight: 600;width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }

/* sub0601 */
.sub0601_wrap{display:flex; flex-wrap:wrap; gap:50px; align-items:flex-start;}
.sub0601_wrap .left{width:calc(50% - 50px);}
.sub0601_wrap .left h4{font-size:60px; color:#222; margin-bottom:30px;}
.sub0601_wrap .left em{display:block; font-size:16px; line-height:2.0; border-bottom:1px solid #ddd; padding-bottom:30px; word-break: keep-all;}
.sub0601_wrap .left em i{display:block;}
.sub0601_wrap .right{width:50%; padding: 50px 40px; display: flex; gap:20px; flex-wrap:wrap;justify-content: end; border-radius:20px; background:#f5f5f5;}
.sub0601_wrap .right input[type="text"]{width: calc((100% - 20px) / 2); border:1px solid #ddd;height: 50px;padding-left: 20px;font-size: 18px; color:#000;}
.sub0601_wrap .right input.input01{width: 100%;}
.sub0601_wrap .right input::placeholder{font-size: 16px; font-weight: 300; color: #aaa;}
.sub0601_wrap .right input[type="checkbox"]{width:15px; height:15px; border:1px  solid #ddd; margin-right:10px;}
.sub0601_wrap .right textarea{width: 100%; height: 170px; resize:none;padding: 10px 20px;border:1px solid #ddd;color: #000; font-size: 18px;}
.sub0601_wrap .right textarea::placeholder{font-size: 16px; font-weight: 300; color: #aaa;}
.sub0601_wrap .right a.submit_btn{display: block; width: 100%; height: 60px;background: #151c61; color: #fff;font-size: 18px; font-weight: 300;text-align: center; line-height: 60px;}
.sub0601_wrap .right .email_chk{width: 100%;display: flex; align-items: center; justify-content: space-between;}

.sub0601_wrap .box .p_wrap {margin-top:30px;}
.sub0601_wrap .box .p_wrap .p_tit {position:relative;padding-left:30px;font-size:20px;color:#151c61;font-weight:600;}
.sub0601_wrap .box .p_wrap .ico01:before {position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';background:url(../images/sub/sub0601_icon01.png)no-repeat center;width:20px;height:20px;}
.sub0601_wrap .box .p_wrap .ico02:before {position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';background:url(../images/sub/sub0601_icon02.png)no-repeat center;width:20px;height:20px;}
.sub0601_wrap .box .p_wrap .ico03:before {position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';background:url(../images/sub/sub0601_icon03.png)no-repeat center;width:20px;height:20px;}
.sub0601_wrap .box .p_wrap .ico04:before {position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';background:url(../images/sub/sub0601_icon04.png)no-repeat center;width:20px;height:20px;}
.sub0601_wrap .box .p_wrap .p_txt {font-size:16px;color:#555;padding-top:10px;}
.sub0601_wrap .box .box01 {display:flex;gap:60px;}