@charset "UTF-8";

/* 나눔 웹폰트 가져오기 180115 morenvy.com */
/* Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

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: 'Nanum Gothic', '나눔고딕';
	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:-1px;}

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:#febf14;}
.org{color:#e06726;}

/* 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:#febf14; 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{width:120px; text-align:center; display:block; position:fixed; top:190px; right:0; z-index:99;}
.quick li{background-color:#fff; font-size:13px; color:#666; height:40px; line-height:40px; border-bottom:1px solid #dcdcdc;}
.quick li a{display:block;}
.quick li a:hover{color:#e06726;}
.quick .ttl{background:url('../images/sub/quick_ttl.png') no-repeat; width:120px; height:120px; line-height:42px; background-color:#e06726; text-align:left; color:#fff; font-size:12px; border:0;}
.quick .ttl a{font-weight:600; width:92px; height:95px; padding:25px 0 0 28px;}
.quick .ttl a:hover{color:#fff;}
.quick .ttl p{font-size:18px; line-height:0;}
.quick .call{height:75px; line-height:20px; font-size:12px; border:0; padding-top:15px;}
.quick .call strong{color:#333;}
.quick .call .number{font-size:16px; color:#e06726; font-weight:bold;}
.quick .top{height:33px; line-height:33px; font-size:12px; background-color:#999292; color:#fff; border:0;}
.quick .top a{letter-spacing:0;}
.quick .top a:hover{color:#fff;}

#header{min-width:1100px;}
#header #toplinks{height:40px; overflow:hidden; background-color:#6d6464;}
#header #toplinks:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#header #toplinks .kgfamily{float:left; background-color:#333; color:#fff; width:140px; line-height:40px; padding:0 13px;}
#header #toplinks .kgfamily p{float:left; color:#adadad; width:60px; background:url('../images/common/bul_arrow.png') no-repeat right center;}
#header #toplinks .kgfamily .swiper-container-kgfamily{display:inline-block; margin-left:7px; text-align:center;}
#header #toplinks .office{float:left; color:#b9aaaa; line-height:40px; padding:0 20px;}
#header #toplinks .office li{display:inline-block; margin:0 3px;}
#header #toplinks .office li a{margin-right:7px;}
#header #toplinks .office li.on a{font-weight:bold; color:#febf14;}
#header #toplinks .business{float:right; color:#fff; padding:13px 0 10px;}
#header #toplinks .business li{display:inline-block; margin-left:15px; border-left:1px solid #8f8888; padding-left:5px; height:27px;}
#header #toplinks .business li a{}

#header #gnb{position:fixed; color:#fff; width:100%; z-index:999;}
#header #gnb .toplogo{height:106px; margin:0 auto; text-align:center; position:relative;}
#header #gnb .toplogo .aws{position:absolute; top:23px; left:0;}
#header #gnb .toplogo .logo{padding-top:45px;}
#header #gnb .toplogo .logo a{}
#header #gnb .toplogo .call{font-size:24px; font-weight:bold; color:#febf14; position:absolute; top:45px; right:0;}
#header #gnb .toplogo .call .sns{margin-left:3px;}
#header #gnb .toplogo .call .sns a{display:inline-block;}
#header #gnb .toplogo .call .sns img{margin-top:3px;}
#header #gnb .toplogo .link{font-size:12px; color:#e06726; background-color:#fff; width:75px; height:23px; line-height:23px; display:inline-block; border-radius:20px; margin-left:5px; position:relative; bottom:4px;}
#header #gnb .toplogo .link a{}
#header #gnb .gnbmenu{border-top:1px solid #fff; border-bottom:1px solid #fff; border-color:rgba(255,255,255,0.3);}
#header #gnb .gnbmenu .dep1:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#header #gnb .gnbmenu .dep1{height:42px; font-size:16px; line-height:41px; text-align:right;}
#header #gnb .gnbmenu .dep1 > li{display:inline-block; width:119px; text-align:center; line-height:39px;}
#header #gnb .gnbmenu .dep1 > li:hover{width:117px;}
#header #gnb .gnbmenu .dep1 > li > a{display:block;}
#header #gnb .gnbmenu .active1{background-color:#fff; color:#111; width:117px; border:1px solid #f7f7f7; height:41px; 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; width:117px; background-color:#fff; font-size:12px; border:1px solid #f7f7f7; margin-left:-1px; margin-top:2px; 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:normal; 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{width: 100%; color:#febf14; font-weight:bold; /* background:url('../images/common/gnbmenu_arrow_on.png') no-repeat 127px center; */}

#header #gnb .gnbmenu #IK10000 .dep2{width: 205px;}
#header #gnb .gnbmenu #IK10000 .dep2 li{width: 205px;}
#header #gnb .gnbmenu #IK10000 .dep2 li a{width: 205px;}
#header #gnb .gnbmenu #IK10000 .dep2 li a:hover{width: 205px;}

#header #gnb .gnbmenu li.active2{width: 100%;}
#header #gnb .gnbmenu li.active2 a{color:#febf14; font-weight:bold; /* 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{border:0; background-color:#febf14; position:absolute; top:-12px; left:118px; min-width:200px; padding:20px 0;}
#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:normal; background:none; text-indent:5px; white-space:nowrap; padding:8px 20px 8px 10px;}
#header #gnb .gnbmenu .dep3 > li > a:hover{color:#fff; font-weight:bold; background:none; background-color:#4f4242;}
#header #gnb .gnbmenu li.active3{}
#header #gnb .gnbmenu li.active3 a{color:#fff; font-weight:bold; background:none; background-color:#4f4242;}

#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;}

#footer .familylogo{height:70px; background-color:#e9e6e6; padding-top:30px;}
#footer .familylogo .swiper-container-familylogo{width:1100px; margin:0 auto; overflow:hidden;}
#footer .familylogo .swiper-container-familylogo .swiper-wrapper{margin-left:-1px;}
#footer .familylogo .swiper-container-familylogo .swiper-slide:before{display:block; content:''; width:1px; height:40px; background:#d1cfcf; position:absolute;}

#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 a{margin-right:12px;}
#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; width:303px; list-style:disc; text-indent:-7px;}
#footer .footerinfo .info .address li strong{margin-right:10px;}
#footer .footerinfo .info .copyright{color:#999; font-size:11px; letter-spacing:0;}
#footer .footerinfo .info .links li:after{content:'';display:inline-block; width:1px; height:8px; background:#d1cfcf;}
#footer .footerinfo .info .links li:last-child:after{display:none;}
#footer .footerinfo .markisms{position: absolute; right: -105px;}

#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{position:fixed;}
.gnbmenu_all_scroll{position:absolute; top:10px; left:0; display:block; cursor:pointer;}
.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;}
}