﻿@charset "utf-8";

/*
 *
 * file : content
 * date : 220303
 * writer : dyj
 *
 *
 */

.pcOnly{}
.mbOnly{display:none}
.sub-con-inner{padding-top:40px;margin:0 auto;width:100%;border-top:1px solid #ddd}
.sub-con-inner .sub-top{height:220px;padding:50px 60px;background:#253b8b url('../img/sub/bg_img.png') right bottom/contain no-repeat;border-radius:0 70px}
.sub-con-inner.add-green .sub-top{background:#008b6c url('../img/sub/bg_img02.png') right bottom/contain no-repeat;border-radius:0 70px}
.sub-top .top-text-box{width:70%}
.sub-top .top-text-box span{display:block}
.top-text-box .en-text{font-family:'Poppins', sans-serif;color:#506cd8;line-height:1;font-size:24px;margin-bottom:10px;}
.add-green .top-text-box .en-text{color:#53af9a}
.top-text-box .top-text{font-size:30px;color:#fff;font-weight:500}
.h5-tit{padding-left:20px;margin-bottom:20px;font-size:1.3rem;font-weight:500;position:relative}
.h5-tit::before{position:absolute;top:13px;left:0;margin-top:-6px;width:12px;height:12px;border:3px solid #2c7aff;content:'';}
.h5-tit::after{position:absolute;top:13px;left:6px;margin-top:-8px;width:8px;height:8px;border:2px solid #fff;border-radius: 50%;background:#ef5f5f;content:'';}
.pt40{padding-top: 40px;;}
/* 인사말
.cont-greeting{padding:60px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.cont-greeting .gt-left-box{width:270px;margin-right:100px;}
.gt-left-box img{width:100%}
.gt-left-box span{display:block;margin-top:20px;text-align:center}
.gt-left-box span em{margin-left:10px;font-size:35px;font-family:'Galmetgol', serif;}
.cont-greeting .gt-right-box{width:calc(100% - 370px);position:relative;}
.cont-greeting .gt-right-box::after{content:'';position:absolute;bottom:-100px;right:0;width:60px;height:113px;background:url('../img/sub/bg_shape.png') left top/contain no-repeat;}
.add-green .cont-greeting .gt-right-box::after{background:url('../img/sub/bg_shape02.png') left top/contain no-repeat;}
.gt-right-box .gt-tit{display:block;font-size:1.8rem;color:#2d48ad;font-weight:600;word-break:keep-all;position:relative;padding-bottom:40px;margin-bottom:40px;}
.gt-right-box .gt-tit::after{position:absolute;content:'';bottom:0;left:0;width:30px;height:5px;background:#2d48ad}
.add-green  .gt-right-box .gt-tit{color:#0f604e}
.add-green  .gt-right-box .gt-tit::after{background:#0f604e}
*/

/* 저탄소 */
.blue-text-box{padding:40px;background: #fafcff;border: 1px solid #d1e2ff;font-size:1rem;border-radius: 0 0 30px 0;}
.add-green .blue-text-box{background:#f1f8ff;border:1px solid #d9e9f9}
.dl-cont-box{margin:40px 0;}
.dl-cont-box dt{padding-left:15px;position:relative;font-size:1.1rem;font-weight:600;color:#326bcd;margin-bottom:20px}
.dl-cont-box dt::before{position:absolute;content:'';left:0;top:0;width:3px;height:100%;background:#326bcd}
.dl-cont-box dd{position:relative;margin-left:15px;padding-left:10px;margin-bottom:10px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.dl-cont-box dd::before{position:absolute;content:'';left:0;top:10px;width:3px;height:3px;background:#2d48ad}
.dl-cont-box.no-dot dd::before{display:none;}
.add-green .dl-cont-box dd::before{background:#008769}
.dl-cont-box dd em{font-weight:600;width:75px}
.dl-cont-box dd em.wd-tit{width:100%}
.dl-cont-box dd span{width:calc(100%  - 75px)}
.dl-cont-box dd .dl-cont-list{width:calc(100%  - 75px)}
.dl-cont-box dd .dl-cont-list li{margin-bottom:5px}
.con-imgbox{text-align:center;margin:30px auto}
.con-imgbox img{margin: 0 auto;}
.li-dash{margin-bottom:40px}
.li-dash li{position:relative;padding-left:15px;margin-bottom:10px}
.li-dash li::before{position:absolute;content:'';left:0;top:10px;width:8px;height:2px;background:#2d48ad}
.li-dash li em{font-weight:600}
.li-dash li:last-child{margin-bottom:0}
.li-dash li:last-child::before{display:block;}
.add-green .li-dash li::before{background:#326bcd}
.add-green table tbody th.th-text{color:#008769}
.add-green .tbl-scroll thead th.th-wide{background:#008769}
.add-green .li-imgbox02 .textbox dt{color:#008769}
.add-green .li-flow03 li dl dt{background:#008769}
.add-green .li-flow03 li dl dd:last-child{background:#edfcf9;color:#008769}
.add-green .li-flow03 li::after{background: url('../img/sub/ic_arrow02.png') left top/contain no-repeat;}
.add-green .li-flow03 li .after01{background:#499172}
.add-green .li-flow03 li .after02{background:#1d744e}
.add-green .mbtb_quide{background: url('../img/sub/bg_touch02.png') no-repeat;}

/* eun add 240408 */
.dl-flex-line{display:flex;gap:10px;flex-wrap:wrap}
.dl-flex-line dt{padding-left:15px;position:relative;font-size:1.1rem;font-weight:600;color:#326bcd;margin-bottom:20px;flex-shrink:0}
.dl-flex-line dt::before{position:absolute;content:'';left:0;top:0;width:3px;height:100%;background:#326bcd}
.li-imgbox li .caption-box{width:100%;height:80px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;padding:10px}

/* ������ */
.mb40{margin-bottom:40px}
.mb80{margin-bottom:80px}
.tabMenu-wrap{width:100%;margin-bottom:40px}
.tabMenu-wrap .tabMenu{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.tabMenu li{text-align:center;word-break:keep-all;cursor:pointer;width:calc((100% - 100px) / 6);margin-right:20px;border:2px dashed #ddd;border-radius:5px;transition:all 0.2s;height:100px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.tabMenu li:last-child{margin-right:0}
.tabMenu li span{font-size:1.1rem;font-weight:500;transition:all 0.2s;}
.tabMenu li:hover{border:2px dashed #376cc9;}
.tabMenu li:hover span{color:#376cc9}
.tabMenu li.on{background:#ecf1f9;border:2px solid #376cc9;}
.tabMenu li.on span{color:#376cc9}
.add-green .tabMenu li:hover{border:2px dashed #40ad9e;}
.add-green .tabMenu li:hover span{color:#40ad9e}
.add-green .tabMenu li.on{background:#e3f3f1;border:2px solid #40ad9e;}
.add-green .tabMenu li.on span{color:#40ad9e}
.tab-cont{display:none}
.tab-cont.on{display:block}
.txt-tbl-tit{display:block;font-weight:700;color:#0f9079;border-top:1px dashed #ddd;padding-top:10px;}

/* ����� �� ���� */


/* ���ô� �� */
.gray-box{margin-top:40px;background:#f8f8f8;border:1px solid #ddd;padding:40px}
.gray-box dl{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
.gray-box dl dt{position:relative;padding-left:10px;font-weight:600;width:50px;}
.gray-box dl dt::before{content:'';position:absolute;top:10px;left:0;width:3px;height:3px;background:#444;}
.gray-box dl dd{width:calc(100% - 50px);padding-left:10px;}

/* 센터소개  */
.about-center{margin-bottom:60px;display:flex;flex-wrap:wrap;justify-content:space-bwtween;align-items:flex-start}
.about-center .ab-left{position:relative;margin-bottom:80px;width:600px;height:300px;margin-right:60px;border-radius:0 40px;background:url('../img/sub/s2_1_img01.png') left center/cover no-repeat;}
.about-center .ab-left::before{position:absolute;content:'';bottom:-50px;right:20px;width:240px;height:100px;background:url('../img/sub/s2_1_shape01.png') left top/contain no-repeat;}
.about-center .ab-right{padding-top:100px;position:relative;width:calc(100% - 660px);margin-bottom:50px;}
.about-center .ab-right::before{position:absolute;content:'';top:50px;left:0;width:59px;height:18px;background:url('../img/sub/s2_1_shape02.png') left top/contain no-repeat;}
.about-center p{width:100%;font-size:1.1rem;word-break:keep-all}
.about-center .ab-right p.text-impact{font-size:1.4rem;font-weight:500;color:#2d48ad}

/* 5C Lab  */
.intro-top{position:relative;padding:60px;margin-bottom:60px;background:url('../img/sub/s5_1_img01.png') left top/cover no-repeat;border-radius:0 60px}
.intro-top .text-box{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.intro-top .text-box .big-title{font-size:2.5rem;color:#98f2ff;font-weight:500;width:100%}
.add-green .intro-top .text-box .big-title{color:#95e7d1}
.intro-top .text-box .small-title{font-size:1.5rem;color:#888;width:100%}
.intro-top p{font-size:1.1rem;color:#fff;width:100%;margin-top:20px;padding-top:20px;border-top:1px solid #888}
.intro-top .eng-title{position:absolute;top:0;right:50px;font-size:2rem;font-weight:600;color:rgba(255,255,255,0.3);text-align:right}
.li-flow{margin-bottom:40px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
.li-flow li{width:calc((100% - 160px) / 4);margin-right:40px;position:relative;margin-bottom:30px}
.li-flow li::before{position:absolute;content:'';top:50%;right:-30px;margin-top:-10px;width:20px;height:20px;background:url('../img/sub/ic_arrow.png') left top/cover no-repeat;}
.li-flow li:nth-child(n+5){margin-bottom:10px}
.add-green .li-flow li::before{background:url('../img/sub/ic_arrow02.png') left top/cover no-repeat;}
.li-flow li dl{width:100%;display:block;border-radius:10px;border:1px solid #ddd;overflow:hidden;}
.li-flow li dl dt{word-break:keep-all;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:94px;padding:20px 10px;text-align:center;font-weight:600;font-size:1.2rem;background:#f5f5f5}
.li-flow li dl dd{word-break:keep-all;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:95px;font-size:1.1rem;padding:20px;text-align:center;border-top:1px solid #ddd;}
.hl-text{color:#007987;display:block;margin-top:5px;margin-bottom:10px}

.li-flow02{margin-bottom:40px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
.li-flow02 li{width:calc((100% - 120px) / 3);margin-right:60px;position:relative;}
.li-flow02 li:last-child{margin:0}
.li-flow02 li::before{position:absolute;content:'';top:50%;right:-40px;margin-top:-10px;width:20px;height:20px;background:url('../img/sub/ic_arrow02.png') left top/cover no-repeat;}
.li-flow02 li dl{width:100%;display:block;border-radius:10px;border:1px solid #ddd;overflow:hidden;}
.li-flow02 li dl dt{word-break:keep-all;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:20px 10px;text-align:center;font-weight:600;font-size:1.2rem;background:#f5f5f5}
.li-flow02 li dl dd{word-break:keep-all;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;min-height:310px;font-size:1.1rem;padding:20px;text-align:center;border-top:1px solid #ddd;}

.tbl-basic02 th, .tbl-basic02 td{border:0;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.tbl-basic02 th:last-child, .tbl-basic02 td:last-child{border-right:0}
.tbl-basic02 thead th{font-weight:normal;padding:10px;background-color:#f2f8f7;font-size:1rem;border-top:1px solid #ddd;border-bottom:0;font-weight:500}
.tbl-basic02 tbody th{padding:10px;font-weight:600;text-align:center;background-color:#f2f8f7;border-top:1px solid #ddd;}
.tbl-basic02 tbody td{padding:10px;text-align:center;font-size:1rem;border-top:1px solid #ddd;}
.tbl-basic02 tbody td.td-left{text-align:left;}

/* USG공유대학 */
.sub-cont-tit{display:block;margin-bottom:20px;padding-left:15px;position:relative;font-size:1.1rem;font-weight:600;color:#2d48ad;margin-bottom:20px}
.sub-cont-tit::before{position:absolute;content:'';left:0;top:0;width:3px;height:100%;background:#2d48ad}
.add-green .sub-cont-tit{color:#008769}
.add-green .sub-cont-tit::before{background:#008769}
.dl-cont-box dd.no-dot::before{display:none}
.dl-cont-box dd.no-dot .li-dash{width:100%}
.gray-text-box{margin:20px 0;width:100%;padding:30px;border:1px solid #ddd;background:#f8f8f8}
.gray-text-box .text-title{color:#2d48ad;font-weight:600;margin-bottom:10px;display:block;}
.tbl-scroll thead th.border-right{border-right:1px solid #a5a5a5}

.li-imgbox{margin-bottom:40px;width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.li-imgbox li{width:calc((100% - 60px) / 4);margin-right:20px;border:1px solid #ddd;border-radius:10px;overflow:hidden}
.li-imgbox li:last-child{margin-right:0}
.li-imgbox li .title-box{width:100%;height:160px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:20px}
.li-imgbox li .title-box.bg-img01{background:url('../img/sub/imgbox01.png') center center/cover no-repeat;}
.li-imgbox li .title-box.bg-img02{background:url('../img/sub/imgbox02.png') center center/cover no-repeat;}
.li-imgbox li .title-box.bg-img03{background:url('../img/sub/imgbox03.png') center center/cover no-repeat;}
.li-imgbox li .title-box.bg-img04{background:url('../img/sub/imgbox04.png') center center/cover no-repeat;}
.li-imgbox li .title-box span{font-size:1.2rem;font-weight:500;color:#fff;text-align:center;word-break:keep-all}
.li-imgbox li .text-box{width:100%;height:200px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:20px}
.li-imgbox li .text-box{text-align:center;word-break:keep-all}
table tbody th.th-text{font-weight: 500;font-size: 1rem;background-color: #2c457f;border-bottom: 1px solid #ffffff4f;color: #fff;border-top: 1px solid #2c457f;}
.tbl-ht-text{color:#f82574}
.dp-block{display:block;margin-top:10px;padding:15px;background:#f5f5f5;border-radius:5px}

.tbl-scroll thead th.th-wide{background:#2d48ad;color:#fff;word-break:keep-all}
.tbl-scroll tbody td.td-lt-green{text-align:center;font-weight:600;background:#d8ece8;word-break:keep-all}
.tbl-scroll tbody td.td-green{text-align:center;font-weight:600;background:#caece5;word-break:keep-all}
.tbl-scroll tbody td.td-lt-blue{text-align:center;font-weight:600;background:#e9f3f5;word-break:keep-all}
.tbl-scroll tbody td.td-blue{text-align:center;font-weight:600;background:#d3e9ee;word-break:keep-all}
.tbl-scroll tbody td.td-lt-gray{text-align:center;font-weight:600;background:#f5f5f5;word-break:keep-all}
.tbl-scroll tbody td.td-ct{text-align:center}

.li-imgbox02{width:100%;margin:80px 0;}
.li-imgbox02 li{margin-bottom:40px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.li-imgbox02 li:last-child{margin-bottom:0;}
.li-imgbox02 .imgbox{border:1px solid #eee;width:600px;margin-right:100px;box-shadow:20px 20px 15px 0 #eee;}
.li-imgbox02 .textbox{width:calc(100% - 700px);}
.li-imgbox02 .textbox dt{word-break:keep-all;font-size:1.6rem;font-weight:600;color:#2d48ad;margin-bottom:20px}
.li-imgbox02 .textbox dd{word-break:keep-all;font-size:1.2rem;line-height:1.6}
.li-imgbox02 .img-rightbox .imgbox{margin-left:100px;margin-right:0}

.li-flow03{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.li-flow03 li{position:relative;width:calc((100% - 300px) / 3);margin-right:150px;}
.li-flow03 li:last-child{margin-right:0px;border-radius:10px;overflow:hidden;}
.li-flow03 li::before{position:absolute;width:50px;height:50px;text-align:center;line-height:50px;background:#444;top:35%;transform:translateY(-35%);right:-100px;content:'선발';border-radius:100px;color:#fff}
.li-flow03 li:nth-child(2)::before{content:'졸업';}
.li-flow03 li::after{position:absolute;width:20px;height:20px;top:50%;right:-85px;transform:translateY(-50%);background:url('../img/sub/ic_arrow.png') left top/contain no-repeat;content:'';}
.li-flow03 li dl{display:block;border-radius:10px;overflow:hidden;border:1px solid #ddd;}
.li-flow03 li dl dt{word-break:keep-all;text-align:center;padding:20px 10px;background:#2d48ad;color:#fff;font-weight:600}
.li-flow03 li dl dd{min-height:110px;word-break:keep-all;text-align:center;border-top:1px solid #ddd;padding:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.li-flow03 li dl dd .sub-txt{display:block;margin-top:5px;font-size:0.9rem;color:#888}
.li-flow03 li dl dd:last-child{background:#f4f8ff;color:#2d48ad;font-weight:600}
.li-flow03 li > div{padding:20px;width:100%;height:calc(395px / 2);display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.li-flow03 li > div .af-inner{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.li-flow03 li > div span{width:100%;margin-top:20px;text-align:center;color:#fff;}
.li-flow03 li .after01{background:#5c6eb8}
.li-flow03 li .after02{background:#435398}



@media (max-width:1400px){

	/* USG공유대학 */
	.li-imgbox li .text-box{height:240px;}
	.li-flow03 li dl dd{min-height:135px}
	.li-flow03 li > div{height:calc(470px / 2);}

	.dl-cont-box dd .dl-cont-list {width:100%;}
}

@media (max-width:1200px){

	/* ������ */
	.tabMenu li{width:calc((100% - 50px) / 6);margin-right:10px;padding:0 10px}
	.tabMenu li span{font-size:1rem}

	/* 센터소개  */
	.about-center .ab-left{width:100%;height:360px;margin-right:0;margin-bottom:40px}
	.about-center .ab-right{width:100%;padding-top:40px;margin-bottom:20px}
	.about-center .ab-right:before{top:0}

	/* 5C Lab  */
	.li-flow li dl dt{min-height:125px}

	/* USG공유대학 */
	.li-imgbox li .text-box{height:260px;}
	.li-imgbox02 .imgbox{width:400px;margin-right:50px}
	.li-imgbox02 .textbox{width:calc(100% - 450px);}
	.li-imgbox02 .img-rightbox .imgbox{margin-left:50px}
	.li-imgbox02 .textbox dt{font-size:1.4rem}
	.li-imgbox02 .textbox dd{font-size:1rem}

	.li-flow03 li{width:calc((100% - 200px) / 3);margin-right:100px;}
	.li-flow03 li::before{right:-75px}
	.li-flow03 li::after{right:-60px}
}

@media (max-width:1024px){

	/* ������ */
	.tabMenu-wrap .tabMenu{justify-content:space-between}
	.tabMenu li{width:calc((100% - 40px) / 3);margin-bottom:20px}
	.tabMenu li:nth-child(3n){margin-right:0}

	/* 5C Lab  */
	.li-flow li{width: calc((100% - 120px) / 3);}
	.li-flow li:last-child{width:100%;margin-right:0;margin-bottom:0}
	.li-flow li:nth-child(n+5){margin-bottom:10px}
	.intro-top .eng-title{font-size:1.8rem}

	.li-flow02 li{width:calc((100% - 120px) / 2);margin-bottom:40px}
	.li-flow02 li:last-child{width:100%}

	/* USG공유대학 */
	.li-imgbox li{width:calc((100% - 40px) / 2);margin-right:20px;margin-bottom:20px}
	.li-imgbox li:nth-child(2n){margin-right:0}
	.li-imgbox li:nth-child(2n+1){margin-bottom:0}
	.li-imgbox li .text-box{height:160px;}

	.intro-top p {margin-top: 0;padding-top: 0;font-size: 1.1rem !important;word-break: break-all;}
	.intro-top p br{display:none;}

}

@media (max-width:720px){

	.sub-con-inner .sub-top{height:auto;padding:40px;border-radius:0 40px}
	.sub-top .top-text-box{width:100%}
	.top-text-box .en-text{font-size:1.2rem}
	.top-text-box .top-text{font-size:1.5rem}

	/* 5C Lab */
	.li-flow li{width: calc((100% - 80px) / 2);}
	.li-flow li:last-child{width:100%;margin-right:0;padding-bottom:0}
	.li-flow li dl dt{min-height:90px}
	.intro-top{padding:40px}
	.intro-top .eng-title{font-size:1.3rem;top:auto;right:auto;position:relative;display:block;margin-top:10px;text-align:left}

	/* USG공유대학 */
	.li-imgbox02 .imgbox{width:100%;margin-right:0;margin-bottom:30px}
	.li-imgbox02 .imgbox img{width:100%;}
	.li-imgbox02 .imgbox.pcOnly{display:none}
	.li-imgbox02 .imgbox.mbOnly{display:block}
	.li-imgbox02 .textbox{width:100%}
	.li-imgbox02 .textbox dt br{display:none}
	.li-imgbox02 .img-rightbox .imgbox{margin-left:0}


	.li-flow03 li{width:100%;margin-right:0;margin-bottom:100px}
	.li-flow03 li dl dd{min-height:auto}
	.li-flow03 li::before{right:auto;left:40%;top:auto;bottom:-75px;transform:translate(-40%, 0);}
	.li-flow03 li::after{width:30px;height:30px;right:auto;left:50%;margin-left:-15px;top:auto;bottom:-65px;transform:rotate(90deg);}
	.li-flow03 li:last-child{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
	.li-flow03 li > div{height:200px;width:50%}
}

@media (max-width:640px){

	.pcOnly{display:none}
	.mbOnly{display:block}

	.blue-text-box{padding:20px}
	.mb80{margin-bottom:40px}

	/* ������ */
	.tabMenu li{width:calc((100% - 10px) / 2);margin-bottom:10px;height:80px}
	.tabMenu li:nth-child(3n){margin-right:10px}
	.tabMenu li:nth-child(2n){margin-right:0}
	.tabMenu li:nth-child(n+4){margin-top:0}

	/* 센터소개  */
	.about-center .ab-left{height:200px}
	.about-center .ab-left::before{width:120px;height:60px;bottom:-32px}
	.about-center .ab-right p.text-impact{font-size:1.1rem}

	/* 5C Lab */
	.li-flow li{width:100%;margin-right:0;padding-bottom:40px;margin-bottom:20px}
	.li-flow li::before{top:auto;bottom:0;left:50%;right:auto;margin-top:0;margin-left:-10px;transform:rotate(90deg);}
	.li-flow li:last-child{width:100%;margin-right:0}
	.li-flow li dl dt{min-height:auto}
	.li-flow li dl dd{min-height:auto}
	.intro-top .text-box .big-title{font-size:2rem}
	.intro-top .text-box .small-title{font-size:1.3rem}

	.li-flow02 li{width:100%;margin-right:0;padding-bottom:40px;margin-bottom:20px}
	.li-flow02 li::before{top:auto;bottom:0;left:50%;right:auto;margin-top:0;margin-left:-10px;transform:rotate(90deg);}
	.li-flow02 li:last-child{width:100%;margin-right:0;padding-bottom:0}
	.li-flow02 li dl dd{min-height:auto}

	/* 오시는 길 */
	.sub-con .root_daum_roughmap{height:300px}
	.gray-box{margin-top:20px;padding:20px;}

	/* USG공유대학 */
	.li-imgbox li{width:100%;margin-right:0}
	.li-imgbox li:nth-child(2n+1){margin-bottom:20px}
	.li-imgbox li:last-child{margin-bottom:0}
	.li-imgbox li .title-box{height:auto;min-height:120px}
	.li-imgbox li .title-box span{font-size:1.3rem}
	.li-imgbox li .title-box span br{display:none}
	.li-imgbox li .text-box{height:auto;}

	.li-flow03 li::before{left:35%;transform:translate(-35%, 0);}
	.li-flow03 li > div{height:auto;width:100%}


	.dl-cont-box dd {margin-left: 0;}
	.li-dash li,
	.dl-cont-box dd .dl-cont-list li {line-height: 1.6;}
}

@media (max-width:420px){

	.top-text-box .top-text{font-size:1.3rem;}
	.top-text-box .top-text br{display:none}
	.gt-right-box .gt-tit{font-size:1.3rem;}

	/* ������ */
	.tabMenu-wrap{margin-bottom:20px}
	.tabMenu li{width:100%;height:auto;margin-right:0;padding:20px;margin-bottom:10px}
	.tabMenu li:nth-child(3){margin-right:0}
	.tabMenu li:nth-child(n+4){width:100%;}

	.li-flow03 li::before{left:30%;transform:translate(-30%, 0);}
}

@media (max-width:360px){

}