/* 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: 'GmarketSans'; */
/*     font-weight: 300; */
/*     font-style: normal; */
/*     src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot'); */
/*     src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'), */
/*          url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'), */
/*          url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'), */
/*          url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype"); */
/*     font-display: swap; */
/* } */

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: 'GmarketSans'; 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%; min-width: 1440px;  margin: 0 auto; /* overflow: hidden; */}
.inner{width: 100%; margin: 0 auto; max-width:100%;}
/* .inner{width: 1400px; margin: 0 auto; max-width:100%;} */

/* header */
#header{position: absolute; width: 100%;z-index: 5000;height: 100px;}
/* #header .inner{display: flex; justify-content:space-between; align-items:center;width: 1500px;height: 100%;} */
#header .inner{
	display: flex;
/* 	justify-content:space-between;  */
	align-items:center;
	width: 100%;
	height: 100%;
}
/* #header h1	a{display: block;background: url(/images/layout/CGS1.png)center no-repeat; width: 300px; height: 80px; background-size: contain;} */
/* #header h1	a{display: block;background: url(/images/layout/cgs_logo.png)center no-repeat; left:100px; width:200px; height: 80px; background-size: contain;} */
/* #header h1	a{display: block;background: url(/images/layout/koreel_Logo.png)center no-repeat; left:100px; width:200px; height: 80px; background-size: contain;} */
#header h1	a{
/* 			display: block; */
			position:absolute;
			background: url(/images/layout/koreel_logo_wc.png)center no-repeat;
			top:33px !important;
			left:20px !important;
			width:200px;
			height: 80px;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: top center;
			background-size: 60% 40%;
			}
#header .gnb{display: flex;/* gap:115px; */}
#header .gnb li.lnb_menu{position: relative;}
#header .gnb li.lnb_menu.on{background: rgba(0,0,0,.5);}
#header .gnb li.lnb_menu.on:hover span a{color:#fff; }
/* #header .gnb li.lnb_menu span a{display: block;color: #fff;font-size: 18px;padding: 36px 69px;} */
/* #header .gnb li.lnb_menu span a{display: block;color: #fff;font-size: 18px;padding: 36px 60px;} */
/* 999 top menu */
/* #header .gnb li.lnb_menu span a{display: block;color: #fff;font-size: 20px;padding: 36px 55px;} */
#header .gnb li.lnb_menu span a{display: block;color: #fff;font-size: 20px;padding: 36px 40px;}
#header .gnb .lnb_sub{display: none;position: absolute;top: 100px;background: rgba(0,0,0,.5);width: 100%;padding: 40px 0px;}
/* #header .gnb .lnb_sub::after{content:'';display: block;position: absolute; top: 0; left: 50%; transform:translateX(-50%);width: 150px; height: 2px; background: rgba(255,255,255,.5);} */
#header .gnb .lnb_sub::after{content:'';display: block;position: absolute; top: 0; left: 50%; transform:translateX(-50%);width: 200px; height: 2px; background: rgba(255,255,255,.5);}
#header .gnb .lnb_sub ul li a{display: block;color: #fff;font-size: 16px; font-weight: 500;text-align: center;}
#header .gnb .lnb_sub ul:first-child li:nth-child(9) a {background: rgb(255 255 255 / 20%); width: 75%; margin: 0 auto; border-radius: 10px; padding: 5px 0;}
#header .gnb .lnb_sub ul li:not(:last-child){margin-bottom: 20px;}

/* #header .right{display: flex;align-items:center;gap:20px;} */
#header .right{display: flex;align-items:center;gap:20px;}
#header .lan_wrap{display: flex;gap:20px; align-items:center;height: 45px; border:1px solid #fff; padding: 0 20px 0 30px; border-radius:50px;}
#header .lan_wrap a{font-size: 15px; color: rgba(255,255,255,.5);line-height: 45px;font-weight: 500;margin-top: 3px;}
#header .lan_wrap a:nth-child(1){position: relative;padding-right: 20px;}
#header .lan_wrap a:nth-child(1)::after{content:'';display: block;position: absolute; top: 47%; transform:translateY(-50%);right: 0; background: #fff; width: 2px; height: 10px;}
#header .lan_wrap a.on{color: rgba(255,255,255,1);font-weight: 700;}
/* #header .lan_wrap em.icon{display: block; background: url(/images/main/lan_pc.png)center no-repeat; width: 18px; height: 18px; background-size: cover;} */
/* #header .all_btn{display: block; background: url(/images/main/ham_pc.png)center no-repeat; width: 30px; height: 30px; background-size: cover;} */

/* header_search_wrap */
/* .search_btn_wrap { width:25px; height:27px; background:url('/images/main/search_icon01_pc.png') top center no-repeat; cursor: pointer; transition: .3s ease-in-out;} */
.search_bot_wrap{position: absolute;top: 90px; right: 255px; height: 80px; z-index: 8000; padding-top: 18px; display: none;}
.search_bot_wrap .search_box {float: right; position: relative;}
.search_bot_wrap .search_box input {width:300px; height:45px; border: 1px solid #979dbf; padding:0 35px 0 10px; font-size:15px; color:#979dbf; outline:0;}
.search_bot_wrap .search_box input::placeholder {font-size:15px; color:#979dbf; line-height:43px; font-weight:400;}
.search_bot_wrap .search_box a {position: absolute; top:50%; right:11px; transform: translateY(-50%); width:20px; height:21px; background:url('/images/main/search_on_pc.png') top center no-repeat;}

.search_bot_wrap .search_close {float: right; width:16px; height:16px; background:url('/images/main/search_close_pc.png') top center no-repeat; cursor: pointer; margin:14px 0 0 40px;}

.search_btn_wrap02 { width:25px; height:27px; background:url('/images/main/search_icon02_pc.png') top center no-repeat; cursor: pointer; transition: .3s ease-in-out;}

/* all_menu */
#header.all{background: #fff;}
#header.all .gnb{display: none;}
#header.all .lan_wrap{display: none;}
#header.all h1	a{display: block;background: url(/images/layout/CGS1.png)center no-repeat; width: 300px; height: 80px; background-size: contain;}
#header.all .all_btn{display: block; background: url(/images/main/x_btn_pc.png)center no-repeat; width: 23px; height: 23px; background-size: cover;}
.all_menu_wrap{display: none;position: absolute;top: 100px; left: 0; z-index: 9999; background: rgba(0,0,0,.2);width: 100%; height: 1000%;border-top: 1px solid #ddd;;}
.all_menu_wrap ul.all_menu{display: flex;height: 100%;height: 880px;background: #fff;}
.all_menu_wrap ul.all_menu > li{flex:1; border-right:1px solid #ddd;height: 100%;padding-top: 200px;transition:.5s;}
.all_menu_wrap ul.all_menu > li:hover{background: #f8f8f8;}
.all_menu_wrap ul.all_menu > li p{text-align: center; font-size: 30px; color: #222; font-weight: 700;padding-bottom: 35px;}
.all_menu_wrap ul.all_menu > li ul li a{display: block; font-size: 18px; color: #555;text-align: center;}
.all_menu_wrap ul.all_menu > li ul li{margin-bottom: 20px;}

#header .nav_btn{display: none;}
.navigation{display: none;}

#visual_wrap{position: relative; line-height: 1;}
#visual_wrap .txt_box{position: absolute; top: 52%; left: 50%; transform:translate(-50%,-50%);}
#visual_wrap .txt_box p{text-align: center; color: #fff;font-size: 35px; margin-top: 33px;font-weight: 500;}
#visual_wrap .txt_box img{margin: 0 auto;}
#visual_wrap .swiper-pagination{display: flex; gap:20px;justify-content:center;align-items:center;position: absolute; bottom: 60px; left: 210px; width: 140px; height: 40px; border:1px solid #fff; border-radius:50px;}
#visual_wrap .swiper-pagination span{display: block;background: #fff;width: 10px; height: 10px;opacity: .5;}
#visual_wrap .swiper-pagination span.swiper-pagination-bullet-active{opacity: 1;}
#visual_wrap .scroll_down{display: block;position: absolute; right: 260px; bottom: 0px;z-index: 100; width: 2px; height: 200px; background: rgba(255,255,255,.5);}
#visual_wrap .scroll_down::after{content:'';display: block;position: absolute; bottom: 0px; left: 0;background: rgba(255,255,255);width: 2px; animation:scrollAni 1.3s ease infinite;}
@keyframes scrollAni {
  from {height: 0;}
  to {height: 200px;}
}

/* section */
.section{padding: 80px 0px;line-height: 1;}
/* .section .more_btn01{display: block; width: 40px; height: 40px; background: url(/images/main/sec01_more_btn_pc.png)center no-repeat; background-size: cover;} */
.section .more_btn02{display: block; border:1px solid #fff; width: 220px; height: 50px;font-size: 17px; line-height: 48px; color: #fff; font-weight: 500; text-align: center; margin: 35px auto 0;}
.section .more_btn02::after{content:'';display: inline-block; margin-left: 20px; background: url(/images/main/sec02_more_btn_pc.png);width: 11px; height: 10px; background-size: cover;}
.section .con .txt strong{display: block;color: #fff;text-align: center;font-size: 15px; font-weight: 700;margin-bottom: 20px;}
.section .con .txt span{display: block;color: #fff;text-align: center;font-weight: 300; font-size: 30px;}
.section .con .txt p{color: #fff;text-align: center;font-size: 15px; line-height: 30px; font-weight: 500;margin-top: 40px;}
.section .con .txt p i{display: block;}

/* section01 */
#section01 .tab-menu-wrap{display: flex;gap: 58px;margin-bottom: 45px;}
#section01 .tab-menu-wrap a{position: relative;font-size: 30px; font-weight: 500	;color: #666;}
#section01 .tab-menu-wrap a.on{font-weight: 700; color: #1a2c56;}
/* #section01 .tab-menu-wrap a:nth-child(1)::after{content:'/';position: absolute; top: 50%; transform:translateY(-50%); right: -40px;font-size: 30px;font-weight: 700; color: #1a2c56;} */
#section01 .tab-con{position: relative;}
#section01 .tab-con .more_btn01{position: absolute;top: -76px; right: 0;}
#section01 .sec01_slide{position: relative;padding-bottom: 20px;}
#section01 .sec01_slide .slick-list{width: calc(100% + 20px);}
#section01 .sec01_slide li{border:1px solid #ddd; border-radius:20px;padding: 40px 30px; height: 450px;margin-right: 20px;}
#section01 .sec01_slide li a{display: block;}
#section01 .sec01_slide li p.p_tit{font-weight:bold;font-size: 22px; color: #000; line-height: 23px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
/* #section01 .sec01_slide li p.p_con{font-size: 18px; color: #000; line-height: 23px;margin: 25px 0px 40px;font-weight: 200;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; word-wrap:break-word;} */
#section01 .sec01_slide li p.p_con{font-size: 18px; color: #000; line-height: 23px;margin: 25px 0px 40px;font-weight: 200;}
#section01 .sec01_slide li em{display: block;font-size: 18px; color: #000; font-weight: 300; text-align: right;}
#section01 .sec01_slide .slick-prev{display: block;position: absolute; bottom: 0; right: 60px; background: url(/images/main/sec01_prev_pc.png)center no-repeat; width: 50px; height: 50px;background-size: cover;text-indent: -9999px;}
#section01 .sec01_slide .slick-next{display: block;position: absolute; bottom: 0; right: 0px; background: url(/images/main/sec01_next_pc.png)center no-repeat; width: 50px; height: 50px;background-size: cover;text-indent: -9999px;}

/* section02 */
#section02{padding: 0;}
#section02 .con_wrap{display: flex;}
#section02 .con{position: relative;height: 400px;width: 50%;overflow: hidden;}
#section02 .con .txt{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);width: 101%;height: 100%;transition: .6s;}
#section02 .con .txt img{margin: 0 auto; }
#section02 .con:hover .txt{transition: .6s;width: 110%;}
#section02 .con01 .txt{background: url(/images/main/sec02_bg01_pc.jpg)center no-repeat; background-size: cover;padding-left: 260px;padding-top: 55px;}
#section02 .con02 .txt{background: url(/images/main/sec02_bg02_pc.jpg)center no-repeat; background-size: cover;padding-right: 260px;padding-top: 84px;}

/* section03 */
#section03{padding: 0;}
#section03 .con_wrap{position: relative;display: flex;}
#section03 .con01{position: sticky;width: 45.2%;top: 0;height: 100vh;background: url(/images/main/sec03_bg01_pc.jpg)center no-repeat; background-size: cover; }
#section03 .con01 .txt{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);	}
/* #section03 .con_wrap.on .con01{position: fixed;	top: 0;left: 0;height: 100vh;}
#section03 .con_wrap.off .con01{position: absolute;bottom: 0;top: initial;}
#section03 .con_wrap.on .con02{margin-left: 860px;}
#section03 .con_wrap.off .con02{margin-left: 860px;} */
/* #section03 .con_wrap.on .con01 .txt{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);	} */
#section03 .con02{display: flex;gap:40px;padding: 0 155px 0 80px;width: 50%;}
#section03 .con02 .more_btn01{background: url(/images/main/sec03_more_btn_pc.png)center no-repeat; background-size: cover;}
#section03 .con02 .box_wrap01{padding-top: 270px;width: 50%;}
#section03 .con02 .box_wrap02{padding-top: 50px;width: 50%;}
#section03 .con02 .box_wrap .box{position: relative;width: 100%; height: 405px;margin-bottom: 40px;border-radius: 15px;overflow: hidden;}
#section03 .con02 .box_wrap .box .txt_box{position: absolute;bottom: 30px;padding: 0 30px;display: flex; justify-content:space-between; align-items:center;width: 100%;}
#section03 .con02 .box_wrap .box .txt_box p{color: #fff; font-size: 20px; font-weight: 500;}
#section03 .con02 .box_wrap01 .box:nth-child(1){background: url(/images/main/sec03_img01_pc.jpg)center no-repeat; background-size: cover;}
#section03 .con02 .box_wrap01 .box:nth-child(2){background: url(/images/main/sec03_img02_pc.jpg)center no-repeat; background-size: cover;}
#section03 .con02 .box_wrap02 .box:nth-child(1){background: url(/images/main/sec03_img03_pc.jpg)center no-repeat; background-size: cover;}
#section03 .con02 .box_wrap02 .box:nth-child(2){background: url(/images/main/sec03_img04_pc.jpg)center no-repeat; background-size: cover;}
#section03 .con02 .box_wrap02 .box:nth-child(3){background: url(/images/main/sec03_img05_pc.jpg)center no-repeat; background-size: cover;}

/* section04 */
#section04{background: #f8f8f8;}
#section04 .inner{display: flex; align-items: center}
#section04 .con .txt strong{color: #222;}
#section04 .con .txt span{color: #222;}
#section04 .con .txt p{color: #222; margin-top: 30px;}
#section04 .more_btn02{border:1px solid #ddd;color: #222;}
#section04 .more_btn02::after{background: url(/images/main/sec04_more_btn_pc.png);width: 11px; height: 10px; background-size: cover;}
#section04 .con01{width: 600px;}
#section04 .con02{width: calc(100% - 600px)}
#section04 .con02 .tbl03{width:100%; border-collapse: separate; border-spacing: 2px;}
#section04 .con02 .tbl03 tr:first-child{background: #1a2c56;}
#section04 .con02 .tbl03 tr th{padding:10px; color:#fff; font-size:16px; border-radius: 8px;}
#section04 .con02 .tbl03 tr th:last-child{border-right:none;}
#section04 .con02 .tbl03 tr td{padding:15px; color:#222; font-size:15px;  word-break:keep-all; text-align:center; background: rgba(75,160,255,0.05);}
#section04 .con02 .tbl03 tr td:last-child{border-right:none;}
/* #section04 .sec04_slide{position: relative;padding-bottom: 90px;}
#section04 .sec04_slide .slick-list{width: calc(100% + 40px);}
#section04 .sec04_slide li{position: relative;margin-right: 40px;}
#section04 .sec04_slide a{display: block; width: 380px;}
#section04 .sec04_slide .img_wrap{position:relative; width:100%; padding-bottom:63.158%;border-radius: 20px;overflow: hidden;}
#section04 .sec04_slide .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%;}
#section04 .sec04_slide .txt_wrap{position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);}
#section04 .sec04_slide .txt_wrap p{display: flex; gap:10px;align-items: center; margin-bottom: 10px; }
#section04 .sec04_slide .txt_wrap p:last-child {margin-bottom: 0;}
#section04 .sec04_slide .txt_wrap p em{color: #fff;font-size: 15px; font-weight: 500;}
#section04 .sec04_slide .txt_wrap p span{color: #fff;font-size: 15px; font-weight: 500; width: max-content;}
#section04 .sec04_slide .txt_wrap p:first-child span {font-size: 20px;}
#section04 .sec04_slide .slick-prev{display: block;position: absolute; bottom: 0; right: 60px; background: url(/images/main/sec04_prev_pc.png)center no-repeat; width: 50px; height: 50px;background-size: cover;text-indent: -9999px;}
#section04 .sec04_slide .slick-next{display: block;position: absolute; bottom: 0; right: 0px; background: url(/images/main/sec04_next_pc.png)center no-repeat; width: 50px; height: 50px;background-size: cover;text-indent: -9999px;} */



#footer{padding: 80px 0px 84px; line-height: 1; border-top:1px solid #eaeaea;}
#footer .inner{width: 1500px;}
#footer .f_top{display: flex;gap:40px;margin-bottom: 20px; align-items: center}
#footer .f_top a{display: block;font-size: 16px; color: #666;}
#footer .f_top .sns_wrap {display: flex; gap:25px;}
#footer .f_bot{display: flex; justify-content:space-between;}
#footer .f_bot p{font-size: 16px; color: #888;line-height: 1.4;}
#footer .f_bot p.copy{margin-top: 20px;}
#footer .f_logo a{display: block;text-align: center;}
#footer .f_logo img{width: 130px;margin: 0 auto;}

/* ===sub================================================ */
#header.sub_header{position: relative;}
#header.sub_header h1 a{display: block;background: url(/images/layout/CGS1.png)center no-repeat; width: 300px; height: 80px; background-size: contain;}
#header.sub_header .gnb li.lnb_menu span a{color: #222;}
#header.sub_header .lan_wrap{border:1px solid #ddd;}
#header.sub_header .lan_wrap a{color: #c9c9c9;}
#header.sub_header .lan_wrap a:nth-child(1)::after{background: #c9c9c9;}
#header.sub_header .lan_wrap a.on{color: #1a2c56;}
/* #header.sub_header .lan_wrap em.icon{display: block; background: url(/images/sub/lan_sub_pc.png)center no-repeat; width: 18px; height: 18px; background-size: cover;} */
/* #header.sub_header .all_btn{display: block; background: url(/images/sub/ham_sub_pc.png)center no-repeat; width: 30px; height: 30px; background-size: cover;} */
/* #header.sub_header.all .all_btn{display: block; background: url(/images/main/x_btn_pc.png)center no-repeat; width: 23px; height: 23px; background-size: cover;} */

/* sub_visual_wrap */
#sub_visual_wrap{position: relative;line-height: 1;}
#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{text-align: center; color: #fff;font-size: 40px; font-weight: 500;margin-bottom: 30px;} */
/* 999 */
#sub_visual_wrap .sub_txt_wrap h2{text-align: center; color: #fff;font-size: 60px; font-weight: 500; margin-top: 30px; margin-bottom: 70px;}
#sub_visual_wrap .sub_txt_wrap ul{display: flex; justify-content:center;gap:40px; margin-bottom: 30px;}
#sub_visual_wrap .sub_txt_wrap ul li{position: relative;	color: #fff; font-size: 24px; font-weight: 300; }
#sub_visual_wrap .sub_txt_wrap ul li:not(:last-child)::after{content:''; display: block; position: absolute; top: 43%; transform:translateY(-50%); right: -23px; width: 5px; height: 5px; background: #fff;border-radius:50%;}

#sub_contents{padding: 100px 0px;}
#sub_contents .contop h4{text-align: center;color: #222;font-weight: 500; font-size: 50px;margin-bottom: 50px;}
#sub_contents.inner02 .inner {width: 100%;}

/* tab_menu */
.tab_menu {display: block; width:100%; height:60px; border-bottom: 1px solid #ddd;}
.tab_menu .inner{position:relative; display: flex; height:100%;background: #fff; width: 100%;}
.tab_menu a.home{position: relative;display: block;width: 310px; height: 100%; background: url(/images/sub/home_pc.png)center right 20px no-repeat #1a2c56; }
.tab_menu .menu {display: flex; height:100%;}
.tab_menu .menu > li {position:relative; width: 280px;height:100%; background:url("/images/sub/tab_bt_pc.png") center right 18px no-repeat rgba(255,255,255,.9); }
.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: 17px; 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;}
.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:17px; color:#767676;  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: #1a2c56;}
.tab_menu .menu > li ul li.on a{color: #1a2c56;}

/* depth03 */
.depth03 .depth03_menu{display: flex; justify-content:center;gap:20px;margin-bottom: 60px;}
.depth03 .depth03_menu h3{width: 180px; height: 50px; border-radius:5px;background: #f1f1f1;}
.depth03 .depth03_menu h3 a{display: block;font-size: 17px; color: #858585; font-weight: 500; text-align: center; line-height: 50px;}
.depth03 .depth03_menu h3.on{background: #1a2c56;}
.depth03 .depth03_menu h3.on a{color: #fff;}
.depth03_tab{display: none;}

.basic_board_wrap .sub03_tab{display: flex; justify-content:center;gap:10px;margin-bottom: 50px;}
.basic_board_wrap .sub03_tab li{border-radius:5px; width: 180px; height: 50px;background: #f1f1f1;}
.basic_board_wrap .sub03_tab li a{display: block;color: #858585;font-weight: 500;line-height: 53px;font-size: 16px;text-align: center;}
.basic_board_wrap .sub03_tab li.on{background: #1a2c56; }
.basic_board_wrap .sub03_tab li.on a{color: #fff;}

/* �명듃遺� �ъ씠利� */
@media screen and (max-width:1400px) {
#wrap{ min-width: 1400px; }
}

@media screen and (max-width:1700px) {
#section03 .con02{padding: 0 0px 0 80px;}
.inner{padding: 0 2.6%;}
#header .gnb li.lnb_menu span a{ padding: 36px 60px;}
#header .lan_wrap{margin-right: 0;}
#section04 .inner{width: 1500px;}
#footer .f_bot{gap:100px}
.tab_menu .inner{padding: 0;}
}

/* 怨듯넻 */
h4.h4_tit {font-size:32px;color:#1a2c56;margin-bottom:40px;}

h5.h5_tit{position:relative; margin-bottom:20px; padding-left:50px; font-size:24px; color:#222; }
h5.h5_tit::before{position:absolute; content:''; background:url(/images/sub/h5_tit_icon.png)center no-repeat; width:32px; height:32px; left:0; top:0; }

h6.h6_tit{font-size: 20px; color: #222; position: relative; padding-left: 12px; margin-bottom: 15px;}
h6.h6_tit:before{position: absolute; content: ''; width: 4px; height: 20px; background: #1a2c56; left: 0; top: 3px;}

.input_box{display:flex; width:100%; }
.input_box p{width:120px; font-size:16px; color:#222;}

input[type="text"].input_txt01, input[type="text"].input_txt02{display:block; border:0; border-bottom:1px solid #ddd; width:100%; font-size:15px; color:#555; }
input:focus, textarea:focus{outline:none;}

.textarea01{padding:20px; width:100%; border:1px solid #ddd; height:200px; font-size:15px; color:#555; }

div.btn_wrap{text-align:center; }
div.btn_wrap a{display:inline-block; width:200px; height:50px; background:#1A2C56; font-size:15px; color:#fff; text-align:center; line-height:50px; }

ul.dot_list li{font-size: 16px; display: block; line-height:1.7;  margin-top:10px; position:relative; padding-left:15px; color:#555; word-break:keep-all; }
ul.dot_list li:first-child{ margin-top:0;}
ul.dot_list li::before {content:''; width:4px; height:4px; display:block; background:#21459a; border-radius:50%; position:absolute; left:0; top:10px; }

.tbl01{width:100%; border-top:2px solid #1a2c56;}
.tbl01 th{padding:20px; font-size:16px; color:#222; background:#f5f5f5; border-bottom:1px solid #ddd;}
.tbl01 td{padding:20px; font-size:16px; color:#555; border-bottom:1px solid #ddd; word-break:keep-all;}
.tbl01 td:last-child{border-right:none;}

.search_wrap {background: #f2f5f8; padding: 50px 75px; margin-bottom: 80px;}
.search_wrap ul.menu01 {display: flex; gap:25px; flex-wrap:wrap; margin-bottom: 40px;}
.search_wrap ul.menu01 li.search_box01 {border: 1px solid #ddd; height: 60px; width: calc((100% - 50px)/3); padding: 20px; font-size: 16px; color: #222;
background:url('/images/sub/arrow_down.png') no-repeat 97% 50% / 15px auto; background-color: #fff; position: relative;}
.search_wrap ul.menu01 li.search_box01 > 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;}
.search_wrap ul.menu01 li.search_box01 > ul > li {margin-top: 10px; padding: 0 20px; cursor:pointer}
.search_wrap ul.menu01 li.search_box01 > ul > li:first-child {margin-top: 0;}
.search_wrap ul.menu01 li.search_box01.on {background:url('/images/sub/arrow_up.png') no-repeat 97% 50% / 15px auto; background-color: #fff;}
.search_wrap ul.menu01 li.search_box01 select.part01:focus {outline: 2px solid #1a2c56;}

.search_wrap .search_box02 {display: flex; }
.search_wrap .search_box02 input.search01 {width: 1090px; height: 60px;background-color: #fff; font-size: 16px; border: 1px solid #ddd; padding: 20px;}
.search_wrap .search_box02 input.search01::placeholder {color: #ccc;}
.search_wrap .search_box02 button.search_btn {background: #1a2c56; width: 160px; height: 60px;color: #fff;font-size: 16px;}

.paging_btn{margin-top:70px; text-align:center; box-sizing:border-box;}
.paging_btn:before, .paging_btn:after{box-sizing:inherit;}
.paging_btn ul{display:inline-block; font-size:0; }
.paging_btn ul li{display:inline-block; margin:0 2px; vertical-align:middle; }
.paging_btn ul li img{padding-top:3px; vertical-align: -webkit-baseline-middle;}
.paging_btn ul li a{display:block; width:40px; height: 40px; border:1px solid #ddd;  font-size:12px; color:#1a2c56; line-height:40px; font-weight:500; }
.paging_btn ul li.page_arrow a{line-height:29px; }
.paging_btn ul li.on{background:#1a2c56; }
.paging_btn ul li.on a{color:#ffffff; border:1px solid #1a2c56; }

em.info_txt {margin-top: 5px; color: #eb6877; display: block;}

/* sub0101 */
.sub0101_wrap .con01{position:relative; z-index:-1;}
.sub0101_wrap .con02 .txt_wrap{ margin-top: -6%; margin-left:15%; padding: 50px 100px; width: 70%;background: #fff; box-shadow: 2px 2px 20px rgb(0 0 0 / 10%);}
.sub0101_wrap .con02 .txt_wrap strong {margin-bottom:40px; font-size: 24px; display: block; color: #222; word-break:keep-all;}
.sub0101_wrap .con02 .txt_wrap strong b {color: #3fa536;}
.sub0101_wrap .con02 .txt_wrap p {margin-bottom:30px; font-size: 17px; color: #58595b; word-break:keep-all;}
.sub0101_wrap .con02 .txt_wrap p i {display: block;}
.sub0101_wrap .con02 .txt_wrap em {color: #aaa; font-size: 17px; display: block;}
.sub0101_wrap .con02 .txt_wrap em b {color: #222; font-weight: 700; font-size: 18px; padding-left: 10px;}

/* sub0102 */
.sub0102_wrap .con01 {background: rgba(75,160,255,0.1); padding: 30px; border: 1px dashed #ddd; margin-bottom: 100px;}
.sub0102_wrap .con01 .txt_wrap:first-child {margin-bottom: 30px;}
.sub0102_wrap .con01 .txt_wrap strong.check_tit {position:relative; margin-bottom:10px; padding-left:40px; font-size:18px; color:#1a2c56; display: block; }
.sub0102_wrap .con01 .txt_wrap strong.check_tit::before {position:absolute; content:''; background: url('/images/sub/check_icon.png')center no-repeat; width:26px; height:24px; left:0; top:-2px; background-size: contain;}
.sub0102_wrap .con01 .txt_wrap p {font-size: 16px; word-break:keep-all; color: #555;}
.sub0102_wrap .con01 .txt_wrap p i {display: block;}

.sub0102_wrap .con02 > ul > li {display: flex; gap:80px; align-items:center; margin-bottom: 60px;}
.sub0102_wrap .con02 > ul > li:last-child {margin-bottom: 0;}
.sub0102_wrap .con02 > ul > li:nth-child(2) {flex-direction: row-reverse;}
.sub0102_wrap .con02 ul li .txt_box:first-child {margin-bottom: 30px;}
.sub0102_wrap .con02 ul li .txt_box > h5.h5_tit {margin-bottom: 40px;}
.sub0102_wrap .con02 ul li .txt_box strong {font-size: 18px; color: #21459a; display: block; margin-bottom: 5px;}

/* sub0102_2 */
.sub0102_2_wrap .img_wrap img {margin: 0 auto; display: block; }

/* sub0102_3 */
.sub0102_3_wrap ul {display: flex; justify-content:center; gap:80px; }
.sub0102_3_wrap ul li {box-shadow: -5px -3px 20px rgba(0, 0, 0, 0.08), 5px 3px 20px rgba(0, 0, 0, 0.08); width: 350px; height: 350px; border-radius: 50%; text-align: center; flex-direction: column; justify-content: center; display: flex; align-items: center;}
.sub0102_3_wrap ul li strong {display: block; margin-top: 40px; font-size: 20px; color: #222; font-weight: 500;}

/* sub0102_5 */
.sub0102_5_wrap .con01 {background: url(/images/sub/sub0102_5_img01.jpg)no-repeat; width: 100%; height: 250px; padding: 20px;}
.sub0102_5_wrap .con01 .txt_wrap {background: rgba(255,255,255,.75); position: relative; width: 100%; height: 100%; text-align: center;}
.sub0102_5_wrap .con01 .txt_wrap p {position: absolute; width: 100%; top:50%; left:50%; transform: translate(-50%,-50%); color: #222; font-size: 18px; line-height:2; z-index: 1;}
.sub0102_5_wrap .con01 .txt_wrap p b {font-size: 20px; color: #1a2c56;}
.sub0102_5_wrap .con02 {margin-top: 60px;}
.sub0102_5_wrap .con02 li {width: 100%; height: 100px; background: #f8f8f8; display: flex; gap:30px; align-items: center; border-radius: 50px; margin-bottom: 20px;}
.sub0102_5_wrap .con02 li:last-child {margin-bottom: 0;}
.sub0102_5_wrap .con02 li .img_box img {border: 1px dashed #1a2c56; border-radius: 50%;}
.sub0102_5_wrap .con02 li p {font-size: 17px; color: #1a2c56; position: relative; padding-left: 21px;}
.sub0102_5_wrap .con02 li p span.num {width: 16px; position: absolute; left:0;}

.sub0102_5_wrap .con03 {margin-top:100px; display: flex; gap:50px; align-items:center;}
.sub0102_5_wrap .con03 .txt_wrap {width: 50%;}
.sub0102_5_wrap .con03 .txt_wrap ul.check_list li {font-size: 18px; color: #222; position: relative; padding-left:40px; margin-bottom: 15px;}
.sub0102_5_wrap .con03 .txt_wrap ul.check_list li p {position:relative; display: inline-block;}
.sub0102_5_wrap .con03 .txt_wrap ul.check_list li p:before {position: absolute; content:""; width: 100%; height: 10px; background: rgba(63,165,54,.1); left:0; bottom: 4px;}
.sub0102_5_wrap .con03 .txt_wrap ul.check_list li:before {position: absolute; content:""; background: url(/images/sub/check_icon.png)center no-repeat; width: 26px; height: 24px; left:0; top: -2px; background-size: contain; }

/* sub0103 */
.sub0103_wrap .history_wrap{position: relative; }
.sub0103_wrap .history_wrap::before {content: ''; width: 1px; height: 100%; background: #ddd; position: absolute; left: 50%; top: 0;}
.sub0103_wrap .history_wrap strong{font-size: 30px; color: #1a2c56; font-weight: 700;}
.sub0103_wrap .history_wrap ul.his_list01 li p {font-size: 16px; color: #555; word-break:keep-all;}
.sub0103_wrap .history_wrap ul.his_list01 li span {font-size: 17px; color: #1a2c56; font-weight:700; width: 12%;}
.sub0103_wrap .history_wrap .left{margin-right: 50%; text-align: right; padding-right: 55px; margin-bottom: 30px;}
.sub0103_wrap .history_wrap .left ul li {display: flex; justify-content: flex-end; margin-bottom: 5px;}
.sub0103_wrap .history_wrap .left strong{position: relative;}
.sub0103_wrap .history_wrap .left strong::before{content:''; width:11px; height:11px; display:block; background:#1a2c56; border-radius:50%; position:absolute; right:-61px; top:9px;}
.sub0103_wrap .history_wrap .right{margin-left: 50%; padding-left: 55px; margin-bottom: 30px;}
.sub0103_wrap .history_wrap .right ul li {display: flex; margin-bottom: 5px;}
.sub0103_wrap .history_wrap .right strong{position: relative;}
.sub0103_wrap .history_wrap .right strong::before{content:''; width:11px; height:11px; display:block; background:#3fa536; border-radius:50%; position:absolute; left:-60px; top:9px;}

/* sub0104 */
.sub0104_wrap .con01 .con_box {margin-bottom: 60px;}
.sub0104_wrap .con01 .con_box .top{position:relative; margin-bottom:60px; display: flex; justify-content: space-between;}
.sub0104_wrap .con01 .con_box .txt_wrap {margin-bottom: 20px; position: relative;}
.sub0104_wrap .con01 .con_box .txt_wrap::before {position: absolute; content: ""; width: 40px; height: 3px; left: 0; top: -30px; background:#1a2c56; border-radius:3px; }
.sub0104_wrap .con01 .con_box .txt_wrap p {font-size: 16px; color: #555; word-break:keep-all; margin-bottom: 5px;}

/* sub0105 */
.sub0105_wrap .con01{display:flex;; align-items: center; justify-content: center; padding:30px 0 50px; background:#f5f5f5; margin-bottom:100px; }
.sub0105_wrap .con01 .left_wrap{padding-right:30px;}
.sub0105_wrap .con01 .left_wrap span{display:block; font-size:20px; color:#222; }
.sub0105_wrap .con01 .left_wrap strong{display:block; font-size:35px; color:#222; font-weight:600; }
.sub0105_wrap .con01 .left_wrap p{font-size:55px; color:#1a2c56; font-weight:600; }
.sub0105_wrap .con01 .right_wrap{padding-top:70px; padding-left:30px; border-left:1px solid #ddd; }
.sub0105_wrap .con01 .right_wrap{display:flex; gap:40px;}
.sub0105_wrap .con01 .right_wrap ul li{margin-bottom:20px; font-size:16px; color:#666;}
.sub0105_wrap .con01 .right_wrap ul li:last-child{margin-bottom:0;}
.sub0105_wrap .con01 .right_wrap ul li span{display:block; color:#222; }

.sub0105_wrap .con02 ul{display:flex; gap:40px; flex-wrap:wrap; }
.sub0105_wrap .con02 ul li{width:48%; font-size:16px; color:#555; }
.sub0105_wrap .con02 ul li .txt_wrap{margin-top:-10px; padding:20px; background:#f8f8f8; }
.sub0105_wrap .con02 ul li .txt_wrap p ~ p{margin-top:15px; }
.sub0105_wrap .con02 ul li .txt_wrap p span{display:inline-block; width:100px; color:#1a2c56; vertical-align: top; font-weight:600; }
.sub0105_wrap .con02 ul li .txt_wrap p em{display:inline-block; width:calc(100% - 100px); word-break:keep-all; }

/* sub0106 */
.sub0106_wrap .con01{margin-bottom:100px; padding:30px 0 30px 30px; background:#f5f5f5;}
.sub0106_wrap .con01 p{font-size:16px; color:#222; line-height:2; }

.sub0106_wrap .con_all .con02{display:flex; gap:40px;  }
.sub0106_wrap .con_all .con03, .sub0106_wrap .con_all .con05{margin:80px 0; }

.sub0106_wrap .con06{margin-bottom:50px; }
.sub0106_wrap .con06 ul{padding:20px; border:1px solid #ddd; font-size:15px; color:#555;}
.sub0106_wrap .con06 ul li ~ li{margin-top:20px; }
.sub0106_wrap .con06 ul li strong{color:#333; }
.sub0106_wrap .con06 p{margin-top:10px; font-size:15px;}
.sub0106_wrap .con06 p span{padding-left:5px; }

/* sub0107 */
.sub0107_wrap .con01{display:flex; gap:50px; }
.sub0107_wrap .con01 .left_wrap .txt_wrap p{margin:20px 0; font-size:15px; color:#222;}
.sub0107_wrap .con01 .left_wrap .idea_btn_wrap{display:flex; gap:20px;}
.sub0107_wrap .con01 .left_wrap .idea_btn_wrap a{display:inline-block; width:250px; height:60px; background:#1a2c56; font-size:18px; color:#fff; text-align:center; line-height:60px;}
.sub0107_wrap .con01 .right_wrap p{margin-bottom:40px; font-size:32px; color:#222; font-weight:700;}
.sub0107_wrap .con01 .right_wrap p span{color:#006e56;}
.sub0107_wrap .con01 .right_wrap em{font-size:14px; color:#666; line-height:2;}

/* sub0108 */
.sub0108_wrap .con01 .con_wrap span{margin-left:25px; display:inline-block; font-size:16px; color:#555; vertical-align:bottom;}

.sub0108_wrap .con02{margin:50px 0; }
.sub0108_wrap .con02 .con_all_wrap{display:flex; gap:45px;}
.sub0108_wrap .con02 .con_all_wrap .txt_wrap .top_wrap strong{display:block; position:relative; font-size:28px; color:#006d60; font-weight:600;}
.sub0108_wrap .con02 .con_all_wrap .txt_wrap .top_wrap strong::after{position:absolute; content:''; width:20px; height:2px; background:#006e56; left:0; bottom:-20px;}
.sub0108_wrap .con02 .con_all_wrap .txt_wrap .top_wrap p{margin-top:50px; margin-bottom:15px; font-size:16px; color:#222; }
.sub0108_wrap .con02 .con_all_wrap .txt_wrap .top_wrap p span{font-size:20px; color:#006e56; font-weight:500;}
.sub0108_wrap .con02 .con_all_wrap .txt_wrap .top_wrap em{display:block; font-size:16px; color:#222;}
.sub0108_wrap .con02 .con_all_wrap .txt_wrap .bot_wrap{margin-top:57px; }
.sub0108_wrap .con02 .con_all_wrap .txt_wrap .bot_wrap p{margin-right:10px; display:inline-block; width:240px; height:50px; background:#006d60; font-size:16px; color:#fff; text-align:center; line-height:50px; }
.sub0108_wrap .con02 .con_all_wrap .txt_wrap .bot_wrap p:nth-child(2){margin-right:0; background:#92908f; }

.sub0108_wrap .con03{margin-bottom:50px;}
.sub0108_wrap .con03:last-child{margin-bottom:0;}

/* sub0109 */
.sub0109_wrap .print_wrap {text-align: right;margin-bottom: 10px;}
.sub0109_wrap .map_wrap iframe {width: 100%; height: 400px;}
.sub0109_wrap ul.txt_wrap {display: flex; gap:40px; margin-top: 30px; flex-wrap:wrap;}
.sub0109_wrap ul.txt_wrap li {display: flex; width: calc((100% - 40px)/2); gap:30px; align-items: center; padding: 20px; box-shadow: 2px 2px 20px rgb(0 0 0 / 10%);}
.sub0109_wrap ul.txt_wrap li:first-child {width: 100%;}
.sub0109_wrap ul.txt_wrap li p {font-size: 19px; color: #555;}
.sub0109_wrap ul.txt_wrap li:nth-child(n+2) p {font-size: 22px; font-weight: 700;}
.sub0109_wrap ul.txt_wrap li p b.sw1 {background: #263c96; color: #fff; border-radius: 50%; width: 25px; height: 25px; line-height: 30px;display: inline-block; text-align: center; margin-right: 2px;}
.sub0109_wrap ul.txt_wrap li p b.sw7 {background: #697215; color: #fff; border-radius: 50%; width: 25px; height: 25px; line-height: 30px; display: inline-block; text-align: center; margin-right: 2px;}

.sub0109_wrap .info_txt {margin-top: 50px;}
.sub0109_wrap .info_txt strong {display: block; text-align: center; font-size: 21px; color: #002854; line-height: 1.9;}

/* sub0110 */
.sub0110_wrap .con {margin-top:140px;}
.sub0110_wrap .con:first-child {margin-top:0;}
.sub0110_wrap .con .con_top {border:1px solid #ddd;border-radius:10px;}
.sub0110_wrap .con p {font-size:16px;color:#555;font-weight:500;}
.sub0110_wrap .con .logo_wrap {margin-top:60px;display:flex;gap:40px;}
.sub0110_wrap .con .logo_wrap .color_wrap {width:100%;}
.sub0110_wrap .con .logo_wrap .color_wrap h6 {font-size:24px;color:#222;margin-bottom:10px;}
.sub0110_wrap .con .logo_wrap .color_wrap .color_box {display:flex;flex-direction:column;gap:15px;background:#fafafa;border:1px solid #c1c1c1;padding:24px;}
.sub0110_wrap .con .logo_wrap .color_wrap .color_box li {position:relative;padding-left:80px;}
.sub0110_wrap .con .logo_wrap .color_wrap .color_box li p {font-size:16px;color:#1a2c56;font-weight:700;}
.sub0110_wrap .con .logo_wrap .color_wrap .color_box li span {font-size:16px;color:#1a2c56;font-weight:300;}
.sub0110_wrap .con .logo_wrap .color_wrap .color_box li:before {position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';width:60px;height:35px;background:#1a2c56;}
.sub0110_wrap .con .logo_wrap .color_wrap .color_box li:nth-child(2):before {background:#45a747;}
.sub0110_wrap .con .logo_wrap .color_wrap .color_box li:nth-child(2) p {color:#45a747;}
.sub0110_wrap .con .logo_wrap .color_wrap .color_box li:nth-child(2) span {color:#45a747;}
.sub0110_wrap .con .logo_wrap .color_wrap .color_box li:nth-child(3):before {background:#000;}
.sub0110_wrap .con .logo_wrap .color_wrap .color_box li:nth-child(3) p {color:#000;}
.sub0110_wrap .con .logo_wrap .color_wrap .color_box li:nth-child(3) span {color:#000;}
.sub0110_wrap .con .img_box {display:flex;flex-wrap:wrap;gap:40px 20px;margin-top:60px;}
.sub0110_wrap .con .img_box li {width:calc(50% - 10px);}
.sub0110_wrap .con .img_box li:last-child {width:100%;}
.sub0110_wrap .con .mark_wrap {display:flex;justify-content: space-between;}
.sub0110_wrap .con .mark_wrap .div_img {width:1000px;}
.sub0110_wrap .con .mark_wrap .mark_img {display:flex;flex-wrap:wrap;gap:40px 20px;}
.sub0110_wrap .con .mark_wrap .mark_img li {position:relative;padding-bottom:23.5%;width:calc((100% - 60px) / 4);border:1px solid #ddd;border-radius:5px;}
.sub0110_wrap .con .mark_wrap .mark_img li img {position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;max-width:100%;max-height:100%;}
.sub0110_wrap .con .mark_wrap .mark_img02 {margin-top:40px;}
.sub0110_wrap .con .mark_wrap .mark_img02 li {width:calc((100% - 20px) / 2);}

/* sub0201_cover */
.sub0201_cover ul {display: flex; flex-wrap:wrap; gap:40px}
.sub0201_cover ul li {width: calc((100% - 80px)/3); background: url(/images/sub/sub0201_cover01.png) no-repeat; height: 280px; padding: 25px; border-radius: 20px;}
.sub0201_cover ul li:nth-child(2) {background: url(/images/sub/sub0201_cover02.png) no-repeat;}
.sub0201_cover ul li:nth-child(3) {background: url(/images/sub/sub0201_cover03.png) no-repeat;}
.sub0201_cover ul li:nth-child(4) {background: url(/images/sub/sub0201_cover04.png) no-repeat;}
.sub0201_cover ul li:nth-child(5) {background: url(/images/sub/sub0201_cover05.png) no-repeat;}
.sub0201_cover ul li a.txt_wrap { color: #fff;}
.sub0201_cover ul li a.txt_wrap strong {font-size: 24px; position: relative;}
.sub0201_cover ul li a.txt_wrap strong::before {position: absolute; content: ""; width: 35px; height: 3px; left: 0; bottom: -20px; background:#fff; border-radius:3px;}
.sub0201_cover ul li a.txt_wrap p {font-size: 16px; padding-top: 45px;}
.sub0201_cover ul li a.txt_wrap p i {display: block;}
.sub0201_cover ul li a.txt_wrap .button_wrap {text-align: right; padding-top: 45px;}

/* sub0201 */
.tbl02{width:100%; border-top:2px solid #1a2c56;}
.tbl02 th{padding:20px; font-size:16px; color:#222; background:#f2f5f8; border-bottom:1px solid #ddd; border-right: 1px solid #ddd;}
.tbl02 th:first-child {border-left: 1px solid #ddd;}
.tbl02 td{padding:20px; font-size:16px; color:#555; text-align: center; border-bottom:1px solid #ddd; word-break:keep-all; border-right: 1px solid #ddd;}
.tbl02 td:first-child {border-left: 1px solid #ddd;}

.sub0201_list .tbl_pc {display:block;}
.sub0201_list .tbl_mob {display:none;}
.tbl02 tr td .product_wrap {display: flex; align-items:center; gap:30px}
.tbl02 tr td .product_wrap .img_wrap {width: 100px;}
.tbl02 tr td .product_wrap .img_wrap .img_box {position: relative; padding-bottom: 100%;}
.tbl02 tr td .product_wrap .img_wrap .img_box img {position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.tbl02 tr td .product_wrap .txt_wrap {text-align: left; width: 80%; }
.tbl02 tr td .product_wrap .txt_wrap strong {display: block; font-size: 16px; color: #222;}
.tbl02 tr td .product_wrap .txt_wrap p {font-size: 15px; font-weight: 500; color: #555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.tbl02 tr td .product_wrap .txt_wrap p i {display: block;}

/* sub0202 */
.sub0202_wrap .tbl_mob{display: none;}
.sub0202_wrap .search_wrap {background: #f2f5f8; display: flex;}
.sub0202_wrap .search_wrap ul.menu01 {display: flex; gap:25px; flex-wrap:wrap; margin-bottom: 0;}
.sub0202_wrap .search_wrap ul.menu01 li.search_box01 {width: 320px;}

.sub0202_wrap .search_wrap .search_box02 {display: flex; padding-left: 25px;width: calc(100% - 320px);}
.sub0202_wrap .search_wrap .search_box02 input.search01 {width: calc(100% - 120px);}
.sub0202_wrap .search_wrap .search_box02 button.search_btn {width: 120px; }

/* sub0203 */
.sub0203_wrap .search_wrap .search_box02{width: calc(100% - 665px);}
.sub0203_wrap .search_wrap .search_box02 input.search01{}

/* sub0204 */
.sub0204_wrap .tbl02 tr td .img_wrap {width: 50px; margin: 0 auto;}
.sub0204_wrap .tbl02 tr td .img_wrap .img_box {position: relative; padding-bottom: 100%;}
.sub0204_wrap .tbl02 tr td .img_wrap .img_box img {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%;}

/* sub0204_2 */
.sub0204_4_wrap .con01 .mob_wrap{display:none;}

/* sub0206 */
.sub0206_wrap .word_explain em.title_box {font-size: 18px; color: #1a2c56; position: relative; padding-left: 35px; margin-bottom: 10px; display: block; font-weight: 700;}
.sub0206_wrap .word_explain em.title_box:before {position:absolute; content:''; background: url('/images/sub/check_img.png')center no-repeat; width:24px; height:22px;
left:0; bottom:7px; background-size: contain;}
.sub0206_wrap .word_explain ul.word_box {display: flex; gap:10px;  margin-bottom: 30px;}
.sub0206_wrap .word_explain ul.word_box li {border: 1px solid #ddd; width: 38px; height: 38px; background: #fff;}
.sub0206_wrap .word_explain ul.word_box li a {font-size: 16px; color: #1a2c56; display: block; text-align: center; line-height: 38px;}

.sub0206_wrap .sub_con strong.tit_wrap {font-size:32px; position: relative; display: block; padding-bottom: 50px; color:#222;}
.sub0206_wrap .sub_con strong.tit_wrap::before {content: ""; position: absolute; bottom: 35px; left: 0; width: 100%; height: 1px; background: #eee;}
.sub0206_wrap .sub_con strong.tit_wrap::after {content: ""; position: absolute; bottom: 35px; left: 0; width: 70px; height: 3px; background-color: #1a2c56;}
.sub0206_wrap .sub_con .explain_box {margin-bottom: 40px;}
.sub0206_wrap .sub_con .explain_box:last-child {margin-bottom: 0;}
.sub0206_wrap .sub_con .explain_box span {font-size: 19px; color: #1a2c56; font-weight: 700;}
.sub0206_wrap .sub_con .explain_box p {display: block; font-size: 17px; color: #555; word-break:keep-all; line-height: 1.8;}

/* sub0302 */
.sub0302_wrap .con01 {background: url(/images/sub/sub0302_bg.jpg) top center no-repeat;height: 350px;position: relative; margin-bottom: 100px;}
.sub0302_wrap .con01 .txt_wrap {text-align: center; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);}
.sub0302_wrap .con01 .txt_wrap strong {font-size: 24px; color: #fff; display: block; margin-bottom: 20px; position: relative;}
.sub0302_wrap .con01 .txt_wrap strong:before {content: ''; position: absolute; left: 10%; top: -30px; width: 41px; height: 34px; background: url(/images/sub/quo_mark01.png)center no-repeat; background-size: cover;}
.sub0302_wrap .con01 .txt_wrap strong:after {content: ''; position: absolute; right: 10%; top: -30px; width: 41px; height: 34px; background: url(/images/sub/quo_mark02.png)center no-repeat; background-size: cover;}
.sub0302_wrap .con01 .txt_wrap p {font-size: 16px; font-weight: 300; color: #fff;}

.sub0302_wrap .con02 ul {display: flex; gap:30px}
.sub0302_wrap .con02 ul li {padding: 30px; width: calc((100% - 60px)/3); text-align: center; box-shadow: 2px 2px 20px rgb(0 0 0 / 10%); border: 1px solid #eaeaea; border-radius: 10px;}
.sub0302_wrap .con02 ul li strong {font-size: 19px; display: block; margin: 30px 0 40px 0; color: #222; position: relative;}
.sub0302_wrap .con02 ul li strong::before {position: absolute; content: ""; width: 6px; height: 6px; left: 0; bottom: -20px; background:#004ba0; border-radius:50px; left: 48%;}
.sub0302_wrap .con02 ul li strong::after {position: absolute; content: ""; width: 6px; height: 6px; left: 0; bottom: -20px; background:#3fa536; border-radius:50px; left: 52%;}
.sub0302_wrap .con02 ul li span {font-size: 16px; word-break:keep-all; color: #888;}

/* sub0303 */
.sub0303_wrap .sec{margin-bottom: 100px;}
.sub0303_wrap .sec:last-child{margin-bottom: 0;}
.sub0303_wrap .box_wrap{display: flex; gap:2%; flex-wrap:wrap;}
.sub0303_wrap .box_wrap .box{width: 32%; background: #f5f5f5; text-align: center; padding: 40px 30px; margin-top: 2%; word-break:keep-all;}
.sub0303_wrap .box_wrap .box:nth-child(-n+3){margin-top: 0;}
.sub0303_wrap .box_wrap .box p.tit{font-size: 20px; font-weight: 500; color: #222; margin-top: 15px;}
.sub0303_wrap .box_wrap .box span{font-size: 16px;  color: #555; margin-top: 5px; display: block;}
.sub0303_wrap .box_wrap .box span i {display: block;}

/* sub0402 */
.sub0402_wrap {word-break:keep-all;}
.sub0402_wrap .con01{margin-bottom:60px; padding:30px 0 30px 30px; background:#f5f5f5;}
.sub0402_wrap .con01 p{font-size:16px; color:#222; line-height:2; }

.sub0402_wrap input[type="text"].input_txt01{border:1px solid #e2e2e2; width:100%; font-size:15px; color:#555; height:36px;}
.sub0402_wrap input[type="text"].input_txt02 {width: 280px;}

.sub0402_wrap table.tbl01 p.check {margin-top:10px; font-size: 15px;}
.sub0402_wrap table.tbl01 p.check span {padding-left:5px;}
.sub0402_wrap table.tbl01 th {padding: 20px 20px 16px;}
.sub0402_wrap table.tbl01 th.space {word-spacing: 18px;}
.sub0402_wrap table.tbl01 td {padding: 15px 20px;}
.sub0402_wrap .btn_wrap {margin-top: 50px;}

/* sub0404 */
.sub0404_wrap {word-break:keep-all;}
.sub0404_wrap .con01 p {font-size: 16px; color: #555; margin-bottom: 20px;}
.sub0404_wrap .con01 .box {margin-bottom: 50px;}
.sub0404_wrap table.tbl01 tr td {text-align:center;}
.sub0404_wrap table.tbl01 tr td:last-child {border-left: 1px solid #ddd;}
