@charset "utf-8";

/* GmarketSans */
@font-face {
    font-family:'GmarketSansLight';
    src:url('/site/common/fonts/GmarketSansLight.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansMedium';
    src:url('/site/common/fonts/GmarketSansMedium.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansBold';
    src: url('/site/common/fonts/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 학과 컬러 */
.mColorBg, header > section > nav.gnb > ul > li > a:hover, header > section > nav.gnb > ul > li > a:focus, header > section nav.gnb > ul > li.active > a, header > section > nav.gnb > ul > li > ul.navSubmenu, .allmenuCon, .btnPopOpen, .mainArticleRightSlider > li > .more:hover, .mainArticleRightSlider > li > .more:focus, .mainArticleRight .bx-wrapper .bx-prev:hover, .mainArticleRight .bx-wrapper .bx-prev:focus, .mainArticleRight .bx-wrapper .bx-next:hover, .mainArticleRight .bx-wrapper .bx-next:focus, .mainArticleLeftTop:after, .mainTypeA_Btn:hover, .mainTypeA_Btn:focus, .mainTypeB_Btn:hover, .mainTypeB_Btn:focus, .mainTypeD_list > li > a:hover, .mainTypeD_list > li > a:focus, .newsRight > li > a:hover, .newsRight > li > a:focus, #leftCont h2, .visionBox > li strong, .tabStyle li.on a, .tabStyle li a:hover, .tabStyle li a:focus, #videoRollWrap {background:#ff5e6d}
.mainArticleLeftBottom > ul > li > a:hover, .mainArticleLeftBottom > ul > li > a:focus, .mainArticleRightSlider > li > .more:hover, .mainArticleRightSlider > li > .more:focus, .mainTypeA_Btn:hover, .mainTypeA_Btn:focus, .mainTypeB_Btn:hover, .mainTypeB_Btn:focus {border-color:#ff5e6d}
.mColor, .mainArticleLeftBottom > ul > li > a:hover, .mainArticleLeftBottom > ul > li > a:focus, .newsRightRight > .more, #noticeWrap > section > ul > li > h4, #noticeWrap .more, .professor li .pro_right dl dt a .fa-stack-2x {color:#ff5e6d}
#rightCont .con h4.h4Tit:before {border:6px solid #ff5e6d}

/* 학과 GNB 간격 조절 */
header > section > nav.gnb > ul > li {margin-left:50px}


/* 학과 GNB 마우스오버 메뉴 영역 최소값(메뉴떨어지는 경우에만 늘리기) */
/*
header > section > nav.gnb > ul > li:nth-child(1) > ul.navSubmenu {min-width:150px}
header > section > nav.gnb > ul > li:nth-child(7) > ul.navSubmenu {min-width:120px}
*/

/* 전체메뉴보기 크기조절 */
.allmenuNavList {width:20%; height:240px}


/* 메인이미지 경로 */
#k_mainVisualWrap .mainBxslider > li {background:url('../images/kbeautyMainVisual01.jpg') 5% top no-repeat; background-size:cover}
#k_mainVisualWrap .mainBxslider > li:nth-child(2) {background:url('../images/kbeautyMainVisual01.jpg') 50% top no-repeat; background-size:cover}


/* 메인퀵링크 컬러  */
.mainVisualQuick > li a {background:rgba(235,80,24,0.8)}
.mainVisualQuick > li a:hover, .mainVisualQuick > li a:focus {background:rgba(235,80,24,1)}
.mainVisualQuick > li:nth-child(even) a {background:rgba(245,130,37,0.8)}
.mainVisualQuick > li:nth-child(even) a:hover, .mainVisualQuick > li:nth-child(even) a:focus {background:rgba(245,130,37,1)}


/* 팝업 컬러 */
.popBxslider > li:nth-child(odd) {background:#eff1f7}
.popBxslider > li:nth-child(even) {background:#fffbfe}
.popBxslider > li:nth-child(odd) .btnMore a {background:#2a376c}
.popBxslider > li:nth-child(odd) .pointColor {color:#2a376c}
.popBxslider > li:nth-child(even) .btnMore a {background:#ff5e6d}
.popBxslider > li:nth-child(even) .pointColor {color:#ff5e6d}

/* 팝업 margin */
#popupWrap > div {margin:160px auto 0 auto}


/* mainArticleRightSlider */
.mainArticleRightSlider > li:nth-child(1) {background:url('../images/mainArticleRightSlider01.png') #f3f5f8 90% 50% no-repeat}
.mainArticleRightSlider > li:nth-child(2) {background:url('../images/mainArticleRightSlider01.png') #f3f5f8 90% 50% no-repeat}


/* Type 컬러  */
#mainTypeA, #mainTypeB, #mainTypeC, #mainTypeD {background-color:#fff6ef}
#noticeWrap, .visionBox > li {background-color:#f3f5f8}
.mainTypeC_Btn {border-color:#ff5e6d; color:#ff5e6d}
.mainTypeC_list > li > a:hover .mainTypeC_Btn, .mainTypeC_list > li > a:focus .mainTypeC_Btn {background:#ff5e6d; color:#fff}


/* 서브이미지 경로 */
.subVisual01 {background:url('../images/kbeautyMainVisual01.jpg') center 23% no-repeat; background-size:cover}

/* k_mainVisualWrap */
#k_mainVisualWrap {height:730px; overflow:hidden; position:relative}
#k_mainVisualWrap .mainBxslider > li {width:100% !important; height:730px}
.mainTxtWrap {display:table; width:100%; max-width:1200px; height:100%; margin:0 auto; position:relative}
.mainTxtWrap > div {display:table-cell; vertical-align:middle; text-align:center}
.mainTxtWrap > div .mainTxt1 {font-size:20px; font-weight:300; letter-spacing:3px; color:#fff; text-shadow:0px 0px 15px rgba(0,0,0,0.5); margin-top:0; font-family:'GmarketSansLight'; text-transform:uppercase}
.mainTxtWrap > div h2 {font-size:72px; color:#fff; text-shadow:0px 0px 15px rgba(0,0,0,0.5); margin-top:25px; font-family:'GmarketSansMedium'; padding:0 30px}
.mainTxtWrap > div .bar {margin:20px auto}
.mainTxtWrap > div h3 {font-size:28px; font-weight:300; color:#fff; text-shadow:0px 0px 15px rgba(0,0,0,0.5); margin-top:52px; font-family:'GmarketSansLight'; padding:0 30px; line-height:30px}
.mainTxtWrap > div .mainTxt2 {font-size:16px; font-weight:300; color:#fff; text-shadow:0px 0px 15px rgba(0,0,0,0.5); line-height:22px; ; margin-top:30px}
.mainVisualQuick {margin-top:30px}
.mainVisualQuick > li {display:inline-block; margin:0 10px}
.mainVisualQuick > li a {display:table-cell; vertical-align:middle; font-size:16px; font-weight:400; width:90px; height:90px; border-radius:45px; color:#fff; transition:.3s}
#k_mainVisualWrap .bx-wrapper .bx-controls-direction a {top:50%; margin-top:-25px; width:29px; height:50px}
#k_mainVisualWrap .bx-wrapper .bx-prev {left:20px; background:url('/dept1/common/images/mainVisualWrap_roll_arw.png') no-repeat 0 -50px}
#k_mainVisualWrap .bx-wrapper .bx-prev:hover, #k_mainVisualWrap .bx-wrapper .bx-prev:focus {background-position:0 0}
#k_mainVisualWrap .bx-wrapper .bx-next {right:20px; background:url('/dept1/common/images/mainVisualWrap_roll_arw.png') no-repeat -29px -50px}
#k_mainVisualWrap .bx-wrapper .bx-next:hover, #k_mainVisualWrap .bx-wrapper .bx-next:focus {background-position:-29px 0}#popupWrap .bx-wrapper .bx-controls-direction a {top:50%; margin-top:-22px; width:25px; height:43px}

#popupWrap .bx-wrapper .bx-prev {left:-50px; background:url('../images/videoRoll_arw.png') no-repeat 0 -43px}
#popupWrap .bx-wrapper .bx-prev:hover, #popupWrap .bx-wrapper .bx-prev:focus {background-position:0 0}
#popupWrap .bx-wrapper .bx-next {right:-50px; background:url('../images/videoRoll_arw.png') no-repeat -25px -43px}
#popupWrap .bx-wrapper .bx-next:hover, #popupWrap .bx-wrapper .bx-next:focus {background-position:-25px 0}

/* k-btnWrap */
.k-btnWrap {position:absolute; bottom:80px; left:0; width:100%; z-index:99}
.k-btn {background:rgba(255,255,255,0.8); border-radius:50px; overflow:hidden; padding:30px; max-width:1200px; margin:0 auto; text-align:center}
.k-btn li {float:left; width:16.6%}
.k-btn li > a {display:block; transition:.3s}
.k-btn li > a img {display:inline; margin-bottom:10px; transition:.3s}
.k-btn li > a:hover img, .k-btn li > a:focus img {-webkit-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); transform:scale(1.2,1.2)}
.k-btn li p {color:#0a0a0a; font-size:15px; margin:0}
.k-btn li > a:hover, .k-btn li > a:focus {text-decoration:underline; text-underline-position:under}

/* kakaoAdmWrap */
.kakaoAdmWrap {position:relative; max-width:1200px; margin:0 auto; z-index:999}
.kakaoAdm {display:inline-block; position:absolute; top:120px; right:-145px; text-align:right; transition:.3s}
.kakaoAdm:hover, .kakaoAdm:focus {opacity:0.8}

/* NewsWrap */
.NewsWrap {position:relative; max-width:1200px; margin:0 auto; z-index:999}
.News {display:inline-block; position:absolute; top:240px; right:-145px; text-align:right; transition:.3s}
.News:hover, .News:focus {opacity:0.8}

/* instarWrap */
.InstarWrap {position:relative; max-width:1200px; margin:0 auto; z-index:999}
.Instar {display:inline-block; position:absolute; top:0; right:-145px; text-align:right; transition:.3s}
.Instar:hover, .Instar:focus {opacity:0.8}

/* VRWrap */
.VRWrap {position:relative; max-width:1200px; margin:0 auto; z-index:999}
.VR {display:inline-block; position:absolute; top:240px; right:-145px; text-align:right; transition:.3s}
.VR:hover, .VR:focus {opacity:0.8}

/* Con01Wrap QuickBtn */
.Con01Wrap {background-color:#efefef; width:100%; position:relative}
.Con01Wrap .QuickBtn {max-width:1200px; margin: 0 auto; display:flex; justify-content:space-between; border:1px solid #efefef}
.Con01Wrap .QuickBtn .box01 {width:25%; margin-top:-50px; z-index: 999}
.Con01Wrap .QuickBtn .box01 ul li {padding:36px 36px 25px 36px; overflow:hidden; background-color:#fff; border-right:1px solid #efefef}
.Con01Wrap .QuickBtn .box01 ul a:hover li {background-color:#f7f7f7; transition:0.3s}
.Con01Wrap .QuickBtn .box01 ul li:first-child {border-bottom:1px solid #efefef}
.Con01Wrap .QuickBtn .box01 ul li h5 {font-family:Noto Sans CJK KR; font-size:26px; color:#222; letter-spacing:-1px}
.Con01Wrap .QuickBtn .box01 ul li p {font-family:Noto Sans CJK KR; font-size:13px; color:#222; margin-top:37px}
.Con01Wrap .QuickBtn .box01 ul li i {font-family:'Font Awesome 6 Pro'; font-size:30px; color:#ff5e6d; float:right; margin-top:-30px}

.Con01Wrap .QuickBtn .box02 {width:25%; margin-top:-50px; z-index: 999}
.Con01Wrap .QuickBtn .box02 ul li {padding:36px 36px 25px 36px; overflow:hidden; background-color:#fff; border-right:1px solid #efefef}
.Con01Wrap .QuickBtn .box02 ul a:hover li {background-color:#f7f7f7; transition:0.3s}
.Con01Wrap .QuickBtn .box02 ul li:first-child {border-bottom:1px solid #efefef}
.Con01Wrap .QuickBtn .box02 ul li h5 {font-family:Noto Sans CJK KR; font-size:26px; color:#222; letter-spacing:-1px}
.Con01Wrap .QuickBtn .box02 ul li p {font-family:Noto Sans CJK KR; font-size:13px; color:#222; margin-top:37px}
.Con01Wrap .QuickBtn .box02 ul li i {font-family:'Font Awesome 6 Pro'; font-size:30px; color:#ff5e6d; float:right; margin-top:-30px}

.Con01Wrap .QuickBtn .box03 {width:25%; margin-top:-50px; z-index:999}
.Con01Wrap .QuickBtn .box03 a {display:block; background:url('../images/kbeautyIconVisual01.jpg') no-repeat; padding:57px 49px; background-size:cover}
.Con01Wrap .QuickBtn .box03 a:hover {scale:1.02; transition:0.3s}
.Con01Wrap .QuickBtn .box03 .subTxt {font-family:'GmarketSansLight'; font-size:14px; color:#fff; text-align:center; font-weight:100}
.Con01Wrap .QuickBtn .box03 i {font-family:'Font Awesome 6 Pro'; font-size:90px; color:#fff; text-align:center; display:block; margin-top:15px}
.Con01Wrap .QuickBtn .box03 .mainTxt {font-family:'GmarketSansMedium'; font-size:26px; color:#fff; text-align:center; font-weight:700; margin-top:40px; margin-bottom:0}

.Con01Wrap .QuickBtn .box04 {width:25%; margin-top:-50px; z-index: 999}
.Con01Wrap .QuickBtn .box04 a {display:block; background:#ff5e6d; padding:57px 49px}
.Con01Wrap .QuickBtn .box04 a:hover {scale:1.02; transition:0.3s}
.Con01Wrap .QuickBtn .box04 .subTxt {font-family:'GmarketSansLight'; font-size:14px; color:#fff; text-align:center; font-weight:100}
.Con01Wrap .QuickBtn .box04 i {font-family:'Font Awesome 6 Pro'; font-size:90px; color:#fff; text-align:center; display:block; margin-top:15px}
.Con01Wrap .QuickBtn .box04 .mainTxt {font-family:'GmarketSansMedium'; font-size:26px; color:#fff; text-align:center; font-weight:700; margin-top:40px; margin-bottom:0}

/* Con02Wrap*/
.Con02Wrap {background-color:#efefef; padding:59px 0}
.Con02Wrap .bar {display:block; margin:0 auto; margin-bottom:33px}
.Con02Wrap .tab {max-width:1200px; margin:0 auto; display:flex; justify-content:center}
.Con02Wrap .tab a {font-family:Noto Sans CJK KR; color:#989898; font-size:26px; font-weight:700; letter-spacing:-1px; margin-left:10px; margin-right:5px}
.Con02Wrap .tab a.active {color:#111}
.Con02Wrap .tab a:hover {color:#111; transition:0.3s}
.Con02Wrap .tab span {font-family:Noto Sans CJK KR; color:#989898; font-size:26px; margin-left:10px; margin-right:5px}

.noticeWrap {max-width:1200px; margin:0 auto; display:flex; justify-content:space-between}
.noticeWrap a {background-color:#fff; border:1px solid #e2e2e2; padding:30px; width:32%; height:183px}
.noticeWrap a:hover {border:1px solid #ff5e6d; transition:0.3s}
.noticeWrap .notice {color:#ff5e6d; font-size:14px; font-family:Noto Sans CJK KR; letter-spacing:-1px}
.noticeWrap .title {color:#111; font-size:20px; font-family:Noto Sans CJK KR; font-weight:700; line-height:1.3em; letter-spacing:-1px; margin-top:15px; margin-bottom:20px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.noticeWrap .date {color:#a2a2a2; font-size:16px; font-family:Noto Sans CJK KR; letter-spacing:-1px}


/* Con03Wrap */
.Con03Wrap {background:url('../images/kfoodConVisual01.jpg'); padding:62px 0; background-size:cover}
.Con03Wrap .title {text-align:center; line-height:46px; padding:0 30px}
.Con03Wrap .title .subTitle {color:#fff; font-family:'GmarketSansLight'; font-size:36px; text-transform:uppercase}
.Con03Wrap .title .mainTitle {color:#fff; font-family:'GmarketSansBold'; font-size:44px; text-transform:uppercase; margin-top:5px}
.Con03Wrap .btnWrap {max-width:1200px; margin:0 auto; display:flex; justify-content:space-between; margin-top:40px}
.Con03Wrap .btnWrap > div {background-color:#fff; padding:13px}
.Con03Wrap .btnWrap > div p {color:#212121; font-size:24px; font-family:Noto Sans CJK KR; font-weight:300; letter-spacing:-1px; text-align:center; margin-top:28px}
.Con03Wrap .btnWrap > div p span {font-weight:700}
.Con03Wrap .btnWrap .moreWrap {text-align:center}
.Con03Wrap .btnWrap > div a {font-size:14px; color:#ff5e6d; text-align:center; font-family:Noto Sans CJK KR; font-weight:500; display:inline-block; border:1px solid #ff5e6d; padding:10px 30px; border-radius:50px; margin-bottom:15px; margin-top:10px}
.Con03Wrap .btnWrap > div a:hover {background:#ff5e6d; color:#fff; transition:0.3s}

@media screen and (max-width:1490px) {
	.kakaoAdmWrap {max-width:100%}
	.kakaoAdm {right:0}
	.NewsWrap {max-width:100%}
	.News {right:0}
	.InstarWrap {max-width:100%}
	.Instar {right:0}
	.VR {right:0}
}

@media screen and (max-width:1150px) {
	.Con03Wrap .btnWrap {flex-direction:column}
	.Con03Wrap .btnWrap > div {width:386px; margin:0 auto; display:flex; flex-direction:column; align-items:center; margin-top:30px}
	.Con03Wrap .btnWrap > div:first-child {margin-top:0}
}


@media screen and (max-width:938px) {
	.mainTxtWrap > div .mainTxt1 {font-size:14px}
	.mainTxtWrap > div h2 {font-size:60px}
	.mainTxtWrap > div h3 {font-size:24px}
	.mainTxtWrap > div .mainTxt1 {margin:0 20px}
	.Con03Wrap .title .subTitle {font-size:24px}
	.Con03Wrap .title .mainTitle {font-size:38px}
	.noticeWrap {flex-direction:column}
	.noticeWrap a {width:100%}
	.Con02Wrap {padding:59px 10px}
	.Con01Wrap .QuickBtn {display:block}
	.Con01Wrap .QuickBtn .box01 {width:100%; margin-top:0}
	.Con01Wrap .QuickBtn .box02 {width:100%; margin-top:0}
	.Con01Wrap .QuickBtn .box03 {width:50%; margin-top:0}
	.Con01Wrap .QuickBtn .box04 {width:50%; margin-top:0}
	.Con01Wrap .QuickBtn .box01 ul {overflow:hidden}
	.Con01Wrap .QuickBtn .box01 ul li {float:left; width:50%}
	.Con01Wrap .QuickBtn .box01 ul li h5 {font-size:22px}
	.Con01Wrap .QuickBtn .box02 ul {overflow:hidden}
	.Con01Wrap .QuickBtn .box02 ul li {float:left; width:50%}
	.Con01Wrap .QuickBtn .box02 ul li h5 {font-size:22px}
	.Con01Wrap .QuickBtn .box03 {display:inline-block; float:left}
	.Con01Wrap .QuickBtn .box04 {display:inline-block}
	.Con01Wrap .QuickBtn {overflow:hidden}
	.Con01Wrap .QuickBtn .box03 .mainTxt {font-size:22px}
	.Con01Wrap .QuickBtn .box03 i {font-size:70px; margin-top:30px}
	.Con01Wrap .QuickBtn .box04 .mainTxt {font-size:22px}
	.Con01Wrap .QuickBtn .box04 i {font-size:70px; margin-top:30px}
}

@media screen and (max-width:768px) {
	/* 메인이미지 반응형 위치 조절 */	
	.mainTxtWrap > div .mainTxt1 {margin-top:-100px}
	.k-btnWrap {bottom:20px}
	.k-btn li img {height:40px}
	.k-btn li p {font-size:14px}
}

@media screen and (max-width:560px) {
	.mainVisualQuick > li {margin:0 5px}
	.mainVisualQuick > li a {font-size:14px; width:80px; height:80px}
	.k-btn {padding:10px 30px}
	.k-btn li {width:33.33%; margin:5px 0}
	.k-btn li img {height:35px; margin-bottom:5px}
	.k-btn li p {font-size:13px}
	.mainTxtWrap > div h2 {font-size:40px}
	.mainTxtWrap > div .mainTxt1 {font-size:12px}
	.mainTxtWrap > div h3 {font-size:22px}
	.Con01Wrap .QuickBtn .box01 ul li i {font-size:20px; margin-top:-20px}
	.Con01Wrap .QuickBtn .box02 ul li i {font-size:20px; margin-top:-20px}
}
@media screen and (max-width:425px) {
	.mainVisualQuick > li {margin:0}
	.mainVisualQuick > li a {width:75px; height:75px}
	.mainTxtWrap > div .mainTxt2 {font-size:15px; line-height:20px; margin-top:20px}
	.kakaoAdm > img {max-width:60%}
	.instarAdm > img {max-width:60%}
	.instar > img {max-width:60%}
	.instar {top:72px !important}
	.News > img {max-width:60%}
	.VR > img {max-width:60%}
	.VR {top:72px !important}
	.Con01Wrap .QuickBtn .box03 {width:100%}
	.Con01Wrap .QuickBtn .box04 {width:100%}
}

@media screen and (max-width:375px) {
	#k_mainVisualWrap {height:600px}
	#k_mainVisualWrap .mainBxslider > li {height:600px}
	.k-btn li p {font-size:12px}
	.Con01Wrap .QuickBtn .box01 ul li i {display:none}
	.Con01Wrap .QuickBtn .box02 ul li i {display:none}
	.Con01Wrap .QuickBtn .box01 ul li h5 {font-size:18px}
	.Con01Wrap .QuickBtn .box02 ul li h5 {font-size:18px}
}