@charset "UTF-8";

@font-face {
  font-family: 'Pretendard';
  src: url('/font/Pretendard/Pretendard-Thin.woff') format('woff'),
       url('/font/Pretendard/Pretendard-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/font/Pretendard/Pretendard-Light.woff') format('woff'),
       url('/font/Pretendard/Pretendard-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/font/Pretendard/Pretendard-Regular.woff') format('woff'),
       url('/font/Pretendard/Pretendard-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/font/Pretendard/Pretendard-Medium.woff') format('woff'),
       url('/font/Pretendard/Pretendard-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/font/Pretendard/Pretendard-SemiBold.woff') format('woff'),
       url('/font/Pretendard/Pretendard-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/font/Pretendard/Pretendard-Bold.woff') format('woff'),
       url('/font/Pretendard/Pretendard-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/font/Pretendard/Pretendard-Bold.woff') format('woff'),
       url('/font/Pretendard/Pretendard-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/font/Pretendard/Pretendard-Black.woff') format('woff'),
       url('/font/Pretendard/Pretendard-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address,
cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section,
summary, time, mark, audio, video { 
margin:0; padding:0; border:0; 
font-size:inherit; 
font-family: 'Pretendard', sans-serif;
vertical-align:baseline; 
background:transparent;
color:inherit;
}
fieldset, img, iframe{border:0 none;}
dl, ul, ol, li{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
input, select, textarea, button{vertical-align:middle;}
button{border:0 none; background-color:transparent; cursor:pointer;}
address, caption, cite, code, dfn, em, th, var{font-style:normal; font-weight:normal;}
legend, caption{visibility:hidden; height:0; width:0; font-size:0;}
legend{*width:0;}
hr{display:none;}
option{padding-right:6px;}
i,em,address{font-style:normal;}
img{vertical-align:text-top;}
table, th, td, input, select, textarea, button, a{font-family:inherit; font-weight:400; color:inherit; line-height:;}
a{color:inherit;}
a,a:hover,a:visited,a:active{text-decoration:none;}
table{border-collapse:collapse; border-spacing:0;}

/* 2019 아이티뱅크 리뉴얼 */
body{font-size:12px; color:#333; letter-spacing:-0.02em;}

/* body a, btn_white a, btn_black a, btn_gray a, btn_yellow a, btn_brown a {
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
body a:hover, btn_white a:hover, btn_black a:hover, btn_gray a:hover, btn_yellow a:hover, btn_brown a:hover { transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;} */

#wrap{}
.width{width:1100px; margin:0 auto;}
.blind{display:none;}
.yellow{color:#FEAB14;}
.org{color:#e06726;}
:root {
	--yellow-1: #FEAB14; /* 메인컬러 */
}

.p100{padding:100px 0 !important;}
.pt100 {padding-top:100px !important;}
.pb100 {padding-bottom:100px !important;}

.clamp-1{overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.clamp-2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.clamp-3{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.clamp-4{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}

/* button style */
.btn_white{background-color:#fff; border:1px solid #dcdcdc; color:#999; height:40px; font-weight:600;}
.btn_white:hover{border-color:#333; color:#333;}
.btn_black{background-color:#333; font-size:14px; color:#fff; height:40px; font-weight:600;}
.btn_black:hover{background-color:#000;}
.btn_gray{background-color:#999; font-size:13px; color:#fff; height:32px; font-weight:600;}
.btn_yellow{background-color:#FEAB14; font-size:13px; color:#fff; height:32px; font-weight:600;}
.btn_brown{background-color:#999292; font-size:11px; color:#fff; height:22px; line-height:20px;}

/* 퀵메뉴 */
.quick-right{position:fixed; top:205px; right:50px; text-align:center; z-index:99;}
.quick-right .nav{width: 124px; border-radius: 12px; box-shadow: 0 12px 20px rgba(0,0,0,.1); overflow: hidden;}
.quick-right .nav .ico{display: block; margin: 0 auto 4px;}
.quick-right .nav .top{background-color: var(--yellow-1);}
.quick-right .nav .top a{display: block; padding: 14px 0 12px;}
.quick-right .nav .top p{font-size: 16px; color: #fff; font-weight: 600;}
.quick-right .nav ul{background-color: #fff; border-top: 1px solid #F2F2F2;}
.quick-right .nav li{border-bottom:1px solid #F2F2F2; box-sizing: border-box; transition: background-color 0.4s;}
.quick-right .nav li a{display:block; font-size: 14px; font-weight: 600; color: #707070; padding: 14px 0;}
.quick-right .nav li:hover{background-color: #f8f8f8;}
.quick-right .nav .call{background-color: #333; padding: 12px 0;}
.quick-right .nav .call strong{display: block; color:#fff; font-size: 14px; font-weight: 600; margin-bottom: 3px;}
.quick-right .nav .call .number{font-size:18px; color:var(--yellow-1); font-weight: 600;}

.search_modal{position: fixed; width:100%; height:100%; background: rgba(0,0,0,0.8); top:0; left:0; display:none; z-index: 999;}
.modal_content{width:500px; padding: 50px 0; overflow: hidden; background:#fff; border-radius: 8px; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); box-sizing:border-box;}
.modal_content .txt_search{text-align: center; font-size: 18px; font-weight: 600; letter-spacing: -0.075em; margin: 30px 0; color: #6d6464;}
.modal_content form{text-align: center;}
.modal_content form input[type="text"]{display: block; margin: 0 auto;}
.modal_content form .frm_input_search {border: 2px solid var(--yellow-1); font-size: 16px; font-weight: 600; padding: 0 25px; border-radius: 100px; height: 54px; color: #000; width: 360px; box-sizing: border-box;}
.modal_content form input[type="button"]{margin-top: 20px;}
.modal_content .btn_submit {padding: 14px 50px; border: 0; background: #2a2a2a; color: #fff; letter-spacing: -0.1em; cursor: pointer; font-size: 16px; font-weight: 600;}
.modal_content .search_modal_Close{width: 21px; height: 21px; padding: 10px; position: absolute; z-index: 999; right: 0px; top: 0; background: #2a2a2a url('../images/common/btn_close.png') center no-repeat; cursor: pointer;}

/* header */
#header{min-width:1100px; height: 150px;}
#header #gnb{position:fixed; width:100%; height: 150px; z-index:999; background-color: #fff; box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.1);}
#header #gnb .toplogo{position:relative; padding-top:36px; margin-bottom: 15px;}
#header #gnb .toplogo .rgt{position:absolute; top: 53px; right: 0; z-index: 1;}
#header #gnb .toplogo .call{color:var(--yellow-1); font-size:24px; font-weight:bold; text-align: right; margin-bottom: 15px;}
#header #gnb .toplogo .sns{margin-left:3px;}
#header #gnb .toplogo .sns a{display:inline-block;}
#header #gnb .toplogo .sns img{margin-top:3px;}
#header #gnb .toplogo .link-wrap{display: flex; justify-content: flex-end;}
#header #gnb .toplogo .link{display: flex; align-items: center; height: 28px; font-size:14px; font-weight: 600; margin-left:8px; padding: 0 8px; border-radius:6px;}
#header #gnb .toplogo .link.q-kakao{color: #67420D; background-color: #FFD117;}
#header #gnb .toplogo .link.q-kakao::before{display: inline-block; width: 24px; height: 24px; margin-right: 4px; background: url('../images/common/icon_talk.png'); content: '';}
#header #gnb .toplogo .link.q-consult{color: #fff; background-color: #333;}
#header #gnb .toplogo .link.q-consult::before{display: inline-block; width: 17px; height: 16px; margin-right: 4px; background: url('../images/common/icon_headset.png'); content: '';}
#header #gnb .gnbmenu .inner{position: relative;}
#header #gnb .gnbmenu .btn-gnball{position: absolute; top: 12px; left: 0; padding: 3px;}
#header #gnb .gnbmenu .dep1:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#header #gnb .gnbmenu .dep1{padding-left: 70px;}
#header #gnb .gnbmenu .dep1 > li{display:inline-block; text-align:center; padding-bottom: 10px;}
#header #gnb .gnbmenu .dep1 > li:not(:first-child){margin-left: 48px;}
#header #gnb .gnbmenu .dep1 > li > a{display:block; font-size: 16px; line-height:42px; font-weight: 700;}
#header #gnb .gnbmenu .active1{background-color:#fff; color:#111; padding-top:5px; margin-top:-5px;}
#header #gnb .gnbmenu .active1 a{font-weight:600;}
#header #gnb .gnbmenu .dep2:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#header #gnb .gnbmenu .dep2{position:absolute; left: -5px; top: 100%; min-width:118px; background-color:#fff; font-size:13px; border:1px solid #f7f7f7; padding:11px 0;}
#header #gnb .gnbmenu .dep2 > li{display:block; position:relative; width:100%; line-height:1.5em; box-sizing:border-box;}
#header #gnb .gnbmenu .dep2 > li a{display:block; color:#333; font-weight:600; padding:8px 10px; box-sizing:border-box; text-align:left; word-break:keep-all; /* background:url('../images/common/gnbmenu_arrow.png') no-repeat 127px center; */}
#header #gnb .gnbmenu .dep2 > li > a:hover{color:var(--yellow-1); /* background:url('../images/common/gnbmenu_arrow_on.png') no-repeat 127px center; */}

#header #gnb .gnbmenu li.active2{width: 100%;}
#header #gnb .gnbmenu li.active2 a{color:var(--yellow-1); /* background:url('../images/common/gnbmenu_arrow_on.png') no-repeat 127px center; */}
#header #gnb .gnbmenu .dep3:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#header #gnb .gnbmenu .dep3{background-color:#f2f2f2; position:absolute; top:-12px; left:calc(100% + 1px); min-width:200px; padding:20px 0; border: 1px solid #d6d6d6;}
#header #gnb .gnbmenu .dep3 > li{display:block; border:none; text-indent:25px;}
#header #gnb .gnbmenu .dep3 > li:hover{width:100%;}
#header #gnb .gnbmenu .dep3 > li > a{color:#333; font-weight:600; background:none; text-indent:5px; white-space:nowrap; padding:8px 20px 8px 10px;}
#header #gnb .gnbmenu .dep3 > li > a:hover{color:#fff; background:none; background-color:var(--yellow-1);}
#header #gnb .gnbmenu li.active3{}
#header #gnb .gnbmenu li.active3 a{color:#fff; background:none; background-color:var(--yellow-1);}

#container{min-width:1100px;}
#container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#footer{min-width:1100px;}
#footer .footerlinks{height:40px; background-color:#4b4545; color:#fff; font-size:14px;}
#footer .footerlinks ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#footer .footerlinks ul{border-right:1px solid #3c3737;}
#footer .footerlinks ul li{float:left; text-align:center;}
#footer .footerlinks ul li a{display:table-cell; vertical-align:middle; border-left:1px solid #3c3737; width:182px; line-height:40px;}

	.footerinfo{position: relative;}

#footer .familylogo{height:70px; background-color:#e9e6e6; padding-top:30px;}
#footer .familylogo .linkWrap{display:flex; width:1100px; margin:0 auto;}
#footer .familylogo .linkWrap li{position:relative; flex-grow:1; flex-basis: 0; text-align:center;}
#footer .familylogo .linkWrap li::after{display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:40px; background-color:#d8d4d4; content:'';}
#footer .familylogo .linkWrap li:first-of-type::before{display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:40px; background-color:#d8d4d4; content:'';}

#footer .footerinfo{width:1100px; margin:0 auto; padding:40px 0 0; line-height:16px;position: relative;}
#footer .footerinfo:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#footer .footerinfo .logo{float:left; width:16%;}
#footer .footerinfo .info{float:right; width:84%;}
#footer .footerinfo .info .links{}
#footer .footerinfo .info .links li{display:inline-block; margin-right:10px;}
#footer .footerinfo .info .links li:after{content:'';display:inline-block; width:1px; height:8px; background:#d1cfcf;}
#footer .footerinfo .info .links li a{margin-right:12px;}
#footer .footerinfo .info .links li:last-child:after{display:none;}
#footer .footerinfo .footermark{position:absolute; right:-105px;}
#footer .footerinfo .footermark .popup{display:none; position:absolute; right:60px; bottom:0; z-index:1;}
#footer .footerinfo .footermark .popup .btn-x{display: block; position: absolute; top: 0;right: 0; width: 44px; height: 44px;}
#footer .footerinfo .markisms{display:block;}

#footer .footerinfo .info .links li.org a{color:#fe6714;}
#footer .footerinfo .info .address{color:#b59f9f; font-size:10px; letter-spacing:-0.5px; padding:15px 0 15px 13px;}
#footer .footerinfo .info .address:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#footer .footerinfo .info .address li{float:left; list-style:disc; text-indent:-5px;}
#footer .footerinfo .info .address li:not(:first-child){margin-left: 50px;}
#footer .footerinfo .info .address li strong{margin-right:10px;}
#footer .footerinfo .info .copyright{color:#999; font-size:11px; letter-spacing:0;}

#footer .familysite{float:right; width:140px; height:30px; border:1px solid #dcdcdc; color:#999; font-size:12px; font-weight:bold; background:url('../images/common/btn_up.png') no-repeat 130px center; line-height:30px; padding-left:15px; display:block; cursor:pointer; position:relative; right:0; top:-50px;}
#footer .down {background:url('../images/common/btn_down.png') no-repeat 130px center;}
#footer .familysite_on{width:1098px; height:387px; background-color:#4b4545; position:absolute; margin-top:-438px; margin-left:-176px; z-index:999; display:none; border: 1px solid #666;}
#footer .familysite_on .ttl{color:#fff; font-size:13px; font-weight:bold; height:35px; line-height:33px; margin-left:20px;}
#footer .familysite_on .sitelist {width:1090px; background-color:#fff; margin:0 auto;}
#footer .familysite_on .sitelist ul li.box{float:left; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px 15px; width:187px; height:125px;}
#footer .familysite_on .sitelist ul li.box strong{color:#111; height:23px; font-size:13px; font-weight:normal; display:block;}
#footer .familysite_on .sitelist ul li.box p{color:#111; height:20px;}
#footer .familysite_on .sitelist ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#footer .familysite_on .sitelist ul li.box li{width:100%; padding:0; font-size:12px; line-height:18px; color:#666;}
#footer .familysite_on .sitelist ul li.box li a:hover{color:#111;}
#footer .familysite_on .go{width:1090px; background:#fff; margin:0 auto; font-size:12px; height:40px; line-height:38px;}
#footer .familysite_on .go ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#footer .familysite_on .go strong{float:left; color:#111; margin:0 10px 0 15px;}
#footer .familysite_on .go li{float:left; padding:0 7px; color:#666;}


.familysite_on .eduoneSiteList{background-color:#fff;}
.familysite_on .eduoneSiteList .colarea{width: 25%; box-sizing: border-box; border-right: 1px solid #d5d5d5; float:left; padding: 0px 25px 0 25px; min-height: 307px;}
.familysite_on .eduoneSiteList .colarea .eduoneBrand:first-child{padding-top: 25px;}
.familysite_on .eduoneSiteList .colarea .eduoneBrand{padding-bottom: 25px;}
.familysite_on .eduoneSiteList .colarea .eduoneBrand .kgBrand{font-size: 15px; color:#222; font-weight: bold; margin-bottom: 9px;}
.familysite_on .eduoneSiteList .colarea ul li{font-size: 13px; color:#666; margin-bottom: 6px; line-height: 21px}
.familysite_on .eduoneSiteList .colarea ul li a:hover{font-size: 13px; color:#666; font-weight: 600; text-decoration:underline !important;}

.familysite_on .eduoneSiteList .colarea ul li .iconRight{float:right}
.familysite_on .eduoneSiteList .colarea ul li em{font-size: 11px; color: #fff; display: inline-block; text-align: center; padding: 3px 5px; line-height: 1; margin: 0 2px;}
.familysite_on .eduoneSiteList .colarea ul li .online{background-color:#9db5ca;}
.familysite_on .eduoneSiteList .colarea ul li .offline{background-color:#bfabd2;}

.familysite_on .eduoneSiteList .colarea:last-child{border-right:none}
.familysite_on .eduoneSiteList:after{content:''; clear: both; display: block; }

.familysite_on .KG_familySite{background-color:#f5f5f5; border-top: 1px solid #666; padding: 13px 30px; }
.familysite_on .KG_familySite h5{display: inline-block; font-size: 13px; color:#222; font-weight: bold; vertical-align: top; width: 90px; margin-top:5px;}
.familysite_on .KG_familySite ul {display: inline-block; margin-left: 20px; width: 900px;}
.familysite_on .KG_familySite ul li{float:left; font-size: 13px; color:#666; margin-right: 17px; line-height: 24px}


/* 전체메뉴보기 */
.gnball_close{background-color:#febf14; width:50px; height:50px; text-align:center; line-height:42px; position:relative; left:1060px; margin-bottom:-30px; cursor:pointer;}
.gnball_on.active{display:block;}
.gnball_on{width:100%; background-color:#f7f7f7; position:fixed;height:100%;overflow-y:scroll; top:0; z-index:999; display:none; z-index:9999; min-width:1100px;}
.gnball_on dl{font-size:12px; float:left; width:220px;}
.gnball_on dl dt{color:#111; font-size:14px;}
.gnball_on dl dt a{font-weight:bold;}
.gnball_on dl dd.sttl{color:#e16726; margin-top:20px;}
.gnball_on dl dd.sttl a{font-weight:bold;}
.gnball_on dl dd{color:#666; line-height:15px; margin-bottom:10px; width:95%;}
.gnball_on dl dd.m20{margin-top:20px;}
.gnball_on .line{padding:30px 0; border-bottom:1px solid #dcdcdc;}
.gnball_on .line:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.freeze-scrolling { height:100%;overflow:hidden; }

/* 온에어효과 */
.dep1_li{position: relative;}
.dep1_li:nth-child(2):before{
/* content: '';
width: 8px;
height: 8px;
border-left: 1px solid transparent;
border-bottom: 1px solid transparent;
border-right: 1px solid #f00;
border-top: 1px solid #f00;
position: absolute;
top: -2px;
left: 54px;
background: #fff;
display: inline-block;
transform: rotate(135deg);
z-index: 9;
animation: motion 0.7s linear 0s infinite alternate; */
}
.dep1_li:nth-child(2):after{
/* content: 'On air';
display: inline-block;
color: #ff0000;
background-color: #fff;
border-radius: 15px;
position: absolute;
top: -23px;
border: 1px solid #ff0000;
text-align: center;
padding: 0px 10px;
font-weight: bold;
font-size: 12px;
width: 45px;
animation: motion 0.7s linear 0s infinite alternate;
margin-top: 0;
left: 26px;
height: 24px;
line-height: 24px; */
}

@keyframes motion {
0% {margin-top: 0px;}
100% {margin-top: 5px;}
}