@charset "utf-8";

/**************************************************************/
/**************************************************************/
/************************ sub 서브페이지 **********************/
/**************************************************************/
/**************************************************************/
.grey_box {
    width: 100%;
    background: var(--c-black-8);
    padding: 1.5rem 2rem;
    border-radius: var(--radius-all-sm);
    border: 1px solid var(--c-black-5);
}
.grey_box a.link {
    color: var(--main-color);
    /*font-weight: 500;*/
}
.grey_box a i {
    font-size: 0.938rem;
}
.grey_box span.material-icons-outlined {
    vertical-align: text-bottom;
    font-size: 1.125rem;
}

.white_box {
    /*border: 1px solid #ddd;*/
    padding: 2.5rem;
    overflow: hidden;
    background: #fff;
}

.color_box {
    padding: 1.5rem 1.875rem;
    overflow: hidden;
    background: var(--sub-color-3);
    /* border: 1px rgba(146,153,174,0.3) solid; */
    border-radius: var(--radius-all-xs);
}
.color_box a.link {
    color: var(--c-black-2);
    font-weight: 500;
}
.color_box span.material-icons-outlined {
    vertical-align: text-bottom;
    font-size: 1.125rem;
}
.color_box.flex {
    gap: 2rem;
}
ul.squre li {
	padding: 0px 0 0 10px;
	margin: 4px 0px 4px 0;
	position: relative;
	text-align: left;
    font-size: var(--txt-lg);
    line-height: 1.375rem;
}
ul.squre li:before {
	content: '';
	width: 4px;
	height: 4px;
	position: absolute;
	top: 10px;
	left: 0;
	background: #9e9e9e;
}
.sub_squre li{   
    font-size: 0.938rem;
    letter-spacing: -0.5px;
    padding: 0px 0 0 10px !important;
    position: relative;
    text-align: left;
    margin: 0 0 5px 0 !important;
}
.sub_squre li::before{
    display: none;
}
ul.circle > li {
    font-size: var(--txt-lg);
    font-weight: 500;
    padding-left: 12px;
    margin: 4px 0px 0px 4px;
    position: relative;
}
ul.circle > li:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    top: 10px;
    left: 0;
    background: var(--main-color-2);
    border-radius: 5px;
}

ul.billiard li {
	padding: 0px 0 0 18px;
	margin: 4px 10px 4px 0;
	position: relative;
	text-align: left;
    font-size: var(--txt-md-1);
    line-height: 1.375rem;
}
ul.billiard li:before {
	content: '※';
	position: absolute;
	top: 0px;
	left: 0;
    background: none;
    font-size: var(--txt-md-1);
}
ul.line li {
	margin: 4px 0;
	position: relative;
	padding-left: 1rem;
	line-height: 1.375rem;
}
ul.line li:before {
	content: '';
	position: absolute;
	width: 7px;
	height: 1px;
	background: var(--c-black-3);
	top: 10px;
	left: 0px;
	margin-right: 5px;
}
ul.line.half {
	display: flex;
    flex-wrap: wrap;
}
ul.line.half li {
	width: 50%;
}
ul.bu_no li {
	margin: 4px 0;
	padding-left: 18px;
	text-indent: -18px;
	position: inherit;
}
/* ol>li {
    list-style: decimal !important;
    margin: 4px 0 4px 24px;
    padding-left: 2px;
} */
ol.han>li {
    list-style: hangul !important;
    margin: 4px 0 4px 22px;
    /* padding-left: 22px; */
}
ol.han_2>li {
    list-style: hangul !important;
    margin: 4px 0 4px 22px;
    padding-left: 2px;
}
li.line {
    margin: 4px 0;
    position: relative;
    padding-left: 33px;
    text-indent: -33px;
    position: relative;
}

li.line:before {
	content: '-';
	position: absolute;
	top: 0px;
	left: 0;
    font-size: var(--txt-md-1);
}

.num-a > li{position:relative; padding-left:25px;margin: 10px 0;font-size: var(--txt-md-1);line-height: 1.375rem;}
.num-a > li:before{position:absolute; left:0; top:0; display:block;font-size: var(--txt-md-1);}
.num-a > li.a1:before, .num-a > li:nth-of-type(1):before{content:'1. ';}
.num-a > li.a2:before, .num-a > li:nth-of-type(2):before{content:'2. ';}
.num-a > li.a3:before, .num-a > li:nth-of-type(3):before{content:'3. ';}
.num-a > li.a4:before, .num-a > li:nth-of-type(4):before{content:'4. ';}
.num-a > li.a5:before, .num-a > li:nth-of-type(5):before{content:'5. ';}
.num-a > li.a6:before, .num-a > li:nth-of-type(6):before{content:'6. ';}
.num-a > li.a7:before, .num-a > li:nth-of-type(7):before{content:'7. ';}
.num-a > li.a8:before, .num-a > li:nth-of-type(8):before{content:'8. ';}
.num-a > li.a9:before, .num-a > li:nth-of-type(9):before{content:'9. ';}
.num-a > li.a10:before, .num-a > li:nth-of-type(10):before{content:'10. ';}
.num-a > li.a11:before, .num-a > li:nth-of-type(11):before{content:'11. ';}
.num-a > li.a12:before, .num-a > li:nth-of-type(12):before{content:'12. ';}
.num-a > li.a13:before, .num-a > li:nth-of-type(13):before{content:'13. ';}
.num-a > li.a14:before, .num-a > li:nth-of-type(14):before{content:'14. ';}
.num-a > li.a15:before, .num-a > li:nth-of-type(15):before{content:'15. ';}
.num-b > li{position:relative; padding-left:22px;margin: 10px 0;font-size: var(--txt-md-1);line-height: 1.375rem;}
.num-b > li:before{position:absolute; left:0; top:0; display:block;font-size: var(--txt-md-1);}
.num-b > li.b1:before, .num-b > li:nth-of-type(1):before{content:'⑴ ';}
.num-b > li.b2:before, .num-b > li:nth-of-type(2):before{content:'⑵ ';}
.num-b > li.b3:before, .num-b > li:nth-of-type(3):before{content:'⑶ ';}
.num-b > li.b4:before, .num-b > li:nth-of-type(4):before{content:'⑷ ';}
.num-b > li.b5:before, .num-b > li:nth-of-type(5):before{content:'⑸ ';}
.num-b > li.b6:before, .num-b > li:nth-of-type(6):before{content:'⑹ ';}
.num-b > li.b7:before, .num-b > li:nth-of-type(7):before{content:'⑺ ';}
.num-b > li.b8:before, .num-b > li:nth-of-type(8):before{content:'⑻ ';}
.num-b > li.b9:before, .num-b > li:nth-of-type(9):before{content:'⑼ ';}
.num-b > li.b10:before, .num-b > li:nth-of-type(10):before{content:'⑽ ';}
.num-b > li.b11:before, .num-b > li:nth-of-type(11):before{content:'⑾ ';}
.num-b > li.b12:before, .num-b > li:nth-of-type(12):before{content:'⑿ ';}
.num-b > li.b13:before, .num-b > li:nth-of-type(13):before{content:'⒀ ';}
.num-b > li.b14:before, .num-b > li:nth-of-type(14):before{content:'⒁ ';}
.num-b > li.b15:before, .num-b > li:nth-of-type(15):before{content:'⒂ ';}

.num-c > li{position:relative; padding-left:18px;margin: 10px 0;font-size: var(--txt-md-1);line-height: 1.375rem;}
.num-c > li:before{position:absolute; left:0; top:0; display:block;font-size: var(--txt-lg);}
.num-c > li.c1:before, .num-c > li:nth-of-type(1):before{content:'① ';}
.num-c > li.c2:before, .num-c > li:nth-of-type(2):before{content:'② ';}
.num-c > li.c3:before, .num-c > li:nth-of-type(3):before{content:'③ ';}
.num-c > li.c4:before, .num-c > li:nth-of-type(4):before{content:'④ ';}
.num-c > li.c5:before, .num-c > li:nth-of-type(5):before{content:'⑤ ';}
.num-c > li.c6:before, .num-c > li:nth-of-type(6):before{content:'⑥ ';}
.num-c > li.c7:before, .num-c > li:nth-of-type(7):before{content:'⑦ ';}
.num-c > li.c8:before, .num-c > li:nth-of-type(8):before{content:'⑧ ';}
.num-c > li.c9:before, .num-c > li:nth-of-type(9):before{content:'⑨ ';}
.num-c > li.c10:before, .num-c > li:nth-of-type(10):before{content:'⑩ ';}
.num-c > li.c11:before, .num-c > li:nth-of-type(11):before{content:'⑪ ';}
.num-c > li.c12:before, .num-c > li:nth-of-type(12):before{content:'⑫ ';}
.num-c > li.c13:before, .num-c > li:nth-of-type(13):before{content:'⑬ ';}
.num-c > li.c14:before, .num-c > li:nth-of-type(14):before{content:'⑭ ';}
.num-c > li.c15:before, .num-c > li:nth-of-type(15):before{content:'⑮ ';}

.num-d > li{position:relative; padding-left:18px;margin: 10px 0;font-size: var(--txt-md-1);line-height: 1.375rem;}
.num-d > li:before{position:absolute; left:0; top:0; display:block;font-size: var(--txt-md);}
.num-d > li.d1:before, .num-d > li:nth-of-type(1):before{content:'1) ';}
.num-d > li.d2:before, .num-d > li:nth-of-type(2):before{content:'2) ';}
.num-d > li.d3:before, .num-d > li:nth-of-type(3):before{content:'3) ';}
.num-d > li.d4:before, .num-d > li:nth-of-type(4):before{content:'4) ';}
.num-d > li.d5:before, .num-d > li:nth-of-type(5):before{content:'5) ';}
.num-d > li.d6:before, .num-d > li:nth-of-type(6):before{content:'6) ';}
.num-d > li.d7:before, .num-d > li:nth-of-type(7):before{content:'7) ';}
.num-d > li.d8:before, .num-d > li:nth-of-type(8):before{content:'8) ';}
.num-d > li.d9:before, .num-d > li:nth-of-type(9):before{content:'9) ';}
.num-d > li.d10:before, .num-d > li:nth-of-type(10):before{content:'10) ';}

.num-e > li{position:relative; padding-left:18px;margin: 10px 0;font-size: var(--txt-md-1);line-height: 1.375rem;}
.num-e > li:before{position:absolute; left:0; top:0; display:block;font-size: var(--txt-md);}
.num-e > li.d1:before, .num-e > li:nth-of-type(1):before{content:'ⅰ. ';}
.num-e > li.d2:before, .num-e > li:nth-of-type(2):before{content:'ⅱ. ';}
.num-e > li.d3:before, .num-e > li:nth-of-type(3):before{content:'ⅲ. ';}
.num-e > li.d4:before, .num-e > li:nth-of-type(4):before{content:'ⅳ. ';}
.num-e > li.d5:before, .num-e > li:nth-of-type(5):before{content:'ⅴ. ';}
.num-e > li.d6:before, .num-e > li:nth-of-type(6):before{content:'ⅵ. ';}
.num-e > li.d7:before, .num-e > li:nth-of-type(7):before{content:'ⅶ. ';}
.num-e > li.d8:before, .num-e > li:nth-of-type(8):before{content:'ⅷ. ';}
.num-e > li.d9:before, .num-e > li:nth-of-type(9):before{content:'ⅸ. ';}
.num-e > li.d10:before, .num-e > li:nth-of-type(10):before{content:'ⅹ. ';}

.txt-k > li{position:relative; padding-left:24px;margin: 10px 0;font-size: var(--txt-md-1);line-height: 1.375rem;}
.txt-k > li:before{position:absolute; left:0; top:0; display:block;font-size: var(--txt-md-1);}
.txt-k > li.k1:before, .txt-k > li:nth-of-type(1):before{content:'가. ';}
.txt-k > li.k2:before, .txt-k > li:nth-of-type(2):before{content:'나. ';}
.txt-k > li.k3:before, .txt-k > li:nth-of-type(3):before{content:'다. ';}
.txt-k > li.k4:before, .txt-k > li:nth-of-type(4):before{content:'라. ';}
.txt-k > li.k5:before, .txt-k > li:nth-of-type(5):before{content:'마. ';}
.txt-k > li.k6:before, .txt-k > li:nth-of-type(6):before{content:'바. ';}
.txt-k > li.k7:before, .txt-k > li:nth-of-type(7):before{content:'사. ';}
.txt-k > li.k8:before, .txt-k > li:nth-of-type(8):before{content:'아. ';}
.txt-k > li.k9:before, .txt-k > li:nth-of-type(9):before{content:'자. ';}
.txt-k > li.k10:before, .txt-k > li:nth-of-type(10):before{content:'차. ';}
.txt-k > li.k11:before, .txt-k > li:nth-of-type(11):before{content:'카. ';}
.txt-k > li.k12:before, .txt-k > li:nth-of-type(12):before{content:'타. ';}
.txt-k > li.k13:before, .txt-k > li:nth-of-type(13):before{content:'파. ';}
.txt-k > li.k14:before, .txt-k > li:nth-of-type(14):before{content:'하. ';}


.img_border {
    overflow: hidden;
    border-radius: var(--radius-all-md);
    margin: 0 auto;
    display: block;
    border: 1px solid var(--c-black-5);
    text-align: center;
    padding: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.img_border_full {
    overflow: hidden;
    border-radius: var(--radius-all-md);
    margin: 0 auto;
    display: block;
    /* border: 1px solid var(--c-black-5); */
    text-align: center;
    padding: 0rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 5px 15px 5px rgb(0 0 0 / 10%);
}
.img_full {
    overflow: hidden;
    border-radius: var(--radius-all-md);
    margin: 0 auto;
    display: block;
    /* border: 1px solid var(--c-black-5); */
    text-align: center;
    padding: 0rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.img_full img {
    height: 100%;
}

/*회원가입*/
.join {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 2rem;
    max-width: 800px;
    margin: 0 auto;
}
.join .box {
    width: calc((100% - 2rem) /2);
    /* border: 1px solid var(--c-black-5); */
}
.join .box h4 {
    width: 100%;
    text-align: center;
    font-size: var(--txt-lg-2);
    font-weight: 500;
    color: #fff;
    background: var(--sub-color);
    padding: 1rem;
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
}
.join .box.co01 h4 {
    background: var(--main-color);
}
.join .box .con {
    padding: 2rem;
    text-align: center;
    border: 1px solid var(--c-black-5);
    border-bottom-left-radius: 0.625rem;
    border-bottom-right-radius: 0.625rem;
}
.join .box .img {
    width: 100%;
}
.join .box .img img {
    margin: 0 auto;
}
.join .box p {
    text-align: center;
    font-size: var(--txt-lg);
    font-weight: 400;
    margin: 2rem auto;
}
.join .box .btn {
    display: inline-block;
    width: 100%;
    max-width: 200px;
    text-align: center;
    font-size: var(--txt-lg);
    font-weight: 500;
    color: var(--sub-color);
    /* padding: 10px; */
    border: 2px solid var(--sub-color);
    margin: 0 auto;
    border-radius: var(--radius-all-xxs);
    transition: 0.2s;
}
.join .box .btn:hover {
    background: var(--sub-color);
    color: #fff;
}
.join .box.co01 .btn {
    color: var(--main-color);
    border: 2px solid var(--main-color);
}
.join .box.co01 .btn:hover {
    background: var(--main-color);
    color: #fff;
}

/* join - tab */
.join_tab{
	margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
}
.join_tab:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
}
.join_tab li{
    width: calc((100% - 9rem) /3);
    border:1px solid var(--c-black-5);
    text-align:center;
    box-sizing: border-box;
    padding: 1rem;
    background: #fff;
    z-index: 2;
    border-radius: 64px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.join_tab li.active {
    border: 1px solid var(--main-color);
}
.join_tab li p {
    width: calc(100% - 100px);
    text-align: center;
    font-size: var(--txt-lg-2);
    font-weight: 600;
}
.join_tab li span {
    font-size: var(--txt-md);
    font-weight: 500;
    color: var(--main-color);
    display: block;
}
.join_tab li .circle {
    display: block;
    width: 94px;
    height: 94px;
    border-radius: 50%;
    background-color: var(--c-black-8);
    background-repeat: no-repeat;
    background-position: 50%;
}
.join_tab li.active .circle {
    background-color: var(--main-color);
}
.join_tab li.ico1 .circle {
    background-image: url(../images/sub/jointab_icon-01.png);
}
.join_tab li.active.ico1 .circle {
    background-image: url(../images/sub/jointab_icon-01_on.png);
}
.join_tab li.ico2 .circle {
    background-image: url(../images/sub/jointab_icon-02.png);
}
.join_tab li.active.ico2 .circle {
    background-image: url(../images/sub/jointab_icon-02_on.png);
}
.join_tab li.ico3 .circle {
    background-image: url(../images/sub/jointab_icon-03.png);
}
.join_tab li.active.ico3 .circle {
    background-image: url(../images/sub/jointab_icon-03_on.png);
}
.check_group.all {
    background: var(--c-black-8);
    padding: 1rem 2rem;
    font-size: 1.25rem;
    font-weight: 600;
    /* color: #fff; */
    width: 100%;
    border-radius: var(--radius-all-xs);
}

.check_group.all input[type="checkbox"] + label { background: url(../images/common/checkbox.png) left 8px no-repeat;font-size: var(--txt-lg-2);}
.check_group.all input[type="checkbox"]:checked + label {background:url(../images/common/checkbox_checked.png) left 8px no-repeat; }


/*사업소개*/

.con_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    row-gap: 4rem;
    position: relative;
    padding-top: 5rem;
}
.con_wrap:before {
    content: '';
    top: 0;
    left: 50%;
    width: 1px;
    height: 50px;
    background: var(--c-black-4);
    position: absolute;
}

.con_wrap .con_l {
    width: 36%;
}

.con_wrap .con_r {
    width: 64%;
}

.con_wrap .con_img {
    width: 100%;
    height: 425px;
    border-radius: var(--radius-all-md);
}

.con_wrap .con_img.undergraduate {
    background: url(../images/sub/undergraduate_img01.png) no-repeat center;
}
.con_wrap .con_img.residency {
    background: url(../images/sub/residency_img01.png) no-repeat center;
}
.con_wrap .con_img.phdfulltime {
    background: url(../images/sub/phdfulltime_img01.png) no-repeat center;
}
.con_wrap .con_img.postdocgrowth {
    background: url(../images/sub/postdocgrowth_img01.png) no-repeat center;
}
.con_wrap .con_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 2rem;
}
.con_wrap .con_box .box {
    border: 1px solid var(--c-black-5);
    padding: 3rem 1rem;
    border-radius: var(--radius-all-sm);
    text-align: center;
}
.con_wrap .con_box.col-3 .box {
    width: calc((100% - 4rem) /3);
}
.con_wrap .con_box.col-5 .box {
    width: calc((100% - 8rem) /5);
}
.con_wrap .con_box .box p {
    font-size: var(--txt-2xl);
    font-weight: 600;
    margin-bottom: 1rem;
}
.con_wrap .con_box .box img {}


/*사업목표*/
.goals_wrap.col-4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px;
}

.goals_wrap.col-4 .box {
    width: calc((100% - 3rem) /4);
}
.goals_wrap .box {
    /* display: flex; */
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px;
    background: var(--c-black-8);
    padding: 0.5rem 1.5rem;
    border-radius: var(--radius-all-sm);
    border: 1px solid var(--c-black-5);
}
.goals_wrap .box .squre li {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: var(--txt-md-1);
    line-height: 1.625rem;
    border-bottom: 1px dotted var(--c-black-5);
}
.goals_wrap .box .squre li.txt_lg{
	 font-size: var(--txt-lg);
	font-weight: 500;
	padding-bottom: 1rem;
}
.goals_wrap .box .squre li:before {
    content: '';
    width: 4px;
    height: 4px;
    position: absolute;
    top: 23px;
    left: 0;
    background: var(--main-color);
}
.goals_wrap .box .squre li:last-child {
    border-bottom: none;
}
.goals_wrap .box > .line {
    margin-top: -1rem;
    padding-bottom: 1rem;
}

.goals_tab{
	margin: 3rem auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
}
.goals_tab:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
}
.goals_tab li{
    width: 310px;
    height: 310px;
    border: 12px solid var(--c-black-7);
    text-align:center;
    box-sizing: border-box;
    padding: 4.5rem 1.5rem;
    font-size: 1.25rem;
    font-weight: 500;
    z-index: 2;
    border-radius: 350px;
    color: #fff;
}
.goals_tab li.co1{
    background: var(--sub-color-2);
}
.goals_tab li.co2{
    background: rgba(40, 154, 213, 0.65);
    background-image: linear-gradient(120deg,rgba(0, 169, 169, 0.65),  rgba(40, 154, 213, 0.65) 85%);
}
.goals_tab li.co2-1{
    background: rgba(40, 154, 213, 0.65);
    background-image: linear-gradient(120deg,rgba(0, 169, 169, 0.65),  rgba(40, 154, 213, 0.65) 85%);
}
.goals_tab li.co3{
    background: var(--main-color-2);
}
.goals_tab li p {
    width: 100%;
    text-align: center;
    font-size: var(--txt-2xl);
    font-weight: 500;
    margin-top: 1rem;
    line-height: 1.75rem;
}
.goals_tab li span {
    width: 100%;
    font-size: var(--txt-xl);
    font-weight: 500;
    color: #fff;
    display: block;
}
.goals_tab li .circle {
    display: block;
    width: 94px;
    height: 94px;
    border-radius: 50%;
    background-color: var(--c-black-8);
    background-repeat: no-repeat;
    background-position: 50%;
}

/*사업운영*/
.operation_wrap {}
.operation_wrap .con_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 1rem;
}
.operation_wrap .con_box .box {
    width: calc((100% - 1rem) /2);
    border: 1px solid var(--c-black-5);
    border-radius: var(--radius-all-sm);
    /* padding: 10px; */
}
.operation_wrap .con_box.col-3 .box {
    width: calc((100% - 2rem) /3);
}
.operation_wrap .con_box .box .cont_tit_nm {
    margin: 0;
    padding: 5px;
    /* border: 1px solid var(--c-black-5); */
    /* border-radius: var(--radius-all-xs); */
}
.operation_wrap .con_box .box h6 {
    background: var(--c-black-8);
    padding: 1rem 1.5rem;
    /* border-bottom: 1px dotted var(--c-black-5); */
    border-top-left-radius: var(--radius-all-sm);
    border-top-right-radius: var(--radius-all-sm);
    /* min-height: 80px; */
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: var(--txt-lg-2);
    /* color: var(--main-color); */
    /* border-radius: var(--radius-all-xs); */
}
.operation_wrap .con_box .box ul {
    padding: 1rem 1.5rem;
}
.operation_wrap .con_box .box p {
    padding: 1rem 1.5rem;
}

.operation_wrap.type2 .con_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 1rem;
}
.operation_wrap.type2 .con_box .box {
    width: calc((100% - 1rem) /2);
    padding: 5px;
}
.operation_wrap.type2 .con_box.col-3 .box {
    width: calc((100% - 2rem) /3);
}
.operation_wrap.type2 .con_box .box .cont_tit_nm {
    margin: 0;
    padding: 0;
    /* border: 1px solid var(--c-black-5); */
    /* border-radius: var(--radius-all-xs); */
}
.operation_wrap.type2 .con_box .box h6 {
    background: var(--sub-color-2);
    padding: 1rem 1.5rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: var(--txt-lg-2);
    color: #fff;
    border-radius: var(--radius-all-sm);
}
.operation_wrap.type2 .con_box .box:nth-child(2) h6 {
    background: rgba(40, 154, 213, 0.65);
    background-image: linear-gradient(120deg, rgba(0, 169, 169, 0.65), rgba(40, 154, 213, 0.65) 85%);
}
.operation_wrap.type2 .con_box .box:nth-child(3) h6 {
    background: var(--main-color-2);
}
.operation_wrap.type2 .con_box .box p {
    /* border: 1px solid var(--c-black-5); */
    border-radius: var(--radius-all-sm);
    padding: 1rem 1.5rem;
    text-align: center;
    margin-top: 5px;
    background: var(--c-black-8);
    font-size: var(--txt-lg);
    font-weight: 600;
}

/*교육과정*/
.arrow_tit {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.arrow_tit img {
  width: 100%;
  height: auto;
}
.arrow_tit .arrow_txt{
    position: absolute;
    color: #fff;
	font-size: var(--txt-2xl);
	font-weight: 500;
	text-align: center;
    top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.roadmap_wrap{
    display: flex;
    gap: 1rem;
}
.roadmap_wrap .roadmap_group{
    width: 100%;
}
.roadmap_wrap .roadmap_group .roadmap_tit{
    background-color: var(--c-black-8);
    text-align: center;
    padding: 1rem;
    font-size: var(--txt-2xl);
    font-weight: 500;
    margin: 1rem 0;
    border-top: 2px solid var(--main-color);
}
.roadmap_wrap .roadmap_group .roadmap_con{
    display: flex;
    gap: 1rem;
}
.roadmap_wrap .roadmap_group .roadmap_con .gray-arrow{
    background-image: url(../images/sub/undergraduate-curriculum-grayarrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 56px;
    height: auto;
}

.roadmap_wrap .roadmap_group .roadmap_con .box_wrap_group{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.roadmap_wrap .roadmap_group .roadmap_con .box_wrap{
    display: flex;
    gap: 1rem;
    align-items: center;
}
.roadmap_wrap .roadmap_group .roadmap_con .box_wrap .tag{
    padding: 0.3rem 0.5rem;
    background-color: #f3f3f3;
    border: 1px solid var(--c-black-5);
    border-radius: var(--radius-all-xxs);
    min-width: 60px;
    font-weight: 500;
    text-align: center;
}
.roadmap_wrap .roadmap_group .roadmap_con .box_wrap .box{
    display: flex;
    border: 1px solid var(--c-black-5);
    border-radius: var(--radius-all-sm);
    background-color: #fff;
    align-items: center;
    padding: 0.5rem;
	color: var(--c-black-1);
    min-width: 654px;
}
.roadmap_wrap .roadmap_group .roadmap_con .box_wrap:last-child .box{
    min-width: auto;
}
.roadmap_wrap .roadmap_group .roadmap_con .box_wrap .box .cont_tit_nm{
    border-top-left-radius: var(--radius-all-sm);
    border-bottom-left-radius: var(--radius-all-sm);
    align-items: center;
    align-content: center;
	text-align: center;
    font-size: var(--txt-lg-2);
    color: var(--c-black-1);
    background-color: var(--c-black-8);
    margin: 0;
    min-width: 220px;
	min-height: 124px;
}
.roadmap_wrap .roadmap_group .roadmap_con .box_wrap .box .box_txt{
	padding: 0.5rem;
}
.roadmap_wrap .roadmap_group .roadmap_con .box_wrap .box .cont_tit_nm span{
	font-size: var(--txt-md-1);
    font-weight: 400;
}
.roadmap_wrap .roadmap_group .roadmap_con .box_wrap .box .box_txt p{
    font-size: var(--txt-lg-2);
    font-weight: 600;
    margin-bottom: 8px;
}

.roadmap_wrap .roadmap_group .roadmap_con .box_wrap .box .box_txt ul li{
    padding: 0 1rem;
    border-bottom: none;
    font-weight: 400;
}
.roadmap_wrap .roadmap_group .roadmap_con .box_wrap .box .box_txt ul li::before{
    background-color: #9e9e9e;
    top: 10px;
}
.roadmap_wrap .roadmap_group .roadmap_con .box_wrap.blue .tag{
    background-color: #EEF7FC;
    border: 1px solid #BADDF0;
    color: #40abe2;
}
.roadmap_wrap .roadmap_group .roadmap_con .box_wrap.blue .cont_tit_nm{
    background-color: #EEF7FC;
}
.roadmap_wrap .roadmap_group .sub-box_wrap{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.roadmap_wrap .roadmap_group .sub-box_wrap .sub-box{
    width: 100%;
    min-height: 142px;
    border: 1px solid var(--c-black-5);
    border-radius: var(--radius-all-sm);
    text-align: center;
    align-content: center;
}
.roadmap_wrap .roadmap_group .sub-box_wrap .sub-box h6{
    font-size: var(--txt-xl);
    display: block;
    font-weight: 600;
    word-break: keep-all;
}

/*전공의 - 교육과정 - 교육프로그램의 우수성*/
.edu_ex_wrap{
    display: flex;
    flex-direction: column;
    gap: 4rem;
}
.edu_ex_wrap .edu_ex_box{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.edu_ex_wrap .edu_ex_box .edu_ex_tit{
	display:flex;
	gap: 8px;
    align-items: center;
}
.edu_ex_wrap .edu_ex_box .edu_ex_tit .edu_ex_num{
    align-items: center;
	text-align: center;
	flex-shrink: 0;
    background-color: var(--main-color);
    border-radius: 50%;
    font-size: var(--txt-xl);
    color: #fff;
    width: 28px;
	height: 28px;
}

.edu_ex_wrap .edu_ex_box .edu_ex_tit p{
    font-size: var(--txt-xl);
    font-weight: 600;
    color: var(--main-color);
}
.edu_ex_wrap .edu_ex_box .edu_ex_con{
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: center;
}
.edu_ex_wrap .edu_ex_box .edu_ex_con .img_area{
    display: flex;
    gap: 2rem;
}
.edu_ex_wrap .edu_ex_box .edu_ex_con .img_area .img_box{
    flex: 1 1 0;
    max-width: 412px;
    box-shadow: 4px 8px 16px rgba(45, 45, 45, 0.1);
}
.edu_ex_wrap .edu_ex_box .edu_ex_con .img_area img{
	width: 100%;
    height: 100%;
   object-fit: cover;
}
.edu_ex_wrap .edu_ex_box .edu_ex_con .txt_area{
	width: 100%;
    min-width: 300px;
    flex: 1;
}
.edu_ex_wrap .edu_ex_box .edu_ex_con .txt_area .box{
    display: flex;
    flex-direction: column;
    border: 1px solid var(--c-black-5);
    border-radius: var(--radius-all-sm);
    padding: 5px;
}
.edu_ex_wrap .edu_ex_box .edu_ex_con .txt_area .box .cont_tit_nm{
    padding: 5px;
    margin: 0;
}
.edu_ex_wrap .edu_ex_box .edu_ex_con .txt_area .box .cont_tit_nm h6{
    border-top-left-radius: var(--radius-all-sm);
    border-top-right-radius: var(--radius-all-sm);
    text-align: center;
    align-items: center;
    font-size: var(--txt-lg-2);
    background-color: var(--c-black-8);
    padding: 1rem 1.5rem;
}

.edu_ex_wrap .edu_ex_box .edu_ex_con .txt_area .box ul{
    padding: 1rem 1.5rem;
}
.edu_ex_wrap .edu_ex_box .edu_ex_con .txt_area .box ul li{
    border-bottom: 1px dashed var(--c-black-5);
    font-size: var(--txt-lg);
    padding: 12px;
}
.edu_ex_wrap .edu_ex_box .edu_ex_con .txt_area .box ul li::before{
    top: 20px;
}
.edu_ex_wrap .edu_ex_box .edu_ex_con .txt_area .box ul li:last-child{
    border-bottom: none;
}

/*학장인사말*/
.greeting {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 3.125rem;
}
.greeting .greeting_l {
    width: calc(100% - 530px);
    /* height: 400px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 4rem;
    padding: 60px 0 0px 60px;
    position: relative;
    /* border-bottom: 1px solid var(--c-black-1); */
    /* border: 1px solid var(--c-black-5); */
    /* border-radius: var(--radius-all-md);
    border-bottom-right-radius: var(--radius-all-md); */
    /* border-left: none; */
}
.greeting .greeting_l::before {
    content: '';
    width: 178px;
    height: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #e5e5e5;
    transition: 0.5s;
    margin: 0px 0 0 0px;
    z-index: 1;
}
.greeting .greeting_l::after {
    content: '';
    width: 10px;
    height: 198px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #e5e5e5;
    transition: 0.5s;
    margin: 0px 0 0 0px;
    z-index: 1;
}
.greeting .greeting_r {
    width: 480px;
}
.greeting .greeting_l .txt {
    border-bottom: 1px dotted var(--c-black-5);
    padding-bottom: 60px;
}
.greeting .txt {
    text-align: justify;
}
.greeting h4 {
    font-size: var(--txt-5xl);
    font-weight: 600;
}
.greeting p {
    font-size: var(--txt-lg);
    line-height: 1.875rem;
}

.greeting_img {
    width: 100%;
    height: 447px;
    background: url(../images/sub/greet.png) no-repeat center top #cfa87b;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    border-radius: var(--radius-all-md);
    /* border: 1px solid var(--c-black-5); */
}
.greeting .greeting_w {
    width: calc(100% - 120px);
}
.greeting .name {
    font-size: var(--txt-2xl);
    font-weight: 600;
    margin-left: 1rem;
    display: inline-block;
}

/*조직도*/
.organization_wrap{
	display: flex;
	flex-direction: column;
	gap: 3rem;
}
.organization_wrap .organization_tit{
	background-color: #E8E2D7;
	text-align: center;
	padding: 2rem;
	border-radius: 16px;
	position: relative;
    overflow: hidden;
}
.organization_wrap .organization_tit img{
    width: 100%;
	max-width: 500px;
    position: relative;
	z-index: 1;
}
.organization_wrap .organization_tit::after{
	content:'';
	position: absolute;
	right: 0px;
	bottom: -14px;
	width: 191px;
	height: 186px;
	background-image: url('../images/sub/organization_tit_symbol.png');
	background-repeat: no-repeat;
	background-position: center;
}
.organization_wrap .organization_cont{
	text-align: center;
	justify-items: center;
}

.organization_wrap .organization_cont .leader, .deputy{
	display:flex;
	flex-direction: column;
	width: 100%;
    max-width: 350px;
	font-weight: 600;
	margin-bottom: 2.5rem;
    padding: 0.8rem 0.5rem 0.5rem;
	border-radius: 8px;
}
.organization_wrap .organization_cont .leader{
	background-color: var(--main-color);
}
.organization_wrap .organization_cont .deputy{
	background-color: var(--c-black-2);
}
.organization_wrap .organization_cont .box{
	color: #fff;
	font-size: var(--txt-xl);
}
.organization_wrap .organization_cont .name{
	background-color: #fff;
	color: #333;
	padding: 0.8rem;
	border-radius: 8px;
    letter-spacing: 0.3rem;
    text-indent: 0.3rem;
	margin-top: 8px;
}


.organization_wrap .organization_cont .projects{
	display: flex;
	gap: 2rem;
	width: 100%;
	justify-content: center;
    flex-wrap: wrap;
}

.organization_wrap .organization_cont .projects .project{
	flex: 1;
}
.organization_wrap .organization_cont .projects .project .img_box {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	height: 340px;
}

.organization_wrap .organization_cont .projects .project .img_box img{
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.organization_wrap .organization_cont .projects .project .name_box{
	position: absolute;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(4px);
    bottom: 16px;
    width: 90%;
    left: 50%;
    padding: 0.8rem;
    border-radius: 8px;
    line-height: 160%;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
    justify-self: anchor-center;
    transform: translate(-50%, 0);
}

.organization_wrap .organization_cont .projects .project .name_box .label{
	font-size: var(--txt-md-1);
}
.organization_wrap .organization_cont .projects .project .name_box .value{
	font-size: var(--txt-lg-2);
	font-weight: 600
}



/*사업소개 - 인사말*/
.mission_img_wrap img{
	width: 100%;
    
}
.sub_greeting_wrap{ 
    margin-top: 4rem;
    display: flex;
    gap: 3rem;
    flex-wrap: wrap;
}
.sub_greeting_wrap .img_area{
    flex: 1;
    width: 100%;
    height: auto;
	text-align: center;
}
.sub_greeting_wrap .img_area img{
	width: 100%;
	min-width: 350px;
	max-width: 400px;
	height: auto;
	border-radius: 16px;
}
.sub_greeting_wrap .txt_area{
    flex: 2;
    padding: 2rem 0 0 2rem;
	position: relative;
    min-width: 450px;
}
.sub_greeting_wrap .txt_area .sub_greeting_tit{
    font-size: var(--txt-3xl-2);
    font-weight: 600;
    line-height: 160%;
}
.sub_greeting_wrap .txt_area .sub_greeting_tit::before{
	content: '';
    width: 64px;
    height: 8px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: var(--main-color);
    transition: 0.5s;
	margin: 0;
    z-index: 1;
}
.sub_greeting_wrap .txt_area .sub_greeting_tit::after{
	content: '';
    width: 8px;
    height: 64px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: var(--main-color);
    transition: 0.5s;
	margin: 0;
    z-index: 1;
}
.sub_greeting_wrap .txt_area .sub_greeting_cont{
    font-size: var(--txt-lg);
    margin-top: 2rem;
    line-height: 150%;
    text-align: justify;
}
.sub_greeting_wrap .txt_area .sub_greeting_sign{
	font-size: var(--txt-lg-2);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
    gap: 4px;
    font-weight: 500;
    text-align: right;
    margin-top: 1rem;
}

.sub_greeting_wrap .txt_area .sub_greeting_sign .sub_greeting_name{
    font-size: var(--txt-2xl);
    font-weight: 600;
    letter-spacing: 0.5rem;
    margin-right: -0.5rem;
    margin-top: 8px;
}

/*연혁*/
.history_wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    /* padding: 35px 50px; */
    position: relative;
    margin-bottom: 2rem;
}
.history_wrap::before {
    position: absolute;
    content: '';
    width: 1px;
    height: calc(100% - 4rem);
    /* background: var(--c-black-5); */
    bottom: 0;
    left: 6rem;
    border-left: 2px dotted var(--c-black-5);
}
.history_wrap .year {
    font-size: var(--txt-3xl);
    font-weight: 600;
    color: var(--main-color);
    width: 12.5rem;
    transform: rotate(0.03deg);
    margin-top: 0.5rem;
    text-align: center;
}
.history_wrap .year span {
    font-weight: 400;
    color: var(--c-black-2);
}
.history_wrap .date {
    font-size: var(--txt-lg);
    font-weight: 600;
    color: var(--main-color);
    transform: rotate(0.03deg);
    width: 5rem;
}
.history_wrap ul {
    width: 100%;
}
.history_wrap ul li {
    
}
.history_wrap .cont {
    font-weight: 500;
    width: calc(100% - 12.5rem);
}
.history_wrap .cont_ex {
    color: var(--c-black-4);
    font-size: var(--txt-sm);
}
.history_wrap .box {
    /* display: flex; */
    /* background: #e7f0f58a; */
    background: var(--c-black-8);
    border: 1px solid var(--c-black-5);
    border-radius: var(--radius-all-sm);
    padding: 2rem 2.5rem 1.75rem;
    margin-bottom: 1.5rem;
    align-items: center;
}
.history_wrap .box p {
    font-size: var(--txt-2xl);
    font-weight: 600;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px dotted var(--c-black-5);
}
.history_wrap .box:last-child {margin: 0;}


a.btn_txt {
    display: inline-block;
}
a.btn_txt::after {
    content: '\f8ce';
    font-family: "Material icons Outlined";
    /* position: absolute; */
    bottom: 0;
    right: 0;
    font-size: var(--txt-xl);
    color: var(--main-color);
    /* transform: translate(0, -50%); */
    /* line-height: 1.5em; */
    vertical-align: bottom;
}
.tab.btn_txt:hover::after {
    color: #fff;
}

a.btn_txt.file {
}
a.btn_txt.file::after {
    content: '\e873';
}
.sub_tit {
    font-size: var(--txt-lg-2);
    font-weight: 500;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px dotted var(--c-black-5);
}
.sub_tit::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: -12px;
    width: 5px;
    height: 5px;
    background-color: var(--main-color);
}
.sub_tit.no_line {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0.5rem;
}

.sub_tit2 {
    font-size: var(--txt-lg);
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

/*찾아오시는길*/
.address {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1rem;
    /* gap: 10px; */
}
.address li {
    width: calc(100% - 300px);
    background: var(--main-color);
    font-size: var(--txt-xl);
    font-weight: 400;
    color: #fff;
    padding: 2rem 3rem;
    border-radius: var(--radius-all-sm);
}
.address li strong {
    font-size: var(--txt-xl);
    margin-right: 1rem;
}
.address li:nth-child(1) {
    border-top-left-radius: var(--radius-all-sm);
    border-bottom-left-radius: var(--radius-all-sm);
}
.address li:nth-child(2) {
    width: 300px;
    background: #d69226;
    padding: 2rem 3rem;
    border-top-right-radius: var(--radius-all-sm);
    border-bottom-right-radius: var(--radius-all-sm);
    text-align: center;
}

.ticon {
    position: relative;
    padding-left: 3.5rem;
}
.ticon::before {
    position: absolute;
    font-family: 'Material Icons outlined';
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    font-size: 1.5rem;
    font-weight: 300;
    background: var(--c-black-7);
    color: var(--main-color);
    border-radius: 50%;
    width: 45px;
    height: 45px;
    /* text-align: center; */
    /* padding: 5px; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.ticon.subway::before {
    content: '\eff9';
}
.ticon.bus::before {
    content: '\eff6';
}
.ticon.location::before {
    content: '\e0c8';
}
.ticon.car::before {
    content: '\e531';
}
.ticon.hall::before {
    content: '\e84f';
}

.traffic_wrap {
    
}
.traffic {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid var(--c-black-5);
}
.traffic:first-child {
    border-top: 1px solid var(--c-black-5);
}
.traffic_wrap .traffic_l {
    width: 300px;
    padding: 1.5rem 0;
}
.traffic_wrap .traffic_r {
    width: calc(100% - 300px);
}

.traffic_wrap .cont_tit_nm {
    margin: 0;
}
.traffic .box {
    font-size: var(--txt-lg);
    padding: 1.5rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 2rem;
    border-bottom: 1px dotted var(--c-black-5);
}
.traffic .box:last-child {
    border-bottom: none;
}
.traffic .box p {
     min-width: 220px;
     margin-right: 1rem;
}
.traffic .box span {
    width: auto;
    min-width: 80px;
    color: #fff;
    border-radius: 18px;
    text-align: center;
    color: #fff;
    display: inline-block;
    padding: 5px 15px;
    font-weight: 500;
}
.traffic .box span.line1 {
    background-color: #015aa9;
}
.traffic .box span.line2 {
    background-color: #1aa850;
}
.traffic .box span.line6 {
    background-color: #d3580e;
}
.traffic .box span.line7 {
    background-color: #677717;
}
.traffic .box span.line4 {
    background-color: #049fd2;
}
.traffic .box span.suin {
    background-color: #fcb814;
}
.traffic .box span.blue {
    background-color: #3556a7;
}
.traffic .box span.green {
    background-color: #50a232;
}
.traffic .box span.red {
    background-color: #f13825;
}
.traffic .box span.line {
    border: 1px solid var(--c-black-5);
}
.traffic .box span.bg {
    background-color: var(--c-black-8);
}
.img_center.map {
    border: 1px solid var(--c-black-5);
    border-radius: var(--radius-all-sm);
    background: #f0f0f0;
}
.img_center.map img {
    max-width: 996px;
}


/**/
.sub_button{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}
.sub_button.flex_end{
    justify-content: flex-end;
}
.sub_btn{
    min-width: 250px;
    background: var(--main-color-2);
    /* height: 40px;
    line-height: 40px; */
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    font-size: var(--txt-lg);
    position: relative;
    padding-right: 40px;
}
.sub_btn.crimson{
    background: var(--main-color);
}
.sub_btn:after {
    content: '\e2c4';
    font-family: 'Material Icons Outlined';
    color: #fff;
    font-size: var(--txt-2xl);
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(-50%, -50%);
}
.sub_btn.open_in_new:after {
    content: '\e89e';
    font-size: var(--txt-xl);
}
.sub_btn .material-icons-outlined{
    font-size: 18px;
}

/* 갤러리 썸네일 */
.gallery{
    width: 100%;
}
.box__gallery {
  display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
}

/* 갤러리 썸네일들 */
.gallery{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    /* position: relative; */
}
.box_gallery {
    /* display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem; */
    position: relative;
    width: calc((100% - 6rem) /4);
}
.box_gallery.big {
    width: calc((100% - 2rem) /2) !important;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}
.box_gallery .img {
    width: 100%;
    /* height: 225px; */
}
.box_gallery .img a img {
    width: 100%;
    /* height: 225px; */
}
.box_gallery.big .box_gallery {
    width: calc((100% - 2rem) /2);
}
/* .box_gallery:nth-child(2) {
    width: calc((100% - 2rem) /2) !important;
} */
.box_gallery img {
    width: 100%;
    /* height: 225px; */
}

.box_gallery .img img {
    width: 100%;
}
.box_gallery:first-child .img img {
    width: 100%;
    height: auto;
}
.box_gallery .img:hover a {
    display: inline-block;
    position: relative;
    width: 100%;
}
.box_gallery .img:hover a::before{
    /* background: rgba(139, 0, 41, 0.3); */
    content: "";
    opacity: 0.6;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    background: url(../images/common/icons8-zoom-in-24.png) no-repeat 97% 1rem var(--main-color);
    z-index: 9;
    display: inline-block;
}
.box_gallery p {
    margin: 10px 0;
}
.box_gallery .btn_down {
    position: absolute;
    top: 1rem;
    left: 3%;
    font-size: var(--txt-sm);
    color: #fff;
    z-index: 99;
    display: flex;
    align-items: center;
    border-radius: var(--radius-all-xxs);
    padding: 2px 5px;
    background: rgb(0 0 0 / 10%);
    border: rgb(0 0 0 / 10%);
}
.box_gallery .btn_down:hover {
    background: var(--main-color);
}
.box_gallery .btn_down .material-icons-outlined {
    font-size: var(--txt-lg-2);
}