/* 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: 'SUIT';
	font-weight: 100;
	src: url('/font/SUIT-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 200;
	src: url('/font/SUIT-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 300;
	src: url('/font/SUIT-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 400;
	src: url('/font/SUIT-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 500;
	src: url('/font/SUIT-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 600;
	src: url('/font/SUIT-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 700;
	src: url('/font/SUIT-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 800;
	src: url('/font/SUIT-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 900;
	src: url('/font/SUIT-Heavy.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:15px; line-height:1.6; font-family: 'SUIT'; color:#555;} 
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:1620px; margin: 0 auto; overflow: hidden;}
.inner{width: 1620px; margin: 0 auto; max-width:100%;}

/* header */
#header { position:absolute; left:0; right:0; top:0; z-index:3100;}
#header .inner { display:flex; justify-content:space-between; align-items:center; width:1720px; height:120px;}
#header h1 { display:flex; align-items:center;}
#header .gnb { display:flex; align-items:center; height:100%;}
#header .gnb > li { padding:0 50px;}
#header .gnb > li > a { font-size:17px; color:#fff; font-weight:400;}
#header .header_right { display:flex; align-items:center;}
/* #header .lang_wrap { position:relative; margin-right:30px; width:88px; height:40px; line-height:1; border:1px solid rgba(255,255,255,.2); border-radius:10px;}
#header .lang_wrap button { padding:0 20px; width:100%; height:100%; font-size:13px; color:#fff; font-weight:600; background:url(/images/main/lang_arrow_down_pc.png) right 20px center no-repeat; text-align:left;}
#header .lang_wrap.on { border-color:#111; background:#111;}
#header .lang_wrap.on button { background-image:url(/images/main/lang_arrow_up_pc.png);}
#header .lang_wrap ul { display:none; position:absolute; left:-1px; top:calc(100% - 10px); z-index:-1; padding:20px 0 15px; width:calc(100% + 2px); background:#111; border-radius:0 0 10px 10px;}
#header .lang_wrap ul li ~ li { margin-top:10px;}
#header .lang_wrap ul li a { padding:0 20px; font-size:13px; color:#fff;} */

#header .lang_wrap { position:relative; margin-right:50px; width:120px; background:url(/images/main/lang_arrow_pc.png) right top no-repeat; line-height:1;}
#header .lang_wrap button { padding-bottom:10px; width:100%; border-bottom:2px solid #fff; font-size:15px; color:#fff; font-weight:600; line-height:1; text-align:left;}
#header .lang_wrap ul { display:none; position:absolute; left:0; right:0; top:100%; padding:15px 0; background:rgba(255,255,255,.3);}
#header .lang_wrap ul li ~ li { margin-top:15px;}
#header .lang_wrap ul li a { padding:0 10px; font-size:14px; color:#fff;}

#header .menu_btn { display:block; position:relative; width:50px; height:12px;}
#header .menu_btn span { display:block; position:absolute; left:0; top:0; width:100%; height:2px; background:#fff; transition:1s;}
#header .menu_btn span::before { content:''; display:block; position:absolute; left:0; top:10px; width:100%; height:2px; background:#fff; transition:.5s;}
#header .menu_btn.on { left:35px;}
#header .menu_btn.on span { top:50%; transform:translateY(-50%) rotate(45deg); background:#333; width:20px; height:3px;}
#header .menu_btn.on span::before { top:0; transform:rotate(90deg); background:#333; height:100%;}
#header .nav_btn { display:none;}

#header.on h1 { opacity:0;}
#header.on .gnb { opacity:0;}

/* navigation */
.navigation { display:none;}

/* all_menu */
.all_menu { display:none; position:absolute; left:0; right:0; top:0; z-index:3000; height:100vh; background:#fff;}
.all_menu .all_menu_list { display:flex; justify-content:center; margin:0 auto; width:1620px; height:100%; line-height:1; border:1px solid #ddd; border-top:0; border-bottom:0;}
.all_menu .all_menu_list > li { flex:1; position:relative; top:-100%; padding:200px 30px 0; height:100%;}
.all_menu .all_menu_list > li.on { top:0;} 
.all_menu .all_menu_list > li:nth-child(1) { transition:.5s;}
.all_menu .all_menu_list > li:nth-child(2) { transition:.5s .3s;}
.all_menu .all_menu_list > li:nth-child(3) { transition:.5s .6s;}
.all_menu .all_menu_list > li:nth-child(4) { transition:.5s .9s;}
.all_menu .all_menu_list > li ~ li { border-left:1px solid #ddd;}
.all_menu .all_menu_list > li h3 { margin-bottom:55px;}
.all_menu .all_menu_list > li h3 a { font-size:38px; color:#222; font-weight:700;}
.all_menu .all_menu_list > li:hover h3 a,
.all_menu .all_menu_list > li h3.on a,
.all_menu .all_menu_list > li h3.active a { color:#2ebb88;}
.all_menu .all_menu_list .all_sub_menu {}
.all_menu .all_menu_list .all_sub_menu > li { position:relative;}
.all_menu .all_menu_list .all_sub_menu > li ~ li { margin-top:30px;}
.all_menu .all_menu_list .all_sub_menu > li > a { display:inline-block; position:relative; z-index:100; padding-right:15px; font-size:23px; color:#555; line-height:24px;}
.all_menu .all_menu_list .all_sub_menu > li > a::after { opacity:0; content:''; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:5px; height:5px; border-radius:50%; background:#2ebb88;}
.all_menu .all_menu_list .all_sub_menu > li:hover > a,
.all_menu .all_menu_list .all_sub_menu > li.on > a { color:#2ebb88;}
.all_menu .all_menu_list .all_sub_menu > li:hover > a::after,
.all_menu .all_menu_list .all_sub_menu > li.on > a::after { opacity:1;}
.all_menu .all_menu_list .depth03_menu { margin-top:25px; line-height:1;}
.all_menu .all_menu_list .depth03_menu li { position:relative; padding-left:15px;}
.all_menu .all_menu_list .depth03_menu li::before { content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:3px; height:14px; background:#999;}
.all_menu .all_menu_list .depth03_menu li ~ li { margin-top:30px;}
.all_menu .all_menu_list .depth03_menu li a { font-size:16px; color:#555;}
.all_menu .all_menu_list .depth03_menu li:hover a,
.all_menu .all_menu_list .depth03_menu li.on a { color:#222;}
.all_menu .all_menu_list .depth03_menu li:hover::before,
.all_menu .all_menu_list .depth03_menu li.on::before { background-color:#2ebb88;}

/* visual */
#visual_wrap { position:relative;}
#visual_wrap .visual li { position:relative;}
#visual_wrap .txt_wrap { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; line-height:1;}
#visual_wrap .txt_wrap span { opacity:0; position:relative; top:-30px; /* font-size:30px; */font-size:120px; color:rgba(255,255,255,.5); font-weight:900; letter-spacing:2px; transition:.5s;}
#visual_wrap .txt_wrap p { opacity:0; position:relative; top:50px; margin-top:42px; /* font-size:50px; */font-size:40px; color:#fff; font-weight:500; /* line-height:79px; */line-height:60px; transition:.8s .5s;}
#visual_wrap .swiper-slide-active .txt_wrap span { top:0; opacity:1;}
#visual_wrap .swiper-slide-active .txt_wrap span::after { height:30px;}
#visual_wrap .swiper-slide-active .txt_wrap p { top:0; opacity:1;}
#visual_wrap .swiper-button-prev { display:block; left:50%; margin-left:-810px; z-index:100; margin-top:0; width:30px; height:55px; background:url(/images/main/visual_btn_prev_pc.png) center no-repeat;}
#visual_wrap .swiper-button-next { display:block; right:50%; margin-right:-810px; z-index:100; margin-top:0; width:30px; height:55px; background:url(/images/main/visual_btn_next_pc.png) center no-repeat;}
#visual_wrap .scroll_down { position:absolute; left:50%; bottom:0; transform:translateX(-50%); z-index:100;}
#visual_wrap .scroll_down span { display:block; position:relative; padding-bottom:100px; font-size:14px; color:rgba(255,255,255,.4);}
#visual_wrap .scroll_down span::before { content:''; display:block; position:absolute; left:50%; bottom:72px; transform:translateX(-50%); width:5px; height:5px; background:#fff; animation:ani01 1.5s linear infinite alternate;}
#visual_wrap .scroll_down span::after { content:''; display:block; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:1px; height:87px; background:rgba(255,255,255,.5);}
@keyframes ani01 {
0% { bottom:72px;}
100% { bottom:10px;}
}

/* section */
#section01 { padding:190px 0 93px; background:url(/images/main/sec01_bg_pc.jpg) top right no-repeat; background-size:cover;}
#section01 .txt_box { line-height:1;}
#section01 .sec01_logo { margin-bottom:60px;}
#section01 .txt_box p { font-size:40px; color:#aaa; font-weight:700; line-height:65px;}
#section01 .txt_box p span { color:#222;}

#section02 { height:390px; background:url(/images/main/sec02_bg_pc.jpg) top right no-repeat; background-size:cover;}
#section02 .count_list { display:flex; align-items:center; height:390px;}
#section02 .count_list li { flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; height:260px;}
#section02 .count_list li ~ li { border-left:1px solid rgba(255,255,255,.4);}
#section02 .count_list li .count {  line-height:1;}
#section02 .count_list li .count_tit { display:block; margin-bottom:30px; width:100%; font-size:22px; color:#fff; font-weight:700;}
#section02 .count_list li .count p { position:relative; padding-right:32px;}
#section02 .count_list li .count p span { font-size:130px; color:transparent; -webkit-text-stroke: 1px #fff; font-weight:700;}
#section02 .count_list li .count p em { position:absolute; right:0; top:22px; font-size:20px; color:#fff; font-weight:700;}

#section03 { position:relative;height: 890px;} 
#section03 .inner { display:flex; flex-direction:row-reverse; width:100%;}
#section03 .sec_txt_box { position:absolute; left:50%; top:97px; margin-left:-810px;}
#section03 .sec_txt_box p { font-size:40px; color:#222; font-weight:700; line-height:60px;}
#section03 .sec_txt_box p span { display:inline-block; position:relative; padding-right:120px;}
#section03 .sec_txt_box p span::after { content:''; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:90px; height:2px; background:#222;}
#section03 .sec03_slide_wrap { width:50%;}
#section03 .sec03_slide .img_wrap { position:relative; width:100%;}
#section03 .sec03_slide .img_wrap img { width:100%;}
#section03 .sec03_slide .txt_wrap { display:flex; align-items:center; padding-left:50px; height:490px; background:#f1f2f3;}
#section03 .sec03_slide .txt_wrap .txt_list { display:flex; flex-wrap:wrap; gap:40px 0;}
#section03 .sec03_slide .txt_wrap .txt_list li { position:relative; padding-left:14px; width:33.333%; font-size:20px; color:#333; line-height:30px;}
#section03 .sec03_slide .txt_wrap .txt_list li::before { content:''; display:block; position:absolute; left:0; top:12px; width:4px; height:4px; background:#2b7651;}
#section03 .sec03_menu_box { position:absolute; left:50%; top:255px; margin-left:-810px; width:50%;} 
#section03 .sec03_pager {} 
#section03 .sec03_pager li { position:relative; z-index:1000; width:750px; height:180px;}
#section03 .sec03_pager li ~ li { margin-top:20px;}
#section03 .sec03_pager li a { overflow:hidden; position:relative; z-index:100; display:flex; align-items:center; width:100%; height:100%; padding:0 70px; border-radius:20px 0 20px 0;}
#section03 .sec03_pager li a .txt_box { display:flex;}
#section03 .sec03_pager li a .txt_box .ico_box { width:60px; background:center no-repeat;}
#section03 .sec03_pager li:nth-child(1) a .txt_box .ico_box { background-image:url(/images/main/sec03_ico01_pc.png);}
#section03 .sec03_pager li:nth-child(2) a .txt_box .ico_box { background-image:url(/images/main/sec03_ico02_pc.png);}
#section03 .sec03_pager li:nth-child(3) a .txt_box .ico_box { background-image:url(/images/main/sec03_ico03_pc.png);}
#section03 .sec03_pager li a .txt_box .txt { margin-left:70px; width:calc(100% - 130px); line-height:1;}
#section03 .sec03_pager li a .txt_box .txt .sec_tit02 { font-size:34px; color:#222; font-weight:700;}
#section03 .sec03_pager li a .txt_box .txt p { margin-top:30px; font-size:20px; color:#666;}
#section03 .sec03_pager li a.active { background:linear-gradient(-60deg,#27717e,#2ebc88); box-shadow:0 15px 30px rgba(0,0,0,0.18);}
#section03 .sec03_pager li a::after { opacity:0; content:''; display:block; position:absolute; right:120px; top:50%; transform:translateY(-50%); width:60px; height:60px; background:#fff url(/images/main/sec03_arrow_right_pc.png) center no-repeat; border-radius:50%; transition:.5s;}
#section03 .sec03_pager li a.active::after { right:60px; opacity:1;}
#section03 .sec03_pager li:nth-child(1) a.active .txt_box .ico_box { background-image:url(/images/main/sec03_ico01_on_pc.png);}
#section03 .sec03_pager li:nth-child(2) a.active .txt_box .ico_box { background-image:url(/images/main/sec03_ico02_on_pc.png);}
#section03 .sec03_pager li:nth-child(3) a.active .txt_box .ico_box { background-image:url(/images/main/sec03_ico03_on_pc.png);}
#section03 .sec03_pager li a.active .txt_box .txt .sec_tit02 { color:#fff;}
#section03 .sec03_pager li a.active .txt_box .txt p { color:#fff;}
.section03_tab{display: none;}
.section03_pc .sec03_slide_wrap ul li:nth-child(1) .img_wrap p.on01{background: url('/images/main/sec03_img01_pc.jpg')top center no-repeat; height: 892px; background-size:cover;transition:.4s;}
.section03_pc .sec03_slide_wrap ul li:nth-child(2) .img_wrap p.on02{background: url('/images/main/sec03_img02_pc.jpg')top center no-repeat; height: 892px; background-size:cover;transition:.4s;}

/* footer */
#footer { background:#222;}
#footer .top_footer { display:flex; flex-direction:row-reverse; justify-content:space-between; align-items:center; padding:30px 0; border-bottom:1px solid rgba(255,255,255,.2);}
#footer .footer_link { display:flex;}
#footer .footer_link li { position:relative; padding:0 10px 0 12px;}
#footer .footer_link li:last-child { padding-right:0;}
#footer .footer_link li ~ li::before { content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:2px; height:2px; background:#fff;} 
#footer .footer_link li a { font-size:18px; color:#fff;}
#footer address { margin:30px 0 30px; font-size:18px; color:rgba(255,255,255,.5);}
#footer address p ~ p { margin-top:20px;}
#footer address em { display:inline-block; width:94px;}
#footer address span { position:relative;}
#footer address span::before { content:''; display:inline-block; margin:0 20px; width:2px; height:13px; background:rgba(255,255,255,.2);}
#footer .copy { font-size:14px; color:rgba(255,255,255,.3);}
#footer .bt_footer {display: flex; justify-content: space-between;  align-items: flex-end;}
#footer .bt_footer .copy {padding-bottom: 30px;}

/* #footer { padding:50px 0; background:#222;}
#footer .inner { position:relative; line-height:1; font-size:0;}
#footer .footer_logo { display:inline-block;} */
/* #footer .footer_img_list { display:flex; align-items:center; position:absolute; right:0; top:0;}
#footer .footer_img_list li { width:180px;}
#footer .footer_img_list li ~ li { margin-left:20px;}
#footer .footer_img_list li .img_wrap { position:relative; width:100%; padding-bottom:137.77%;}
#footer .footer_img_list li .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%;} */

/* ===== SUB ===== */
#sub_visual_wrap { position:relative;}
#sub_visual_wrap .txt_wrap { position:absolute; left:0; right:0; top:calc(50% + 50px); transform:translateY(-50%); text-align:center; line-height:1;}
#sub_visual_wrap .txt_wrap h2 { font-size:45px; color:#fff; font-weight:700;}
#sub_visual_wrap .txt_wrap .sub_list { display:inline-flex; align-items:center; margin-top:40px;}
#sub_visual_wrap .txt_wrap .sub_list li { position:relative; padding: 0 40px 0 51px; font-size:22px; color:#fff;}
#sub_visual_wrap .txt_wrap .sub_list li:first-child { padding-left:0;}
#sub_visual_wrap .txt_wrap .sub_list li:last-child { padding-right:0;}
#sub_visual_wrap .txt_wrap .sub_list li ~ li::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:11px; height:19px; background:url(/images/sub/sub_list_arrow_pc.png) center no-repeat;}

/* tab_menu */
.tab_menu {display: block; width:100%; height:60px; background:#fff; border-bottom:1px solid #ddd;}
.tab_menu .inner{position:relative; display: flex; width:1400px; height:100%;}
.tab_menu a.home{display: block; position:relative; width: 60px; height: 100%; background:url(/images/sub/tab_ico_home_pc.png)center no-repeat;}
.tab_menu a.home::before { content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#ddd;}
.tab_menu a.home::after { content:''; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#ddd;}
.tab_menu .menu {display: flex; width:calc(100% - 60px); height:100%;}
.tab_menu .menu > li {position:relative; min-width:210px; height:100%; background:url("/images/sub/tab_arrow_down_pc.png") center right 20px no-repeat;}
.tab_menu .menu > li::after { content:''; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#ddd;}
.tab_menu .menu > li.on {background-image:url("/images/sub/tab_arrow_up_pc.png");}
.tab_menu .menu > li > a {display:flex; align-items:center; padding: 0 50px 0 20px; width:100%; height:100%; font-size: 16px; color:#222; font-weight: 500; line-height:1.2; box-sizing:border-box; word-break:keep-all;}
.tab_menu .menu > li ul {display:none; position:absolute; width:100%; top:100%; left:-1px; padding:20px 0; box-sizing:content-box; border:1px solid #ddd; background:#fff; z-index:1000;}
.tab_menu .menu > li ul li ~ li { margin-top:15px;}
.tab_menu .menu > li ul li a {display:flex; align-items:center; position:relative; width:100%; font-size:15px; color:#222; font-weight:500; padding:0 20px; box-sizing:border-box; line-height:1.3;}
.tab_menu .menu > li ul li.on a { color:#57951d;}
.tab_menu .menu > li ul li:hover a { color:#57951d;}

/* depth03 */
.depth03_wrap { display:none;}

#sub_contents { padding:60px 0;}
#sub_contents .inner { width:1400px;}
#sub_contents .contop { margin-bottom:60px; text-align:center; line-height:1;}
#sub_contents .contop h3 { font-size:30px; color:#222; font-weight:700;}

/* sub_tit */
.h5_tit {position: relative; font-size: 25px; color: #222; padding-left: 30px; padding-bottom: 20px;}
.h5_tit:before {position: absolute; content: ''; width: 18px; height: 18px; background: url(/images/sub/sub_tit.png) no-repeat; left:0; top: 9px;}

.p_tit {position: relative; padding-left: 13px; font-size: 22px; color: #222; font-weight: bold; margin-bottom: 30px;}
.p_tit:before {position: absolute; left: 0; top: 7px; content: ''; width: 3px; height: 18px; background: #57951d;}

ul.con_ul li {position: relative; padding-left: 17px; font-size: 18px; color: #222; line-height:2.0;}
ul.con_ul li:before {position: absolute; left: 0; top: 12px; content: ''; width: 3px; height: 3px; background: #222; border-radius: 50%;}

/* sub0101 */
.sub0101_wrap .txt p {font-size: 25px; color: #222; font-weight: 600; text-align: center;}
.sub0101_wrap .txt p span {position: relative; color: #0a6fbd;}
.sub0101_wrap .txt p span:before {position: absolute; content: ''; bottom: 0; width: 100%; height: 10px; z-index: -1; background: #e1edf7;}
.sub0101_wrap .txt p br:nth-child(2) {display: none;}

.sub0101_wrap .imgbox {width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sub0101_wrap .imgbox .img { background: url(/images/sub/sub0101_img.jpg) no-repeat center; width: 100%; height: 300px; z-index: -1; margin-top: 100px;}
.sub0101_wrap .imgbox ul {position: relative; background: #fff; width: 80%; padding: 40px; text-align: center;}
.sub0101_wrap .imgbox ul:after {position: absolute; content: ''; width: 100px; height: 2px; background: #57951d; transform:translateX(-50%); left: 50%; margin-top: 40px;}
.sub0101_wrap .imgbox ul li {margin-bottom: 20px; font-size: 20px; color: #222; font-weight: 450;}

.sub0101_wrap .txtbox {text-align: center; background: #f7f7f7; z-index: -99; border-radius: 50px; margin-top: 60px;}
.sub0101_wrap .txtbox p {word-break: keep-all;}
.sub0101_wrap .txtbox p:first-child {position: relative; font-size: 24px; color: #222; font-weight: 450; background: width: 100%; padding: 40px;} 
.sub0101_wrap .txtbox p:first-child:after {position: absolute; content: ''; display: block; width: 2px; height: 20px; background: #0a6fbd; transform: -50%; left: 50%; margin: 20px 0;}
.sub0101_wrap .txtbox p:last-child {padding: 20px 20px 40px 20px;}
.sub0101_wrap .txtbox p:last-child > span {position: relative; font-size: 24px; font-weight: 600; color: #222; z-index: 1;}
.sub0101_wrap .txtbox p:last-child > span:before {position: absolute; content: ''; bottom: 0; width: 100%; height: 10px; z-index: -1; background: #e1edf7;}

/* sub0102 */
.sub0102_wrap .con {display: flex; align-items: flex-start; padding: 80px 0; border-bottom: 1px dotted #ddd;}
.sub0102_wrap .con .tit {position: relative; width: 200px; font-size: 50px; color: #666;}
.sub0102_wrap .con .tit:before {position: absolute; left: 200px; top: 40px; content: ''; width: calc(100% - 100px); height: 1px; background: #ddd;}
.sub0102_wrap .con .tit:after {position: absolute; left: 300px; top: 30px; content: ''; width: 20px; height: 20px; background: #0a6fbd; border-radius: 5px; transform: rotate(45deg);}
.sub0102_wrap .con .tit span {color: #222;}
.sub0102_wrap .con .tit em {color: #57951d; font-weight: bold;}

.sub0102_wrap .con .txt {margin-left: 250px; margin-top: 10px;}
.sub0102_wrap .con .txt ul {}
.sub0102_wrap .con .txt ul li {position: relative; font-size: 32px; font-weight: 450; color: #666; padding: 20px 0 20px 140px;}
.sub0102_wrap .con .txt ul li span {position: absolute; left: 0; top: 20px; font-size: 28px; font-weight: bold; color: #222; }

/* sub0103 */
.sub0103_wrap .txt {text-align: center; padding-bottom: 80px;}
.sub0103_wrap .txt p {font-size: 25px; color: #222; font-weight: bold;}
.sub0103_wrap .txt p br {display: none;}
.sub0103_wrap .txt p span{color: #57951d;}
.sub0103_wrap .sub_img {text-align: center;}
.sub0103_wrap .sub_img .img_pc {display: block; width: 100%;}
.sub0103_wrap .sub_img .img_tab {display: none;}
.sub0103_wrap .sub_img .img_mob {display: none;}

/* sub0105 */
.sub0105_wrap .con1 {display: flex; width: 100%; margin-bottom: 60px;}
.sub0105_wrap .con1:last-child {margin-bottom: 0;}
.sub0105_wrap .con1 .con1-1 {width: 48%; margin-right: 2%;}
.sub0105_wrap .con1 .con1-1:last-child {margin-right: 0;}
.sub0105_wrap .con2 {margin-bottom: 60px;}

.sub0105_wrap .tb_style_tab {display: none;}

.sub0105_wrap .tb_style {width: 100%; border-collapse: collapse; margin-top: 20px; text-align: left;}
.sub0105_wrap .tb_style tr {border-bottom: 1px solid #ddd;}
.sub0105_wrap .tb_style tr:first-child {border-top: 1px solid #0a6fbd;}
.sub0105_wrap .tb_style tr:last-child {border-bottom: 1px solid #0a6fbd;}
.sub0105_wrap .tb_style tr th {font-size: 18px; color: #222; padding-left: 15px;}
.sub0105_wrap .tb_style tr th img {width: 20px; margin-right: 10px; margin-top: 2px;}
.sub0105_wrap .tb_style tr td {font-size: 18px; color: #444; padding: 15px;}
.sub0105_wrap .tb_style .tb_hieght {height: 88px;}

.sub0105_wrap .tb_style2 tr:first-child {border-top: 1px solid #57951d;}
.sub0105_wrap .tb_style2 tr:last-child {border-bottom: 1px solid #57951d;}

/* sub0201 */
.sub0201_wrap .con1 {display: flex; align-items: center; }
.sub0201_wrap .con1 .con1_txt {padding-left: 100px; text-align: center;}
.sub0201_wrap .con1 .con1_txt .con1_p1 {font-size: 30px; color: #0a6fbd; font-weight: bold; padding-bottom: 40px;}
.sub0201_wrap .con1 .con1_txt .con1_p2 {font-size: 28px; color: #555; font-weight: 500;}
.sub0201_wrap .con1 .con1_txt .con1_p2 strong {color: #222;}

.sub0201_wrap .con2 {display: flex; width: 100%; margin: 80px 0;}
.sub0201_wrap .con2 .con2_box {width: 680px; padding: 30px; margin-right: 40px; background: #f7f7f7; border: 1px solid #ddd;}
.sub0201_wrap .con2 .con2_box:last-child {margin-right: 0;}
.sub0201_wrap .con2 .con2_box .box_top {display: flex; justify-content: space-between; margin-bottom: 20px;}
.sub0201_wrap .con2 .con2_box .box_top .con2_p1{font-size: 26px; color: #222; font-weight: bold;}
.sub0201_wrap .con2 .con2_box .box_top .con2_p1 span {position: relative; padding-bottom: 10px;}
.sub0201_wrap .con2 .con2_box .box_top .con2_p1 span:before {position: absolute; bottom: 0; left: 0; content: ''; width: 40px; height: 4px; background: #57951d; }
.sub0201_wrap .con2 .con2_box .box_top .con2_p1 .span {position: relative; padding-bottom: 10px;}
.sub0201_wrap .con2 .con2_box .box_top .con2_p1 .span:before {position: absolute; bottom: 0; left: 0; content: ''; width: 40px; height: 4px; background: #0a6fbd; }
.sub0201_wrap .con2 .con2_box .box_bottom ul li {font-size: 20px; color: #222; font-weight: 500; padding: 10px 0;}
.sub0201_wrap .con2 .con2_box .box_bottom ul li:first-child {color: #57951d; font-weight: bold; font-size: 22px;}
.sub0201_wrap .con2 .con2_box .box_bottom ul li:first-child span {color: #0a6fbd; }

.sub0201_wrap .con3 img {width: 100%;}

/* sub0202 */
.sub0202_wrap .con_pc {display: table; width: 100%;}
.sub0202_wrap .con_pc table {width: 100%; border-collapse: collapse; border: 1px solid #ddd; text-align: center;}
.sub0202_wrap .con_pc table tr:first-child {border-top: 2px solid #57951d; }
.sub0202_wrap .con_pc table tr th {border: 1px solid #ddd; background: #f7f7f7; padding: 10px 5px; font-size: 15px; color: #222;}
.sub0202_wrap .con_pc table tr td {border: 1px solid #ddd; padding: 10px 5px; font-size: 15px; color: #444;}
.sub0202_wrap .con_tab {display: none;}

/* sub0301 */
.sub0301_wrap .con_wrap .con { border-bottom: 1px solid #ddd;} 
.sub0301_wrap .con_wrap .con:first-child {border-top: 1px solid #555;}
.sub0301_wrap .con_wrap .con a {display: flex; justify-content: space-between; align-items: center; animation-name: fadeInUp; transition: all 0.3s;} 
.sub0301_wrap .con_wrap .con a:hover {box-shadow: 6px 5px 13px 3px rgb(0 0 0 / 18%)}
.sub0301_wrap .con_wrap .con a .con_txt {padding: 40px 20px 20px 20px; width:calc(100% - 280px);} 
.sub0301_wrap .con_wrap .con a .con_txt .con_h6 {position: relative; font-size: 30px; color: #57951d; padding: 15px 0;}
.sub0301_wrap .con_wrap .con a .con_txt p {font-size: 18px; color: #222; padding-bottom: 20px; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}  
.sub0301_wrap .con_wrap .con a .con_txt .btn { width: 150px; border: 1px solid #ddd; color: #555; font-size: 18px; text-align: center; padding: 10px 0;} 
.sub0301_wrap .con_wrap .con a:hover .con_txt .btn {background: #57951d; color: #fff; border: 1px solid #57951d;}
.sub0301_wrap .con_wrap .con a .con_img {width:280px;}
.sub0301_wrap .con_wrap .con a .con_img img {width: 280px;}

/* sub0301_view */
.sub0301_view .slick-prev {font-size: 0; line-height: 0; position: absolute; top: 50%; left: 10px; display: block; width: 50px; height: 50px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: url(/images/sub/sub_arrow02.png) center no-repeat rgba(0,0,0,0.4); z-index: 1;}
.sub0301_view .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; right: 10px; display: block; width: 50px; height: 50px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: url(/images/sub/sub_arrow01.png) center no-repeat rgba(0,0,0,0.4);}
.sub0301_view .slick-dots li {display: none;}
.sub0301_view .slider .img_wrap {text-align: center;}
.sub0301_view .slider-for {width: 100%; position: relative; width: 100%; border: 1px solid #ddd;}
.sub0301_view .slider-nav {width: 100%; margin-top: 40px;}
.sub0301_view .slider-nav .small_img {}
.sub0301_view .slider-nav .small_img .img_wrap {width: 100%; height: 250px; border: 1px solid #ddd;}
.sub0301_view .slider-nav .small_img .img_wrap  img { max-width:100%; max-height:100%;}

.sub0301_view .con ~ .con { margin-top:20px;}
.sub0301_view .con .h2_tit {position: relative; font-size: 30px; color: #222; padding: 5px 0; margin: 60px 0;}
.sub0301_view .con .h2_tit:after {position: absolute; left: 0; top: 0; content: ''; width: 50px; height: 3px; background: #222;}
.sub0301_view .con .con_box {width: 100%; min-height: 300px;}

/* sub0403 */
.sub0403_wrap {margin-bottom: 80px;}
.sub0403_wrap .con1 {margin-bottom: 80px;}
.sub0403_wrap .con1 .txt {padding: 10px;}
.sub0403_wrap .con1 .txt p {font-size: 25px; font-weight: 500; color: #222; text-align: center;}
.sub0403_wrap .con1 .txt p .txt_color1 {color: #0a6fbd;}
.sub0403_wrap .con1 .txt p .txt_color2 {color: #57951d;}

.sub0403_wrap .con2 {width: 100%; display: flex;}
.sub0403_wrap .con2 .con2-1 {width: 32%; margin-right: 2%; background: #f7f7f7; border-top: 2px solid #57951d; display: flex; flex-direction: column; justift-content: center; align-items: center;}
.sub0403_wrap .con2 .con2-1:nth-child(3) {margin-right: 0;}
.sub0403_wrap .con2 .con2-1 .con_img {width: 180px; height: 180px; background: #fff; border-radius: 50%; margin-top: 30px;}
.sub0403_wrap .con2 .con2-1 .con_img img {}
.sub0403_wrap .con2 .con2-1 .con_txt {text-align: center; padding: 30px;}
.sub0403_wrap .con2 .con2-1 .con_txt p:nth-child(1) {font-size: 22px; font-weight: bold; color: #222; margin-bottom: 8px;}
.sub0403_wrap .con2 .con2-1 .con_txt p:nth-child(2) {font-size: 20px; font-weight: 400; color: #222;}

/* sub0404 */
.sub0404_wrap {display: flex; width: 100%;}
.sub0404_wrap .con_img {width: 50%;}
.sub0404_wrap .con_img .img_pc {display: block;}
.sub0404_wrap .con_img .img_tab {display: none;}
.sub0404_wrap .con_img .img_mob {display: none;}
.sub0404_wrap .con_box {display: flex; justify-content: center; align-items: center; width: 50%; background: #f7f7f7;}
.sub0404_wrap .con_box ul li {position: relative; font-size: 22px; color: #444; padding: 20px 0 20px 30px;}
.sub0404_wrap .con_box ul li:before {position: absolute; left: 0; top: 30px; content: ''; width: 18px; height: 18px; background: url(/images/sub/sub_tit.png)no-repeat;}
.sub0404_wrap .con_box ul li br {display: none;}
.sub0404_wrap .con_box ul li span { font-size: 26px; color: #222; font-weight: bold; margin-right: 20px;}

/* sub0501 */
.sub0501_wrap .con02 {margin-bottom: 80px;}
.sub0501_wrap .con02 .con_box {display: flex; align-items: center; margin-bottom: 50px;}
.sub0501_wrap .con02 .con_box .tit_wrap {width: 220px; height: 180px; background: #f2cd45; color: #fff; text-align: center;}
.sub0501_wrap .con02 .con_box .tit_wrap strong {font-size: 60px; display: block;}
.sub0501_wrap .con02 .con_box .tit_wrap span {font-size: 22px; display: block;}
.sub0501_wrap .con02 .con_box .tit_wrap em {font-size: 18px; font-weight: 500;}
.sub0501_wrap .con02 .con_box .txt_wrap {background-color: rgba( 242, 205, 69, 0.1 ); padding-left:50px; height: 180px; width: 100%; display: flex; align-items: center}
.sub0501_wrap .con02 .con_box .txt_wrap p {font-size: 20px; color: #222; line-height: 1.7;}
.sub0501_wrap .con02 .con_box .txt_wrap p i {display: block;}

.sub0501_wrap .con02 ul {display: flex; gap:40px}
.sub0501_wrap .con02 ul li {width: calc((100% - 80px)/3);}
.sub0501_wrap .con02 ul li .environment {margin-bottom: 15px; background: #f2cd45;}
.sub0501_wrap .con02 ul li .environment em {padding: 20px 0;display: block;font-size: 20px;color: #fff; text-align: center; font-weight: 500;}
.sub0501_wrap .con02 ul li .img_wrap {margin-bottom: 30px; text-align: center;}
.sub0501_wrap .con02 ul li .en_box {position: relative; background: #fff; border: 1px solid #ddd; border-radius: 10px;padding:20px; height: 152px;}
.sub0501_wrap .con02 ul li .en_box::before {position: absolute; content: ''; width: 1px; height: 15px; background: #ddd; top: -16px; left: 50%;}
.sub0501_wrap .con02 ul li .en_box p {font-size: 18px;color:#222; margin-bottom: 12px; position:relative; padding-left:20px; word-break:keep-all;}
.sub0501_wrap .con02 ul li .en_box p:last-child {margin-bottom:0; }
.sub0501_wrap .con02 ul li .en_box p::before {content:''; width:4px; height:4px; display:block; background:#193955; border-radius:50%; position:absolute; left:0; top:12px; }

.sub0501_wrap .con03 .con_box .tit_wrap {background: #57951d;}
.sub0501_wrap .con03 .con_box .txt_wrap {background-color: rgba( 87, 149, 29, 0.1 );}
.sub0501_wrap .con03 ul {display: flex; gap:40px}
.sub0501_wrap .con03 ul li {width: calc((100% - 120px)/4);}
.sub0501_wrap .con03 ul li .environment {margin-bottom: 15px; background: #57951d;}
.sub0501_wrap .con03 ul li .en_box {height: 234px;}

.sub0501_wrap .con04 {margin-bottom: 0;}
.sub0501_wrap .con04 .con_box .tit_wrap {background: #0a6fbd;}
.sub0501_wrap .con04 .con_box .txt_wrap {background-color: rgba( 10, 111, 189, 0.1 );}
.sub0501_wrap .con04 ul li .environment {margin-bottom: 15px; background: #0a6fbd;}

/* sub0502 */
.sub0502_wrap .con01 ul li {display: flex; align-items:center; padding:20px 40px; border-radius:10px; margin-bottom:20px; border: 1px solid #ddd;}
.sub0502_wrap .con01 ul li:last-child {margin-bottom:0;}
.sub0502_wrap .con01 ul li .rule_wrap {padding-left: 60px;}
.sub0502_wrap .con01 ul li .rule_wrap strong {font-size:20px; color:#0a6fbd; word-break:keep-all;}
.sub0502_wrap .con01 ul li .rule_wrap p {font-size:18px; margin-top:15px; word-break:keep-all; color:#222;}
.sub0502_wrap .con01 ul li .rule_wrap p i {display: block;}

.sub0502_wrap .download_wrap {margin-top: 50px; display: flex; justify-content: space-between;}
.sub0502_wrap .download_wrap button {width: 330px; height: 55px; background: #222; }
.sub0502_wrap .download_wrap button a {color: #fff;}
.sub0502_wrap .download_wrap button a img {padding-right: 10px;}

/* sub0503 */
.sub0503_wrap .con01 {margin-bottom: 100px;}
.sub0503_wrap .con01 .txt_wrap {border: 1px dashed #0a6fbd; margin-bottom: 60px; padding: 25px;}
.sub0503_wrap .con01 .txt_wrap strong {color: #0a6fbd; font-size: 20px; display: block; margin-bottom: 10px;}
.sub0503_wrap .con01 .txt_wrap p {font-size: 18px; margin-bottom: 10px;}
.sub0503_wrap .con01 .txt_wrap p i {display: block;}

.sub0503_wrap .con01 .img_wrap {display: flex; gap:40px; flex-wrap:wrap;}
.sub0503_wrap .con01 .img_wrap .img_box {}
.sub0503_wrap .con01 .img_wrap .img_box span {font-size: 18px; color: #222; text-align: center; display: block; margin-top: 5px; font-weight: 700;}

.sub0503_wrap .download_wrap {margin-top: 50px; text-align: center;}
.sub0503_wrap .download_wrap button {width: 330px; height: 55px; background: #222; }
.sub0503_wrap .download_wrap button a {color: #fff;}
.sub0503_wrap .download_wrap button a img {padding-right: 10px;}

.sub0503_wrap .con02 .txt_wrap {border: 1px dashed #57951d; margin-bottom: 80px; padding: 25px; }
.sub0503_wrap .con02 .txt_wrap strong {color: #57951d; font-size: 20px; display: block; margin-bottom: 10px;}
.sub0503_wrap .con02 .img_wrap {display: flex; justify-content: space-between;}

.sub0503_wrap .con03 .txt_box{padding:25px; font-size:18px; color:#555; border:1px solid #ddd; }
.sub0503_wrap .con03 .txt_box p{margin-bottom: 10px;}
.sub0503_wrap .con03 .p_tit{margin-top:50px;}
.sub0503_wrap .con03 .box_wrap{display:flex; align-items:center; justify-content:space-around; font-size:18px; color:#222; padding:50px; background:#f5f5f5;}
.sub0503_wrap .btn_wrap {margin-top: 50px; text-align: center;}
.sub0503_wrap .btn_wrap button {width: 330px; height: 55px; background: #0a6fbd; }
.sub0503_wrap .btn_wrap button a {color: #fff;}


/* bbs */
.admin_btn a{position: relative;top: 6px;}
.admin_btn .btn04{height: 35px; font-size: 13px;color: #fff;background: #444;font-weight: bold;width: 90px;text-align: center;line-height: 34px;}
.md10{margin-left: 0;}