@charset "utf-8";

/* reset */
body {    color: #000;}
* {margin: 0; padding: 0; box-sizing: border-box; word-break: keep-all; font-family: 'GmarketSansMedium'; }
a {text-decoration: none; color: inherit;}
ul, li {list-style: none;}


.innersize {max-width: 1400px;margin: 0 auto;}

/* 공통텍스트 */
.con {font-family: 'GmarketSansMedium';}
.subf {font-family: 'GongGothicMedium';}

/* header */
header {width: 100%;
height: 70px;
position: relative;}

header h1 {position: absolute;
    left: 50%;
    top: 15px;
    transform: translateX(-50%);}
header h1 img {width: auto;}

#wrap {max-width: 1920px;margin: 0 auto;}
/* main */
main {}
main #mainV { height: 100%; position: relative;}

main #mainV .tab_btn {display: flex; font-size: 18px; position: relative; z-index: 10;}

main #mainV .tab_btn div {border-radius: 15px 15px 0px 0px;padding: 5px 10px;color: white;text-align: center;/*width: 170px;*/}
main #mainV .tab_btn div a span{font-size:1.3rem}
main #mainV .tab_btn div:nth-child(1) {background-color: #ff7326;}
main #mainV .tab_btn div:nth-child(2) {background-color: #2951d5;}
main #mainV .tab_btn div:nth-child(3) {background-color: #04691e;}

main #mainV .tab_btn div a {display: inline-block;width: 100%;vertical-align: sub;}

#mainV .Msingle-item {display: none;}
#mainV .Msingle-item .V_list div img {width: 100%;}

#mainV .mainB {display: flex; flex-wrap: wrap; width: 350px; position: absolute; justify-content: center; right: 11.5%; bottom: 0; z-index: 10;}


#mainV .mainB li {border-radius: 20px;color: white;font-size: 1.2em;width: 130px;height: 130px;text-align: center;transition: all 0.3s;}

#mainV .mainB li:nth-child(1) {margin-bottom: 3%;}
#mainV .mainB li:nth-child(2) {margin-bottom: 3%;}
#mainV .mainB li:nth-child(even) {margin-left: 3%;}

#mainV .mainB li a {display: block;width: 100%; height: 100%;}

#mainV .mainB li .Mtit {display: block;padding-top: 20px;font-family: 'GmarketSansBold';font-size: 1.6rem;line-height: normal;}
#mainV .mainB .kakao .Mtit {padding-top: 11px;}
#mainV .mainB .kakao .Mtit span {font-family: 'GmarketSansBold'}
#mainV .mainB li .Stit {font-size: 13px;border: 1px solid white;padding:5px 8px 3px 8px;position: relative;margin-top: 5px;display: inline-block;}

span.Stit {}

/*
#mainV .mainB li .Stit::after {content: "";display: inline-block;
background-color: white;
width: 10px;
height: 1px;
position: absolute;
bottom: 8px;
right: 3px;
transform: rotate(-45deg);}


#mainV .mainB li .Stit::before {content: "";display: inline-block; background-color: white; width: 10px; height: 1px; transform: rotate(45deg); position: absolute; top: 8px; right: 3px;}
*/

#mainV .mainB li:nth-child(1) {background-color: #e4264e;}
#mainV .mainB li:nth-child(1):hover {background-color: #c22c4c;}
#mainV .mainB li:nth-child(2) {background-color: #f1a53f; /*#ff6d45;*/}
#mainV .mainB li:nth-child(2):hover {background-color: #e26340;}
#mainV .mainB li:nth-child(3) {background-color: #4883a8; /*#00b4e5;*/}
#mainV .mainB li:nth-child(3):hover {background-color: #0398c2;}
#mainV .mainB li:nth-child(4) {background-color: #48a87d; /*#25c97f;*/}
#mainV .mainB li:nth-child(4):hover {background-color: #1aa566;}
#mainV .mainB li:nth-child(5) {background-color: #ffe900; width: 270px; height: 50px; border-radius: 20px 20px 0 0 ; margin-bottom: 0; margin-top: 10px;} 
#mainV .mainB li:nth-child(5):hover {background-color: #e6d306;} 

#mainV .mainB .kakao {padding: 0;display: flex;justify-content: center;align-items: center;}
#mainV .mainB .kakao .Mtit {font-size: 1.5rem;color: #3c1d1d;display: flex;justify-content: center;align-items: center;overflow: hidden;}
#mainV .mainB .kakao .Mtit .kalogo {background-image: url(../_Img/kakaologo.png);background-position: center center;background-repeat: no-repeat;width: 40px; height: 27px;display: inline-block;}

/* 슬라이드 화살표 */
.V_list .slick-next:before,.slick-next::after {display: none;}
.V_list .slick-prev:before,.slick-prev::after {display: none;}
.V_list .slick-prev {left: 10%; z-index: 30; width: 40px; height: 40px; background: url(../_Img/btn.png) no-repeat center left; background-color: #c8c8c8;} 
.V_list .slick-next {right: 10%; z-index: 30; width: 40px; height: 40px; background: url(../_Img/btn.png) no-repeat center right; background-color: #c8c8c8; }
.V_list .slick-prev, .slick-next {display: block;}

.V_list .slick-arrow {display: none;}

.slick-dots {bottom: 20px; z-index: 33;}
.slick-dots li {background-color:#c22c4c;}

#mainV .single-item {width: 100%;height: auto;}
#mainV .single-item img {width: 100%;min-height: 200px;}

#mainV .Msingle-item {width: 100%;height: auto;}
#mainV .single-item img {width: 100%; height: auto;}


#underM {width: 100%; height: auto; position: relative; border-bottom: 1px solid #ccc; overflow: hidden;}
.under-wrap{    width: 1400px;    position: relative;    margin: 0 auto;}
#underM .center {width: 100%; height: 100%;}
#underM .center img {width: 100%; height: auto}

#underM .foreigner {position: absolute;bottom: -10px;right: 0;}

#underM .foreigner a {display: block;}
#underM .foreigner a img {width: 100%; height: auto;}

/* tab_con */
.contain {width: 100%;}
.tab_con {display: flex;margin-top: 30px;}
.tab_con button {width: 25%; text-align: center; font-size: 1.3em;background-color: #f7f7f7; height: 70px; line-height: 70px; border-radius: 20px 20px 0px 0px; border: 1px solid #ccc; cursor: pointer; color: #959595;}

.tabconlist {max-width: 1400px;}
.tabconlist > div {display: none;}
.tabconlist .conlist {width: 100%;display: flex;flex-wrap: wrap;border: 1px solid #cfcfcf;border-radius: 0 0 20px 20px; margin-bottom: 80px;overflow: hidden;}
.tabconlist .conlist li {width: 25%;}
.tabconlist .conlist > li {border-bottom: 1px dashed #ccc;    border-bottom: 1px dashed #ccc;margin-bottom: -1px;}
.tabconlist .conlist .department {width: 100%; height: 300px; text-align: center;}

.tabconlist .conlist .department .depimg {width: 100%; height: 100%;
padding: 10%;}
.tabconlist .conlist .department .depimg a {width: 80%;font-size:13px;}
.tabconlist .conlist .department .depimg a img {width: 100%;}
.tabconlist .conlist .department .depimg .tag {display: flex; align-items: center; justify-content: center;}
.tabconlist .conlist .department .depimg h3 {margin: 10px 0; font-size: 1.5rem;}
.tabconlist .conlist .department .depimg h3 {margin: 10px 0;font-size: 1.5rem;display: inline-block;}
.tabconlist .conlist .department .depimg .desc {display: flex;align-items: center;justify-content: center;}
.tabconlist .conlist .department .depimg .desc1 {background: #D21818;color: #fff;}
.tabconlist .conlist .department .depimg .desc2 {background: #e0a9ff;color: #fff;}
.tabconlist .conlist .department .depimg .desc5 {background: #673AB7;color: #fff;}
.tabconlist .conlist .department .depimg .desc3 {background: #D21818;color: #fff;font-weight: normal;height: 17px;/* margin: 0 4px; */line-height: 17px;border-radius: 30px;width: 17%;display: inline-block;}
.tabconlist .conlist .department .depimg .desc4 {background: #e0a9ff;color: #fff;font-weight: normal;height: 17px;/* margin: 0 4px; */line-height: 17px;border-radius: 30px;width: 17%;display: inline-block;}
.tabconlist .conlist .department .depimg .desc6 {background: #673AB7;color: #fff;font-weight: normal;height: 17px;/* margin: 0 4px; */line-height: 17px;border-radius: 30px;width: 17%;display: inline-block;}
.tabconlist .conlist .department .depimg .desc li {width: 22%;font-size: 1em;position: relative;font-weight: normal;margin: 0 0 7px 7px;line-height: 17px;border-radius: 30px;}.tabconlist .conlist .department .depimg .tag li {width: 25%;font-size: 0.8em;position: relative;}

.tabconlist .conlist .department .depimg .tag li::after {content: ""; display: inline-block; background-color: black; width: 1px;
height: 15px; position: absolute; right: 0px;}
.tabconlist .conlist .department .depimg .tag li:last-child:after {display: none;}
/* on */
.tab_con button.on{font-family: 'GmarketSansBold';}
.tab_con button:nth-child(1).on {background-color: #f5fafe;color: #00afe4;}
.tab_con button:nth-child(2).on {background-color: #fff6f4;color: #ff7617;}
.tab_con button:nth-child(3).on {background-color: #f5ffff;color: #25c97f;}
.tab_con button:nth-child(4).on {background-color: #fdf6fe;color: #f572b2;}
.tab_con button:nth-child(5).on {background-color: #f5fafe;color: #00afe4;}
.tab_con button:nth-child(6).on {background-color: #fff6f4;color: #ff7617;}
.tab_con button:nth-child(7).on {background-color: #f5ffff;color: #25c97f;}
.tab_con button:nth-child(8).on {background-color: #fdf6fe;color: #f572b2;}
.tab_con button:nth-child(9).on {background-color: #f3e8ff;color: #c572f5;}
.tab_con button:nth-child(10).on {background-color: #f5fafe;color: #00afe4;}

.tabconlist > div.on {display: block;}

.logo {display: flex; flex-wrap: wrap; margin: 0 auto 60px;}
.logo li {width: 23.5%;margin-right: 2%;box-sizing: border-box;line-height: 1;display: flex;align-items: center;padding: 20px 0;border: 1px solid #cfcfcf; justify-content: center; margin-bottom: 20px;}
.logo li:nth-child(1) {display: block; border: none;}
.logo li .tit {font-size: 40px; margin-bottom: 15px; font-weight: 600;}
.logo li .tit .cor {color: #C41816;}
.logo li .txt {font-size: 18px; color:rgb(134, 134, 134); line-height: 1.1;}
.logo li .info {font-size: 22px; line-height: 1.2; color: #000;}
.logo li img {width: 80px; height: 80px; object-fit: cover; object-position: center center; margin-right: 5px;}
.logo li:nth-child(4n) {margin-right: 0%;}

/* footer */
footer {border-top: 1px solid #d0d0d0;color: #666666;font-family:'Noto Sans KR'; position: relative; height: auto;}
.footerIntro {display: flex; justify-content: space-around; padding: 10px; align-items: center;}

.footerIntro .flogo {width: 5%;}
.footerIntro .flogo img {width: 100%;}
.footerIntro .ftext {font-size: 15px; width: 37%;}
.footerIntro .ftext span {font-size: 13px;}

.footerIntro .flink {font-size: 15px;
width: 250px; text-align: center;}
.footerIntro .flink > a {border: 1px solid #d0d0d0;
padding: 10px 15px;
position: relative;}

/*
.footerIntro .flink > a::after {content: ""; display: inline-block;
width: 1px; height: 10px; background-color: #666666; transform: rotate(-45deg); position: absolute; right: 10px; top: 14px;}
.footerIntro .flink > a::before {content: ""; display: inline-block;
width: 1px; height: 10px; background-color: #666666; transform: rotate(45deg); position: absolute; right: 10px; bottom: 10px;}
*/
.footerIntro .fSNS {display: flex; justify-content: center; width: 20%;}
.footerIntro .fSNS li {margin-right: 15px;}
.footerIntro .fSNS li:last-child {margin-right: 0px;}
.footerIntro .fSNS li a {display: flex; align-items: center;}

.footerIntro .fSNS li a img {width: 30px; height: 30px;}
.footerIntro .fSNS li a span {font-size: 1em;    margin-left: 5px;}

footer .top {width: 70px;height: 70px;background-color: #666666;border: none;color: white;position: fixed;bottom: 60px;right: 50px;cursor: pointer;border-radius: 50%;}
footer .kakao {width: 70px;height: 70px;background: url(../_Img/kakao_img.png) no-repeat center #fbe300; border: none;color: white;position: fixed;bottom: 140px;right: 50px;cursor: pointer;border-radius: 50%; color: #271616; text-align: center; background-size: 50px; text-indent: 9999px;}

.kakao-mo , img.mo {display:none;}

/* 반응형 */

@media (max-width: 1650px) {
    #mainV .mainB {/* width: 244px; */}
    #mainV .mainB li {/* width: 100px; *//* height: 100px; */}
    #mainV .mainB li .Mtit {padding-top: 18px;}
}
@media (max-width: 1500px) {

    .V_list .slick-prev {left: 10px;} 
    .V_list .slick-next {right: 10px;}

    #mainV .mainB {width: 270px;}
    #mainV .mainB li {/* width: 100px; *//* height: 100px; */}
    footer .footerIntro {flex-wrap: wrap;}
    .footerIntro .flogo {width: 50%; text-align: center;}
    .footerIntro .flogo img {width: 70px;}
    .footerIntro .ftext {width: 43%; margin-right: 7%;}
    .footerIntro .flink {width: 50%; margin-top: 15px;}
    .footerIntro .fSNS {width: 50%;}
	#mainV .mainB {right:5%;}
}
@media (max-width: 1400px) {
	.under-wrap {width:95%;}
	.contain {width:95%;margin:0 auto;}
	
}
@media (max-width: 1350px) {
    #mainV .mainB {/* width: 200px; */}
    #mainV .mainB li {/* width: 90px; *//* height: 90px; */}
    #mainV .mainB li .Stit {font-size: 12px;display: none;}
    #mainV .mainB .kakao .Mtit {/* font-size: 14px; */padding-top: 4px;} 
    #mainV .mainB li:nth-child(5) {height: 40px;}
}

@media (max-width: 1200px) {

    #mainV .mainB li {width: 90px;height: 89px;}
    #mainV .mainB li .Mtit {font-size: 14px;padding-top: 29px;}
    #underM .foreigner a {display: block; width: 100%;}
    #underM .foreigner a img {width: 240px; height: auto;}
    #mainV .mainB {width: 190px;}
    #mainV .mainB li:nth-child(5) {width: 192px;}
    .tabconlist .conlist li {width: 33%;}
    .tabconlist .conlist .department .depimg .tag li {font-size: 0.6em;}

    .tabconlist .conlist > li:nth-child(-n+6) {border-bottom: 1px dashed #ccc;}
    .footerIntro .fSNS li a span {font-size: 0.6em;}
    #mainV .mainB .kakao .Mtit { font-size: 14px;  padding-top: 10px;}
    .tab_con button {font-size: 1.1em;}

   .logo li {width: 31%; margin-right: 3%;}
    .logo li:nth-child(3n) {margin-right: 0%;}
    .logo li:nth-child(4n) {margin-right: 3%;}
    .logo li .info {font-size: 18px;}
	
}

@media (max-width: 1000px) {
    #mainV .single-item img {min-height: 100px;}
    .tab_con button {width: 25%; text-align: center; font-size: 1.1em;}	
}
@media (max-width: 850px) {
    .tab_con{  flex-wrap: wrap;}
    .tab_con button {width: 50.1%;border-radius: 0;padding: 15px 0;height: auto;line-height: normal;margin-right: -1px;margin-bottom: -1px;}
    .tabconlist .conlist .department .depimg .tag {flex-wrap: wrap;}
    .tabconlist .conlist .department .depimg h3 {font-size: 20px;}
    .tabconlist .conlist .department .depimg .tag li {width: 45%;}
    .tabconlist .conlist .department .depimg .tag li:nth-child(2):after {display: none;}
    #mainV .single-item {display: none;}
    #mainV .Msingle-item {display: block;}
    #mainV .mainB {width: 180px;/* position: absolute; */display: flex;}
    #mainV .mainB li:nth-child(even) {margin-left: 0;}
    #mainV .mainB li:nth-child(3) {margin-bottom: 3%;}
    #mainV .mainB li:nth-child(4) {margin-bottom: 3%;}
    #mainV .mainB li {width: 130px;height: 130px;}
    #mainV .mainB li .Mtit {font-size: 20px;padding-top: 38px;}
    #mainV .mainB .kakao .Mtit {padding-top: 7px;}
    #mainV .mainB li:nth-child(5) {margin-top: 0px;}
    #mainV .mainB li .Mtit {position: relative;}
    #mainV .mainB li:nth-child(5) {width: 180px;}

}
@media (max-width: 750px) {
    .tabconlist .conlist li {width: 50%;}
    .tabconlist .conlist .department .depimg .tag li {font-size: 0.7em;}
    .logo li {width: 45%; margin-right: 5%;}
    .logo li img {width: 65px; height: 65px;}
    .logo li:nth-child(4n) {margin-right: 0;}
    .logo li:nth-child(3n) {margin-right: 5%;}

}

@media (max-width: 700px) {

    .V_list .slick-prev {width: 30px; height: 30px;} 
    .V_list .slick-next {width: 30px; height: 30px;}

    #underM .foreigner {position: relative; width: 100%;margin-top: -10px;}
    #underM .foreigner a {}
    #underM .foreigner a img {width: 100%;}
	img.mo {display:block;}
	img.pc {display:none;}
}

@media (max-width: 580px) {
    #mainV .single-item img {min-height: 80px;}
    .logo li {padding: 10px 0;}
    .logo li .info {font-size: 14px;}
    .tabconlist .conlist .department .depimg .tag {flex-wrap: wrap;}
    .tabconlist .conlist .department .depimg .tag li {width: 50%;}
    .tabconlist .conlist .department .depimg .tag li:nth-child(2):after {display: none;}
}

@media (max-width: 500px) {
    .tab_con{  flex-wrap: wrap;}
	.tab_con button {width: 50.1%;border-radius: 0;padding: 15px 0;height: auto;line-height: normal;margin-right: -1px;margin-bottom: -1px;}
    .footerIntro .flink {width: 100%;}
    .footerIntro .flink > a {display: block;}
    .footerIntro .fSNS {margin-top: 10px;}
    .tab_con button {font-size: 16px;}
    .tabconlist .conlist .department .depimg h3 {font-size: 16px;}
    .tabconlist .conlist .department .depimg .tag li {font-size: 14px;}
    .tabconlist .conlist .department .depimg .tag li:nth-child(1), .tabconlist .conlist .department .depimg .tag li:nth-child(2) {margin-bottom: 10px;}
    .tabconlist .conlist .department {height: 250px;}

    .tabconlist .conlist .department .depimg .desc li {font-size: 85%;width: 31%;}
    .tabconlist .conlist .department .depimg .desc3 {font-size: 85%;margin-bottom: 7px;}
    .tabconlist .conlist .department .depimg .desc4 {font-size: 85%;margin-bottom: 7px;}
    .tabconlist .conlist .department .depimg .desc6 {font-size: 85%;margin-bottom: 7px;}

    #mainV .mainB {width: 95%;position: initial;margin: 10px auto 0;}
    #mainV .mainB li {width:23.5%;margin-right:2%;height: auto;padding:20px 10px 15px;}
    #mainV .mainB li:nth-child(4) {margin-right:0;}
    #mainV .mainB li:nth-child(5) {display:none;}

    #mainV .mainB li .Mtit {font-size:14px;padding:0}
    .kakao-mo .kalogo{background-image: url(../_Img/kakaologo.png);background-position: center center;background-repeat: no-repeat;width: 40px;height: 27px;display: inline-block;margin-bottom: -3px;}
    /* .kakao-mo {text-align: center;display:block;position: fixed;right: 5px;bottom: 20px;width: 80px;border-radius: 50px;height: 80px;z-index: 10;box-sizing: border-box;background-color: #ffe900;padding-top: 12px;} */

    .logo {justify-content: center;}
    .logo li {margin-right: 0; width: 48%; margin-left: 2%;}
    .logo li:nth-child(1) {width: 100%;}
    .logo li:nth-child(3n) {margin-right: 0;}
    .logo li:nth-child(2n) {margin-left: 0;}


}

@media (max-width: 400px) {
   .tabconlist .conlist .department {height: 290px;}
}

/*FROM SITE CODE :  
*/