/* organbann 기관바로가기 배너메뉴 영역 */
.organbann_box {float: left; width: 100%;}
.organbann_area {margin: 0 auto; width: 100%; max-width: 1200px;}

.organbannlist {float: left; width: 100%;}
.organbannlist li {float: left; width: 20%;}
.organbannlist li a {display: block; width: 100%; height: 100%; padding: 30px 25px;}
.organbannlist li a h2 {font-family: "NanumSquare", sans-serif; font-size: 2.05rem; color: #fff; font-weight: 700; line-height: 2.7rem; letter-spacing: -0.15rem; transform: rotate(-0.04deg);}
.organbannlist li a p {display: inline-block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 1.4rem; color: #fff; font-weight: 300; line-height: 2rem; letter-spacing: -0.05rem; transform: rotate(-0.04deg); margin-top: 16px;}

.organbannlist li.banner01 {height: 255px; background: #fdd203 url("../images/organico_1.png") no-repeat; background-position: 130px 143px;}
.organbannlist li.banner01 a span.btnmore {display: block; width: 86px; height: 29px; font-size: 1.2rem; color: #d4b906; font-weight: 300; line-height: 29px; text-align: center; margin-top: 22px; background: #fff; border-radius: 60px;}
.organbannlist li.banner02 {height: 255px; background: #f8b501 url("../images/organico_2.png") no-repeat; background-position: 127px 143px;}
.organbannlist li.banner02 a span.btnmore {display: block; width: 86px; height: 29px; font-size: 1.2rem; color: #f87501; font-weight: 300; line-height: 29px; text-align: center; margin-top: 22px; background: #fff; border-radius: 60px;}
.organbannlist li.banner03 {height: 255px; background: #73c049 url("../images/organico_3.png") no-repeat; background-position: 127px 143px;}
.organbannlist li.banner03 a span.btnmore {display: block; width: 86px; height: 29px; font-size: 1.2rem; color: #4ea120; font-weight: 300; line-height: 29px; text-align: center; margin-top: 22px; background: #fff; border-radius: 60px;}
.organbannlist li.banner04 {height: 255px; background: #089edc url("../images/organico_4.png") no-repeat; background-position: 150px 143px;}
.organbannlist li.banner04 a span.btnmore {display: block; width: 86px; height: 29px; font-size: 1.2rem; color: #077dad; font-weight: 300; line-height: 29px; text-align: center; margin-top: 22px; background: #fff; border-radius: 60px;}
.organbannlist li.banner05 {height: 255px; background: #1abfbb url("../images/organico_5.png") no-repeat; background-position: 133px 143px;}
.organbannlist li.banner05 a span.btnmore {display: block; width: 86px; height: 29px; font-size: 1.2rem; color: #05a29e; font-weight: 300; line-height: 29px; text-align: center; margin-top: 22px; background: #fff; border-radius: 60px;}

/* rollover eff */
.organbannlist li.banner01:hover {background: #fdbf03 url("../images/organico_1.png") no-repeat; background-position: 130px 143px; transition: all 0.3s ease;}
.organbannlist li.banner02:hover {background: #f89201 url("../images/organico_2.png") no-repeat; background-position: 127px 143px; transition: all 0.3s ease;}
.organbannlist li.banner03:hover {background: #5bb52b url("../images/organico_3.png") no-repeat; background-position: 127px 143px; transition: all 0.3s ease;}
.organbannlist li.banner04:hover {background: #0885dc url("../images/organico_4.png") no-repeat; background-position: 150px 143px; transition: all 0.3s ease;}
.organbannlist li.banner05:hover {background: #08b9a2 url("../images/organico_5.png") no-repeat; background-position: 133px 143px; transition: all 0.3s ease;}

/* organbann 바로가기, 고객센터, 공지사항 영역 */
.middcontents_box {float: left; width: 100%; margin-top: 50px;}
.middcontents_area {margin: 0 auto; width: 100%; max-width: 1200px;}

/* left_shortcut */
.left_shortcut {float: left; width: 47.916667%;}
.shortcutlist {float: left; width: 100%;}
.shortcutlist ul {float: left; width: 100%; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6;}
.shortcutlist ul li {float: left; width: 50%; height: 288px; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.shortcutlist ul li a {display: block; width: 100%; height: 100%; text-align: center; padding: 40px;}
.shortcutlist ul li a .figure {display: inline-block; width: auto; height: 102px;}
.shortcutlist ul li a .caption {display: inline-block; width: 100%; margin-top: 24px;}
.shortcutlist ul li a .caption span {display: inline-block; width: 100%; font-family: "Gmarket Sans", sans-serif; font-size: 2.6rem; color: #111111; font-weight: 500; line-height: 2.7rem; letter-spacing: -0.09rem; transform: rotate(-0.04deg); margin-bottom: 15px;}
.shortcutlist ul li a .caption p {font-family: "Noto Sans KR", sans-serif; font-size: 1.5rem; color: #252525; font-weight: 300; line-height: 2.2rem; letter-spacing: -0.07rem; transform: rotate(-0.04deg);}

/* rollover eff */
.shortcutlist ul li a:hover {background: #f6f6f6; transition: all 0.3s ease;}
.shortcutlist ul li a:hover .caption span {color: #069c98;}

/* right_customer */
.right_customer {float: right; width: 47.916667%;}

/* customer */
.right_customer .customer {float: left; width: 100%; height: auto; padding: 15px 21px 22px; margin-bottom: 42px; background: url("../images/customer_bg_220317.jpg") no-repeat right top; border: 1px solid #e6e6e6;}
.right_customer .customer .callcenter {float: left; width: 100%;}
.right_customer .customer .callcenter div.tit {float: left; width: 200px; height: 36px; font-family: "Gmarket Sans", sans-serif; font-size: 1.8rem; color: #fff; font-weight: 500; line-height: 40px; letter-spacing: -0.05rem; text-align: center; transform: rotate(-0.04deg); margin-bottom: 8px; background: #1abfbb; border-radius: 50px;}
.right_customer .customer .callcenter div.numtxt {float: left; margin-top: 5px;}
.right_customer .customer .callcenter div.numtxt span.ico {float: left; width: 29px; height: 29px; margin-left: 10px;}
.right_customer .customer .callcenter div.numtxt span.number {float: left; font-family: "Gmarket Sans", sans-serif; font-size: 2.6rem; color: #0fafab; font-weight: 700; letter-spacing: -0.05rem; transform: rotate(-0.04deg); margin-top: 1px; margin-left: 5px;}
.right_customer .customer .time {float: left; width: 100%; margin-top: 5px;}
.right_customer .customer .time .list {display: inline-block; width: 100%; margin-bottom: 5px;}
.right_customer .customer .time .list span {display: inline-block; width: 7px; height: 7px; margin-right: 7px; background: #1abfbb;}
.right_customer .customer .time .list p {display: inline-block; width: 90%; font-family: "NanumSquare", sans-serif; font-size: 1.5rem; color: #119895; font-weight: 700; line-height: 1.7rem; letter-spacing: -0.06rem; transform: rotate(-0.04deg);}
.right_customer .customer .holiday {float: left; width: 100%; margin-top: 5px;}
.right_customer .customer .holiday p {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 1.3rem; color: #464646; font-weight: 300; line-height: 1.8rem; letter-spacing: -0.03rem; transform: rotate(-0.04deg);}
/*.right_customer .customer .holiday p:first-child {padding-right: 7px; margin-right: 7px; border-right: 1px solid #ccc;}*/

/* notice */
.right_customer .notice {float: left; width: 100%;}
.right_customer .notice .tit {float: left; width: 100%; height: 45px; border-bottom: 1px solid #474a58;}
.right_customer .notice .tit h4 {float: left; font-family: "Gmarket Sans", sans-serif; font-size: 2.8rem; color: #171717; font-weight: 500; line-height: 3rem; letter-spacing: -0.2rem; transform: rotate(-0.04deg); padding-top: 4px;}
.right_customer .notice .tit .btnmore {float: right; margin-top: 5px;}
.right_customer .notice .tit .btnmore a {font-family: "Noto Sans KR", sans-serif; font-size: 1.5rem; color: #696767; font-weight: 300; letter-spacing: -0.02rem; transform: rotate(-0.04deg);}
.right_customer .notice .tit .btnmore a span {display: inline-block; width: 16px; height: 16px; margin-left: 5px; vertical-align: -3px;}
.right_customer .notice .boardlist {float: left; width: 100%;}
.right_customer .notice .boardlist li {float: left; width: 100%; height: 57px; border-bottom: 1px solid #dbdbdb;}
.right_customer .notice .boardlist li a {display: block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 1.6rem; color: #4b4a4a; font-weight: 400; line-height: 5.7rem; transform: rotate(-0.04deg);}
.right_customer .notice .boardlist li a span.subject {float: left; width: 80%; letter-spacing: -0.8px; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.right_customer .notice .boardlist li a span.date {float: right; font-size: 1.3rem; color: #646464; font-weight: 300; transform: rotate(-0.04deg);}

/* rollover eff */
.right_customer .notice .boardlist li a:hover span.subject {color: #1abfbb; text-decoration: underline;}

/* main_visual_slide */
.mainvisual_slide {float: left; width: 100%; padding-top: 65px; height: 625px; background: url("../images/slidebanner_bg.jpg") no-repeat center top;}
.mainvisual_box {margin: 0 auto; width: 100%; max-width: 1200px;}
.slidecontents {position: relative; float: left; width: 100%; padding: 0 60px; z-index: 5;}
.slidebtn_prev {position: absolute; top: 44%; left: 0; width: 54px; height: 54px; background: url("../images/slidebtn_prev.png"); background-size: 54px 54px !important; cursor: pointer; z-index: 6;}
.slidebtn_next {position: absolute; top: 44%; right: 0; width: 54px; height: 54px; background: url("../images/slidebtn_next.png"); background-size: 54px 54px !important; cursor: pointer; z-index: 6;}

.slidebanner {float: left; width: 100%; overflow: hidden;}
.slidebanner .swiper-container-1 {width: 100%; height: 100%; padding: 23px 15px; margin-left: auto; margin-right: auto;}
.slidebanner .swiper-container-1 .swiper-slide {text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.slidebanner .swiper-container-1 .swiper-slide a {display: inline-block; width: 100%; height: 100%; text-align: center; border: 3px solid rgba(255,255,255,0.37); box-shadow: 6px 6px 12px rgba(0,0,0,0.21);}
.slidebanner .swiper-container-1 .swiper-slide a .banner_thumb {float: left; width: 100%; overflow: hidden;}
.slidebanner .swiper-container-1 .swiper-slide a .banner_thumb img {width: 100%; height: auto; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; transition: all 0.6s ease;}

/* media 유튜브채널 영역 */
.media_box {float: left; width: 100%; height: 565px; padding: 80px 0; margin-top: 80px; background: url("../images/media_bg.jpg") no-repeat center top;}
.media_area {margin: 0 auto; width: 100%; max-width: 1200px;}

.contents_common .medialist {float: left; width: 100%;}
.medialist .left {float: left; width: 47.916667%;}
.medialist .right {float: right; width: 47.916667%;}
.media_youtube {display: inline-block; width: 100%; border: 1px solid #eaddcd; box-shadow: 6px 6px 13px rgba(0,0,0,0.11);}
.media_youtube .video {position: relative; width: 100%; padding-bottom: 55.15%; border: 6px solid #fff;}
.media_youtube .video iframe {position: absolute; width: 100%; height: 100%;}

/* photogallery 포토갤러리 */
.photogallery_box {float: left; width: 100%; padding: 80px 0;}
.photogallery_area {margin: 0 auto; width: 100%; max-width: 1200px;}

.contents_common {float: left; width: 100%;}
.contents_common h3 {float: left; width: 100%; height: 80px; font-family: "Gmarket Sans", sans-serif; font-size: 4.2rem; color: #111111; font-weight: 500; line-height: 4.4rem; transform: rotate(-0.04deg); text-align: center;}
.contents_common .photolist {float: left; width: 100%;}

.photolist ul li {float: left; width: 23.75% /*285px*/; margin-right: 1.6667% /*20px*/;}
.photolist ul li:nth-of-type(4) {margin-right: 0;}
.photolist ul li a {display: block; width: 100%; height: 100%; font-family: "Noto Sans KR", sans-serif;}
.photolist ul li a .photo_thumb {float: left; width: 100%; height: 100%; border-radius: 10px; overflow: hidden;}
.photolist ul li a .photo_thumb img {width: 100%; height: 100%; vertical-align: top; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; transition: all 0.6s ease;}
.photolist ul li a .photo_subject {float: left; width: 100%; padding: 0 20px; padding-top: 20px;}
.photolist ul li a .photo_subject span {display: block; width: 100%; font-size: 1.6rem; color: #636262; font-weight: 400; line-height: 20px; letter-spacing: -0.05rem; transform: rotate(-0.04deg); text-align: center; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}

/* rollover eff */
.photolist ul li a:hover .photo_thumb img, .photolist ul li a:focus .photo_thumb img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.photolist ul li a:hover .photo_subject span {color: #1abfbb; text-decoration: underline;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* organbann 기관바로가기 배너메뉴 영역 */
.organbann_box {margin-top: 80px;}
.organbann_box .contents_common {padding: 0;}
.organbannlist li {width: 50%;}
.organbannlist li a {padding: 10% 5%;}
.organbannlist li a h2 {font-size: 1.5rem; letter-spacing: -0.12rem;}
.organbannlist li a p {font-size: 1.3rem; line-height: 1.8rem; letter-spacing: -0.08rem; margin-top: 10px;}
.organbannlist li.banner01 a p br {display: none;}
.organbannlist li.banner01 {height: 200px; background-position: 90% 90%; background-size: 36%;}
.organbannlist li.banner02 {height: 200px; background-position: 90% 90%; background-size: 36%;}
.organbannlist li.banner03 {height: 200px; background-position: 90% 90%; background-size: 39%;}
.organbannlist li.banner04 {height: 200px; background-position: 90% 90%; background-size: 30%;}
.organbannlist li.banner05 {height: 200px; background-position: 90% 90%; background-size: 35%;}
.organbannlist li.banner01 a span.btnmore {margin-top: 15px;}
.organbannlist li.banner02 a span.btnmore {margin-top: 15px;}
.organbannlist li.banner03 a span.btnmore {margin-top: 15px;}
.organbannlist li.banner04 a span.btnmore {margin-top: 15px;}
.organbannlist li.banner05 a span.btnmore {margin-top: 15px;}

/* rollover eff */
.organbannlist li.banner01:hover {background-position: 90% 90%; background-size: 36%;}
.organbannlist li.banner02:hover {background-position: 90% 90%; background-size: 36%;}
.organbannlist li.banner03:hover {background-position: 90% 90%; background-size: 39%;}
.organbannlist li.banner04:hover {background-position: 90% 90%; background-size: 30%;}
.organbannlist li.banner05:hover {background-position: 90% 90%; background-size: 35%;}

/* left_shortcut */ 
.left_shortcut {width: 100%; margin-bottom: 4%;}
.shortcutlist ul li {height: 236px;}
.shortcutlist ul li a {padding: 15% 5%;}
.shortcutlist ul li a .figure {height: 70px;}
.shortcutlist ul li a .figure img {width: 70%;}
.shortcutlist ul li a .caption span {font-size: 2rem; line-height: 2.1rem;}
.shortcutlist ul li a .caption p {font-size: 1.4rem; line-height: 1.8rem; letter-spacing: -0.15rem; word-break: keep-all;}
.shortcutlist ul li a .caption p br {display: none;}

/* right_customer */
.right_customer {width: 100%;}
.right_customer .customer {height: auto; padding: 5% 3% 12%; background: url("../images/mo_customer_bg_220317.jpg") no-repeat right top; background-size: 100% 100%;}
.right_customer .customer .callcenter div.tit {width: 110px; font-size: 1.3rem;}
.right_customer .customer .callcenter div.numtxt {margin-top: 10px;}
.right_customer .customer .callcenter div.numtxt span.ico {width: 20px; height: 20px; margin-left: 5px;}
.right_customer .customer .callcenter div.numtxt span.ico img {width: 100%;}
.right_customer .customer .callcenter div.numtxt span.number {font-size: 1.7rem; letter-spacing: -0.08rem;}
.right_customer .customer .time .list p {width: 80%; font-size: 1.6rem; line-height: 2.2rem; vertical-align: -23px;}
.right_customer .customer .holiday {margin-top: 5px;}
.right_customer .customer .holiday p {font-size: 1.3rem; line-height: 1.8rem;}
.right_customer .customer .holiday p:first-child {border-right: 0;}
.right_customer .notice .tit h4 {font-size: 2.4rem;}

/* main_visual_slide */
.mainvisual_slide {height: auto; padding-top: 45px; padding-bottom: 45px; margin-top: 40px;}
.slidecontents {padding: 0 10%;}
.slidebtn_prev {top: 48%; width: 32px; height: 32px; left: 2%; background-size: 32px 32px !important;} /*좌우버튼 크기조절*/
.slidebtn_next {top: 48%; width: 32px; height: 32px; right: 2%; background-size: 32px 32px !important;} /*좌우버튼 크기조절*/

.contents_common {padding: 0 3%;}
.contents_common h3 {height: 60px; font-size: 3.5rem;}

/* media 유튜브채널 영역 */
.media_box {height: auto; padding: 40px 0; margin-top: 40px;}
.medialist .left {width: 100%; margin-bottom: 3%;}
.medialist .right {width: 100%;}

/* photogallery 포토갤러리 */
.photogallery_box {padding: 40px 0;}
.photolist ul li {float: left; width: 48.5%; margin-bottom: 2.5rem; margin-right: 0;}
.photolist ul li:nth-of-type(2n+2) {float: right;}
.photolist ul li:nth-of-type(3), .photolist ul li:nth-of-type(4) {margin-bottom: 0;}
.photolist ul li a .photo_subject {padding: 10px 2% 0;}
.photolist ul li a .photo_subject span {font-size: 1.4rem;}
.right_customer .notice .boardlist li a {font-size: 1.5rem;}
.right_customer .notice .boardlist li a span.subject {width: 76%;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:360px) and (max-width:719px) {

/* organbann 기관바로가기 배너메뉴 영역 */
.organbann_box {margin-top: 80px;}
.organbann_box .contents_common {padding: 0;}
.organbannlist li {width: 50%;}
.organbannlist li a {padding: 10% 5%;}
.organbannlist li a h2 {font-size: 1.7rem; letter-spacing: -0.12rem;}
.organbannlist li a p {font-size: 1.3rem; line-height: 1.8rem; letter-spacing: -0.06rem; margin-top: 10px;}
.organbannlist li.banner01 a p br {display: none;}
.organbannlist li.banner01 {height: 200px; background-position: 90% 90%; background-size: 36%;}
.organbannlist li.banner02 {height: 200px; background-position: 90% 90%; background-size: 36%;}
.organbannlist li.banner03 {height: 200px; background-position: 90% 90%; background-size: 39%;}
.organbannlist li.banner04 {height: 200px; background-position: 90% 90%; background-size: 30%;}
.organbannlist li.banner05 {height: 200px; background-position: 90% 90%; background-size: 35%;}
.organbannlist li.banner01 a span.btnmore {margin-top: 15px;}
.organbannlist li.banner02 a span.btnmore {margin-top: 15px;}
.organbannlist li.banner03 a span.btnmore {margin-top: 15px;}
.organbannlist li.banner04 a span.btnmore {margin-top: 15px;}
.organbannlist li.banner05 a span.btnmore {margin-top: 15px;}

/* rollover eff */
.organbannlist li.banner01:hover {background-position: 90% 90%; background-size: 36%;}
.organbannlist li.banner02:hover {background-position: 90% 90%; background-size: 36%;}
.organbannlist li.banner03:hover {background-position: 90% 90%; background-size: 39%;}
.organbannlist li.banner04:hover {background-position: 90% 90%; background-size: 30%;}
.organbannlist li.banner05:hover {background-position: 90% 90%; background-size: 35%;}

/* left_shortcut */ 
.left_shortcut {width: 100%; margin-bottom: 4%;}
.shortcutlist ul li {height: 236px;}
.shortcutlist ul li a {padding: 15% 5%;}
.shortcutlist ul li a .figure {height: 70px;}
.shortcutlist ul li a .figure img {width: 70%;}
.shortcutlist ul li a .caption span {font-size: 2rem; line-height: 2.1rem;}
.shortcutlist ul li a .caption p {line-height: 1.8rem; letter-spacing: -0.15rem; word-break: keep-all;}
.shortcutlist ul li a .caption p br {display: none;}

/* right_customer */
.right_customer {width: 100%;}
.right_customer .customer {height: auto; padding: 5% 3% 14%; background: url("../images/mo_customer_bg_220317.jpg") no-repeat right top; background-size: 100% 100%;}
.right_customer .customer .callcenter div.tit {width: 150px; font-size: 1.4rem;}
.right_customer .customer .callcenter div.numtxt {margin-top: 10px;}
.right_customer .customer .callcenter div.numtxt span.ico {width: 20px; height: 20px; margin-left: 5px;}
.right_customer .customer .callcenter div.numtxt span.ico img {width: 100%;}
.right_customer .customer .callcenter div.numtxt span.number {font-size: 1.6rem;}
.right_customer .customer .time .list p {width: 80%; font-size: 1.6rem; line-height: 2.2rem; vertical-align: -23px;}
.right_customer .customer .holiday {margin-top: 0;}
.right_customer .customer .holiday p {font-size: 1.4rem; line-height: 1.8rem; letter-spacing: -0.08rem;}
.right_customer .customer .holiday p:first-child {border-right: 0;}
.right_customer .notice .tit h4 {font-size: 2.4rem;}

/* main_visual_slide */
.mainvisual_slide {height: auto; padding-top: 45px; padding-bottom: 45px; margin-top: 40px;}
.slidecontents {padding: 0 10%;}
.slidebtn_prev {top: 48%; width: 32px; height: 32px; left: 2%; background-size: 32px 32px !important;} /*좌우버튼 크기조절*/
.slidebtn_next {top: 48%; width: 32px; height: 32px; right: 2%; background-size: 32px 32px !important;} /*좌우버튼 크기조절*/
.slidebanner .swiper-container-1 .swiper-slide a {box-shadow: 6px 6px 12px rgba(0,0,0,0.15);}

.contents_common {padding: 0 3%;}
.contents_common h3 {height: 60px; font-size: 3.5rem;}

/* media 유튜브채널 영역 */
.media_box {height: auto; padding: 40px 0; margin-top: 40px;}
.medialist .left {width: 100%; margin-bottom: 3%;}
.medialist .right {width: 100%;}

/* photogallery 포토갤러리 */
.photogallery_box {padding: 40px 0;}
.photolist ul li {float: left; width: 48.5%; margin-bottom: 2.5rem; margin-right: 0;}
.photolist ul li:nth-of-type(2n+2) {float: right;}
.photolist ul li:nth-of-type(3), .photolist ul li:nth-of-type(4) {margin-bottom: 0;}
.photolist ul li a .photo_subject {padding: 10px 2% 0;}
.photolist ul li a .photo_subject span {font-size: 1.5rem;}
.right_customer .notice .boardlist li a span.subject {width: 76%;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 400,499 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:400px) and (max-width:499px) {

.organbannlist li.banner02 a p {}
.right_customer .customer .callcenter div.numtxt span.number {font-size: 1.8rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 500,640 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:500px) and (max-width:640px) {

.right_customer .customer .callcenter div.numtxt span.number {font-size: 1.8rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_tablet 720,767 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:720px) and (max-width:767px) {

/* organbann 기관바로가기 배너메뉴 영역 */
.organbann_box {margin-top: 80px;}
.organbann_box .contents_common {padding: 0;}
.organbannlist li {width: 33.3334%;}
.organbannlist li a {padding: 30px 5%;}
.organbannlist li a h2 {font-size: 1.9rem;}
.organbannlist li a p {font-size: 1.3rem; line-height: 1.8rem;}
.organbannlist li.banner01 a p br {display: none;}
.organbannlist li.banner01 {background-position: 90% 90%; background-size: 36%;}
.organbannlist li.banner02 {background-position: 90% 90%; background-size: 36%;}
.organbannlist li.banner03 {background-position: 90% 90%; background-size: 39%;}
.organbannlist li.banner04 {background-position: 90% 90%; background-size: 30%;}
.organbannlist li.banner05 {background-position: 90% 90%; background-size: 35%;}
.organbannlist li.banner01 a span.btnmore {margin-top: 15px;}
.organbannlist li.banner02 a span.btnmore {margin-top: 15px;}
.organbannlist li.banner03 a span.btnmore {margin-top: 15px;}
.organbannlist li.banner04 a span.btnmore {margin-top: 15px;}
.organbannlist li.banner05 a span.btnmore {margin-top: 15px;}

/* left_shortcut */ 
.left_shortcut {width: 100%; margin-bottom: 8%;}

/* right_customer */
.right_customer {width: 100%;}
.right_customer .customer {height: auto; background-size: 70% 100%;}
.right_customer .customer .callcenter div.tit {width: 220px; font-size: 1.6rem;}
.right_customer .notice .boardlist li {height: 65px;}
.right_customer .notice .boardlist li a {line-height: 5.3rem;}

/* main_visual_slide */
.mainvisual_slide {height: auto; padding-top: 50px; padding-bottom: 50px; margin-top: 60px;}
.slidecontents {padding: 0 8%;}
.slidebtn_prev {top: 48%; width: 32px; height: 32px; left: 2%; background-size: 32px 32px !important;} /*좌우버튼 크기조절*/
.slidebtn_next {top: 48%; width: 32px; height: 32px; right: 2%; background-size: 32px 32px !important;} /*좌우버튼 크기조절*/
.slidebanner .swiper-container-1 .swiper-slide a {box-shadow: 6px 6px 12px rgba(0,0,0,0.15);}

.contents_common {padding: 0 3%;}
.contents_common h3 {height: 60px; font-size: 3.5rem;}

/* media 유튜브채널 영역 */
.media_box {height: auto; padding: 60px 0; margin-top: 40px; background: #fdf9f0 url("../images/media_bg.jpg") no-repeat center top; background-size: 100%;}
.medialist .left {width: 100%; margin-bottom: 3%;}
.medialist .right {width: 100%;}

/* photogallery 포토갤러리 */
.photogallery_box {padding: 60px 0;}
.photolist ul li {float: left; width: 48.5%; margin-bottom: 2.5rem; margin-right: 0;}
.photolist ul li:nth-of-type(2n+2) {float: right;}
.photolist ul li:nth-of-type(3), .photolist ul li:nth-of-type(4) {margin-bottom: 0;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_tablet 768,1023 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:768px) and (max-width:1023px) {

/* organbann 기관바로가기 배너메뉴 영역 */
.organbann_box {margin-top: 80px;}
.organbann_box .contents_common {padding: 0;}
.organbannlist li {width: 33.3334%;}
.organbannlist li a {padding: 30px 5%;}
.organbannlist li a h2 {font-size: 1.9rem;}
.organbannlist li a p {font-size: 1.3rem; line-height: 1.8rem;}
.organbannlist li.banner01 a p br {display: none;}
.organbannlist li.banner01 {background-position: 90% 90%; background-size: 36%;}
.organbannlist li.banner02 {background-position: 90% 90%; background-size: 36%;}
.organbannlist li.banner03 {background-position: 90% 90%; background-size: 39%;}
.organbannlist li.banner04 {background-position: 90% 90%; background-size: 30%;}
.organbannlist li.banner05 {background-position: 90% 90%; background-size: 35%;}
.organbannlist li.banner01 a span.btnmore {margin-top: 15px;}
.organbannlist li.banner02 a span.btnmore {margin-top: 15px;}
.organbannlist li.banner03 a span.btnmore {margin-top: 15px;}
.organbannlist li.banner04 a span.btnmore {margin-top: 15px;}
.organbannlist li.banner05 a span.btnmore {margin-top: 15px;}

/* left_shortcut */ 
.left_shortcut {width: 100%; margin-bottom: 8%;}

/* right_customer */
.right_customer {width: 100%;}
.right_customer .customer {height: auto; background-size: 70% 100%;}
.right_customer .customer .callcenter div.tit {width: 230px; font-size: 1.6rem;}
.right_customer .notice .boardlist li {height: 65px;}
.right_customer .notice .boardlist li a {line-height: 5.3rem;}

/* main_visual_slide */
.mainvisual_slide {height: auto; padding-top: 50px; padding-bottom: 50px; margin-top: 60px;}
.slidecontents {padding: 0 8%;}
.slidebtn_prev {top: 48%; width: 32px; height: 32px; left: 2%; background-size: 32px 32px !important;} /*좌우버튼 크기조절*/
.slidebtn_next {top: 48%; width: 32px; height: 32px; right: 2%; background-size: 32px 32px !important;} /*좌우버튼 크기조절*/
.slidebanner .swiper-container-1 .swiper-slide a {box-shadow: 6px 6px 12px rgba(0,0,0,0.15);}

.contents_common {padding: 0 3%;}
.contents_common h3 {height: 60px; font-size: 3.5rem;}

/* media 유튜브채널 영역 */
.media_box {height: auto; padding: 60px 0; margin-top: 40px; background: #fdf9f0 url("../images/media_bg.jpg") no-repeat center top; background-size: 100%;}
.medialist .left {width: 100%; margin-bottom: 3%;}
.medialist .right {width: 100%;}

/* photogallery 포토갤러리 */
.photogallery_box {padding: 60px 0;}
.photolist ul li {float: left; width: 48.5%; margin-bottom: 2.5rem; margin-right: 0;}
.photolist ul li:nth-of-type(2n+2) {float: right;}
.photolist ul li:nth-of-type(3), .photolist ul li:nth-of-type(4) {margin-bottom: 0;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_pc 1024,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1024px) and (max-width:1279px) {

/* organbann 기관바로가기 배너메뉴 영역 */
.organbannlist li a {padding: 30px 15px;}
.organbannlist li a h2 {font-size: 1.8rem; line-height: 2.2rem; letter-spacing: -0.1rem;}
.organbannlist li.banner01 a p br {display: none;}
.organbannlist li.banner01 {background-size: 36%;}
.organbannlist li.banner02 {background-size: 36%;}
.organbannlist li.banner03 {background-size: 38%;}
.organbannlist li.banner04 {background-size: 27%;}
.organbannlist li.banner05 {background-size: 32%;}

/* rollover eff */
.organbannlist li.banner01:hover {background-size: 36%;}
.organbannlist li.banner02:hover {background-size: 36%;}
.organbannlist li.banner03:hover {background-size: 38%;}
.organbannlist li.banner04:hover {background-size: 27%;}
.organbannlist li.banner05:hover {background-size: 32%;}

.shortcutlist ul li a {padding: 40px 20px;}
.shortcutlist ul li a .caption p br {display: none;}

/* main_visual_slide */
.mainvisual_slide {height: 590px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_pc 1280,1919 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1280px) and (max-width:1919px) {

/* main_visual_slide */
.mainvisual_slide {padding-top: 55px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_pc 1920 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1920px) {

}