/* fonts properties */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url("https://use.typekit.net/rfo0kwl.css");


/*------------------------------------------------------------------------------------------------------------------------
  Common
------------------------------------------------------------------------------------------------------------------------*/

:root{
	/* font */
	--ffPretend:"Pretendard";--ffGibson:"canada-type-gibson";
	--fw100:100;--fw200:200;--fw300:300;--fw400:400;--fw500:500;--fw600:600;--fw700:700;--fw800:800;--fw900:900;
	--fs14:14px;--fs16:16px;--fs18:18px;--fs20:20px;--fs24:24px;--fs28:28px;--fs32:32px;--fs38:38px;--fs44:44px;--fs64:64px;--fs70:70px;--fs72:72px;--fs80:80px;

	/* border-radius */
	--radius32:32px;--radius24:24px;

	/* color - base */
	--base-black:#000;--base-black-80:rgba(0,0,0,0.8);--base-black-75:rgba(0,0,0,0.75);--base-black-60:rgba(0,0,0,0.6);--base-black-45:rgba(0,0,0,0.45);--base-black-30:rgba(0,0,0,0.30);--base-black-15:rgba(0,0,0,0.15);--base-black-5:rgba(0,0,0,0.05);--base-white:#fff;--base-white-80:rgba(255,2585,255,0.8);--base-white-30:rgba(255,2585,255,0.3);

	--base-d-blue100:#f5f5f7;--base-d-blue200:#e4e6e9;--base-d-blue300:#798288;--base-d-blue400:#4a565f;--base-d-blue500:#222629;--base-d-blue600:#0c0e10;--base-blue:#006ec1;
	
	/* common */
	--point:var(--base-blue);--bg-box:var(--base-d-blue100);--bg-dark-box:var(--base-black-75);--line-dark:var(--base-d-blue500);--line-table:var(--base-black-15);
	/* txt-bg-white */
	--txt-tit:var(--base-d-blue500);--txt-tit-desc:var(--base-d-blue400);--txt-default:var(--base-black-80);--txt-sub:var(--base-black-60);--txt-data:var(--base-d-blue300);

	/* txt-bg-black */
	--txt-dark-tit:var(--base-white);--txt-dark-sub:var(--base-white-80);--txt-dark-sub02:var(--base-white-30);

	/* txt-button */
	--txt-btn:var(--base-d-blue500);--txt-btn-hover:var(--base-white)
}



/* buttons */

/* admin btn set */

.admin_btn_set{margin-top:35px}
.admin_btn_set > li{float:left;margin-right:10px}
.admin_btn_set > li:last-of-type{margin-right:0}

/* btn common */
.st_btn_y > a, .st_btn_g > a, .st_btn_dg > a{text-align:center;display:table-cell;vertical-align:middle;color:white;text-decoration:none}
.st_btn_y, .st_btn_y > a > p, .st_btn_g > a > p, .st_btn_dg > a > p{font-weight: var(--fw400);font-size: var(--fs14);line-height: 46px;text-align:center;letter-spacing: 0.5px;}
.st_btn_stroke > a{display: flex;width: 100%;justify-content: center;align-items: center;height: 100%;color: var(--base-d-blue400);text-decoration:none}
.st_btn_stroke > a > p{font-weight: var(--fw400);font-size: var(--fs14)}

/* btn_y */

.st_btn_y{padding: 0 60px;background-color: var(--base-d-blue400);border:none;display: flex;justify-content: center;align-items: center;color:white;cursor:pointer;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.st_btn_y:hover{background-color:var(--base-d-blue500)}

/* btn_stroke */

.st_btn_stroke{display: flex;justify-content: center;align-items: center;}

/* btn_g */

.st_btn_g{width:100%;max-width:100px;height:30px;background-color:#C1C1C1;display:table}

/* btn_dg */

.st_btn_dg{width:100%;max-width:100px;height:30px;background-color:#858585;display:table}

/* nav_btn */

.st_nav_btn{display: block;background-color: var(--base-black-60);border: 0;width: calc(100% - 50px);margin: 25px;height: 55px;color: var(--base-white);font-weight: var(--fw400);font-size: var(--fs18);transition: all 0.5s;}
.st_nav_btn > p{width:100%;position:absolute;top:50%;transform:translateY(-50%);text-align:center}

/* notice_btn */
.notice_btn{width:130px;height:40px;border:1px solid #424242;color:#424242;background-color:transparent;padding:0;margin:0;cursor:pointer}

.notice_btn:hover{background-color:#424242;border:none;color:white}

.notice_edit_icobtn,
.notice_delete_icobtn{width:50px;height:50px;padding:12.5px;border:none;background-color:transparent;margin:0;cursor:pointer;border-radius:5px}
.notice_edit_icobtn:hover,
.notice_delete_icobtn:hover{background-color:#424242;border:none}
.notice_edit_icobtn:hover img{content:url("https://drimaes.com/wp-content/themes/DrimaesTheme_v3/img/notice_edit_ico_hover.svg")}
.notice_delete_icobtn:hover img{content:url("https://drimaes.com/wp-content/themes/DrimaesTheme_v3/img/notice_delete_ico_hover.svg")}

.notice_pagination_icobtn{width:40px;height:40px;color: var(--base-d-blue500);padding:0;border: 0.5px solid var(--base-d-blue200);border-radius:3px;background-color: var(--base-white);cursor:pointer}
.notice_pagination_icobtn:hover{border: 2px solid var(--base-d-blue300);}
.notice_pagination_icobtn_active{width:40px;height:40px;color:white;padding:0;border:none;border-radius:3px;line-height: 0;background-color: var(--base-d-blue300);cursor:pointer}
.st_notice_btn{font-size:16px}


/* text styles */
.st_main_title{font-weight:500;font-size:65px;line-height:80px;letter-spacing:-0.03em}
.st_p_high{font-weight:500;font-size:20px;line-height:26px}
.st_p_small{font-weight: var(--fw200);font-size: var(--fs24);line-height: 1.4;color: var(--base-black-60);}
.st_t_title{font-weight: var(--fw400);color: var(--base-d-blue500);font-size: var(--fs64)}
.st_t_subtitle{font-weight: var(--fw500);font-size: var(--fs28);color: var(--base-d-blue500)}
.st_p_middle{font-weight: var(--fw100);font-size: var(--fs24);color: var(--base-black-60);line-height: 1.3;}
.st_op_titlelight{margin-top: 210px;font-size: var(--fs70);font-weight: var(--fw300);color: var(--base-d-blue500)}
.st_op_subtitle{font-weight:300;font-size:55px;line-height:80px;letter-spacing:-0.019em}
.st_p_high{font-weight:500;font-size:20px;line-height:26px}
.st_p_list{font-weight:500;font-size:12px;line-height:15px}
.st_p_titledevider{font-weight:500;font-size:42px;line-height:28px}
.st_op_num{font-weight:300;font-size: var(--fs80)}
.st_op_sublight{font-weight: var(--fw400);font-size: var(--fs44);line-height: 1.2;color: var(--base-d-blue500);}
.st_op_year{font-weight: var(--fw300);font-size: var(--fs44);color: var(--base-d-blue500);}
.st_p_middleblack{font-weight: var(--fw600);font-size: var(--fs18)}
.st_t_join{font-weight: var(--fw400);color: var(--base-d-blue500);font-size: var(--fs64)}
.st_blog_date{font-weight: var(--fw400);font-size: var(--fs16);line-height: 1.5;color: var(--base-d-blue300);}
.st_blog_title{font-weight: var(--fw400);font-size: var(--fs24);line-height: 1.4;}
.st_notice_table_header{font-weight: var(--fw500);font-size: var(--fs16);color: var(--base-d-blue500);}
.st_notice_table_list{color: var(--base-d-blue600);font-size: var(--fs16)}
.st_notice_form_title{font-weight:600;font-size:16px;line-height:24px}
.st_notice_form_words{font-weight:400;font-size:16px;line-height:30px}
.notice_btn{width:130px;height:40px}

.st_doc_title{font-weight:500;font-size:48px;line-height:55px}
.st_t_contact{font-weight: var(--fw300);font-size: var(--fs64);line-height:70px}
.st_t_leadership_bold{font-weight: var(--fw500);font-size: var(--fs18);color: var(--base-white-80);letter-spacing: 1px;}
.st_t_leadership_normal{font-weight: var(--fw300);font-size: var(--fs24);line-height:24px;letter-spacing: 1px;margin-top: 10px;}
.st_t_position{font-weight:500;font-size:14px;line-height:28px}

/* responsive tablet area */

@media screen and (max-width: 1440px) {

	/* btn_y */
	.st_btn_y{max-width:none;height:40px}

	/* btn_stroke */
	.st_btn_stroke{max-width:none;height:40px}

	/* btn_g */
	.st_btn_g{max-width:150px;height:40px}

	/* btn_dg */
	.st_btn_dg{max-width:150px;height:40px}


	/* text styles */
	.st_main_title{font-size:45px;line-height:60px}
	.st_p_high{font-size:16px;line-height:20px}
	.st_p_small{font-size: var(--fs20)}
	.st_t_title{font-size: var(--fs44)}
	.st_t_subtitle{font-size:20px;line-height:28px}
	.st_p_middle{font-size: var(--fs20)}
	.st_op_subtitle{font-size:32px;line-height:40px}
	.st_p_high{font-size:16px;line-height:20px}
	.st_p_list{font-size:10px;line-height:18px}
	.st_p_titledevider{font-size:26px;line-height:30px}
	.st_op_num{font-size: var(--fs72)}
	.st_op_sublight{font-size: var(--fs32);line-height:45px}
	.st_op_year{font-size: var(--fs32)}
	.st_p_middleblack{font-size: var(--fs16)}
	.st_t_join{font-size: var(--fs44)}
	.st_blog_date{font-size:18px;line-height:26px}
	.st_blog_title{font-size:18px;line-height:26px}

	.st_notice_table_header{font-size:16px;line-height:24px}
	.st_notice_table_list{font-size:16px;line-height:30px}
	.notice_edit_icobtn, .notice_delete_icobtn{width:46px;height:46px;padding:10px}
	.st_notice_form_title{font-size:14px;line-height:24px}
	.st_notice_form_words{font-size:14px;line-height:30px}
	.notice_btn{width:100px;height:35px;margin-bottom:5px}
	.st_notice_btn{font-size:14px}



	.st_doc_title{font-size:36px;line-height:42px}
	.st_t_contact{font-size: var(--fs44);line-height: 50px;}
	.st_t_position{font-size:12px;line-height:20px}


}

/* responsive mobile area */
@media screen and (max-width:960px) {

	/* deviders */
	.st_devider{width:50px}

	/* btn_y */
	.st_main_title{font-size:min(9.6vw, 36px);line-height:min(11.733vw, 44px)}
	.st_p_high{font-size:12px;line-height:18px}
	.st_op_subtitle{font-size:26px;line-height:32px}
	.st_p_high{font-size:12px;line-height:18px}
	.st_p_list{font-size:10px;line-height:18px}
	.st_p_titledevider{font-size:20px;line-height:26px}
	.st_blog_date{font-size:10px;line-height:18px}
	.st_blog_title{font-size:16px;line-height:24px}

	.st_notice_table_header{font-size:14px;line-height:24px}
	.st_notice_table_list{font-size:14px;line-height:30px}
	.notice_edit_icobtn, .notice_delete_icobtn{width:40px;height:40px;padding:10px}
	.st_notice_form_title{font-size:14px;line-height:24px}
	.st_notice_form_words{font-size:14px;line-height:30px}

	.st_doc_title{font-size:24px;line-height:32px}
	.st_t_position{font-size:10px;line-height:14px}


}


@media screen and (max-width:1680px) {

}



@media screen and (max-width:1440px) {

}

@media screen and (max-width:1366px) {

}

@media screen and (max-width:1280px) {

}

@media screen and (max-width:1024px) {

}


@media screen and (max-width:390px) {

}


@media screen and (max-width:360px) {

}

@media screen and (max-width:320px) {

}