@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); /* notosansKR 웹폰트 */
@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');}


*{margin:0; padding:0; color:#606060; list-style: none; text-decoration: none; border:none; box-sizing: border-box; font-family:"Noto Sans KR", sans-serif, "Nanum Gothic", NBG, NanumBarunGothic, 나눔바른고딕, "Malgun Gothic", 맑은고딕; font-size: 15px; font-weight: normal; letter-spacing: -0.5px;}
html{height: 100%; background-color:#f1f1f1; word-break: keep-all;}
body{width:100%; height: 100%; position:relative; color:#ebebf0;}
li{list-style: none;}
table{border-spacing: 0;}
input[type="text"], input[type="password"], textarea, select{background-color:#fff; border:1px solid #C9C9C9; color:#696969; border-radius: 5px;}
input[type="password"], .font_change{font-family: "Nanum Gothic" !important;}
textarea{resize: none;}

.cro_mov{display: block; width: 40px; height: 40px; line-height:35px; text-align: center; color:#000; border:1px solid #000; font-size: 22px; cursor: pointer;}
.cro_mov:hover{background-color: #000; color:#fff; transition-duration: 0.5s;}

.jsl_btn{display: block; width:130px; height: 40px; line-height: 37.5px; text-align: center; border:1px solid #ccc; border-radius:5px; cursor: pointer;}
.btn_whi{background-color:#fff;}
.btn_whi:hover{background-color:#f5f5f5; transition-duration: 0.5s;}
.btn_gra{background-color:#e5e5e5;}
.btn_gra:hover{background-color:#D0D0D0; transition-duration: 0.5s;}
.btn_blu{background-color:#2794e1; color:#fff; border:1px solid #2794e1;}
.btn_blu:hover{background-color:#1373B7; transition-duration: 0.5s; color:#fff;}

.dropbtn {width:200px; background-color: #fff; color: #000; padding: 7.5px 10px; font-size: 14px; border: 1px solid #ccc; cursor: pointer; text-align: left; border-radius: 5px; position: relative;}
.dropbtn > span{position: absolute; right:10px; top:10px; font-size:10px;}
.dropbtn:hover, .dropbtn:focus {background-color: #f1f1f1;}
.dropdown {position: relative; display: inline-block;}
.dropdown-content {display: none; position: absolute; background-color: #f9f9f9; width:200px; box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2); z-index: 9;}
.dropdown-content a {color: #000; padding: 7.5px; font-size: 14px; display: block;}
.dropdown-content a:hover {background-color: #f1f1f1}
.show {display:block;}









/* */



.jsl_title,
.jsl_title span{font-size: 26px; font-weight: 600; color:#000;}
.jsl_title span{font-size:22px; font-weight: 400;}

div.jsl_wrap{width: 100%; height: 100%; min-height: 100%;}
.jsl_visual{width: 100%; height: 510px; overflow: hidden; position: relative;}
.jsl_visual .jsl_visual_bn{width: 100%; height: 100%;}
.jsl_visual > .jsl_visual_bn > li:after{display: block; content: ''; width: 100%; height: 100%; /*background-color: rgba(0,0,0,0.15);*/ position: absolute; left:0; top:0;}
.jsl_visual > .jsl_visual_bn > li{width: 100%; height: 100%; position: relative;}
.jsl_visual > .jsl_visual_bn > li > a{display: block; width: 100%; height: 100%;position: relative; cursor: pointer;}
.jsl_visual > .jsl_visual_bn > li > a .jsl_visual_box{display: block; position: absolute; left:50%; top:45%; transform:translate(-50%, -50%); text-align: center; width: 475px; border:2px solid #fff; padding:35px; background-color:rgba(0,0,0,0.5); box-shadow: 1px 1px 1px #555; z-index: 2;}
.jsl_visual > .jsl_visual_bn > li > a .jsl_visual_box:hover{top:44%; transition-duration: 0.25s; background-color:rgba(0,0,0,0.75); border:2px solid #67f2ff;}

.jsl_visual > .jsl_visual_bn > li,
.jsl_visual > .jsl_visual_bn > li > a,
.jsl_visual > .jsl_visual_bn > li > a .jsl_visual_box p,
.jsl_visual > .jsl_visual_bn > li > a .jsl_visual_box span,
.jsl_visual > .jsl_visual_bn > li > a .jsl_visual_box b{color:#fff;}
.jsl_visual > .jsl_visual_bn > li > a .jsl_visual_box p:after{display: block; content: ''; background-color:#fff; height: 3px; width: 100%; position: absolute; bottom:0; left:0;}
.jsl_visual > .jsl_visual_bn > li > a .jsl_visual_box p{font-size:28px; font-weight: 700; position: relative; display: block; line-height: 35px; height: 110px; padding-top:2.5%; overflow: hidden; margin-bottom: 20px;}
.jsl_visual > .jsl_visual_bn > li > a .jsl_visual_box span{display: block;}
.jsl_visual > .jsl_visual_bn > li > a .jsl_visual_box b{color:#67f2ff; font-weight: 600;}
.jsl_visual > .jsl_visual_bn > li > a .jsl_visual_box span,
.jsl_visual > .jsl_visual_bn > li > a .jsl_visual_box b{font-size: 16px;}
.jsl_visual > .jsl_visual_bn > li > a .jsl_visual_box p b{font-size:28px;}

.jsl_visual > .jsl_visual_nav{display: block; width: 100%; position: absolute; bottom:0; left:0; z-index: 2;}
.jsl_visual > .jsl_visual_nav > ul{text-align: center;}
.jsl_visual > .jsl_visual_nav > ul > li{display: inline-block; margin-bottom: 25px;}
.jsl_visual > .jsl_visual_nav > ul > li > a{background-color:#fff; display: block; content: ''; width:50px; height: 12.5px; margin-right: 5px; box-shadow: 1px 1px 1px #555; cursor: pointer;}
.jsl_visual > .jsl_visual_nav > ul > li > a.active,
.jsl_visual > .jsl_visual_nav > ul > li > a:hover{background-color:#2794e1; transition-duration: 0.5s;}
.jsl_visual > .jsl_visual_nav > ul > li:last-child > a{margin-right: 0;}


.jsl_body:after{display: block; content: ''; clear: both;}
.jsl_body{width: 1200px; margin:0 auto 50px;}
.jsl_body .jsl_body_box{background-color:#fff; border-radius: 10px; box-shadow: 1px 1px 1px #dedede;}


.jsl_body .jsl_bd01:after{display: block; content: ''; clear: both;}
.jsl_body .jsl_bd01{width: 100%; padding:40px 0;}
.jsl_body .jsl_bd01 > div{float: left;}

.jsl_body .jsl_bd01 .jsl_bd01_01{width:315px; margin: 0 10px 0 0;}
.jsl_body .jsl_bd01 .jsl_bd01_01 > div{width: 100%;  height: 166px;}
.jsl_body .jsl_bd01 .jsl_bd01_01 > div.jsl_bd01_01_bot:hover a{transform: scale(1.05); transition-duration: 0.25s; cursor: pointer;}
.jsl_body .jsl_bd01 .jsl_bd01_01 .jsl_bd01_01_top{margin:0 0 10px 0; background-image: url("/site/jeonnam/farm/images/img/jsl_icon01.png"); background-repeat: no-repeat; background-position: left 35px top 30px; background-size: 80px 80px; text-align: right; padding:20px 25px 0 0; position: relative;}
.jsl_bd01_01_top p:nth-of-type(1),
.jsl_bd01_01_top p:nth-of-type(1) b{font-size: 22px;}
.jsl_bd01_01_top p:nth-of-type(1) b{font-weight: 600; color:#353c66;}
.jsl_bd01_01_top p:nth-of-type(2),
.jsl_bd01_01_top p:nth-of-type(2) span{font-size: 26px; font-weight: 600; color:#353c66;}
.jsl_bd01_01_top p:nth-of-type(2) span{color:#ff9000;}
.jsl_bd01_01_top p:nth-of-type(3){color:#353c66;}
.jsl_bd01_01_top > span{position: absolute; right:50%; transform:translate(30%, 0); bottom:10px; display: block; width: 100%; color:#888;}

.jsl_body .jsl_bd01 .jsl_bd01_01 .jsl_bd01_01_bot{background-image: url("../images/img/jsl_bg01.png"); background-repeat: no-repeat; background-position: center bottom -25px; background-size: 150%; padding:20px 25px; position: relative;}
.jsl_bd01_01_bot p,
.jsl_bd01_01_bot b,
.jsl_bd01_01_bot a{color:#fff;}
.jsl_bd01_01_bot p{font-size:15px;}
.jsl_bd01_01_bot p:nth-of-type(2) b:after{display: block; content: ''; position: absolute; width: 50px; height: 1px; background-color:#fff; bottom:-5px; left:0;}
.jsl_bd01_01_bot p:nth-of-type(2) b{font-size: 22px; position: relative; font-weight: 500;}
.jsl_bd01_01_bot a{display: block; background-color: rgba(0,0,0,0); width: 140px; height: 40px; line-height: 40px; text-align: center; position: absolute; right:20px; bottom:20px; border:1px solid #fff; font-size:14px;}
.jsl_bd01_01_bot a:hover{background-color: rgba(0,0,0,1); transition-duration: 0.5s; color:#fff;}

.jsl_body .jsl_bd01 .jsl_bd01_02{width:calc(100% - 325px); width:-webkit-calc(100% - 325px); width:-moz-calc(100% - 325px); padding:20px; position: relative;}
.jsl_body .jsl_bd01 .jsl_bd01_02 > h6{font-size: 20px; font-weight: 600; padding-left: 40px; background-image: url("../images/img/jsl_icon02.png"); background-repeat: no-repeat; background-size: 30px 30px ; background-position: left center; height: 40px; line-height: 40px; display: block; margin-bottom: 20px;}
.jsl_body .jsl_bd01 .jsl_bd01_02 > a.cro_mov{position: absolute; right:20px; top:20px;}
.jsl_body .jsl_bd01 .jsl_bd01_02 > p {float:left;}

/*240226 추가 css*/
.jsl_body .jsl_bd01 .jsl_bd01_03 {width:calc(100% - 325px); width:-webkit-calc(100% - 325px); width:-moz-calc(100% - 325px); padding:33px 0 34px 0; float:right;}
.jsl_body .jsl_bd01 .jsl_bd01_03 > p > a  {width:32%; float:left; padding:0 0 0 23px;}


.jsl_bd01_02 ul.jsl_tbl{}
/* .jsl_bd01_02 ul.jsl_tbl li:after{display: block; position: absolute; content: ''; left:0; top:3px; height: 60%; width: 9px; background-color:#ff9000; border-radius: 5px;} */
/* .jsl_bd01_02 ul.jsl_tbl li{position: relative; padding:0 0 0 20px; margin:10px 0;} */
.jsl_bd01_02 ul.jsl_tbl li .jsl_list:after{display: block; content: ''; clear: both;}
.jsl_bd01_02 ul.jsl_tbl li .jsl_list{display: block;}
.jsl_bd01_02 ul.jsl_tbl li .jsl_list div,
.jsl_bd01_02 ul.jsl_tbl li .jsl_list > p{float:left}
.jsl_bd01_02 ul.jsl_tbl li .jsl_list div p b{font-weight: 600; font-size: 16px; color:#000;}
.jsl_bd01_02 ul.jsl_tbl li .jsl_list div p span{color:#888; font-size: 14px;}
.jsl_bd01_02 ul.jsl_tbl li .jsl_list > p{float: right; margin:10px 150px 0 0; padding:0 0 0 0; display: block; font-size: 16px; color:#000;}

.jsl_bd01_02 ul.jsl_tbl li a.jsl_btn{position: absolute; right:0; top: 2.5px;}
.jsl_bd01_02 ul.jsl_tbl li:hover a.jsl_btn{border:1px solid #000; transition-duration: 0.5s;}

/* 240226 수정
.jsl_bd02,
.jsl_bd03{float: left; content: '';}
.jsl_bd02{width: 850px;}
.jsl_bd03{float:right; width: 315px;}
*/

.jsl_bd02{width: 850px; clear:both; margin:40px 30px 0 0;}
.jsl_bd03{width: 315px; float:right; margin:40px 0;}

.jsl_bd02 .jsl_bd02_top:after{display: block; content: ''; clear: both;}
.jsl_bd02 .jsl_bd02_top{position: relative; text-align: left; margin:0 0 25px 0;}
.jsl_bd02 .jsl_bd02_top > a.cro_mov{position: absolute; top:0; right:0;}

.jsl_bd02 .jsl_bd02_top .jsl_title,
.jsl_bd02 .jsl_bd02_top .jsl_tag{display: inline-block; width: auto;}

.jsl_bd02 .jsl_bd02_top .jsl_tag:after{display: block; content: ''; clear: both;}
.jsl_bd02 .jsl_bd02_top .jsl_tag{display: inline-block; margin-left:25px;}
.jsl_bd02 .jsl_bd02_top .jsl_tag li:after{display: block; content: ''; width: 1px; height: 12px; background-color:#ccc; position: absolute; right:-19px; top:7px;}
.jsl_bd02 .jsl_bd02_top .jsl_tag li{display: inline-block; margin-right: 30px; position: relative;}
.jsl_bd02 .jsl_bd02_top .jsl_tag li:last-child:after{display: none !important;}
.jsl_bd02 .jsl_bd02_top .jsl_tag li:last-child{margin-right:0;}
.jsl_bd02 .jsl_bd02_top .jsl_tag li a{color:#888; position: relative;}
.jsl_bd02 .jsl_bd02_top .jsl_tag li a.active,
.jsl_bd02 .jsl_bd02_top .jsl_tag li a:hover{color:#2794e1; font-weight: 500;}
.jsl_bd02 .jsl_bd02_top .jsl_tag li a.active:after,
.jsl_bd02 .jsl_bd02_top .jsl_tag li a:hover:after{display: block; content: ''; position: absolute; top:-5px; left:50%; transform:translate(-50%, 0); background-color:#2794e1; width: 5px; height: 5px; border-radius:100%;}

.jsl_bd02_top_box{margin:0px 0px 20px; padding:25px 15px;}
.jsl_bd02_top_box > ul:after{display: block; content: ''; clear: both;}
.jsl_bd02_top_box > ul{text-align: center;}
.jsl_bd02_top_box > ul > li{float: left;display:block; width: calc(100% / 4 - 8px); width: -webkit-calc(100% / 4 - 8px); width: -moz-(100% / 4 - 8px); margin-right: 10px; border:1px solid #ccc; overflow: hidden; border-radius:5px;}
.jsl_bd02_top_box > ul > li:last-child{margin-right: 0;}
/* .jsl_bd02_top_box > ul > li:hover img{transform: scale(1.05); transition-duration: 0.25s;} */
.jsl_bd02_top_box > ul > li > a{display: block; text-align: left; width:100%; height: 100%;}
.jsl_bd02_top_box > ul > li > a img{display: block; width: 100%; height: 130px; overflow: hidden;}
.jsl_bd02_top_box > ul > li > a figcation{padding:10px; display: block;}

.jsl_bd02_top_box > ul > li > a figcation h6,
.jsl_bd02_top_box > ul > li > a figcation p{letter-spacing: 0; width:100%; white-space: nowrap; white-space: normal; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; height: 3.6em; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.jsl_bd02_top_box > ul > li > a figcation h6{font-weight: 700; color:#000; font-size: 14px;}
.jsl_bd02_top_box > ul > li > a figcation p{line-height: 16px; margin:10px 0 10px 0; font-size: 14px;}
.jsl_bd02_top_box > ul > li > a figcation span{padding:10px 0 0 20px; font-weight: 700;  color:#000; font-size:12px; color:#2794e1; background-image: url("../images/img/jsl_icon08.png"); background-repeat: no-repeat; background-position: left top 10px; background-size: 16px 16px;}

.jsl_bd02_mid:after{display: block; content: ''; clear: both;}
.jsl_bd02_mid > h5{display: inline-block; width: auto; float: left;}
.jsl_bd02_mid > div.dropdown{float: right; z-index: 97;}

.jsl_bd02_mid_box{width:100%; margin:25px 0 15px; padding:40px 0 0 0;}
.jsl_bd02_mid_box > ul:after{display: block; content: ''; clear: both;}
.jsl_bd02_mid_box > ul{width: 100%; position: relative; padding:0 0; height: 180px; /* overflow: hidden; overflow-x: scroll; */}
.jsl_bd02_mid_box > ul{-ms-overflow-style: none; scrollbar-width: none;}
.jsl_bd02_mid_box > ul::-webkit-scrollbar{display: block;}
.jsl_bd02_mid_box > ul > li{float:left;}

/*
.jsl_bd02_mid_box > ul > li:first-child,
.jsl_bd02_mid_box > ul > li:last-child{position: absolute; display: block; width: 50px; height: 50px; border-radius:100%; border:1px solid #ccc; background-color:#fff; background-image: url("../images/img/jsl_arrow.png"); background-repeat: no-repeat; background-size: auto; background-position: center center; text-indent: -9999px; top:35%; transform:translate(0, -50%); cursor: pointer;}

.jsl_bd02_mid_box > ul > li:first-child:hover,
.jsl_bd02_mid_box > ul > li:last-child:hover{background-color:#f1f1f1;}
.jsl_bd02_mid_box > ul > li:first-child{left:0;}
.jsl_bd02_mid_box > ul > li:last-child{right: 0; transform:rotate(0deg); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH;  -ms-filter: "FlipH";}
 */
 
.jsl_bd02_mid_box > ul > li.service_list:hover a figure div > img{transform: scale(1.05); transition-duration: 0.25s; cursor: pointer;}

.jsl_bd02_mid_box > ul > li.service_list{display: block; width:121px; /* width:calc(100% / 5); width:-webkit-calc(100% / 5); width:-moz-calc(100% / 5); */ margin-top:10px;}
.jsl_bd02_mid_box > ul > li.service_list > a{display: block; widows: 100%; height: 160px; text-align: center;}
.jsl_bd02_mid_box > ul > li.service_list > a figure{}
.jsl_bd02_mid_box > ul > li.service_list > a figure div{display:block; border-radius: 100%; background-color:#fff; width: 100px; height: 100px; padding:20px 0 0 0; border:1px solid #ccc; margin:0 auto 5px;}
.jsl_bd02_mid_box > ul > li.service_list > a figure div > img{display: block; width: 60px; height: 60px; margin:0 auto;}

.jsl_bd02_mid_box > ul > li.service_list > a figure p{line-height: 20px; font-weight: 300;}
.jsl_bd02_mid_box > ul > li.service_list > a figure p b{font-weight: 600; color:#000;}


.jsl_bd02 .jsl_bd02_bot:after{display: block; content: ''; clear: both;}
.jsl_bd02 .jsl_bd02_bot{position: relative; text-align: left; margin:0 0 25px 0;}
.jsl_bd02 .jsl_bd02_bot > a.cro_mov{position: absolute; top:-7.5px; right:0;}
.jsl_bd02_bot_box{margin:15px 0 25px 0; padding:30px 15px;}
.jsl_bd02_bot_box > ul:after{display: block; content: ''; clear: both;}
.jsl_bd02_bot_box > ul{text-align: center;}
.jsl_bd02_bot_box > ul > li{float: left;display:block; width: calc(100% / 4 - 8px); width: -webkit-calc(100% / 4 - 8px); width: -moz-(100% / 4 - 8px); margin-right: 10px; border:1px solid #ccc; overflow: hidden; height: 200px;}
.jsl_bd02_bot_box > ul > li:last-child{margin-right: 0;}
.jsl_bd02_bot_box > ul > li img{display: block; width: 100%; height: 200px;}
.jsl_bd02_bot_box > ul > li:hover img{transform: scale(1.05); transition-duration: 0.25s;}

.jsl_bd03_top .jsl_bd03_top_box01,
.jsl_bd03_top .jsl_bd03_top_box02{display: block; width: 100%;}
.jsl_bd03_top .jsl_bd03_top_box01 a,
.jsl_bd03_top .jsl_bd03_top_box02 a{display: block; width: 100%; height: auto; position: relative;}
.jsl_bd03_top .jsl_bd03_top_box01 a{display: block; width: 100%; height: 175px;}
.jsl_bd03_top .jsl_bd03_top_box02 a{display: block; width: 100%; height: 100px;}
.jsl_bd03_top .jsl_bd03_top_box01 a img{display: block; width: 100%; height: 175px;}
.jsl_bd03_top .jsl_bd03_top_box02 a img{display: block; width: 100%; height: 100px;}
.jsl_bd03_top .jsl_bd03_top_box01:hover img,
.jsl_bd03_top .jsl_bd03_top_box02:hover img{position:relative; margin-left:5px; transition-duration: 0.25s;}


.jsl_bd03{}

.jsl_bd03_mid{margin:25px 0 25px;}
.jsl_bd03_mid h6.jsl_title{margin:0 0 15px 0;}
.jsl_bd03_mid ul:after{display: block; content: ''; clear: both;}
.jsl_bd03_mid ul{display: block; background-color:#f5fbff; width: 100%; height: auto; border-radius:10px; border-radius:10px; box-shadow:1px 1px 1px #dedede;}
/* .jsl_bd03_mid ul li:after{display: block; content: ''; position: absolute; width: 1px; height: 100%; background-color: #ccc; top:0; right:0;} */
.jsl_bd03_mid ul li:last-child:after{display: none;}
.jsl_bd03_mid ul li{display: block; float: left; position: relative; width:calc(100% / 4); width:-webkit-calc(100% / 4); width:-moz-calc(100% / 4);}
.jsl_bd03_mid ul li a{display: block;}
.jsl_bd03_mid ul li a:hover img{position: relative; top:-2.5px; transition-duration: 0.25s;}
.jsl_bd03_mid ul li a img{display: block; width: 35px; height: 35px; margin:0 auto;}
.jsl_bd03_mid ul li a figure{text-align:center; font-size: 12px; position: relative; padding:15px 0;}
.jsl_bd03_mid ul li a figure figcation{display: none; width: 100%; height: 100%; position: absolute; left:0; top:0; /* border-radius:10px; */ line-height: 16px; padding-top:25px;}
.jsl_bd03_mid ul li a figure figcation b{font-weight: 700; color:#fff;}

.jsl_bd03_mid ul li:first-child a figure figcation{border-top-left-radius:10px; border-bottom-left-radius:10px;}
.jsl_bd03_mid ul li:last-child a figure figcation{border-top-right-radius:10px; border-bottom-right-radius:10px;}

/* .jsl_bd03_mid ul li a figure:hover figcation{display: block; transition-duration: 0.25s; background-color:rgba(0,0,0,0.75); color:#fff;} */


 .m_tab_news {min-width: 320px;max-width: 850px;padding: 0px;margin: 0 auto;}

 .m_tab_news section {display: none;padding: 0px 0 0;}

 /*라디오버튼 숨김*/
 .m_tab_news input {display: none;}

 .m_tab {display: inline-block;margin: 0 -3px -1px 0;padding: 7.5px 25px; text-align: center;color: #888;border: 1px solid transparent;background: #e1e1e1;width: auto; font-size: 14px;}

 .m_tab:hover {color: #2e9cdf;cursor: pointer; background-color:#fff;}
 .mt_more{position: absolute;top: 0;right: 0;}
 .mt_more{display: block; width: 40px; height: 40px; line-height:35px; text-align: center; color:#000; border:1px solid #000; font-size: 22px; cursor: pointer;}
 .mt_more:hover{background-color: #000; color:#fff; transition-duration: 0.5s;}
 /*input 클릭시, label 스타일*/
 .m_tab_news input:checked + label {color: #2e9cdf;border: 1px solid #ddd;border-top: 4px solid #2e9cdf;border-bottom: 1px solid #ffffff;background:#fff; border-radius:5px 5px 0 0;}

 #tab1:checked ~ #content1,#tab2:checked ~ #content2,#tab3:checked ~ #content3,#tab4:checked ~ #content4,#tab5:checked ~ #content5 {display: block;}


/* 카드뉴스 스크롤 */
.m_jsl_bd02_bot_box{display: none;}




.jsl_bd03_bot .fb-page iframe{border-radius:10px; box-shadow:1px 1px 1px #dedede;}
.copyright{box-sizing: content-box;}





/* 서울 메인 퀵 */
.jsl_qk_wrap{position: fixed; right:0; top:0; background-color:#1f2d47; z-index: 99999; min-width:85px; height: 100%;}
.jsl_qk{display: block; width: 100%; height: 100%; position: relative;}
.jsl_qk ul{display: block; width:100%; position: absolute; left:0; top:50%; transform:translate(0, -50%);}
.jsl_qk ul li:after{display: block; content:''; position: absolute; left:50%; bottom:0; transform:translate(-50%, 0); width: 85%; height: 
1px; background-color: #ccc;}
.jsl_qk ul li:first-child:after,
.jsl_qk ul li:last-child:after{display: none;}
.jsl_qk ul li:first-child{background-color:#1f3f61; color:#fff; font-weight: 100; text-align: center; display: block; width: 25px; height: 
auto; position: absolute; left:-25px; top:50%; transform:translate(0, -50%); color:#fff; padding:15px 7px; border-radius:5px 0 0 5px; font-size:12px;}
.jsl_qk ul li{position: relative; background-repeat: no-repeat; background-position: center top 15px; background-size: 30px 30px;}
/* 
.jsl_qk ul li:nth-of-type(2):before{display: block; content:''; position: absolute; left:50%; top:0; transform:translate(-50%, 0); width: 85%; height: 
1px; background-color: #ccc;}
 */
.jsl_qk ul li:nth-of-type(2){background-image: url("../images/img/qk_icon01.png");}
.jsl_qk ul li:nth-of-type(3){background-image: url("../images/img/qk_icon02.png");}
.jsl_qk ul li:nth-of-type(4){background-image: url("../images/img/qk_icon03.png");}
.jsl_qk ul li:nth-of-type(5){background-image: url("../images/img/qk_icon04.png");}
.jsl_qk ul li:nth-of-type(6){background-image: url("../images/img/qk_icon05.png");}
.jsl_qk ul li a{display: block; padding:50px 0 10px 0; text-align: center; color:#fff; font-size:14px;}








@media all and (max-width:1024px) {
 	.jsl_qk_wrap{display: none;}
}








/* 202012 메인페이지 수정 */
.jsl_bd02_top_box > ul > li{
	width: calc(100% / 3 - 10px);
	width: -webkit-calc(100% / 3 - 10px);
	width: -moz-(100% / 3 - 10px);
}
.jsl_bd02_top_box > ul > li:hover div{
	transform: scale(1.05); transition-duration: 0.25s;
}
.jsl_bd02_top_box > ul > li > a figure{
	
}
.jsl_bd02_top_box > ul > li > a figure > div{
	display: block;
	width: 100%;
	height: 200px;
	position: relative;
}
.jsl_bd02_top_box > ul > li > a img{
	display: inline-block;
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	max-width: 100%;
	min-height: 100%;
	top:50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
.jsl_bd02_top_box > ul > li > a figcation{
	
}
.jsl_bd02_top_box > ul > li > a figcation h6{
	font-size: 16px;
}
.jsl_bd02_top_box > ul > li > a figcation p{
	display: none;
}

.jsl_body .jsl_bd01 .jsl_bd01_01 .jsl_bd01_01_bot{
	background-image: url("../images/img/jsl_bg02.png");
	background-position: left center;
	background-size: 125%;
}
.jsl_bd01_01_bot p,
.jsl_bd01_01_bot b,
.jsl_bd01_01_bot a{
	color:#ff9e93;
	color:#000;
	font-size: 18px;
}
.jsl_bd01_01_bot p:nth-of-type(2) b:after{
	background-color: #ff9e93;
	height: 3px;
}
.jsl_bd01_01_bot p b{
	background: linear-gradient(to right, #ff7865, #fa6894);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 26px !important;
    font-weight: 800;
}
.jsl_bd01_01_bot a{
	border:1px solid #000;
	line-height: 38px;
}
.jsl_bd01_01_bot a:hover{
	background-color: rgba(255,158,147,1);
	transition-duration: 0.5s;
	color:#fff;
}

/* 
.jsl_body .jsl_bd01 .jsl_bd01_01 .jsl_bd01_01_bot{
	background-image: none;
	overflow: hidden;
	background-color:#202141;
}
.jsl_body .jsl_bd01 .jsl_bd01_01 .jsl_bd01_01_bot a{
	display: block;
	position:relative;
	width: 100%;
	height: 100%;
}
.jsl_body .jsl_bd01 .jsl_bd01_01 .jsl_bd01_01_bot a img{
	display:block;
	position: absolute;
	width: 90%;
	height: 90%;
	left:50%;
	top:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.jsl_body .jsl_bd01 .jsl_bd01_01 .jsl_bd01_01_bot:hover img{
	top:47%;
	transition-duration: 0.1s;
}
.jsl_body .jsl_bd01 .jsl_bd01_01 .jsl_bd01_01_bot a figure{
	display: none;
}
 */












/* 202001 메인페이지 수정(교육정보) */
.jsl_body .jsl_bd01 .jsl_bd01_01 > div{
	height: 196px;
}

.jsl_body .jsl_bd01 .jsl_bd01_02 > h6{
	margin-bottom: 10px;
}


.jsl_bd01_02 .jsl_tbl:after{
	display: block;
	content: '';
	clear: both;
}
.jsl_bd01_02 .jsl_tbl{
	
}
.jsl_bd01_02 .jsl_tbl > li{
	display: block;
	float: left;
	width:calc(100% / 3 - 7px);
	width:-webkit-calc(100% / 3 - 7px);
	width:-moz-calc(100% / 3 - 7px);
	margin-right:10px;
	
	border:1px solid #ccc;
	border-radius:5px;
}
.jsl_bd01_02 .jsl_tbl > li:hover{
	transition-duration: 0.25s;
	border:1px solid #000;
}
.jsl_bd01_02 .jsl_tbl > li:nth-of-type(3){
	margin-right: 0;
}
.jsl_bd01_02 .jsl_tbl > li:last-child{
	display: none;
}
.jsl_bd01_02 ul.jsl_tbl li a.jsl_btn{
	position: inherit;
	width: 100%;
	border-radius:0 0 5px 5px;
	border:none;
	border-top:1px solid #ccc;
}
.jsl_bd01_02 ul.jsl_tbl li a.jsl_btn:hover{
	border:1px solid #ccc;
}
.jsl_bd01_02 ul.jsl_tbl li:hover a.jsl_btn{
	border:none;
	border-top:1px solid #ccc;
}

.jsl_bd01_02 ul.jsl_tbl li a.btn_whi{
	/* background:linear-gradient(to right, #67f2ff, #ffffff); */
	background-color:#f5fbff;
}
.jsl_bd01_02 ul.jsl_tbl li a.btn_whi:hover{
	background-color: #1f2d47;
	color:#fff;
}

.jsl_bd01_02 .jsl_tbl div.card_img{
	width: 100%;
	height:270px;
	overflow: hidden;
	position: relative;
	/* border-bottom: 1px solid #ccc; */
}
.jsl_bd01_02 .jsl_tbl div.card_img img{
	display: block;
	width: 100%;
	height:auto;
	position: absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
}

.jsl_bd01_02 ul.jsl_tbl li .jsl_list{
	display: none;
}

.jsl_bd01_02 ul.jsl_tbl li .jsl_list > p{
	margin:0;
}
.jsl_bd01_02 ul.jsl_tbl li .jsl_list div p b{
	letter-spacing: 0;
    width: 100%;
    white-space: nowrap;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    height: 2.4em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    
    margin:10px 0;
    padding:0 10px;
}

p.edu_info{
	display: none;
}






/* 202102 waysoft inyong@waysoft.co.kr */
.jsl_body .jsl_bd01 .jsl_bd01_01 .jsl_bd01_01_bot{
	background-image: none;
	background-color:#fcc;
	padding:0;
	border-radius:0;
}
.jsl_bd01_01_bot ul:after{
	display: block;
	content: '';
	clear: both;
}
.jsl_bd01_01_bot ul{
	height: 100%;
}
.jsl_bd01_01_bot ul li{
	display: block;
	width:calc(100% / 3);
	width:-webkit-calc(100% / 3);
	width:-moz-calc(100% / 3);
	height: 100%;
	float: left;
}
.jsl_bd01_01_bot ul li:nth-child(2){display:none;}
.jsl_bd01_01_bot ul li:last-child{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	position: absolute;
	bottom:0;
	left:0;
	background-color:#353c66;
	color:#fff;
	text-align: center;
}
.jsl_bd01_01_bot ul li a{
	display: block;
	position: inherit;
	width: 100%;
	height: 100%;
	padding:105px 0 40px 0;
	font-size: 14px;
	line-height: 16px;
	border:none;
	
	background-repeat: no-repeat;
	background-position: center top 35px;
	background-size: auto;
}
.jsl_bd01_01_bot ul li:nth-of-type(1) a{
	background-color:#ffcccc;
	background-image: url("../images/img/jsl_icon10.png");
}
.jsl_bd01_01_bot ul li:nth-of-type(1) a:hover{
	background-color:#eba8a8;
}
.jsl_bd01_01_bot ul li:nth-of-type(2) a{
	background-color:#56ca5f;
	color:#fff;
	background-image: url("../images/img/jsl_social_na.png");
}
.jsl_bd01_01_bot ul li:nth-of-type(2) a:hover{
	background-color:#37a740;
}
.jsl_bd01_01_bot ul li:nth-of-type(3) a{
	background-color:#ede15c;
	background-image: url("../images/img/jsl_social_ka.png");
}
.jsl_bd01_01_bot ul li:nth-of-type(3) a:hover{
	background-color:#decf2e;
}
.jsl_bd01_01_bot ul li:nth-of-type(4) a{
	background-color:#82d3fd;
	background-image: url("../images/img/jsl_social_ho.png");
	padding: 105px 0 40px 0;
	letter-spacing: -2px;
}
.jsl_bd01_01_bot ul li:nth-of-type(4) a:hover{
	background-color:#4eb0e2;
}

.jsl_body .jsl_bd01 .jsl_bd01_01 > div.jsl_bd01_01_bot:hover a{
    transform: scale(1);
    transition-duration: 0.0s;
    color:inherit;
}
.jsl_body .jsl_bd01 .jsl_bd01_01 > div.jsl_bd01_01_bot:hover ul li:nth-of-type(1) a{
	color:#fff;
}