@charset "utf-8";

/* 오시는길 */
.loac-infos{}
.loac-infos:after{clear:both; content:""; display:block;}
.loac-infos li{float:left; padding:5px 0px 5px 80px; box-sizing:border-box;}
.loac-infos li .btit{font-size:24px; font-family:'NotoKrM'; line-height:120%; margin-bottom:5px; color:#6310d6; letter-spacing:-0.02em;}
.loac-infos li .stxt{font-size:16px; font-family:'NotoKrR'; line-height:120%; letter-spacing:-0.02em;}

.loac-infos li.addr{width:40%; background:url("../images/contents/loac-infos-addr.png") no-repeat left;}
.loac-infos li.tel{width:30%; background:url("../images/contents/loac-infos-tel.png") no-repeat left;}
.loac-infos li.email{width:30%; background:url("../images/contents/loac-infos-email.png") no-repeat left;}

.map-info{border:1px solid #d9d9d9; padding:24px; border-radius:20px;}
.map-info:after{clear:both; content:""; display:block;}
.map-info .map{width:48%; height:350px; border-radius:20px; float:left;}
.map-info .map .wrap_controllers{display:none;}
.map-info .map .cont{display:none;}

.map-info .infos{width:50%; float:right;}
.map-info .infos .tit{padding:5px 15px; background:#6310d6; color:#fff; display:inline-block; border-radius:16px; font-size:15px; margin-bottom:10px;}
.map-info .infos .btxt{padding-left:10px; font-size:16px; letter-spacing:-0.03em; line-height:120%; margin-bottom:5px; font-family:'NotoKrR';}

	@media all and (max-width:1200px){
		.loac-infos li.addr{width:45%;}
		.loac-infos li.tel{width:25%;}
		.loac-infos li.email{width:30%;}
	}	

	@media all and (max-width:1000px){
		.loac-infos li.addr{width:70%;}
		.loac-infos li.tel{width:30%;}
		.loac-infos li.email{width:100%; margin-top:20px;}

		.map-info .map{width:55%;}

		.map-info .infos{width:43%;}
	}

	@media all and (max-width:680px){
		.loac-infos li{float:none; padding:0px 0px 0px 50px; background-size:36px !important;}
		.loac-infos li .btit{font-size:18px;}
		.loac-infos li .stxt{font-size:14px;}

		.loac-infos li.addr{width:100%;}
		.loac-infos li.tel{width:100%; margin-top:20px;}
		.loac-infos li.email{width:100%; margin-top:20px;}

		
		.map-info{padding:15px;}

		.map-info .map{width:100%; float:none; margin-bottom:20px;}

		.map-info .infos{width:100%; float:none;}
		.map-info .infos .tit{padding:5px 10px; font-size:13px;}
		.map-info .infos .btxt{font-size:14px;}
	}

	@media all and (max-width:480px){
		.loac-infos li{float:none; padding:0px 0px 0px 40px; background-size:26px !important;}
		.loac-infos li .btit{font-size:16px;}
		.loac-infos li .stxt{font-size:13px;}

		.loac-infos li.tel{margin-top:10px;}
		.loac-infos li.email{margin-top:10px;}

		
		.map-info{padding:10px;}

		.map-info .map{height:200px;}

		.map-info .infos .tit{font-size:12px;}
		.map-info .infos .btxt{font-size:13px;}
	}

/* .edu-place */
.edu-place{}
.edu-place .stitle{font-size:26px; color:#6310d6; line-height:120%; font-family:'NotoKrR'; letter-spacing:-0.02em;}

.edu-place .infos-map{}
.edu-place .infos-map:after{clear:both; content:""; display:block;}
.edu-place .infos-map .infos{float:left; width:50%;}
.edu-place .infos-map .infos .btxt{font-size:16px; color:#24272d; font-family:'NotoKrR'; letter-spacing:-0.02em;}

.edu-place .infos-map .infos .cont-half:after{clear:both; content:""; display:block;}
.edu-place .infos-map .infos .cont-half .fl{width:220px;}

.edu-place .infos-map .infos .cont-half table.cont{}
.edu-place .infos-map .infos .cont-half table thead{}
.edu-place .infos-map .infos .cont-half table thead th{padding:5px 10px; background:#6310d6; color:#fff; font-size:15px; border:1px solid #fff; font-family:'NotoKrR'}

.edu-place .infos-map .infos .cont-half table tbody td{padding:5px 10px; color:#24272d; font-size:15px; border:1px solid #dedede; font-family:'NotoKrR'; text-align:center;}

.edu-place .infos-map .maps{float:right; width:48%;}
.edu-place .infos-map .maps .map{width:100%; height:520px;}
.edu-place .infos-map .maps .map .wrap_controllers{display:none;}
.edu-place .infos-map .maps .map .cont{display:none;}


.edu-place .eduplace-gall{}
.edu-place .eduplace-gall .slide-for{position:relative;}
.edu-place .eduplace-gall .slide-for li{}
.edu-place .eduplace-gall .slide-for li .img{width:100%; height:880px; overflow:hidden;}
.edu-place .eduplace-gall .slide-for li .img img{width:100%; height:880px; object-fit:cover;}

.edu-place .eduplace-gall .slide-for .slick-arrow{position:absolute; width:80px; height:80px; margin-top:-40px; font-size:0px; border:none; color:#fff; background:rgba(0,0,0,0.5);}
.edu-place .eduplace-gall .slide-for .slick-arrow:before{content:""; font-size:30px; line-height:80px;}
.edu-place .eduplace-gall .slide-for .slick-arrow.slick-prev{top:50%; left:0px; z-index:2;}
.edu-place .eduplace-gall .slide-for .slick-arrow.slick-prev:before{content:"◀";}
.edu-place .eduplace-gall .slide-for .slick-arrow.slick-next{top:50%; right:0px; z-index:2;}
.edu-place .eduplace-gall .slide-for .slick-arrow.slick-next:before{content:"▶";}

.edu-place .eduplace-gall .slide-nav{}
.edu-place .eduplace-gall .slide-nav li{margin:0px 5px}
.edu-place .eduplace-gall .slide-nav li .img{width:100%; height:110px; box-sizing:border-box; cursor:pointer; overflow:hidden; background:#000;}
.edu-place .eduplace-gall .slide-nav li .img img{width:100%; opacity:0.4; height:110px; object-fit:cover;}

.edu-place .eduplace-gall .slide-nav li.slick-current .img{border:8px solid #6310d6;}
.edu-place .eduplace-gall .slide-nav li.slick-current .img img{opacity:1;}

.edu-place .edugall-imgs{margin:0px -2%;}
.edu-place .edugall-imgs:after{clear:both; content:""; display:block;}
.edu-place .edugall-imgs li{width:46%; margin:0px 2% 20px 2%; float:left; box-sizing:border-box; border:1px solid #eaeaea; padding:20px; text-align:center;}
.edu-place .edugall-imgs li .img-btit{}
.edu-place .edugall-imgs li .img-btit .img{width:100%; height:390px; overflow:hidden; margin-bottom:20px;}
.edu-place .edugall-imgs li .img-btit .img img{width:100%; height:390px; object-fit:cover;}
.edu-place .edugall-imgs li .img-btit .btit{font-size:18px; color:#24272d;}

	@media all and (max-width:1200px){
		.edu-place .eduplace-gall .slide-for li .img{height:600px;}
		.edu-place .eduplace-gall .slide-for li .img img{height:600px;}

		.edu-place .eduplace-gall .slide-nav li .img{height:80px}
		.edu-place .eduplace-gall .slide-nav li .img img{height:80px;}

		.edu-place .edugall-imgs li .img-btit .img{height:340px;}
		.edu-place .edugall-imgs li .img-btit .img img{height:340px;}
	}	

	@media all and (max-width:1000px){
		.edu-place .stitle{font-size:22px;}

		.edu-place .infos-map .infos{width:40%;}
		.edu-place .infos-map .infos .btxt{font-size:14px;}

		.edu-place .infos-map .maps{width:58%;}

		.edu-place .infos-map .infos .cont-half .fl{float:none; width:100%;}
		.edu-place .infos-map .infos .cont-half .fl.mg40r{margin-right:0px; margin-bottom:20px;}

		.edu-place .infos-map .infos .cont-half table thead th{padding:5px 10px; font-size:14px;}

		.edu-place .infos-map .infos .cont-half table tbody td{padding:5px 10px; font-size:14px;}

		.edu-place .eduplace-gall .slide-for li .img{height:400px;}
		.edu-place .eduplace-gall .slide-for li .img img{height:400px;}

		.edu-place .eduplace-gall .slide-nav li .img{height:70px}
		.edu-place .eduplace-gall .slide-nav li .img img{height:70px;}

		.edu-place .edugall-imgs{margin:0px -1%;}
		.edu-place .edugall-imgs li{width:48%; margin:0px 1% 20px 1%; padding:15px;}
		.edu-place .edugall-imgs li .img-btit .img{margin-bottom:10px; height:200px;}
		.edu-place .edugall-imgs li .img-btit .img img{height:200px;}
		.edu-place .edugall-imgs li .img-btit .btit{font-size:16px;}
	}

	@media all and (max-width:680px){
		.edu-place .stitle{font-size:20px;}

		.edu-place .infos-map .infos{width:100%; float:none; margin-bottom:20px;}

		.edu-place .infos-map .maps{width:100%; float:none;}
		.edu-place .infos-map .maps .map{height:360px;}

		.edu-place .eduplace-gall .slide-for li .img{height:260px;}
		.edu-place .eduplace-gall .slide-for li .img img{height:260px;}

		.edu-place .eduplace-gall .slide-nav li .img{height:80px}
		.edu-place .eduplace-gall .slide-nav li .img img{height:80px;}

		.edu-place .eduplace-gall .slide-for .slick-arrow{width:60px; height:60px; margin-top:-30px;}
		.edu-place .eduplace-gall .slide-for .slick-arrow:before{font-size:20px; line-height:60px;}

		.edu-place .edugall-imgs li .img-btit .img{height:140px;}
		.edu-place .edugall-imgs li .img-btit .img img{height:140px;}
	}

	@media all and (max-width:480px){
		.edu-place .infos-map .maps .map{height:300px;}

		.edu-place .eduplace-gall .slide-for li .img{height:200px;}
		.edu-place .eduplace-gall .slide-for li .img img{height:200px;}

		.edu-place .eduplace-gall .slide-nav li .img{height:70px}
		.edu-place .eduplace-gall .slide-nav li .img img{height:70px;}

		.edu-place .edugall-imgs{margin:0px 0%;}
		.edu-place .edugall-imgs li{width:100%; margin:0px 0% 10px 0%; padding:10px; float:none;}
		.edu-place .edugall-imgs li .img-btit .img{margin-bottom:10px;}
		.edu-place .edugall-imgs li .img-btit .btit{font-size:14px;}
	}

/* .vision-goal */
.vision-goal{}
.vision-goal .vision{position:relative; margin-top:60px; padding:100px 10px; border:4px solid #fff; border-radius:50px 50px 50px 100px; text-align:center; background:url("../images/contents/vision-bg.jpg") no-repeat center; background-size:cover; box-shadow:2px 2px 10px rgba(0, 0, 0, 0.2);}
.vision-goal .vision:before{display:block; position:absolute; right:6%; bottom:10%; width:84px; height:100px; background:url("../images/contents/vision-item01.png") no-repeat center; background-size:100%; z-index:1; content:"";}

.vision-goal .vision .title{position:absolute; top:-60px; left:50%; width:120px; margin-left:-60px; height:120px; line-height:120px; font-size:24px; border-radius:50%; color:#fff; background:linear-gradient(0deg,rgba(128, 31, 255, 1) 0%, rgba(119, 24, 237, 1) 49%, rgba(123, 26, 197, 1) 50%, rgba(198, 50, 233, 1) 100%);}
.vision-goal .vision .btxt{font-size:24px; color:#6310d6; letter-spacing:-0.02em; font-family:'NotoKrB';}
.vision-goal .vision .stxt{font-size:16px; color:#000; letter-spacing:-0.02em;}

.vision-goal .goal{position:relative; margin-top:60px; padding:80px 0px 0px 0px; background:url("../images/contents/goal-bg.png") no-repeat top center;}
.vision-goal .goal .title{text-align:center; position:absolute; top:-60px; left:50%; width:120px; margin-left:-60px; height:120px; line-height:120px; font-size:24px; border-radius:50%; color:#fff; background:linear-gradient(0deg,rgba(255, 90, 180, 1) 0%, rgba(255, 77, 116, 1) 49%, rgba(255, 86, 85, 1) 50%, rgba(255, 143, 95, 1) 100%);}

.vision-goal .goal .clist{margin:0px -2%;}
.vision-goal .goal .clist:after{clear:both; content:""; display:block;}
.vision-goal .goal .clist li{position:relative; float:left;border:1px solid #d684cf;  width:21%; margin:0px 2%; background:#fff; padding:30px; box-sizing:border-box; border-radius:20px; min-height:210px;}
.vision-goal .goal .clist li:before{position:absolute; bottom:30px; right:30px; width:56px; height:47px; content:""; background:#000;}
.vision-goal .goal .clist li .btxt{ font-size:16px; color:#000; line-height:140%;}

.vision-goal .goal .clist li:nth-child(1):before{background:url("../images/contents/goal-item01.png") no-repeat center;}
.vision-goal .goal .clist li:nth-child(2):before{background:url("../images/contents/goal-item02.png") no-repeat center;}
.vision-goal .goal .clist li:nth-child(3):before{background:url("../images/contents/goal-item03.png") no-repeat center;}
.vision-goal .goal .clist li:nth-child(4):before{background:url("../images/contents/goal-item04.png") no-repeat center;}

	@media all and (max-width:1200px){
		.vision-goal .goal .clist li .btxt br{display:none;}
	}	

	@media all and (max-width:1000px){
		.vision-goal .vision{margin-top:40px; padding:60px 10px; border:3px solid #fff; border-radius:30px 30px 30px 60px; }
		.vision-goal .vision:before{right:5%; top:8%; bottom:auto; width:64px; height:80px;}
		.vision-goal .vision .title{top:-40px; width:80px; margin-left:-40px; height:80px; line-height:80px; font-size:20px;}
		.vision-goal .vision .btxt{font-size:20px;}
		.vision-goal .vision .stxt{font-size:15px;}

		.vision-goal .goal{margin-top:40px; padding:60px 0px 0px 0px; background-size:100%;}
		.vision-goal .goal .title{top:-40px; width:80px; margin-left:-40px; height:80px; line-height:80px; font-size:20px;}

		.vision-goal .goal .clist{margin:0px -1%;}
		.vision-goal .goal .clist li{width:23%; margin:0px 1%; padding:15px; border-radius:10px; min-height:180px;}
		.vision-goal .goal .clist li:before{bottom:20px; right:10px;}
		.vision-goal .goal .clist li .btxt{font-size:14px;}
	}

	@media all and (max-width:680px){
		.vision-goal .vision{margin-top:30px; padding:40px 10px; border:2px solid #fff;}
		.vision-goal .vision:before{right:5%; top:8%; width:44px; height:60px;}
		.vision-goal .vision .title{top:-30px; width:60px; margin-left:-30px; height:60px; line-height:60px; font-size:18px;}
		.vision-goal .vision .btxt{font-size:18px;}
		.vision-goal .vision .stxt{font-size:14px;}

		.vision-goal .goal{margin-top:30px; padding:40px 0px 0px 0px;}
		.vision-goal .goal .title{top:-30px; width:60px; margin-left:-30px; height:60px; line-height:60px; font-size:18px;}

		.vision-goal .goal .clist{margin:0px -1%;}
		.vision-goal .goal .clist li{padding:10px; min-height:200px;}
		.vision-goal .goal .clist li:before{bottom:20px; right:10px;}
		.vision-goal .goal .clist li .btxt{font-size:13px;}
	}

	@media all and (max-width:480px){
		.vision-goal .vision:before{right:5%; top:-14%;}
		.vision-goal .vision .btxt{font-size:16px;}
		.vision-goal .vision .stxt{font-size:13px;}

		.vision-goal .goal .clist{margin:0px -1%;}
		.vision-goal .goal .clist li{width:48%; margin-bottom:10px; min-height:160px;}
	}


/* .history-wrap */
.history-wrap{background:url("../images/contents/history-bg.png") no-repeat right bottom;}
.history-wrap .list{padding-left:10px;}
.history-wrap .list li{position:relative; padding:0px 0px 50px 30px;}
.history-wrap .list li:before{position:absolute; top:3px; left:0px; width:10px; height:10px; border:4px solid #6310d6; background:#fff; border-radius:50%; display:block; z-index:2; content:"";}
.history-wrap .list li:after{position:absolute; top:0px; left:8px; width:1px; height:100%; width:1px; height:100%; background:#ebebeb; display:block; z-index:1; content:"";}
.history-wrap .list li .year{font-size:20px; color:#6310d6; font-family:'NotoKrB'; margin-bottom:20px;}
.history-wrap .list li .btxt{font-size:15px; color:#666; line-height:140%; margin-bottom:5px;}

	@media all and (max-width:1000px){
		.history-wrap{padding-bottom:40%; background-size:50%;}
	}

	@media all and (max-width:680px){
		.history-wrap .list li .year{font-size:18px;}
		.history-wrap .list li .btxt{font-size:14px;}
	}

	@media all and (max-width:480px){
		.history-wrap .list{padding-left:0px;}
		.history-wrap .list li{padding:0px 0px 20px 25px;}
		.history-wrap .list li .year{font-size:16px;}
		.history-wrap .list li .btxt{font-size:13px;}
	}

/* .charac-wrap */
.charac-wrap{padding:70px 50px; border:1px solid #d9d9d9; border-radius:20px; overflow:hidden;}
.charac-wrap .img-infos{position:relative; padding-left:460px;}
.charac-wrap .img-infos .img{position:absolute; top:0px; left:0px;}
.charac-wrap .img-infos .img img{width:100%;}
.charac-wrap .img-infos .infos{}
.charac-wrap .img-infos .infos li{padding:40px 0px; border-bottom:1px solid #d9d9d9;}
.charac-wrap .img-infos .infos li:first-child{padding-top:0px;}
.charac-wrap .img-infos .infos li:last-child{padding-bottom:0px; border-bottom:none;}

.charac-wrap .img-infos .infos li .tit{position:relative; font-size:24px; color:#6310d6; line-height:120%; font-family:'NotoKrB'; letter-spacing:-0.02em;}
.charac-wrap .img-infos .infos li .tit.quotes{padding-top:50px; }
.charac-wrap .img-infos .infos li .tit.quotes:before{position:absolute; top:0px; left:0px; width:49px; height:29px; content:""; background:url("../images/contents/quotes.png") no-repeat center; background-size:100%;}
.charac-wrap .img-infos .infos li .btxt{font-size:16px; color:#000; line-height:140%; margin-bottom:5px; font-family: 'NotoKrR'; letter-spacing:-0.02em;}

	@media all and (max-width:1200px){
		.charac-wrap{padding:40px 20px;}
		.charac-wrap .img-infos{padding-left:400px;}
	}	

	@media all and (max-width:1000px){
		.charac-wrap .img-infos{padding-left:260px;}
		.charac-wrap .img-infos .img{width:230px;}

		.charac-wrap .img-infos .infos li{padding:20px 0px;}

		.charac-wrap .img-infos .infos li .tit{font-size:20px;}
		.charac-wrap .img-infos .infos li .tit.quotes{padding-top:25px; }
		.charac-wrap .img-infos .infos li .tit.quotes:before{width:30px; height:20px;}
		.charac-wrap .img-infos .infos li .btxt{font-size:14px;}

	}

	@media all and (max-width:680px){
		.charac-wrap{padding:20px;}
		.charac-wrap .img-infos{padding-left:0px; text-align:center;}
		.charac-wrap .img-infos .img{position:relative; top:auto; left:auto; display:inline-block; margin-bottom:20px;}

		.charac-wrap .img-infos .infos{text-align:left;}
		.charac-wrap .img-infos .infos li{padding:15px 0px;}

		.charac-wrap .img-infos .infos li .tit{font-size:18px;}
		.charac-wrap .img-infos .infos li .btxt{font-size:13px;}
	}


/* .career-roadmap */
.career-roadmap{}
.career-roadmap .btns{position:relative; min-height:560px; background:url("../images/contents/roadmap-bg.png") no-repeat center #f8f5f9; background-size:96%;}

.career-roadmap .btns .btn{display:block; position:absolute; top:40%; left:0%; text-align:center;}
.career-roadmap .btns .btn:nth-child(2n){top:47%;}
.career-roadmap .btns .btn:before{display:block; position:absolute; top:60px; left:50%; width:32px; height:28px; margin-left:-16px; background:#000; content:"";}
.career-roadmap .btns .btn:nth-child(2n):before{top:-45px;}
.career-roadmap .btns .btn:after{display:block; position:absolute; top:-80px; left:50%; width:1px; height:60px; background:#000; content:"";}
.career-roadmap .btns .btn:nth-child(2n):after{top:80px;}

.career-roadmap .btns .btn .info{position:relative; }
.career-roadmap .btns .btn .info .tit{display:inline-block; font-family:'NotoKrM'; font-size:18px; background:#000; color:#fff; padding:12px 14px; line-height:100%; border-radius:30px; }
.career-roadmap .btns .btn .info .list{position:absolute; left:50%; top:-170px; width:190px; margin-left:-95px;}
.career-roadmap .btns .btn:nth-child(2n) .info .list{top:170px;}
.career-roadmap .btns .btn .info .list li{margin-bottom:5px; border:1px solid #000; background:#fff; color:#000; line-height:100%; padding:6px 10px; border-radius:14px;}

.career-roadmap .btns .btn:hover .info .tit{text-decoration:underline; background:#000; color:#fff}
.career-roadmap .btns .btn:hover .info .list li{text-decoration:underline; border-color:#fff; background:#000; color:#fff;}

.career-roadmap .btns .btn.web{left:9%;}
.career-roadmap .btns .btn.web:before{background:url("../images/contents/roadmap-icon-web.png") no-repeat center;}
.career-roadmap .btns .btn.web:after{background:#3d4ca4;}
.career-roadmap .btns .btn.web .info .tit{background:#3d4ca4;}
.career-roadmap .btns .btn.web .info .list li{border-color:#3d4ca4; color:#3d4ca4;}
.career-roadmap .btns .btn.web:hover .info .tit{background:#cbd1f7; color:#3d4ca4}
.career-roadmap .btns .btn.web:hover .info .list li{background:#3d4ca4; color:#fff;}

.career-roadmap .btns .btn.big{left:22.5%;}
.career-roadmap .btns .btn.big:before{background:url("../images/contents/roadmap-icon-big.png") no-repeat center;}
.career-roadmap .btns .btn.big:after{background:#8a4fa8;}
.career-roadmap .btns .btn.big .info .tit{background:#8a4fa8;}
.career-roadmap .btns .btn.big .info .list li{border-color:#8a4fa8; color:#8a4fa8;}
.career-roadmap .btns .btn.big:hover .info .tit{background:#e2cced; color:#8a4fa8}
.career-roadmap .btns .btn.big:hover .info .list li{background:#8a4fa8; color:#fff;}

.career-roadmap .btns .btn.clo{left:38%;}
.career-roadmap .btns .btn.clo .info .list{top:-138px;}
.career-roadmap .btns .btn.clo:before{background:url("../images/contents/roadmap-icon-clo.png") no-repeat center;}
.career-roadmap .btns .btn.clo:after{background:#11a0ba;}
.career-roadmap .btns .btn.clo .info .tit{background:#11a0ba;}
.career-roadmap .btns .btn.clo .info .list li{border-color:#11a0ba; color:#11a0ba;}
.career-roadmap .btns .btn.clo:hover .info .tit{background:#bfdfe6; color:#11a0ba}
.career-roadmap .btns .btn.clo:hover .info .list li{background:#11a0ba; color:#fff;}

.career-roadmap .btns .btn.swd{left:54%;}
.career-roadmap .btns .btn.swd:before{background:url("../images/contents/roadmap-icon-swd.png") no-repeat center;}
.career-roadmap .btns .btn.swd:after{background:#4db346;}
.career-roadmap .btns .btn.swd .info .tit{background:#4db346;}
.career-roadmap .btns .btn.swd .info .list li{border-color:#4db346; color:#4db346;}
.career-roadmap .btns .btn.swd:hover .info .tit{background:#c9ecc7; color:#4db346}
.career-roadmap .btns .btn.swd:hover .info .list li{background:#4db346; color:#fff;}

.career-roadmap .btns .btn.sec{left:69.5%;}
.career-roadmap .btns .btn.sec .info .list{top:-138px;}
.career-roadmap .btns .btn.sec:before{background:url("../images/contents/roadmap-icon-sec.png") no-repeat center;}
.career-roadmap .btns .btn.sec:after{background:#dc537d;}
.career-roadmap .btns .btn.sec .info .tit{background:#dc537d;}
.career-roadmap .btns .btn.sec .info .list li{border-color:#dc537d; color:#dc537d;}
.career-roadmap .btns .btn.sec:hover .info .tit{background:#efcfd9; color:#dc537d}
.career-roadmap .btns .btn.sec:hover .info .list li{background:#dc537d; color:#fff;}

.career-roadmap .btns .btn.uiu{left:86%;}
.career-roadmap .btns .btn.uiu:before{background:url("../images/contents/roadmap-icon-uiu.png") no-repeat center;}
.career-roadmap .btns .btn.uiu:after{background:#1f8dd3;}
.career-roadmap .btns .btn.uiu .info .tit{background:#1f8dd3;}
.career-roadmap .btns .btn.uiu .info .list li{border-color:#1f8dd3; color:#1f8dd3;}
.career-roadmap .btns .btn.uiu:hover .info .tit{background:#c4dff1; color:#1f8dd3}
.career-roadmap .btns .btn.uiu:hover .info .list li{background:#1f8dd3; color:#fff;}

.career-roadmap .cont{display:none;}
.career-roadmap .cont.show{display:block;}

	@media all and (max-width:1200px){
		.career-roadmap .btns .btn.web{left:8.5%;}
		.career-roadmap .btns .btn.big{left:21.5%;}
		.career-roadmap .btns .btn.clo{left:37%;}
		.career-roadmap .btns .btn.swd{left:53%;}
		.career-roadmap .btns .btn.sec{left:68.5%;}
		.career-roadmap .btns .btn.uiu{left:85%;}
	}	

	@media all and (max-width:1000px){

		.career-roadmap .btns{min-height:440px;}

		.career-roadmap .btns .btn{top:50%;}
		.career-roadmap .btns .btn:nth-child(2n){top:45%;}

		.career-roadmap .btns .btn .info .tit{font-size:16px; padding:10px 12px;}
		.career-roadmap .btns .btn .info .list{top:-150px; width:130px; margin-left:-65px;}
		.career-roadmap .btns .btn:nth-child(2n) .info .list{top:110px;}
		.career-roadmap .btns .btn:after{top:-70px; height:50px;}
		.career-roadmap .btns .btn:nth-child(2n):after{top:50px;}

		.career-roadmap .btns .btn.web{left:8%;}
		.career-roadmap .btns .btn.big{left:20%;}
		.career-roadmap .btns .btn.clo{left:36%;}
		.career-roadmap .btns .btn.swd{left:52%;}
		.career-roadmap .btns .btn.sec{left:67%;}
		.career-roadmap .btns .btn.uiu{left:83.5%;}
	}

	@media all and (max-width:680px){
		.career-roadmap .btns{min-height:420px;}

		.career-roadmap .btns .btn{top:43%;}
		.career-roadmap .btns .btn:nth-child(2n){top:49%;}
		.career-roadmap .btns .btn:before{top:40px;}
		.career-roadmap .btns .btn:nth-child(2n):before{top:-35px;}

		.career-roadmap .btns .btn .info .tit{font-size:14px; padding:8px;}
		.career-roadmap .btns .btn .info .list{top:-120px; width:80px; margin-left:-40px;}
		.career-roadmap .btns .btn:nth-child(2n) .info .list{top:70px;}
		.career-roadmap .btns .btn .info .list li{padding:4px 5px; font-size:13px; line-height:120%;}

		.career-roadmap .btns .btn:after{top:-25px; height:20px;}
		.career-roadmap .btns .btn:nth-child(2n):after{top:40px;}

		.career-roadmap .btns .btn.web{left:8%;}
		.career-roadmap .btns .btn.big{left:19%;}
		.career-roadmap .btns .btn.clo{left:35%;}
		.career-roadmap .btns .btn.swd{left:51%;}
		.career-roadmap .btns .btn.sec{left:66%;}
		.career-roadmap .btns .btn.uiu{left:83%;}

		.career-roadmap .btns .btn.clo .info .list{top:-90px;}

		.career-roadmap .btns .btn.sec .info .list{top:-80px;}

	}

	@media all and (max-width:480px){
		.career-roadmap .btns{min-height:400px;}

		.career-roadmap .btns .btn{top:40%;}
		.career-roadmap .btns .btn:nth-child(2n){top:52%;}
		.career-roadmap .btns .btn:before{top:35px; width:24px; height:26px; margin-left:-12px; background-size:100% !important;}
		.career-roadmap .btns .btn:nth-child(2n):before{top:-30px;}

		.career-roadmap .btns .btn .info .tit{font-size:12px; padding:8px 4px;}
		.career-roadmap .btns .btn .info .list{top:-100px; width:60px; margin-left:-30px;}
		.career-roadmap .btns .btn:nth-child(2n) .info .list{top:50px;}
		.career-roadmap .btns .btn .info .list li{padding:4px 2px; font-size:11px; line-height:120%;}

		.career-roadmap .btns .btn:after{top:-20px; height:16px;}
		.career-roadmap .btns .btn:nth-child(2n):after{top:32px;}

		.career-roadmap .btns .btn.web{left:8%;}
		.career-roadmap .btns .btn.big{left:18.5%;}
		.career-roadmap .btns .btn.clo{left:34.5%;}
		.career-roadmap .btns .btn.swd{left:50.5%;}
		.career-roadmap .btns .btn.sec{left:65.5%;}
		.career-roadmap .btns .btn.uiu{left:82.5%;}

		.career-roadmap .btns .btn.clo .info .list{top:-75px;}

		.career-roadmap .btns .btn.sec .info .list{top:-65px;}
	}