/* Common **********************************************************************/ /* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */ /* Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */ @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype'); } @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 700; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype'); } @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 800; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype'); } @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'); } /* 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:keep-all;-ms-word-break:keep-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.7; font-family: 'Noto Sans KR'; 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:600px; position:relative; margin:0 auto; text-align:center;overflow:hidden;} .login_id{width:240px; float:left;height:30px; font-size:14px; font-weight:bold; color:#444;} .login_pw{width:240px; float:left; height:30px; font-size:14px; font-weight:bold; color:#444;} .login_btn{width:70px; float:left; height:30px; font-size:14px; font-weight:bold; color:#fff; background-color:#333; border:none; } .num_txt{width:100px; float:left;height:20px; font-size:13px; font-weight:bold; color:#444;} .font_color{color:#1a386a; font-weight:bold;} /*회원가입 스킨*/ .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;} #wrap {position: relative; width: 100%; max-width:1920px; min-width: 1400px; margin:0 auto; overflow: hidden;} .inner {width: 1400px; margin:0 auto; max-width: 100%;} .tab_img {display:none;} .mob_img {display:none;} .pc {display:block;} .tab {display:none;} .mob {display:none;} #wrap{} .h_top{height: 30px; background: #95c11e;} .h_top .inner{} .h_top .inner ul{display: flex; align-items: center; justify-content: flex-end;} .h_top .inner ul li{position: relative; margin-right: 40px;} .h_top .inner ul li:last-child{margin-right: 0;} .h_top .inner ul li:after{content: ''; position: absolute; top: 50%; right: -20px; transform: translate(0,-50%); width: 1px; height: 12px; background: #fff;} .h_top .inner ul li:last-child:after{display: none;} .h_top .inner ul li a{display: block; font-size: 13px; font-weight: 500; line-height: 30px; color:#fff;} #header{position: relative; height: 100px; background: #fff; z-index: 1000;} #header:after{content: ''; overflow: hidden; visibility: hidden; opacity: 0; position: absolute; top: 100px; left: 0; background: #fff; width: 100%; height: 360px; z-index: 50; border-top: 1px solid #ddd; transition: all .3s;} #header.on:after{content: ''; overflow: visible; visibility: visible; opacity: 1; position: absolute; top: 100px; left: 0; background: #fff; width: 100%; height: 360px; z-index: 50; border-top: 1px solid #ddd;} #header.all:after{content: ''; overflow: visible; visibility: visible; opacity: 1; position: absolute; top: 100px; left: 0; background: #fff; width: 100%; height: 360px; z-index: 50; border-top: 1px solid #ddd;} #header .inner{position: relative; height: 100%;} #header .inner .logo{position: absolute; top: 50%; left:0; transform: translate(0,-50%);} #header .inner .logo a{display: block; width: 150px; height: 50px;} #header .inner .logo a img{width: 100%; height: 100%;} #header .inner .gnb{position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); z-index: 100;} #header .inner .gnb > ul{display: flex;} #header .inner .gnb > ul > li{position: relative; width: 180px; text-align: center;} #header .inner .gnb > ul > li:after{content: ''; position: absolute; bottom: -1px; left: 50%; transform: translate(-50%,0); width: 0; height: 3px; background: #ced600; transition: all .3s;} #header .inner .gnb > ul > li:hover:after{content: ''; position: absolute; bottom: -1px; left: 50%; transform: translate(-50%,0); width: 80px; height: 3px; background: #ced600;} #header .inner .gnb > ul > li > a{display: block; font-family: 'SeoulNamsanJ'; font-size: 22px; font-weight: 500; line-height: 99px; color:#222222;} #header .inner .gnb > ul > li > ul{overflow: hidden; visibility: hidden; opacity: 0; transition: all .3s; position: absolute; top: 100px; left: 50%; transform: translate(-50%,0); padding: 25px 0; width: 180px; height: 360px; text-align: center;} #header .inner .gnb > ul.on > li > ul{overflow: visible; visibility: visible; opacity: 1; position: absolute; top: 100px; left: 50%; transform: translate(-50%,0); padding: 25px 0; width: 180px; height: 360px; text-align: center; border-right: 1px solid #ddd;} #header .inner .gnb > ul.on > li:first-child > ul{border-left: 1px solid #ddd;} #header .inner .gnb > ul.all > li > ul{overflow: visible; visibility: visible; opacity: 1; position: absolute; top: 100px; left: 50%; transform: translate(-50%,0); padding: 25px 0; width: 180px; height: 360px; text-align: center; border-right: 1px solid #ddd;} #header .inner .gnb > ul.all > li:first-child > ul{border-left: 1px solid #ddd;} #header .inner .gnb > ul > li > ul > li{margin-bottom: 25px;} #header .inner .gnb > ul > li > ul > li:last-child{margin-bottom: 0;} #header .inner .gnb > ul > li > ul > li > a{display: block; font-size: 16px; font-weight: 500; line-height: 24px; color:#222222;} #header .inner .gnb > ul > li > ul > li:hover > a{display: block; font-size: 16px; font-weight: 500; line-height: 24px; color:#005f27;} #header .inner .sns_icon{display: flex; position: absolute; top: 50%; right: 51px; transform: translate(0,-50%);} #header .inner .sns_icon ul{display: flex; margin-right: 30px;} #header .inner .sns_icon ul li{margin-right: 10px; width:30px; height: 30px; border-radius: 3px; overflow: hidden;} #header .inner .sns_icon ul li:last-child{margin-right: 0;} #header .inner .sns_icon ul li a{display: block;} #header .inner .sns_icon ul li a img{} #header .inner .search_bar{width: 32px; height: 32px;} #header .inner .search_bar a{display: block;} #header .inner .search_bar a img{} #header .inner .hambar_mob{display: none;} #header .inner .hambar_pc{display: block; width: 30px; height: 30px; position: absolute; top: 50%; right: 0; transform: translate(0,-50%);} #header .inner .hambar_pc a{display: block; width: 30px; height:30px; position: relative;} #header .inner .hambar_pc a span{position: absolute; width: 30px; height: 3px; transition: all .3s;} #header .inner .hambar_pc a span:nth-child(1){top: 0; background: #0c9a6a;} #header .inner .hambar_pc a span:nth-child(2){top: 14px; background: #95c11e; opacity: 1;} #header .inner .hambar_pc a span:nth-child(3){top: 27px; background: #0c9a6a;} #header .inner .hambar_pc.on a span:nth-child(1){top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg); background: #95c11e;} #header .inner .hambar_pc.on a span:nth-child(2){opacity: 0;} #header .inner .hambar_pc.on a span:nth-child(3){top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); background: #95c11e;} .visual_wrap{position: relative; } .visual_wrap ul{height: 730px;} .visual_wrap ul li{position: relative; } .visual_wrap ul li .vis_tit{position: absolute; top: 187px; left: 50%; transform: translate(-50%,0); width: 1400px;} .visual_wrap ul li .vis_tit span{display: block; font-size: 20px; font-weight: 400; line-height: 1; color:#fff; margin-bottom: 20px;} .visual_wrap ul li .vis_tit strong{font-family: 'SeoulNamsanJ'; display: block; font-size: 55px; font-weight: 500; color:#fff; line-height: 70px; margin-bottom: 60px; position: relative;} .visual_wrap ul li .vis_tit strong:after{content: ''; position: absolute; bottom: -27px; left: 0; width: 100px; height: 1px; background: #fff;} .visual_wrap ul li .vis_tit p{font-size: 15px; font-weight: 500; line-height: 28px; color:#fff;} .visual_wrap .vis_btn{position: absolute; top: 512px; left: 50%; transform: translate(-50%,0); width: 1400px; z-index: 100; display: flex;} .visual_wrap .vis_btn .visual_prev{cursor: pointer;} .visual_wrap .vis_btn .slide-counter{font-family: 'SeoulNamsanJ'; margin: 0 24px;} .visual_wrap .vis_btn .slide-counter span{font-size: 18px; font-weight: 500; line-height: 28px; color:#fff;} .visual_wrap .vis_btn .visual_next{cursor: pointer;} .visual_section{z-index: 500;position: relative; bottom: 50px; left: 50%; transform: translate(-50%,0); width: 1400px; height: 100px; background: #fff; box-shadow: 6px 7px 6px rgba(0,0,0,0.1);} .visual_section .inner{height: 100%;} .visual_section ul{display: flex; height: 100%;} .visual_section ul li{position: relative; width: 25%; height: 100%;} .visual_section ul li:after{content: ''; position: absolute; top: 50%; right: 0; transform: translate(0,-50%); width: 1px; height: 60px; background: #dddddd;} .visual_section ul li:last-child:after{display: none;} .visual_section ul li a{display: flex; align-items: center; justify-content: center; height: 100%;} .visual_section ul li a img{} .visual_section ul li a span{display: block; margin-left: 20px; font-size: 22px; font-weight: 500; line-height: 1; color:#222;} .section01{padding-top: 80px; padding-bottom: 80px;} .section01 .tit{text-align: center; margin-bottom: 60px;} .section01 .tit strong{font-family: 'SeoulNamsanJ'; position: relative; font-size: 35px; font-weight: 500; line-height: 1; color:#000000; z-index: 1; } .section01 .tit strong:after{content: ''; position: absolute; bottom: -9px; left: 0; width: 100%; height: 20px; background: #e6ea7f; z-index: -1;} .section01 .sec01_wrap{display: flex;} .section01 .sec01_con01{width: 680px; margin-right: 40px;} .section01 .tab_top{display: flex; justify-content: space-between; align-items: center;border-bottom: 1px solid #ddd;} .section01 .tab_top ul{display: flex;} .section01 .tab_top ul li span{display: block; width: 130px; height: 56px; border-top-left-radius: 30px; border-top-right-radius: 30px; border: 1px solid #ddd; border-bottom: 0 none; font-size: 20px; font-weight: 500; line-height: 54px; color:#333333; text-align: center; cursor: pointer;} .section01 .tab_top ul li.on span{display: block; font-size: 20px; font-weight: 700; line-height: 54px; color:#fff; border: 1px solid #005f27; background: #005f27;} .section01 .tab_top a{display:block; width: 21px; height: 21px;} .section01 .tab_top a img{} .section01 .sec01_con01 .tab_con{} .section01 .sec01_con01 .tab_con .con{} .section01 .sec01_con01 .tab_con .con .con_top{display: flex; align-items: center; padding: 20px 0; border-bottom: 1px solid #ddd;} .section01 .sec01_con01 .tab_con .con .con_top .date{width: 130px; height: 130px; display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; text-align: center; border: 2px solid #ced600; border-radius: 8px;} .section01 .sec01_con01 .tab_con .con .con_top .date em{display: block; font-size: 40px; font-weight: 700; line-height: 1; color:#005f27; margin-bottom: 13px;} .section01 .sec01_con01 .tab_con .con .con_top .date span{display: block; font-size: 18px; font-weight: 400; line-height: 1; color:#555555; width: 100%;} .section01 .sec01_con01 .tab_con .con .con_top .txt{width: calc(100% - 130px); padding-left: 20px;} .section01 .sec01_con01 .tab_con .con .con_top .txt strong{display: block; font-size: 18px; font-weight: 500; line-height: 1; color:#222222; margin-bottom: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .section01 .sec01_con01 .tab_con .con .con_top .txt p{font-size: 15px; font-weight: 400; line-height: 28px; color:#555555; height: 50px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .section01 .sec01_con01 .tab_con .con ul{padding: 38px 0; border-bottom: 1px solid #ddd;} .section01 .sec01_con01 .tab_con .con ul li{margin-bottom: 25px;} .section01 .sec01_con01 .tab_con .con ul li:last-child{margin-bottom: 0;} .section01 .sec01_con01 .tab_con .con ul li a{display: flex; align-items: center;} .section01 .sec01_con01 .tab_con .con ul li a p{width: calc(100% - 100px); font-size: 15px; font-weight: 400; line-height: 1; color:#222222; position: relative; padding-left: 16px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .section01 .sec01_con01 .tab_con .con ul li a p:before{content: ''; position: absolute; top: 5px; left: 0; width: 4px; height: 4px; background: #005f27; border-radius: 100px;} .section01 .sec01_con01 .tab_con .con ul li a span{width: 100px; text-align: right; font-size: 15px; font-weight: 400; line-height: 1; color:#999999;} .section01 .sec01_con02{width: 680px;} /* .section01 .sec01_con02 .tab_top{display: flex; justify-content: space-between; align-items: center;border-bottom: 1px solid #ddd; margin-bottom: 18px;} .section01 .sec01_con02 .tab_top .tab_top_g{display: flex; align-items: center; margin-bottom: 0;} .section01 .sec01_con02 .tab_top .tab_top_g strong{display: block; width: 110px; height: 56px; border-top-left-radius: 30px; border-top-right-radius: 30px;border: 1px solid #005f27; background: #005f27;border-bottom: 0 none; font-size: 20px; font-weight: 700; line-height: 54px; color:#fff; text-align: center; cursor: pointer;} .section01 .sec01_con02 .tab_top ul{display: flex; align-items: center;} .section01 .sec01_con02 .tab_top ul li{} .section01 .sec01_con02 .tab_top ul li span{display: block; font-size: 18px; font-weight: 500; line-height: 1; color:#555555; padding: 0 20px; border-right: 1px solid #ddd; cursor: pointer;} .section01 .sec01_con02 .tab_top ul li:last-child span{border-right: 0 none;} .section01 .sec01_con02 .tab_top ul li.on span{display: block; font-size: 18px; font-weight: 700; line-height: 1; color:#005f27; padding: 0 20px;} .section01 .sec01_con02 .tab_top a{display:block; width: 21px; height: 21px;} .section01 .sec01_con02 .tab_top a img{} */ .section01 .sec01_con02 .tab_con{min-height: 406px;} .section01 .sec01_con02 .tab_con .con{border: 1px solid #ddd; /* background: url('/images/main/sec01_conbg.png')top center/cover no-repeat; */} .section01 .sec01_con02 .tab_con .con ul{} .section01 .sec01_con02 .tab_con .con ul li{display:flex; gap:30px; } .section01 .sec01_con02 .tab_con .con ul li .txt_box{padding:40px; width:350px; min-height: 354px;} .section01 .sec01_con02 .tab_con .con ul li .txt_box02{width:100%;} .section01 .sec01_con02 .tab_con .con ul li .txt_box em{display: block; font-size: 15px; font-weight: 400; line-height: 1; color:#005f27; margin-bottom: 15px;} .section01 .sec01_con02 .tab_con .con ul li .txt_box strong{display: block; font-size: 25px; font-weight: 500; line-height: 1; color:#222222; margin-bottom: 50px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .section01 .sec01_con02 .tab_con .con ul li .txt_box p{display: flex; align-items: center; margin-bottom: 25px;} .section01 .sec01_con02 .tab_con .con ul li .txt_box p b{display: flex; width: calc(100% - 90px); font-size: 15px; font-weight: 400; line-height: 1; color:#222222; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .section01 .sec01_con02 .tab_con .con ul li .txt_box p span{display: block; width: 90px; position: relative; padding-left: 15px; font-size: 15px; font-weight: 500; line-height: 1; color:#555555;} .section01 .sec01_con02 .tab_con .con ul li .txt_box p span:before{content: '';position: absolute; top: 5px; left: 0; width: 4px; height: 4px; background: #005f27; border-radius: 100px;} .section01 .sec01_con02 .tab_con .con ul li .img_wrap{padding:40px 0; width:calc(100% - 420px);} .section01 .sec01_con02 .tab_con .con ul li .img_wrap .img{text-align: center; position: relative; width: 100%; height:0; padding-bottom: 137.209%; overflow:hidden;} .section01 .sec01_con02 .tab_con .con ul li .img_wrap .img img{position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;} .section01 .sec01_con02 .tab_con .con .sec01_con_btn{display: flex; align-items: center; position: relative; left: -2px; bottom: -1px;} .section01 .sec01_con02 .tab_con .con .sec01_con_btn div{cursor: pointer;} .section01 .sec01_con02 .tab_con .con .sec01_con_btn div img.on{display: block;} .section01 .sec01_con02 .tab_con .con .sec01_con_btn div img.off{display: none;} .section01 .sec01_con02 .tab_con .con .sec01_con_btn div:hover img.on{display: none;} .section01 .sec01_con02 .tab_con .con .sec01_con_btn div:hover img.off{display: block;} .section01 .sec01_con02 .tab_con .con .sec01_con_btn .slick-counter{margin-left: 21px;} .section01 .sec01_con02 .tab_con .con .sec01_con_btn .slick-counter span{font-family: 'SeoulNamsanJ'; font-size: 18px; font-weight: 500; line-height: 1; color:#555555;} .section02{padding: 80px 0; background: #f5f5f5 url('/images/main/sec02_bg.png')bottom 0 left 70px no-repeat;} .section02 .inner{} .section02 .tit{text-align: center; margin-bottom: 60px;} .section02 .tit strong{font-family: 'SeoulNamsanJ'; position: relative; font-size: 35px; font-weight: 500; line-height: 1; color:#000000; z-index: 1;} .section02 .tit strong:after{content: ''; position: absolute; bottom: -9px; left: 0; width: 100%; height: 20px; background: #e6ea7f; z-index: -1;} .section02 .tit p{font-size: 15px; font-weight: 400; line-height: 1; color:#555555; margin-top: 30px;} .section02 ul{display: flex;} .section02 ul li{width: 440px; height: 223px; margin-right: 40px; box-shadow: 6px 7px 6px rgba(0,0,0,0.1); background: #fff;} .section02 ul li:last-child{margin-right: 0;} .section02 ul li .txt_box{height: 100%; padding: 30px 18px 20px;} .section02 ul li:nth-child(1) .txt_box{background: url('/images/main/sec02_icon01.png')right 20px bottom 18px no-repeat;} .section02 ul li:nth-child(2) .txt_box{background: url('/images/main/sec02_icon02.png')right 20px bottom 18px no-repeat;} .section02 ul li:nth-child(3) .txt_box{background: url('/images/main/sec02_icon03.png')right 20px bottom 18px no-repeat;} .section02 ul li .txt_box strong{position: relative; padding-left: 12px; display: block; font-size: 25px; font-weight: 700; line-height: 1; color:#005f27; margin-bottom: 20px;} .section02 ul li .txt_box strong:before{content: ''; position: absolute; top: 0; left:0; width: 3px; height: 26px; background: #ced600;} .section02 ul li .txt_box p{font-size: 15px; font-weight: 400; line-height: 28px; color:#555555; margin-bottom: 30px;} .section02 ul li .txt_box a{display: block; width: 106px; height: 40px; border: 1px solid #ddd; border-radius: 100px; text-align: center; transition: all .3s;} .section02 ul li .txt_box a span{font-size: 15px; font-weight: 500; line-height: 38px; color:#005f27;} .section02 ul li .txt_box a:hover{display: block; width: 106px; height: 40px; border: 1px solid #005f27; border-radius: 100px; text-align: center; background: #005f27;} .section02 ul li .txt_box a:hover span{font-size: 15px; font-weight: 500; line-height: 38px; color:#fff;} .section03{padding: 80px 0 100px; background: url('/images/main/sec03_bg.jpg')top center no-repeat;} .section03 .inner{display: flex;} .section03 .sec03_con01{width: 680px; margin-right: 40px;} .section03 .sec03_con01 .tit{display: flex; justify-content: space-between; margin-bottom: 20px;} .section03 .sec03_con01 .tit strong{font-family: 'SeoulNamsanJ'; display: block; font-size: 35px; font-weight: 500; line-height: 1; color:#fff;} .section03 .sec03_con01 .tit .sec03_btn{display: flex; cursor: pointer;} .section03 .sec03_con01 .tit .sec03_btn img {width: 50px; height: 50px;} .section03 .sec03_con01 .tit .sec03_btn img.on{display: block;} .section03 .sec03_con01 .tit .sec03_btn img.off{display: none;} .section03 .sec03_con01 .tit .sec03_btn div:hover img.on{display: none;} .section03 .sec03_con01 .tit .sec03_btn div:hover img.off{display: block;} .section03 .sec03_con01 ul{width: clac(100% + 20px);} .section03 .sec03_con01 ul li{position: relative; background: #fff; margin-right: 20px;} .section03 .sec03_con01 ul li a{display: block; position: relative; box-shadow: 6px 7px 6px rgba(0,0,0,0.05);} .section03 .sec03_con01 ul li a:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid transparent; transition: all .3s;} .section03 .sec03_con01 ul li:hover a:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #ced600;} /* .section03 .sec03_con01 ul li.slick-active + li.slick-active a:after{display: none;} */ .section03 .sec03_con01 ul li a .img_wrap{position: relative; width: 100%; height: 0; padding-bottom: 100%;} .section03 .sec03_con01 ul li a .img_wrap img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto ;max-width: 100%; max-height: 100%;} .section03 .sec03_con01 ul li a .txt_box{padding: 20px;} .section03 .sec03_con01 ul li a .txt_box span{display: block;font-size: 15px; font-weight: 400; line-height: 1; color:#005f27; margin-bottom: 12px;} .section03 .sec03_con01 ul li a .txt_box strong{display: block; font-size: 18px; font-weight: 500; line-height: 1; color:#222222; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 20px;} .section03 .sec03_con01 ul li a .txt_box p{display:none; font-size: 15px; font-weight: 400; line-height: 28px; color:#555555; height: 50px; text-overflow: ellipsis; overflow: hidden; /* display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; */margin-bottom: 40px;} .section03 .sec03_con01 ul li a .txt_box em{display: block; font-size: 14px; font-weight: 400; line-height: 1; color:#999999; text-align: right;} .section03 .sec03_con01 ul li a .txt_box em b{font-size: 14px; font-weight: 400; line-height: 1; color:#999999;} .section03 .sec03_con02{width: calc(100% - 720px);} .section03 .sec03_con02 .sec03_wrap{} .section03 .sec03_con02 .sec03_wrap .sec03_top{display: flex; margin-bottom: 21px;} .section03 .sec03_con02 .sec03_wrap .sec03_top ul{display: flex; width: 204px;margin-right: 20px;} .section03 .sec03_con02 .sec03_wrap .sec03_top ul li{width: 100%;} .section03 .sec03_con02 .sec03_wrap .sec03_top ul li a{display: block; position: relative; width: 100%; height:100%; box-shadow: 6px 7px 6px rgba(0,0,0,0.1);} .section03 .sec03_con02 .sec03_wrap .sec03_top ul li a .img_wrap{position: relative; width: 100%; height: 0; padding-bottom: 129.12%; background: #fff;} .section03 .sec03_con02 .sec03_wrap .sec03_top ul li a .img_wrap img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto ;max-width: 100%; max-height: 100%;} .section03 .sec03_con02 .sec03_wrap .sec03_top ul li a .txt_box{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; background: rgba(0,95,39,0.9); text-align: center; opacity: 0; transition: all .3s;} .section03 .sec03_con02 .sec03_wrap .sec03_top ul li:hover a .txt_box{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; background: rgba(0,95,39,0.9); text-align: center; opacity: 1;} .section03 .sec03_con02 .sec03_wrap .sec03_top ul li:hover a .txt_box span{display: block; font-size: 15px; font-weight: 400; line-height: 1; color:#fff; margin-bottom: 10px;} .section03 .sec03_con02 .sec03_wrap .sec03_top ul li:hover a .txt_box strong{width: 100%; display: block; font-size: 20px; font-weight: 700; line-height: 1; color:#fff; margin-bottom: 40px; position: relative;} .section03 .sec03_con02 .sec03_wrap .sec03_top ul li:hover a .txt_box strong:after{content: ''; position: absolute; bottom: -20px; left: 50%; transform: translate(-50%,0); width: 30px; height: 1px; background: #ced600;} .section03 .sec03_con02 .sec03_wrap .sec03_top ul li:hover a .txt_box em{display: block; font-size: 14px; font-weight: 400; line-height: 1; color:#fff;} .section03 .sec03_con02 .sec03_wrap .sec03_top .video_g{width: calc(100% - 224px);} .section03 .sec03_con02 .sec03_wrap .sec03_top .video_g .video_wrap{height: 100%;} .section03 .sec03_con02 .sec03_wrap .sec03_top .video_g .video_wrap video{display: none;} .section03 .sec03_con02 .sec03_wrap .sec03_top .video_g .video_wrap img{} .section03 .sec03_con02 .sec03_wrap .sec03_bot{position: relative; height: 203px; background: #fff url('/images/main/sec03_icon01.png')right bottom no-repeat; padding: 20px;} .section03 .sec03_con02 .sec03_wrap .sec03_bot span{font-family: 'SeoulNamsanJ'; display: block; font-size: 25px; font-weight: 500; line-height: 1; color:#222222; margin-bottom: 10px;} .section03 .sec03_con02 .sec03_wrap .sec03_bot strong{display: block; font-size: 35px; font-weight: 900; line-height: 1; color:#0c9a6a; margin-bottom: 18px;} .section03 .sec03_con02 .sec03_wrap .sec03_bot p{position: relative; padding-left: 95px; margin-bottom: 15px;} .section03 .sec03_con02 .sec03_wrap .sec03_bot p em{position: absolute; top: -5px; left: 0; display: block; width: 80px; height: 25px; border-radius: 100px; font-size: 14px; font-weight: 400; line-height: 25px; color:#fff; text-align: center;} .section03 .sec03_con02 .sec03_wrap .sec03_bot p span{font-size: 16px; font-weight: 400; line-height: 1; color:#555555;} .section03 .sec03_con02 .sec03_wrap .sec03_bot a.sec03_plus{position: absolute; top: 0; right: 0; background: #0c9a6a; width: 50px; height: 50px;} .section04{padding: 20px 0;} .section04 .inner{display: flex;} .section04 .inner .sec04_wrap{width: 180px; margin-right: 30px; display: flex; align-items: center;} .section04 .inner .sec04_wrap span{font-family: 'SeoulNamsanJ'; display: block; font-size: 20px; font-weight: 500; line-height: 1; color:#222222; margin-right: 19px;} .section04 .inner .sec04_wrap .sec04_prev{cursor: pointer;} .section04 .inner .sec04_wrap .sec04_next{cursor: pointer;} .section04 .inner .sec04_slide_wrap{width: calc(100% - 208px);} .section04 .inner .sec04_slide_wrap ul{width: calc(100% + 28px);} .section04 .inner .sec04_slide_wrap ul li{margin-right: 28px; width: 216px; height: 60px;} .section04 .inner .sec04_slide_wrap ul li a{display: block; border: 1px solid #ddd;} .section04 .inner .sec04_slide_wrap ul li a .img_wrap{position: relative; width: 100%; height: 0; padding-bottom: 27.10%;} .section04 .inner .sec04_slide_wrap ul li a .img_wrap img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: auto ;height: auto; max-width: 100%; max-height: 100%;} #footer{padding: 40px 0; border-top: 1px solid #ddd;} #footer .f_top{margin-bottom: 40px;} #footer .f_top .inner{} #footer .f_top .inner ul{display: flex;} #footer .f_top .inner ul li{position: relative; margin-right: 40px;} #footer .f_top .inner ul li:after{content: ''; position: absolute; top: 50%; right: -20px; transform: translate(0,-50%); width: 1px; height: 14px; background: #999999;} #footer .f_top .inner ul li:last-child:after{display: none;} #footer .f_top .inner ul li a{font-size: 15px; font-weight: 500; line-height: 1; color:#222222;} #footer .f_bot{} #footer .f_bot .inner{position: relative; height: 100%;} #footer .f_bot .inner .address{} #footer .f_bot .inner .address p{font-size: 13px; font-weight: 400; line-height: 28px; color:#555555;;} #footer .f_bot .inner .address p span{} #footer .f_bot .inner .address p em{color:#777777} #footer .f_bot .inner .f_logo{position: absolute; bottom: 0; right: 0;} #footer .f_bot .inner .f_logo a{} #footer .f_bot .inner .f_logo a img{} /* ==sub== */ .sub_visual{position: relative; height: 100%;} .sub_visual .sub_tit{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1400px;} .sub_visual .sub_tit span{display: block; font-size: 20px ;font-weight: 400; line-height: 1; color:#fff; margin-bottom: 15px;} .sub_visual .sub_tit strong{font-family: 'SeoulNamsanJ'; font-size: 46px; font-weight: 500; line-height: 1; color:#fff;} .sub_container{padding: 40px 0 100px; min-height: 500px;} .sub_container .side_menu{float: left; width: 260px; margin-right: 60px;} .sub_container .sub_contents{float: left; width: 1080px;} .sub_container .sub_contents .conbody{} .contop{position: relative; padding-top: 20px;} .contop h4{position: relative; font-size: 30px; font-weight: 500; color: #222222; border-bottom: 1px solid #dddddd; height: 48px; line-height: 1; padding-left: 12px; padding-bottom: 20px; margin-bottom: 20px;} .contop h4:before{content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 29px; background: #52a728;} .contop .location{position: absolute; top: 24px; right: 0;} .contop .location ul li{position: relative; float: left; margin-right: 40px; font-size: 16px; font-weight: 400; color: #999999; display: flex; align-items: center;;} .contop .location ul li img{margin-right: 5px;} .contop .location ul li:last-child{margin-right: 0;} .contop .location ul li:after{content: ''; background: url('/images/sub/location_arrow.png') top center no-repeat; width: 9px; height: 16px; position: absolute; top: 7px; right: -24px;} .contop .location ul li:last-child:after{display: none;} .conbody{min-height: 500px;} .side_menu .lnb h2{font-family: 'SeoulNamsanJ'; width: 260px; height: 69px; margin-bottom: 10px; background: #005f27; font-size: 30px; font-weight: 500; border-top-right-radius: 30px; border-top-left-radius: 30px; color: #fff; text-align: center; line-height: 69px;} .side_menu .lnb h3{width: 260px; height: 59px; border: 1px solid #dddddd; margin-top: 10px; background: #fff; transition: all 0.3s;} .side_menu .lnb h3.on{ border: 1px solid #52a728;background:#52a728;} .side_menu .lnb h3 a{position: relative; display: block; height: 100%; padding-left: 20px;} .side_menu .lnb h3 a span{display: flex; justify-content: flex-start; align-items: center; height: 100%; font-size: 18px; font-weight: 500; line-height: 24px; color:#555555; transition: all 0.3s; padding-left: 0;} .side_menu .lnb h3.on span{color:#fff;} .side_menu .lnb h3 a:after{content: ''; background: url('/images/sub/side_arrow.jpg') top center no-repeat; width: 9px; height: 16px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);} .side_menu .lnb h3.on a:after{content: ''; background: url('/images/sub/side_arrow_on.jpg') top center no-repeat; width: 9px; height: 16px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);} .side_menu .lnb > ul{position: static; background: #f5f5f5; padding-left: 20px; border: 1px solid #ddd; border-top: 0 none;} .side_menu .lnb > ul > li {margin-bottom: 38px;} .side_menu .lnb > ul > li:first-child{padding-top: 20px;} .side_menu .lnb > ul > li:last-child{margin-bottom: 0; padding-bottom: 20px;} .side_menu .lnb > ul > li a{position: relative; display: block; font-size: 16px; font-weight: 400; line-height: 1; color: #555555;} .side_menu .lnb > ul > li:hover a{display: block; font-size: 16px; font-weight: 500; line-height: 1; color: #222222;} .side_menu .lnb > ul > li.on a{display: block; font-size: 16px; font-weight: 500; line-height: 1; color: #222222;} .ready img{width: 100%;} .navigation {display: none;} .sub_menu{display: none;} .dep03{display: none;} .dep04{display: none;} .dep04_pc{display: block; margin-bottom: 20px;} .dep04_pc ul{display: flex; align-items: center;} .dep04_pc ul li{width: 255px; height: 50px; border: 1px solid #ddd; text-align: center; margin-right: 20px; border-radius: 100px;} .dep04_pc ul li:last-child{margin-right: 0;} .dep04_pc ul li a{display: block; font-size: 18px; font-weight: 500; line-height: 48px; color:#555555;} .dep04_pc ul li:hover{width: 255px; height: 50px; border: 1px solid #52a728; text-align: center; background: #52a728;} .dep04_pc ul li:hover a{display: block; font-size: 18px; font-weight: 500; line-height: 48px; color:#fff;} .dep04_pc ul li.on{width: 255px; height: 50px; border: 1px solid #52a728; text-align: center; background: #52a728;} .dep04_pc ul li.on a{display: block; font-size: 18px; font-weight: 500; line-height: 48px; color:#fff;} /*history_wrap*/ h5.tit01{background: url("/images/sub/btn_bullet.gif") no-repeat left top; margin-bottom: 10px;font-size: 20px; font-weight: 500; padding-top: 10px; color: #000;} /* h5.tit01:before{position:absolute;content:"";display:inline-block;width:10px;height:10px;border:3px solid #52a728;border-radius:50%;left:0;top:13px;} */ .history_wrap{margin-bottom: 100px;} .history_wrap .tabs_pc{display:block;margin-top:20px;} .history_wrap .tabs_mob{display:none;} .history_wrap .tabs_pc{display:block;height:50px;margin-top:20px;} .history_wrap .tabs_pc a{position:relative;float:left;/* width:18.51%; */width: calc((100% - 10.56%)/9); text-align:center;line-height:50px;color:#222;background:#fff;border:1px solid #ddd;border-radius:10px;font-weight:500;cursor: pointer;margin-right:1.32%;} .history_wrap .tabs_pc a:last-child{margin-right:0;} .history_wrap .tabs_pc a.on{background:#fff;color:#52a728;border:1px solid #52a728;} .history_wrap .content{margin-top:30px;display:none;} .history_wrap .content.on{display:block;} .history_wrap .his h6{float:left;width:10%;font-size:30px;font-weight:600;color:#222; line-height: 1; padding-top: 21px;} .history_wrap .his h6:first-child{padding-top: 0;} .history_wrap .his ul{float:left;width:90%;border-left:1px solid #ddd;padding-left:3.7%;/* border-top:1px solid #333; */ padding-top: 21px} .history_wrap .his ul:nth-child(2){padding-top: 0;} .history_wrap .his li{position:relative;padding-left:50px;font-size:18px;color:#222;margin-bottom:20px;/* border-bottom:1px solid #ddd; */} .history_wrap .his li:last-child{margin-bottom:0;} .history_wrap .his li:before{content:""; width: 15px;height: 15px;background: #fff;display: block; position: absolute; left: -48px; top: 8px; border: 4px solid #52a728; border-radius: 50%;} .history_wrap .his li span{position:absolute;left:0;color:#52a728;/* padding-left:14px; */} .history_wrap .his li em{font-size:15px;color:#555} /* .his li span:before{content:"";position:absolute;display:inline-block;width:4px;height:2px;background:#52a728;left:0;top:13px;} */ /* .history_wrap .his li span:after{content:"";position:absolute;display:inline-block;width:1px;height:14px;background:#bbb;right:20px;top:3px;} */ #sub0101_wrap{/* display: flex; align-items: center; */} #sub0101_wrap .img_g{float:right;width: 100%;} #sub0101_wrap .img_g .img_wrap{} #sub0101_wrap .img_g .img_wrap img{width:100%;} #sub0101_wrap .txt_box{/* padding-left: 32px;width: calc(100% - 531px); */} #sub0101_wrap .txt_box .tit{margin-bottom: 38px;} #sub0101_wrap .txt_box .tit em{display:block;} #sub0101_wrap .txt_box .tit p{font-size: 24px; font-weight: 500;color:#222222;} #sub0101_wrap .txt_box .tit strong{position: relative; font-size: 30px; font-weight: 700; color:#52a728; z-index: 1;} #sub0101_wrap .txt_box .tit strong:after{content: ''; position: absolute; bottom: 1px; left: 0; width: 100%; height: 20px; background: #edf099; z-index: -1;} #sub0101_wrap .txt_box > p{font-size: 18px; font-weight: 400; line-height: 28px; color:#555555; margin-bottom: 25px;word-break:keep-all;} #sub0101_wrap .txt_box span{font-size: 24px; font-weight: 400; line-height: 1; color:#222222} #sub0101_wrap .txt_box span em{font-size: 24px; font-weight: 700; line-height: 1; color:#222222;} .sub0102_tit{margin-bottom: 20px;} .sub0102_tit p{background: url("/images/sub/btn_bullet.gif") no-repeat left top; margin-bottom: 10px;font-size: 20px; font-weight: 500; letter-spacing: -0.5px; padding-top: 10px; color: #000;} /* .sub0102_tit p:before{content: ''; position: absolute; top: 5px; left: 0; width: 10px; height: 10px; border: 3px solid #52a728; border-radius: 100px;} */ #sub0102_wrap{} #sub0102_wrap .sec01{margin-bottom: 40px;} #sub0102_wrap .sec01 ul{padding: 0 20px; border: 1px solid #ddd; border-radius: 15px; box-shadow: 7px 6px 6px rgba(0,0,0,0.1);} #sub0102_wrap .sec01 ul li{text-align: center; height: 73px; border-bottom: 1px dashed #ddd;} #sub0102_wrap .sec01 ul li:last-child{border-bottom: 0 none;} #sub0102_wrap .sec01 ul li span{font-size: 18px; font-weight: 700; line-height: 72px; color:#52a728;} #sub0102_wrap .sec01 ul li p{font-size: 18px; font-weight: 500; line-height: 72px; color:#222222;} #sub0102_wrap .sec02{margin-bottom: 40px;} #sub0102_wrap .sec02 ul{display: flex; justify-content: center;} #sub0102_wrap .sec02 ul li{width: 200px;/* height: 200px; */border-radius: 100px; /* border: 1px solid #bfc600; */ background: #fff; /* display: flex; justify-content: center; align-items :center; */margin-right: 40px;} /* #sub0102_wrap .sec02 ul li:nth-child(2){border: 1px solid #00c6bf;} #sub0102_wrap .sec02 ul li:nth-child(3){border: 1px solid #ffae00;} */ #sub0102_wrap .sec02 ul li:last-child{margin-right: 0;} #sub0102_wrap .sec02 ul li .txt_box{width: 200px; height: auto; background: #bfc600; border-radius: 10px;box-shadow: 7px 6px 6px rgba(0,0,0,0.1);/* display: flex; justify-content: center; align-items :center; flex-wrap: wrap; align-content: center; */text-align: center;padding:10px 20px;margin-top:10px;} #sub0102_wrap .sec02 ul li:nth-child(2) .txt_box{background: #00c6bf;} #sub0102_wrap .sec02 ul li:nth-child(3) .txt_box{background: #ffae00;} #sub0102_wrap .sec02 ul li .txt_box span{display: block; width: 100%; font-size: 25px; font-weight: 700; line-height: 1; color:#fff; margin-bottom: 10px;} #sub0102_wrap .sec02 ul li .txt_box p{font-size: 18px; font-weight: 400; line-height: 28px; color:#fff;} #sub0102_wrap .sec03{} #sub0102_wrap .sec03 ul{display: flex;} #sub0102_wrap .sec03 ul li{width: 255px;/* height: 220px; */margin-right: 20px; border-radius: 15px; border: 1px solid #ddd; text-align: center; box-shadow: 7px 6px 6px rgba(0,0,0,0.1);padding:30px 0;display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap;} #sub0102_wrap .sec03 ul li:last-child{margin-right: 0;} #sub0102_wrap .sec03 ul li .img_g{width:102px;height: 102px; margin-bottom: 10px;} #sub0102_wrap .sec03 ul li:last-child .img_g{padding-top: 10px;} #sub0102_wrap .sec03 ul li .img_wrap{position: relative; width: 100%; height: 0; padding-bottom: 84%;} #sub0102_wrap .sec03 ul li .img_wrap img{position: absolute; top: 0; left: 0; right: 0; bottom: 0 ;margin: auto; width: 100%; height: auto; /* max-width: 100%; max-height: 100%; */} #sub0102_wrap .sec03 ul li p{font-size: 20px; font-weight: 700; line-height: 1; color:#222222; width: 100%;} #sub0102_wrap .sec04{margin-bottom:40px;} #sub0102_wrap .sec04 ul{display: flex;justify-content: center;} #sub0102_wrap .sec04 ul li{width: 255px;margin-right: 20px; border-radius: 15px; border: 1px solid #ddd; text-align: center; box-shadow: 7px 6px 6px rgba(0,0,0,0.1);padding:30px 10px;display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap;} #sub0102_wrap .sec04 ul li:last-child{margin-right: 0;} #sub0102_wrap .sec04 ul li .img_g{width:102px;height: 102px; margin-bottom: 10px;} #sub0102_wrap .sec04 ul li .img_wrap{position: relative; width: 100%; height: 0; padding-bottom: 84%;} #sub0102_wrap .sec04 ul li .img_wrap img{position: absolute; top: 0; left: 0; right: 0; bottom: 0 ;margin: auto; width: 100%; height: auto; } #sub0102_wrap .sec04 ul li p{height:51px;font-size: 15px; font-weight: 500; color:#222; width: 100%;word-break:keep-all;} /* sub02_3_wrap */ #sub0102_3_wrap{} #sub0102_3_wrap .sec01{margin-bottom: 60px;} #sub0102_3_wrap .sec01 .img_wrap{} #sub0102_3_wrap .sec01 .img_wrap img{} #sub0102_3_wrap .sec02{margin-bottom: 60px;} #sub0102_3_wrap .sec02 .sec02_pc{display: block;} #sub0102_3_wrap .sec02 .sec02_mob{display: none;} #sub0102_3_wrap .sec02 span{display: block; text-align: right; font-size: 15px; font-weight: 400; line-height: 1; color:#777777; margin-bottom: 20px;} #sub0102_3_wrap .sec02 table{table-layout: fixed; width: 100%; border-top: 2px solid #4ec68a;} #sub0102_3_wrap .sec02 table tr{ border-bottom: 1px solid #ddd;} #sub0102_3_wrap .sec02 table tr th{border-right: 1px solid #ddd; background: #f5f5f5; font-size: 15px; font-weight: 500; color:#222; height: 52px;} #sub0102_3_wrap .sec02 table tr th:first-child{border-left: 1px solid #ddd;} #sub0102_3_wrap .sec02 table tr th:last-child{background: #ecfbe4;} #sub0102_3_wrap .sec02 table tr td{border-right: 1px solid #ddd; text-align: center; font-size: 15px; font-weight: 500; color:#222; height: 72px;} #sub0102_3_wrap .sec02 table tr td:first-child{border-left: 1px solid #ddd; text-align: center;} #sub0102_3_wrap .sec02 table tr td:last-child{background: #ecfbe4;} #sub0102_3_wrap .sec03 table{table-layout: fixed; width: 100%; border-top: 2px solid #4ec68a;} #sub0102_3_wrap .sec03 table tr{ border-bottom: 1px solid #ddd;} #sub0102_3_wrap .sec03 table td{text-align: center;} #sub0102_3_wrap .sec03 table td:last-child{text-align: left; padding-left: 20px;} #sub0102_3_wrap .sec03 table tr td{border-right: 1px solid #ddd; text-align: center; font-size: 15px; font-weight: 400; color:#222; height: 52px;} /* #sub0102_3_wrap .sec03 table tr td:first-child{border-left: 1px solid #ddd; text-align: center; font-size: 15px; font-weight: 500; color:#222; } */ #sub0102_3_wrap .sec03 table tr td:last-child{color:#555555;} /* sub0103_wrap */ #sub0103_wrap{} #sub0103_wrap .sec01{margin-bottom: 60px;} #sub0103_wrap .sec01 .sub0103_pc{display: none;} #sub0103_wrap .sec01 .sub0103_tab{display: flex;} #sub0103_wrap .sec01 .sub0103_pc table{table-layout: fixed; width:100%;border-top: 2px solid #4ec68a; margin-bottom: 30px;} #sub0103_wrap .sec01 .sub0103_pc table thead{} #sub0103_wrap .sec01 .sub0103_pc table thead tr{background: #f5f5f5; border-bottom: 1px solid #ddd; text-align: center;} #sub0103_wrap .sec01 .sub0103_pc table thead tr th{border-right: 1px solid #ddd; font-size: 18px; font-weight: 500; color:#005f27; height: 52px;} #sub0103_wrap .sec01 .sub0103_pc table thead tr th:first-child{border-left: 1px solid #ddd;} #sub0103_wrap .sec01 .sub0103_tab table{table-layout: fixed; border-top: 2px solid #4ec68a; margin-bottom: 30px;} #sub0103_wrap .sec01 .sub0103_tab table.sub0103_tab_tbl01{width: 58%;margin-right:2%; } #sub0103_wrap .sec01 .sub0103_tab table.sub0103_tab_tbl02{width: 40%; } #sub0103_wrap .sec01 .sub0103_tab table thead{} #sub0103_wrap .sec01 .sub0103_tab table thead tr{background: #f5f5f5; border-bottom: 1px solid #ddd; text-align: center;} #sub0103_wrap .sec01 .sub0103_tab table thead tr th{border-right: 1px solid #ddd; font-size: 18px; font-weight: 500; color:#005f27; height: 52px;} #sub0103_wrap .sec01 .sub0103_tab table thead tr th:first-child{border-left: 1px solid #ddd;} #sub0103_wrap .sec01 .sub0103_tab table tbody{} #sub0103_wrap .sec01 .sub0103_tab table tbody tr{text-align: center;} #sub0103_wrap .sec01 .sub0103_tab table tbody tr td{height: 72px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; color:#777777;} #sub0103_wrap .sec01 .sub0103_tab table tbody tr td:first-child{border-left: 1px solid #ddd;} #sub0103_wrap .sec01 .sub0103_tab table tbody tr td ul{display: flex; padding-left: 40px;} #sub0103_wrap .sec01 .sub0103_tab table tbody tr td ul li{position: relative; padding-left: 16px; font-size: 15px; font-weight: 500; line-height: 1; color:#222222; margin-right: 30px;} #sub0103_wrap .sec01 .sub0103_tab table tbody tr td ul li:last-child{margin-right: 0;} #sub0103_wrap .sec01 .sub0103_tab table tbody tr td ul li:before{content: ''; position: absolute; top: 5px; left: 0; width: 6px; height: 6px; background: #95c11e; border-radius: 100px;} #sub0103_wrap .sec01 .sub0103_pc table tbody{} #sub0103_wrap .sec01 .sub0103_pc table tbody tr{text-align: center;} #sub0103_wrap .sec01 .sub0103_pc table tbody tr td{height: 72px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; color:#777777;} #sub0103_wrap .sec01 .sub0103_pc table tbody tr td:first-child{border-left: 1px solid #ddd;} #sub0103_wrap .sec01 .sub0103_pc table tbody tr td ul{display: flex; padding-left: 40px;} #sub0103_wrap .sec01 .sub0103_pc table tbody tr td ul li{position: relative; padding-left: 16px; font-size: 15px; font-weight: 500; line-height: 1; color:#222222; margin-right: 40px;} #sub0103_wrap .sec01 .sub0103_pc table tbody tr td ul li:last-child{margin-right: 0;} #sub0103_wrap .sec01 .sub0103_pc table tbody tr td ul li:before{content: ''; position: absolute; top: 5px; left: 0; width: 6px; height: 6px; background: #95c11e; border-radius: 100px;} #sub0103_wrap .sec02{} #sub0103_wrap .sec02 .sec02_tab_top{display: block;margin-bottom: 20px;} #sub0103_wrap .sec02 .sec02_tab_top_mob{display: none;} #sub0103_wrap .sec02 .sec02_tab_top ul{display: flex; justify-content: center;} #sub0103_wrap .sec02 .sec02_tab_top ul li{width: 150px; height: 50px; margin-right: 20px; border: 1px solid #ddd; border-radius: 8px; font-size: 15px; font-weight: 500; line-height: 48px; color:#222; text-align: center; cursor: pointer;} #sub0103_wrap .sec02 .sec02_tab_top ul li.on{border: 1px solid #52a728; color:#52a728;} #sub0103_wrap .sec02 .sec02_tab_top ul li:hover{border: 1px solid #52a728;color:#52a728; } #sub0103_wrap .sec02 .sec02_tab_top ul li:last-child{margin-right: 0;} #sub0103_wrap .tab_con{width:92%;margin:0 auto;} #sub0103_wrap .sec02_top_slide{position: relative; margin-bottom: 20px;} #sub0103_wrap .sec02_top_slide ul li{} #sub0103_wrap .sec02_top_slide ul li .img_wrap{position: relative; width: 100%; height: 0; padding-bottom: 52.12%;margin-bottom:50px; background: #fff;} #sub0103_wrap .sec02_top_slide ul li .img_wrap .txt{position: absolute; bottom: -50px;width:100%;height:50px;line-height:50px;text-align:center;color:#222;background:#f5f5f5;z-index:1000;} #sub0103_wrap .sec02_top_slide ul li .img_wrap img{position: absolute; top: 0; left: 0; right:0 ;bottom: 0;margin: auto; width: auto; height: auto ;max-width: 100%; max-height: 100%;} #sub0103_wrap .sec02_top_slide .sec02_prev{position: absolute; top: 50%; left: 0; transform: translate(0,-50%);z-index: 10; cursor: pointer;background:rgba(0,0,0,0.8);} #sub0103_wrap .sec02_top_slide .sec02_next{position: absolute; top: 50%; right: 0; transform: translate(0,-50%); z-index: 10; cursor: pointer;background:rgba(0,0,0,0.8);} #sub0103_wrap .sec02_bot_slide{} #sub0103_wrap .sec02_bot_slide ul li{} #sub0103_wrap .sec02_bot_slide ul li .img_wrap{position: relative; width: 100%; height: 0; padding-bottom: 50.15%;} #sub0103_wrap .sec02_bot_slide ul li .img_wrap img{position: absolute; top: 0; left: 0; right:0 ;bottom: 0;margin: auto; width: auto; height: auto ;max-width: 100%; max-height: 100%;} /* sub0104_wrap */ #sub0104_wrap{} #sub0104_wrap #map{width: 100%; height: 350px; margin-bottom: 20px;} #sub0104_wrap .address_top{display: flex; justify-content: space-between; align-items: center; height: 60px; background: #616161; padding: 0 23px; margin-bottom: 40px;} #sub0104_wrap .address_top p{font-size: 16px; font-weight: 400; line-height: 1; color:#fff;} #sub0104_wrap .address_top p br{display: none;} #sub0104_wrap .address_top ul{display: flex; align-items: center;} #sub0104_wrap .address_top ul li{font-size: 16px; font-weight: 400; line-height: 1; color:#fff; margin-left: 40px;} #sub0104_wrap .address_top ul li img{vertical-align: middle; margin-right: 10px;} #sub0104_wrap .address_bot{} #sub0104_wrap .address_bot .con{display: flex;} #sub0104_wrap .address_bot .con .img_wrap{width: 120px; margin-right: 20px;} #sub0104_wrap .address_bot .con .img_wrap img{} #sub0104_wrap .address_bot .con .con_info{width: 140px; margin-right: 20px; border-top: 2px solid #005f27; padding-top: 20px;} #sub0104_wrap .address_bot .con:last-child .con_info{border-bottom: 1px solid #ddd;} #sub0104_wrap .address_bot .con .con_info em{font-size: 20px; font-weight: 700; line-height: 1; color:#222;} #sub0104_wrap .address_bot .con .con_info em br{display: none;} #sub0104_wrap .address_bot .con ul{width: calc(100% - 300px); border-top: 1px solid #ddd; padding-top: 20px; min-height: 140px;} #sub0104_wrap .address_bot .con:last-child ul{border-bottom: 1px solid #ddd;} #sub0104_wrap .address_bot .con ul li{position: relative; font-size: 16px; font-weight: 400; line-height: 24px; color:#555555; margin-bottom: 8px; padding-left: 19px;} #sub0104_wrap .address_bot .con ul li:before{content: ''; position: absolute; top: 10px; left:0; width: 6px; height: 6px; border-radius: 100px; background: #95c11e;} #sub0104_wrap .address_bot .con ul li span{display: block; width: 60px; height: 26px; border-radius: 3px; background: #747f00; text-align: center; font-size: 16px; font-weight: 400; line-height: 26px; color:#fff; margin-bottom: 10px;;} /* sub0105_wrap */ #sub0105_wrap{} #sub0105_wrap .sec01{ text-align: center; margin-bottom: 60px;} #sub0105_wrap .sec01 strong{display: block; position: relative; font-size: 30px; font-weight: 700; line-height: 1; color:#222; margin-bottom: 10px;/* padding-top: 50px; */ margin-bottom: 10px;} /* #sub0105_wrap .sec01 strong:after{content: ''; position: absolute; top: 0; left:50%; transform: translate(-50%,0); width: 1px; height: 30px; background: #95c11e; margin-bottom: 30px;} */ #sub0105_wrap .sec01 em{display: block; font-size: 20px; font-weight: 700; line-height: 1; color:#52a728; margin-bottom: 25px;} #sub0105_wrap .sec01 p{font-size: 15px; font-weight: 400; line-height: 24px; color:#555555;} #sub0105_wrap .sec02{position: relative; margin-bottom: 60px;} /* #sub0105_wrap .sec02 .sec02_top{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);width: 240px; height: 240px; border-radius: 100%; background: #dcedd4; display: flex; justify-content: center; align-items: center; text-align: center;margin:0 auto;} #sub0105_wrap .sec02 .sec02_top p{background: #52a728; width: 200px; height: 200px; border-radius: 100px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center; font-size: 15px; font-weight: 400; line-height: 24px; color:#fff;} #sub0105_wrap .sec02 .sec02_top p span{font-size: 35px; display: block; width: 100%; margin-bottom: 10px;} #sub0105_wrap .sec02 .sec02_top p br{display: block;} */ #sub0105_wrap .sec02 .sec02_top{display:inline-block;width:100%;text-align:center;} #sub0105_wrap .sec02 .sec02_top img{display:inline-block} #sub0105_wrap .sec02 ul{display: flex; flex-wrap: wrap;} #sub0105_wrap .sec02 ul li{width: 540px; padding: 20px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;} #sub0105_wrap .sec02 ul li:nth-child(2n){border-right: 0 none;} #sub0105_wrap .sec02 ul li:nth-last-child(-n+2){border-bottom: 0 none;} #sub0105_wrap .sec02 ul li:nth-child(2n){text-align: right;} #sub0105_wrap .sec02 ul li strong{display: flex; align-items: center; margin-bottom: 10px;} #sub0105_wrap .sec02 ul li:nth-child(2n) strong{display: flex; justify-content: flex-end; align-items: center; margin-bottom: 10px;} #sub0105_wrap .sec02 ul li strong img{} #sub0105_wrap .sec02 ul li strong em{font-size: 25px; font-weight: 400; line-height: 1; color:#52a728;/* padding-left: 19px; */} #sub0105_wrap .sec02 ul li p{font-size: 15px; font-weight: 400; line-height: 24px; color:#222222; width: 380px;} #sub0105_wrap .sec02 ul li:nth-child(2n) p{margin-left: auto; margin-right: 0; width: 380px;} #sub0105_wrap .sec03{text-align: center;} #sub0105_wrap .sec03 img{} #sub0105_wrap .sec03 a{display: block; margin: 10px auto 0; width: 240px; height: 60px; border-radius: 100px; background: #52a728; box-shadow: 6px 7px 6px rgba(0,0,0,0.1);} #sub0105_wrap .sec03 a span{font-size: 20px; font-weight: 400; line-height: 60px; color:#fff; padding-right: 34px; background: url('/images/sub/sub0105_icon06.png')right center no-repeat;} .sub0105_wrap_new .con01{ text-align: center; margin: 60px 0;} .sub0105_wrap_new .con01 strong{display: block; position: relative; font-size: 30px; font-weight: 700; line-height: 1; color:#222; margin-bottom: 10px;/* padding-top: 50px; */ margin-bottom: 10px;} .sub0105_wrap_new .con01 em{display: block; font-size: 20px; font-weight: 700; line-height: 1; color:#52a728; margin-bottom: 25px;} .sub0105_wrap_new .con01 p{font-size: 15px; font-weight: 400; line-height: 24px; color:#555555;} .sub0105_wrap_new .con02 ul{display:flex;gap:40px; justify-content: center;} .sub0105_wrap_new .con02 ul li{padding:50px 0; width:320px; text-align:center; border:1px solid #ddd; border-radius:20px; box-shadow: 7px 6px 6px rgba(0,0,0,0.1);} .sub0105_wrap_new .con02 ul li strong{display:block; padding:40px 0 20px 0; font-size:18px; color:#005f27; font-weight:500; } .sub0105_wrap_new .con02 ul li:nth-child(2) strong{color:#e6ad31;} .sub0105_wrap_new .con02 ul li p{font-size:15px; color:#222; } .sub0105_wrap_new .con03{margin:60px 0;} .sub0105_wrap_new .con03 ul{display:flex; gap:20px; } .sub0105_wrap_new .con03 ul li{width:calc((100% - 60px)/4); border:1px solid #ddd; text-align:center; } .sub0105_wrap_new .con03 ul li strong{display:block; padding:15px 0; font-size:18px; color:#005f27; font-weight:500; } .sub0105_wrap_new .con03 ul li p{padding:45px; font-size:15px; color:#222; background:#f9f9f9; } .sub0105_wrap_new .con04{text-align: center;} .sub0105_wrap_new .con04 a{display: block; margin: 10px auto 0; width: 240px; height: 60px; border-radius: 100px; background: #52a728; box-shadow: 6px 7px 6px rgba(0,0,0,0.1);} .sub0105_wrap_new .con04 a span{font-size: 20px; font-weight: 400; line-height: 60px; color:#fff; padding-right: 34px; background: url('/images/sub/sub0105_icon06.png')right center no-repeat;} /*sub0202_wrap*/ .sub0202_wrap > ul {display:flex;flex-wrap:wrap;} .sub0202_wrap > ul > li{width:49%;margin-right:2%;border:1px solid #ddd;padding:20px;margin-bottom:20px;} .sub0202_wrap > ul > li:nth-child(2n){margin-right:0;} .sub_tit02{position:relative;display:block;font-size:20px;color:#222;font-weight:700;padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #ddd;} .sub_tit02:before{position:absolute;content:"";display:inline-block;width:50px;height:2px;background:#52a728;bottom:-1px;left:0;} .sub0202_wrap > ul > li p{color:#777;margin-bottom:10px;} .dot_list li{position:relative;color:#222;padding-left:55px; font-size:14px; } .dot_list li:before{position:absolute;content:"";display:inline-block;width:5px;height:5px;background:#52a728;border-radius:50%;left:0;top:9px;} .dot_list li span{position:absolute;left:14px;} /*sub0302_wrap*/ .sub0302_wrap{} .tbl01{width:100%;border:1px solid #ddd;border-top:2px solid #52a728;} .tbl01 th{border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px;background:#f5f5f5;} .tbl01 td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px;} .tbl01 td:first-child{background:#ecfbe4;color:#005f27;font-weight:700;text-align:center;} .tbl01 td.no_bg{background:#fff;color:#7d7d7d;font-weight:400;text-align:left;} .tbl01 td .dot_list li{padding-left:14px;} .tbl01 td .dot_list li .color_g{color:#52a728;} .tbl01 td .dot_list li span{position:static;display:block;font-weight:500;} .sub0201_wrap{} .sub0201_wrap .sec01{position: relative; /* padding-top: 54px; */ text-align: center; margin-bottom: 35px;} /* .sub0201_wrap .sec01:after{content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%,0); width: 1px; height: 30px; background: #95c11e;} */ .sub0201_wrap .sec01 p{width:80%;font-size: 18px; font-weight: 400;color:#555555;margin:0 auto; word-break:keep-all;} .sub0201_wrap .sec02{margin-bottom: 40px;} .sub0201_wrap .sec02 .sec02_list{display: flex; border: 1px solid #ddd;padding: 40px 20px;} .sub0201_wrap .sec02 .sec02_list ul{width: 50%;} .sub0201_wrap .sec02 .sec02_list ul li{position: relative; font-size: 15px; font-weight: 400; line-height: 1; color:#222222; padding-left: 17px; margin-bottom: 26px;} .sub0201_wrap .sec02 .sec02_list ul li:last-child{margin-bottom: 0;} .sub0201_wrap .sec02 .sec02_list ul li:after{content: ''; position: absolute; top: 3px; left:0; width: 6px; height: 6px; border-radius: 100px; background: #95c11e;} .sub0201_wrap .sec03{} .sub0201_wrap .sec03 ul{display: flex; justify-content: center; flex-wrap: wrap;} .sub0201_wrap .sec03 ul:nth-child(2){margin-top: 50px;} .sub0201_wrap .sec03 ul li{position: relative; display: flex;flex-wrap:wrap; justify-content: center; align-items: center; align-content: center; width: 336px; border-radius: 8px; border: 1px solid #ddd; margin-right: 36px; margin-bottom: 40px; text-align: center;padding:20px;} .sub0201_wrap .sec03 ul li:after{content: ''; position: absolute; top: 50%; right: -26px; transform: translate(0,-50%); background: url('/images/sub/sub0201_iconarrow.png')top center no-repeat; width: 16px; height: 18px;} .sub0201_wrap .sec03 ul li:nth-child(3n){margin-right:0;} .sub0201_wrap .sec03 ul li:last-child{margin-right: 0;} .sub0201_wrap .sec03 ul li:last-child:after{display: none;} .sub0201_wrap .sec03 ul li .img{display:block;width:80px;height:80px;margin:0 auto;} .sub0201_wrap .sec03 ul li .img img{width:100%;} .sub0201_wrap .sec03 ul li span{position: absolute; top: 10px; left: 10px; width: 30px; height: 30px; border-radius: 100px; text-align: center; font-size: 14px; font-weight: 700; line-height: 30px; color:#fff;} .sub0201_wrap .sec03 ul li strong{width:100%;font-size: 16px; font-weight: 700; line-height: 30px; color:#222222;margin-bottom:10px;} .sub0201_wrap .sec04 table tr td.img_td {position:relative;padding:20px 10px;padding-left:60px;} .sub0201_wrap .sec04 table tr td.img_td img{position:absolute;width:40px;margin-right:10px;top:10%;left:30px;transform:translateX(-50%);} .sub02_1_list{padding-top: 20px;} .sub02_1_list ul{display: flex; flex-wrap: wrap;} .sub02_1_list ul li{text-align: center; width: 340px; margin-right: 30px; margin-bottom: 60px;} .sub02_1_list ul li:nth-child(3n){margin-right: 0;} /* .sub02_1_list ul li .img_wrap{height:60px;} */ .sub02_1_list ul li .img_wrap img{} .sub02_1_list ul li strong{display: block; position: relative; font-size: 18px; font-weight: 700; line-height: 1; color:#222; margin-top: 20px; margin-bottom: 30px;} .sub02_1_list ul li strong:before{content: ''; position: absolute; bottom: -15px; left: 50%; transform: translate(-50%,0); width: 30px; height: 2px; background: #52a728;} .sub02_1_list ul li p{font-size: 15px; font-weight: 400; line-height: 24px; color:#222;word-break:keep-all;} .sub02_1_list04{padding-top: 20px;} .sub02_1_list04 ul{width:80%;display: flex; flex-wrap: wrap;margin:0 auto;} .sub02_1_list04 ul li{text-align: center; width: 340px; margin-right: 30px; margin-bottom: 60px;} .sub02_1_list04 ul li:nth-child(3n){margin-right: 0;} .sub02_1_list04.sub02_1_list04_2 ul{width:100%;display: flex; flex-wrap: wrap;margin:0 auto;} .sub02_1_list04.sub02_1_list04_2 li:nth-child(2n){margin-right: 0;} .sub02_1_list04.sub02_1_list04_2 li:nth-child(3n){margin-right: 30px;} .sub02_1_list04 ul li .img_wrap{} .sub02_1_list04 ul li .img_wrap img{} .sub02_1_list04 ul li strong{display: block; position: relative; font-size: 18px; font-weight: 700; line-height: 1; color:#222; margin-top: 20px; margin-bottom: 30px;} .sub02_1_list04 ul li strong:before{content: ''; position: absolute; bottom: -15px; left: 50%; transform: translate(-50%,0); width: 30px; height: 2px; background: #52a728;} .sub02_1_list04 ul li p{font-size: 15px; font-weight: 400; line-height: 24px; color:#222;} .sub0304_wrap .sec01{margin-bottom: 60px;} .sub0304_wrap .sec01 ul{display: flex; justify-content: center;} .sub0304_wrap .sec01 ul li{width: 280px; margin-right: 20px; text-align: center; border-radius: 8px; padding: 40px 34px;} .sub0304_wrap .sec01 ul li:nth-child(1){background: #92dcdd;} .sub0304_wrap .sec01 ul li:nth-child(2){background: #92ddb7;} .sub0304_wrap .sec01 ul li:nth-child(3){background: #f1d588;} .sub0304_wrap .sec01 ul li:last-child{margin-right: 0;} .sub0304_wrap .sec01 ul li .img_wrap{margin-bottom: 22px;} .sub0304_wrap .sec01 ul li .img_wrap img{} .sub0304_wrap .sec01 ul li strong{display: block; font-size: 20px; font-weight: 400; line-height: 1; color:#fff; margin-bottom: 18px;} .sub0304_wrap .sec01 ul li p{font-size: 16px; font-weight: 400; line-height: 24px; color:#fff; margin-bottom: 28px; height: 70px;} .sub0304_wrap .sec01 ul li a{display: block; margin: 0 auto; width: 150px; height: 50px; border: 2px solid #fff; border-radius: 100px; text-align: center;} .sub0304_wrap .sec01 ul li a span{font-size: 16px; font-weight: 400; line-height: 46px; color:#fff;} .sub0304_wrap .sec02{} .sub0304_wrap .sec02 ul{display: flex; flex-wrap: wrap;} .sub0304_wrap .sec02 ul li{width: 336px; margin-right: 36px; border: 1px solid #ddd; margin-bottom: 20px; border-top: 2px solid #52a728;} .sub0304_wrap .sec02 ul li:nth-child(3n){margin-right: 0;} .sub0304_wrap .sec02 ul li .img_wrap{position: relative; width: 100%; height: 0; padding-bottom: 65.56%;} .sub0304_wrap .sec02 ul li .img_wrap img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: auto ;height: auto ; max-width: 100%; max-height: 100%;} .sub0304_wrap .sec02 ul li .txt{padding: 16px 10px;} .sub0304_wrap .sec02 ul li .txt strong{display: block; font-size: 18px; font-weight: 700; line-height: 1; color:#222; margin-bottom: 15px;} .sub0304_wrap .sec02 ul li .txt p{font-size: 15px; font-weight: 400; line-height: 24px; color:#222;} .sub0304_wrap .sec03{margin-top:40px;} .sub0304_wrap .sec03 .btn01{position:relative;display:inline-block;margin-top:10px;padding:2px 10px;padding-right:27px;background:#f5f5f5;border:1px solid #ddd;color:#777;} .sub0304_wrap .sec03 .btn01:after{position:absolute;content:"";display:inline-block;width:12px;height:14px;background:url("/images/sub/arrow_gr.png")no-repeat center top;top:7px;right:10px;} .sub0304_wrap .layer_wrap{position: fixed; display: none; background-color:rgba(0,0,0,0.5); left: 0; top:0; width: 100%; height:100%; z-index:10000;} .sub0304_wrap .layer {position: relative; width: 100%; height: 100%;} .sub0304_wrap .layer_position{position: absolute; left: 0; top: 0; bottom:0; right: 0; margin: auto; width: 60%; height: 80%; } .sub0304_wrap .layer_con{position: relative; width: 100%; height: 100%; background-color:#FFF; padding:20px 40px;overflow:auto;} .sub0304_wrap .layer_con em{display:block;color:#222;margin-top:20px;border-bottom:2px solid #edf099;} .sub0304_wrap .layer_con .txt_box{border:1px solid #ddd;padding:30px 20px;} .sub0304_wrap .layer_con .txt_box p{font-size:18px;color:#222;text-align:center;} .sub0304_wrap .layer_con .ly_sec01 > ul > li{display:table;border-bottom:1px solid #ddd;} .sub0304_wrap .layer_con .ly_sec01 > ul > li .img_wrap{display:table-cell;width:15%;padding:10px 0;} .sub0304_wrap .layer_con .ly_sec01 > ul > li .txt{display:table-cell;width:83%;padding:10px 0;padding-left:20px;} .sub0304_wrap .layer_con .ly_sec01 > ul > li .txt .dot_list li{padding-left: 14px;} .sub0304_wrap .layer_close{position: absolute; right: 0px; top: -40px; color:#fff;} .sub0304_2_wrap{} .sub0304_2_wrap .sec01{margin-bottom: 38px;} .sub0304_2_wrap .sec01 strong{display: block; font-size: 25px; font-weight: 500; line-height: 1; color:#222;} .sub0304_2_wrap .sec01 p{font-size: 16px; font-weight: 400; line-height: 28px; color:#555555;} .sub0304_2_wrap .sec01 p em{font-size: 16px; font-weight: 500; line-height: 1; color:#52a728;} .sub0304_2_wrap .sec02{margin-bottom: 38px;} .sub0304_2_wrap .sec02 > p{font-size: 16px; font-weight: 400; line-height: 28px; color:#555555;} .sub0304_2_wrap .sec03{margin-bottom: 38px;} .sub0304_2_wrap .sec03 > p{font-size: 16px; font-weight: 400; line-height: 1; color:#555555; margin-bottom: 30px;} .sub0304_2_wrap .sec03 ul{position: relative; } .sub0304_2_wrap .sec03 ul:before{content: ''; position: absolute; top: -20px; left:0; width: 50px; height: 2px; background: #52a728;} .sub0304_2_wrap .sec03 ul li{font-size: 16px; font-weight: 400; line-height: 1; color:#222; margin-bottom: 12px;} .sub0304_2_wrap .sec03 ul li:last-child{margin-bottom: 0;} .sub0304_2_wrap .sec03 ul li:first-child{color:#52a728;} .sub0304_2_wrap .sec04{} .sub0304_2_wrap .sec04 .sec04_g{display: flex;} .sub0304_2_wrap .sec04 ul{display: flex;} .sub0304_2_wrap .sec04 ul:first-child{margin-right: 40px;} .sub0304_2_wrap .sec04 ul li{position: relative; width: 240px; margin-right: 40px; text-align: center; padding: 40px 0; border: 1px solid #ddd; border-radius: 8px;} .sub0304_2_wrap .sec04 ul li:last-child{margin-right: 0;} .sub0304_2_wrap .sec04 ul li:after{content: ''; position: absolute; top: 50%; right: -30px; transform: translate(0,-50%); background: url('/images/sub/sub0304_2_arrow.png')top center no-repeat; width: 17px; height: 29px;} .sub0304_2_wrap .sec04 ul:last-child li:last-child:after{display: none;} .sub0304_2_wrap .sec04 ul li .img_wrap{margin-bottom: 20px;} .sub0304_2_wrap .sec04 ul li .img_wrap img{} .sub0304_2_wrap .sec04 ul li .txt{} .sub0304_2_wrap .sec04 ul li .txt strong{display: block; font-size: 20px; font-weight: 500; line-height: 1; color:#222; margin-bottom: 18px;} .sub0304_2_wrap .sec04 ul li .txt p{font-size: 15px; font-weight: 400; line-height: 24px; color:#555555; margin-bottom: 25px;} .sub0304_2_wrap .sec04 ul li .txt a{display: block; margin: 0 auto; width: 150px; height: 40px; border: 1px solid #52a728; border-radius: 100px; text-align: center;} .sub0304_2_wrap .sec04 ul li .txt a span{font-size: 15px; font-weight: 500; line-height: 38px; color:#52a728;} /*sub0303_view*/ .sub0303_wrap .left_05_view{float:left; width:51.25%;margin-right:4.16%;} .sub0303_wrap .left_05_view .img_wrap{position: relative;width: 100%; height: 0;padding-bottom:81.95%;background-color: #f7f7f7; overflow: hidden;} .sub0303_wrap .left_05_view .img_wrap img{position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%);width: auto; height: auto; max-width: 100%; max-height: 100%;} .sub0303_wrap .li_dot{width:100%; padding:25px 30px;background:#f7f7f7;margin-top:35px;} .sub0303_wrap .li_dot li{position:relative; padding-left:85px; color:#888;margin-top:5px;font-size:15px;} .sub0303_wrap .li_dot li:nth-child(1){margin-top:0;} .sub0303_wrap .li_dot li span{color: #222;font-weight: 500;position:absolute;left: 8px;} .sub0303_wrap .li_dot li span:before{position:absolute; left: -8px;background:#304d6b;content:'';width:3px; height:3px;top: 12px; } .sub0303_wrap .tbl_calender_wrap{overflow:hidden;float:left; width:calc(100% - 55.41%);} .sub0303_wrap .tbl_calender{width:100%; border:1px #ddd solid; border-left:none; border-right:none; } .sub0303_wrap .tbl_calender th{height:49px; font-weight:bold;color:#222; background:#f7f7f7;text-align:center; font-size:15px; padding:17px; border-bottom:1px solid #fff;font-weight:500; } .sub0303_wrap .tbl_calender th.month {font-size:24px; height:65px;} .sub0303_wrap .tbl_calender th.month span{font-size:12px;} .sub0303_wrap .tbl_calender td{ font-size:15px; line-height:18px; border-top:1px solid #ddd; color:#222; padding:16px; word-break:keep-all; text-align:center; cursor: pointer;} .sub0303_wrap .tbl_calender .top_sun { color:red;} .sub0303_wrap .tbl_calender .top_sat { color:blue;} .sub0303_wrap .tbl_calender td.none_day{background:#dedede;font-weight:500;text-align:center; vertical-align:middle;} .sub0303_wrap .tbl_calender td.on_day{text-align:center; vertical-align:middle; background:#fff3c4;font-weight:500; } .sub0303_wrap .tbl_calender td.onday{/* display:block; margin:0 auto;line-height:24px; */text-align:center; background:#52a728; color:#ffffff; font-weight:500;} .sub0303_wrap .tbl_type5{width: 100%;border-top: 2px solid #52a728; border-left: 1px solid #ddd;} .sub0303_wrap .tbl_type5 th{border-bottom: 1px solid #ddd;border-left: 1px solid #ddd; border-right: 1px solid #ddd; background: #f7f7f7;font-size: 15px; color: #222; font-weight: 500; padding: 10px;} .sub0303_wrap .tbl_type5 td{ cursor: pointer;padding: 10px;border-right: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;background: #fff; text-align: center; font-size: 0;} .sub0303_wrap .color_dot{margin:28px 0 15px;font-size:0;} .sub0303_wrap .color_dot li{font-size:16px; color:#222;float:left;margin-right:10px;line-height: 1;} .sub0303_wrap .color_dot li:last-child{margin-right:0;} .sub0303_wrap .color_dot li span{width:13px; height:13px;display: inline-block;margin-right:5px;} .sub0303_wrap .today_span{background:#fff3c4} .sub0303_wrap .sel_span{background:#52a728} .sub0303_wrap .none_span{background:#DEDEDE;} .sub0303_wrap .today_span3{background:#fff;border:2px solid #52a728} .sub0303_wrap .today_span2 span{background:#fff;border:2px solid #52a728;width:25px; height:25px;display: inline-block;} .sub0303_wrap .today_span2 span.on{background:url("/images/sub/cheak_on.png")no-repeat;width:25px; height:25px;display: inline-block;background-size:cover; border: 0;} .sub0303_wrap .sel_span2 span{background:#263e58;width:25px; height:25px;display: inline-block;} .sub0303_wrap .none_span2 span{background:#DEDEDE;width:25px; height:25px;display: inline-block;} .sub0303_wrap .mt0{margin-top: 0 !important;} .sub0303_wrap .amount {width: 100%; height: 40px;text-align: center; font-size: 0; border: 1px solid #ddd; position: relative; overflow: hidden;} .sub0303_wrap .amount span{display: inline-block; width: 100%; height: 40px; font-size: 16px; color: #222; line-height: 40px;} .sub0303_wrap .amount a {display: inline-block; width: 40px; height: 40px; background-color: #f7f7f7;font-size: 16px;line-height:38px;color: #222; position: absolute;} .sub0303_wrap .btn_bottom{width:100%; height: 40px; background:#52a728;text-align:center; line-height:40px; margin-top: 10px;border-radius:50px;} .sub0303_wrap .btn_bottom a{display:block; color:#fff; font-size:16px;} .sub0303_wrap #smart_editor2{ width: 100%;min-width: 170px !important;} .sub0303_wrap .p_text{color:#222;font-size:16px; position:relative;margin: 28px 0 15px;line-height:1;padding-left: 6px;font-weight:500;} .sub0303_wrap .p_text:before{ position: absolute;left: 0px;background: #304d6b; content: ''; width: 3px;height: 3px;top: 8px;} .sub0303_wrap .amount input{text-align: center;outline: 0; border: 0; line-height: 40px; font-size: 16px; color: #222; } .sub0303_wrap .agreements li{font-size:0} .sub0303_wrap .agreements li span{font-size:15px;margin:0 1%; vertical-align: -8px;} .sub0303_wrap .agreements .input_width{width:100%;border: 1px solid #ddd; outline: 0; padding: 5px 10px;margin-top:10px;height:40px;} .sub0303_wrap .agreements .input_width3{width: 31.2%;} .sub0303_wrap .agreements .agreement{ margin-top: 10px;color:#555;font-size:15px;} .sub0303_wrap .agreements p{color:#ff0000;margin-top:20px;font-size:15px;} /* sub0306_wrap */ .sub0306_wrap{} .sub0306_wrap .sec01{position: relative;/* padding-top: 54px; */ text-align: center; margin-bottom: 35px;} /* .sub0306_wrap .sec01:after{content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%,0); width: 1px; height: 30px; background: #95c11e;} */ .sub0306_wrap .sec01 p{font-size: 18px; font-weight: 400; line-height: 1; color:#555555;} .sub0306_wrap .sec02{margin-bottom: 40px;} .sub0306_wrap .sec02 strong{display: block; font-size: 15px; font-weight: 400;line-height: 1; color:#222222; padding-bottom:15px;} .sub0306_wrap .sec03{margin-bottom: 40px;} .sub0306_wrap .sec03 .sec03_g{display: flex;} .sub0306_wrap .sec03 ul{display: flex;} .sub0306_wrap .sec03 ul:first-child{margin-right: 40px;} .sub0306_wrap .sec03 ul li{position: relative; width: 184px; margin-right: 40px; text-align: center; padding:20px 10px; border: 1px solid #ddd; border-radius: 8px;} .sub0306_wrap .sec03 ul li:last-child{margin-right: 0;} .sub0306_wrap .sec03 ul li:after{content: ''; position: absolute; top: 50%; right: -30px; transform: translate(0,-50%); background: url('/images/sub/sub0304_2_arrow.png')top center no-repeat; width: 17px; height: 29px;} .sub0306_wrap .sec03 ul:last-child li:last-child:after{display: none;} .sub0306_wrap .sec03 ul li .img{margin-bottom:10px;} .sub0306_wrap .sec03 ul li strong{display: block; font-size: 20px; font-weight: 500;color:#222222;word-break:keep-all;} .sub0306_wrap .sec03 ul li em{display: block; font-size: 15px; font-weight: 400;color:#52a728; margin: 5px 0;} .sub0306_wrap .sec03 ul li p{color:#555;word-break:keep-all;} .sub0306_wrap .sec03 ul li a{display: block; width: 100%; height: 40px; border: 1px solid #52a728; border-radius: 100px; text-align: center;} .sub0306_wrap .sec03 ul li a span{font-size: 15px; font-weight: 500; line-height: 38px; color:#52a728;} .sub0306_wrap .sec04 table{table-layout: fixed; width: 50%; border-top: 2px solid #52a728; border: 1px solid #ddd;} .sub0306_wrap .sec04 table tr{border-bottom: 1px solid #ddd;} .sub0306_wrap .sec04 table tr:last-child{border-bottom: 0 none;} .sub0306_wrap .sec04 table tr th{height: 56px;background: #f5f5f5; font-size: 15px; font-weight: 500; line-height: 1; color:#222; text-align: center;} .sub0306_wrap .sec04 table tr td{font-size: 15px; font-weight: 400; color:#555555; text-align: left; padding-left: 20px;} .sub0306_wrap .sec03 ul li .txt35{margin-top:35px;} .sub0306_wrap .sec03 ul li .txt50{margin-top:50px;} /*apply_confirm*/ .apply_confirm .tbl_type3:nth-of-type(1){margin-top: 0;} .apply_confirm .tbl_type3 {margin-top: 50px; width:100%; border-top:2px solid #52a728; border-left:1px solid #ddd; } .apply_confirm .tbl_type3 td div{margin-bottom: 10px;min-height: 30px;} .apply_confirm .tbl_type3 td div:last-child{margin-bottom: 0;} .apply_confirm .tbl_type3 th.bg{background: #f7f7f7;} .apply_confirm .tbl_type3 th{height:60px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; background:#f7f7f7; color:#222; font-weight:500;} .apply_confirm .tbl_type3 td {padding: 10px; padding-left: 10px; height:50px; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; text-align: center; color:#888;word-break: keep-all;} .apply_confirm .tbl_type3 .color01{color:#fff;background:#333;width:70px; height:30px; line-height:30px; display:inline-block;border-radius:15px;font-size:13px;} .apply_confirm .tbl_type3 .color02{color:#fff;background:#000;width:60px; height:20px; line-height:20px; display:block;margin: 0 auto; margin-bottom:5px;font-size:11px;} .apply_confirm .tbl_type3 .color03{color:#222;background:#DEDEDE;width:70px; height:30px; line-height:30px; display:block;font-size:12px;margin: 0 auto;} .apply_confirm .tbl_type3 .color04{color:#fff;background:#52a728;width:70px; height:30px; line-height:30px; display:inline-block;border-radius:15px;font-size:13px;} .apply_confirm .tbl_pct{display:table;} .apply_confirm .tbl_mob{display:none;} /*sub0301_wrap*/ .sub0301_wrap .option_wrap{background:#f5f5f5;padding:40px 20px;border-radius:20px;} .sub0301_wrap .option_wrap > ul{display:flex;} .sub0301_wrap .option_wrap > ul > li{width:32%;margin-right:2%;} .sub0301_wrap .option_wrap > ul > li:first-child{width:25%;} .sub0301_wrap .option_wrap > ul > li:nth-child(2){width:39%;} .sub0301_wrap .option_wrap > ul > li:last-child{width:32%;margin-right:0;} .sub0301_wrap .option_wrap > ul > li em{display:block;font-weight:18px;font-weight:500;color:#222;margin-bottom:5px;} .sub0301_wrap .option_wrap > ul > li input{width:100%;border:1px solid #ddd;padding:5px 10px;} .sub0301_wrap .option_wrap ul > li ul.week_search{display:flex;} .sub0301_wrap .option_wrap ul > li ul.week_search li{width:14.28%;} .sub0301_wrap .option_wrap ul > li ul.Target_search{display:flex;} .sub0301_wrap .option_wrap ul > li ul.Target_search li{width:25%;} .sub0301_wrap .option_wrap ul > li ul li{border:1px solid #ddd;background:#fff;margin-right:0;text-align:center;padding:5px 10px;} .sub0301_wrap .option_wrap ul > li ul li.on{border:1px solid #ddd;background:#999;color:#fff;margin-right:0;text-align:center;padding:5px 10px;} .sub0301_wrap .option_wrap .btn_wrap{text-align:center;margin-top:20px;} .sub0301_wrap .option_wrap .btn_wrap a{display:inline-block;width:150px;height:40px;line-height:40px;background:#52a728;color:#fff;} .sub0301_wrap .sec01 .tabs{display:block;height:50px;margin-top:20px;} .sub0301_wrap .sec01 .tabs li{position:relative;float:left;line-height:50px;color:#222;font-weight:400;cursor: pointer;padding:0 10px;} .sub0301_wrap .sec01 .tabs li.on{color:#52a728;font-weight:600;} .sub0301_wrap .sec01 .tabs li:after{position:absolute;content:"";display:inline-block;width:1px;height:18px;background-color:#999;right:0;margin-top:15px;} .sub0301_wrap .sec01 .content{margin-top:20px;} .sub0301_wrap .sec01 .tbl01.tbl_pc{display:table;} .sub0301_wrap .sec01 .tbl01.tbl_mob{display:none;} .sub0301_wrap .sec01 .tbl01 td{text-align:center;color:#222;} .sub0301_wrap .sec01 .tbl01 td a{color:#222;} .sub0301_wrap .sec01 .tbl01 td:first-child{background:none;color:#222;font-weight:400;} .sub0301_wrap .sec01 .tbl01 .accept01{display:block;padding:0 5px;background:#ecfbe4;color: #005f27;font-weight:500;border:1px solid #005f27;border-radius:5px;} .sub0301_wrap .sec01 .tbl01 .accept02{display:block;padding:0 5px;background:#005f27;color: #fff;font-weight:500;border:1px solid #005f27;border-radius:5px;} .sub0301_wrap .sec01 .tbl01 .accept03{display:block;padding:0 5px;background:#52a728;color: #fff;font-weight:500;border:1px solid #52a728;border-radius:5px;} .sub0301_wrap .sec01 .tbl01 .view_btn{display:block;padding: 0 5px;background:#333;color: #fff;font-weight:500;border:1px solid #333;border-radius:5px;} /* sub02_view */ .sub0301_view_wrap .tit {width:100%;border-bottom:2px solid #52a728; position:relative; min-height:110px; margin-bottom:20px;background:#f5f5f5;padding:40px 20px;} .sub0301_view_wrap .tit h4 {width:100%; font-size:25px; line-height:1; margin-bottom:15px; font-weight:600; color:#222;} .sub0301_view_wrap .tit > ul {width:80%; font-size:0;} .sub0301_view_wrap .tit > ul > li {display:inline-block; margin-right:15px; padding-right:15px; position:relative; font-size:15px; color:#666; font-weight:400;margin-bottom:10px;} .sub0301_view_wrap .tit > ul > li::before {width:1px; height:10px; background:#ccc; content:''; position:absolute; right:0; top:7px;} .sub0301_view_wrap .tit > ul > li:last-child {margin-right:0; padding-right:0;} .sub0301_view_wrap .tit > ul > li:last-child::before {display:none;} .sub0301_view_wrap .tit > ul > li span {font-weight:500; margin-right:5px;} .sub0301_view_wrap .con {padding-bottom:20px; border-bottom:1px solid #eaeaea;} .sub0301_view_wrap .tit .statu { position:absolute; right:20px; bottom:40px; width:150px;} .sub0301_view_wrap .tit .statu span {display:inline-block; width:100%; height:40px; color:#fff; font-size:15px; font-weight:500; text-align:center; line-height:40px; border-radius:10px;} .sub0301_view_wrap .tit .statu .statu01 {background:#52a728;} .sub0301_view_wrap .accept01{display:inline-block;padding:0 5px;background:#ecfbe4;color: #005f27;font-weight:500;border:1px solid #005f27;border-radius:5px;} .sub0301_view_wrap .accept02{display:inline-block;padding:0 5px;background:#005f27;color: #fff;font-weight:500;border:1px solid #005f27;border-radius:5px;} .sub0301_view_wrap .accept03{display:inline-block;padding:0 5px;background:#52a728;color: #fff;font-weight:500;border:1px solid #52a728;border-radius:5px;} .sub0301_view_wrap .view_btn{display:inline-block;padding: 0 5px;background:#333;color: #fff;font-weight:500;border:1px solid #333;border-radius:5px;} .sub0301_view_wrap .btns {display:inline-block;width:100%;text-align:center;margin-top:20px;} .sub0301_view_wrap .btns div {display:inline-block; width:120px;height:40px; margin-right:10px; text-align:center; line-height:40px;border-radius:5px;} .sub0301_view_wrap .btns div a {color:#fff; display:block; width:100%; height:100%;} .sub0301_view_wrap .btns div:nth-child(1) {border:1px solid #999;} .sub0301_view_wrap .btns div:nth-child(1) a {color:#666;} .sub0301_view_wrap .btns div:nth-child(2) {background:#005f27;} .sub0301_view_wrap .btns div:last-child {margin-right:0;} /*sub0302_2_view_wrap*/ .sub0302_2_view_wrap .sec01{display:flex;} .sub0302_2_view_wrap .img {position: relative; width: 40%;height: 0;/*padding-bottom: 40%;*/padding-bottom:38.519%;/* background:#f5f5f5; */border:1px solid #ddd;} .sub0302_2_view_wrap .img img { position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto;max-width: 100%; max-height: 100%;} .sub0302_2_view_wrap .txt{width:60%;margin-left:40px;padding-top:40px;border-top:2px solid #52a728;border-bottom:1px solid #ddd;} .sub0302_2_view_wrap .txt h6{display:block;font-size:25px;font-weight:600;color:#222;margin-bottom:10px;border-bottom:1px solid #ddd;} .sub0302_2_view_wrap .txt .dot_list li{padding-left:14px;} .sub0302_2_view_wrap .txt .dot_list li div{margin-top:5px;border:1px solid #ddd;border-radius:10px;padding:10px;} .sub0302_2_view_wrap .btn_wrap{text-align:center;margin-top:30px;} .sub0302_2_view_wrap .btn_wrap a{display:inline-block;width:120px;height:40px;line-height:40px;border:1px solid #999;color:#555;border-radius:10px;} /*sub0301_form_wrap*/ .sub0301_form_wrap .sec01{margin-bottom:40px;} .sub0301_form_wrap .sec02 table td{text-align:center;} .sub0301_form_wrap .sec02 .amount {width: 100%; height: 40px;text-align: center; font-size: 0; border: 1px solid #ddd; position: relative; overflow: hidden;} .sub0301_form_wrap .sec02 .amount span{display: inline-block; width: 100%; height: 40px; font-size: 16px; color: #222; line-height: 40px;} .sub0301_form_wrap .sec02 .amount a {display: inline-block; width: 40px; height: 40px; background-color: #f7f7f7;font-size: 16px;line-height:38px;color: #222; position: absolute;} .sub0301_form_wrap .sec02 .amount input{text-align: center;outline: 0; border: 0; line-height: 40px; font-size: 16px; color: #222;} .sub0301_form_wrap .sec02 input[type=checkbox] {margin-right:5px;} .sub0301_form_wrap .sec02 .txt_input{width:100%;border:1px solid #ddd;padding:3px 10px; } .sub0301_form_wrap .sec02 .txt_input::placeholder{font-size:14px;font-weight:400;color:#999;} .sub0301_form_wrap .sec02 textarea{width:100%;min-height:150px;border:1px solid #ddd;padding:10px;} .sub0301_form_wrap .sec02 textarea::placeholder{font-size:14px;font-weight:400;color:#999;} .sub0301_form_wrap .btns {display:inline-block;width:100%;text-align:center;margin-top:20px;} .sub0301_form_wrap .btns div {display:inline-block; width:120px;height:40px;text-align:center; line-height:40px;border-radius:5px;background:#005f27;} .sub0301_form_wrap .btns div a {color:#fff; display:block; width:100%; height:100%;} .sub0301_form_wrap .agree_wrap{background: #f5f5f5; padding: 30px; margin-top: 30px;} .sub0301_form_wrap .agree_wrap strong.tit{font-size: 18px; color: #222; display: block; margin-bottom: 20px;} .sub0301_form_wrap .agree_wrap p{font-size: 15px; color: #444; margin-bottom: 15px;} .sub0301_form_wrap .agree_wrap ul{margin-bottom: 10px;} .sub0301_form_wrap .agree_wrap ul li{margin-bottom: 5px; color: #777;} .sub0301_form_wrap .agree_wrap .agree_input{display: flex; gap:15px; border-top: 1px solid #ddd; padding-top: 15px; color: #777;} .sub0301_form_wrap .agree_wrap .agree_input input{margin-right: 5px; vertical-align: middle;}