/* GLOBAL STYLES  */
body {
	color: #424d55;
	font-size: 13px;
	-webkit-font-smoothing: antialiased !important;
	}


.header_set{background: url(../img/bg_gnb1.png) repeat left top;}	
#header{width:980px;margin:0 auto;background:none;}
.container { max-width: 980px; margin: 0 auto; padding: 0; }
.container .row { margin: 0 }
img { max-width: 100%; }
/* - Misc Styles - */
.title { font-size: 48px; font-weight: bold; text-align: center; text-transform: capitalize; }
.title-description { font-size: 18px; color: #424d55; text-align: center; padding: 15px 0px 60px; }
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.bold { font-weight: 700; }
.normal { font-weight: normal; }
.lighter { font-weight: lighter; }
.relative { position: relative; }
.absolute { position: absolute; }
.white { color: #FFFFFF; }
.white-bg { background-color: #FFFFFF; }
.italic { font-style: italic; }
.center { margin: 0 auto; display: block; text-align: center; }
.absolute { position: absolute; }
.no-padding { padding: 0; }
.animated { visibility: hidden; }
.visible { visibility: visible; }
/* - Button Styles - */
.food-btn { background: url(../../Koscom_files/main-btn.png) #e8635b; background-position: top; color: #FFFFFF; font-size: 20px; font-weight: 700; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.food-btn:hover,
.food-btn-focus { background-color: #272f35; color: #ffffff; border: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
/*  CUSTOM ELEMENTS  */

/*  LAYOUT  */
.scrolling{position:fixed;z-index:5000;bottom:50px;left:50%;margin-left:-37px;width:74px;height:74px}
/* - Header - */
#navigation { width: 100%; z-index: 1031; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.gnb { text-align: center }
.navbar { margin-bottom: 0px; }
.not-visible-nav { top: -400px; position: static; }
.visible-nav { top: 0; position: fixed; }
.white-nav { background: rgba(255, 255, 255, 0.97); }
.navbar-header .social-icon { display: none; width: 227px; float: left; padding: 15px; text-align: left; }
#navigation .toggle-logo { display: none; }
#navigation .toggle-logo img { height: auto; width: 80px; float: left; margin: 3px 0px 0 10px; }
/* - Sticky Container - */
.sticky-wrapper { position:fixed; z-index: 9999; width: 100%; }
.sticky-wrapper.is-sticky .top-container { position: relative; padding: 10px 13px 10px; }
.sticky-navigation { width: 100%; z-index: 1001; }
#top-section .collapse.in { z-index: 9999; }
#sticky-section { /*background: url(/portal/ima/main/gnb_bg.png);*/ height: 90px; }
/* - Navigation - */
.navbar-toggle { background-color: #2c3e50; margin-right: 12px; margin-top: 26px; }
.navbar-toggle .icon-bar { background-color: #FFFFFF; }
.navbar-right { text-align: right; }
.navbar-left { text-align: left; }
.paral_menu { margin: 0; text-align: center; padding: 0; display: block; }
#parallax li.logo-img { position: relative; width: 170px; }
#parallax li.logo-img img { position: absolute; top: -61px; left: 0px; padding: 0px 11px; }
.paralmenu li { display: inline-block; float: none; margin: 0 18px; }
.top-navbar { margin: 0; }
.top-navbar ul.nav a { font-size: 16px; font-weight: 400; font-style: normal; background: url(../img/parall_ico_off.png) no-repeat 50% 50%                                }
.navbar-nav { /*float: none;*/ position: absolute; right: 40px; top: 275px; width: 30px; }
.navbar-nav li a { width: 30px; height: 30px; padding: 0; margin: 0; font-size: 0; line-height: 0; text-indent: 100%; overflow: hidden; white-space: nowrap }
#parallax .nav li a,
#parallax .nav li a:focus { display: block; background: url(../img/parall_ico_off.png) no-repeat 50% 50%; color: #fff; }
#parallax .nav li a:hover,
#parallax .nav li.active a { background: url(../img/parall_ico_on.png) no-repeat 50% 50%; color: #eb645d; }
/*  SLIDER SECTION  */
/* - Text Slider - */
/*#header { height: 100%; }*/
/*  Page Section  */

/* Opening Hours */

/* Client Logo */
.client-logo { background: url(../../Koscom_files/client-bg.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.client-logo .section-inner { padding-bottom: 27px; padding-top: 49px; }
.clearout { height: 20px; clear: both; }
#flexiselDemo { display: none; }
.client-logo .nbs-flexisel-container { position: relative; max-width: 100%; }
.client-logo .nbs-flexisel-ul { position: relative; width: 9999px; margin: 0px; padding: 0px; list-style-type: none; text-align: center; }
.client-logo .nbs-flexisel-inner { overflow: hidden; float: left; width: 100%; }
.client-logo .nbs-flexisel-item { float: left; margin: 0px; padding: 0px; cursor: pointer; position: relative; line-height: 0px; }
.client-logo .nbs-flexisel-item img { width: 100%; cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px; max-width: 150px; max-height: 100px; }
/* Footer */
#footer_wrap{margin-top:0}
.footer .section-inner { padding-bottom: 0px; }
.footer .footer-logo { margin: 27px auto; }
#home { text-align: center; height: 740px; overflow: hidden;background:#000 }
.home_bg{position:absolute;z-index:0;width:100%;height:740px;}
.home_bg ul,
.home_bg ul li{width:100%;height:740px;}
.home_bg .flex-direction-nav{display: none;}
.home_bg ul li img{width:100%;height:100%}
#flashContent{position: absolute;left: 0;top: 0;width: 100%;height: 740px;}

#home .home_pattern {position:relative;z-index:10; width: 100%; height: 740px; text-align: center; background: url(../img/home_bg_pat1.png); }
#home .home_content { width: 980px; height: 100%; margin: 0 auto; text-align: center; position: relative; z-index: 100; }
#home .lastest_con {background: url(../img/last_bg.png) repeat 0 0;bottom: 0;height: 30px;position: absolute;width: 100%;z-index: 110;}
#home .lastest_con{background:#111;opacity: 0.95;filter: alpha(opacity=95);}
#home .lastest_con .lastest_off{margin:20px 0}
#home .lastest_con .lastest { width: 980px; margin: 0 auto; height: 30px; overflow:hidden}
#home .lastest_con .lastest .notice,
#home .lastest_con .lastest .info{float:left; margin:3px 0;}
#home .lastest_con .lastest .info{/* width:360px */position: relative;}
#home .lastest_con .lastest .info a{  position: absolute; left: 60px; top: 0; width: 210px;}
#home .lastest_con .lastest_off .info a{  position: absolute; left: 60px; top: 0; width: 414px;height: 114px;}
#home .lastest_con .lastest .info a span{visibility: hidden;}

#home .lastest_con .lastest h3{float:left;margin-right: 15px;color:#fff; }
#home .lastest_con .lastest ul{float:left;width: 280px;}
#home .lastest_con .lastest li{text-align:left;margin-bottom: 5px; width: 690px;}
#home .lastest_con .lastest .notice a,
#home .lastest_con .lastest .info .secu1{color:#f4f4f4;padding-left:10px;background: url(../img/bu1.gif) no-repeat left 45%;}
#home .lastest_con .lastest .notice a{display: block;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
#home .lastest_con .lastest .notice{margin-right: 15px;position: relative;}
#home .lastest_con .lastest .notice .newsmore{position: absolute;left: 27px;top: 30px;padding: 0;background: none;font-size: 12px;}


#home .lastest_con .lastest .info ul{width: 210px;}
#home .lastest_con .lastest .info span{display:inline-block}
#home .lastest_con .lastest .info li{text-align:left}
#home .lastest_con .lastest .secu1{width:58px;text-align:left}
#home .lastest_con .lastest .secu2{width:80px;text-align:right}
#home .lastest_con .lastest .secu3{width:40px;text-align:right}
#home .lastest_con .lastest .blue{color:#4d90ec}
#home .lastest_con .lastest .red{color:#f3790c}

#home .lastest_con .lastest .info .graph{float: left;padding-top: 3px;}

#home .lastest_con .lastest .lastest_close{float:right;margin-top:45px}
#home .lastest_con .lastest .lastest_open{float:right;margin-top:2px}

.slogan_con { position: absolute; z-index: 100; top: 214px; left: 38%; margin-left: -241px; }
.list_none,
.list_none li { list-style-type: none; }
.list_none li { display: inline-block; float: left; }
/* - Features Section - */

.home_btn_con { position: absolute; z-index: 100; top: 335px; left: 50%; margin-left: -460px; }
.home_btn_con ul { width: 880px;height:300px }
.home_btn_con li a { width: 220px; height: 270px;
	-moz-transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-khtml-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	}
.home_btn_con li a:hover img,
.home_btn_con li a:focus img,
.home_btn_con li a:active img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-transform: scale(1.1);
	-moz-transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-khtml-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	opacity: 1;
	}

#menu2 { overflow: hidden }
.copy { position: absolute; z-index: 150; }
.menu2 .copy { left: 0; top:70px;width:400px;height:500px }
.menu2 { height:690px; position: relative; z-index: 100; background: #f1f0ee url(../img/menu2_bg.gif) no-repeat left bottom                                }
.menu2 .container { position: relative; z-index: 100; width: 980px; height:690px; }
.menu2 .menu2_bg_con { position: absolute; z-index: 100; left: 0; top: 0; width: 100%; height:690px;}
.menu2 .menu2_bg_city{display:block;width:100%;height:800px;float:left; background:url(../img/menu1_anibg1.gif) no-repeat left bottom}
.menu2 .menu2_bg_con .arrow { position: absolute; z-index: 120; }
.menu2 .menu2_bg_con .menu2_bg1 { position: absolute; z-index: 110; right:15%;bottom:-90px; }
.menu2 .menu2_btn_con { position: absolute; z-index: 130; top:105px; right:14px; width:440px; height:460px; }
.menu2 .ani_toon{position:absolute;z-index:130; left:264px;top:349px;width:263px;height:263px;z-index: 999;}
.menu2 .ani_box1 { background: url(../img/menu2_bg_ani11.gif) no-repeat 50% 50%; position: absolute; left: 370px; top: 17px }
.menu2 .ani_box2 { background: url(../img/menu2_bg_ani2.gif) no-repeat 50% 50%; position: absolute; left:80px; top:144px }
.menu2 .ani_box3 { background:url(../img/menu2_bg_ani31.gif) no-repeat 50% 50%; position: absolute; width:314px;height:97px;right:-80px; top:10px; }

.animating {
	display: block;
	width: 300px;
	height: 300px;
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	}
/*
 @-webkit-keyframes rotatedOut {
 0% { -webkit-transform-origin: center center;-webkit-transform: rotate(0)}
 100% {-webkit-transform-origin: center center;-webkit-transform: rotate(200deg)}
}
*/
@keyframes rotatedOut {
 0% {transform-origin: center center;transform: rotate(0);}
 100% {transform-origin: center center;transform: rotate(200deg);}
}
.rotatedOut { -webkit-animation-name: rotatedOut; animation-name: rotatedOut; }


#menu3 { background: #e0dfdc; height:690px;overflow:hidden }
#menu3 .container { position: relative; width: 980px; }
#menu3 .container .txts { position: absolute; z-index: 120; top: 70px; width: 300px; height: 360px; }
#menu3 .container .txts img {float: left; max-width: inherit; }
#menu3 .container .txts_rts {position: absolute; z-index: 120; top:70px; right:-80px; width: 636px; height: 550px; text-align: right; }
#menu3 .container .txts_rts img { width: auto; /*float: left;*/ max-width: inherit;  margin-top: 52px; }
.menu3_bg_con div {position:absolute;top:0;width:204px;height:204px;text-align:center;}
.menu3_bg_con .menu3_bg1{left:205px;top:-59px;}
.menu3_bg_con .menu3_bg2{right:25px;top:43px;}
.menu3_bg_con .menu3_bg3{right:329px;top:264px;}
.menu3_bg_con .menu3_bg4{left:-147px;top:237px;width:112px;height:112px;}
.menu3_bg_con .menu3_bg5{right: -156px;top:156px;}
.menu3_bg_con .menu3_bg6{left: 140px;top: 265px;}
#menu3 .news{width:280px;height:260px;float:left;position:absolute;top:300px}
#menu3 .news h3{margin-top:-23px}
#menu3 .news .news-ctrl{position: absolute;right: 0;top: -15px;/* width:90px; */height:27px;z-index:319;text-align: right;}
#menu3 .news .news-ctrl button {width: 14px; height:19px; background: url(../img/popzone_ctrl.png) no-repeat 0 0; border: none; vertical-align: middle; overflow: hidden; cursor: pointer;float:left}
#menu3 .news .news-ctrl button span{z-index: -1;visibility:hidden}
#menu3 .news .news-ctrl .news_pre{ background-position: 0 0}
#menu3 .news .news-ctrl .news_next{ background-position:-12px 0}
#menu3 .news .news-ctrl .news_play{background-position: 0 0;}
#menu3 .news .news-ctrl .news_stop{background-position: -16px 0;}
#menu3 .news .news_bg{position:absolute;z-index:319;right:0;top:0;width:60px;height:300px;background:url(../../Koscom_files/vis_rt_bg.png) no-repeat 100% 0}
#menu3 .news .area ul{position:absolute;right: 0;top:0;padding-right: 30px;}
#menu3 .news .area ul li{float:left}
#menu3 .news .area ul li a{position: relative;z-index: 320}
#menu3 .news .area ul li .num .r,
.news .area ul li .num{background:url(../img/bu_ball_off.gif) no-repeat 0 0;font-size:0;line-height:28px}
#menu3 .news .area ul li .num{display:block;height:28px;overflow: hidden;top:-15px;right:0;margin-right:3px}
#menu3 .news .area ul li .num .r{display:block;overflow: hidden;width:12px;background-position:right 0}
#menu3 .news .area ul li .num .t{visibility:hidden}
#menu3 .news .area ul li .view{position: absolute;right:0;top:5px;display:block;z-index: 322;width: 280px;text-align: right;}
#menu3 .news .area ul li .view img{vertical-align: top;padding:6px;background:#cfcecc}
#menu3 .news .area ul li .view .con{text-align:left;margin-top:15px;display:inline-block;color:#666;line-height:129%;margin-right: 129px;}
#menu3 .news .area ul li.on .num .r,
.news .area ul li.on .num{background:url(../img/bu_ball_on.gif) no-repeat 0 0}
#menu3 .news .area ul li.on .num .r{width:12px;background-position:right 0}
#menu3 .news .area ul li.on .view{display:block}
#menu3 .news .btn_news{position:absolute;top:118px;left:30px}
#menu3 .news .btn_news a{padding-left:10px}

#menu4 {position:relative; background:#b6b4b0; height:690px; }
#menu4 .container { position: relative; width: 980px; }
#menu4 .container .txts { position: absolute; z-index: 120; top:108px; width: 480px; height: 580px; }
#menu4 .container .txts img { width: auto; float: left; max-width: inherit; }
#menu4 .container .txts_rts { position: absolute; z-index: 120; top:108px; right: 0; width: 390px; height: 550px; text-align: right; }
#menu4 .container .txts_rts .tit{font-size: 18px;font-weight: bold;padding-right: 20px;}
#menu4 .container .txts_rts .img{padding: 20px;}
#menu4 .container .txts_rts .img a{border: 10px solid #fff;width: 320px;max-height: 440px;overflow: hidden;position: relative;display: block;float: right;}
#menu4 .container .txts_rts .img a img{width: 320px;height: auto;}
/*#menu4 .container .txts_rts img { width: 320px; float: right; max-width: inherit; }*/
#menu4 .container .txts .movie{padding:10px;background:#fff;clear:both;margin:0 0 10px 0;height:290px;}
#menu4 .container .txts .movie iframe{border: none;}
#menu4 .ani_box1 { background:url(../img/menu4_bgs1.gif) no-repeat 50% 50%; position: absolute; left:0; top:0;width:257px;height:268px}
#menu4 .ani_box2 { background:url(../img/menu4_bgs2.gif) no-repeat 50% 50%; position: absolute; left:610px; top:0;width:313px;height:324px}
#menu4 .ani_box3 { background:url(../img/menu4_bgs3.gif) no-repeat 50% 50%; position: absolute;right:20px; top:0; width:313px;height:324px;}
#menu4 .ani_box4 { background:url(../img/menu4_bgs4.gif) no-repeat 100% 50%; position: absolute;right:20px; bottom:0; width:257px;height:268px;}
#menu4 .ani_box5 { background:url(../img/menu4_bgs5.gif) no-repeat 100% 50%; position: absolute;left:0; bottom:0; width:257px;height:268px;}
#menu4 .ani_box6 { background:url(../img/menu4_bgs6.gif) no-repeat 100% 50%; position: absolute;left:50%; bottom:0; width:257px;height:130px;}
#menu4 .ani_box7 { background:url(../img/menu4_bgs8.gif) no-repeat 100% 50%; position: absolute;left:15%; top:60%; width:56px;height:56px;}
#menu4 .ani_box8 { background:url(../img/menu4_bgs9.gif) no-repeat 100% 50%; position: absolute;right:14%; top:46%; width:56px;height:56px;}

#menu5 { background: #512caf url(../img/cts_gp5_bg1.png) repeat-x 50% 0; height:690px;position:relative; }
#menu5 .ani_box{ position: absolute; width: 31px; height: 31px; }
#menu5 .ani_box1 {left: 1112px; top: 122px; }
#menu5 .ani_box2 { left: 315px; top: 74px }
#menu5 .ani_box3 { right:20px; top:0}
#menu5 .ani_box4 { right: 948px; top: 95px }
#menu5 .ani_box5 { right: 1047px; top: 229px }
#menu5 .ani_box6 { right: 412px; top: 86px }
#menu5 .ani_box7 { left: 1557px; top: 189px;  }

#menu5 .container { position: relative; width: 980px; }
#menu5 .container .txts { position: absolute; z-index:120; top:70px; width: 300px; height: 360px; }
#menu5 .container .txts img { width: auto; float: left; max-width: inherit; }
.footer { width: 100%; text-align: center; background: url(../../Koscom_files/foot_bg.gif) repeat-x; }
/* add animate */

.animating1 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }
/*
@-webkit-keyframes mot_pulse {
 0% 	{-webkit-transform: scale(1); }
 50% 	{-webkit-transform: scale(1.1); }
 100% 	{-webkit-transform: scale(1); }
}
*/
@keyframes mot_pulse {
 0% 	{transform: scale(1)}
 50% 	{transform: scale(1.1)}
 100% 	{transform: scale(1)}
}
.ani_mot1_pulse { -webkit-animation-name: mot_pulse; animation-name: mot_pulse; }


/* 자본시장 서브메인 */
#capitalSm{width:100%;min-width:980px;position:relative}
#capitalSm .bg{height:590px;width:100%;background: url(../../Koscom_files/submain_bg.jpg) center 0 no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: repeat-x;
	-webkit-background-size: cover;
	background-size        : cover;
	}
#capitalSm .bg img{width: 100%;height: 100%;min-width: 980px}
.capitalSm_r{position:relative;width:1100px;margin:0 auto;text-align:center;overflow:hidden}
.capitalSm_contents{position:absolute;width:100%;}
.capitalSm_contents h2{font-size:30px;margin:120px 0 50px 0;color:#000}
.capitalSm_contents li{margin-left:16px;width:150px;/*float:left*/display: inline-block;vertical-align: top;}
.capitalSm_contents li a{display:block;color:#000;font-weight:600;font-size:16px;padding-top:165px;}
.capitalSm_contents li:first-child{margin-left:0}
.capitalSm_contents li.imgC1{background:url(../../Koscom_files/img_submain1.png) no-repeat left top}
.capitalSm_contents li.imgC2{background:url(../../Koscom_files/img_submain2.png) no-repeat left top}
.capitalSm_contents li.imgC3{background:url(../../Koscom_files/img_submain3.png) no-repeat left top}
.capitalSm_contents li.imgC4{background:url(../../Koscom_files/img_submain4.png) no-repeat left top}
.capitalSm_contents li.imgC5{background:url(../../Koscom_files/img_submain5.png) no-repeat left top}
.capitalSm_contents li.imgC6{background:url(../../Koscom_files/img_submain6.png) no-repeat left top}