/* A A A : A : A : A : */ #division2A_content { width : 100%; height : auto; display : flex; justify-content : center; font-family : "nanum_myeongjo"; font-size : min(1.6vw,20px); background : #93c6c5; position : relative; margin-top : min(10vw,110px); overflow : hidden;} #division2A_content .backImg { width : auto; height : 100%; position : absolute; left : 0; bottom : 0; object-fit : contain;} #division2A_content .wrap { width : 90%; height : auto; display : flex; align-items : stretch; justify-content : center; max-width : 1200px; position : relative; z-index : 1;} #division2A_content .wrap .line { width : 2px; height : auto; background : #e6f1f2; margin : 0 5%;} #division2A_content .wrap .contentBox { width : calc((100% - calc(10% + 2px)) / 2); height : auto; display : flex; padding : 4.5em 0; align-items : center; justify-content : center;} #division2A_content .wrap .contentBox.left { justify-content : flex-end;} #division2A_content .wrap .contentBox .contentWrap { width : auto; display : flex; flex-direction : column; align-items : flex-start; justify-content : center;} #division2A_content .wrap .contentBox.right .contentWrap { width : 100%;} #division2A_content .wrap .contentBox.left .contentWrap .titWrap { width : 100%; display : flex; flex-direction : column; align-items : flex-start; margin-bottom : 0.5em;} #division2A_content .wrap .contentBox.left .contentWrap .titWrap .tit { font-size : 1.6em; display : flex; align-items : center; line-height : 1em; color : #186f6a; font-weight : 700; margin-bottom : 0.5em;} #division2A_content .wrap .contentBox.left .contentWrap .titWrap .tit:last-child { margin-bottom : 0;} #division2A_content .wrap .contentBox.left .contentWrap span { line-height : inherit; font-size : inherit; font-weight : inherit;} #division2A_content .wrap .contentBox.left .contentWrap .back { background : #186f6a; display : inline-flex; padding : 0.3em; border-radius : 7px; color : #fff;} #division2A_content .wrap .contentBox.left .contentWrap .yellow { color : #f4e729;} #division2A_content .wrap .contentBox.left .contentWrap .linkWrap { width : 100%; display : flex; align-items : flex-start; flex-direction : column; max-width : 16em;} #division2A_content .wrap .contentBox.left .contentWrap .linkWrap .linkList { width : 100%; height : auto; display : flex; align-items : center; justify-content : space-between; overflow : hidden; border-radius : 12px; padding-left : 1em; background : #fff; margin-top : 1em;} #division2A_content .wrap .contentBox.left .contentWrap .linkWrap .linkList p { color : #186f6a; font-weight : 700; line-height : 1em;} #division2A_content .wrap .contentBox.left .contentWrap .linkWrap .linkList a { width : auto; display : inline-flex; align-items : center; border-radius : 12px; padding : 0.5em 1em; background : #323333; color : #fff; transition : .2s;} #division2A_content .wrap .contentBox.left .contentWrap .linkWrap .linkList a:hover { background : #186f6a; color : #f4e729; transition : .2s;} #division2A_content .wrap .contentBox.right .contentWrap .titWrap { width : 100%; height : auto; display : flex; align-items : flex-end; padding : 0 0 0.4em 0.8em; border-bottom : 3px solid #e6f1f2; margin-bottom : 1.2em; justify-content : space-between;} #division2A_content .wrap .contentBox.right .contentWrap .titWrap .name { font-size : 1.7em; color : #fff; line-height : 1em; font-weight : 700;} #division2A_content .wrap .contentBox.right .contentWrap .titWrap a { color : #fff; line-height : 1em; transition : .2s;} #division2A_content .wrap .contentBox.right .contentWrap .titWrap a:hover { color : #f4e729; transition : .2s;} #division2A_content .wrap .contentBox.right .contentWrap .boardListWrap { width : 100%; display : flex; flex-direction : column; align-items : flex-start; justify-content : center; padding-left : 0.8em;} #division2A_content .wrap .contentBox.right .contentWrap .boardListWrap .boardList { width : 100%; height : auto; display : flex; align-items : stretch; justify-content : space-between;} #division2A_content .wrap .contentBox.right .contentWrap .boardListWrap .boardList:nth-child(2) { margin : 1em 0;} #division2A_content .wrap .contentBox.right .contentWrap .boardListWrap .boardList .dateBox { width : 6em; height : auto; display : flex; align-items : center; justify-content : center; flex-direction : column; background : #e6f1f2; border-radius : 12px; padding : 1.3em 0; transition : .2s;} #division2A_content .wrap .contentBox.right .contentWrap .boardListWrap .boardList:hover .dateBox { background : #186f6a; transition : .2s;} #division2A_content .wrap .contentBox.right .contentWrap .boardListWrap .boardList .dateBox .year { font-size : 12px; color : #323333; line-height : 1em; transition : .2s;} #division2A_content .wrap .contentBox.right .contentWrap .boardListWrap .boardList .dateBox .date { font-weight : 900; line-height : 1em; color : #186f6a; margin-top : 0.3em; transition : .2s;} #division2A_content .wrap .contentBox.right .contentWrap .boardListWrap .boardList .dateBox .date .unit { font-size : max(12px,0.8em); line-height : inherit;} #division2A_content .wrap .contentBox.right .contentWrap .boardListWrap .boardList:hover .dateBox .year, #division2A_content .wrap .contentBox.right .contentWrap .boardListWrap .boardList:hover .dateBox .date { color : #fff; transition : .2s;} #division2A_content .wrap .contentBox.right .contentWrap .boardListWrap .boardList .textBox { width : calc(100% - 7em); flex-grow : 1; display : flex; flex-direction : column; align-items : flex-start; justify-content : center; margin-left : 1em;} #division2A_content .wrap .contentBox.right .contentWrap .boardListWrap .boardList .textBox .subject { font-size : 1.2em; color : #fefefe; width : 100%; text-overflow : ellipsis; white-space : nowrap; overflow : hidden;} #division2A_content .wrap .contentBox.right .contentWrap .boardListWrap .boardList:hover .textBox .subject { text-decoration : underline;} #division2A_content .wrap .contentBox.right .contentWrap .boardListWrap .boardList .textBox .centerBox { font-size : 0.85em; display : flex; align-items : center; justify-content : flex-start; line-height : 1.4em; height : 2.8em; width : 100%; color : #fefefe; opacity : .7; transition : .2s;} #division2A_content .wrap .contentBox.right .contentWrap .boardListWrap .boardList:hover .textBox .centerBox { opacity : 1; transition : .2s;} #division2A_content .wrap .contentBox.right .contentWrap .boardListWrap .boardList .textBox .centerBox .text { width : 100%; text-overflow : ellipsis; overflow : hidden; word-break : break-word; display : -webkit-box; -webkit-line-clamp : 2; -webkit-box-orient : vertical;} @media(max-width : 1024px){ /* A A A : A : A : A : */ #division2A_content { font-size : clamp(16px,2.2vw,20px); padding : min(10vw,80px) 0;} #division2A_content .backImg { filter : blur(1.5px);} #division2A_content .wrap { max-width : 770px; flex-direction : column; align-items : center; } #division2A_content .wrap .contentBox { width : 100%; padding : 0;} #division2A_content .wrap .contentBox.left { margin-bottom : 3em;} #division2A_content .wrap .contentBox.left .contentWrap { flex-direction : row; align-items : center; justify-content : space-between; width : 100%;} #division2A_content .wrap .contentBox.left .contentWrap .titWrap { width : auto; margin-bottom : 0; margin-right : 1em;} #division2A_content .wrap .contentBox.left .contentWrap .titWrap .tit { font-size : 1.4em;} #division2A_content .wrap .contentBox.left .contentWrap .linkWrap .linkList:first-child { margin-top : 0;} } @media(max-width : 640px){ /* A A A : A : A : A : */ #division2A_content { margin-top : min(15vw,80px); padding : min(15vw,80px) 0; font-size : min(3.9vw,16px);} #division2A_content .wrap .contentBox.left { margin-bottom : 2.5em;} #division2A_content .wrap .contentBox.left .contentWrap { flex-direction : column; align-items : flex-start;} #division2A_content .wrap .contentBox.left .contentWrap .titWrap { width : 100%; margin-right : 0;} #division2A_content .wrap .contentBox.left .contentWrap .titWrap .tit { font-size : 1.1em;} #division2A_content .wrap .contentBox.left .contentWrap .titWrap .tit:last-child { margin-bottom : 0.5em;} #division2A_content .wrap .contentBox.left .contentWrap .linkWrap .linkList { margin-top : 0.7em; padding-left : 0.7em;} #division2A_content .wrap .contentBox.left .contentWrap .linkWrap .linkList:first-child { margin-top : 0.7em;} #division2A_content .wrap .contentBox.left .contentWrap .linkWrap .linkList a { padding : 0.3em 0.7em;} #division2A_content .wrap .contentBox.right .contentWrap .titWrap { padding-left : 0;} #division2A_content .wrap .contentBox.right .contentWrap .boardListWrap { padding-left : 0;} } @media(max-width : 300px){ /* A A A : A : A : A : */ #division2A_content { font-size : 12px;} #division2A_content .wrap .contentBox.right .contentWrap .boardListWrap .boardList .dateBox { width : 5.5em;} #division2A_content .wrap .contentBox.right .contentWrap .boardListWrap .boardList .textBox { margin-left : 0.7em;} }