@charset 'utf-8';


/* default setting */
* {box-sizing: border-box; text-decoration: none; list-style: none; margin: 0; padding: 0; }
*::after, *::before {margin: 0 auto; padding: 0; box-sizing: border-box;}
html, body {font-family: 'pretendard'; font-size: 18px; color:#333; line-height: 1.3;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
img {display: inline; border: 0;}
a {color: inherit; text-decoration: none;}
ol, ul, li {list-style: none;}
em {font-style: normal;}
strong, b {font-weight: 600;}
sub, sup {font-size: 0.7rem;}
fieldset {border: 0;}
button {font-family: 'pretendard'; font-size: 18px; line-height: 1; background: none; border: none;}
textarea {resize: none;}
table {border-collapse: collapse; border-spacing: 0;}
legend, caption {font-size: 0; line-height: 0; overflow: hidden; width: 0; height: 0; text-indent: -999999999px;}
input[type="text"] {box-sizing: border-box;}
img {max-width: 100%;}


/* position */
.relative{position: relative;}

/* blind */
.blind { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0,0 0,0 0) }
.file-input {display: none;}


/* input */
input[type="text"]{height: 1.7rem; border: 1px solid #757575; border-radius: 0.25rem;}
input:read-only{background: #ddd; border: 1px solid #bbb;}
input[type="checkbox"]:focus,input[type="radio"]:focus{outline:3px dotted #aaa;outline-offset:0}
select{height: 1.7rem; margin: 0 0 0 1rem; border-radius: 0.25rem;}

.searchInputW5{max-width: calc(100% - 5rem);}
.searchInputW10{max-width: calc(100% - 10rem);}
.searchInputW15{max-width: calc(100% - 15rem);}

/* width */
.w100{width: 100%;}

.wMax10per{max-width: 10%;}
.wMax20per{max-width: 20%;}
.wMax30per{max-width: 30%;}
.wMax40per{max-width: 40%;}
.wMax50per{max-width: 50%;}

/* font */
.font_wB{font-weight: 700;}

.fs20{font-size: 20px !important;}
.fs22{font-size: 22px !important;}
.fs25{font-size: 25px !important;}
.fs30{font-size: 30px !important;}

.colorB{color: #000;}
.colorBlue{color: #1d52ff;}
.colorRed{color: #ff1111;}
.colorOrg{color: #ff6a20;}
.colorGreen{color: #1ca414;}
.colorNavy{color: #3934c2;}

/* align */
.aCenter{text-align: center;}
.aLeft{text-align: left;}
.aRight{text-align: right;}

/* tit */
.tit1{position: relative; font-size: 1.25rem; padding-left: 2.15rem; margin-top: 2.5rem; margin-bottom: 1.3rem;}
.tit1::before{content: ''; position: absolute; display: block; left: 0.4rem; top: 0.5rem; width: 1.2rem; height: 0.65rem; border-radius: 0 1rem 1rem 0; background: var(--menuColor1); 
z-index: 0;}
.tit1::after{content: ''; position: absolute; display: block; left: 0; top: 0.85rem; width: 1.2rem; height: 0.65rem; border-radius: 0 1rem 1rem 0; background: var(--menuColor2); z-index: -1;}

/* list */
.list_st1{margin-top: 0.5rem;}
.list_st1 li{ position: relative; padding-left: 1.2rem; line-height: 1.6rem;}
.list_st1 li::before{content: ''; position: absolute; width: 0.2rem; height: 0.2rem; background: #333333; border-radius: 50%; left: 0.5rem; top: 0.7rem;} 


.list_st2{margin: 0.5rem 0;}
.list_st2 li{ position: relative; padding-left: 1.2rem; line-height: 1.6rem;}
.list_st2 li::before{content: ''; position: absolute; width: 0.4rem; height: 0.1rem; background: #777; left: 0.5rem; top: 0.7rem;} 

ol.bo1{margin-top: 0.5rem; padding-left:2.1em; }
ol.bo1>li{line-height: 1.6rem;}
ol.bo1>li:before{position:relative;top:auto;left:auto;display:inline-block;
	box-sizing:border-box;  
	width:1rem; 
	height:1rem;
	min-width:20px;
	min-height:20px;
	margin:-.333em .721em 0 -2.4em;  
	padding:3px 0; 
	border-radius:0.2rem;
	background:#789;
	color:#fff;
	font-weight:400;
	font-size:.875em;  
	line-height:14px; 
	text-align:center;
	vertical-align:middle;
}
ol.bo1 ol.bo1>li:before{
	width:0.8rem; 
	height:0.8rem;
	min-width:18px;
	min-height:18px;
	padding:2px 0;  
	background:#bbb;
}

ul.bu ol.bo1>li:before {margin-top:-.25em}

ol.bo1>li:nth-child(1):before{content:'1'}
ol.bo1>li:nth-child(2):before{content:'2'}
ol.bo1>li:nth-child(3):before{content:'3'}
ol.bo1>li:nth-child(4):before{content:'4'}
ol.bo1>li:nth-child(5):before{content:'5'}
ol.bo1>li:nth-child(6):before{content:'6'}
ol.bo1>li:nth-child(7):before{content:'7'}
ol.bo1>li:nth-child(8):before{content:'8'}
ol.bo1>li:nth-child(9):before{content:'9'}
ol.bo1>li:nth-child(10):before{content:'10'}
ol.bo1>li:nth-child(11):before{content:'11'}
ol.bo1>li:nth-child(12):before{content:'12'}
ol.bo1>li:nth-child(13):before{content:'13'}
ol.bo1>li:nth-child(14):before{content:'14'}
ol.bo1>li:nth-child(15):before{content:'15'}
ol.bo1>li:nth-child(16):before{content:'16'}
ol.bo1>li:nth-child(17):before{content:'17'}
ol.bo1>li:nth-child(18):before{content:'18'}
ol.bo1>li:nth-child(19):before{content:'19'}
ol.bo1>li:nth-child(20):before{content:'20'}
ol.bo1>li:nth-child(21):before{content:'21'}
ol.bo1>li:nth-child(22):before{content:'22'}
ol.bo1>li:nth-child(23):before{content:'23'}
ol.bo1>li:nth-child(24):before{content:'24'}
ol.bo1>li:nth-child(25):before{content:'25'}
ol.bo1>li:nth-child(26):before{content:'26'}
ol.bo1>li:nth-child(27):before{content:'27'}
ol.bo1>li:nth-child(28):before{content:'28'}
ol.bo1>li:nth-child(29):before{content:'29'}
ol.bo1>li:nth-child(30):before{content:'30'}
ol.bo1>li:nth-child(31):before{content:'31'}
ol.bo1>li:nth-child(32):before{content:'32'}
ol.bo1>li:nth-child(33):before{content:'33'}
ol.bo1>li:nth-child(34):before{content:'34'}
ol.bo1>li:nth-child(35):before{content:'35'}
ol.bo1>li:nth-child(36):before{content:'36'}
ol.bo1>li:nth-child(37):before{content:'37'}
ol.bo1>li:nth-child(38):before{content:'38'}
ol.bo1>li:nth-child(39):before{content:'39'}
ol.bo1>li:nth-child(40):before{content:'40'}



/* btn */
.btn_red,
.btn_redL,
.btn_blue,
.btn_blueL,
.btn_gray,
.btn_grayL,
.btn_navy,
.btn_navyL,
.btn_sky,
.btn_skyL,
.btn_green,
.btn_greenL,
.btn_inherit,
.btn_inheritL{display: inline-block; padding: 0.5rem 1rem; border-radius: 0.25rem; text-align: center; margin: 0.25rem; vertical-align: middle; font-weight: 700rem; font-size: 0.9rem;} 

.btn_red{background: #ff5252; color: #fff !important;}
.btn_redL{background:#fff; border:1px solid #ff5252; color: #ff5252 !important;}
.btn_blue{background: var(--menuColor1); color: #fff !important;}
.btn_blueL{background:#fff; border:1px solid #1d62ff; color: #1d62ff !important;}
.btn_gray{background: #8a8a8a; color: #fff !important;}
.btn_grayL{background:#fff; border:1px solid #8a8a8a; color: #333 !important;}
.btn_navy{background: #282a70; color: #fff !important;}
.btn_navyL{background:#fff; border:1px solid #282a70; color: #282a70 !important;}
.btn_sky{background: var(--purple-ver5); color: #fff !important;}
.btn_skyL{background:#fff; border:1px solid var(--purple-ver5); color: #333 !important;}
.btn_green{background: #1d6d3d; color: #fff !important;}
.btn_greenL{background:#fff; border:1px solid #1d6d3d; color: #1d6d3d !important;}
.btn_inherit{background: var(--menuColor1) !important; color: #fff !important;}
.btn_inheritL{background:#fff; border:1px solid var(--menuColor1); color: var(--menuColor1) !important;}

.btn_wide{padding: 0.5rem 3rem;}
.btn_mini1{padding: 0.1rem 1rem;}
.btn_mini2{padding: 0.1rem 0.5rem; font-size: 0.8rem;}

.btn_absol{position: absolute; right: 1rem; top: 1rem;}

/* box_st */
.box_st1{border: 1px solid #cacaca; border-top: 2px solid var(--menuColor1); padding: 2rem;}
.box_st2{border: 1px solid #cacaca; padding: 2rem;}

.box_stIco{ position: relative; padding-left: 9rem;} 
.box_stIco .ico{ position: absolute; left: 2rem; top: 2rem; display: inline-flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; background: var(--menuColor1); border-radius: 50%; border: 0.4rem solid var(--mainColor); color: #fff; font-size: 2.5rem;}
.box_stIco .txt{margin-top: 0.8rem;}

.box_scroll{max-height: 17.2rem; overflow-y: auto;}
.box_scroll .inner{height: 100%;}

.box_search{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 3rem; background: #fafafa; border: 1px solid #bdbdbd; border-radius: 0.5rem; padding: 1.5rem;} 
.box_search .tit{font-weight: 700;}
.box_search select{height: 1.7rem; margin: 0 0 0 1rem; border-radius: 0.25rem;}
.box_search input[type="text"]{flex: 1; margin: 0 0.5rem;}
.box_search [class*="btn_"]{height: 1.7rem; line-height: 1.7rem; padding: 0 2rem;}

.box_search_ver2{flex-wrap: wrap;}
.box_search_ver2 select,
.box_search_ver2 input{margin: 0 0.5rem;}
.box_search_ver2 .btn_wrap{width: 100%; text-align: center; margin: 1rem 0 0 0;} 

.box_img{padding: 1rem; text-align: center;} 
.box_img img{display: block; margin: 0 auto; width: auto; max-width: 100%;}

/* margin */
.mgT05{margin-top: 0.5rem !important;}
.mgT1{margin-top: 1rem !important;}
.mgT2{margin-top: 2rem !important;}
.mgT3{margin-top: 3rem !important;}
.mgT4{margin-top: 4rem !important;}

.mgT-1{margin-top: -1rem !important;}
.mgT-2{margin-top: -2rem !important;}
.mgT-3{margin-top: -3rem !important;}


.mgB1{margin-bottom: 1rem !important;}
.mgB2{margin-bottom: 2rem !important;}
.mgB3{margin-bottom: 3rem !important;}
.mgB4{margin-bottom: 4rem !important;}

.mgLA{margin-left: auto !important;}
.mgL05{margin-left: 0.5rem !important;}
.mgL1{margin-left: 1rem !important;}
.mgL2{margin-left: 2rem !important;}
.mgL3{margin-left: 3rem !important;}
.mgL4{margin-left: 4rem !important;}

/* table */
[class*="tbl_st"]{overflow:auto;position:relative; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
[class*="tbl_st"] table{border-collapse:collapse;table-layout:fixed;width:100%;text-align:center; border-top: 2px solid #000;}
[class*="tbl_st"] table th{font-weight:600;}
[class*="tbl_st"] table th, 
[class*="tbl_st"] table td{padding:20px;font-size:16px;line-height:1.6;}
[class*="tbl_st"] table thead th{background-color:#f1f1f1;}
[class*="tbl_st"] table thead th:last-of-type{border-right:0;}
[class*="tbl_st"] table thead + tbody th{background-color:#f9f9f9;}
[class*="tbl_st"] table tbody th,
[class*="tbl_st"] table tbody td{border-top:1px solid #e0e0e0;}
/* [class*="tbl_st"] table tbody tr:first-child th{border-top:0;} */
[class*="tbl_st"] table tfoot th,
[class*="tbl_st"] table tbody th{background-color:#fafafa;}
[class*="tbl_st"] table tbody th+td{border-left:0;}
[class*="tbl_st"] table tfoot th,
[class*="tbl_st"] table tfoot td{border-top:1px solid #7e889b;}
.tbl_btns a{ padding: 0.5rem 2rem;}
.tbl_info{display: flex; align-items: center; justify-content: flex-start; margin-bottom: 0.5rem;}


/* paging */
.box_pagination {text-align:center;font-size:0}
.box_pagination .text_paging { font-size: 16px; padding: 0 8px; color: #333 !important;}
.box_pagination .text_paging.active { color: #1d62ff !important; font-weight: 600; }
.box_pagination button {display:inline-block;position:relative;width:36px;height:36px;line-height:36px; border-radius:4px; text-align:center;vertical-align:top;font-size:14px !important;background-color:#fff;color:#333 !important;}
.box_pagination button ~ button {margin-left:4px}
.box_pagination .btn_page.prev + button {margin-left:0}
.box_pagination button.btn_page {border:1px solid #757575}
.box_pagination button:hover, .box_pagination button:focus{background:#d4d4d4;font-weight:600}
.box_pagination button.active {background:#1d62ff !important; color:#fff !important; border-radius:4px;font-weight:600}

.box_pagination.small_type {display:flex;align-items:center;justify-content:center}
.paging_division {display:inline-block;width:24px;line-height:36px;color:#333;font-size:16px}
.box_pagination.small_type button ~ button {margin-left:0}
.box_pagination.small_type button:hover,
.box_pagination.small_type button:focus,
.box_pagination.small_type button.active {color:#1d62ff;font-weight:600}

.box_pagination.small_type span.num {display:inline-block;position:relative;width:36px;height:36px;line-height:36px;text-align:center;vertical-align:top;font-size:14px;background-color:#fff;color:#333 !important;}
.box_pagination.small_type span.num.active {color:#1d62ff;font-weight:600}

.box_pagination button.btn_page:hover, .box_pagination button.btn_page:focus {background:#fff;border:1px solid #aaa}
.box_pagination .btn_page.prev {margin-right:16px}
.box_pagination .btn_page.next {margin-left:16px}
.box_pagination .btn_page:disabled, .box_pagination .btn_page:disabled:hover {border:1px solid #757575;cursor:default}


/* Q&A */
.qnaView{ position: relative; background: #fafafa; padding: 1.1rem 1.5rem;}
.qnaView .tag{ display: flex; align-items: center; justify-content: center; width: 6.9rem; height: 2.65rem; position: absolute; right: 2.5rem; top: -0.5rem; background: #ffda80; border-radius: 0 0 0.25rem 0.25rem; color: #44444b; font-weight: 700; box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.1); }

.qnaView .view{display: flex; }
.qnaView .view .ico{flex-shrink: 0; width: 4.35rem; height: 4.35rem; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 2.65rem; font-weight: 600; background: #ff772d; border-radius: 50%;} 
.qnaView .view .txtWrap{padding: 1.2rem 0 0 2rem;}
.qnaView .view .txtWrap .user .date{color: #777; margin-left: 0.5rem;}
.qnaView .view .txtWrap .user .time{color: #777; margin-left: 0.5rem;}
.qnaView .view .txtWrap .user .look{color: #777; margin-left: 0.5rem;}
.qnaView .view .txtWrap .tit{font-weight: 600; font-size: 1rem; margin: 0.3rem 0;}
.qnaView .viewA{margin-left: 6.5rem; margin-top: 2rem; background: #fff; padding: 1.1rem 1.5rem; }
.qnaView .viewA .ico{background: #0eb464;}

/* Q&A : 댓글 */
.comment_lst .commentOpen{ border-bottom: 1px solid #ddd; font-size: 0.8rem;}
.comment_lst .commentOpen a::after{content: "\ea4d"; font-family: 'remixicon';}
.comment_lst .commentOpen a i{font-size: 1rem; margin-right: 0.2rem;}
.comment_lst ul{display: none;}
.comment_lst ul li{padding: 1rem; border-bottom: 1px solid #ddd;}
.comment_lst ul li .item{position: relative;}
.comment_lst ul li .item .user{font-size: 0.9rem; margin-bottom: 0.5rem;}
.comment_lst ul li .item .user .time{font-size: 0.75rem; color: #999; margin-left: 0.5rem;}
.comment_lst ul li .item .btnWrap{position: absolute; right: 0rem; top: 0rem;}
.comment_lst ul li .item .btnWrap button{border: 1px solid #8a8a8a; color: #666; border-radius: 0.25rem; padding: 0 0.7rem; font-size: 0.7rem;}
.comment_lst ul li .item .item_con{ position: relative; padding: 1rem; background: #f7f7f7; border-top: 1px solid #ddd;}
.comment_lst ul li .item .item_con:nth-of-type(1){margin-top: 1rem;}
.comment_lst ul li .item .item_con .btnWrap{top: 1rem; right: 1rem;} 
.comment_reply {display: flex; align-items: flex-start; background: #f7f7f7; padding: 1rem; margin-top: 1rem; border: 1px solid #ddd; gap: 0.3rem;}
.comment_reply form{display: flex; align-items: flex-start; width: 100%; gap: 0.3rem; }
.comment_reply input{width: 100%; padding: 0 0.5rem; font-size: 0.7rem; border: 1px solid #ddd;}
.comment_reply button{flex-shrink: 0; height: 1.6rem; border: 1px solid var(--menuColor1); border-radius: 0.25rem; padding: 0 0.5rem; color: #fff; background: var(--menuColor1);  }
.comment_reply button:nth-child(odd){background: #fff; color: var(--menuColor1);}

/* Q&A : 댓글 : active */
.comment_lst .commentOpen a.open::after{content: "\ea77"; }
.comment_lst ul.active{display: block;}
.comment_lst ul li .item .btnWrap button:hover,
.comment_lst ul li .item .btnWrap button:focus{font-weight: 700;}


/* alert */
#pop_container {	
	font-size: 13px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: 0;
	color: #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #676767;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
 
}

#pop_container:focus{outline:none;}

#pop_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: none;
	border: solid 1px #FFF;
	border-bottom: 0;
	cursor: default;
	padding: 0em;
	margin: 0em;
	display:none;
}

#pop_content {
	background: none;
	padding: 1em 1.75em;
	margin: 0em;
    text-align: center; 
}



#pop_message {
	text-align:center;
	padding-left: 0;
	padding:30px 0;
	font-size:15px;
}

#pop_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#pop_panel button.btn-default { padding:  7px 35px;
    margin: 0 3px;
    font-size: 12px; background: #fff;
    color: #555;
    border: 1px solid #b8b8b8; }

#pop_panel button.btn-primary { padding: 7px  35px ;
    margin: 0 3px;
    font-size: 12px; 
	background: var(--menuColor1);
    color: #fff;
    border: 1px solid var(--menuColor1);}

#pop_panel button#button_yes { padding: 7px 35px;
    margin: 0 3px;
    font-size: 12px; background: #fff;
    color: #555;
    border: 1px solid #b8b8b8; }

#pop_panel button#button_no { padding: 7px  35px;
    margin: 0 3px;
    font-size: 12px; background: #273e82;
    color: #fff;
    border: 1px solid #273e82; }

#pop_panel button#pop_cancel { padding: 7px  35px;
    margin: 0 3px;
    font-size: 12px; background: #fff;
    color: #555;
    border: 1px solid #b8b8b8; }

#pop_panel button#pop_ok { padding: 7px  35px;
    margin: 0 3px;
    font-size: 13px; background: var(--menuColor1);
    color: #fff;
 
    border: 1px solid var(--menuColor1); }


#pop_prompt {
	margin: .5em 0em;
}


/* layer */
.layer{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9000}
.layer .lay_wrap{position:relative;width:calc(100% - 40px);min-width:350px;max-width:400px;border:1px solid var(--menuColor1);background-color:#fff;border-radius:0 0 20px 20px;box-shadow:0 0 30px rgba(0,0,0,.6)}
.layer .lay_header{position:relative;padding:16px 56px 16px 20px;background:var(--menuColor1);background-size:100%;box-shadow:0 4px rgba(0,0,0,.13);overflow:hidden}
.layer .lay_header h2{position:relative;line-height:1.1em;font-weight:600;color:#fff;letter-spacing:-0.5px}
.layer .lay_header .btn_close{position:absolute;top:0;right:0;width:56px;height:56px;line-height:1px;font-size:2rem;color:#fff; opacity:0.6;transition:opacity 0.35s}
.layer .lay_header .btn_close:hover{opacity:1}
.layer .lay_cont{padding:20px 15px 20px 20px}
.layer .lay_cont .scroll_box{max-height:450px;padding-right:5px;overflow-y:auto}
.layer .lay_cont .txt{font-size:14px;margin-top:10px;word-wrap:break-word;word-break:keep-all}
.layer .lay_cont .txt:nth-of-type(1){margin-top:0}
.layer .lay_cont img{max-width:100%}
.layer .lay_header .btn_close
.layer.lay_2dep{background-color:rgba(0,0,0,.6)}
.layer.lay_2dep .lay_wrap{width:calc(100% - 20px);min-width:360px;max-width:440px;border:0;border-radius:0 0 15px 15px}
.layer.lay_2dep .lay_wrap:before{content:none}
.layer.lay_2dep .lay_header{padding:13px 56px 13px 20px;background-color:#1f1d33}
.layer.lay_2dep .lay_header .btn_close{background-size:16px 16px}
.layer.lay_2dep .lay_cont .scroll_box{max-height:340px}

/* FAQ */
.faq-container { margin: 1rem auto; padding: 1rem; border: 1px solid #ddd; border-top: 2px solid var(--mainColor); }
.faq-item ~ .faq-item {border-top: 1px solid #ddd;}
.faq-question { width: 100%; padding: 1rem; text-align: left; font-size: 0.9rem; cursor: pointer; font-weight: 600; position: relative; }
.faq-question::after { content: "+"; position: absolute; right: 1rem; font-size: 1rem; transition: transform 0.3s; }
.faq-question.active::after { content: "−"; }
.faq-answer { display: none; padding: 1rem; font-size: 0.8rem; color: #333; background: #f1f1f1; border-radius: 0.5rem; margin:0 0.5rem 0.5rem;}

/* 담당자 영역 */
.contact-card {border: 1px solid #ddd; border-top: 2px solid var(--menuColor1); padding: 1rem; margin: 1rem 0;}
.contact-info {display: flex; align-items: center; gap: 2rem;}
.contact-info i{display: inline-flex; align-items: center; justify-content: center; width: 1.7rem; height: 1.7rem; border-radius: 50%; background: var(--menuColor1); margin-right: 0.5rem; color: #fff; }
.contact-info a { font-weight: 600; }
.contact-info a:hover {text-decoration: underline;}

/* 개인정보처리방침 */
.floorpos1{ display: flex; flex-wrap: wrap; padding:20px 0 30px; border-bottom: 1px solid #ddd;}
.floorpos1 li{width: 25%; padding: 0.25rem;}
.floorpos1 a{text-decoration:none;color:#333;}
.floorpos1 .num{display:inline-block;vertical-align:middle;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;color:#fff;background:var(--menuColor1);margin-right:6px;font-size:14px;}
.floorpos1 .t1{display:inline-block;vertical-align:middle;color:#000;}

/* 포토게시판 */
.list_photo{display: flex; flex-wrap: wrap; margin: -1rem;} 
.list_photo .item{display: block; width: 20%; padding: 1rem;}
.list_photo .item a{display: block; border: 1px solid #ddd; }
.list_photo .item a .img{display: block; height: 10rem;}
.list_photo .item a .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.list_photo .item a .tit{padding: 1rem 0.5rem 0.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700;}
.list_photo .item a .date{padding: 0 0.5rem 1rem; display: block; color: #777; font-size: 0.75rem;}
 

/* 인사말 */
.tit_greetings_gw{font-size: 2rem;font-weight: 700;}
.tit_greetings_gw > span {color:var(--menuColor1);}
.greet_box_gw {
    display: flex;
    flex-wrap: wrap; /* 화면이 좁아지면 요소들이 줄 바꿈됨 */
    gap: 10rem;
    margin-top: 40px;
    align-items: center; /* 요소들의 정렬을 중앙으로 */
}

.greet_box_gw img {
    width: 100%;
    max-width: 340px;
    height: auto;
    flex: 1 1 0px;
	box-shadow: 10px 10px 0px 5px #d5e6ff;
}

.tet_box_gw {
    flex: 1 1 500px; /* 최소 500px에서 유연하게 크기 조정 */
    min-width: 300px; /* 너무 작아지지 않도록 최소 크기 설정 */
}

.tet_box_gw p {
    font-size: 0.9rem; /* 적절한 가독성을 위한 폰트 크기 */
    line-height: 1.6; /* 줄 간격 조정 */
}
.tet_box_gw p span {
	font-weight: 700;
	color:var(--menuColor1);;
}
@media (max-width: 1280px) {
    .greet_box_gw {
		gap: 5rem;
    }
	.greet_box_gw img {
		max-width: 200px;
	}
}
@media (max-width: 1024px) {
    .greet_box_gw {
		gap: 2rem;
    }
}
@media (max-width: 768px) {
	.tit_greetings_gw {
		text-align: center;
	}
    .greet_box_gw {
        flex-direction: column; /* 화면이 작아지면 세로 정렬 */
        text-align: center; /* 모바일에서 텍스트 가운데 정렬 */
		gap: 5rem;
    }
    
    .greet_box_gw img {
        width: 80%; /* 모바일에서는 이미지 크기 조정 */
        max-width: 400px; /* 최대 크기 제한 */

    }
    
    .tet_box {
        width: 100%; /* 텍스트 영역도 전체 너비 사용 */
    }
	.tit_greetings_gw{font-size: 1.6rem;font-weight: 700;}
}

@media all and (max-width:428px){
	.floorpos1{display:none;}
}

@media (min-width:600px){
	.layer .lay_wrap{width:auto;min-width:calc(100% - 260px);max-width:calc(100% - 180px)}
	.layer .lay_cont .scroll_box{max-height:560px}

	.layer.lay_2dep .lay_wrap{width:auto;min-width:calc(100% - 340px);max-width:calc(100% - 140px)}
	.layer.lay_2dep .lay_cont .scroll_box{max-height:440px}
}

@media (orientation:landscape){
	.layer .lay_wrap{width:auto;max-width:calc(100% - 80px)}
	.layer .lay_cont .scroll_box{max-height:calc(100vh - 180px)}

	.layer.lay_2dep .lay_wrap{max-width:calc(100% - 100px)}
	.layer.lay_2dep .lay_cont .scroll_box{max-height:calc(100vh - 240px)}
}

@media (min-width:962px){
	.layer .lay_wrap{width:auto;min-width:calc(100% - 260px);max-width:calc(100% - 240px)}
	.layer .lay_cont .scroll_box{max-height:560px}

	.layer.lay_2dep .lay_wrap{width:auto;min-width:calc(100% - 340px);max-width:calc(100% - 180px)}
	.layer.lay_2dep .lay_cont .scroll_box{max-height:440px}
}

@media (min-width:1180px){
	.layer .lay_wrap{width:100%;min-width:800px;max-width:1000px}
	.layer .lay_cont .scroll_box{max-height:calc(100vh - 300px)}

	.layer.lay_2dep .lay_wrap{min-width:400px;max-width:800px}
	.layer.lay_2dep .lay_cont .scroll_box{max-height:calc(100vh - 460px)}
}

.hide {display:none;}



@media (max-width:768px){
	/* 박스 */
	.box_st2{padding: 1rem;}
	.box_stIco{padding: 1rem;}
	.box_stIco .ico{display: none;}
	.box_search{ flex-wrap: wrap;}
	.box_search [class*="btn_"]{display: block; width: 100%; height: auto;}
	.box_search [class*="btn_"]:nth-of-type(1){margin-top: 1rem;}
	.box_search_ver2 .btn_wrap{margin-top: 0; padding: 0;}

	/* 버튼 */
	.btn_red, .btn_redL, .btn_blue, .btn_blueL, .btn_gray, .btn_grayL, .btn_navy, .btn_navyL, .btn_green, .btn_greenL{font-size: 0.8rem;}
	.btn_absol{position: unset; display: block; width: 100%; margin: 0.5rem 0;}

	/* 테이블 */
	.tbl_st table, 
	.tbl_st thead, 
	.tbl_st tbody, 
	.tbl_st th, 
	.tbl_st td, 
	.tbl_st tr { display: block; }
    .tbl_st thead { display: none; }
    .tbl_st tr { margin-bottom: 10px; border: 1px solid #ddd; padding: 10px; background: #fff; }
    .tbl_st td { padding: 0.5rem !important; text-align: left; padding: 8px; border-bottom: 1px solid #ddd; position: relative; }
    .tbl_st td:last-child { border-bottom: none; }
    .tbl_st td::before { content: attr(data-label); font-weight: bold; color: #333; display: inline-block; width: 5rem; text-align: center; margin-right: 1rem; }
	.tbl_st .no_data{text-align: center; display: block;}
	.tbl_st .no_data::before{display: none;}

	/* 인풋 */
	.inputFile1 {max-width: 100%; width: calc(100% - 10rem);}


	/* Q&A */
	.qnaView .tag{width: 5rem; right: 1rem;}
	.qnaView .view .ico{width: 2.5rem; height: 2.5rem; font-size: 1.5rem;}
	.qnaView .view .txtWrap{padding: 0.5rem 0 0 1rem;}
	.qnaView .viewA{margin-left: 3rem; margin-top: 1rem;}

	/* 개인정보처리방침 */
	.floorpos1 li{width: 33.33%;}

	/* 포토게시판 */
	.list_photo .item{width: 50%;}
}


@media (max-width:620px){
	/* 박스 */
	.box_search{display: block;}
	.box_search *{display: block; width: 100%;}
	.box_search select{margin: 0.5rem 0;}
	.box_search input[type="text"]{margin: 0.5rem 0;}

	/* 페이징 */
	.box_pagination button:not(.active, .btn_page ){display: none;}

	/* Q&A */
	.qnaView{padding: 1.1rem 0.5rem; padding-top: 2rem;}
	.qnaView .viewA{margin-left: 0; padding: 0.5rem;}
	.comment_lst ul li .item{padding-top: 1rem;}
	.comment_lst ul li .item .item_con{padding-top: 2rem;}
	.comment_reply form{flex-wrap: wrap; justify-content: flex-end;}

	/* 담당자 영역 */
	.contact-info{flex-wrap: wrap;}
	.contact-info p{width: 100%;}

	/* 개인정보처리방침 */
	.floorpos1 li{width: 50%;}

	/* 포토게시판 */
	.list_photo .item{width: 100%;}
}
@media (max-width:360px){

	/* 인풋 */
	.inputFile1 {max-width: 100%; width: 100%;} 
	
}






/*20250519 renew main*/
:root {

    --purple-ver1:#EBE3FF;
    --purple-ver2:#AD9ED5;
    --purple-ver3:#7662AA;
    --purple-ver4:#4A3480;
    --purple-ver5:#271555;
}


/*main*/
#bodyWrap {width: 100%; margin: 0 auto; position: relative; overflow-x: hidden;}

#headerWrap {width:100%; height: 100px; margin: 0 auto; display: flex; position: fixed; background: none;  z-index: 999; transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;}
#headerWrap:hover {background-color: #fff; }
#headerWrap:hover .navContainer:hover { background-color: #fff;}
#headerWrap .headerArea {max-width: 1440px; margin: 0 auto; width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;}
#headerWrap .headerArea .logo {display: block !important; font-size: 1.6rem; font-weight: 800; color: #fff;}
#headerWrap:hover .headerArea .logo {color:var(--purple-ver5); display: block !important; }
#headerWrap .headerArea .right {display: flex;  flex-flow: row wrap; justify-content: flex-end; align-items: center; height: 100%;}
#headerWrap .headerArea .right .nav {height: 100%; display: flex; align-items: center;}
#headerWrap .headerArea .right .nav .navArea {display: flex;  height: 100%;  align-items: center; flex-flow: row nowrap;}
#headerWrap .headerArea .right .nav .navArea .navBox { position: relative; height: 100%; display: flex;  align-items: center;  justify-content: center;}
#headerWrap .headerArea .right .nav .navArea .navBox .navTitle {font-weight: bold; padding: 0 1.5rem;  color: #fff; height: 100%; display: flex; align-items: center; justify-content: center;}
#headerWrap .headerArea .right .nav .navArea .navBox .navTitle br {display: none;}
#headerWrap:hover .headerArea .right .nav .navArea .navBox .navTitle{color:#505050;}
#headerWrap .headerArea .right .nav .navArea .navBox .navContainer {display: none; position: fixed; top: 100px; left: 0;z-index: 10; width: 100dvw; justify-content: flex-start; align-items: stretch; background-color: #fff; border-top: 1px solid #eaeaea;}
#headerWrap .headerArea .right .nav .navArea .navBox .navContainer .name {font-size: 1.3rem; font-weight: 700;  color: var(--purple-ver5); background-color: var(--purple-ver1); width: 22%; padding: 2rem; text-align: right;}
#headerWrap .headerArea .right .nav .navArea .navBox .navContainer .contList {background-color: #fff; width: 78%; padding: 2rem; display: flex; flex-flow: row wrap; align-items: stretch;  justify-content: flex-start; } 
#headerWrap .headerArea .right .nav .navArea .navBox .navContainer .contList .list {font-size: 0.8rem;
    padding: 0.9rem 1.8rem 0.65rem 0.9rem; border: 1px solid #eaeaea; border-radius: 0.4rem; background-color: #f7f7f7; width: 27%;  margin-right: 1rem;  margin-bottom: 1rem; font-weight: 600;}
#headerWrap .headerArea .right .nav .navArea .navBox .navContainer .contList .list:hover {background-color: var(--purple-ver5); color: #fff; font-weight: 600; border: none;}
#headerWrap .headerArea .right .nav .navArea .navBox .navContainer .contList .list .listLink {    display: flex
; flex-flow: row nowrap; width: 100%; justify-content: space-between; line-height: 0.9;}
#headerWrap .headerArea .right .utilWrap {margin-left: 3rem;}
#headerWrap .headerArea .right .utilWrap .utilCont {display: flex;}
#headerWrap .headerArea .right .utilWrap .utilCont .item {width: 50px; height: 50px; border-radius: 25px; text-align: center; vertical-align: middle; background-color: var(--purple-ver1); margin-right: 0.5rem; color: var(--purple-ver5);}
#headerWrap .headerArea .right .utilWrap .utilCont .item.logout {transform: rotate(180deg);}
#headerWrap .headerArea .right .utilWrap .utilCont .item.menu {transition: transform 0.3s ease-in-out;}
#headerWrap .headerArea .right .utilWrap .utilCont .item.menu.rotated { transform: rotate(90deg);}
#headerWrap .headerArea .right .utilWrap .utilCont .item:last-child {margin-right: 0;}
#headerWrap .headerArea .right .utilWrap .utilCont .item:hover {background-color: var(--purple-ver5); color: #fff;}
#headerWrap .headerArea .right .utilWrap .utilCont .item i {}


#headerWrap.mega-hover .logo {color: var(--purple-ver5) !important;}
.menu-overlay {  position: fixed;  top: 0;  left: 0;  width: 100%; height: 100%;  background-color: rgba(0, 0, 0, 0.5);  z-index: 997;}
.mega-menu-container { border-top: 1px solid #eaeaea; position: fixed;  top: 100px;  left: 0; width: 100vw;  background-color: #fff;  display: flex; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); z-index: 998;  opacity: 0; transition: opacity 0.5s cubic-bezier(0.4,0,0.2,1); pointer-events: none;}
.mega-menu-container.active { opacity: 1; pointer-events: auto;}
.mega-menu-container .mega-menu-inner {max-width: 1440px; width: 100%; margin: 0 auto;display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch;    margin-bottom: 1rem;}
.mega-menu-container .mega-menu-inner .mega-menu-column { flex: 1; padding: 1rem 1rem 0 1rem;  border-right: 1px solid #eaeaea;}
.mega-menu-container .mega-menu-inner .mega-menu-column:first-child {padding-left: 0;}
.mega-menu-container .mega-menu-inner .mega-menu-column:last-child { border-right: none; padding-right: 0;}
.mega-menu-container .mega-menu-inner .mega-menu-column .mega-menu-title { font-size: 1.2rem; font-weight: 700; color: var(--purple-ver5); padding: 1rem; background-color: var(--purple-ver1);  border-radius: 0.3rem; margin-bottom: 1rem; }
.mega-menu-container .mega-menu-inner .mega-menu-column .mega-menu-list { list-style: none;  padding: 0;  margin: 0;}
.mega-menu-container .mega-menu-inner .mega-menu-column .mega-menu-list li {  margin-bottom: 0.5rem;  border-bottom: 1px solid #f5f5f5;  padding-bottom: 10px;}
.mega-menu-container .mega-menu-inner .mega-menu-column .mega-menu-list li:last-child { margin-bottom: 0; border-bottom: none;}
.mega-menu-container .mega-menu-inner .mega-menu-column .mega-menu-list li a {  display: block;  color: #333;   font-size: 0.9rem; text-decoration: none;  padding: 0.3rem 0.6rem;  border-radius: 3px;  transition: all 0.2s ease;}
.mega-menu-container .mega-menu-inner .mega-menu-column .mega-menu-list li a:hover {  background-color: rgba(233, 186, 255, 0.2); color: var(--purple-ver4);  padding-left: 1rem; font-weight: 600;}




#main-content {width: 100dvw; margin: 0 auto; position: relative;}
#main-content.mainWrap {padding: 0 !important;}
#main-content .section-visual-sejong {width: 100%; height: 100vh; border-radius: 0 0 10rem 0;}

/*main-swiper*/
#main-content .section-visual-sejong .swiper { width: 100vw; height: 100vh; display: block; overflow: hidden;}
#main-content .section-visual-sejong .swiper.mySwiper-sejong {position: relative;}
#main-content .section-visual-sejong .swiper .swiper-slide {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;  position: relative;}
#main-content .section-visual-sejong .swiper .swiper-slide.ver1 {background: url('../images/main/mainVisual01.jpg') center center / cover no-repeat;}
#main-content .section-visual-sejong .swiper .swiper-slide.ver2 {background: url('../images/main/mainVisual02.jpg') center center / cover no-repeat;}
#main-content .section-visual-sejong .swiper .swiper-slide.ver3 {background: url('../images/main/mainVisual03.jpg') center center / cover no-repeat;}
#main-content .section-visual-sejong .swiper .swiper-slide .titleBox {max-width: 1440px; width: 100%; position: relative; text-align: center;font-family: 'Paperlogy'}
#main-content .section-visual-sejong .swiper .swiper-slide .titleBox p {width: 100%; display: block; color: #fff;text-shadow: 4px 3px 20px rgba(0, 0, 0, 0.5);}
#main-content .section-visual-sejong .swiper .swiper-slide .titleBox p br {display: none;}
#main-content .section-visual-sejong .swiper .swiper-slide .titleBox .top {font-size: 1.6rem; font-weight: 500; margin-bottom: 0.5rem;}
#main-content .section-visual-sejong .swiper .swiper-slide .titleBox .middle {font-size: 4rem; ; margin-bottom: 1rem;font-weight: 700;}
#main-content .section-visual-sejong .swiper .swiper-slide .titleBox .bottom {font-size: 1.2rem;}
#main-content .section-visual-sejong .swiper .swiper-slide .titleBox .bottom br {display: none;}
#main-content .section-visual-sejong .swiper .swiper-button-next, #main-content .section-visual-sejong .swiper .swiper-button-prev {width: fit-content;  top: unset; left: unset; justify-content: flex-end; bottom: 15vh; background: none;     color: #fff;}
#main-content .section-visual-sejong .swiper .swiper-button-next {right: calc( ( 100% - 1440px ) / 2 ); }
#main-content .section-visual-sejong .swiper .swiper-button-prev {right: calc( ( 100% - 1440px ) / 2 ); margin-right: 3rem;}
#main-content .section-visual-sejong .swiper .swiper-button-next i, #main-content .section-visual-sejong .swiper .swiper-button-prev i {font-size: 2rem; color: #fff;}
#main-content .section-visual-sejong .swiper .swiper-button-next::after, #main-content .section-visual-sejong .swiper .swiper-button-prev::after {display: none !important;}


/*sejong common*/
.section-main-sejong {width: 100vw; padding: 5rem 0;}
.section-main-sejong .inner-content {width:100%; max-width: 1440px; margin: 0 auto; }
.section-main-sejong .inner-content .container {width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: stretch;}
.section-main-sejong .inner-content .container:last-child {margin-bottom: 0;}
.section-main-sejong .inner-content .container .contWrap {}
.section-main-sejong .inner-content .container .contWrap .titleArea {width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; margin-bottom: 0.8rem; padding-bottom: 0.8rem; font-weight: 800;font-family: 'Paperlogy'; }
.section-main-sejong .inner-content .container .contWrap .titleArea.noLine {border-bottom: none;margin-bottom: 0.5rem;  padding: 0.5rem 0;}
.section-main-sejong .inner-content .container .contWrap .titleArea .title {font-weight: 800; font-family: 'pretendard'; font-size: 1.6rem;display: flex; align-items: center;}
.section-main-sejong .inner-content .container .contWrap .titleArea .title img {height: 24px; margin-right: 5px;}
.section-main-sejong .inner-content .container .contWrap .titleArea .btnWrap {font-size: 1.5rem; display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center;}
.section-main-sejong .inner-content .container .contWrap .titleArea .btnWrap .Btn {color: var(--purple-ver1); cursor: pointer; margin-left: 10px;}
.section-main-sejong .inner-content .container .contWrap .titleArea .btnWrap .Btn:first-child {margin-left: 0;}
.section-main-sejong .inner-content .container .contWrap .titleArea .btnWrap .Btn.plus {color: var(--purple-ver4)}
.section-main-sejong .inner-content .container .contWrap .titleArea .btnWrap .Btn.plus:hover {transform: rotate(45deg); transition: transform 0.3s ease-in-out; display: inline-block;}


/*main section1*/
.section-main-sejong.ver1 {background: url('../images/main/main_section_bg01.jpg') bottom left / cover no-repeat; padding: 5rem 0 0 0;}
.section-main-sejong.ver1 .inner-content {}
.section-main-sejong.ver1 .inner-content .container {width: 100%;}
.section-main-sejong.ver1 .inner-content .container .contWrap {height: 100%;}
.section-main-sejong.ver1 .inner-content .container .contWrap.left { font-family: 'Paperlogy';   box-shadow: unset; padding: 0; height: 100%;display: flex; flex-flow: column wrap; justify-content: space-between;  align-items: stretch; color: #fff; font-size: 1.5rem; width: 40%; }
.section-main-sejong.ver1 .inner-content .container .contWrap.left > * {height: 49%; min-height: 49%;}
.section-main-sejong.ver1 .inner-content .container .contWrap.left .topArea {background: linear-gradient(#7662AA, #2B3386);    padding: 2.5rem; border-radius: 1rem; position: relative; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch;margin-bottom: 1rem;}
.section-main-sejong.ver1 .inner-content .container .contWrap.left .topArea .icon {margin-right: 1rem;}
.section-main-sejong.ver1 .inner-content .container .contWrap.left .topArea .text {font-size: 1.5rem; display: flex; flex-flow: column wrap; justify-content: center;font-family: 'Paperlogy'; font-weight: 600;}
.section-main-sejong.ver1 .inner-content .container .contWrap.left .topArea .text small {font-weight: 400; display: block;}
.section-main-sejong.ver1 .inner-content .container .contWrap .topArea .button {display: inline-block; transform: rotate(-45deg); position: absolute; bottom: 1.5rem; right: 1.5rem; font-size: 2rem;}
.section-main-sejong.ver1 .inner-content .container .contWrap .topArea .button span {}
.section-main-sejong.ver1 .inner-content .container .contWrap .botArea {position: relative; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; width: 100%;}
.section-main-sejong.ver1 .inner-content .container .contWrap .botArea .img {}
.section-main-sejong.ver1 .inner-content .container .contWrap .botArea .text {font-size: 1.8rem; font-weight: 400; color: #333;font-family: 'Paperlogy'; padding-bottom: 3rem; word-break: keep-all;}
.section-main-sejong.ver1 .inner-content .container .contWrap .botArea .text .accent {display: block; color: var(--purple-ver4); font-weight: 700;}


.section-main-sejong.ver1 .inner-content .container .contWrap.right {background: var(--purple-ver4); padding: 1.5rem; border-radius: 1rem;width: 58%; }
.section-main-sejong.ver1 .inner-content .container .contWrap.right .titleArea {margin-bottom: 0; padding-bottom: 0; color: #fff;margin-top: 1rem; }
.section-main-sejong.ver1 .inner-content .container .contWrap.right .titleArea .title {font-weight: 500; font-size: 1.3rem; font-family: 'Paperlogy'; font-weight: 500;}
.section-main-sejong.ver1 .inner-content .container .contWrap.right .swiperPrevver1, .section-main-sejong.ver1 .inner-content .container .contWrap.right .swiperNextver1 {color: #fff;}

.section-main-sejong.ver1 .inner-content .container .ver1Swiper {}
.section-main-sejong.ver1 .inner-content .container .ver1Swiper {width:100%;   }
.section-main-sejong.ver1 .inner-content .container .ver1Swiper .swiper-wrapper {width: 100%; overflow: hidden;}
.section-main-sejong.ver1 .inner-content .container .ver1Swiper .swiper-wrapper .swiper-slide {width: 100%; display: flex; flex-flow: column nowrap; }
.section-main-sejong.ver1 .inner-content .container .ver1Swiper .swiper-wrapper .swiper-slide .imgArea {width: 100%; border-radius: 0.5rem; overflow: hidden; height: 100%; max-height: 320px;  text-align: center; align-items: center;display: flex;  justify-content: center;}
.section-main-sejong.ver1 .inner-content .container .ver1Swiper .swiper-wrapper .swiper-slide .imgArea img {width: 100%;     height: 100%; object-fit: cover;  object-position: center center;}
.section-main-sejong.ver1 .inner-content .container .ver1Swiper .swiper-wrapper .swiper-slide .textArea {font-size: 0.9rem; font-weight: 600; display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; }
.section-main-sejong.ver1 .inner-content .container .contWrap .titleArea .btnWrap > * {margin-left: 0.5rem;}
.swiper-pagination {  color: #fff;  position: relative; bottom: 0; right: 0; font-size: 0.8rem;  line-height: 1; font-weight: 400; }


/*main section2-1*/
.section-main-sejong .inner-content .container .newsSwiper {width:100%; height: 371px;}
.section-main-sejong .inner-content .container .newsSwiper .swiper-wrapper {width: 100%; overflow: hidden; height: 100%;}
.section-main-sejong .inner-content .container .newsSwiper .swiper-wrapper .swiper-slide {width: 100%; display: flex;  flex-flow: row nowrap; height: 100%;}
.section-main-sejong .inner-content .container .newsSwiper .swiper-wrapper .swiper-slide .imgArea {width: 69%; border-radius: 0.5rem 0 0 0.5rem; height: 100%;}
.section-main-sejong .inner-content .container .newsSwiper .swiper-wrapper .swiper-slide .imgArea .imgBox {width: 100%;}
.section-main-sejong .inner-content .container .newsSwiper .swiper-wrapper .swiper-slide .imgArea img {width: 100%;  height: 100%; object-fit: cover;  object-position: center center;   min-width: 100%; min-height: 100%;}
.section-main-sejong .inner-content .container .newsSwiper .swiper-wrapper .swiper-slide .textArea {flex:1; padding: 2rem 1rem; display: flex; flex-flow: column wrap; justify-content: space-between; align-items: stretch;}
.section-main-sejong .inner-content .container .swiper .swiper-button-next::after, .contWrap .swiper .swiper-button-prev::after {display: none !important;}
.section-main-sejong .inner-content .container .newsSwiper .swiper-wrapper .swiper-slide .textArea .topBox {width: 100%; }
.section-main-sejong .inner-content .container .newsSwiper .swiper-wrapper .swiper-slide .textArea .topBox .tit {font-weight: 700; margin-bottom: 1.2rem; font-size: 1.2rem;}
.section-main-sejong .inner-content .container .newsSwiper .swiper-wrapper .swiper-slide .textArea .topBox .text {font-size: 0.85rem; font-weight: 400; display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; line-height: 1.5; border-radius: 0 0.5rem 0.5rem 0; text-align: justify;}
.section-main-sejong .inner-content .container .newsSwiper .swiper-wrapper .swiper-slide .textArea .date {font-size: 0.8rem; color: #aeaeae;}

.section-main-sejong.ver2 {background: linear-gradient(#ffffff, #ffffff, #ffffff, #f8ebff, #ebf7ff);}
.section-main-sejong.ver2 .inner-content .container {}
.section-main-sejong.ver2 .inner-content .container.cont1 {margin-bottom: 5rem; width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch;}
.section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.left {width: 63%;}
.section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.left .newsSwiper {border-radius: 0.5rem; box-shadow:rgba(0, 0, 0, 0.1) 2px 3px 10px 2px;}
.section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right {width: 35%;}
.section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right .notiWrap {width: 100%;}
.section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right .notiWrap .notiBox {border-radius: 0.5rem;padding: 1.5rem; margin-bottom: 0.5rem;}
.section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right .notiWrap .notiBox:last-child {margin-bottom: 0;}
.section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right .notiWrap .notiBox a:hover {text-decoration: underline; }
.section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right .notiWrap .notiBox.active {background-color: #f6f4fa; width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; }
.section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right .notiWrap .notiBox.active .date {text-align: center; padding-right: 1rem; border-right: 1px solid #4a3480; margin-right: 1rem; color: var(--purple-ver4); font-size: 1rem;}
.section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right .notiWrap .notiBox.active .date big {font-weight: 600; font-size: 1.4em;}
.section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right .notiWrap .notiBox.active .date small {font-size: 0.8em;}
.section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right .notiWrap .notiBox.active .text {font-size: 0.9rem; font-weight: 600;display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; }
.section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right .notiWrap .notiBox.deactive {background-color: #f8f8f8; width: 100%; flex-flow: row nowrap; justify-content: space-between; display: flex; align-items: center; font-size: 0.85rem;}
.section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right .notiWrap .notiBox.deactive .text {width: 60%;display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; font-weight: 500;}
.section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right .notiWrap .notiBox.deactive .text::before {content:'·'; margin-right: 5px; font-size: 1.2em; color: var(--purple-ver2); font-weight: 600;}
.section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right .notiWrap .notiBox.deactive .date {width: 30%; text-align: right; color:#555;}


/*main section2-2*/
.section-main-sejong.ver2 .inner-content .container.cont2 {width: 100%;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap {width: 32%;display: flex; flex-flow: column nowrap;  justify-content: flex-start; align-items: stretch;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .titleArea {padding: 0.8rem 0; margin-bottom: 0;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap {background-color: #fff; padding: 2rem; border-radius: 0.5rem; box-shadow: rgba(0, 0, 0, 0.1) 2px 3px 10px 2px; flex:1; position: relative; min-height: 330px;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .what {margin-bottom: 1.5rem;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .how {display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;  text-align: justify; margin-bottom: 3rem; font-size: 0.9rem;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .when {width: calc(100% - 4rem); display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch;     position: absolute;  bottom: 2rem;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .when br {display: none;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .when span {font-size: 0.85rem;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .when .bold {background-color: var(--purple-ver2);padding: 0.5rem 2rem; border-radius: 0.3rem 0 0 0.3rem; text-align: center; font-weight: 600;align-content: center;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .when .normal {background-color: var(--purple-ver1); flex: 1; padding: 0.5rem; border-radius: 0 0.3rem 0.3rem 0; text-align: center; align-content: center;}

.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap.on {box-shadow: rgba(0, 0, 0, 0.1) 2px 3px 10px 2px; border-radius: 0.5rem; overflow: hidden;     border: 2px solid var(--purple-ver4); }
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap.on .titleArea {background: url('../images/main/main_section_bg02.jpg') center right / cover no-repeat; width: 100%;margin-bottom: 0; padding: 0.8rem 1rem; color: #fff; }
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap.on .titleArea .title {font-weight: 600;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap.on .titleArea .btnWrap .Btn.plus {color: #fff;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap.on .informWrap {box-shadow: unset; border-radius: 0; padding: 1rem; }
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap.on .informWrap .when {width: calc(100% - 2rem);
    bottom: 1rem;}

.section-main-sejong .inner-content .container.cont2 .notiBox {border-bottom: 1px solid #ccc; width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding-bottom: 1rem; margin-bottom: 1rem;}
.section-main-sejong .inner-content .container.cont2 .notiBox span {padding: 3px 1rem; border-radius: 5px; font-size: 0.7rem; margin-right: 5px; display: inline-block; font-weight: 600;}
.section-main-sejong .inner-content .container.cont2 .notiBox .ing {background-color: #ffd9d9; color: #ff4646; }
.section-main-sejong .inner-content .container.cont2 .notiBox .yet {background-color: #d9e3ff; color: #4671ff; }
.section-main-sejong .inner-content .container.cont2 .notiBox .stop {background-color: #d9ffe1; color: #2a9c43; }
.section-main-sejong .inner-content .container.cont2 .notiBox .college {background-color: #cde3d8; color: #05713e; }
.section-main-sejong .inner-content .container.cont2 .notiBox .univ {background-color: #b2d3ee; color: #00325b;}
.section-main-sejong .inner-content .container.cont2 .notiBox .gradSchool {    background-color: #fff3f6; color: #f73469;;}
.section-main-sejong .inner-content .container.cont2 .notiBox span:last-child {margin-right: 0;}

.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .resultBox {width: 100%; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; padding: 1rem 0; border-bottom: 1px dotted var(--purple-ver1);}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .resultBox:hover {text-decoration: underline;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .resultBox:first-child {padding-top: 0;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .resultBox:last-child {border-bottom: none; padding-bottom: 0;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .resultBox .text {width: 71%; font-weight: 500; font-size: 0.85rem; word-break: keep-all; }
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .resultBox .image {width: 25%;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .resultBox.width100 .text {width: 100%;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .resultBox.width100 .image {display: none;}


.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .textBox { padding: 1rem 0; border-bottom: 1px dotted var(--purple-ver1); width: 100%; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .textBox:hover {text-decoration: underline;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .textBox .dot {margin-right: 10px; font-weight: 800; color: var(--purple-ver2);}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .textBox .text {display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;  text-align: justify; font-size: 0.85rem; font-weight: 500; width: calc( 100% - 24px );}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .textBox:first-child {padding-top: 0;}
.section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .textBox:last-child {border-bottom: none; padding-bottom: 0;}






/*footer*/
#footer-sejong {width: 100dvw; margin: 0 auto; padding: 2rem 0; background-color: #f8f8f8; display: flex; align-items: center; justify-content: center;}
#footer-sejong .footer-sejong {max-width: 1440px; width: 100%; background: none; border-top: none; width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: stretch;}
#footer-sejong .footer-sejong .firstWrap {    width: auto; margin-right: 4rem;}
#footer-sejong .footer-sejong .firstWrap .logo {font-weight: 800; font-size: 1.5rem; color: #8e8e8e;}
#footer-sejong .footer-sejong .firstWrap .logo span {color: #646464;}
#footer-sejong .footer-sejong .secondWrap {font-size: 0.9rem; flex: 1; margin-right: 1rem;}
#footer-sejong .footer-sejong .secondWrap .top {font-weight: 600;  margin-bottom: 1rem;}
#footer-sejong .footer-sejong .secondWrap .top a {display: inline-block; margin-right: 2rem;}
#footer-sejong .footer-sejong .secondWrap .top a:last-child {margin-right: 0;}
#footer-sejong .footer-sejong .secondWrap .bottom {}
#footer-sejong .footer-sejong .secondWrap .bottom p {display: inline-block;}
#footer-sejong .footer-sejong .secondWrap .bottom p.address {display: block; margin-bottom: 0.3rem;}
#footer-sejong .footer-sejong .secondWrap .bottom p.call {margin-right: 2rem;}
#footer-sejong .footer-sejong .secondWrap .bottom p span {font-weight: 600; margin-right: 1rem;}
#footer-sejong .footer-sejong .lastWrap {width: 25%; display: flex; flex-flow: column nowrap; justify-content: space-between;     align-items: flex-end;}

#footer-sejong .footer-sejong .lastWrap .topWrap {position: relative; background-color: rgba(255, 255, 255, 0.8); border: 1px solid #eaeaea; width: 50%;}
#footer-sejong .footer-sejong .lastWrap .topWrap.active .siteBox span.icon {transform: rotate(180deg);}
#footer-sejong .footer-sejong .lastWrap .topWrap.active {background-color: rgba(255,255,255,0.7); }
#footer-sejong .footer-sejong .siteBox {font-size: 0.8rem; color: #333;  display: flex; flex-flow: row nowrap; justify-content: space-between; width: 100%; padding: 0.5rem; }
#footer-sejong .footer-sejong .siteList {width: 100%; display: none; flex-flow: column wrap; position: absolute; bottom: 34px;opacity: 0; transform: translateY(-10px);   z-index: 100; background-color: #fff; box-shadow:rgba(0, 0, 0, 0.1) 2px 3px 10px 2px;}
#footer-sejong .footer-sejong .siteList.active {display: flex; opacity: 1; transform: translateY(0);}
#footer-sejong .footer-sejong .siteList:hover a:hover {background-color: rgba(0, 0, 0, 0.1);}
#footer-sejong .footer-sejong .siteList a {font-size: 0.7rem; padding: 0.5rem;}
#footer-sejong .footer-sejong .siteList a:hover {font-weight: 600;}
#footer-sejong .footer-sejong .botWrap {font-size: 0.75rem; }


/* media query */
@media only screen and (max-width: 1600px){

}

@media only screen and (max-width: 1440px){
    #headerWrap .headerArea { max-width:  95vw;}
    #main-content .section-visual-sejong .swiper .swiper-slide .titleBox {max-width:  95vw;}
    #main-content .section-visual-sejong .swiper .swiper-slide .titleBox .top { font-size: 1.2rem;}
    #main-content .section-visual-sejong .swiper .swiper-slide .titleBox .middle { font-size: 3.5rem;}
    #main-content .section-visual-sejong .swiper .swiper-slide .titleBox .bottom { font-size: 1.1rem; }

    #main-content .section-visual-sejong .swiper .swiper-button-next {right: calc( ( 100% - 1140px ) / 2);}
    #main-content .section-visual-sejong .swiper .swiper-button-prev { right: calc( ( 100% - 1140px ) / 2);}
    
    .section-main-sejong .inner-content {max-width: 95vw;}
    #footer-sejong .footer-sejong {max-width:  95vw;}

    .mega-menu-container .mega-menu-inner {max-width: 95vw;}

    .section-main-sejong .inner-content .container .newsSwiper {min-height: unset; height: fit-content;}
    .section-main-sejong.ver1 .inner-content .container .contWrap .botArea .text {font-size: 1.5rem;}



}

@media only screen and (max-width: 1280px){
    #headerWrap {height: 80px;}
    #headerWrap .headerArea .logo { font-size: 1.3rem;}
    #headerWrap .headerArea .right .nav { font-size: 0.9rem;  }
    #headerWrap .headerArea .right .nav .navArea .navBox .navContainer {top: 80px;}
    #headerWrap .headerArea .right .utilWrap .utilCont .item { width: 36px; height: 36px; border-radius: 18px; font-size: 0.75rem;}
    #main-content .section-visual-sejong .swiper .swiper-slide .titleBox {max-width: 1024px;}
    #main-content .section-visual-sejong .swiper .swiper-slide .titleBox .top { font-size: 1.2rem; margin-bottom: 0;}
    #main-content .section-visual-sejong .swiper .swiper-slide .titleBox .middle { font-size: 3rem; margin-bottom: 1.3rem;}
    #main-content .section-visual-sejong .swiper .swiper-slide .titleBox .bottom { font-size: 0.9rem;}
        
    #main-content .section-visual-sejong .swiper .swiper-button-next {right: calc((100% - 1024px) / 2);        width: 30px;}
    #main-content .section-visual-sejong .swiper .swiper-button-prev { right: calc((100% - 1024px) / 2);        width: 30px;}

    .mega-menu-container {top: 80px;}

    #footer-sejong {padding: 1.2rem 0;}
    #footer-sejong .footer-sejong .firstWrap .logo {font-size: 1.3rem;}
    #footer-sejong .footer-sejong .secondWrap {font-size: 0.8rem;}
    #footer-sejong .footer-sejong .lastWrap { width: 35%;}
    #footer-sejong .footer-sejong .siteBox {font-size: 0.7rem;}
    #footer-sejong .footer-sejong .siteList { bottom: 31px; padding-bottom: 0; border-radius: 0.3rem 0.3rem 0 0;}

    .section-main-sejong .inner-content .container .newsSwiper .swiper-wrapper .swiper-slide .textArea {font-size: 0.8rem;}


    .section-main-sejong .inner-content .container .contWrap .titleArea .title {font-size: 1.3rem;}

    .section-main-sejong.ver1 .inner-content .container .contWrap.left .topArea .text { font-size: 1.3rem;}

    .section-main-sejong.ver2 .inner-content .container.cont1 {flex-flow: column wrap;}
    .section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.left {width: 100%; margin-bottom: 5rem;}
    .section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right {width: 100%; }
    .section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .when br {display: block;}
    .section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right .notiWrap .notiBox.active .date {display: flex;  flex-flow: column wrap; align-items: center; justify-content: center; border-right: none; margin-bottom: 1rem; border-bottom: 1px solid var(--purple-ver4); padding-right: 0; padding-bottom: 1rem;}
    .section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right .notiWrap .notiBox.active {display: flex;  flex-flow: column wrap;  align-items: center; justify-content: center;}
    
    .section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .what {font-size: 1.05rem; margin-bottom: 1.1rem;}
    .section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .how {font-size: 0.8rem; line-height: 1.6;}
    .section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap {min-height: 330px; padding: 1.5rem;}

}



@media only screen and (max-width: 1024px){
    #headerWrap .headerArea { max-width: 90vw; }
    #headerWrap .headerArea .logo { font-size: 1.1rem;}
    #headerWrap .headerArea .right .nav { font-size: 0.8rem; display: none; flex-flow: column wrap; width: 100%;}
    #headerWrap .headerArea .right .nav.active {display: flex;}
    #headerWrap .headerArea .right .nav .navArea {flex-flow: column wrap; align-items: center;}
    #headerWrap .headerArea .right .nav .navArea .navBox {width: 100%;}
    #headerWrap .headerArea .right .nav .navArea .navBox .navTitle {min-height: fit-content; padding: 1rem; display: none; cursor: pointer;}
    #headerWrap .headerArea .right .nav .navArea .navBox .navContainer {display: flex; flex-flow: row wrap; align-items: center;}
    #headerWrap .headerArea .right .nav .navArea .navBox .navContainer .name { font-size: 1rem; padding: 1.5rem;width: 20%;}
    #headerWrap .headerArea .right .nav .navArea .navBox .navContainer .contList {display: none; padding: 1.5rem; width: 80%;}
    #headerWrap .headerArea .right .nav .navArea .navBox .navContainer.active .contList {display: flex; flex-flow: column wrap;}
    #headerWrap .headerArea .right .nav .navArea .navBox .navContainer .contList .list { font-size: 0.7rem;  padding: 0.7rem 1.5rem 0.55rem 0.7rem;         margin-right: 0.7rem; margin-bottom: 0.7rem; border-radius: 0.3rem;}

    #headerWrap .headerArea .right .utilWrap .utilCont .item { width: 30px; height: 30px; border-radius: 15px;  font-size: 0.7rem;}
    #headerWrap .headerArea .right .utilWrap {margin-left: 1rem;}

    #main-content .section-visual-sejong .swiper .swiper-slide .titleBox {max-width: 90vw;}
    #main-content .section-visual-sejong .swiper .swiper-slide .titleBox .top { font-size: 0.9rem;}
    #main-content .section-visual-sejong .swiper .swiper-slide .titleBox .middle { font-size: 2.5rem; margin-bottom: 1rem;}
    #main-content .section-visual-sejong .swiper .swiper-slide .titleBox .bottom { font-size: 0.8rem;}
        
    #main-content .section-visual-sejong .swiper .swiper-button-next {right: calc((100% - 768px) / 2);}
    #main-content .section-visual-sejong .swiper .swiper-button-prev { right: calc((100% - 768px) / 2); margin-right: 3rem;}
    #main-content .section-visual-sejong .swiper .swiper-button-next i, #main-content .section-visual-sejong .swiper .swiper-button-prev i {font-size: 1.3rem;}

    #footer-sejong .footer-sejong {flex-flow: column wrap;  justify-content: center;  align-items: center;}
    #footer-sejong .footer-sejong .firstWrap {margin-right: 0;        margin-bottom: 1rem;}
    #footer-sejong .footer-sejong .secondWrap {margin-right: 0; text-align: center;        margin-bottom: 1rem;}
    #footer-sejong .footer-sejong .lastWrap {  width: 100%; align-items: center;}
    #footer-sejong .footer-sejong .lastWrap .topWrap {width: 25%; margin-bottom: 1rem;}
    
    .section-main-sejong .inner-content {max-width: 90vw;}
    .section-main-sejong .inner-content .container .notiBox span {font-size: 0.6rem;}

    
    #footer-sejong .footer-sejong {max-width: 90vw;}
    
    
    .section-main-sejong {padding: 3rem 0;}
    .section-main-sejong .inner-content .container {flex-flow: column wrap;}

    .section-main-sejong.ver1 {padding: 3rem 0;}
    .section-main-sejong.ver1 .inner-content .container .contWrap.left {flex-flow: row nowrap; width: 100%; margin-bottom: 1rem;}
    .section-main-sejong.ver1 .inner-content .container .contWrap.left .topArea {width: 62%; order: 2; margin-bottom: 0;}
    .section-main-sejong.ver1 .inner-content .container .contWrap.left .botArea {width: 35%; order: 1;}
    .section-main-sejong.ver1 .inner-content .container .contWrap.left .botArea .text {padding-bottom: 0;}
    .section-main-sejong.ver1 .inner-content .container .contWrap.left > * {}
    .section-main-sejong.ver1 .inner-content .container .contWrap.right {width: 100%;}

    .section-main-sejong .inner-content .container .newsSwiper {height: 335px;}
    .section-main-sejong.ver2 .inner-content .container.cont1 {margin-bottom: 2rem;}
    .section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.left {margin-bottom: 2rem;}
    .section-main-sejong.ver2 .inner-content .container.cont2 .contWrap {width: 100%; margin-bottom: 2rem;}
    .section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap { min-height: 100px;}
    .section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .resultBox .text {width: 85%;}
    .section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .resultBox .image {width: 10%;}
    .section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .when br {display: none;}
    .section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .when {position: relative; width: 100%;}
    .section-main-sejong.ver2 .inner-content .container.cont2 .contWrap.on .informWrap .when {position: relative; width: 100%;}

}

@media only screen and (max-width: 768px){
    #headerWrap .headerArea .logo { font-size: 0.9rem;}
    #headerWrap .headerArea .right .nav {  font-size: 0.7rem; }
    #headerWrap .headerArea .right .nav .navArea .navBox .navTitle {  padding: 0 1rem;}
    #headerWrap .headerArea .right .utilWrap { margin-left: 1rem; }
    
    #main-content .section-visual-sejong .swiper .swiper-button-prev { right: 2.5vw;}
    #main-content .section-visual-sejong .swiper .swiper-button-next { right: 2.5vw;}

    .mega-menu-container .mega-menu-inner {margin-bottom: 0;    flex-flow: column wrap; justify-content: flex-start; align-items: center;}
    .mega-menu-container .mega-menu-inner .mega-menu-column {border-right: none; border-bottom: 1px solid #eaeaea; padding-right: 0;
        width: 100%; padding-left: 0;}
    .mega-menu-container .mega-menu-inner .mega-menu-column:last-child {border-bottom: none;}
    .mega-menu-container .mega-menu-inner .mega-menu-column .mega-menu-title {  font-size: 1rem; padding: 0.4rem; cursor: pointer; display: block;}
    .mega-menu-container .mega-menu-inner .mega-menu-column .mega-menu-title::after {content:url('../images/main/plus-solid.svg'); display: inline-block; width: 10px; margin-left: 5px; transition: transform 0.3s ease-in-out;}
    .mega-menu-container .mega-menu-inner .mega-menu-column .mega-menu-title.rotated::after {content:url('../images/main/minus-solid.svg');} 
    .mega-menu-container .mega-menu-inner .mega-menu-column .mega-menu-list {display: none;}
    .mega-menu-container .mega-menu-inner .mega-menu-column .mega-menu-list.on {display: block;}
    .mega-menu-container .mega-menu-inner .mega-menu-column .mega-menu-list li a {padding: 0 0.5rem; font-size: 0.9rem; font-weight: 500;}
    .mega-menu-container .mega-menu-inner .mega-menu-column .mega-menu-list li a:hover {  background-color: none; color: var(--purple-ver4);}
    

    .section-main-sejong { padding: 2rem 0;}
    .section-main-sejong .inner-content .container {flex-flow: column wrap;margin-bottom: 2rem;}
    .section-main-sejong .inner-content .container .boxWrap {width: 100%; margin-bottom: 2rem;}
    .section-main-sejong .inner-content .container .boxWrap:last-child {margin-bottom: 0;}
    

    #footer-sejong .footer-sejong .topWrap .leftWrap .logo {font-size: 1rem;     margin-bottom: 0.5rem; }
    #footer-sejong .footer-sejong .topWrap .leftWrap .info {font-size: 0.6rem; }
    #footer-sejong .footer-sejong .topWrap .leftWrap .info .address {margin-right: 2rem; }
    #footer-sejong .footer-sejong .topWrap .leftWrap .info p span {margin-right: 0.5rem;}
    #footer-sejong .footer-sejong .botWrap {font-size: 0.6rem;}

    #footer-sejong .footer-sejong .topWrap .rightWrap .siteBox {font-size: 0.6rem;padding: 0.3rem;}
    #footer-sejong .footer-sejong .siteList {bottom: 28px;}
    #footer-sejong .footer-sejong .siteList a {font-size: 0.65rem; padding: 0.5rem 0.3rem;}


    .section-main-sejong .inner-content .container .newsSwiper {min-height: unset; height: fit-content;}
    .section-main-sejong .inner-content .container .newsSwiper .swiper-wrapper .swiper-slide {flex-flow: column wrap;}
    .section-main-sejong .inner-content .container .newsSwiper .swiper-wrapper .swiper-slide .imgArea {width: 100%; text-align: center;}
    .section-main-sejong .inner-content .container .newsSwiper .swiper-wrapper .swiper-slide .textArea {padding: 1rem; width: 100%; margin-bottom: 0.5rem;}
    .section-main-sejong .inner-content .container .newsSwiper .swiper-wrapper .swiper-slide .textArea .date {width: 100%; text-align: right;}

    .section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .when {width: 100%; bottom: 0;}
    .section-main-sejong.ver2 .inner-content .container.cont2 .contWrap.on .informWrap .when {width: 100%; bottom: 0;}

    .section-main-sejong.ver1 .inner-content .container .contWrap .botArea .text { font-size: 1.2rem;}
    .section-main-sejong.ver1 .inner-content .container .contWrap.left { align-items: center;}
    .section-main-sejong.ver1 .inner-content .container .contWrap.left .topArea {padding: 1.2rem;}
    .section-main-sejong.ver1 .inner-content .container .contWrap .topArea .button {font-size: 1.5rem; bottom: 1rem; right: 1rem;}
}

@media only screen and (max-width: 550px){
    #headerWrap .headerArea .right { flex-flow: column nowrap;  justify-content: center;}
    #headerWrap .headerArea .right .nav .navArea {margin-bottom: 0.5rem;}
    #headerWrap .headerArea .right .utilWrap {margin-left: 0;}

    #main-content .section-visual-sejong .swiper .swiper-slide .titleBox {text-align: center;}
    #main-content .section-visual-sejong .swiper .swiper-slide .titleBox .top {margin-bottom: 0.5rem;}
    #main-content .section-visual-sejong .swiper .swiper-slide .titleBox .middle {word-break: keep-all; line-height: 1.1;}
    #main-content .section-visual-sejong .swiper .swiper-slide .titleBox .bottom { word-break: keep-all; }

    #headerWrap .headerArea .right .nav .navArea .navBox .navContainer .name {  font-size: 0.8rem;  padding: 1rem; width: 30%;}
    #headerWrap .headerArea .right .nav .navArea .navBox .navContainer .contList { padding: 1rem; width: 70%;}
    #headerWrap .headerArea .right .nav .navArea .navBox .navContainer .contList .list {  font-size: 0.6rem;   padding: 0.5rem; width: 100%; margin-right: 0; margin-bottom: 0.5rem;}
    #headerWrap .headerArea .right .nav .navArea .navBox .navContainer .contList .list span {line-height: 1.4;}
    
    .mega-menu-container {box-shadow: unset;}
    .menu-overlay {margin-top: 100px;}

    .newSwiper .swiper-wrapper .swiper-slide .titleArea {  padding: 0.5rem; font-size: 0.7rem;}
    .section-main-sejong .inner-content .container .newsSwiper .swiper-wrapper .swiper-slide .textArea .topBox .tit { margin-bottom: 1rem; font-size: 1rem;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}
    .section-main-sejong .inner-content .container .newsSwiper .swiper-wrapper .swiper-slide .textArea .topBox .text {display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; font-size: 0.8rem; margin-bottom: 0.5rem;}

    #main-content .section-visual-sejong .swiper .swiper-button-prev, #main-content .section-visual-sejong .swiper .swiper-button-next {display: none;}

    #footer-sejong .footer-sejong .lastWrap .topWrap {width: 60%;}
    #footer-sejong .footer-sejong .siteBox {padding: 0.4rem;}
    #footer-sejong .footer-sejong .botWrap .leftWrap {margin-bottom: 0.5rem;}
    #footer-sejong .footer-sejong .secondWrap .bottom p {word-break: keep-all;}

    .section-main-sejong.ver1 .inner-content .container .contWrap.left {flex-flow: column wrap;}
    .section-main-sejong.ver1 .inner-content .container .contWrap.left .topArea .text {font-size: 1.1rem;}
    .section-main-sejong.ver1 .inner-content .container .contWrap.left .topArea {width: 100%;         padding: 1.5rem; border-radius: 0.5rem;}
    .section-main-sejong.ver1 .inner-content .container .contWrap .topArea .button {    bottom: 1rem; right: 1rem; font-size: 1.5rem;}
    .section-main-sejong.ver1 .inner-content .container .contWrap.left .botArea {width: 100%;}
    .section-main-sejong.ver1 .inner-content .container .contWrap.left .botArea .img {order:2;}
    .section-main-sejong.ver1 .inner-content .container .contWrap.left .botArea .img img {max-height: 200px;}
    .section-main-sejong.ver1 .inner-content .container .contWrap.left .botArea .text {order: 1; }
    .section-main-sejong.ver1 .inner-content .container .contWrap.right {padding: 1rem; border-radius: 0.5rem;}
    .section-main-sejong.ver1 .inner-content .container .contWrap.right .titleArea {margin-top: 0.5rem;}
    
    .section-main-sejong.ver1 .inner-content .container .contWrap .botArea .text { font-size: 1.3rem }
    
    .section-main-sejong.ver1 .inner-content .container .contWrap.right .titleArea .title {font-size: 1.1rem;}
    
    .section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right .notiWrap .notiBox {padding: 1rem;}
    .section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right .notiWrap .notiBox.active {flex-flow: row nowrap;
    justify-content: space-between;  align-items: center;}
    .section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right .notiWrap .notiBox.active .date{    padding-right: 1rem;
    border-right: 1px solid #4a3480; border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
    .section-main-sejong.ver2 .inner-content .container.cont1 .contWrap.right .notiWrap .notiBox.active .text {font-size: 0.85rem;}

    .section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .how {margin-bottom: 1.5rem;}
    .section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .when span {font-size: 0.7rem;}

    .section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .resultBox .text {width: 72%;}
    .section-main-sejong.ver2 .inner-content .container.cont2 .contWrap .informWrap .resultBox .image {  width: 25%; }



}

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

    #headerWrap .headerArea .right .nav .navArea .navBox .navTitle br {display: block;}
    #main-content .section-visual-sejong .swiper .swiper-slide .titleBox .bottom br {display: block;}

    .section-main-sejong .inner-content .container .notiBox span { font-size: 0.5rem; }
    #footer-sejong .footer-sejong .secondWrap .top a {margin-right: 1rem;}
    #footer-sejong .footer-sejong .secondWrap .bottom p.call {margin-right: 0; width: 100%; text-align: center; margin-bottom: 0.3rem;}
    
}





/*subpage*/
#headerWrap.subHeader .headerArea .logo {color: var(--purple-ver4);}
#headerWrap.subHeader .headerArea .right .nav .navArea .navBox .navTitle {color: #505050;}


#sub-content {width: 100dvw;position: relative; padding-top: 100px;}
#sub-content .visualWrap {width: 100%; background: url('../images/sub/subVisualBg01.jpg') right center / cover no-repeat;}
#sub-content .visualWrap .sloganWrap {max-width: 1440px; width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; margin: 0 auto; padding: 1rem 0; position: relative;min-height: 210px;}
#sub-content .visualWrap .sloganWrap .textArea {font-size: 1.5rem; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center;}
#sub-content .visualWrap .sloganWrap .textArea br {display: none;}
#sub-content .visualWrap .sloganWrap .textArea .accent-weight {font-weight: 700;}
#sub-content .visualWrap .sloganWrap .textArea .normal {font-weight:500;margin-right: 5px;}
#sub-content .visualWrap .sloganWrap .textArea .accent-name {font-weight: 700; font-size: 2rem;}
#sub-content .visualWrap .sloganWrap .textArea .accent-name span {color: var(--purple-ver4);}
#sub-content .visualWrap .sloganWrap .imgArea {position: absolute; bottom:0; right: 0;}

#sub-content .tabWrap {width: 100%; background-color: var(--purple-ver4);}
#sub-content .tabWrap .tabArea {max-width: 1440px; width: 100%; margin: 0 auto; text-align: center; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;  font-weight: 600; height: 100%;}
#sub-content .tabWrap .tabArea .tabBoxPosition { display: flex; flex-flow: row wrap; justify-content: center; align-items: center;  font-weight: 600; height: 100%;    width: 100%;}
#sub-content .tabWrap .tabArea .tabBtn {padding: 1rem 1.5rem; color: #fff; height: 100%; cursor: pointer;}
#sub-content .tabWrap .tabArea .tabBtn.on {display: none;}
#sub-content .tabWrap .tabArea .tabBtn span {color: #fff; font-size: 0.85rem;}
#sub-content .tabWrap .tabArea .tabBtn .text {}
#sub-content .tabWrap .tabArea .tabBtn .icon {display: none;}
#sub-content .tabWrap .tabArea .tabBtn:hover {background-color: rgba(255,255,255,0.4);}
#sub-content .tabWrap .tabArea .tabBtn.active {background-color: #fff;padding: 1rem 1.5rem 0 1.5rem;}
#sub-content .tabWrap .tabArea .tabBtn.active span {color: var(--purple-ver4); font-weight: 700;}
#sub-content .tabWrap .tabArea .tabBtn.active .toLink {border-bottom: 2px solid var(--purple-ver4); padding-bottom: 1rem; height: 100%; display: inline-block;}

#sub-content .subContWrap {width:100dvw; margin: 0 auto;max-width:100%; padding-bottom: 3rem;}
#sub-content .subContWrap #main-content.sejong-sub {width: 100%; max-width: 1440px; margin: 0 auto; padding-bottom: 3rem;}
.sejong-subPage .wrap {max-width: 1440px; width: 100%; margin: 0 auto;}
.sejong-subPage .wrap .subWrap {padding: 3rem 0;}
.sejong-subPage .wrap .subWrap:first-child {padding-top: 0;}
.sejong-subPage .wrap .subWrap:last-child {padding-bottom: 0;}


/*subPage 01*/
.sejong-subPage.fullPage .wrap .introWrap {width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-end; position: relative; margin-top: 2rem;}
.sejong-subPage.fullPage .wrap .introWrap .imgArea {width: 35%;}
.sejong-subPage.fullPage .wrap .introWrap .textArea {width: 62%;}
.sejong-subPage.fullPage .wrap .introWrap .textArea .introTitle {margin-bottom: 3rem; font-weight: 600; word-break: keep-all; }
.sejong-subPage.fullPage .wrap .introWrap .textArea .introTitle span {color: var(--purple-ver3); font-weight: 700;}
.sejong-subPage.fullPage .wrap .introWrap .textArea .text {font-size: 1rem; line-height: 1.5; margin-bottom: 1.5rem;}
.sejong-subPage.fullPage .wrap .introWrap .textArea .text sup {color: #ff7d26; font-weight: 600; font-size: 0.8em;}
.sejong-subPage.fullPage .wrap .introWrap .textArea .note {text-align: justify; font-size: 0.8rem; color: #aeaeae; letter-spacing: -0.025em; word-break: keep-all;}
.sejong-subPage.fullPage .wrap .introWrap .textArea .note sup {color: #ff7d26; font-weight: 600;}


/*subPage 02*/
.sejong-subPage .wrap .subWrap .subTitle {width: 100%; margin-bottom: 3rem;}
.sejong-subPage .wrap .subWrap .subTitle::before {content: url('../images/sub/subTitle-icon.png'); padding-right: 10px;}

.sejong-subPage .wrap .subWrap.page02 {width: 100%; }
.sejong-subPage .wrap .subWrap .line {}
.sejong-subPage .wrap .subWrap .line.horizon {border-bottom: 2px dotted #eaeaea; width: calc( ( 100% - 8rem ) / 2 );}
.sejong-subPage .wrap .subWrap .line.vertical {min-height: 50px; border-right: 2px dotted #eaeaea; max-width: 2px;}

.sejong-subPage .wrap .subWrap .groupWrap {display: flex; flex-flow: column wrap; align-items: center; justify-content: space-between;}
.sejong-subPage .wrap .subWrap .groupWrap .mainTitle {padding: 0.5rem 1.5rem; font-weight: 600; border-radius: 3rem; background-color: var(--purple-ver1); color: var(--purple-ver4); width: fit-content; display: inline-block;}
.sejong-subPage .wrap .subWrap .groupWrap .teamArea {display: flex; flex-flow: row nowrap; align-items: stretch; justify-content: space-between; width: 90%;}
.sejong-subPage .wrap .subWrap .groupWrap .teamArea .teamBox {width: 50%; padding: 0 4rem;display: flex; flex-flow: column wrap; align-items: center; justify-content: start;}
.sejong-subPage .wrap .subWrap .groupWrap .teamArea .teamBox .line.vertical {}
.sejong-subPage .wrap .subWrap .groupWrap .teamArea .teamBox .teamTitle {padding: 0.4rem 0; font-weight: 600; border-radius: 3rem; background-color: #fff; color: #555; border: 1px solid #ccc; width: 100%; font-size: 0.9rem; text-align: center; display: block; margin-bottom: 1rem;}
.sejong-subPage .wrap .subWrap .groupWrap .teamArea .teamBox .textArea {border-radius: 1rem; background-color: #f8f8f8; padding: 1.5rem; font-size: 0.9rem; line-height: 1.5;     width: 100%;}
.sejong-subPage .wrap .subWrap .groupWrap .teamArea .teamBox .textArea .sub {margin-bottom: 0.5rem; font-weight: 600;}
/* .sejong-subPage .wrap .subWrap .groupWrap .teamArea .teamBox .textArea .sub::before {content: url('../images/sub/subTitle-icon02.png'); padding-right: 5px; } */
.sejong-subPage .wrap .subWrap .groupWrap .teamArea .teamBox .textArea .sub::before {content: ''; width: 8px; height: 8px; border-radius: 4px; background-color: var(--purple-ver3); display: inline-block; margin-right: 5px;    margin-bottom: 1px; }
.sejong-subPage .wrap .subWrap .groupWrap .teamArea .teamBox .textArea .text {font-size: 0.9em; line-height: 1.8;}


/*subPage 03*/
.sejong-subPage .wrap .subWrap .visionBox {width: 100%; display: flex; flex-flow: row nowrap; justify-content: flex-start; margin-bottom: 2rem;}
.sejong-subPage .wrap .subWrap .visionBox:last-child {margin-bottom: 0;}
.sejong-subPage .wrap .subWrap .visionBox > * { border-radius: 40px; }
.sejong-subPage .wrap .subWrap .visionBox .title {width: 80px; height: 80px; text-align: center; background-color: var(--purple-ver5); color: #fff; font-weight: 600;vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; margin-right: 2rem; }
.sejong-subPage .wrap .subWrap .visionBox .text {flex: 1; background-color: var(--purple-ver1); text-align: center; display: inline-flex; align-items: center; justify-content: center; font-size: 1.1rem; color: var(--purple-ver5); font-weight: 600;}
.sejong-subPage .wrap .subWrap .visionBox.ver2 .title {background-color: #fff; border: 2px solid var(--purple-ver5); color: var(--purple-ver5);}
.sejong-subPage .wrap .subWrap .visionBox.ver2 .text {background-color: #fff; border: 1px dotted var(--purple-ver2);}

.sejong-subPage .wrap .subWrap .tacticWrap {width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; position: relative;}
.sejong-subPage .wrap .subWrap .tacticWrap .tacticBox {width: 48.5%; background-color: #f8f8f8; border-radius: 1rem; padding: 1.5rem; }
.sejong-subPage .wrap .subWrap .tacticWrap .tacticBox.mb {margin-bottom: 2rem;}
.sejong-subPage .wrap .subWrap .tacticWrap .tacticBox .title {margin-bottom: 1.5rem; font-weight: 600; font-size: 1.1rem;}
.sejong-subPage .wrap .subWrap .tacticWrap .tacticBox .title img {margin-right: 10px;}
.sejong-subPage .wrap .subWrap .tacticWrap .tacticBox .tacList {}
.sejong-subPage .wrap .subWrap .tacticWrap .tacticBox:first-child .tacList li {letter-spacing: -0.035em;}
.sejong-subPage .wrap .subWrap .tacticWrap .tacticBox .tacList li::before {content: ''; width: 8px; height: 8px; border-radius: 4px; background-color: #d9d9d9; display: inline-block; margin-right: 8px;    margin-bottom: 2px; }
.sejong-subPage .wrap .subWrap .tacticWrap .tacticBox .tacList li {margin-bottom: 5px; font-size: 0.9rem;}
.sejong-subPage .wrap .subWrap .tacticWrap .tacticCircle {position: absolute; top:37%; left:calc( ( 100% - 120px ) / 2 ); z-index: 99; width: 120px; height: 120px; border-radius: 60px; background: linear-gradient(111deg, #7662aa, #271555); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; color: #fff;}

.projectWrap h3.noti {display: none;}
.projectTable { width: 100%; border-collapse: separate;  border-spacing: 0.4rem 0.8rem; font-weight: 600; text-align: center; }
.projectTable th { text-align: center; padding: 0.5rem; border-radius: 1rem 1rem 0 0; color: #fff; font-size: 1rem; }
.projectTable tbody tr {}
.projectTable tbody tr td { font-size: 0.85rem; line-height: 1.6; border-radius: 0.5rem; }
.projectTable thead th:nth-child(1) { background-color: #7662aa; }
.projectTable thead th:nth-child(2) { background-color: #9997d4; }
.projectTable thead th:nth-child(3) { background-color: #ff6969; }
.projectTable thead th:nth-child(4) { background-color: #827b92;}
.projectTable .project-title { align-items: center;  font-weight: bold; padding: 1rem; background-color: #f8f8f8;   }
.projectTable .project-title .height {display: flex; flex-direction: column;  align-items: center; justify-content: center; height: 100%;  box-sizing: border-box; text-align: center;}
.projectTable .purpleBox {position: relative; padding: 0;  background-color: transparent}
.projectTable .purpleBox .cellArea {  position: absolute; top: 0;  bottom: 0; left: 0; right: 0; display: flex; flex-direction: column;}
.projectTable .purpleBox .cellArea .purpleCell {  flex: 1; display: flex; align-items: center; justify-content: center;  border-bottom: 1px solid #eee; background-color: #f7f4ff; box-sizing: border-box; margin-bottom: 0.5rem; border-radius: 0.5rem; padding: 0.5rem; }
.projectTable .purpleBox .cellArea .purpleCell br {display: none;}
.projectTable .purpleBox .cellArea .purpleCell:last-child {margin-bottom: 0; background-color: #f1ebff;}
.projectTable .purpleBox.grey .cellArea .purpleCell {background-color: #f8f8f8;}
.projectTable .circle { background-color: var(--purple-ver4); color: white; border-radius: 50%;  width: 40px; height: 40px;  display: flex; justify-content: center; align-items: center; font-weight: bold; margin-bottom: 8px; }
.projectTable .sub-cell { background-color: #f8f8f8;  margin-bottom: 8px; padding: 10px;  border-radius: 0.5rem;  }
.projectTable .sub-cell:nth-child(odd) {background-color: #eee;}
.projectTable .sub-cell:last-child {margin-bottom: 0;}

.futureWrap {width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch;}
.futureWrap .future {width: 29%;     padding: 1rem; border: 2px dashed var(--purple-ver3);  border-radius: 0.3rem; text-align: center; display: flex; flex-flow: column wrap;}
.futureWrap .future.plus {width: 8%; display: flex; align-items: center; justify-content: center; border: none; font-size: 1.5rem; color: var(--purple-ver4);}
.futureWrap .future .title {padding: 5px; margin-bottom: 0.5rem; background-color: var(--purple-ver3); color: #fff; border-radius: 3rem;}
.futureWrap .future .area {flex: 1; width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: stretch;}
.futureWrap .future .area .box {word-break: keep-all; padding: 2rem 0.5rem; border-radius: 5px; background-color: var(--purple-ver1); display: flex; align-items: center; justify-content: center; font-size: 0.8rem; font-weight: 500; margin-right: 0.5rem; flex: 1;}
.futureWrap .future .area .box:last-child {margin-right: 0;}
.futureWrap .future.blue {border-color: #4e91d0;}
.futureWrap .future.blue .title {background-color: #4e91d0;}
.futureWrap .future.blue .area .box {background-color: #e8f4ff;}
.futureWrap .future.red {border-color: #ff6969;}
.futureWrap .future.red .title {background-color: #ff6969;}
.futureWrap .future.red .area .box {background-color: #ffeeee;}


/*subPage 04*/
.subWrap.page04 {}
.subWrap.page04 .projectWrap {width: 100%;}
.subWrap.page04 .projectWrap .projectArea {width: 100%; margin-bottom: 1rem; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: stretch;}
.subWrap.page04 .projectWrap .projectArea:last-child {margin-bottom: 0;}
.subWrap.page04 .projectWrap .projectArea .titleArea {width: 20%; background-color: #f8f6fe; border-radius: 1rem; padding: 1.5rem; display: flex; align-items: center; justify-content: center; flex-flow: column nowrap; text-align: center;  font-weight: 600;}
.subWrap.page04 .projectWrap .projectArea .titleArea.ver2 {background-color: #efeaff;}
.subWrap.page04 .projectWrap .projectArea .titleArea .num {width: 40px; height: 40px; border-radius: 50%; background-color: var(--purple-ver4); line-height: 1;  color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 0.5rem;}
.subWrap.page04 .projectWrap .projectArea .contArea {width: 78%; ;}
.subWrap.page04 .projectWrap .projectArea .contArea .taskBox {flex: 1; margin-bottom: 1.5rem;background-color: #f8f8f8; border-radius: 1rem; padding: 1.5rem; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;}
.subWrap.page04 .projectWrap .projectArea .contArea .taskBox.ver2 {background-color: #f1f1f1;}
.subWrap.page04 .projectWrap .projectArea .contArea .taskBox:last-child {margin-bottom: 0;}
.subWrap.page04 .projectWrap .projectArea .contArea .taskBox .imgArea {width: 20%; text-align: center;}
.subWrap.page04 .projectWrap .projectArea .contArea .taskBox .textArea {width: 80%;}
.subWrap.page04 .projectWrap .projectArea .contArea .taskBox .textArea .top {display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; font-weight: 600; margin-bottom: 1rem;}
.subWrap.page04 .projectWrap .projectArea .contArea .taskBox .textArea .top .deco {padding: 0.1rem 2rem; background-color: #7662aa; border-radius: 3rem; color: #fff; margin-right: 1rem;}
.subWrap.page04 .projectWrap .projectArea .contArea .taskBox .textArea .top .title {color: var(--purple-ver4);}
.subWrap.page04 .projectWrap .projectArea .contArea .taskBox .textArea .bottom {font-size: 0.9rem; width: 100%; text-align: left;}
.subWrap.page04 .projectWrap .projectArea .contArea .taskBox .textArea .bottom li {width: 100%; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; margin-bottom: 5px;}
.subWrap.page04 .projectWrap .projectArea .contArea .taskBox .textArea .bottom li:last-child {margin-bottom: 0;}
.subWrap.page04 .projectWrap .projectArea .contArea .taskBox .textArea .bottom li .dot {font-size: 0.5em;line-height: 18px; margin-right: 5px; color: var(--purple-ver2);}
.subWrap.page04 .projectWrap .projectArea .contArea .taskBox .textArea .bottom li .text {    font-size: 0.9em;}









@media only screen and (max-width: 1600px){
    #sub-content .subContWrap #main-content.sejong-sub {padding: 0 0 2rem 0;}  

    .sejong-subPage .wrap .introWrap {width: 100%; margin: 0 auto; min-height: unset;}

}

@media only screen and (max-width: 1440px){
    #headerWrap.subHeader .headerArea { max-width: 95vw;}
    #sub-content .visualWrap .sloganWrap { max-width: 95vw;}
    #sub-content .subContWrap .wrap { max-width: 95vw;}
    #sub-content .tabWrap .tabArea {max-width: 95vw;}
    
    #sub-content .subContWrap {max-width: 95vw;}
    #sub-content .subContWrap #main-content.sejong-sub {max-width: 95vw;}
    .sejong-subPage .wrap .subWrap {padding: 2rem 0;}
    .sejong-subPage .wrap .subWrap .subTitle {margin-bottom: 2rem;}
    

    .sejong-subPage .wrap .introWrap .textArea .introTitle {margin-bottom: 2rem; font-size: 1.8rem; }
    .sejong-subPage .wrap .introWrap .textArea .text {font-size: 0.9rem; margin-bottom: 1.2rem;}
    .sejong-subPage .wrap .introWrap .textArea .text sup {color: #ff7d26; font-weight: 600; font-size: 0.8em;}
    .sejong-subPage .wrap .introWrap .textArea .note {letter-spacing:0;}

    /*subPage01*/
    .sejong-subPage.fullPage .wrap .introWrap {margin-top: 0;}
    .sejong-subPage .wrap .introWrap .textArea .text br.mBr {display: none;}

    /* subPage02 */
    .sejong-subPage .wrap .subWrap .groupWrap .teamArea {width: 100%;}
    .sejong-subPage .wrap .subWrap .line.horizon {width: 50%;}

    /*subPage 03*/
    .sejong-subPage .wrap .subWrap .visionBox {margin-bottom: 1.5rem;}
    .sejong-subPage .wrap .subWrap .visionBox > * { border-radius: 35px; }
    .sejong-subPage .wrap .subWrap .visionBox .title {width: 70px; height: 70px; margin-right: 1.5rem; font-size: 1rem;}
    .sejong-subPage .wrap .subWrap .visionBox .text {font-size: 0.9rem;}
    



}

@media only screen and (max-width: 1280px){
    #sub-content {padding-top: 80px;}

    /* .sejong-subPage .wrap .introWrap {flex-flow: column wrap; align-items: center;}
    .sejong-subPage .wrap .introWrap .imgArea {width: 100%; text-align: center; order: 2;}
    .sejong-subPage .wrap .introWrap .textArea {width: 100%; order: 1; margin-bottom: 3rem;}
    .sejong-subPage .wrap .introWrap .textArea .introTitle {text-align: center;}
    .sejong-subPage .wrap .introWrap .textArea .introTitle span {display: block;}
    .sejong-subPage .wrap .introWrap .textArea .text {text-align: justify;} */

    .sejong-subPage .wrap .subWrap .subTitle {margin-bottom: 2rem;}


    /* subPage02 */
    .sejong-subPage .wrap .subWrap .groupWrap .teamArea .teamBox {    padding: 0px 2rem;}

    /* subPage03 */
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticBox .title {font-size: 1rem;     margin-bottom: 1rem;}
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticBox .title img {max-width: 50px;}
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticBox .tacList li {font-size: 0.85rem;}

    .projectTable th {word-break: keep-all;}
    .projectTable .sub-cell {padding: 0.4rem;}

}

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

    
    #sub-content .visualWrap .sloganWrap { max-width: 90vw;}
    #sub-content .visualWrap .sloganWrap .textArea { font-size: 1.2rem;}
    #sub-content .visualWrap .sloganWrap .textArea .accent-name { font-size: 1.6rem;}
    #sub-content .visualWrap .sloganWrap .imgArea {text-align: right;}
    #sub-content .visualWrap .sloganWrap .imgArea img {max-width: 80%;}
    #sub-content .subContWrap .wrap { max-width: 90vw;}
    
    #sub-content .subContWrap {max-width: 90vw;}
    #sub-content .subContWrap #main-content.sejong-sub {max-width: 90vw;}

    

    .sejong-subPage.fullPage .wrap .introWrap {flex-flow: column wrap; align-items: center;}
    .sejong-subPage.fullPage .wrap .introWrap .textArea .introTitle {text-align: center;}
    .sejong-subPage.fullPage .wrap .introWrap .textArea .introTitle span {display: block;}
    .sejong-subPage.fullPage .wrap .introWrap .textArea {width: 100%; order: 1; margin-bottom: 2rem; padding-left: 0;}
    .sejong-subPage.fullPage .wrap .introWrap .imgArea {width: 100%; order: 2; text-align: center;}

    /* subPage03 */
    .projectWrap {overflow-x: scroll;}
    .projectWrap h3.noti {display: block; font-size: 0.85rem; color: var(--purple-ver5); text-decoration: underline;}
    .projectWrap h3.noti span {margin-right: 5px;}
    .projectTable {min-width: 1200px;}

    .futureWrap .future {width: 49%;}
    .futureWrap .future.plus { width: 100%;}
    .futureWrap .future.red {margin: 0 auto;}

    /* subPage04 */
    .subWrap.page04 .projectWrap {overflow: hidden;}
    .subWrap.page04 .projectWrap .projectArea {flex-flow: column wrap; margin-bottom: 3rem;}
    .subWrap.page04 .projectWrap .projectArea .titleArea {border-radius: 0.5rem; width: 100%; padding: 1rem; flex-flow: row nowrap; margin-bottom: 1rem;}
    .subWrap.page04 .projectWrap .projectArea .titleArea .num {margin-bottom: 0; margin-right: 5px;}
    .subWrap.page04 .projectWrap .projectArea .titleArea .txt br {display: none;}
    .subWrap.page04 .projectWrap .projectArea .contArea {width: 100%; }
    .subWrap.page04 .projectWrap .projectArea .contArea .taskBox {border-radius: 0.5rem; margin-bottom: 1rem;font-size: 0.9rem;padding: 1rem;}
    .subWrap.page04 .projectWrap .projectArea .contArea .taskBox .imgArea {width: fit-content; margin-right: 1rem;}
    .subWrap.page04 .projectWrap .projectArea .contArea .taskBox .textArea { width: auto; flex: 1;}
    .subWrap.page04 .projectWrap .projectArea .contArea .taskBox .textArea .top {}
    .subWrap.page04 .projectWrap .projectArea .contArea .taskBox .textArea .top .deco { padding: 0.2rem 1rem; text-align: center;}
}

@media only screen and (max-width: 768px){
	#footer-sejong {padding:2rem 0;}
    #sub-content .visualWrap .sloganWrap {flex-flow: row nowrap;}
    #sub-content .visualWrap .sloganWrap .textArea { font-size: 1rem; flex-flow: row wrap;}
    #sub-content .visualWrap .sloganWrap .textArea br {display: block;}
    #sub-content .visualWrap .sloganWrap .textArea .accent-name { font-size: 1.4rem; display: block;        width: 100%;}
    #sub-content .visualWrap .sloganWrap .imgArea img {max-width: 60%;}
    #sub-content {padding-top: 0;}
    #sub-content .subContWrap #main-content.sejong-sub {display: none;}
    #sub-content .subContWrap .wrap {padding-top: 3rem;}
    
    .menu-overlay {margin-top: 100px;}
    #sub-content .tabWrap .tabArea {flex-flow: column nowrap; align-items: center; max-width: 100vw;position: relative;}
    #sub-content .tabWrap .tabArea .tabBtn {font-size: 0.8rem; padding: 0.7rem; width: 100%; background-color: #fff; color: var(--purple-ver4); border-bottom: 1px solid #eaeaea;}
    #sub-content .tabWrap .tabArea .tabBtn:hover {background-color: #fff;}
    #sub-content .tabWrap .tabArea .tabBtn .toLink {width: 100%; text-align: left;}
    #sub-content .tabWrap .tabArea .tabBtn .toLink span {color: var(--purple-ver4);}
    #sub-content .tabWrap .tabArea .tabBtn.active { padding: 0.7rem; color: var(--purple-ver4);}
    #sub-content .tabWrap .tabArea .tabBtn.active .toLink { border-bottom: none; padding-bottom: 0; }
    #sub-content .tabWrap .tabArea .tabBtn.on .icon {display: inline-block;}
    #sub-content .tabWrap .tabArea .tabBtn.on {background-color: var(--purple-ver4); color: #fff; padding: 0.7rem; flex-flow: row nowrap; width: 100%;  justify-content: space-between;  align-items: center;z-index: 701;}
    #sub-content .tabWrap .tabArea .tabBtn.on .toLink { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;}
    #sub-content .tabWrap .tabArea .tabBtn.active .toLink span { border-bottom: 0; font-weight: 600;}

    #sub-content .tabWrap .tabArea .tabBoxPosition {position: absolute; top: 0; background-color: #fff; z-index: 700;}

    .sejong-subPage .wrap .introWrap .textArea .introTitle {margin-bottom: 1.5rem; font-size: 1.5rem; }

    /* subPage02 */
    .sejong-subPage .wrap .subWrap .groupWrap .teamArea .teamBox {    padding: 0px 1rem;}
    .sejong-subPage .wrap .subWrap .groupWrap .teamArea .teamBox .textArea {padding: 1rem;}
    .sejong-subPage .wrap .subWrap .groupWrap .teamArea .teamBox .textArea .sub {font-size: 0.85rem; line-height: 1.3;}
    .sejong-subPage .wrap .subWrap .groupWrap .teamArea .teamBox .textArea .text {font-size: 0.8em;}

    /* subPage03 */
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticBox {    border-radius: 0.5rem; padding: 1rem;}
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticBox.mb { margin-bottom: 1rem;}
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticBox .title {display: flex; flex-flow: column wrap; align-items: center;         font-size: 0.9rem;  font-weight: 700; color: var(--purple-ver4); word-break: keep-all; text-align: center;} 
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticBox .title img {margin-right: 0; margin-bottom: 5px;}
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticBox .tacList li { font-size: 0.8rem; }
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticBox .tacList li::before {width: 5px; height: 5px; margin-bottom: 3px;}
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticCircle {top: 39%; left: calc((100% - 100px) / 2);  width: 100px;  height: 100px;}

    .projectTable {border-spacing: 0.5rem; min-width: 900px;}
    .projectTable th {font-size: 0.9rem; padding: 0.4rem; border-radius: 0.7rem 0.7rem 0 0;}
    .projectTable .project-title {padding: 0.5rem; word-break: keep-all;}
    .projectTable .project-title .height {font-size: 0.8rem;}
    .projectTable .project-title .height br {display: none;}
    .projectTable .purpleBox .cellArea .purpleCell {font-size: 0.8rem; word-break: keep-all;}
    .projectTable .purpleBox .cellArea .purpleCell br {display: block;}
    .projectTable .sub-cell {font-size: 0.8rem;}
    .projectTable .circle {width: 30px; height: 30px;     margin-bottom: 0.5rem; line-height: 1;  padding-top: 3px;}

    .futureWrap .future .title {font-size: 0.9rem;}
}

@media only screen and (max-width: 550px){
    #sub-content {padding-top: 0;}
    #sub-content .visualWrap .sloganWrap {min-height: 160px;}

    #headerWrap .headerArea .right .utilWrap .utilCont {display: flex;}
    
    .sejong-subPage .wrap .introWrap .textArea .introTitle {font-size: 1.3rem;}
    .sejong-subPage .wrap .introWrap .textArea .text {word-break: break-all;}

    .sejong-subPage .wrap .subWrap .groupWrap .mainTitle {font-size: 0.9rem;}
    .sejong-subPage .wrap .subWrap .groupWrap .teamArea { flex-flow: column wrap; }
    .sejong-subPage .wrap .subWrap .groupWrap .teamArea .teamBox { width: 100%;}
    .sejong-subPage .wrap .subWrap .groupWrap .teamArea .teamBox .teamTitle {font-size: 0.8rem;}
    .sejong-subPage .wrap .subWrap .line.vertical {}
    .sejong-subPage .wrap .subWrap .line.horizon {display: none;}

    /* subPage01 */
    .sejong-subPage.fullPage .wrap .introWrap .textArea .text {font-size: 0.85rem;}

    /* subPage03 */
    .sejong-subPage .wrap .subWrap .visionBox {margin-bottom: 1rem;}
    .sejong-subPage .wrap .subWrap .visionBox .title { width: 60px; height: 60px; margin-right: 1rem;  font-size: 0.9rem;}
    .sejong-subPage .wrap .subWrap .visionBox .text {font-size: 0.8rem; padding: 0.5rem; word-break: keep-all;}
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticCircle { top: 42%;}

    .futureWrap .future { width: 100%; }
    .futureWrap .future:first-child {margin-bottom: 1rem;}

    /* subPage04 */
    .subWrap.page04 .projectWrap .projectArea .contArea .taskBox {flex-flow: column wrap; align-items: center;}
    .subWrap.page04 .projectWrap .projectArea .contArea .taskBox .imgArea {margin-right: 0; margin-bottom: 10px;}
    .subWrap.page04 .projectWrap .projectArea .contArea .taskBox .textArea .top {flex-flow: column wrap;}
    .subWrap.page04 .projectWrap .projectArea .contArea .taskBox .textArea .top .deco {margin-right: 0; margin-bottom: 5px;}
    .subWrap.page04 .projectWrap .projectArea .contArea .taskBox .textArea .bottom li .text {text-align: justify;}
}

@media only screen and (max-width: 425px){
    .sejong-subPage .wrap .subWrap .subTitle {  margin-bottom: 1.5rem; }
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticCircle {position: unset;  width: 100%; height: fit-content;  order: 1;margin-bottom: 0.5rem;  padding: 5px;         font-size: 0.9rem;}
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticBox.mb {margin-bottom: 0.7rem;}
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticBox:first-child {order: 2;}
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticBox:nth-child(2) {order: 3;}
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticBox:nth-child(3) {order: 4;}
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticBox:nth-child(4) {order: 4;}
    .projectTable {min-width: 700px;}
    .projectWrap h3.noti {font-size: 0.7rem;}

    /* subPage04 */
    .subWrap.page04 .projectWrap .projectArea .titleArea {padding: 0.7rem; font-size: 0.9rem;}
    .subWrap.page04 .projectWrap .projectArea .titleArea .num { width: 30px; height: 30px; font-size: 0.9em;}

}

@media only screen and (max-width: 375px){
    #sub-content .visualWrap .sloganWrap .imgArea {display: none;}
    
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticBox { width: 100%; margin-bottom: 0.5rem !important;}
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticBox:last-child { width: 100%; margin-bottom: 0;}
    .sejong-subPage .wrap .subWrap .tacticWrap .tacticBox.mb {margin-bottom: 0;}

}