@CHARSET "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap'); /*inter�고듃/���쒕Ц�� �レ옄 �ъ슜*/
@font-face{font-family:"PretendardVariable"; src:url("/resources/fonts/PretendardVariable.ttf") format('woff');}
@font-face{font-family:"PretendardB"; src:url("/resources/fonts/Pretendard-Bold.ttf") format('truetype'); src:url("/khacademy/resources/fonts/Pretendard-Bold.woff") format('woff');}
@font-face{font-family:"PretendardEB"; src:url("/resources/fonts/Pretendard-ExtraBold.ttf") format('truetype'); src:url("/khacademy/resources/fonts/Pretendard-ExtraBold.woff") format('woff');}
@font-face{font-family:"PretendardEL"; src:url("/resources/fonts/Pretendard-ExtraLight.ttf") format('truetype'); src:url("/khacademy/resources/fonts/Pretendard-ExtraLight.woff") format('woff');}
@font-face{font-family:"PretendardL"; src:url("/resources/fonts/Pretendard-Light.ttf") format('truetype'); src:url("/khacademy/resources/fonts/Pretendard-Light.woff") format('woff');}
@font-face{font-family:"PretendardM"; src:url("/resources/fonts/Pretendard-Medium.ttf") format('truetype'); src:url("/khacademy/resources/fonts/Pretendard-Medium.woff") format('woff');}
@font-face{font-family:"PretendardR"; src:url("/resources/fonts/Pretendard-Regular.ttf") format('truetype'); src:url("/khacademy/resources/fonts/Pretendard-Regular.woff") format('woff');}
@font-face{font-family:"PretendardSB"; src:url("/resources/fonts/Pretendard-SemiBold.ttf") format('truetype'); src:url("/khacademy/resources/fonts/Pretendard-SemiBold.woff") format('woff');}
@font-face{font-family:"PretendardT"; src:url("/resources/fonts/Pretendard-Thin.ttf") format('truetype'); src:url("/khacademy/resources/fonts/Pretendard-Thin.woff'") format('woff');}
@font-face{font-family:"GmarketSansMedium"; src:url("/resources/fonts/GmarketSansTTFMedium.ttf") format('truetype');}
@font-face{font-family:"GmarketSansBold"; src:url("/resources/fonts/GmarketSansTTFBold.ttf") format('truetype');}
@font-face{font-family:"GmarketSansLight"; src:url("/resources/fonts/GmarketSansTTFLight.ttf") format('truetype');}
:root{
    --max-width-page: 1190px;
    --min-width-page: 320px;

    --main-font-size: 16px;
    --main-font-family:"PretendardR", san-serif;
    --letter-spacing: -0.03em;

    --color-black: #222;
    --color-black2: #4D5762;/*header, rightbar a�쒓렇, quick-line, �섏씠吏뺣꽆踰�*/
    
    --color-point-blue: #3182f6;
    --color-darkblue: #001f6a;
    --color-primary: #1e5eff;

    --color-bg-white: #f7f9fd;
    --color-bg-lightgray: #e8e8f0;
    --color-bg-darkgray:#24292F;/*footer*/
    
    --color-btn-color1: #222;
    --color-btn-color2: #f7f9fd;
    
    --color-line:#d6d9e6;
    
    --color-btn-blue: #3182f6;
    --color-btn-black: #222;
    --color-line-btn:#dee2e9;
    
    --content-padding: 120px;
    --content-padding-tablet: 80px;
    --content-padding-mobile: 70px;
    
    /*�쒕툕�섏씠吏� - �대�吏�諛곕꼫*/
    --main-title:52px;
	--tb_main-title:42px;
	--m_main-title:30px;
	
	--main-subtitle:20px;
	--tb_main-subtitle:19px;
	--m_main-subtitle:16px;
	
}

img{
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
*{margin: 0; padding: 0; box-sizing: border-box;}
img{border: 0; vertical-align: middle;}
video{object-fit: cover; width: 100%;}
li{list-style: none;}
a{text-decoration: none; color: inherit;}
button{border: none; outline: none; background-color: inherit ;cursor: pointer;}
body{width: 100%; overflow-x: hidden; font-size: var(--main-font-size); font-family:var(--main-font-family); min-width: var(--min-width-page); letter-spacing: var(--letter-spacing); background-color:#fff; color:#222;}
html{overflow-x: hidden; overflow-y: auto; -ms-content-zooming: none; -ms-touch-action: pan-x pan-y;} 
table{border-spacing: 0; border-collapse: initial;}
th, td {vertical-align: middle;}
textarea{resize:none;}


.wrap{width: 100%; margin: 0 auto;}
.inner{max-width: var(--max-width-page); width:100%; margin:0 auto; padding: 0 1%; margin: 0 auto;}

/*radio踰꾪듉*/
.sr-only{position:absolute; overflow:hidden; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0);}
/*only-tablet*/
.show-tb{display:none;}
.show-m{display:none !important;}
.block-tb{display:inline;}

/*title �대� span移대뱶��ぉ*/
.titleCard{display:inline-block; background:#4D5762; color:#fff; font-size:13px; margin-left:4px; padding:2px 5px; border-radius:6px; vertical-align:middle; margin-bottom:3px; font-family:var(--main-font-family); font-weight:500;}
/*媛뺤궗�뚭컻 �숈썝紐낃뎄遺�.titleCard.cardBright{background:#E8EBF0 !important; color:#4D5762 !important;}*/

/*****header*****/
header{transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; width: 100%; height: 90px; margin: 0 auto; position: fixed; z-index: 101; background-color: rgba(2,16,80,.28); color: var(--color-gray);}

/*吏��먮퀎 �꾩튂李얘린*/
.nav_location-m{display:none;}/*tb�먯꽑 header�섎떒�쇰줈 �대룞*/
.nav_location{width:100%; height:30px; font-size:13px; color:#fff; display:flex; align-items:center; gap:20px;}
.nav_location .location_title{position:relative;}
.nav_location .location_title img{display:inline-block; width:15px; height:16px; margin-right:3px;}
.nav_location .location_title::after{content:''; display:inline-block; width:1px; height:10px; background-color:#999; position:absolute; top:5px; right:-16px;}
.nav_location .location_list{display:flex; gap:10px;}
.nav_location .location_list li{position:relative;}
.nav_location .location_list li::before{content:'쨌'; color:#999; position:absolute; top:6px; left:-6px;}
.nav_location .location_list .gangnam::before{display:none;}
.nav_location .location_list li a{display:block; padding:7px;}

/*nav*/
header nav{display:flex; justify-content: space-between; align-items: center; position: relative; height: 60px; color:#fff; padding-bottom:5px; font-size:15px;}
header nav .gnb-logo{text-align:right;}
header nav .gnb-logo img{width:100%; height:auto;}
header nav .gnb-logo p{font-size:12px; font-weight:400; letter-spacing:-0.04em; margin-top:-3px; margin-left:3px;}

header nav .gnb-dept01{height:100%; display: flex; align-items:center; gap:4px;}
header nav .gnb-dept01>li{height:100%; display:flex; align-items:center; position:relative;}
header nav .gnb-dept01>li:after{content:''; width:100%; height:4px; position:absolute; bottom:-4px;}
header nav .gnb-dept01>li>a{display: block; padding: 20px 6px;}
header nav .gnb-dept01 .gnb_nocode{color:#fe1700; position:relative; font-weight:600;}
    
header nav .gnb-dept02{display:none; width: 190px; overflow: visible; position: absolute; top: 90px; background-color: #000; border: 1px solid #414346; border-radius: 8px; padding: 17px; margin-left:-8px;}
header nav .onlywidth{width:238px !important; height:270px; max-height:270px;}
header nav .gnb-dept02 li a{display:flex;  margin-bottom: 16px; position:relative;}

.actionCon{box-sizing: border-box; display: inline-block; position: relative; top: -7px; right: -23px; margin-left: -18px; padding: 2px 3px; width: 34px; height: 20px;
    background: url(/resources/images/common/bottom_info_icon.png) no-repeat;}

.actionCon .actionType5_1>div{
	width: auto;
    height: auto;
    color: #fff;
    background: transparent;
    display:inline;
    font-size: 10px;
    border-radius: 0;
    -webkit-border-radius: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    animation: lodingText ease-in-out 1.5s infinite;
    -webkit-animation: lodingText ease-in-out 1.5s infinite;
    -moz-animation: lodingText ease-in-out 1.5s infinite;
}
header nav .gnb-dept01 .gnb_nocode .actionCon{position:absolute; top:-1px; right:-6px;}

@keyframes lodingText{
	0%{opacity: 1;}
	60%, 100%{opacity:0;}
}

.actionCon .actionType5_1{padding-left: 5px;}
.gnb_nocode .actionCon .actionType5_1{padding-left:3px;}
.actionCon .actionType5_1 .loding1{animation-delay: -.5s; -webkit-animation-delay: -.5s;}
.actionCon .actionType5_1 .loding2{animation-delay: -.3s; -webkit-animation-delay: -.3s;}
.actionCon .actionType5_1 .loding3{animation-delay: -.1s; -webkit-animation-delay: -.1s;}

header nav .gnb-dept02 li a .menu-arrow-wrap{display:inline-block; margin-left:5px; overflow: hidden; position:relative; width: 20px; height:20px;}
header nav .gnb-dept02 li a .eduArrow{margin-left:25px}
header nav .gnb-dept02 li a .menu-arrow-wrap .arrow-items{transition: 0.3s; -webkit-transition: 0.3s; width: 15px; height: 15px;left: -20px; opacity:0; position: absolute; top: calc(50% - 9px); z-index: 1;}
header nav .gnb-dept02 li:last-child a{margin-bottom: 0;}
header nav .gnb-dept02 li a:hover{color:#fff;}
header nav .gnb-dept02 li a:hover .menu-arrow-wrap .arrow-items{opacity:1; left:0;}

header nav .gnb-more{display: flex; justify-content:center; align-items:center; position: relative;}
header nav .gnb-more a{display:block; padding: 20px 6px;}
header nav .gnb-more .btn-nationwide::before{content:''; display: inline-block; width: 1px; height: 14px; background-color: #d9d9d9; position:absolute; top: 24px;}
header nav .gnb-more .btn-fullMap-closed{display:none; position: absolute; left: 0;}
/*header nav .gnb-more .icon-call img{width:20px; height:auto; margin-top:2px;}
*/
/*****fullMap*****/
header nav .fullMap{display:none; width: 100%; height: 527px; position: fixed; left:0; top: 90px; z-index: 102; background-color: #fafafa;}
/*header nav .fullMap.fullMap-show{top:64px; display:block;}*/

.fullMap-bg{display:none; position:fixed; z-index:100; top: 90px; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5);}

header nav .fullMap .inner{height:100%; padding: 42px 45px;}

/******/
header nav .fullMap .inner .fullMap-items{display:grid; grid-template-columns:repeat(5, 1fr); padding:0 0 2% 3%;}
header nav .fullMap .inner .fullMap-items:last-child{border-top:1px solid #D6D9E6; padding:2% 0 0 3%;}
header nav .fullMap .inner .fullMap-items dl dt{color: #222222; font-size: 16px; font-weight: 600; margin-bottom: 4%;}
header nav .fullMap .inner .fullMap-items dl dt a{display: block; width:100%; height:100%;}
header nav .fullMap .inner .fullMap-items dl dd{line-height:2; font-size:13px;}
header nav .fullMap .inner .fullMap-items dl dd a {display:block; height:100%; width:100%;position: relative; color:var(--color-black2);}
header nav .fullMap .inner .fullMap-items dl .menu-arrow-wrap{display:inline-block; margin-left:5px; overflow: hidden; position:relative; width: 20px; height:20px;}
header nav .fullMap .inner .fullMap-items dl .menu-arrow-wrap .arrow-items{transition: 0.4s; -webkit-transition: 0.4s; height: 20px;left: -20px; opacity:0; position: absolute; top: 7px; width: 20px; z-index: 1;}
header nav .fullMap .inner .fullMap-items dl a:hover{color:#000;}
header nav .fullMap .inner .fullMap-items dl a:hover .menu-arrow-wrap .arrow-items{opacity:1; left:0;}

/*****quick-rightBar*****/
.quick-rightBar{display: block; width: 120px; padding: 4px; position: fixed; right: 30px; top: 20%;text-align: center;background-color: #fff;border-radius: 14px;box-shadow: 0px 0px 9px 4px rgb(176 176 176 / 12%);z-index: 100;
/*諛곕꼫臾몄젣濡� 異붽�*/overflow: hidden;}
.quick-rightBar ul{display: flex; flex-direction: column; align-items: center;}
.quick-rightBar ul li{width: 74px; border-bottom: 1px solid #D9D9D9; cursor: pointer;}
.quick-rightBar ul li a{width: 100%;display: block;padding: 15px 0 12px 0; color:var(--color-black2); font-size: 14px;}
.quick-rightBar ul li a img{margin-bottom: 7px;}
.quick-rightBar ul li:nth-child(5){border-bottom: none;}
.quick-rightBar ul li:last-child{width: 100%;border-bottom: none;background-color: #001f6a;border-radius: 12px; font-size: 21px; color: #3182f5; font-size: var(--main-font-size); width:110px; padding:8px 21px; letter-spacing: 0; font-weight:600;}
.quick-rightBar ul li:last-child span{padding: 0; color: #fff; font-family: "Inter", sans-serif; font-weight: 700; margin-bottom: 5px; font-size:21px; letter-spacing: -0.02em;}

.open_mainInquiry-popup{cursor:pointer;}/*���쒕Ц�� 2媛� �대┃�� �앹뾽�ㅽ뵂*/

/****quick-chatbot*****/
.quick-chatbot{width:160px; height:60px; z-index:100; background-color: #1e5eff; position:fixed; bottom:50px; right:30px; border-radius:30px; color:#fff;}
.quick-chatbot a{ display: block; text-align: center; line-height: 60px; font-size: 18px; font-weight:600;}
.quick-chatbot a img{margin-right:5px;}
.quick-chatbot a::after{content:''; width:14px; height:14px; background-color:#EC1F27; border:2px solid #fff; border-radius: 14px; position:absolute; top:1px; right:0; transition: all 350ms;}
.quick-chatbot a:hover::after{color: rgb(254, 1, 1); filter: drop-shadow(0 0 2px rgba(254, 1, 1,0.7)) drop-shadow(0 0 5px rgba(254, 1, 1,0.7)) drop-shadow(0 0 15px rgba(254, 1, 1,0.7)); }


/*footer*/
footer{width:100%; height:453px; background-color: var(--color-bg-darkgray);}
footer .inner{width:100%; height:100%; padding:46px 1%;}
footer .inner .bottom-left{width:100%; color: #90969A; font-size: 14px;}
footer .inner .bottom-left hr{border:1px solid #90969A; margin-bottom:2%;}
footer .inner .bottom-left h1{margin-bottom: 14px;}
footer .inner .bottom-left ul{display:flex; color:#A6ABAE; font-size: 15px; margin-bottom:2%;}
footer .inner .bottom-left ul li{margin-right:16px;}
footer .inner .bottom-left ul li:last-child{margin-right:0;}

footer .inner .bottom-left ul li:hover{color:#fff;}

footer .inner .bottom-left .bottom-address dl{margin-bottom: 32px; letter-spacing:0; line-height:1.5;}
footer .inner .bottom-left .bottom-address dl dt{margin-bottom:7px;}
footer .inner .bottom-left .bottom-address dl dd{}
footer .inner .bottom-left .bottom-address p{letter-spacing:0;}

footer .inner .bottom-right{width:100%; position:relative; padding-top: 30px;}
footer .inner .bottom-right ul{width:100%; height:100%; display:flex;}
footer .inner .bottom-right ul li{width:48px; height: 48px; margin-right: 16px; border: 1px solid rgba(189,192,195,0.6); border-radius: 4px;}
footer .inner .bottom-right ul li:last-child{margin-right:0;}
footer .inner .bottom-right ul li a{display:block; width:48px; height: 48px; display:flex; justify-content:center; align-items:center;}
footer .inner .bottom-right ul li a img{width:100%; max-width:20px; height:auto;}

/*�쒕툕�섏씠吏� - �대�吏�諛곕꼫 �ъ슜*/
.title-top{width:100%; height:484px; margin:0 auto;}
.title-top>.inner{width:100%; height:100%; color:#fff; display:flex; flex-direction: column; justify-content: center;}
.title-top .inner h2{font-size: var(--main-title); margin-bottom:24px;}
.title-top .inner p{font-size: var(--main-subtitle); color:#fff; font-weight:200;}
.title-top .inner div{margin-top:24px;}
.title-top .inner div span{background-color:rgba(127,129,135,.8); border-radius:77px; padding:8px 12px; margin-right:6px;}
.title-top .inner div span:last-child{margin-right:0;}

/*�쒕툕�섏씠吏� - it留� �대떦 20250522援먯쑁怨쇱젙 由щ돱��*/
.it-title-top{background: url('../images/curriculum/it-sw-ver2.jpg') center/cover no-repeat;}
.it-title-top .inner{color:#001F6A !important;}
.it-title-top .inner p{color:#001F6A !important;}
.it-title-top .inner div span{background-color:rgba(0,31,106,.5); color:#fff; border-radius:77px; padding:8px 12px; margin-right:6px;}

/*�쒕툕�섏씠吏� ���댄�諛뺤뒪*/
.title-box{display:block; padding-bottom:40px;}
.title-box h2{font-size: 43px; letter-spacing: -0.1rem; font-family:"PretendardM";}
.eng{display:block; font-size:45px !important;}
.title-ptBlue{color:var(--color-primary);}
.title-box p{color:#4D5762; font-size:19px; font-family:"PretendardSB"; margin-top:8px;}

/*�쒕툕�섏씠吏� - 移대뱶�뺤떇 怨듯넻�ъ슜*/
.list-container{padding:var(--content-padding) 0;}
.wrap-list-item{width:100%; display:grid; grid-template-columns:repeat(3, 1fr); gap:16px;}
.wrap-list-item .list-item{display:block; position:relative; width:100%; padding:0 24px; height:232px; border-radius:28px; overflow:hidden; transform:scale(0.9); -webkit-transform:scale(0.9);  transition: transform 1s ease; -webkit-transition: transform 1s ease;}
.inner .wrap-list-item .list-item.enlarge{transform:scale(1); -webkit-transform:scale(1);}

      /*怨듯넻 enlarge�④낵*/
.enlarge-item{transform:scale(0.9); -webkit-transform:scale(0.9); transition: transform 1s ease; -webkit-transition: transform 1s ease;}
.enlarge-item.enlarge{transform:scale(1); -webkit-transform:scale(1);}

.wrap-list-item .list-item>div{object-fit:cover; width:100%; height:100%; cursor:pointer; transform:scale(1.0); -webkit-transform:scale(1.0);  transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease; position:absolute; left:0; bottom:0;}
.wrap-list-item .list-item>div:hover{transform:scale(1.07); -webkit-transform:scale(1.07);}

.wrap-list-item .list-item>div .list-gradient{width:100%; height:100%; background: linear-gradient(rgba(25,25,25,0) 10%, rgba(25,25,25,0.02) 33%, rgba(25,25,25,0.2) 68%, rgba(25,25,25,0.7) 100%); background: -webkit-linear-gradient(rgba(25,25,25,0) 10%, rgba(25,25,25,0.02) 33%, rgba(25,25,25,0.2) 68%, rgba(25,25,25,0.7) 100%);}
.wrap-list-item .list-item .list-txt{font-size:20px; color:#fff; position:absolute; bottom: 20px; left:24px; display:block; width:100%; max-width:330px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.wrap-list-item .list-item .list-txt span{display:block; font-size: 15px; color:#D9D9D9; margin-top:7px;}

/*�섏씠吏뺣쾲��*/
.board_num{display:flex; align-items:center; justify-content:center; gap:12px; text-align:center; margin-top:40px; width:100%; height:50px;}
.board_num a{cursor:pointer; display:inline-block; width: 50px; height:50px; color:var(--color-black2); font-size:17px; border-radius:50%; line-height:50px; background-color:#fff; border:1px solid #D6D9E6;}
.board_num_first {background:url('/resources/images/common/page_prevDB.svg') no-repeat; background-position:center; border:1px solid #D6D9E6;}
.board_num .board_num_prevDB {background:url('/resources/images/common/page_prevDB.svg') no-repeat; background-position:center; border:1px solid #D6D9E6;}
.board_num .board_num_prev {background:url('/resources/images/common/page_prev.svg') no-repeat; background-position:center; background-color:#fff;}
.board_num .board_num_next {background:url("/resources/images/common/page_next.svg") no-repeat; background-position:center; background-color:#fff;}
.board_num .board_num_nextDB{background:url('/resources/images/common/page_nextDB.svg') no-repeat; background-position:center; border:1px solid #D6D9E6;}
.board_num_last{background:url('/resources/images/common/page_nextDB.svg') no-repeat; background-position:center; border:1px solid #D6D9E6;}
.board_num .board_num_on{color:#fff; background-color:#4D5762;}

/*�곷떒 select ��쾭��*/
.tab-detail{display:flex; gap:10px; font-size: var(--select-subtitle); margin-top:40px; text-align:center;}
.tab-detail li{font-size:18px; color:#4D5762; font-family:"PretendardM"; width:100%; height:60px; border: 1px solid #ECEDF4; border-radius:14px; overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:#F7F9FD; cursor:pointer;}
.tab-detail li:not(.select-faq){line-height:60px;}
.tab-detail li.border-emphasize{color:#222; box-shadow: 0 10px 20px rgba(23,25,29,.08); border:4px solid transparent; background-image: linear-gradient(#f7f9fd, #f7f9fd), linear-gradient(to right, #34DCFA 0%, #CFFFFF 29%, #2C5AE9 67%, #3182F6 100%); background-origin: border-box; background-clip: content-box, border-box;}
.tab-grid3{display:grid; grid-template-columns:repeat(3, 1fr);}