@charset "utf-8"; 

/* 초기화 */
html {overflow-y:scroll;}
body {margin:0; padding:0; font-size:0.75em; font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif; background:var(--white);}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0; padding:0; border:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

ul, dl,dt,dd {margin:0; padding:0; list-style:none;}
legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden;}
label, input, button, select, img {vertical-align:middle; font-size:1em;}
input, button {margin:0; padding:0; font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif; font-size:1em;}
input[type="submit"] {cursor:pointer;}
button {cursor:pointer;}

textarea, select {font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif; font-size:1em;}
select {margin:0;}
p {margin:0; padding:0; word-break:break-all;}
hr {display:none;}
pre {overflow-x:scroll; font-size:1.1em;}
a {color:#000; text-decoration:none;}
i, em, address {font-style:normal;}

*, :after, :before {
  -webkit-box-sizing:border-box; 
  -moz-box-sizing:border-box; 
  box-sizing:border-box; 
;}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out; 
-moz-transition:all 0.30s ease-in-out; 
-ms-transition:all 0.30s ease-in-out; 
-o-transition:all 0.30s ease-in-out; 
outline:none; 
;}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff; 
-moz-box-shadow:0 0 5px #9ed4ff; 
box-shadow:0 0 5px #9ed4ff; 
border:1px solid #558ab7 !important; 
;}

.placeholdersjs {color:#aaa !important;}

:root {
    --blue:#20438F;
    --skyblue:#CDDAF6;
    --yellow:#FFD200;
    --gold:#A28B6B;
    --black:#191B1F;
    --darkgray:#232F4A;
    --deepgray:#7A7D84;
    --midgray:#DADEE5;
    --gray:#E1E4E6;
    --lightgray:#EEF0F2;
    --white:#fff;
;}

/* 공통요소 */
.blind {display:block; overflow:hidden; position:absolute !important; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}
.wrap {display:inline-block; vertical-align:middle; width:87.5%; max-width:1680px; margin:0 6.25%;}

/* 공통 스타일 */
.text {font-size:20px; font-weight:400; line-height:35px; color:var(--black); letter-spacing:-2%; text-align:left; word-break:keep-all; overflow-wrap:break-word; text-wrap:pretty;}
.text.left {text-align:left;}
.text.right {text-align:right;}
.text.center {text-align:center;}
.text span {display:inline-block; vertical-align:middle; float:left; width:100%;}
.text.block span {float:none;}
.text.xxl {font-size:45px; line-height:60px;}
.text.xl {font-size:30px; line-height:40px;}
.text.l {font-size:25px; line-height:40px;}
.text.s {font-size:18px; line-height:30px;}
.text.xs {font-size:16px; line-height:25px;}
.text.xxs {font-size:14px; line-height:20px;}
.text.thin, .text .thin {font-weight:100 !important;}
.text.exlight, .text .exlight {font-weight:200 !important;}
.text.light, .text .light {font-weight:300 !important;}
.text.medium, .text .medium {font-weight:500 !important;}
.text.regular, .text .regular {font-weight:400 !important;}
.text.semibold, .text .semibold {font-weight:600 !important;}
.text.bold, .text .bold {font-weight:700 !important;}
.text.exbold, .text .exbold {font-weight:800 !important;}
.text.heavy, .text .heavy {font-weight:900 !important;}
.text.blue, .text .blue {color:var(--blue);}
.text.skyblue, .text .skyblue {color:var(--skyblue);}
.text.yellow, .text .yellow {color:var(--yellow);}
.text.gold, .text .gold {color:var(--gold);}
.text.black, .text .black {color:var(--black);}
.text.darkgray, .text .darkgray {color:var(--darkgray);}
.text.deepgray, .text .deepgray {color:var(--deepgray);}
.text.midgray, .text .midgray {color:var(--midgray);}
.text.gray, .text .gray {color:var(--gray);}
.text.lightgray, .text .lightgray {color:var(--lightgray);}
.text.white, .text .white {color:var(--white);}
.text.blue.bg, .text .blue.bg {padding:0 10px; border-radius:8px; background-color:var(--blue); color:var(--white);}
.text.skyblue.bg, .text .skyblue.bg {padding:0 10px; border-radius:8px; background-color:var(--skyblue); color:var(--white);}
.text.yellow.bg, .text .yellow.bg {padding:0 10px; border-radius:8px; background-color:var(--yellow); color:var(--white);}
.text.gold.bg, .text .gold.bg {padding:0 10px; border-radius:8px; background-color:var(--gold); color:var(--white);}
.text.black.bg, .text .black.bg {padding:0 10px; border-radius:8px; background-color:var(--black); color:var(--white);}
.text.darkgray.bg, .text .darkgray.bg {padding:0 10px; border-radius:8px; background-color:var(--darkgray); color:var(--white);}
.text.deepgray.bg, .text .deepgray.bg {padding:0 10px; border-radius:8px; background-color:var(--deepgray); color:var(--white);}
.text.midgray.bg, .text .midgray.bg {padding:0 10px; border-radius:8px; background-color:var(--midgray); color:var(--white);}
.text.gray.bg, .text .gray.bg {padding:0 10px; border-radius:8px; background-color:var(--gray); color:var(--white);}
.text.lightgray.bg, .text .lightgray.bg {padding:0 10px; border-radius:8px; background-color:var(--lightgray); color:var(--white);}
.text.white.bg, .text .white.bg {padding:0 10px; border-radius:8px; background-color:var(--white); color:var(--white);}
.text b {font-weight:inherit;}
.text .deco {text-decoration:underline dotted; text-underline-offset:3px; text-decoration-color:var(--blue); text-decoration-thickness:1px;}

.p10 {padding:10px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.p40 {padding:40px;}
.p50 {padding:40px;}
.p60 {padding:40px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}

.pic {display:inline-block; vertical-align:middle; overflow:hidden; float:left; width:100%; margin:0; padding:0;}
.pic img {display:inline-block; vertical-align:middle; float:left; width:100%; height:auto; margin:0; padding:0;}
.pic.radius {border-radius:28px;}

.box {border-radius:28px; background-color:var(--white); box-shadow:0 40px 120px rgba(25, 27, 31, 0.12);}
.inbox {box-sizing:border-box; border-radius:16px; border:var(--gray) solid 1px; background-color:var(--lightgray);}

/* 레이아웃 크기 지정 */
#header, #wrapper, #footer {min-width:320px;}

/* 팝업레이어 */
#hd_pop {z-index:1000; position:relative; margin:0 auto; height:0;}
#hd_pop h2 {position:absolute; font-size:0; line-height:0; overflow:hidden;}
.hd_pops {position:absolute; border:1px solid #e9e9e9; background:var(--white);}
.hd_pops img {max-width:100%;}
.hd_pops_con {;}
.hd_pops_footer {padding:0; background:#000; color:var(--white); text-align:left; position:relative;}
.hd_pops_footer:after {display:block; visibility:hidden; clear:both; content:"";}
.hd_pops_footer button {padding:10px; border:0; color:var(--white);}
.hd_pops_footer .hd_pops_reject {background:#000; text-align:left;}
.hd_pops_footer .hd_pops_close {background:#393939; position:absolute; top:0; right:0;}


/* 상단 레이아웃 */
#header {display:inline-block; vertical-align:middle; position:fixed; left:0; right:0; top:0; z-index:999; width:100%; height:120px; background-color:rgba(255, 255, 255, 0.75); box-shadow:inset 0px -1px 0px rgba(25, 27, 31, 0.06); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); text-align:center;}
#header .wrap {position:relative; margin:40px auto;}
#header .h_logo {display:inline-block; vertical-align:middle; position:absolute; left:0; top:50%; z-index:99999; width:184px; height:40px; margin-top:-20px; background-image:url("../img/logo.svg"); background-repeat:no-repeat; background-position:center; background-size:auto 100%; transition:0.2s;}
#header .h_logo a {display:inline-block; vertical-align:middle; position:relative; width:100%; height:100%;}

/* 메인메뉴 */
#gnb {display:inline-block; vertical-align:middle; width:100%;}
#gnb #gnb_1dul {display:inline-block; vertical-align:middle;}
#gnb .gnb_1dli {display:inline-block; vertical-align:middle; position:relative; float:left; margin-left:80px; padding:0px;}
#gnb .gnb_1dli:first-child {margin-left:0;}

.gnb_1dli .bg {display:none; position:absolute; top:24px; right:8px; display:inline-block; width:10px; height:10px; overflow:hidden; text-indent:-999px;}
.gnb_1dli:hover > a {color:var(--blue);}
.gnb_1da {display:inline-block; vertical-align:middle; font-size:20px; font-weight:500; line-height:40px; letter-spacing:-2%; color:var(--black); text-decoration:none;}
.gnb_1dli.on .gnb_1da {color:var(--blue); text-decoration:underline dotted; text-underline-offset:3px; text-decoration-thickness:1px;}
.gnb_2dul {display:none; position:absolute; top:40px; left:-20px;}
.gnb_2dul .gnb_2dul_box {display:inline-block; vertical-align:middle; width:220px; padding:20px 20px; border-radius:28px; background-color:var(--white); box-shadow:0 40px 120px rgba(25, 27, 31, 0.12);}
.gnb_2dli{display:inline-block; vertical-align:middle; float:left; width:100%;}
.gnb_2da {display:inline-block; vertical-align:middle; width:100%; box-sizing:border-box; padding:10px; border-radius:8px; font-size:16px; font-weight:500; line-height:20px; letter-spacing:-2%; color:var(--black); text-align:left; text-decoration:none;}
a.gnb_2da:hover, .gnb_2da:focus, .gnb_2da:hover {color:var(--blue); background:#f7f7f8;}
.gnb_1dli_over .gnb_2dul {display:block; left:0;}
.gnb_1dli_over2 .gnb_2dul {display:block; right:0;}
.gnb_wrap .gnb_empty {padding:10px 0; width:100%; text-align:center; line-height:2.7em; color:var(--black);}
.gnb_wrap .gnb_empty a {color:var(--blue); text-decoration:underline;}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555;}

#gnb .gnb_menu_btn {display:inline-block; vertical-align:middle; position:absolute; right:0; top:50%; z-index:99; width:40px; height:40px; margin-top:-20px; border:0; background:none; color:var(--black);}
#gnb .gnb_menu_btn .gmb_icon {display:inline-block; vertical-align:middle; position:absolute; width:5px; height:5px; border-radius:1px; background-color:currentColor;}
#gnb .gnb_menu_btn .gmb_icon:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:300%; top:0; width:100%; height:100%; background-color:currentColor;}
#gnb .gnb_menu_btn .gmb_icon.t1 {left:10px; top:10px;}
#gnb .gnb_menu_btn .gmb_icon.t1:before {left:300%;}
#gnb .gnb_menu_btn .gmb_icon.t2 {right:10px; bottom:10px;}
#gnb .gnb_menu_btn .gmb_icon.t2:before {left:-300%;}
#gnb .gnb_close_btn {display:inline-block; vertical-align:middle; position:absolute; right:6.25vw; top:40px; z-index:99; width:40px; height:40px; border:0; background:none; color:var(--black);}
#gnb .gnb_close_btn i {display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:24px; height:4px; margin-top:-2px; margin-left:-12px; border-radius:1px; background-color:currentColor; transform:rotate(45deg);}
#gnb .gnb_close_btn i:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:100%; height:100%; margin-top:-2px; margin-left:-12px; background-color:currentColor; transform:rotate(90deg);}

#gnb_all {display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:1000; width:100vw; height:100vh; box-sizing:border-box; padding:6.25vw; background-color:var(--white);}
#gnb_all .gnb_al_ul {display:grid; grid-auto-flow:column; grid-auto-columns:1fr; gap:0; width:100%; margin-top:6.25vw;}
#gnb_all .gnb_al_li {float:left; width:100%; box-sizing:border-box; padding:0 10px; border-left:1px solid var(--lightgray);}
#gnb_all .gnb_al_li:first-child {border-left:none;}
#gnb_all .gnb_al_li .gnb_al_a {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:10px 0; font-size:26px; font-weight:600; line-height:30px; letter-spacing:-2%; color:var(--blue); text-decoration:none;}
#gnb_all .gnb_al_li .gnb_al_a:hover {text-decoration:underline;}
#gnb_all .gnb_al_li ul {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:20px 0 10px 0;}
#gnb_all .gnb_al_li li {display:inline-block; vertical-align:middle; position:relative; float:left; width:100%;}
#gnb_all .gnb_al_li li a {display:inline-block; vertical-align:middle; width:100%; padding:5px 0; font-size:18px; font-weight:500; line-height:30px; letter-spacing:-2%; color:var(--black); text-decoration:none;}
#gnb_all .gnb_al_li li a:hover {text-decoration:underline;}

/* 중간 레이아웃 */
#contents {display:inline-block; vertical-align:middle; width:100%; padding-top:120px; text-align:center;}
#contents > .wrap {position:relative;}

#contents.main {overflow:hidden;}
#contents .c_main .cm_hero {display:grid; grid-template-columns:repeat(2, 1fr); gap:40px; align-items:stretch; margin-top:60px;}
#contents .c_main .cm_hero .cmh_banner {position:relative; border-radius:28px; padding:50px; display:flex; flex-direction:column; justify-content:flex-start; background:linear-gradient(180deg, rgba(32, 67, 143, 0) 50%, rgba(32, 67, 143, 1) 100%), url('../img/contents/hero01.jpg') no-repeat center center / cover; min-height:760px; overflow:hidden;}
#contents .c_main .cm_hero .cmh_banner strong.text.xl {display:inline-block; vertical-align:middle; width:max-content; margin-bottom:20px;}
#contents .c_main .cm_hero .cmh_banner h3.xxl {font-size:40px; line-height:55px;}
#contents .c_main .cm_hero .cmh_card {display:grid; grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(2, 1fr); gap:40px;}
#contents .c_main .cm_hero .cmh_card .cmhc_item {position:relative; border-radius:28px; padding:40px; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; background-repeat:no-repeat; background-position:right bottom;}
#contents .c_main .cm_hero .cmh_card .cmhc_item > strong {display:block; margin-bottom:20px;}
#contents .c_main .cm_hero .cmh_card .cmhc_item > p {height:100%;}
#contents .c_main .cm_hero .cmh_card .cmhc_item.about {background-color:var(--white);}
#contents .c_main .cm_hero .cmh_card .cmhc_item.philosophy {background-color:var(--blue); background-image:url("../img/contents/cmh_card_philosophy.svg");}
#contents .c_main .cm_hero .cmh_card .cmhc_item.calprep {background-color:var(--skyblue); background-image:url("../img/contents/cmh_card_calprep.svg");}
#contents .c_main .cm_hero .cmh_card .cmhc_item.calinstitute {background-color:var(--lightgray); background-image:url("../img/contents/cmh_card_calinstitute.svg");}
#contents .c_main .cm_hero .cmh_card .cmhc_btn {align-self:flex-start; display:inline-flex; align-items:center; gap:10px; min-width:60px; min-height:60px; border:var(--blue) solid 2px; border-radius:4px; color:var(--blue); font-size:20px; font-weight:700; line-height:56px; text-decoration:none;}
#contents .c_main .cm_hero .cmh_card .cmhc_btn i {display:inline-block; vertical-align:middle; width:24px; height:24px; margin:0 auto; background-image:url("../img/icon_arrow_more.svg"); background-repeat:no-repeat; background-position:left center;}
#contents .c_main .cm_hero .cmh_card .cmhc_btn:hover {border-color:var(--blue); background-color:var(--blue);}
#contents .c_main .cm_hero .cmh_card .cmhc_btn:hover i {background-position:right center;}
#contents .c_main .cm_hero .cmh_card .cmhc_item.about .cmhc_btn {padding:0 30px; border-color:var(--lightgray); background-color:var(--lightgray);}
#contents .c_main .cm_hero .cmh_card .cmhc_item.about .cmhc_btn:hover {border-color:var(--blue); background-color:var(--blue); color:var(--white);}
#contents .c_main .cm_hero .cmh_card .cmhc_item.philosophy .cmhc_btn {border-color:var(--white);}
#contents .c_main .cm_hero .cmh_card .cmhc_item.philosophy .cmhc_btn i {background-position:right center;}
#contents .c_main .cm_hero .cmh_card .cmhc_item.philosophy .cmhc_btn:hover {border-color:var(--white); background-color:var(--white); color:var(--blue);}
#contents .c_main .cm_hero .cmh_card .cmhc_item.philosophy .cmhc_btn:hover i {background-position:left center;}
#contents .c_main .cm_wrap {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:120px 0;}
#contents .c_main .cm_wrap:last-child {padding-bottom:0;} 
#contents .c_main .cm_head {display:inline-block; vertical-align:middle; width:100%; margin-bottom:60px;}
#contents .c_main .cm_head h3 {display:inline-block; vertical-align:middle; float:left; width:auto;}
#contents .c_main .cm_body {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_main .cm_navi {display:inline-block; vertical-align:middle; float:right;}
#contents .c_main .cm_navi button,
#contents .c_main .cm_navi a {display:inline-block; vertical-align:middle; position:relative; float:left; width:60px; height:60px; margin-left:10px; line-height:60px; border:none; border-radius:4px; background-color:var(--lightgray); background-image:url("../img/icon_navi.svg"); background-repeat:no-repeat; text-align:center; transition:0.2s;}
#contents .c_main .cm_navi .cpn_next {background-position:left center;}
#contents .c_main .cm_navi .cpn_next {background-position:center;}
#contents .c_main .cm_navi .cmn_more {background-color:var(--blue) !important; background-position:right center;}
#contents .c_main .cm_wrap.success .cp_latest {width:calc(100% + 238px); margin-top:-60px; margin-left:-119px;}
#contents .c_main .cm_wrap.success .cp_latest .cpl_wrap {min-height:300px; padding:30px; justify-content:flex-start;}
#contents .c_main .cm_wrap.success .cp_latest .cpl_pic {display:none;}
#contents .c_main .cm_wrap.success .cp_latest .cpl_title img {width:80px;}
#contents .c_main .cm_wrap.success .cp_latest .cpl_title .cplt_txt {margin-top:20px;}
#contents .c_main .cm_wrap.success .cp_latest .cpl_title .cplt_txt strong {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_main .cm_wrap.success .cp_latest .cpl_title .cplt_txt p {display:inline-block; vertical-align:middle; width:100%; margin-top:20px;}
#contents .c_main .cm_wrap.success .cp_latest.owl-carousel .owl-dots {display:none;}
#contents .c_main .cm_wrap.banner {padding:70px 80px; border-radius:28px; background-color:var(--lightgray); background-image:url("../img/contents/collegeadmissions_everystudentisdiffernt.jpg"); background-position:center; background-size:cover;}
#contents .c_main .cm_wrap.banner h3 {display:inline-block; vertical-align:middle; width:100%; margin-bottom:40px;}
#contents .c_main .cm_wrap.banner p {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_main .cm_wrap.banner p + p {margin-top:20px;}
#contents .c_main .cm_wrap.banner a {display:inline-block; vertical-align:middle; position:absolute; right:80px; top:50%; box-sizing:border-box; width:auto; height:80px; margin-top:-40px; padding:0 30px; padding-right:70px; border-radius:4px; background-color:var(--white); font-size:30px; font-weight:700; line-height:80px; letter-spacing:-2%; color:var(--blue); transition:0.2s;}
#contents .c_main .cm_wrap.banner a:before {content:""; display:inline-block; vertical-align:middle; position:absolute; right:30px; top:50%; width:24px; height:24px; margin-top:-12px; background-image:url("../img/icon_more.svg"); background-repeat:no-repeat; background-position:left center; background-size:auto 100%;}
#contents .c_main .cm_wrap.banner a:hover {background-color:var(--yellow);}
#contents .c_main .cm_wrap.stories .cm_grid {display:grid; grid-auto-flow:row; grid-auto-columns:auto; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:40px; width:100%;}
#contents .c_main .cm_wrap.stories .cm_grid ul {display:flex; flex:1 0 auto;}
#contents .c_main .cm_wrap.stories .cm_grid .cp_latest {width:100%; min-width:0; overflow:visible; margin-left:0; margin-bottom:0; padding:0;}
#contents .c_main .cm_wrap.stories .cm_grid .cp_latest .cpl_wrap {margin:0;}
#contents .c_main .cm_wrap.stories .cm_grid .cp_latest .cpl_blog .cpl_wrap {gap:10px;}
#contents .c_main .cm_wrap.stories .cm_grid .cp_latest .cpl_blog .cpl_content {display:none !important;}
#contents .c_main .cm_wrap.stories .cm_grid .cp_latest .cpl_blog .cpl_subject {-webkit-line-clamp:3 !important; max-height:120px !important;}
#contents .c_main .cm_wrap.news {padding:0;}
#contents .c_main .cm_wrap.admissions .cp_latest {display:grid; grid-auto-flow:row; grid-auto-columns:auto; grid-template-columns:repeat(3, 1fr); width:calc(100% + 40px); overflow:visible; margin-left:-20px; margin-bottom:0; padding:0;}
#contents .c_main .cm_wrap.admissions .cp_latest li {display:flex; flex:1 0 auto; padding:0; box-sizing:border-box;}
#contents .c_main .cm_wrap.admissions .cp_latest .cpl_wrap > a {height:80px; line-clamp:2 !important; -webkit-line-clamp:2 !important;}
#contents .c_main .cm_wrap.admissions .cp_latest .cpl_wrap > span {margin-top:40px;}
#contents .c_main .cm_news {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_main .cm_news .cmn_ul {list-style:none; margin:0; padding:0; border-top:1px solid var(--gray);}
#contents .c_main .cm_news .cmn_li {display:flex; align-items:center; justify-content:space-between; padding:30px; border-bottom:1px solid var(--gray); transition:background-color 0.2s ease; gap:20px;}
#contents .c_main .cm_news .cmn_li:hover {background-color:var(--lightgray);}
#contents .c_main .cm_news .cmn_cate {flex:0 0 160px; text-align:left;}
#contents .c_main .cm_news .cmn_subject {flex:1; min-width:0; display:flex; align-items:center; gap:8px;}
#contents .c_main .cm_news .cmn_subject a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-decoration:none;}
#contents .c_main .cm_news .cmn_subject a:hover {text-decoration:underline; color:var(--blue);}
#contents .c_main .cm_news .cmn_date {flex:0 0 110px; text-align:right;}
#contents .c_main .cm_news .cmn_empty {text-align:center; padding:50px 0; border-bottom:1px solid var(--gray);}

#contents .c_head {display:inline-block; vertical-align:middle; position:relative; width:100%; height:260px; line-height:260px; text-align:left;}
#contents .c_head .ch_title {display:inline-block; vertical-align:middle; font-size:90px; font-weight:400; line-height:100px; letter-spacing:-2%; color:var(--black);}
#contents .c_head .ch_title b {font-weight:400; color:var(--blue);}
#contents .c_head .ch_breadcrumb {display:inline-block; vertical-align:middle; position:absolute; right:0; top:50%; height:50px; margin-top:-25px;}
#contents .c_head .ch_breadcrumb ul {display:inline-block; vertical-align:middle; float:left;}
#contents .c_head .ch_breadcrumb li {display:inline-block; vertical-align:middle; position:relative; float:left; margin-left:50px; font-size:16px; font-weight:600; line-height:50px; letter-spacing:-2%; color:var(--black);}
#contents .c_head .ch_breadcrumb li:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:-50px; top:0; width:50px; height:50px; background-image:url("../img/icon_arrow_breadcrumb.svg"); background-repeat:no-repeat; background-position:center; transition:0.2s;}
#contents .c_head .ch_breadcrumb li:first-child {margin-left:0;}
#contents .c_head .ch_breadcrumb li:first-child:before {display:none;}
#contents .c_head .ch_breadcrumb a {display:inline-block; vertical-align:middle; float:left;}
#contents .c_head .ch_breadcrumb .home {margin-right:-12px;}
#contents .c_head .ch_breadcrumb .home a {width:50px; height:50px; border-radius:30px; background-image:url("../img/icon_home.svg"); background-repeat:no-repeat; background-position:center; transition:0.2s;}
#contents .c_head .ch_breadcrumb .home a:hover {background-color:var(--lightgray);}
#contents .c_head .ch_breadcrumb strong {display:inline-block; vertical-align:middle; float:left; font-weight:700; color:var(--blue);}

#contents .c_body {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents .c_navi {display:inline-block; vertical-align:middle; position:sticky; right:0; top:180px; z-index:99; width:25%; padding:60px; border-radius:28px; background-color:var(--white); box-shadow:0 40px 120px rgba(25, 27, 31, 0.12);}
#contents .c_navi ul {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_navi li {display:inline-block; vertical-align:middle; position:relative; float:left; width:100%; padding:15px 20px; padding-right:0;}
#contents .c_navi li:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; bottom:0; width:1px; background-color:var(--gray);}
#contents .c_navi li a {display:inline-block; vertical-align:middle; position:relative; width:100%; font-size:20px; font-weight:700; line-height:30px; letter-spacing:-2%; color:var(--black); text-align:left; text-decoration:none;}
#contents .c_navi li.on a {font-weight:800; color:var(--blue);}
#contents .c_navi li.on a:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:-20px; top:0; bottom:0; width:4px; background-color:var(--blue);}
#contents .c_page {display:inline-block; vertical-align:middle; position:relative; float:left; box-sizing:border-box; width:75%; padding-right:80px;}
#contents .c_page.nonavi {width:100%; padding-right:0;}
#contents .c_page .ctt_admin {position:absolute; right:80px; top:0; z-index:9;}

#contents .c_page .cp_section {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:60px 0 100px; text-align:left;}
#contents .c_page .cp_section:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; bottom:20px; height:1px; background-color:var(--gray);}
#contents .c_page .cp_section:first-child {margin-top:-60px;} 
#contents .c_page .cp_section:last-child {padding-bottom:0;}
#contents .c_page .cp_section:last-child:before {display:none;}
#contents .c_page .cp_section > div {display:inline-block; vertical-align:middle; width:100%; margin-top:60px;}
#contents .c_page .cp_section h3,
#contents .c_page .cp_section p {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_page .cp_section p + p {margin-top:20px;}
#contents .c_page .cp_section strong,
#contents .c_page .cp_section span {display:inline-block; vertical-align:middle;}
#contents .c_page .cp_section figure {display:inline-block; vertical-align:middle; float:left; width:100%; margin:0; padding:0;}
#contents .c_page .cp_section figure img {display:inline-block; vertical-align:middle; float:left; width:100%; height:auto; margin:0; padding:0;}
#contents .c_page .cp_anchor {display:inline-block; vertical-align:middle; float:left; width:100%; margin-bottom:60px;}
#contents .c_page .cp_anchor i {display:inline-block; vertical-align:middle; float:left; width:30px; height:30px; margin-right:10px; border-radius:50%; background-color:var(--blue); font-size:14px; font-weight:900; line-height:30px; letter-spacing:-2%; color:var(--white); text-align:center;}
#contents .c_page .cp_anchor strong {display:inline-block; vertical-align:middle; float:left; font-size:20px; font-weight:900; line-height:30px; letter-spacing:-2%; color:var(--blue);}
#contents .c_page .cp_division {display:grid; grid-auto-flow:column; grid-auto-columns:1fr; align-items:stretch; gap:40px; width:100%;}
#contents .c_page .cp_division > li {display:flex; flex-direction:column; width:100%; text-align:center;}
#contents .c_page .cp_division > li > div {flex:1;}
#contents .c_page .cp_division .cpd_icon {display:inline-block; vertical-align:middle; width:180px; height:180px; line-height:180px; border-radius:50%; background-color:var(--white); box-shadow:0 40px 120px rgba(25, 27, 31, 0.12);}
#contents .c_page .cp_division .cpd_pic {display:inline-block; vertical-align:middle; width:140px; height:140px; border-radius:50%; background-color:var(--lightgray); background-position:center top; background-size:cover;}
#contents .c_page .cp_division .cpd_txt {margin-top:25px;}
#contents .c_page .cp_division .cpd_txt p + p {margin-top:25px;}
#contents .c_page .cp_banner {box-sizing:border-box; margin-top:0 !important; padding:70px 80px; border-radius:28px; background-color:var(--lightgray); background-position:center; background-size:cover;}
#contents .c_page .cp_navi {position:relative; box-sizing:border-box; margin-top:0 !important; padding-right:220px;}
#contents .c_page .cp_navi + div {margin-top:20px;}
#contents .c_page .cp_navi .cpn_btn {display:inline-block; vertical-align:middle; position:absolute; right:0; top:0;}
#contents .c_page .cp_navi .cpn_btn button,
#contents .c_page .cp_navi .cpn_btn a {display:inline-block; vertical-align:middle; position:relative; float:left; width:60px; height:60px; margin-left:10px; line-height:60px; border:none; border-radius:4px; background-color:var(--lightgray); background-image:url("../img/icon_navi.svg"); background-repeat:no-repeat; text-align:center; transition:0.2s;}
#contents .c_page .cp_navi .cpn_prev {background-position:left center;}
#contents .c_page .cp_navi .cpn_next {background-position:center;}
#contents .c_page .cp_navi .cpn_more {background-color:var(--blue) !important; background-position:right center;}
#contents .cp_latest {display:inline-block; vertical-align:middle; overflow:hidden; position:relative; width:calc(100% + 240px); margin-left:-120px; margin-bottom:-120px; padding:60px 100px 120px;}
#contents .cp_latest .cpl_wrap {display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; width:100%; margin:0 20px; padding:40px; border-radius:28px; background-color:var(--white); box-shadow:0 40px 120px rgba(25, 27, 31, 0.12); transition:transform 0.25s ease, box-shadow 0.25s ease;}
#contents .cp_latest .cpl_wrap:hover {box-shadow:0 40px 120px rgba(25, 27, 31, 0.3);}
#contents .cp_latest .cpl_title .cpl_wrap {padding:30px; background-color:var(--blue); box-shadow:0 40px 120px rgba(32, 67, 143, 0.4); text-align:center;}
#contents .cp_latest .cpl_title img {width:140px; margin:0 auto;}
#contents .cp_latest .cpl_title .cplt_txt {margin-top:60px;}
#contents .cp_latest .cpl_title .cplt_txt .bg {display:inline !important; width:auto; padding:0 8px; border-radius:4px; color:var(--blue); font-size:20px; line-height:30px;}
#contents .cp_latest .cpl_title .cplt_txt p {margin-top:30px;}
#contents .cp_latest .cpl_title a {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0; width:auto !important; height:auto !important; margin-left:0; line-height:auto; border-radius:0; background:none;}
#contents .cp_latest .cpl_category {display:inline-block; vertical-align:middle; float:left; width:fit-content !important; margin-bottom:20px; padding:0 15px; border-radius:15px; background-color:var(--blue); line-height:30px;}
#contents .cp_latest .cpl_wrap > a {display:-webkit-box !important; -webkit-box-orient:vertical !important; width:100%; height:160px; max-height:none; line-clamp:4 !important; -webkit-line-clamp:4 !important; overflow:hidden; text-overflow:ellipsis; word-break:keep-all !important; overflow-wrap:break-word !important;}
#contents .cp_latest .cpl_wrap > a:hover {color:var(--blue); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:2px;}
#contents .cp_latest .cpl_wrap > span {margin-top:40px;}
#contents .cp_latest .cpl_pic {display:inline-block; vertical-align:middle; position:relative; overflow:hidden; width:140px; height:140px; margin:0 auto; border-radius:50%; background-color:var(--lightgray); background-image:url("../img/nopic.png"); background-repeat:no-repeat; background-position:top center; background-size:100% auto;}
#contents .cp_latest .cpl_pic:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(25, 27, 31, 0.04); pointer-events:none; cursor:not-allowed; user-select:none;}
#contents .cp_latest .cpl_info,
#contents .cp_latest .cpl_achievement {display:inline-block; vertical-align:middle; width:100%; margin-top:15px;}
#contents .cp_latest .cpl_info strong,
#contents .cp_latest .cpl_info span {display:inline-block; vertical-align:middle; float:left; width:100%; text-align:center;}
#contents .cp_latest .cpl_achievement li {display:inline-block; vertical-align:middle; position:relative; float:left; width:100%; box-sizing:border-box; padding-left:12px;}
#contents .cp_latest .cpl_achievement li:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:2px; background-color:var(--black);}

#contents .cp_latest .cpl_blog .cpl_wrap {display:grid; grid-auto-flow:column; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:40px; width:100%; align-items:center; overflow:hidden; padding:0; border-radius:0; background:none; box-shadow:none;}
#contents .cp_latest .cpl_blog .cpl_wrap:hover {box-shadow:none;}
#contents .cp_latest .cpl_blog .cpl_pic {display:block !important; width:100% !important; flex-direction:column; width:100% !important; height:auto !important; aspect-ratio:3/2; overflow:hidden !important; margin:0 !important; border-radius:16px !important; background:none !important;}
#contents .cp_latest .cpl_blog .cpl_pic_img {display:inline-block; width:100%; height:auto; aspect-ratio:3/2; overflow:hidden; background-color:var(--lightgray); background-repeat:no-repeat; background-size:cover; background-position:center;}
#contents .cp_latest .cpl_blog .cpl_info {display:flex; flex-direction:column; justify-content:center; position:relative; width:100% !important; margin-top:0; padding:30px 0 30px 20px;}
#contents .cp_latest .cpl_blog .cpl_category {align-self:flex-start; margin-bottom:15px;}
#contents .cp_latest .cpl_blog .cpl_subject {display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; text-overflow:ellipsis !important; height:auto !important; max-height:80px !important; word-break:keep-all !important; overflow-wrap:break-word !important;}
#contents .cp_latest .cpl_blog .cpl_pic {display:inline-block; vertical-align:middle; position:relative; overflow:hidden; width:140px; height:140px; margin:0 auto; border-radius:50%; background-color:var(--lightgray); background-image:url("../img/nopic.png"); background-repeat:no-repeat; background-position:top center; background-size:100% auto;}
#contents .cp_latest .cpl_blog .cpl_student {display:inline-block; vertical-align:middle; width:100%; margin-top:15px; text-align:left;}
#contents .cp_latest .cpl_blog .cpl_student > span:nth-child(1) {display:inline-block; vertical-align:middle; width:auto !important; float:left; margin-right:10px; box-sizing:border-box; padding:0 10px; border:var(--gray) solid 1px; border-radius:8px; background-color:var(--lightgray); line-height:28px;}
#contents .cp_latest .cpl_blog .cpl_student > span:nth-child(2) {display:inline-block; vertical-align:middle; float:left; width:calc(100% - 100px) !important; height:30px; line-height:30px; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; text-align:left;}
#contents .cp_latest .cpl_blog .cpl_content {display:-webkit-box !important; -webkit-box-orient:vertical !important; width:100%; height:120px; margin-top:30px; max-height:none; line-clamp:4 !important; -webkit-line-clamp:4 !important; overflow:hidden; text-overflow:ellipsis; word-break:keep-all !important; overflow-wrap:break-word !important;}

#contents .cp_latest.owl-carousel .owl-stage {display:flex; align-items:stretch;}
#contents .cp_latest.owl-carousel .owl-stage-outer {overflow:visible;}
#contents .cp_latest.owl-carousel .owl-item {display:flex; flex:1 0 auto; padding:0; box-sizing:border-box; pointer-events:none; cursor:not-allowed; user-select:none; opacity:0; transition:0.3s;}
#contents .cp_latest.owl-carousel .owl-item.active {pointer-events:auto; cursor:auto; user-select:auto; opacity:1;}
#contents .cp_latest.owl-carousel .owl-item > li {width:100%; display:flex;}
#contents .cp_latest.owl-carousel .owl-stage-outer {padding:70px 0 90px !important; margin:-70px 0 -90px !important;}
#contents .cp_latest.owl-carousel .owl-dots {display:inline-block; vertical-align:middle; position:relative; z-index:999; float:left; width:100%; height:auto; margin-top:40px; line-height:6px; text-align:center;}
#contents .cp_latest.owl-carousel .owl-dots .owl-dot {display:inline-block; vertical-align:middle; box-sizing:border-box; width:30px; height:6px; margin:0 5px; padding:0; border-radius:4px; border:var(--blue) solid 1px;}
#contents .cp_latest.owl-carousel .owl-dots .owl-dot.active {background-color:var(--blue);}

#contents #Our_History.history_scroll_section {position:relative; width:100%; box-sizing:border-box;}
#contents #Our_History .history_pin_stage {position:-webkit-sticky; position:sticky; top:180px; width:100%; box-sizing:border-box; margin-top:0 !important; z-index:5;}
#contents #Our_History .history_viewport {position:relative; width:100%; padding-top:60px; overflow:hidden; box-sizing:border-box;}
#contents #Our_History .history_track {display:flex !important; flex-wrap:nowrap !important; gap:0 !important; width:max-content !important; margin:0 !important; padding:0 !important; list-style:none !important; will-change:transform; transform:translate3d(0, 0, 0);}
#contents #Our_History .history_track > li {flex:0 0 300px !important; width:300px !important; flex-shrink:0 !important; box-sizing:border-box !important; text-align:center;}
#contents #Our_History .history_track > li .cpd_wrap {position:relative; padding-top:35px;}
#contents #Our_History .history_track > li .cpd_wrap:before {content:''; position:absolute; top:6px; left:0; right:0; height:4px; background-color:var(--blue); z-index:1;}
#contents #Our_History .history_track > li:first-child .cpd_wrap:before {left:50%;}
#contents #Our_History .history_track > li:last-child .cpd_wrap:before {right:50%;}
#contents #Our_History .history_track > li .cpd_wrap:after {content:''; position:absolute; top:1px; left:50%; transform:translateX(-50%); width:16px; height:16px; border-radius:50%; background-color:var(--white); border:4px solid var(--blue); z-index:2;}
#contents #Our_History .history_track .cpd_txt strong {margin-bottom:20px;}
#contents #Our_History .history_track .cpd_txt p + p {margin-top:10px;}
#contents #Our_History .history_track .cpd_txt p {line-height:25px;}
#contents #Our_Team .cp_division {grid-auto-flow:row; grid-auto-columns:auto; grid-template-columns:repeat(4, 1fr); margin-top:30px;}
#contents #Our_Team .cp_division .cpd_txt {margin-top:20px;}
#contents #Our_Team .cp_division .cpd_txt p {margin-top:5px;}

#contents #CAL_Prep .box {display:flex; aspect-ratio:1 / 1; flex-direction:column; justify-content:center; align-items:center;}
#contents #CAL_Prep .cp_division .cpd_icon {width:240px; height:240px; line-height:240px;}
#contents #CAL_Prep .cp_division li:nth-child(1) .cpd_icon {background-color:var(--yellow);}
#contents #CAL_Prep .cp_division li:nth-child(2) .cpd_icon {background-color:var(--blue);}
#contents #CAL_Prep .cp_division .cpd_txt {margin-top:40px;}
#contents #CAL_Institute > div > .cp_division {display:flex; gap:40px; width:100%;}
#contents #CAL_Institute > div > .cp_division li:nth-child(1) {flex:0 0 calc((100% - 40px) * 2 / 3);}
#contents #CAL_Institute > div > .cp_division li:nth-child(2) {flex:0 0 calc((100% - 40px) * 1 / 3);}
#contents #CAL_Institute .cp_division .cp_division {gap:30px; height:calc(100% - 60px); margin-top:20px;}
#contents #CAL_Institute .cp_division .cp_division li,
#contents #CAL_Institute .cp_division .cp_division .cpd_wrap {height:100%;}
#contents #CAL_Institute .cp_division .cp_division .cpd_icon {position:relative; width:100%; height:auto; min-height:80px; padding:10px 80px 10px 15px; line-height:80px; border-radius:8px; background-color:var(--gray); text-align:left; box-shadow:none;}
#contents #CAL_Institute .cp_division .cp_division .cpd_icon strong.text {float:left; line-height:30px;}
#contents #CAL_Institute .cp_division .cp_division .cpd_icon img {position:absolute; right:10px; top:50%; margin-top:-30px;}
#contents #CAL_Institute .cp_division .cp_division .cpd_icon.t1 {background-color:var(--blue);}
#contents #CAL_Institute .cp_division .cp_division .cpd_icon.t2 {background-color:var(--darkgray);}
#contents #CAL_Institute .cp_division .cp_division .cpd_icon.t3 {background-color:var(--gold);}
#contents #CAL_Institute .cp_division li:nth-child(1) .cp_division {position:relative;}
#contents #CAL_Institute .cp_division li:nth-child(1) .cp_division:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; z-index:9; width:60px; height:60px; margin-top:-30px; margin-left:-30px; background-image:url("../img/contents/programs_calinstitute_arrow.svg"); background-repeat:no-repeat; background-size:cover; background-position:center;}
#contents #CAL_Institute .cp_division .cpd_txt {margin-top:10px;}
#contents #CAL_Institute .cp_division .cpd_txt p + p {margin-top:20px;}
#contents #Consulting_Services .box {display:flex; min-height:220px; flex-direction:column; justify-content:center; align-items:center;}
#contents #Consulting_Services .cp_division {grid-auto-flow:row; grid-auto-columns:auto; grid-template-columns:repeat(2, 1fr);}
#contents #Consulting_Services .cp_division .cpd_txt {margin-top:0;}
#contents #Consulting_Services .cp_division .cpd_txt p + p {margin-top:0;}

#contents #Hall_of_Success .cp_latest .cpl_wrap {min-height:410px; padding:30px; justify-content:flex-start;}
#contents #Hall_of_Success .cp_latest.owl-carousel .owl-dots {display:none;}
#contents #What_Matters .cp_division {grid-auto-flow:row; grid-auto-columns:auto; grid-template-columns:repeat(2, 1fr);}
#contents #What_Matters .cp_division .cpd_icon {width:120px; height:120px; line-height:120px; background-color:var(--blue);}
#contents #Every_Student_is_Differnt .cp_banner h3 {margin-bottom:40px;}

#contents .c_banner {display:inline-block; vertical-align:middle; position:relative; width:100%; height:400px; margin-top:120px; border-radius:28px; background-image:url("../img/banner_footer.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center; text-align:left; transition:0.2s;}
#contents .c_banner .cb_txt {display:inline-block; vertical-align:middle; position:absolute; left:80px; top:80px;}
#contents .c_banner .cb_txt h3 {display:inline-block; vertical-align:middle; width:100%; font-size:20px; font-weight:900; line-height:30px; letter-spacing:-2%; color:var(--yellow);}
#contents .c_banner .cb_txt p {display:inline-block; vertical-align:middle; width:100%; margin-top:20px; font-size:35px; font-weight:800; line-height:45px; letter-spacing:-2%; color:var(--white);}
#contents .c_banner a {display:inline-block; vertical-align:middle; position:absolute; right:80px; top:50%; box-sizing:border-box; width:420px; height:80px; margin-top:-40px; padding:0 30px; border-radius:4px; background-color:var(--white); font-size:30px; font-weight:700; line-height:80px; letter-spacing:-2%; color:var(--blue); transition:0.2s;}
#contents .c_banner a:before {content:""; display:inline-block; vertical-align:middle; position:absolute; right:30px; top:50%; width:24px; height:24px; margin-top:-12px; background-image:url("../img/icon_more.svg"); background-repeat:no-repeat; background-position:left center; background-size:auto 100%;}
#contents .c_banner a:hover {background-color:var(--yellow);}

/* 게시판 목록 */
#bo_list {margin-bottom:0 !important;}

#bo_list .bl_list {display:inline-block; vertical-align:middle; position:relative; width:100%; border-top:1px solid var(--gray);}
#bo_list .bl_list .bll_item {display:inline-block; vertical-align:middle; position:relative; width:100%; overflow:hidden; padding:30px; border-bottom:1px solid var(--gray); transition:transform 0.25s ease, box-shadow 0.25s ease;}
#bo_list .bl_list .bll_item:hover {background-color:var(--lightgray);}
#bo_list .bl_list .bll_item.on {background:var(--lightgray);}
#bo_list .bl_list .bll_chk {position:absolute; top:50%; right:0; margin-top:-15px; z-index:10;}
#bo_list .bl_list .bll_chk input[type="checkbox"] {display:block !important; width:30px !important; height:30px !important; cursor:pointer !important; accent-color:var(--blue) !important;}
#bo_list .bl_list .bll_item > a {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding-right:140px; text-align:left; line-height:40px;}
#bo_list .bl_list .bll_item > a:hover {color:var(--blue); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:2px;}
#bo_list .bl_list .bll_item > a > span {display:inline-block; vertical-align:0; float:none !important; width:auto; line-height:40px;}
#bo_list .bl_list .bll_item > a:hover > span {color:var(--blue); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:2px;}
#bo_list .bl_list .bll_item > span {display:inline-block; vertical-align:middle; position:absolute; right:30px; top:50%; margin-top:-15px;}
#bo_list .bl_list .bll_category {display:inline-block; vertical-align:middle; position:absolute; left:30px; top:50%; margin-top:-15px;}
#bo_list .bl_list .bll_category + a {padding-left:200px;}

#bo_list .bl_success {border-top:var(--lightgray) solid 1px;}
#bo_list .bl_success .bls_item {padding:40px 0 ; border-bottom:var(--lightgray) solid 1px;}
#bo_list .bl_success .bls_title {width:100%; display:flex; justify-content:space-between; align-items:center; background:none; border:none; padding:0 20px 0 30px; cursor:pointer; text-align:left; transition:all 0.2s ease;}
#bo_list .bl_success .bls_item .bls_title strong {transition:0.3s;}
#bo_list .bl_success .bls_item.active .bls_title strong {font-weight:900 !important; color:var(--blue);}
#bo_list .bl_success .bls_icon {font-size:24px; color:var(--blue);}
#bo_list .bl_success .bls_content {margin-top:40px; margin-bottom:-40px; padding:30px; background-color:var(--lightgray);}
#bo_list .bl_success .bls_wrap {display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}
#bo_list .bl_success .bls_card_item {position:relative;}
#bo_list .bl_success .bls_card_item .item_chk {position:absolute; top:20px; right:25px; z-index:10;}
#bo_list .bl_success .bls_card_item .item_chk input[type="checkbox"] {display:block !important; width:30px !important; height:30px !important; cursor:pointer !important; accent-color:var(--blue) !important;}
#bo_list .bl_success .bls_card {display:flex; box-sizing:border-box; overflow:hidden; border-radius:28px; background-color:var(--white); box-shadow:0 40px 120px rgba(25, 27, 31, 0.12);}
#bo_list .bl_success .bls_pic {position:relative; width:200px; min-height:300px; height:100%; aspect-ratio:2/3; background-color:var(--lightgray);}
#bo_list .bl_success .bls_pic:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(25, 27, 31, 0.04); pointer-events:none; cursor:not-allowed; user-select:none;}
#bo_list .bl_success .bls_pic a {display:block; width:100%; height:100%;}
#bo_list .bl_success .bls_pic_item {width:100%; height:100%; background-size:cover; background-position:center top;}
#bo_list .bl_success .bls_info {flex:1; display:flex; flex-direction:column; min-width:0; padding:20px 25px;}
#bo_list .bl_success .bls_info .blsi_header {display:flex; align-items:baseline; gap:8px; margin-bottom:10px; padding-bottom:10px; border-bottom:var(--lightgray) solid 1px;}
#bo_list .bl_success .bls_info .blsi_detail {list-style:none; margin:5px 0 0; padding:0; display:flex; flex-direction:column; gap:15px;}
#bo_list .bl_success .bls_info .blsi_detail li {display:flex; position:relative; align-items:flex-start; padding-left:60px;}
#bo_list .bl_success .bls_info .blsi_detail li > span {position:absolute; left:0; top:0; padding-left:20px; width:max-content;}
#bo_list .bl_success .bls_info .blsi_detail li > span:before {content:""; position:absolute;  left:0; top:50%; width:16px; height:16px; margin-top:-8px; background-image:url("../img/contents/successstories_hallofsuccess_icon.svg"); background-repeat:no-repeat; background-position:0 0;}
#bo_list .bl_success .bls_info .blsi_detail li.origin > span:before {background-position:left center;}
#bo_list .bl_success .bls_info .blsi_detail li.period > span:before {background-position:center;}
#bo_list .bl_success .bls_info .blsi_detail li.achieve > span:before {background-position:right center;}
#bo_list .bl_success .tags_wrap {display:flex; flex-wrap:wrap; gap:5px;}
#bo_list .bl_success .tag_box {display:inline-block; float:none; width:auto; padding:0 4px; background-color:var(--lightgray); border:1px solid var(--gray); border-radius:4px; color:var(--black); font-size:14px; font-weight:400; line-height:20px;}
#bo_list .bl_success .empty_cat_message {grid-column:1 / -1; text-align:center; padding:30px 0; color:var(--deepgray); font-size:14px;}

#bo_list .bl_card {display:grid; grid-template-columns:repeat(3, 1fr); gap:40px;}
#bo_list .bl_card_item {display:flex; flex-direction:column; position:relative; overflow:hidden; border-radius:28px; background-color:var(--white); box-shadow:0 40px 120px rgba(25, 27, 31, 0.12); transition:transform 0.25s ease, box-shadow 0.25s ease;}
#bo_list .bl_card_item:hover {box-shadow:0 40px 120px rgba(25, 27, 31, 0.3);}
#bo_list .bl_card_item.on {border:var(--blue) solid 2px;}
#bo_list .bl_card_chk {position:absolute; top:40px; right:40px; z-index:10;}
#bo_list .bl_card_chk input[type="checkbox"] {display:block !important; width:30px !important; height:30px !important; cursor:pointer !important; accent-color:var(--blue) !important;}
#bo_list .bl_card .blc_wrap {display:flex; flex-direction:column; height:100%; padding:40px; text-decoration:none; min-height:350px; text-align:left;}
#bo_list .bl_card .blc_wrap {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#bo_list .bl_card .blc_wrap > a {display:-webkit-box !important; -webkit-box-orient:vertical !important; width:100%; height:160px; max-height:none; line-clamp:4 !important; -webkit-line-clamp:4 !important; overflow:hidden; text-overflow:ellipsis; word-break:keep-all !important; overflow-wrap:break-word !important;}
#bo_list .bl_card .blc_wrap > a:hover {color:var(--blue); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:2px;}
#bo_list .bl_card .blc_wrap > span {display:inline-block; vertical-align:middle; margin-top:40px;}
#bo_list .bl_card .blc_category {display:inline-block; vertical-align:middle; float:left; width:fit-content; margin-bottom:20px; padding:0 15px; border-radius:15px; background-color:var(--blue); line-height:30px;}
#bo_list .bl_empty {grid-column:1 / -1; text-align:center; padding:80px 0; color:var(--deepgray); font-size:14px;}

#bo_list .bl_blog {display:grid; grid-template-columns:repeat(1, 1fr); gap:40px;}
#bo_list .bl_blog_item {display:flex; flex-direction:column; position:relative; overflow:hidden;}
#bo_list .bl_blog_item.on .blb_txt > a {color:var(--blue) !important; text-decoration:underline dotted; text-underline-offset:3px; text-decoration-thickness:1px;}
#bo_list .bl_blog_item:before {content:""; display:inline-block; vertical-align:middle; width:100%; height:1px; margin-bottom:40px; background-color:var(--lightgray);}
#bo_list .bl_blog_item:first-child:before {display:none;}
#bo_list .bl_blog_chk {position:absolute; top:70px; right:0; z-index:10;}
#bo_list .bl_blog_chk input[type="checkbox"] {display:block !important; width:30px !important; height:30px !important; cursor:pointer !important; accent-color:var(--blue) !important;}
#bo_list .bl_blog_item:first-child .bl_blog_chk {top:30px;}
#bo_list .bl_blog .blb_wrap {display:grid; grid-template-columns:repeat(2, 1fr); gap:40px;}
#bo_list .bl_blog .blb_pic {display:flex; flex-direction:column; position:relative;}
#bo_list .bl_blog .blb_pic_item {display:inline-block; width:100%; height:auto; aspect-ratio:3/2; overflow:hidden; border-radius:16px; background-color:var(--lightgray); background-repeat:no-repeat; background-size:cover; background-position:center;}
#bo_list .bl_blog .blb_txt {display:flex; flex-direction:column; position:relative; padding:30px 0 30px 20px;}
#bo_list .bl_blog .blb_txt > a {display:-webkit-box !important; -webkit-box-orient:vertical !important; width:100%; height:80px; max-height:none; line-clamp:2 !important; -webkit-line-clamp:2 !important; overflow:hidden; text-overflow:ellipsis; word-break:keep-all !important; overflow-wrap:break-word !important;}
#bo_list .bl_blog .blb_txt > a:hover {color:var(--blue); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:2px;}
#bo_list .bl_blog .blb_category {display:inline-block; vertical-align:middle; float:left; width:fit-content; margin-bottom:15px; padding:0 15px; border-radius:15px; background-color:var(--blue); line-height:30px;}
#bo_list .bl_blog .blb_info {display:inline-block; vertical-align:middle; width:100%; margin-top:15px; text-align:left;}
#bo_list .bl_blog .blb_info > span:nth-child(1) {display:inline-block; vertical-align:middle; float:left; margin-right:10px; box-sizing:border-box; padding:0 10px; border:var(--gray) solid 1px; border-radius:8px; background-color:var(--lightgray); line-height:28px;}
#bo_list .bl_blog .blb_info > span:nth-child(2) {display:inline-block; vertical-align:middle; float:left; width:calc(100% - 100px); height:30px; line-height:30px; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;}
#bo_list .bl_blog .blb_content {display:-webkit-box !important; -webkit-box-orient:vertical !important; width:100%; height:120px; margin-top:30px; max-height:none; line-clamp:4 !important; -webkit-line-clamp:4 !important; overflow:hidden; text-overflow:ellipsis; word-break:keep-all !important; overflow-wrap:break-word !important;}

#bo_cate {margin:0 0 40px 0 !important;}
#bo_cate h2 {position:absolute; font-size:0; line-height:0; overflow:hidden;}
#bo_cate_ul {display:flex; flex-wrap:wrap; gap:10px; list-style:none; padding:0; margin:0;}
#bo_cate_ul li {display:inline-block; vertical-align:middle; float:left; padding:0 !important;}
#bo_cate_ul li a {display:inline-block; vertical-align:middle; float:left; padding:0 30px; border:none; border-radius:30px; background:var(--lightgray); color:var(--deepgray); font-size:18px; font-weight:700; line-height:50px; text-decoration:none; transition:all 0.2s;}
#bo_cate_ul li a:hover {background:var(--gray); color:var(--black);}
#bo_cate_ul #bo_cate_on {border:none !important; background:var(--blue) !important; box-shadow:none !important; color:var(--white) !important; font-weight:700 !important;}

#bo_btn_top {display:inline-block !important; vertical-align:middle; position:relative; width:100%; margin:0 0 40px 0 !important; padding:0;}
#bo_btn_top .all_chk {display:inline-block; vertical-align:middle; float:left;}
#bo_btn_top .chk_box input[type="checkbox"] + label span {margin:3px 0;}
#bo_btn_top .all_chk b {padding-left:4px;}
#bo_btn_top .ncl_total {display:flex; align-items:center; gap:5px; font-size:16px; color:var(--black); font-weight:600;}
#bo_btn_top .ncl_total strong {color:var(--blue);}
#bo_btn_top .ncl_user_btns {display:flex; align-items:center; gap:10px; list-style:none; margin:0; padding:0; position:relative;}
#bo_btn_top .ncl_user_btns > li {width:auto; margin-left:0;}
#bo_btn_top .ncl_user_btns .btn {width:36px; height:36px; border-radius:50%; border:1px solid var(--gray); background:var(--white); display:flex; align-items:center; justify-content:center; color:var(--deepgray); font-size:14px; cursor:pointer; transition:all 0.2s;}
#bo_btn_top .ncl_user_btns .btn:hover {background:var(--lightgray); color:var(--blue); border-color:var(--midgray);}
#bo_btn_top .ncl_user_btns .more_opt {display:none; position:absolute; right:0; top:44px; background:var(--white); border:1px solid var(--gray); border-radius:8px; box-shadow:0 10px 15px -3px rgba(0,0,0,0.1); z-index:100; min-width:140px; padding:6px 0; list-style:none;}
#bo_btn_top .ncl_user_btns .more_opt li {width:100%;}
#bo_btn_top .ncl_user_btns .more_opt li button {width:100%; text-align:left; padding:8px 16px; background:none; border:none; font-size:13px; color:var(--darkgray); cursor:pointer; display:flex; align-items:center; gap:8px;}
#bo_btn_top .ncl_user_btns .more_opt li button:hover {background:var(--lightgray); color:var(--black);}

/* 페이지네이션 */
#bo_list .bl_paging {display:flex; justify-content:center; margin-top:40px;}
#bo_list .bl_paging .pg_wrap {display:flex; align-items:center;}
#bo_list .bl_paging .pg_page, #bo_list .bl_paging .pg_current {min-width:50px; height:50px; display:inline-flex; float:left; align-items:center; justify-content:center; margin:0 5px; border-radius:4px; font-size:16px; font-weight:900; text-decoration:none; border:1px solid var(--blue); color:var(--blue); background:var(--white);}
#bo_list .bl_paging .pg_page:hover {border-width:2px;}
#bo_list .bl_paging .pg_current {background:var(--blue); border-color:var(--blue); color:var(--white);}
#bo_list .bl_paging .pg_start, #bo_list .bl_paging .pg_prev, #bo_list .bl_paging .pg_next, #bo_list .bl_paging .pg_end {width:50px; height:50px; display:inline-flex; align-items:center; justify-content:center; border-radius:4px; border:1px solid var(--lightgray); color:var(--blue); background:var(--lightgray); text-decoration:none;}
#bo_list .bl_paging .pg_start:before, #bo_list .bl_paging .pg_prev:before, #bo_list .bl_paging .pg_next:before, #bo_list .bl_paging .pg_end:before {content:""; display:inline-block; vertical-align:middle; width:24px; height:24px; background-image:url("../img/paging.svg"); background-repeat:no-repeat; background-position:0 0;}
#bo_list .bl_paging .pg_start:before {background-position:0 0;}
#bo_list .bl_paging .pg_prev:before {background-position:-24px 0;}
#bo_list .bl_paging .pg_next:before {background-position:-48px 0;}
#bo_list .bl_paging .pg_end:before {background-position:-72px 0;}

/* 게시판 상세 */
#bo_v {display:inline-block; vertical-align:middle; position:relative; width:100%; margin-bottom:0 !important; padding:60px; border:var(--gray) solid 1px; border-radius:28px;}
#bo_v header {display:inline-block; vertical-align:middle; position:relative; width:100%; margin-bottom:50px; padding-bottom:50px; border-bottom:var(--gray) solid 1px;}
#bo_v #bo_v_title {display:inline-block; vertical-align:middle; width:100%; box-sizing:border-box; padding-right:200px; text-align:left;}
#bo_v #bo_v_title .bv_category {display:inline-block; vertical-align:middle; float:left; width:fit-content; margin-bottom:20px; padding:0 15px; border-radius:15px; background-color:var(--blue); line-height:30px;}
#bo_v #bo_v_title .bv_title {display:inline-block; vertical-align:middle; float:left; width:100%;}
#bo_v #bo_v_title .bv_title > span {display:inline-block; vertical-align:0; float:none !important; width:auto; color:var(--blue);}
#bo_v #bo_v_info {border:none !important;}
#bo_v #bo_v_info .bv_info {display:inline-block; vertical-align:middle; width:100%; margin-top:30px;}
#bo_v #bo_v_info .bv_info span {display:inline-block; vertical-align:middle;}
#bo_v #bo_v_info .bv_info span:before {content:""; display:inline-block; vertical-align:middle; float:left; width:16px; height:16px; margin:2px 5px 2px 0; background-image:url("../img/board_option.svg"); background-repeat:no-repeat; background-position:left center; background-size:auto 100%;}
#bo_v #bo_v_info .bv_info span.bvi_date {float:left;}
#bo_v #bo_v_info .bv_info span.bvi_date:before {background-position:left center;}
#bo_v #bo_v_info .bv_info span.bvi_hit {float:right;}
#bo_v #bo_v_info .bv_info span.bvi_hit:before {background-position:right center;}
#bo_v #bo_v_top {position:absolute; right:0; top:0;}
#bo_v #bo_v_top .bo_v_com {margin:0 !important;}
#bo_v #bo_v_img {display:inline-block; vertical-align:middle; width:100%; line-height:0; text-align:center;}
#bo_v #bo_v_img img {display:inline-block; vertical-align:middle; max-width:100%; margin-bottom:40px; border-radius:16px;}
#bo_v #bo_v_student {display:inline-block; vertical-align:middle; max-width:100%; margin-top:-20px; margin-bottom:40px;}
#bo_v #bo_v_student .bvs_student {display:inline-block; vertical-align:middle; float:left; margin-right:10px; box-sizing:border-box; padding:0 10px; border:var(--gray) solid 1px; border-radius:8px; background-color:var(--lightgray); line-height:28px;}
#bo_v #bo_v_student .bvs_processing {display:inline-block; vertical-align:middle; float:left; height:30px; line-height:30px;}
#bo_v #bo_v_con {margin:0;}
#bo_v #bo_v_file {margin-top:30px;}
#bo_v #bo_v_file li {display:inline-block; vertical-align:middle; width:100%; margin:10px 0 0; padding:15px 20px; box-sizing:border-box; line-height:30px !important;}
#bo_v #bo_v_file li i {margin:2px 10px 0 0;}
#bo_v #bo_v_file li a,
#bo_v #bo_v_file li span {display:inline-block; vertical-align:middle; line-height:30px !important;}
#bo_v #bo_v_file li span {display:none; float:right;}
script + #bo_list {margin-top:80px;}

/* 게시판 작성 */
#bo_w {display:inline-block; vertical-align:middle; position:relative; width:100%; margin-bottom:0 !important; padding:60px; border:var(--gray) solid 1px; border-radius:28px; font-size:16px !important;}
#bo_w select {height:50px !important; padding:10px !important; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23333333' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
background-repeat:no-repeat; background-position:right 16px center; padding-right:40px !important;}
#bo_w .write_div {text-align:left;}
#bo_w .bo_w_tit input.frm_input,
#bo_w .write_div input.frm_input {height:50px !important; padding:10px !important;}
#bo_w .bo_w_tit #btn_autosave {display:none;}
#bo_w .bo_w_form {display:grid; grid-template-columns:repeat(2, 1fr); gap:30px 40px; margin:0 !important;}
#bo_w .bo_w_form .bwf_wrap {display:flex; flex-direction:column; position:relative; overflow:hidden;}
#bo_w .bo_w_form .bwf_wrap label {padding-bottom:5px;}
#bo_w .bo_w_form #wr_password {margin:0;}
#bo_w .bo_w_write {margin-top:0 !important; text-align:left;}
#bo_w .bo_w_write label {display:inline-block; vertical-align:middle; padding-bottom:5px;}
#bo_w .btn_confirm {display:inline-block; vertical-align:middle; float:right; margin-bottom:0 !important;}
#bo_w .btn_confirm .btn {display:inline-block; vertical-align:middle; position:relative; float:left; width:auto; min-width:140px; height:auto; margin-left:10px; padding:0 30px; border-radius:8px; font-size:20px; font-weight:800; line-height:60px; letter-spacing:-2%;}
#bo_w .btn_confirm .btn.btn_cancel {background-color:var(--gray); color:var(--black);}
#bo_w .btn_confirm .btn.btn_submit {background-color:var(--blue); color:var(--white);}
#bo_w .bwf_agree {text-align:left;}
#bo_w .bwf_agree input[type="checkbox"] {display:block !important; float:left; width:30px !important; height:30px !important; cursor:pointer !important; accent-color:var(--blue) !important;}
#bo_w .bwf_agree label {float:left; margin-left:10px; line-height:30px;}

.lt_wr {width:32%;}
.lt_wr:nth-child(3n+1) {clear:both;}
.latest_wr {margin-bottom:20px;}
.latest_wr:after {display:block; visibility:hidden; clear:both; content:"";}
.latest_top_wr {margin:0 -10px 20px;}
.latest_top_wr:after {display:block; visibility:hidden; clear:both; content:"";}

/* 하단 레이아웃 */
#footer {display:inline-block; vertical-align:middle; position:relative; width:100%; margin-top:min(6.25vw, 120px); padding:min(6.25vw, 120px) 0; text-align:center;}
#footer:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:6.25vw; right:6.25vw; top:0; height:1px; background-color:var(--gray);}
#footer .wrap {margin-top:min(6.25vw, 120px);}
#footer .wrap:first-child {margin-top:0;}
#footer .f_name img {display:inline-block; vertical-align:middle; float:left; width:100%; height:auto;}
#footer .f_info {display:inline-block; vertical-align:middle; float:left; width:100%;}
#footer .f_info > ul,
#footer .f_info > div {display:inline-block; vertical-align:middle; float:left; width:33.333%; text-align:right;}
#footer .f_info > div > ul {display:inline-block; vertical-align:top; width:170px;}
#footer .f_info li {display:inline-block; vertical-align:middle; position:relative; float:left; width:100%; margin-top:10px; font-size:16px; line-height:25px; letter-spacing:-2%; color:var(--black); text-align:left;}
#footer .f_info li:first-child {margin-top:0;}
#footer .f_info strong {display:inline-block; vertical-align:middle; position:absolute; float:left; left:0; top:0; width:120px; font-weight:700;}
#footer .f_info span {display:inline-block; vertical-align:middle; float:left; box-sizing:border-box; width:100%; padding-left:120px; font-weight:300;}
#footer .f_info a:hover {color:var(--blue); text-decoration:underline;}
#footer .f_info li > a {display:inline-block; vertical-align:middle; float:left; font-weight:700;}
#footer .f_copyright {display:inline-block; vertical-align:middle; float:left;}
#footer .f_copyright strong {display:inline-block; vertical-align:middle; float:left; font-size:14px; font-weight:800; line-height:24px; letter-spacing:-2%; color:var(--black);}
#footer .f_more {display:inline-block; vertical-align:middle; float:right; line-height:40px;}
#footer .f_more .fm_staff {display:inline-block; vertical-align:middle; position:relative; margin-right:40px; padding:0 10px; border-radius:12px; background-color:var(--lightgray); font-weight:900; line-height:24px; color:var(--blue);}
#footer .f_more .fm_staff:before {content:""; display:inline-block; vertical-align:middle; float:left; width:16px; height:16px; margin:4px; margin-left:0; background-image:url("../img/icon_staff.svg"); background-repeat:no-repeat; background-position:left center; background-size:auto 100%;}
#footer .f_more .fm_staff:hover {background-color:var(--blue); color:var(--white);}
#footer .f_more .fm_staff:hover:before {background-position:right center;}
#footer .f_more .fm_sns {display:inline-block; vertical-align:middle; float:right;}
#footer .f_more .fm_sns ul {display:inline-block; vertical-align:middle; float:right;}
#footer .f_more .fm_sns li {display:inline-block; vertical-align:middle; float:left; margin-left:10px;}
#footer .f_more .fm_sns li:first-child {margin-left:0;}
#footer .f_more .fm_sns a {display:inline-block; vertical-align:middle; position:relative; float:left; box-sizing:border-box; width:40px; height:40px; border-radius:50%; border:var(--gray) solid 1px; transition:0.2s;}
#footer .f_more .fm_sns a:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:30px; height:30px; margin-top:-15px; margin-left:-15px; background-image:url("../img/icon_sns.svg"); background-repeat:no-repeat; background-size:auto 100%; transition:0.2s;}
#footer .f_more .fm_sns .fs_youtube:before {background-position:0 top;}
#footer .f_more .fm_sns .fs_instargram:before {background-position:-30px top;}
#footer .f_more .fm_sns .fs_facebook:before {background-position:-60px top;}
#footer .f_more .fm_sns .fs_blog:before {background-position:-90px top;}
#footer .f_more .fm_sns a:hover {border-width:3px; border-color:var(--blue);}

#top_btn {display:inline-block; vertical-align:middle; position:fixed; right:1.042vw; bottom:1.042vw; width:4.167vw; height:4.167vw; border:none; border-radius:4px; background:var(--blue); transition:0.2s;}
#top_btn:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:32px; height:32px; margin-top:-16px; margin-left:-16px; background-image:url("../img/icon_arrow_top.svg"); background-repeat:no-repeat; background-position:left center; background-size:auto 100%; transition:0.2s;}
#top_btn:hover {background-color:var(--darkgray); box-shadow:0 10px 20px rgba(32, 67, 143, 0.3);}
#top_btn:hover:before {margin-top:-20px;}







/* 게시물 선택복사 선택이동 */
#copymove {;}
#copymove .win_desc {text-align:center; display:block;}
#copymove .tbl_wrap {margin:20px;}
#copymove .win_btn {padding:0 20px 20px;}
.copymove_current {float:right; background:#ff3061; padding:5px; color:var(--white); border-radius:3px;}
.copymove_currentbg {background:#f4f4f4;}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute; top:0; left:0; font-size:0; line-height:0; overflow:hidden;}
.msg_sound_only, .sound_only {display:inline-block !important; position:absolute; top:0; left:0; width:0; height:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; border:0 !important; overflow:hidden !important;}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
#skip_to_container a:focus, #skip_to_container a:active {width:100%; height:75px; background:#21272e; color:var(--white); font-size:2em; font-weight:bold; text-align:center; text-decoration:none; line-height:3.3em;}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%; height:auto;}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block; position:relative;}
#captcha legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden;}
#captcha #captcha_img {height:40px; border:1px solid #898989; vertical-align:top; padding:0; margin:0;}
#captcha #captcha_mp3 {margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat; text-indent:-999px; border-radius:3px;}
#captcha #captcha_reload {margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat 0 -40px; text-indent:-999px; border-radius:3px;}
#captcha #captcha_key {margin:0 0 0 3px; padding:0 5px; width:90px; height:40px; border:1px solid #ccc; background:var(--white); font-size:1.333em; font-weight:bold; text-align:center; border-radius:3px; vertical-align:top;}
#captcha #captcha_info {display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em;}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block; margin:0 0 5px; width:187px;}
#captcha.m_captcha #captcha_img {width:160px; height:60px; border:1px solid #e9e9e9; margin-bottom:3px; margin-top:5px; display:block;}
#captcha.m_captcha #captcha_reload {position:static; margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat 0 -40px; text-indent:-999px;}
#captcha.m_captcha #captcha_reload span {display:none;}
#captcha.m_captcha #captcha_key {margin:0; padding:0 5px; width:115px; height:29px; border:1px solid #b8c9c2; background:#f7f7f7; font-size:1.333em; font-weight:bold; text-align:center; line-height:29px; margin-left:3px;}
#captcha.m_captcha #captcha_info {display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em;}
#captcha.m_captcha #captcha_mp3 {width:31px; height:31px; background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top; overflow:hidden; cursor:pointer; text-indent:-9999px; border:none;}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px; text-align:right;}
.btn_cke_sc {display:inline-block; padding:0 10px; height:23px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none; line-height:1.9em; vertical-align:middle; cursor:pointer;}
.cke_sc_def {margin:0 0 5px; padding:10px; border:1px solid #ccc; background:#f7f7f7; text-align:center;}
.cke_sc_def dl {margin:0 0 5px; text-align:left; zoom:1;}
.cke_sc_def dl:after {display:block; visibility:hidden; clear:both; content:"";}
.cke_sc_def dt, .cke_sc_def dd {float:left; margin:0; padding:5px 0; border-bottom:1px solid #e9e9e9;}
.cke_sc_def dt {width:20%; font-weight:bold;}
.cke_sc_def dd {width:30%;}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block; list-style-type:disc; margin-top:1em; margin-bottom:1em; margin-left:0; margin-right:0; padding-left:40px;}
#bo_v_con ol {display:block; list-style-type:decimal; margin-top:1em; margin-bottom:1em; margin-left:0; margin-right:0; padding-left:40px;}
#bo_v_con li {display:list-item;}

/* 버튼 */
a.btn,.btn {line-height:35px; height:35px; padding:0 10px; text-align:center; font-weight:bold; border:0; font-size:1.4em; 
-webkit-transition:background-color 0.3s ease-out; 
-moz-transition:background-color 0.3s ease-out; 
-o-transition:background-color 0.3s ease-out; 
transition:background-color 0.3s ease-out;}

a.btn01 {display:inline-block; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none; vertical-align:middle;}
a.btn01:focus, a.btn01:hover {text-decoration:none;}
button.btn01 {display:inline-block; margin:0; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none;}
a.btn02 {display:inline-block; padding:7px; border:1px solid #3b3c3f; background:#4b545e; color:var(--white); text-decoration:none; vertical-align:middle;}
a.btn02:focus, .btn02:hover {text-decoration:none;}
button.btn02 {display:inline-block; margin:0; padding:7px; border:1px solid #3b3c3f; background:#4b545e; color:var(--white); text-decoration:none;}

.btn_confirm {text-align:right;} /* 서식단계 진행 */

.btn_submit {border:0; background:var(--blue); color:var(--white); cursor:pointer; border-radius:3px;}
.btn_submit:hover {background:#2375eb;}
.btn_close {border:1px solid #dcdcdc; cursor:pointer; border-radius:3px; background:var(--white);}
a.btn_close {text-align:center; line-height:50px;}

a.btn_cancel {display:inline-block; background:#969696; color:var(--white); text-decoration:none; vertical-align:middle;}
button.btn_cancel {display:inline-block; background:#969696; color:var(--white); text-decoration:none; vertical-align:middle;}
.btn_cancel:hover {background:#aaa;}
a.btn_frmline, button.btn_frmline {display:inline-block; width:128px; padding:0 5px; height:40px; border:0; background:#434a54; border-radius:3px; color:var(--white); text-decoration:none; vertical-align:top;} /* 우편번호검색버튼 등 */
a.btn_frmline {;}
button.btn_frmline {font-size:1em;}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block; color:#bababa; text-decoration:none; vertical-align:middle; border:0; background:transparent;}
.btn_b01:hover, .btn_b01:hover {color:#000;}
a.btn_b02,.btn_b02 {display:inline-block; background:#253dbe; padding:0 10px; color:var(--white); text-decoration:none; border:0; vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb;}
a.btn_b03, .btn_b03 {display:inline-block; background:var(--white); border:1px solid #b9bdd3; color:#646982; text-decoration:none; vertical-align:middle;}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6;}
a.btn_b04, .btn_b04 {display:inline-block; background:var(--white); border:1px solid #ccc; color:#707070; text-decoration:none; vertical-align:middle;}
a.btn_b04:hover, .btn_b04:hover {color:#333; background:#f9f9f9;}
a.btn_admin,.btn_admin {display:inline-block; color:#d13f4a; text-decoration:none; vertical-align:middle;} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746;}


/* 기본테이블 */
.tbl_wrap table {width:100%; border-collapse:collapse; border-spacing:0 5px; background:var(--white); border-top:1px solid #ececec; border-bottom:1px solid #ececec;} 
.tbl_wrap caption {padding:10px 0; font-weight:bold; text-align:left;}
.tbl_head01 {margin:0 0 10px;}
.tbl_head01 caption {padding:0; font-size:0; line-height:0; overflow:hidden;}
.tbl_head01 thead th {padding:20px 0; font-weight:normal; text-align:center; border-bottom:1px solid #ececec; height:40px;}
.tbl_head01 thead th input {vertical-align:top;} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center;}
.tbl_head01 tbody th {padding:8px 0; border-bottom:1px solid #e8e8e8;}
.tbl_head01 td {color:#666; padding:10px 5px; border-top:1px solid #ecf0f1; border-bottom:1px solid #ecf0f1; line-height:1.4em; height:60px; word-break:break-all;}
.tbl_head01 tbody tr:hover td {background:#fafafa;}
.tbl_head01 a:hover {text-decoration:underline;}

.tbl_head02 {margin:0 0 10px;}
.tbl_head02 caption {padding:0; font-size:0; line-height:0; overflow:hidden;}
.tbl_head02 thead th {padding:5px 0; border-top:1px solid #d1dee2; border-bottom:1px solid #d1dee2; background:#e5ecef; color:#383838; font-size:0.95em; text-align:center; letter-spacing:-0.1em;}
.tbl_head02 thead a {color:#383838;}
.tbl_head02 thead th input {vertical-align:top;} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center;}
.tbl_head02 tbody th {padding:5px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:var(--white);}
.tbl_head02 td {padding:5px 3px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:var(--white); line-height:1.4em; word-break:break-all;}
.tbl_head02 a {;}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px;}
.tbl_frm01 table {width:100%; border-collapse:collapse; border-spacing:0;}
.tbl_frm01 th {width:70px; padding:7px 13px; border:1px solid #e9e9e9; border-left:0; background:#f5f8f9; text-align:left;}
.tbl_frm01 td {padding:7px 10px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:transparent;}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db; background:var(--white); color:#000; vertical-align:middle; border-radius:3px; padding:5px; 
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
;}
.tbl_frm01 textarea {padding:2px 2px 3px;}
.frm_input {height:40px;}

.full_input {width:100%;}
.half_input {width:49.5%;}
.twopart_input {width:385px; margin-right:10px;}
.tbl_frm01 textarea, .write_div textarea {width:100%; height:100px; padding:10px 10px;}
.tbl_frm01 a {text-decoration:none;}
.tbl_frm01 .frm_file {display:block; margin-bottom:5px;}
.tbl_frm01 .frm_info {display:block; padding:0 0 5px; line-height:1.4em;}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec;}
.list_01 li {border-bottom:1px solid #ececec; background:var(--white); padding:10px 15px; list-style:none; position:relative;}
.list_01 li:nth-child(odd) {background:#f6f6f6;}
.list_01 li:after {display:block; visibility:hidden; clear:both; content:"";}
.list_01 li:hover {background:#f9f9f9;}
.list_01 li.empty_li {text-align:center; padding:20px 0; color:#666;}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em;}
.form_01 li {margin-bottom:10px;}
.form_01 ul:after,
.form_01 li:after {display:block; visibility:hidden; clear:both; content:"";}
.form_01 .left_input {float:left;}
.form_01 .margin_input {margin-right:1%;}
.form_01 textarea {height:100px; width:100%;}
.form_01 .frm_label {display:inline-block; width:130px;}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important; text-align:center;}
.empty_list {padding:20px 0 !important; color:#666; text-align:center;}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important; background-repeat:no-repeat !important; background-position:right top !important;}

/* 테이블 항목별 정의 */
.td_board {width:80px; text-align:center;}
.td_category {width:80px; text-align:center;}
.td_chk {width:30px; text-align:center;}
.td_date {width:60px; text-align:center;}
.td_datetime {width:110px; text-align:center;}
.td_group {width:80px; text-align:center;}
.td_mb_id {width:100px; text-align:center;}
.td_mng {width:80px; text-align:center;}
.td_name {width:100px; text-align:left;}
.td_nick {width:100px; text-align:center;}
.td_num {width:50px; text-align:center;}
.td_numbig {width:80px; text-align:center;}
.td_stat {width:60px; text-align:center;}

.txt_active {color:#5d910b;}
.txt_done {color:#e8180c;}
.txt_expired {color:#ccc;}
.txt_rdy {color:#8abc2a;}

/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px;}
.new_win #win_title {font-size:1.3em; height:50px; line-height:30px; padding:10px 20px; background:var(--white); color:#000; -webkit-box-shadow:0 1px 10px rgba(0,0,0,.1); 
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1); 
box-shadow:0 1px 10px rgba(0,0,0,.1);}
.new_win #win_title .sv {font-size:0.75em; line-height:1.2em;}
.new_win .win_ul {margin-bottom:15px; padding:0 20px;}
.new_win .win_ul:after {display:block; visibility:hidden; clear:both; content:"";}
.new_win .win_ul li {float:left; background:var(--white); text-align:center; padding:0 10px; border:1px solid #d6e9ff; border-radius:30px; margin-left:5px;}
.new_win .win_ul li:first-child {margin-left:0;}
.new_win .win_ul li a {display:block; padding:8px 0; color:#6794d3;}
.new_win .win_ul .selected {background:var(--blue); border-color:var(--blue); position:relative; z-index:5;}
.new_win .win_ul .selected a {color:var(--white); font-weight:bold;}
.new_win .win_desc {position:relative; margin:10px; border-radius:5px; font-size:1em; background:#f2838f; color:var(--white); line-height:50px; text-align:left; padding:0 20px;}
.new_win .win_desc i {font-size:1.2em; vertical-align:baseline;}
.new_win .win_desc:after {content:""; position:absolute; left:0; top:0; width:4px; height:50px; background:#da4453; border-radius:3px 0 0 3px;}
.new_win .frm_info {font-size:0.92em; color:#919191;}
.new_win .win_total {float:right; display:inline-block; line-height:30px; font-weight:normal; font-size:0.75em; color:var(--blue); background:#f6f6f6; padding:0 10px; border-radius:5px;}
.new_win .new_win_con {margin:20px 0; padding:20px;}
.new_win .new_win_con:after {display:block; visibility:hidden; clear:both; content:"";}
.new_win .new_win_con2 {margin:20px 0;}
.new_win .btn_confirm:after {display:block; visibility:hidden; clear:both; content:"";}
.new_win .win_btn {text-align:center;}
.new_win .cert_btn {margin-bottom:30px; text-align:center;}
.new_win .btn_close {padding:0 20px; height:45px; overflow:hidden; cursor:pointer;}
.new_win .btn_submit {padding:0 20px; height:45px; font-weight:bold; font-size:1.083em;}

/* 검색결과 색상 */
.sch_word {color:var(--white); background:#ff005a; padding:2px 5px 3px; line-height:18px; margin:0 2px;}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto; width:500px;}
#validation_check h1 {margin-bottom:20px; font-size:1.3em;}
#validation_check p {margin-bottom:20px; padding:30px 20px; border:1px solid #e9e9e9; background:var(--white);}

/* 사이드뷰 */
.sv_wrap {position:relative; font-weight:normal;}
.sv_wrap .sv {z-index:1000; display:none; margin:5px 0 0; font-size:0.92em; background:#333; 
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); 
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); 
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before {content:""; position:absolute; top:-6px; left:15px; width:0; height:0; border-style:solid; border-width:0 6px 6px 6px; border-color:transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block; margin:0; padding:0 10px; line-height:30px; width:100px; font-weight:normal; color:#bbb;}
.sv_wrap .sv a:hover {background:#000; color:var(--white);}
.sv_member {color:#333;}
.sv_on {display:block !important; position:absolute; top:23px; left:0px; width:auto; height:auto;}
.sv_nojs .sv {display:block;}

/* 페이징 */
.pg_wrap {clear:both; float:left; display:inline-block;}
.pg_wrap:after {display:block; visibility:hidden; clear:both; content:"";} 
.pg {text-align:center;}
.pg_page, .pg_current {display:inline-block; vertical-align:middle; background:#eee; border:1px solid #eee;}
.pg a:focus, .pg a:hover {text-decoration:none;}
.pg_page {color:#959595; font-size:1.083em; height:30px; line-height:28px; padding:0 5px; min-width:30px; text-decoration:none; border-radius:3px;}
.pg_page:hover {background-color:#fafafa;}
.pg_start {text-indent:-999px; overflow:hidden; background:url('../img/btn_first.gif') no-repeat 50% 50% #eee; padding:0; border:1px solid #eee;}
.pg_prev {text-indent:-999px; overflow:hidden; background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee; padding:0; border:1px solid #eee;}
.pg_end {text-indent:-999px; overflow:hidden; background:url('../img/btn_end.gif') no-repeat 50% 50% #eee; padding:0; border:1px solid #eee;}
.pg_next {text-indent:-999px; overflow:hidden; background:url('../img/btn_next.gif') no-repeat 50% 50% #eee; padding:0; border:1px solid #eee;}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa;}

.pg_current {display:inline-block; background:var(--blue); border:1px solid var(--blue); color:var(--white); font-weight:bold; height:30px; line-height:30px; padding:0 10px; min-width:30px; border-radius:3px;}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box; 
-moz-box-sizing:content-box; 
box-sizing:content-box; 
;}





@media all and (max-width:1770px) {
/* 공통 스타일 */
.text {font-size:19px; line-height:34px;}
.text.xxl {font-size:43px; line-height:58px;}
.text.xl {font-size:28px; line-height:38px;}
.text.l {font-size:24px; line-height:39px;}

/* 메인메뉴 */
#gnb .gnb_1dli {margin-left:60px;}

#contents #CAL_Institute > div > .cp_division {gap:30px;}
#contents #CAL_Institute > div > .cp_division li:nth-child(1) {flex:0 0 calc((100% - 30px) * 2 / 3);}
#contents #CAL_Institute > div > .cp_division li:nth-child(2) {flex:0 0 calc((100% - 30px) * 1 / 3);}
#contents #CAL_Institute .cp_division > li > div.p30 {padding:25px;}
#contents #CAL_Institute .cp_division .cp_division {gap:20px; height:calc(100% - 60px); margin-top:20px;}
#contents #CAL_Institute .cp_division .cp_division .cpd_icon {height:auto; min-height:80px; padding:10px 60px 10px 15px; line-height:80px;}
#contents #CAL_Institute .cp_division .cp_division .cpd_icon strong.text {line-height:30px;}
#contents #CAL_Institute .cp_division .cp_division .cpd_icon img {right:5px; width:50px; height:50px; margin-top:-25px;}

/* 하단 레이아웃 */
#footer .f_info li {font-size:14px; line-height:24px;}
#footer .f_info strong {width:90px;}
#footer .f_info span {padding-left:90px;}
}





@media all and (max-width:1440px) {
/* 공통 스타일 */
.text {font-size:18px; line-height:33px;}
.text.xxl {font-size:42px; line-height:57px;}
.text.xl {font-size:26px; line-height:36px;}
.text.l {font-size:22px; line-height:36px;}
.text.s {font-size:17px; line-height:30px;}
.text.xs {font-size:15px; line-height:24px;}
.text.xxs {font-size:13px; line-height:20px;}
.text.blue.bg, .text .blue.bg {padding:0 8px;}
.text.skyblue.bg, .text .skyblue.bg {padding:0 8px;}
.text.yellow.bg, .text .yellow.bg {padding:0 8px; }
.text.gold.bg, .text .gold.bg {padding:0 8px;;}
.text.black.bg, .text .black.bg {padding:0 8px;}
.text.darkgray.bg, .text .darkgray.bg {padding:0 8px;}
.text.deepgray.bg, .text .deepgray.bg {padding:0 8px;}
.text.midgray.bg, .text .midgray.bg {padding:0 8px;}
.text.gray.bg, .text .gray.bg {padding:0 8px;}
.text.lightgray.bg, .text .lightgray.bg {padding:0 8px;}
.text.white.bg, .text .white.bg {padding:0 8px;}

/* 상단 레이아웃 */
#header {height:100px;}
#header .wrap {margin:30px auto;}
#header .h_logo {width:164px; height:36px; margin-top:-18px;}

/* 메인메뉴 */
#gnb .gnb_1dli {margin-left:40px;}
.gnb_1da {font-size:18px; line-height:40px;} /* */

#gnb .gnb_menu_btn {width:40px; height:40px; margin-top:-20px;}
#gnb_all .gnb_al_ul {display:grid; grid-auto-flow:column; grid-auto-columns:1fr; gap:0; width:100%; margin-top:6.25vw;}
#gnb_all .gnb_al_li .gnb_al_a {font-size:26px; line-height:30px;}
#gnb_all .gnb_al_li li a {font-size:18px; line-height:30px;}

/* 중간 레이아웃 */
#contents {padding-top:120px;}

#contents .c_main .cm_hero {grid-template-columns:repeat(2, 1fr); gap:40px; margin-top:60px;}
#contents .c_main .cm_hero .cmh_banner {border-radius:28px; padding:50px; min-height:760px;}
#contents .c_main .cm_hero .cmh_banner strong.text.xl {margin-bottom:20px;}
#contents .c_main .cm_hero .cmh_banner h3.xxl {font-size:40px; line-height:55px;}
#contents .c_main .cm_hero .cmh_card {grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(2, 1fr); gap:40px;}
#contents .c_main .cm_hero .cmh_card .cmhc_item {border-radius:28px; padding:40px;}
#contents .c_main .cm_hero .cmh_card .cmhc_item > strong {margin-bottom:20px;}
#contents .c_main .cm_hero .cmh_card .cmhc_btn {min-width:60px; min-height:60px; font-size:20px; line-height:56px;}
#contents .c_main .cm_hero .cmh_card .cmhc_btn i {width:24px; height:24px;}
#contents .c_main .cm_hero .cmh_card .cmhc_item.about .cmhc_btn {padding:0 30px;}
#contents .c_main .cm_wrap {padding:120px 0;}
#contents .c_main .cm_head {margin-bottom:60px;}
#contents .c_main .cm_navi button,
#contents .c_main .cm_navi a {width:60px; height:60px; margin-left:10px; line-height:60px;}
#contents .c_main .cm_wrap.success .cp_latest {width:calc(100% + 238px); margin-top:-60px; margin-left:-119px;}
#contents .c_main .cm_wrap.success .cp_latest .cpl_wrap {min-height:300px; padding:30px;}
#contents .c_main .cm_wrap.success .cp_latest .cpl_title img {width:80px;}
#contents .c_main .cm_wrap.success .cp_latest .cpl_title .cplt_txt {margin-top:20px;}
#contents .c_main .cm_wrap.success .cp_latest .cpl_title .cplt_txt p {margin-top:20px;}
#contents .c_main .cm_wrap.banner {padding:70px 80px; border-radius:28px;}
#contents .c_main .cm_wrap.banner h3 {margin-bottom:40px;}
#contents .c_main .cm_wrap.banner p + p {margin-top:20px;}
#contents .c_main .cm_wrap.banner a {right:80px; height:80px; margin-top:-40px; padding:0 30px; padding-right:70px; font-size:30px; line-height:80px;}
#contents .c_main .cm_wrap.banner a:before {right:30px; width:24px; height:24px; margin-top:-12px;}
#contents .c_main .cm_wrap.stories .cm_grid {grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:40px;}
#contents .c_main .cm_wrap.stories .cm_grid .cp_latest .cpl_blog .cpl_wrap {gap:10px;}
#contents .c_main .cm_wrap.stories .cm_grid .cp_latest .cpl_blog .cpl_subject {-webkit-line-clamp:3 !important; max-height:120px !important;}
#contents .c_main .cm_wrap.admissions .cp_latest {grid-template-columns:repeat(3, 1fr); width:calc(100% + 40px); margin-left:-20px;}
#contents .c_main .cm_wrap.admissions .cp_latest .cpl_wrap > a {height:80px; line-clamp:2 !important; -webkit-line-clamp:2 !important;}
#contents .c_main .cm_wrap.admissions .cp_latest .cpl_wrap > span {margin-top:40px;}
#contents .c_main .cm_news .cmn_li {padding:30px; gap:20px;}
#contents .c_main .cm_news .cmn_cate {flex:0 0 160px;}
#contents .c_main .cm_news .cmn_subject {gap:8px;}
#contents .c_main .cm_news .cmn_date {flex:0 0 110px;}
#contents .c_main .cm_news .cmn_empty {padding:50px 0;}

#contents .c_head {height:260px; line-height:260px;}
#contents .c_head .ch_title {font-size:90px; line-height:100px;}
#contents .c_head .ch_breadcrumb {height:50px; margin-top:-25px;}
#contents .c_head .ch_breadcrumb li {margin-left:50px; font-size:16px; line-height:50px;}
#contents .c_head .ch_breadcrumb li:before {left:-50px; width:50px; height:50px;}
#contents .c_head .ch_breadcrumb .home {margin-right:-12px;}
#contents .c_head .ch_breadcrumb .home a {width:50px; height:50px;}

#contents .c_navi {top:180px; width:25%; padding:60px; border-radius:28px;}
#contents .c_navi li {padding:15px 20px;}
#contents .c_navi li a {font-size:20px; line-height:30px; }
#contents .c_navi li.on a:before {left:-20px;}
#contents .c_page {width:75%; padding-right:80px;}
#contents .c_page .ctt_admin {right:80px;}

#contents .c_page .cp_section {padding:60px 0 100px;}
#contents .c_page .cp_section:before {bottom:20px;}
#contents .c_page .cp_section:first-child {margin-top:-60px;} 
#contents .c_page .cp_section > div {margin-top:60px;}
#contents .c_page .cp_section p + p {margin-top:20px;}
#contents .c_page .cp_anchor {margin-bottom:60px;}
#contents .c_page .cp_anchor i {width:30px; height:30px; margin-right:10px; font-size:14px; line-height:30px;}
#contents .c_page .cp_anchor strong {font-size:20px; line-height:30px;}
#contents .c_page .cp_division {gap:40px;}
#contents .c_page .cp_division .cpd_icon {width:180px; height:180px; line-height:180px; box-shadow:0 40px 120px rgba(25, 27, 31, 0.12);}
#contents .c_page .cp_division .cpd_pic {width:140px; height:140px;}
#contents .c_page .cp_division .cpd_txt {margin-top:25px;}
#contents .c_page .cp_division .cpd_txt p + p {margin-top:25px;}
#contents .c_page .cp_banner {padding:70px 80px; border-radius:28px;}
#contents .c_page .cp_navi {padding-right:220px;}
#contents .c_page .cp_navi + div {margin-top:20px;}
#contents .c_page .cp_navi .cpn_btn button,
#contents .c_page .cp_navi .cpn_btn a {width:60px; height:60px; margin-left:10px; line-height:60px;}
#contents .cp_latest {width:calc(100% + 240px); margin-left:-120px; margin-bottom:-120px; padding:60px 100px 120px;}
#contents .cp_latest .cpl_wrap {margin:0 20px; padding:40px; border-radius:28px; box-shadow:0 40px 120px rgba(25, 27, 31, 0.12);}
#contents .cp_latest .cpl_wrap:hover {box-shadow:0 40px 120px rgba(25, 27, 31, 0.3);}
#contents .cp_latest .cpl_title .cpl_wrap {padding:30px; box-shadow:0 40px 120px rgba(32, 67, 143, 0.4);}
#contents .cp_latest .cpl_title img {width:140px;}
#contents .cp_latest .cpl_title .cplt_txt {margin-top:60px;}
#contents .cp_latest .cpl_title .cplt_txt .bg {padding:0 8px; font-size:20px; line-height:30px;}
#contents .cp_latest .cpl_title .cplt_txt p {margin-top:30px;}
#contents .cp_latest .cpl_category {margin-bottom:20px; padding:0 15px; line-height:30px;}
#contents .cp_latest .cpl_wrap > a {height:160px; line-clamp:4 !important; -webkit-line-clamp:4 !important;}
#contents .cp_latest .cpl_wrap > a:hover {text-underline-offset:3px; text-decoration-thickness:2px;}
#contents .cp_latest .cpl_wrap > span {margin-top:40px;}
#contents .cp_latest .cpl_pic {width:140px; height:140px;}
#contents .cp_latest .cpl_info,
#contents .cp_latest .cpl_achievement {margin-top:15px;}

#contents .cp_latest .cpl_blog .cpl_wrap {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:40px;}
#contents .cp_latest .cpl_blog .cpl_pic {border-radius:16px !important;}
#contents .cp_latest .cpl_blog .cpl_info {padding:30px 0 30px 20px;}
#contents .cp_latest .cpl_blog .cpl_category {margin-bottom:15px;}
#contents .cp_latest .cpl_blog .cpl_subject {-webkit-line-clamp:2 !important;  max-height:80px !important;}
#contents .cp_latest .cpl_blog .cpl_pic {width:140px; height:140px;}
#contents .cp_latest .cpl_blog .cpl_student {margin-top:15px;}
#contents .cp_latest .cpl_blog .cpl_student > span:nth-child(1) {margin-right:10px; padding:0 10px; border-radius:8px; line-height:28px;}
#contents .cp_latest .cpl_blog .cpl_student > span:nth-child(2) {width:calc(100% - 100px) !important; height:30px; line-height:30px;}
#contents .cp_latest .cpl_blog .cpl_content {height:120px; margin-top:30px; line-clamp:4 !important; -webkit-line-clamp:4 !important;}

#contents .cp_latest.owl-carousel .owl-stage-outer {padding:70px 0 90px !important; margin:-70px 0 -90px !important;}
#contents .cp_latest.owl-carousel .owl-dots {margin-top:40px;}

#contents #Our_History .history_pin_stage {top:180px;}
#contents #Our_History .history_viewport {padding-top:60px;}
#contents #Our_History .history_track > li {flex:0 0 300px !important; width:300px !important;}
#contents #Our_History .history_track > li .cpd_wrap {padding-top:35px;}
#contents #Our_History .history_track > li .cpd_wrap:before {top:6px; height:4px;}
#contents #Our_History .history_track > li .cpd_wrap:after {width:16px; height:16px; border:4px solid var(--blue); z-index:2;}
#contents #Our_History .history_track .cpd_txt strong {margin-bottom:20px;}
#contents #Our_History .history_track .cpd_txt p + p {margin-top:10px;}
#contents #Our_History .history_track .cpd_txt p {line-height:25px;}
#contents #Our_Team .cp_division {grid-template-columns:repeat(4, 1fr); margin-top:30px;}
#contents #Our_Team .cp_division .cpd_txt {margin-top:20px;}
#contents #Our_Team .cp_division .cpd_txt p {margin-top:5px;}

#contents #CAL_Prep .cp_division .cpd_icon {width:240px; height:240px; line-height:240px;}
#contents #CAL_Prep .cp_division .cpd_txt {margin-top:40px;}

#contents #CAL_Institute > div > .cp_division {gap:30px;}
#contents #CAL_Institute > div > .cp_division li:nth-child(1) {flex:0 0 calc((100% - 30px) * 2 / 3);}
#contents #CAL_Institute > div > .cp_division li:nth-child(2) {flex:0 0 calc((100% - 30px) * 1 / 3);}
#contents #CAL_Institute .cp_division > li > div.p30 {padding:25px;}
#contents #CAL_Institute .cp_division .cp_division {gap:20px; height:calc(100% - 60px); margin-top:20px;}
#contents #CAL_Institute .cp_division .cp_division .cpd_icon {height:auto; min-height:80px; padding:10px 60px 10px 15px; line-height:80px;}
#contents #CAL_Institute .cp_division .cp_division .cpd_icon strong.text {line-height:30px;}
#contents #CAL_Institute .cp_division .cp_division .cpd_icon img {right:5px; width:50px; height:50px; margin-top:-25px;}
#contents #CAL_Institute .cp_division li:nth-child(1) .cp_division:before {width:60px; height:60px; margin-top:-30px; margin-left:-30px;}
#contents #CAL_Institute .cp_division .cpd_txt {margin-top:10px;}
#contents #CAL_Institute .cp_division .cpd_txt p + p {margin-top:20px;}
#contents #Consulting_Services .box {min-height:220px;}
#contents #Consulting_Services .cp_division {grid-template-columns:repeat(2, 1fr);}

#contents #Hall_of_Success .cp_latest .cpl_wrap {min-height:410px; padding:30px;}
#contents #What_Matters .cp_division {grid-template-columns:repeat(2, 1fr);}
#contents #What_Matters .cp_division .cpd_icon {width:120px; height:120px; line-height:120px;}
#contents #Every_Student_is_Differnt .cp_banner h3 {margin-bottom:40px;}

#contents .c_banner {height:400px; margin-top:120px; border-radius:28px;}
#contents .c_banner .cb_txt {left:80px; top:80px;}
#contents .c_banner .cb_txt h3 {font-size:20px; line-height:30px;}
#contents .c_banner .cb_txt p {margin-top:20px; font-size:35px; line-height:45px;}
#contents .c_banner a {right:80px; top:50%; width:420px; height:80px; margin-top:-40px; padding:0 30px; font-size:30px; line-height:80px;}
#contents .c_banner a:before {right:30px; width:24px; height:24px; margin-top:-12px;}

/* 하단 레이아웃 */
#footer {margin-top:min(6.25vw, 120px); padding:min(6.25vw, 120px) 0;}
#footer .wrap {margin-top:min(6.25vw, 120px);}
#footer .f_info > ul,
#footer .f_info > div {width:33.333%;}
#footer .f_info > div > ul {width:170px;}
#footer .f_info li {margin-top:10px; font-size:14px; line-height:24px;}
#footer .f_info strong {width:90px;}
#footer .f_info span {padding-left:90px;}

#footer .f_copyright strong {font-size:14px; line-height:24px;}
#footer .f_more {line-height:40px;}
#footer .f_more .fm_staff {margin-right:40px;}

#top_btn {right:1.042vw; bottom:1.042vw; width:4.167vw; height:4.167vw;}
#top_btn:before {width:32px; height:32px; margin-top:-16px; margin-left:-16px;}
#top_btn:hover:before {margin-top:-20px;}
}
}





@media all and (max-width:1280px) {
/* 공통 스타일 */
.text {font-size:18px; line-height:33px;}
.text span {display:inline-block; vertical-align:middle; float:left; width:100%;}
.text.xxl {font-size:42px; line-height:57px;}
.text.xl {font-size:26px; line-height:36px;}
.text.l {font-size:22px; line-height:36px;}
.text.s {font-size:17px; line-height:30px;}
.text.xs {font-size:15px; line-height:24px;}
.text.xxs {font-size:13px; line-height:20px;}
.text.blue.bg, .text .blue.bg {padding:0 8px; border-radius:8px;}
.text.skyblue.bg, .text .skyblue.bg {padding:0 8px; border-radius:8px;}
.text.yellow.bg, .text .yellow.bg {padding:0 8px; border-radius:8px; }
.text.gold.bg, .text .gold.bg {padding:0 8px; border-radius:8px;;}
.text.black.bg, .text .black.bg {padding:0 8px; border-radius:8px;}
.text.darkgray.bg, .text .darkgray.bg {padding:0 8px; border-radius:8px;}
.text.deepgray.bg, .text .deepgray.bg {padding:0 8px; border-radius:8px;}
.text.midgray.bg, .text .midgray.bg {padding:0 8px; border-radius:8px;}
.text.gray.bg, .text .gray.bg {padding:0 8px; border-radius:8px;}
.text.lightgray.bg, .text .lightgray.bg {padding:0 8px; border-radius:8px;}
.text.white.bg, .text .white.bg {padding:0 8px; border-radius:8px;}

.pic.radius {border-radius:28px;}

.box {border-radius:28px; box-shadow:0 40px 120px rgba(25, 27, 31, 0.12);}
.inbox {border-radius:16px;}

/* 상단 레이아웃 */
#header {height:100px;}
#header .wrap {margin:30px auto;}
#header .h_logo {width:164px; height:36px; margin-top:-18px;}

/* 메인메뉴 */
#gnb .gnb_1dli {margin-left:40px;}
.gnb_1da {font-size:18px; line-height:40px;}
.gnb_2dul {top:40px; left:-20px;}
.gnb_2dul .gnb_2dul_box {width:220px; padding:20px 20px; border-radius:28px; box-shadow:0 40px 120px rgba(25, 27, 31, 0.12);}
.gnb_2da {padding:10px; border-radius:8px; font-size:16px; line-height:20px;}

#gnb .gnb_menu_btn {width:40px; height:40px; margin-top:-20px;}
#gnb_all .gnb_al_ul {display:grid; grid-auto-flow:column; grid-auto-columns:1fr; gap:0; width:100%; margin-top:6.25vw;}
#gnb_all .gnb_al_li .gnb_al_a {font-size:26px; line-height:30px;}
#gnb_all .gnb_al_li li a {font-size:18px; line-height:30px;}

/* 중간 레이아웃 */
#contents {padding-top:120px;}

#contents .c_main .cm_hero {grid-template-columns:repeat(2, 1fr); gap:40px; margin-top:60px;}
#contents .c_main .cm_hero .cmh_banner {border-radius:28px; padding:50px; min-height:760px;}
#contents .c_main .cm_hero .cmh_banner strong.text.xl {margin-bottom:20px;}
#contents .c_main .cm_hero .cmh_banner h3.xxl {font-size:40px; line-height:55px;}
#contents .c_main .cm_hero .cmh_card {grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(2, 1fr); gap:40px;}
#contents .c_main .cm_hero .cmh_card .cmhc_item {border-radius:28px; padding:40px;}
#contents .c_main .cm_hero .cmh_card .cmhc_item > strong {margin-bottom:20px;}
#contents .c_main .cm_hero .cmh_card .cmhc_btn {min-width:60px; min-height:60px; font-size:20px; line-height:56px;}
#contents .c_main .cm_hero .cmh_card .cmhc_btn i {width:24px; height:24px;}
#contents .c_main .cm_hero .cmh_card .cmhc_item.about .cmhc_btn {padding:0 30px;}
#contents .c_main .cm_wrap {padding:120px 0;}
#contents .c_main .cm_head {margin-bottom:60px;}
#contents .c_main .cm_navi button,
#contents .c_main .cm_navi a {width:60px; height:60px; margin-left:10px; line-height:60px;}
#contents .c_main .cm_wrap.success .cp_latest {width:calc(100% + 238px); margin-top:-60px; margin-left:-119px;}
#contents .c_main .cm_wrap.success .cp_latest .cpl_wrap {min-height:300px; padding:30px;}
#contents .c_main .cm_wrap.success .cp_latest .cpl_title img {width:80px;}
#contents .c_main .cm_wrap.success .cp_latest .cpl_title .cplt_txt {margin-top:20px;}
#contents .c_main .cm_wrap.success .cp_latest .cpl_title .cplt_txt p {margin-top:20px;}
#contents .c_main .cm_wrap.banner {padding:70px 80px; border-radius:28px;}
#contents .c_main .cm_wrap.banner h3 {margin-bottom:40px;}
#contents .c_main .cm_wrap.banner p + p {margin-top:20px;}
#contents .c_main .cm_wrap.banner a {right:80px; height:80px; margin-top:-40px; padding:0 30px; padding-right:70px; font-size:30px; line-height:80px;}
#contents .c_main .cm_wrap.banner a:before {right:30px; width:24px; height:24px; margin-top:-12px;}
#contents .c_main .cm_wrap.stories .cm_grid {grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:40px;}
#contents .c_main .cm_wrap.stories .cm_grid .cp_latest .cpl_blog .cpl_wrap {gap:10px;}
#contents .c_main .cm_wrap.stories .cm_grid .cp_latest .cpl_blog .cpl_subject {-webkit-line-clamp:3 !important; max-height:120px !important;}
#contents .c_main .cm_wrap.admissions .cp_latest {grid-template-columns:repeat(3, 1fr); width:calc(100% + 40px); margin-left:-20px;}
#contents .c_main .cm_wrap.admissions .cp_latest .cpl_wrap > a {height:80px; line-clamp:2 !important; -webkit-line-clamp:2 !important;}
#contents .c_main .cm_wrap.admissions .cp_latest .cpl_wrap > span {margin-top:40px;}
#contents .c_main .cm_news .cmn_li {padding:30px; gap:20px;}
#contents .c_main .cm_news .cmn_cate {flex:0 0 160px;}
#contents .c_main .cm_news .cmn_subject {gap:8px;}
#contents .c_main .cm_news .cmn_date {flex:0 0 110px;}
#contents .c_main .cm_news .cmn_empty {padding:50px 0;}

#contents .c_head {height:260px; line-height:260px;}
#contents .c_head .ch_title {font-size:90px; line-height:100px;}
#contents .c_head .ch_breadcrumb {height:50px; margin-top:-25px;}
#contents .c_head .ch_breadcrumb li {margin-left:50px; font-size:16px; line-height:50px;}
#contents .c_head .ch_breadcrumb li:before {left:-50px; width:50px; height:50px;}
#contents .c_head .ch_breadcrumb .home {margin-right:-12px;}
#contents .c_head .ch_breadcrumb .home a {width:50px; height:50px;}

#contents .c_navi {top:180px; width:25%; padding:60px; border-radius:28px;}
#contents .c_navi li {padding:15px 20px;}
#contents .c_navi li a {font-size:20px; line-height:30px; }
#contents .c_navi li.on a:before {left:-20px;}
#contents .c_page {width:75%; padding-right:80px;}
#contents .c_page .ctt_admin {right:80px;}

#contents .c_page .cp_section {padding:60px 0 100px;}
#contents .c_page .cp_section:before {bottom:20px;}
#contents .c_page .cp_section:first-child {margin-top:-60px;} 
#contents .c_page .cp_section > div {margin-top:60px;}
#contents .c_page .cp_section p + p {margin-top:20px;}
#contents .c_page .cp_anchor {margin-bottom:60px;}
#contents .c_page .cp_anchor i {width:30px; height:30px; margin-right:10px; font-size:14px; line-height:30px;}
#contents .c_page .cp_anchor strong {font-size:20px; line-height:30px;}
#contents .c_page .cp_division {gap:40px;}
#contents .c_page .cp_division .cpd_icon {width:180px; height:180px; line-height:180px; box-shadow:0 40px 120px rgba(25, 27, 31, 0.12);}
#contents .c_page .cp_division .cpd_pic {width:140px; height:140px;}
#contents .c_page .cp_division .cpd_txt {margin-top:25px;}
#contents .c_page .cp_division .cpd_txt p + p {margin-top:25px;}
#contents .c_page .cp_banner {padding:70px 80px; border-radius:28px;}
#contents .c_page .cp_navi {padding-right:220px;}
#contents .c_page .cp_navi + div {margin-top:20px;}
#contents .c_page .cp_navi .cpn_btn button,
#contents .c_page .cp_navi .cpn_btn a {width:60px; height:60px; margin-left:10px; line-height:60px;}
#contents .cp_latest {width:calc(100% + 240px); margin-left:-120px; margin-bottom:-120px; padding:60px 100px 120px;}
#contents .cp_latest .cpl_wrap {margin:0 20px; padding:40px; border-radius:28px; box-shadow:0 40px 120px rgba(25, 27, 31, 0.12);}
#contents .cp_latest .cpl_wrap:hover {box-shadow:0 40px 120px rgba(25, 27, 31, 0.3);}
#contents .cp_latest .cpl_title .cpl_wrap {padding:30px; box-shadow:0 40px 120px rgba(32, 67, 143, 0.4);}
#contents .cp_latest .cpl_title img {width:140px;}
#contents .cp_latest .cpl_title .cplt_txt {margin-top:60px;}
#contents .cp_latest .cpl_title .cplt_txt .bg {padding:0 8px; font-size:20px; line-height:30px;}
#contents .cp_latest .cpl_title .cplt_txt p {margin-top:30px;}
#contents .cp_latest .cpl_category {margin-bottom:20px; padding:0 15px; line-height:30px;}
#contents .cp_latest .cpl_wrap > a {height:160px; line-clamp:4 !important; -webkit-line-clamp:4 !important;}
#contents .cp_latest .cpl_wrap > a:hover {text-underline-offset:3px; text-decoration-thickness:2px;}
#contents .cp_latest .cpl_wrap > span {margin-top:40px;}
#contents .cp_latest .cpl_pic {width:140px; height:140px;}
#contents .cp_latest .cpl_info,
#contents .cp_latest .cpl_achievement {margin-top:15px;}

#contents .cp_latest .cpl_blog .cpl_wrap {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:40px;}
#contents .cp_latest .cpl_blog .cpl_pic {border-radius:16px !important;}
#contents .cp_latest .cpl_blog .cpl_info {padding:30px 0 30px 20px;}
#contents .cp_latest .cpl_blog .cpl_category {margin-bottom:15px;}
#contents .cp_latest .cpl_blog .cpl_subject {-webkit-line-clamp:2 !important;  max-height:80px !important;}
#contents .cp_latest .cpl_blog .cpl_pic {width:140px; height:140px;}
#contents .cp_latest .cpl_blog .cpl_student {margin-top:15px;}
#contents .cp_latest .cpl_blog .cpl_student > span:nth-child(1) {margin-right:10px; padding:0 10px; border-radius:8px; line-height:28px;}
#contents .cp_latest .cpl_blog .cpl_student > span:nth-child(2) {width:calc(100% - 100px) !important; height:30px; line-height:30px;}
#contents .cp_latest .cpl_blog .cpl_content {height:120px; margin-top:30px; line-clamp:4 !important; -webkit-line-clamp:4 !important;}

#contents .cp_latest.owl-carousel .owl-stage-outer {padding:70px 0 90px !important; margin:-70px 0 -90px !important;}
#contents .cp_latest.owl-carousel .owl-dots {margin-top:40px;}

#contents #Our_History .history_pin_stage {top:180px;}
#contents #Our_History .history_viewport {padding-top:60px;}
#contents #Our_History .history_track > li {flex:0 0 300px !important; width:300px !important;}
#contents #Our_History .history_track > li .cpd_wrap {padding-top:35px;}
#contents #Our_History .history_track > li .cpd_wrap:before {top:6px; height:4px;}
#contents #Our_History .history_track > li .cpd_wrap:after {width:16px; height:16px; border:4px solid var(--blue); z-index:2;}
#contents #Our_History .history_track .cpd_txt strong {margin-bottom:20px;}
#contents #Our_History .history_track .cpd_txt p + p {margin-top:10px;}
#contents #Our_History .history_track .cpd_txt p {line-height:25px;}
#contents #Our_Team .cp_division {grid-template-columns:repeat(4, 1fr); margin-top:30px;}
#contents #Our_Team .cp_division .cpd_txt {margin-top:20px;}
#contents #Our_Team .cp_division .cpd_txt p {margin-top:5px;}

#contents #CAL_Prep .cp_division .cpd_icon {width:240px; height:240px; line-height:240px;}
#contents #CAL_Prep .cp_division .cpd_txt {margin-top:40px;}

#contents #CAL_Institute > div > .cp_division {gap:30px;}
#contents #CAL_Institute > div > .cp_division li:nth-child(1) {flex:0 0 calc((100% - 30px) * 2 / 3);}
#contents #CAL_Institute > div > .cp_division li:nth-child(2) {flex:0 0 calc((100% - 30px) * 1 / 3);}
#contents #CAL_Institute .cp_division > li > div.p30 {padding:25px;}
#contents #CAL_Institute .cp_division .cp_division {gap:20px; height:calc(100% - 60px); margin-top:20px;}
#contents #CAL_Institute .cp_division .cp_division .cpd_icon {height:auto; min-height:80px; padding:10px 60px 10px 15px; line-height:80px;}
#contents #CAL_Institute .cp_division .cp_division .cpd_icon strong.text {line-height:30px;}
#contents #CAL_Institute .cp_division .cp_division .cpd_icon img {right:5px; width:50px; height:50px; margin-top:-25px;}
#contents #CAL_Institute .cp_division li:nth-child(1) .cp_division:before {width:60px; height:60px; margin-top:-30px; margin-left:-30px;}
#contents #CAL_Institute .cp_division .cpd_txt {margin-top:10px;}
#contents #CAL_Institute .cp_division .cpd_txt p + p {margin-top:20px;}
#contents #Consulting_Services .box {min-height:220px;}
#contents #Consulting_Services .cp_division {grid-template-columns:repeat(2, 1fr);}

#contents #Hall_of_Success .cp_latest .cpl_wrap {min-height:410px; padding:30px;}
#contents #What_Matters .cp_division {grid-template-columns:repeat(2, 1fr);}
#contents #What_Matters .cp_division .cpd_icon {width:120px; height:120px; line-height:120px;}
#contents #Every_Student_is_Differnt .cp_banner h3 {margin-bottom:40px;}

#contents .c_banner {height:400px; margin-top:120px; border-radius:28px;}
#contents .c_banner .cb_txt {left:80px; top:80px;}
#contents .c_banner .cb_txt h3 {font-size:20px; line-height:30px;}
#contents .c_banner .cb_txt p {margin-top:20px; font-size:35px; line-height:45px;}
#contents .c_banner a {right:80px; top:50%; width:420px; height:80px; margin-top:-40px; padding:0 30px; font-size:30px; line-height:80px;}
#contents .c_banner a:before {right:30px; width:24px; height:24px; margin-top:-12px;}

/* 하단 레이아웃 */
#footer {margin-top:min(6.25vw, 120px); padding:min(6.25vw, 120px) 0;}
#footer .wrap {margin-top:min(6.25vw, 120px);}
#footer .f_info > ul,
#footer .f_info > div {width:33.333%;}
#footer .f_info > div > ul {width:170px;}
#footer .f_info li {margin-top:10px; font-size:14px; line-height:24px;}
#footer .f_info strong {width:90px;}
#footer .f_info span {padding-left:90px;}

#footer .f_copyright strong {font-size:14px; line-height:24px;}
#footer .f_more {line-height:40px;}
#footer .f_more .fm_staff {margin-right:40px;}

#top_btn {right:1.042vw; bottom:1.042vw; width:4.167vw; height:4.167vw;}
#top_btn:before {width:32px; height:32px; margin-top:-16px; margin-left:-16px;}
#top_btn:hover:before {margin-top:-20px;}
}