@charset "UTF-8";

@import url(../css/reset.css);
@import url(../css/table.css);

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,400;1,100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard.css');
/*layout*/

.content-wrap{margin: 0 auto;max-width: 1528px;padding: 0px 0 100px;box-sizing: border-box;justify-content: space-between;gap: 0 60px;overflow: hidden;}

/* common */
body{font-family: 'Pretendard', sans-serif;font-size: 16px;line-height: 160%;}
.overflow-hidden{overflow: hidden;}

.con-box{padding: 0 0 60px}
.con-box02{padding: 0 0 40px 0;}
.con-box03{padding: 0 0 20px 0;}  

.h4-tit01 {color: #222222;font-size: 34px;line-height: 110.00000000000001%;font-weight: 700;padding-bottom: 40px;letter-spacing: 0;}
.h5-tit01 {color: #111111;font-size: 22px;line-height: 110.00000000000001%;font-weight: 700;padding-bottom: 20px;letter-spacing: 0;}
.h6-tit01 {color: #111111;font-size: 18px;line-height: 110.00000000000001%;font-weight: 700;padding-bottom: 10px;letter-spacing: 0;}

.txt-intro {font-size: 20px;line-height: 32px;letter-spacing: -0.25px;color: #111111;font-weight: bold;padding: 0 0 30px;}
.con-p {color: #666666;font-size: 16px;line-height: 150%;font-weight: 500;padding: 0 0 20px 0;letter-spacing: 0;}
.slo-p {color: #222222;font-size: 18px;line-height: 150%;font-weight: 600;padding: 0 0 20px 0;letter-spacing: 0;}
.p-head {font-weight: 600;font-size: 22px;line-height: 36px;letter-spacing: -0.1px;color: #333333;}

.mark-p{position: relative;font-weight: 600;font-size: 14px;line-height: 140%;letter-spacing: 0.25px;color: #045097;padding: 0 0 0 12px;}
.mark-p:before{content:'*';position: absolute;top: 2px;left: 0;}
.mark-p02{position: relative;font-weight: 600;font-size: 18px;line-height: 36px;letter-spacing: -0.1px;padding: 0 0 0 12px;color: #333333;}
.mark-p02:before{content:'*';position: absolute;top: 2px;left: 0;}
.mark-p03{position: relative;font-weight: 600;font-size: 12px;line-height: 24px;letter-spacing: -0.1px;padding: 0 0 0 12px;color: #045097;}
.mark-p03:before{content:'*';position: absolute;top: 2px;left: 0;}
.mark-p04{position: relative;font-weight: 600;font-size: 14px;line-height: 140%;letter-spacing: 0.25px;padding: 0 0 0 12px;color: #666666;}
.mark-p05{position: relative;font-weight: 600;font-size: 14px;line-height: 140%;letter-spacing: 0.25px;padding: 0 0 0 12px;color: #666666;}
.mark-p05:before{content:'*';position: absolute;top: 2px;left: 0;}

.no-pbt{padding-top: 0!important}
.bd-p{border: 1px solid #CCC;padding: 25px 30px;color: #222;font-size: 16px;font-weight: 400;line-height: 26px;}

.ul-type-bar > li{position:relative;padding:0 0 5px 15px;line-height: 140%;font-size: 16px;font-weight: 500;color: #666666;}
.ul-type-bar > li:before{content:'';position:absolute;top:8px;left:0;width:8px;height:2px;background-color:#666666;}
.ul-type-bar > li:last-child{padding-bottom: 0;}

.ul-type-dot > li{position:relative;padding:0 0 5px 15px;line-height: 180%;font-size: 16px;font-weight: 500;color: #666666;letter-spacing: 0;}
.ul-type-dot > li:before{content:'';position:absolute;top: 12px;left:0;width:4px;height:4px;background-color:#666666;border-radius: 100%;} 
.ul-type-dot > li:last-child{padding-bottom: 0;}

.ul-type-dot02 > li{position:relative;padding:0 0 5px 15px;line-height: 180%;font-size: 16px;font-weight: 500;color: #004BAE;letter-spacing: 0;}
.ul-type-dot02 > li:before{content:'';position:absolute;top: 12px;left:0;width:4px;height:4px;background-color:#004BAE;border-radius: 100%;} 
.ul-type-dot02 > li:last-child{padding-bottom: 0;}

.ul-type-normal > li{position:relative;line-height:30px;text-indent:0;word-break:keep-all;}
.ul-type-normal > li:last-of-type{padding-bottom:0;}

.ol-type01{counter-reset: my-counter;}
.ol-type01 > li{line-height: 160%;font-size: 16px;font-weight: 500;color: #666666;padding:0 0 10px 30px;counter-increment: my-counter;position: relative;}
.ol-type01 > li:before{content: counter(my-counter);position: absolute;left: 0;top: 2px;width: 20px;height: 20px;border-radius: 100%;background: #001B54;display:flex;align-items: center;justify-content: center;color: #fff;font-size: 12px;line-height: 1;}
.ol-type01 > li:last-child{padding-bottom: 0;}
.ol-type02 > li{margin: 0 0 0 20px;line-height:30px;text-indent: -20px;}
.ol-type03 {list-style: auto;}
.ol-type03 > li{margin: 0 0 10px 20px;line-height:30px;line-height: 160%;font-size: 16px;font-weight: 500;color: #666666;}
.ol-type03 > li:last-child {margin-bottom: 0;}


.ul-type03 > li{position:relative;padding: 0 0 0 13px;line-height: 24px;font-size: 14px;font-weight: 500;color: #333333;}
.ul-type03 > li:before{content:'';position:absolute;top:12px;left:0;width:4px;height:4px;background-color:#fe9c00;border-radius: 2px;} 
.ul-type04 > li{position:relative;padding: 0 0 0 13px;line-height: 24px;font-size: 16px;font-weight: 600;color: #333333;letter-spacing: -0.2px;margin-bottom: 5px}
.ul-type04 > li:before{content:'';position:absolute;top:9px;left:0;width:4px;height:4px;background-color:#1980c2;border-radius: 2px;} 
.ul-type05 > li{position:relative;padding: 0 0 0 13px;line-height: 24px;font-size: 16px;font-weight: 500;color: #333333;}
.ul-type05 > li:before{content:'';position:absolute;top:12px;left:0;width:4px;height:4px;background-color:#333333;border-radius: 2px;} 

.txt-left{text-align:left !important;}
.txt-right{text-align:right !important;}
.txt-center{text-align:center !important;}
.txt-jus{text-align:justify !important;}
.txt-regular{font-weight:400 !important;}
.txt-medium{font-weight:500 !important;}
.txt-semibold{font-weight:600 !important;}
.txt-bold{font-weight:700 !important;}
.txt-underline{text-decoration:underline;}
.txt-italic{font-style:italic;}
.txt-black{color:#333333 !important;}
.txt-black02{color:#222222 !important;}
.txt-red{color:#c42323 !important;}
.txt-blue{color:#045097 !important;}
.txt-green{color:#008000 !important;}
.txt-purple{color:#800080 !important;} 
.txt-brown{color:#94795f !important;}
.txt-yellow{color:#ffd700 !important;}
.txt-gray{color:#666666 !important;}
.txt-pink{color:#c8005f !important;}
.txt-orange{color:#e67200 !important;}
.txt-white{color:#fff !important;}
.txt-light-blue{color:#35BDC7 !important;}
.txt-light-blue02{color:#004BAE !important;}
.txt-darkbl {color: #001A54 !important;}

.font-semibold {font-weight: 600 !important;}
.d-inline {display: inline-block!important;}


.box-con {padding: 35px;background: #f5f8fa;}
.img-box{position:relative;text-align:center;vertical-align:top;}
.img-box.border{padding: 40px;border: 1px solid #e0e0e0;border-radius: 10px;}
.img-box > img{max-width:100%;}
.img-box.w100 > img{width:100%;}
.img-box.br20 > img{border-radius: 20px;}
.img-box .zoom-in{position:absolute;bottom:10px;right:10px;padding:10px 0 0 0;text-align:right;}
.object-fit > img{width:100%;height:100%;object-fit:cover;}

.fl-l{float:left;padding:0 20px 20px 0;}
.fl-r{float:right;padding:0 0 20px 20px;}
.vt-top{vertical-align:top;}
.vt-middle{vertical-align:middle;}
.txt-place {place-items: center;}
.fl-start {justify-content: flex-start!important;}

/* 간격 */
.pd-t5{padding-top:5px !important;}
.pd-t10{padding-top:10px !important;}
.pd-t20{padding-top:20px !important;}
.pd-t30{padding-top:30px !important;}
.pd-b5{padding-bottom:5px !important;}
.pd-b10{padding-bottom:10px !important;}
.pd-b15{padding-bottom:15px !important;}
.pd-b20{padding-bottom:20px !important;}
.pd-b30{padding-bottom:30px !important;}
.pd-b40{padding-bottom:40px !important;}
.pd-b50{padding-bottom:50px !important;}
.pd-b60{padding-bottom:60px !important;}
.pd-l20{padding-left:20px !important;}
.mg-t5 {margin-top: 5px !important;}
.mg-t10{margin-top:10px !important;}
.mg-t20{margin-top:20px !important;}
.mg-t30{margin-top:30px !important;}
.mg-t40{margin-top:40px !important;}
.mg-b10{margin-bottom:10px !important;}
.mg-b15{margin-bottom:15px !important;}
.mg-b20{margin-bottom:20px !important;}
.mg-b30{margin-bottom:30px !important;}
.mg-b40{margin-bottom:40px !important;}
.mg-b50{margin-bottom:50px !important;}
.mg-b60{margin-bottom:60px !important;}
.mg-tb10{margin:10px 0 !important;}

.no-pd{padding-bottom:0 !important;}
.no-mg{margin-bottom:0 !important;}
.no-tmg{margin-top:0 !important;}

@media (max-width: 1024px) {
	.content-wrap {padding: 0 0 60px 0;}
}
@media screen and (max-width:768px) {	
	.con-box {padding: 0 0 40px;}
	.con-box02 {padding: 0 0 30px 0;}
	.con-box03 {padding: 0 0 20px 0;}

	.h4-tit01 {font-size: 28px;padding-bottom: 25px;}
	.h5-tit01 {font-size: 18px;padding-bottom: 15px;}
	.h6-tit01 {font-size: 14px;padding-bottom: 10px;}
	.con-p {font-size: 15px;line-height:130%;padding: 0 0 15px 0;} 
	.p-head {font-size: 18px;line-height: 28px;}
	.mark-p {font-size: 13px;line-height: 22px;}
	.mark-p02 {font-size: 15px;line-height: 25px;}
	.img-box.line {padding: 35px 20px;}

	.ul-type-dot > li {font-size: 15px;line-height: 160%;}
	.ul-type-dot > li:before{top: 10px;}
	.ul-type-dot02 > li {font-size: 15px;line-height: 160%;}
	.ul-type-dot02 > li:before{top: 10px;}
	.ul-type-bar > li {font-size: 15px;line-height: 160%;}
	.ul-type-bar > li:before {top: 10px;}
	.ol-type01 > li {font-size: 14px;padding: 0 0 10px 25px;}
	.ol-type03 > li {font-size: 14px;}
	.ol-type01 > li:before {width: 18px;height: 18px;font-size: 10px;}

	.ul-type03 > li {line-height: 22px;font-size: 12px;}
	.ul-type04 > li {line-height: 22px;font-size: 14px;}
	.ul-type05 > li {line-height: 24px;font-size: 14px;}

	.link-box ul li a.link-btn::after{width:30px;height:30px;background-size: 12px !important;}
	.link-box ul li a.link-btn {padding: 11.36px 60px 11.36px 20px;font-size: 14px;}
	.link-boxs ul li a.link-btn {padding: 12px 48px 12px 20px;font-size: 15px;font-weight: 600;width: 100%;box-sizing: border-box;}

	.box-border .desc {padding: 0;}
	.box-border .top-tit .tit {font-size: 16px;line-height: 140%;}
	.box-border {padding: 20px;}




	/*heading*/
	.box-heading .box-txt {padding: 25px;}
	.box-heading .box-img {height: 220px;}
	.box-heading.dormitory .box-txt:after {width: 120px; height: 86px;}
	.box-heading.healthcare .box-txt:after {width: 120px; height: 86px;}
	.box-heading.clinic .box-txt:after {width: 120px; height: 86px;}
	.box-heading.pharmacy .box-txt:after {width: 120px; height: 86px;}
	.box-heading.human .box-txt:after {width: 120px; height: 86px;}

	/*tit-head*/
	.tit-head > p {font-size:16px;line-height:24px;}
}