@charset "utf-8";
/**header시작**/
.header, .sub_header{top:-90px;z-index:99;min-width:1200px;width:100%;height:100px;box-sizing:border-box;transition:top 0.5s ease-in-out}
h1{width:130px; height:100px; padding:38px 0; float:left; box-sizing:border-box;}
.header > .inner, .sub_header > .inner{width:1620px;margin:0 auto;}

/*GNB 위치수정 0527 */
/* .gnb{display:block; min-width:900px; height:100px; margin-left:60px; padding-top:40px; float:left;} */
.gnb{display:block; min-width:900px; height:100px; margin-left:384px; padding-top:40px; float:left;}
.gnb > ul > li{display:inline-block;margin-left:25px;}
.gnb > ul > li:first-child{margin-left:0;}
.gnb > ul > li > a{display:block;padding:0 10px;color:#222;}
.gnb > ul > li.on > a{position:relative; font-weight:700;}
.gnb > ul > li.on > a:after{content:'';position:absolute;left:0;right:0;top:56px;height:4px;background-color:#00bab3;}
.gnb > ul > li.on .depth2Area{display:block;}

.gnb .depth2Area{display:none;position:absolute;top:100px; left:0; right:0; z-index:999;background-color:#fff; border-top:1px solid #E8E8E8;box-shadow:0 30px 32px rgba(0, 0, 0, 0.05);}
.gnb .depth2Area .inner{width:1620px; margin:0 auto; padding:40px 114px 80px 0; box-sizing:border-box;}

.gnb .depth2Area .inner .column4.top{justify-content: space-between;padding-left: 406px;padding-right: 45px;}
.gnb .depth2{font-size:0;line-height:0;display: flex;justify-content: flex-end;flex-wrap: wrap;}
.gnb .depth2 > li{/*display:inline-block;width:200px;*/margin-bottom:45px;vertical-align:top;display: inline-flex;flex-direction: column;padding-left: 130px;}
.gnb .depth2 > li a{display: block;}
.gnb .depth2 > li strong{font-weight:bold;font-size:20px;line-height:27px;}
.gnb .depth2 > li > strong{display:block;position:relative;}
.gnb .depth2 > li > strong.under:after{content:'';display:block;position:absolute;left:0;top:40px;width:30px;height:2px;background-color:#222222;}
.gnb .depth2 > li > a > strong{display:inline-block;}
.gnb .depth2 > li > a:hover strong{color:#00bab3;}
.gnb .depth3{margin-top:50px;}
.gnb .depth3 > li{margin-top:14px;font-size:0;line-height:0;}
.gnb .depth3 > li > a{color:#666666;font-size:18px;line-height:1;}
.gnb .depth3 > li > a:hover{font-weight:500;color:#00bab3;}
.gnb .company_menu .depth2 > li:nth-child(3) > a > strong {position:relative; /*left:-45px;*/}

.flex-column{display: flex;flex-direction: column;}

/*GNB 위치수정 0527 */
/* .right_menu{width:160px; height:100px; float:left; margin-left:370px} */
.right_menu{ height:100px; float:left; margin-left:0}
.right_menu a{display:block; float:left;}
/*GNB 위치수정 0527 */
/* .wts_login{margin-right:40px; line-height:100px; font-size:18px;} */
.wts_login{line-height:100px; font-size:16px;color:#222; border: 1px solid #e8e8e8;margin-left: 40px;box-sizing: border-box;padding: 8px 12px;border-radius: 50px;background-color: #f5f5f5;}
.ham_menu{width:32px; height:32px; margin:34px 0; display:block; background:url('../images/ham.png') center no-repeat;}

.popup_menu {display:none; position:absolute; top:100px; left:0; right:0; z-index:999; padding-bottom:60px; background-color:#fff; border-top:1px solid #E8E8E8; box-shadow:0 30px 32px rgba(0, 0, 0, 0.05);}
.popup_menu > ul{width:1620px; margin:0 auto; padding:0 0 80px 200px;}
.popup_menu > ul > li{width:100%; display:block; float:left; clear:both; padding-top:60px; border-bottom:solid 1px #e8e8e8;}
.popup_menu > ul > li:last-child{border:none;}
.popup_menu .depth2Title{width:310px; height:100%; display:flex; float:left; font-size:30px; font-weight:bold; color:#222222; margin-right:0;}
.popup_menu .depth2Area{width:1100px; float:left;}
.popup_menu .depth2Area .inner{box-sizing:border-box;}
.popup_menu .depth2{font-size:0;line-height:0;}
.popup_menu .depth2 > li{width:275px;float:left; margin-bottom:60px;}
.popup_menu .depth2 > li strong, .popup_menu .depth2 > li > strong > a{font-weight:bold;font-size:20px; color:#666666; line-height:27px;}
.popup_menu .depth2 > li > strong{display:block;position:relative;}
.popup_menu .depth2 > li > a > strong{display:inline-block;}
.popup_menu .depth2 > li > a:hover strong{color:#00bab3;}
.popup_menu .depth3{margin-top:20px;}
.popup_menu .depth3 > li{margin-bottom:12px;font-size:0;line-height:0;}
.popup_menu .depth3 > li > a{color:#666666;font-size:16px;line-height:1;}
.popup_menu .depth3 > li > a:hover{font-weight:500;color:#00bab3;}

.popup_menu .depth4{margin-top:8px;}
.popup_menu .depth4 > li{margin-bottom:12px;font-size:0;line-height:0;}
.popup_menu .depth4 > li > a{color:#999;font-size:14px;line-height:1;}
.popup_menu .depth4 > li > a::before{content: '-';padding-right: 3px;}
.popup_menu .depth4 > li > a:hover{font-weight:500;color:#00bab3;}

/* 사이트맵  */
.site-map {display: block;}
.site-map.popup_menu>ul {padding: 0;}
.site-map.popup_menu {position: static;box-shadow: none;border-top: none;}
.site-map.popup_menu>ul {width: 1540px}
.site-map.popup_menu .depth2>li {width: 275px;min-height: 151px;float: left;margin-bottom: 60px;}
.site-map.popup_menu > ul > li:first-child{padding-top: 0;}

/**header끝**/
/***mainpage시작***/
.main_banner{position:relative;width:1920px; height:650px;}
.main_banner .title-txt{position:absolute;top:180px;left:340px; font-size: 50px;color:#222;text-align: left;line-height: 1.4;font-weight: 500;}
.main_banner.img01{ background:url('../images/bg_main_kv_01.png') center no-repeat;}
.main_banner.img02{ background:url('../images/bg_main_kv_02.png') center no-repeat;}

.main-banner-swiper .swiper-button-next,
.main-banner-swiper .swiper-button-prev {
    position: absolute;
    background-size: 8px 14px;
    top: 57.7%;
    left:20%;
    width: 8px;
    height: 14px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-banner-swiper .swiper-button-next{
    background: url(../images/btn_main_swiper_next.png) no-repeat 0 0;


}
.main-banner-swiper .swiper-button-prev {
    background: url(../images/btn_main_swiper_prev.png) no-repeat 0 0;

}
.main-banner-swiper .swiper-button-next.swiper-button-disabled,
.main-banner-swiper .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.main-banner-swiper .swiper-button-next:after,
.main-banner-swiper .swiper-button-prev:after {
    display: none;
}

.main-banner-swiper .swiper-button-prev,
.main-banner-swiper .swiper-rtl .swiper-button-next {
    left: 588px;
    right: auto
}

.main-banner-swiper .swiper-button-prev:after,
.main-banner-swiper .swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.main-banner-swiper .swiper-button-next,
.main-banner-swiper .swiper-rtl .swiper-button-prev {
    left:618px;
    right: auto;
}

.main-banner-swiper .swiper-button-next:after,
.main-banner-swiper .swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.main-banner-swiper .swiper-button-lock {
    display: none
}
.main-banner-swiper .swiper-horizontal>.swiper-pagination-progressbar,
.main-banner-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal,
.main-banner-swiper .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.main-banner-swiper .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 150px;
    height: 4px;
    left: 370px;
    top: 358px
}
.main-swiper-num{position: absolute;top: 352px;left: 340px;z-index: 1000;}
.main-swiper-num p{float: left;font-size: 16px;color:#222;font-weight:500 ;}
.main-swiper-current{margin-right: 180px;}
.main-swiper-total{}

.main-banner-swiper .swiper-pagination-progressbar {
    background: #999;
}
.main-banner-swiper .swiper-pagination-bullet-active {
    background: #222
}
.main-banner-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #222;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}
.play-controll{position:absolute;top:352px;left:641px;z-index: 10001;}
/* notice */

.notice_list .swiper-button-next,
.notice_list .swiper-button-prev {
    position: absolute;
    background-size: 16px 9px;
    top: 50%;
    width: 16px;
    height: 9px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notice_list .swiper-button-next{
    background: url(../images/down_btn.svg) no-repeat 0 0;


}
.notice_list .swiper-button-prev {
    background: url(../images/up_btn.svg) no-repeat 0 0;

}
.notice_list .swiper-button-next.swiper-button-disabled,
.notice_list .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.notice_list .swiper-button-next:after,
.notice_list .swiper-button-prev:after {
    display: none;
}

.notice_list .swiper-button-prev,
.notice_list .swiper-rtl .swiper-button-next {
    left: 998px;
    top:22px;
    right: auto
}

.notice_list .swiper-button-prev:after,
.notice_list .swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.notice_list .swiper-button-next,
.notice_list .swiper-rtl .swiper-button-prev {
    left:998px;
    top:45px;
    right: auto;
}

.notice_list .swiper-button-next:after,
.notice_list .swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.notice_list .swiper-button-lock {
    display: none
}

/* //notice */

/* Container DIV - automatically generated */
#symple-scroll .simply-scroll-container {
    position: relative;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) -2%, #f5f5f5 69%);
}

#symple-scroll .simply-scroll-container a{
    display:block;
}


/* Clip DIV - automatically generated */
#symple-scroll .simply-scroll-clip {
    position: relative;
    overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
#symple-scroll .simply-scroll-list {
    overflow: hidden;
    margin-top: 40px;
    padding: 0;
    list-style: none;
}

#symple-scroll .simply-scroll-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#symple-scroll .simply-scroll-list li img {
    border: none;
    display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
#symple-scroll .simply-scroll {
    width: 97%;
    height: 100px;
    margin-bottom: 1em;
}

/* Clip DIV */
#symple-scroll .simply-scroll .simply-scroll-clip {
    width: 97%;
    height: 100px;
}

/* Explicitly set height/width of each list item */
#symple-scroll .simply-scroll .simply-scroll-list li {
    float: left; /* Horizontal scroll only */
    width: 290px;
    height: 100px;
}

/* Default pause button rules */
#symple-scroll .simply-scroll-btn {
    position: absolute;
    background: url(../../asset/images/icon_STOP.svg) no-repeat;
    width: 7px;
    height: 10px;
    z-index:3;
    cursor: pointer;
}

#symple-scroll .simply-scroll-btn-pause {
    right: -37px;
    bottom: 45px;
    background-position: 0 0;
}
#symple-scroll .simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {
    background-position: 0 0;
}

#symple-scroll .simply-scroll-btn-pause.active {
    background-position: 0 0;
    background: url(../../asset/images/icon_play.png) no-repeat;
}
#symple-scroll .simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {
    background-position: 0 0;
}
.main_section01{width:1240px; height:320px; margin:0 auto;}
.main_section01 .left_area{width:565px; height:320px; float:left; padding-top:90px;}
.index_text{position:relative; margin-bottom:50px;}
.index_title{font-size:36px; color:#222222; font-weight:bold; margin-bottom:20px; position:relative; padding-right:20px; display:inline-block;}
.point:before{content:''; width:8px; height:8px; position:absolute; bottom:5px; right:10px; border-radius:4px; background:#00bab3; display:block;}
.question{line-height:1.2;}
.question:before{content:''; width:17px; height:29px; position:absolute; bottom:8px; right:0px; border-radius:4px; background:url('../images/question.svg') no-repeat; display:block;}
.index_sub{font-size:18px; color:#999999;}
.more_content{padding-right:15px; position:absolute; bottom:0; right:0; font-size:16px; color:#666666;}
.more_content:before{width:8px; height:16px; content:''; background:url(../images/more_content.svg) no-repeat; position:absolute; top:0; right:0;}
.info_list{width:675px; float:left;}
.info_list li{width:225px; height:320px; float:left; text-align:center; padding:80px 0;}
.info_list li span{width:60px; height:60px; display:block; margin:0 auto 24px auto;}
.info_list li p{font-weight:bold; font-size:20px; color:#222222; margin-bottom:24px; text-align:center;}
.info_list li button{width:81px; height:34px; border:solid 1px #e8e8e8; margin:0 auto; font-size:14px;}
.main_icon01{background:url('../images/main_icon01.svg') center no-repeat;}
.main_icon02{background:url('../images/main_icon02.svg') center no-repeat;}
.main_icon03{background:url('../images/main_icon03.svg') center no-repeat;}
.main_section02{width:1240px; height:100px; margin:0 auto 120px auto; position:relative;}
.kospi{width:calc(100% - 10px); height:20px; padding-top:40px;}
.kospi li{width:25%; float:left;}
.kospi li p{float:left;}
.finance_title{font-size:18px; color:#666666; margin-right:20px; line-height:20px;}
.fianace_value{font-size:20px; color:#222222; font-weight:bold; margin-right:20px;}
.increase{font-size:18px; font-weight:bold; color:#ff2c2c; position:relative; padding-left:16px;}
.increase:before{content:''; width:8px; height:8px; background:url("../images/increase.svg") no-repeat; position:absolute; top:5px; left:0px;}
.decrease{font-size:18px; font-weight:bold; color:#0085ff; position:relative; padding-left:16px;}
.decrease:before{content:''; width:8px; height:8px; background:url("../images/decrease.svg") no-repeat; position:absolute; top:5px; left:0px;}
.play_pause{width:10px; height:10px; position:absolute; top:45px; right:0; background:url("../images/icon_STOP.svg") right no-repeat;}
.main_product{width:100%; display:inline-block; padding-bottom: 50px !important;}
.main_product ul li{width:25%; height:340px; float:left; border:solid 1px #e8e8e8; padding:50px 40px;}
.main_product .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: #ccc;
    opacity: 1;
}
.main_product .swiper-pagination-bullet-active {
    opacity: 1;
    background: #00bab3;
}
.product_hash{height:32px; line-height:32px; margin-bottom:24px; padding:0 20px; font-weight:500; font-size: 16px; border-radius:16px; background:rgba(0, 186, 179, 0.1); color:#00bab3; display:inline-block;}
.product_name{font-size:22px; font-weight:bold; color:#222222; margin-bottom:100px; line-height:1.5;}
.product_company{font-size:18px; color:#666666;}
.main_section03{width:1240px; margin:0 auto 70px auto;}
.news_list{height:220px; display:inline-block;}
.news_list ul{height:220px;}
.news_list ul li{width:calc(1210px / 3); height:220px; border-radius:10px; border:solid 1px #e8e8e8; float:left; margin-right:15px; line-clamp:2; position:relative;}
.news_list ul li a{display:inline-block; width:100%; height:100%; padding:40px;}
.news_list ul li:nth-child(3n-2){background:#f5f5f5;}
.news_list ul li:nth-child(3n-1){background:#fdf7f0;}
.news_list ul li:nth-child(3n){background:#F0F8FB;}
.news_list ul li:last-child{margin-right:0;}
.news_list ul li .news_title{height:54px; line-height:27px; font-size:22px; color:#222222; margin-bottom:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient: vertical}
.news_list ul li .news_date{font-size:16px; float:left; color:#999999; padding-right:16px; margin-right:15px; position:relative;}
.news_list ul li .news_date:before{content:""; position:absolute; width:1px; height:12px; background:#dddddd; right:0;}
.news_list ul li .news_link{font-size:16px; font-weight:500; color:#222222; float:left;}
.main_section04{width:1240px; height:564px; margin:0 auto; padding:100px 0;}
.main_section04 ul li{width:calc(50% - 20px); float:left;}
.main_section04 ul li:first-child{margin-right:40px;}
.index_text02{position:relative; margin-bottom:60px;}
.index_title02{font-size:30px; color:#222222; font-weight:bold; margin-bottom:16px;}
.index_sub02{font-size:18px; color:#666666;}
.main_section05{width:1240px; height:110px; margin:0 auto;/* padding:46px 0;*/ position:relative;}
.notice_title{width:90px; height:24px; padding-top:46px; font-size:24px; font-weight:bold; color:#222222; margin-right:120px; float:left;}
.notice_list{width:calc(100% - 226px); height:24px; float:left; overflow:hidden;}
.notice_list li{height:24px; font-size:20px; color:#666666;}
.notice_control{width:16px; height:32px; position:absolute; right:0; top:39px;}
.swiper.notice_list{height:32px;margin-top:38px}
				.swiper.notice_list .swiper-slide {
					text-align: left;
					width:100%;
					font-size: 18px;
					background: #fff;
					padding-top:8px;
					/* Center slide text vertically */
					display: -webkit-box;
					display: -ms-flexbox;
					display: -webkit-flex;
					display: flex;
					-webkit-box-pack: left;
					-ms-flex-pack: left;
					-webkit-justify-content: left;
					justify-content: left;
					-webkit-box-align: left;
					-ms-flex-align: left;
					-webkit-align-items: left;
					align-items: left;
				}

				.swiper.notice_list .swiper-slide img {
					display: block;
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
.list_up{width:16px; height:9px; background:url("../images/up_btn.svg") center no-repeat; margin-bottom:14px}
.list_down{width:16px; height:9px; background:url("../images/down_btn.svg") center no-repeat;}
.main-banner-swiper {min-width: 1240px;height: 650px;}
.main-banner-swiper .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.main-banner-swiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
/***mainpage끝***/
/***contents시작***/
/*02.회사소개 시작*/
.intro h4{line-height:1.2;}
.intro p{line-height:1.5;}
.intro_text{text-align:center; font-size:50px; letter-spacing:0.3; margin:120px 0 80px; line-height:1.2;}
.intro_img{width:100%; height:420px; display:block; background:url('../images/info_img01.png') no-repeat;}
.intro_list{display:table;}
.intro_list li{width:605px; height:400px; margin-bottom:60px; display:table-cell; float:left; vertical-align:middle;}
.intro_list li div{position:relative; top:50%; transform:translateY(-50%);}
.intro_list li:nth-child(1), .intro_list li:nth-child(4){padding:0 10px 0 50px;}
.intro_list li:nth-child(3), .intro_list li:nth-child(4){margin-bottom:0;}
.intro_list li:nth-child(even){margin-left:30px;}
.info_img01{width:100%; height:420px; display:block; background:url('../images/info_img02.png') no-repeat;}
.info_img02{width:100%; height:100%; display:block; background:url('../images/info_img02.png') no-repeat;}
.info_img03{width:100%; height:100%; display:block; background:url('../images/info_img03.png') no-repeat;}
.com_info{display:inline-block; margin-bottom:30px;}
.com_info li{width:175px; height:20px; margin-bottom:30px; float:left; }
.com_info li:nth-child(4){width:400px;}
.com_info li:nth-child(5){clear:both;}
.com_info li:nth-child(odd){font-weight:500; width:95px;}
.history_list ul{display:inline-block;}
.history_list ul>li{margin-bottom:80px; float:left; clear:both;}
.history_list ul>li:last-child{margin-bottom:60px;}
.history_year{width:210px; height:100%; font-weight:bold; font-size:30px; float:left; color:#222222;}
.history_list ul>li ul{width:calc(100% - 210px); float:left; color:#222222;}
.history_list ul>li li{display:flex;flex-direction:row; clear:both; margin-bottom:30px;}
.history_list ul>li li:last-child{margin-bottom:0;}
.history_list ul>li li .history_date{width:85px; margin-right:40px;}
.history_list ul>li li .history_text{width:calc(100% - 125px);}
.history_list ul>li li .history_text p{margin-bottom:30px;}
.history_list ul>li li .history_text p:last-child{margin-bottom:0;}
.president div:first-child{width:605px; height:400px; margin-right:80px; float:left;}
.president div:last-child{width:555px; float:left; margin-bottom:160px; display:block;}
.president_title{font-family:NotoSansKR; font-size:40px; margin-bottom:80px; line-height:1.4; color:#222222;}
.president ul li:nth-child(odd){margin-bottom:30px; font-weight:bold; color:#222222;}
.president ul li:nth-child(even){margin-bottom:40px; line-height:1.6;}
.president_name{text-align:right;}
.president_name span{font-weight:bold;}
.contact .map_area{width:1240px; height:600px; margin-bottom:80px; background:#00bab3;}
.contact ul{display:inline-block;}
.contact ul li{float:left; color:#222222; margin-bottom:30px;}
.contact ul li:nth-child(odd){width:80px; margin-right:40px; font-weight:bold;}
.contact ul li:nth-child(even){width:calc(100% - 120px);}
.company h5{margin:20px 0 40px 0;}
.company .content_box{width: 100%; height: 350px; margin-top:70px; border:1px solid #e8e8e8; background-color: #f9f9f9; padding: 60px;}
.company .content_box ul::after{content: ''; display: block; clear: both;}
.company .content_box ul>li{width:50%; float:left;}
.company .content_box ul>li>ul>li{width:100%; margin-bottom: 38px;}
.company .content_box ul>li>ul>li:last-child{margin-bottom: 0px;}
.company .content_box li a{display: inline-block; position: relative; font-size: 20px;}
.company .content_box ul>li>ul>li a:hover{color: #00BAB3; font-weight: bold;}
.company .content_box ul>li>ul>li a:hover::after{content: ''; display: block; width: 100%; height: 3px; background-color: #00BAB3; position: absolute; bottom: 0; left: 0;}
.company .inner_contents .contents_text{ margin-bottom: 25px;}
.company .inner_contents ul li, .company .inner_contents p{line-height: 1.5;}
.company .inner_contents p:first-child{margin-top: 0;}
.company .inner_contents p:last-child{margin-bottom: 0;}
.company .inner_contents p strong{display: inline-block; padding-right: 3px; color: #666666;}
.company .inner_contents .num_list li{line-height: 1.5;}
.company .inner_contents:nth-child(9) h4+.contents_text+h5{margin: 40px 0 24px;}
.company .inner_contents h4+p+p{letter-spacing: -0.4px;}
.list_text01{margin-bottom: 10px;}
.list_text02{margin-bottom: 7px;}
.list_text03{margin: 40px 0 7px;}
.other_text{color: #999999; font-size: 18px; margin: 10px 0 20px;}
.countBold_list>li strong{display: inline-block; margin: 0 0 7px 20px; color: #666666;}
.countBold_list>li{ margin-bottom: 20px; position:relative;}
.countBold_list>li:nth-child(1):before{content:"1.";display:block; position:absolute;left:0px;top:0px; font-weight: bold;}
.countBold_list>li:nth-child(2):before{content:"2.";display:block; position:absolute;left:0px;top:0px; font-weight: bold;}
.countBold_list>li:nth-child(3):before{content:"3.";display:block; position:absolute;left:0px;top:0px; font-weight: bold;}
.countBold_list>li:nth-child(4):before{content:"4.";display:block; position:absolute;left:0px;top:0px; font-weight: bold;}
.countBold_list>li:nth-child(5):before{content:"5.";display:block; position:absolute;left:0px;top:0px; font-weight: bold;}
.countBold_list>li:nth-child(6):before{content:"6.";display:block; position:absolute;left:0px;top:0px; font-weight: bold;}
.countBold_list>li:nth-child(7):before{content:"7.";display:block; position:absolute;left:0px;top:0px; font-weight: bold;}
.countBold_list>li:nth-child(8):before{content:"8.";display:block; position:absolute;left:0px;top:0px; font-weight: bold;}
.countBold_list>li:nth-child(9):before{content:"9.";display:block; position:absolute;left:0px;top:0px; font-weight: bold;}

.count_list li{margin: 5px; padding-left:20px; position:relative;}
.count_list li:nth-child(1):before{content:"1.";display:block; position:absolute;left:0px;top:0px;}
.count_list li:nth-child(2):before{content:"2.";display:block; position:absolute;left:0px;top:0px;}
.count_list li:nth-child(3):before{content:"3.";display:block; position:absolute;left:0px;top:0px;}
.count_list li:nth-child(4):before{content:"4.";display:block; position:absolute;left:0px;top:0px;}
.count_list li:nth-child(5):before{content:"5.";display:block; position:absolute;left:0px;top:0px;}
.count_list li:nth-child(6):before{content:"6.";display:block; position:absolute;left:0px;top:0px;}
.company .type01 li{padding-left: 0px; position: relative;}
.company .type01 li span{display: inline-block; letter-spacing: -0.4px; padding-left: 20px; line-height: 1.6;}
.company .type01 li:nth-child(10) span{padding-left: 30px;}
.company .type01 li:nth-child(1):before{content:"1.";display:block; position:absolute;left:0px;top:0px;}
.company .type01 li:nth-child(2):before{content:"2.";display:block; position:absolute;left:0px;top:0px;}
.company .type01 li:nth-child(3):before{content:"3.";display:block; position:absolute;left:0px;top:0px;}
.company .type01 li:nth-child(4):before{content:"4.";display:block; position:absolute;left:0px;top:0px;}
.company .type01 li:nth-child(5):before{content:"5.";display:block; position:absolute;left:0px;top:0px;}
.company .type01 li:nth-child(6):before{content:"6.";display:block; position:absolute;left:0px;top:0px;}
.company .type01 li:nth-child(7):before{content:"7.";display:block; position:absolute;left:0px;top:0px;}
.company .type01 li:nth-child(8):before{content:"8.";display:block; position:absolute;left:0px;top:0px;}
.company .type01 li:nth-child(9):before{content:"9.";display:block; position:absolute;left:0px;top:0px;}
.company .type01 li:nth-child(10):before{content:"10.";display:block; position:absolute;left:0px;top:0px;}
.count_list li:last-child{margin-bottom:0;}
.inner_contents .korean_list li>ul{list-style: none; }
.company .korean_list>li{ padding-left: 35px; margin-bottom: 20px; line-height: 1.5; position: relative;}
.inner_contents .korean_list>li:nth-child(1)::before{content: '㉮'; display: block; position: absolute; left: 0;top: 0;}
.inner_contents .korean_list>li:nth-child(2)::before{content: '㉯'; display: block; position: absolute; left: 0;top: 0;}
.inner_contents .korean_list>li:nth-child(3)::before{content: '㉰'; display: block; position: absolute; left: 0;top: 0;}
.inner_contents .korean_list>li:nth-child(4)::before{content: '㉱'; display: block; position: absolute; left: 0;top: 0;}
.inner_contents .korean_list>li:nth-child(5)::before{content: '㉲'; display: block; position: absolute; left: 0;top: 0;}
.inner_contents .korean_list>li:nth-child(6)::before{content: '㉳'; display: block; position: absolute; left: 0;top: 0;}
.company .inner_contents .type02 tr th, .company .inner_contents .type02 tr td{line-height: 2;}
.company .inner_contents .type02 tr td{border-right: 1px solid #eeeeee; letter-spacing: -1px; line-height: 1.5;}
.company .inner_contents .type02 tr td:last-child{border-right: 0;}
.company .inner_contents .type02 tr td>ul li{padding-left: 23px; position: relative;}
.company .inner_contents .type02 tr td>ul li:nth-child(1)::before{content:"1)";display:block; position:absolute;left:0px;top:0px;}
.company .inner_contents .type02 tr td>ul li:nth-child(2)::before{content:"2)";display:block; position:absolute;left:0px;top:0px;}
.company .inner_contents .type02 tr td>ul li:nth-child(3)::before{content:"3)";display:block; position:absolute;left:0px;top:0px;}
.company .inner_contents .type02 tr td>ul li:nth-child(4)::before{content:"4)";display:block; position:absolute;left:0px;top:0px;}
.company .inner_contents .num_list li{letter-spacing: -0.4px;}
.company .type03>div{margin-top: 60px;}
.company>div h3+h4{text-align: center;}
.company>div h3+h4+p{text-align: right;}
.company .company .content.ty2{border-bottom:1px solid #E8E8E8;}
.company .notice_area{width: 100%; line-height: 600px; text-align: center; background-color:#E8E8E8;}
.company .tbl.economy_tbl .subject{padding-left:72px;}
.company .company .content.cnt_b{padding-bottom: 150px;}
.white-btn{padding:10px 15px;  border: solid 1px #e8e8e8;}
.btn-set{margin-top: 80px;}
.company-btn-prev,.company-btn-next{width:69px;padding:8px 13px;border:1px solid #e8e8e8;box-sizing: border-box;font-size: 14px;color:#222;}
.company-btn-prev {text-align:right;background: url(../../../pc/asset/images/bg_arrow_prev.png) no-repeat 15px 55%;}
.company-btn-next {margin-left:5px;text-align:left;background: url(../../../pc/asset/images/bg_arrow_next.png) no-repeat 45px 55%;}
/*02.회사소개 끝*/
/*03.트레이딩 시작*/
.trading .inner_contents p, .trading .inner_contents ul li, .trading .num_list{line-height: 2; margin-bottom:30px;}
.trading .inner_contents ul li div{margin-top: 40px; text-align: center;}
.trading .inner_contents .contents_text+div{margin-top: 40px; text-align: center;}
.trading .mb h4+p+p, .mb h4+p+p+p{padding-top: 30px;}
.trading .mb h4+p{padding-top: 0px;}
.trading .mb .num_list li>p{margin-top: 30px;}
.trading .inner_contents .info_text02{margin: 20px 0; color: #00BAB3; line-height: 1.5;}
.trading .img_list{margin-top: 70px;}
.trading .img_list li{padding-top: 50px;}
.trading .img_list li:first-child{padding-top: 0px;}
.trading .img_list li::after{content: ''; display:block; clear: both;}
.trading .img_list li img{display: inline-block;}
.trading .img_list li p{width: 48%; float: right;}
.bgg{height: 515px; margin-bottom: 0; background-color: #f5f5f5; border-bottom: 1px solid #ececec; padding: 100px 0 0 0;}
.bgg div{width: 1320px; margin: auto; text-align: left;}
.bgg div>h4{font-size:30px; color: #666666;}
.bgg div>h4+ul li:first-child{padding-top: 0px; margin-bottom:20px; line-height: 1.8;}
.trading .madeBtn a{display: block; text-align: right; font-weight: bold; color: #00BAB3; font-size: 20px;}
.trading .tabListBar li:last-child{position: relative;}
.trading .tabListBar li:last-child::before{content: ''; display: block; position: absolute; left: 0; top: 20px; width: 2px; height: 27px; background-color: #e8e8e8;}
.numGrd_list li{margin-bottom: 20px; position:relative;}
.numGrd_list li span{display: inline-block; padding-left:32px;}
.numGrd_list li:nth-child(1):before{content:"①";display:block; position:absolute;left:0px;top:0px;}
.numGrd_list li:nth-child(2):before{content:"②";display:block; position:absolute;left:0px;top:0px;}
.numGrd_list li:nth-child(3):before{content:"③";display:block; position:absolute;left:0px;top:0px;}
.numGrd_list li:nth-child(4):before{content:"④";display:block; position:absolute;left:0px;top:0px;}
.numGrd_list li:nth-child(5):before{content:"⑤";display:block; position:absolute;left:0px;top:0px;}
.trading .numGrd_list li .tblCont{margin-top: 20px;}
.trading-box{width:605px;height:403px;margin-right: 30px; padding:39px 60px 60px 60px; box-sizing: border-box;}
.trading-box:last-child {margin-right: 0;}
.trading-box .tit{font-size: 36px;color: #222;font-weight: bold;margin-bottom: 29px;}
.trading-box .text{font-size: 20px;line-height: 1.4; color: #999;margin-bottom: 60px;}
.trading-box:last-child .text{margin-bottom: 29px;}
.trading-box .img-box p:first-child{margin-right: 20px;}
/*03.트레이딩 끝*/
/*04.상품소개 시작*/
.product .tabList {margin-bottom: 120px;}
.product .box {margin-bottom: 120px;}
.product .box .mt20 {margin-top: 20px;}
.product .box .mt40 {margin-top: 40px;}
.product .box .mb60 {margin-bottom: 60px !important;}
.product .box ul.info_text {line-height: 1.8;}
.product .box:last-child {margin-bottom: 0;}
.product .box .stit {margin-bottom: 20px; font-weight: 500;}
.product .box b {color: #666666;}
.product .box p {margin-bottom: 40px; line-height: 1.8;}
.product .box p:last-of-type {margin-bottom: 0;}
.product .box p.num_txt {margin-top: 60px; margin-bottom: 30px;}
.product .box p.num_txt:last-of-type {margin-bottom: 30px;}
.product .box .mb20 {margin-bottom: 20px !important;}
.product .box .mb30 {margin-bottom: 30px !important;}
.product .box .mb40 {margin-bottom: 40px !important;}
.product .box .img_box.mb60 {margin-bottom: 60px;}
.product .box .dot_list {margin-bottom: 40px;}
.product .box .dot_list + .info_text {margin-top: -20px;}
.product .box .dot_list li {margin-bottom: 15px; line-height: 1.8;}
.product .box .dot_list li:last-child {margin-bottom: 0;}
.product .box .dot_list li:before {top: 0;}
.product .box .dash_list {margin-bottom: 40px;}
.product .box .dash_list li {line-height: 1.8;}
.product .box .tblCont {margin-bottom: 40px; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa;}
.product .box .tblCont.p19 td {padding: 19px;}
.product .box .tblCont.p30 td {padding: 19px 30px;}
.product .box .tblCont + .info_text {margin-top: -10px;}
.product .box .tblCont table th, .product .box .tblCont table td {border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8;}
.product .box .tblCont table tr > th:first-child, .product .box .tblCont table tr > td:first-child {border-left: 0;}
.product .box .tblCont table th {padding:19px 30px; border-right:1px solid #e8e8e8;}
.product .box .tblCont table th.fw400 {font-weight: 400;}
.product .box .tblCont table th.p22 {padding: 19px 22px;}
.product .box .tblCont table th.lh15 {line-height: 1.5;}
.product .box .tblCont table td {padding:19px 35px; line-height: 1.8;}
.product .box .tblCont table td .dot_list {margin-bottom: 0;}
.product .box .tblCont table td.bl {border-left: 1px solid #e8e8e8 !important;}
.product .box .tblCont table td b {color: #666;}
.product .box .tblCont.type2 table td {text-align: left;}
.product .box .tblCont .hts_list {display: inline-block;}
.product .box .stock_list {font-size: 0;}
.product .box .stock_list li {margin-bottom: 30px;}
.product .box .stock_list li:last-child {margin-bottom: 0;}
.product .box .stock_list li * {vertical-align: middle;}
.product .box .stock_list li .num {display: inline-block; background: #00BAB3; border-radius:50%; width: 40px; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 20px;}
.product .box .stock_list li .con {display: inline-block; background: #F0F4F5; border-radius:68px; min-height:100px; margin-left: 30px; padding:32px 60px; font-size: 20px; width: calc(100% - 70px);}
.product .box .stock_list li .con a {font-weight: 700;}
.product .box .deal_list {margin-top: 20px; border-top:1px solid #E8E8E8;}
.product .box .deal_list dt {background: #f9f9f9; padding: 19px 40px; text-align: center; font-weight: 500;}
.product .box .deal_list dd {padding: 19px 40px; border-top:1px solid #E8E8E8;}
.product .box .deal_list dd:last-child {padding-bottom:0;}
.product .box .service_box {background: #F0F4F5; margin-bottom: 60px; padding:40px;}
.product .box .service_box dt {margin-bottom: 20px; font-size: 30px; font-weight: 700; color: #222222;}
.product .search_table.ty3 select {width: 300px;}
.product .search_table.ty3 input {width: 824px;}
.product .tbl_wrap .tbl.product_tbl td {line-height: 1.8;}
.product .tbl_wrap .tbl.product_tbl td.subject {padding-left: 0;}
.product .tbl_wrap .tbl.product_tbl td.subject a {max-width:100%; height:auto; white-space:normal; text-overflow:clip; overflow:visible;}
.product .tbl_wrap .tbl.product_tbl td.company span {display: inline-block; width: 100%; padding:0 25px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.product .brd_view .cate_t {margin-bottom: 15px;}
.product .brd_view .cate_t span {color: #00BAB3; font-weight: 700;}
.product .brd_view.prod_detail .content {border-bottom:1px solid #E8E8E8;}
.product .brd_view.prod_detail .tbl {border-top:1px solid #aaaaaa; }
.product .brd_view.prod_detail table th {background: #F9F9F9; border-right:1px solid #E8E8E8; border-left:1px solid #E8E8E8; text-align: center; font-weight: 500;}
.product .brd_view.prod_detail table th, .product .brd_view.prod_detail table td {padding:19px 0; border-bottom:1px solid #E8E8E8; line-height: 1.8;}
.product .brd_view.prod_detail table td {padding: 19px 40px; text-align: left;}
.product .brd_view.prod_detail table tr th:first-child {border-left:none;}
.product .brd_view.prod_detail table tr:last-child th, .product .brd_view.prod_detail table tr:last-child td {border-bottom:1px solid #aaaaaa;}
.product .brd_view.prod_detail .attach_box, .product .brd_view.prod_detail .attach_box a {margin: 0;}
/*04.상품소개 끝*/
/*06.고객센터 시작*/
.title_img06_1{margin-bottom:0;}
.customer_bg{background:#f3faf9; padding:120px 0 130px;display: inline-block; margin-bottom:120px;}
.customer_bg .inner{margin-bottom:0;}
.customer_bg > div > p {font-size:50px; font-weight:bold; line-height:1.2; text-align:center; color:#222222; margin-bottom:80px;}
.customer_bg > div > ul > li {width:calc(25% - 15px); height:388px; margin-right:20px; float:left; border:solid 1px #e8e8e8; padding:40px; border-radius:8px; background:#ffffff;}
.customer_bg > div > ul > li:last-child{margin-right:0;}
.customer_bg > div > ul > li strong{height:56px; display:block; line-height:28px; margin-bottom:40px;}
.customer_bg > div > ul > li > ul >li {position:relative; line-height:1.5; padding-left:10px; margin-bottom:10px;}
.customer_bg > div > ul > li > ul >li:before {content:'-'; display:block; position:absolute; left:0; top:0;}
.consulting {display:inline-block;}
.consulting ul li{float:left; margin-right:118px;}
.consulting ul li strong{margin-bottom:14px; display:block; font-weight:bold;}
.consulting ul li p{font-size:40px; margin-bottom:8px; color:#00bab3; font-weight:bold;}
.consulting ul li span{font-size:18px; color:#999999;}

.img_tbl_wrap .img_tbl{min-height:500px;}
.img_tbl_wrap li {width:400px; float:left; margin:0 20px 90px 0;}
.img_tbl_wrap li:nth-child(3n){margin-right:0;}
.img_tbl_wrap li .img{width:400px; height:280px; display:block; position:relative; margin-bottom:40px; background:#e8e8e8; overflow:hidden;}
.img_tbl_wrap li .img img{height:100%; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.img_tbl_wrap li .title{height:52px; color:#222222; margin-bottom:24px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient: vertical}
.img_tbl_wrap li .date{font-size:18px; color:#888888;}
.img_tbl_wrap .paging{margin-top:30px;}
.img_brd_view .content{width:1240px; border-bottom: 1px solid #E8E8E8;}
.img_tbl_wrap .nodata_box {height:500px; max-height:500px; text-align:center;}
.img_tbl_wrap .nodata_box span {position:relative; top:180px; line-height:50px; padding-top:70px;}
.img_tbl_wrap .nodata_box span:before{width:50px; height:50px; content:''; display:block; position:absolute; top:0; left:40px; background: url('../images/icon_search.svg') no-repeat center;}
.login-box h4{text-align: center;}
.login-box .title{margin-top: 30px;text-align:center;font-size: 20px;columns: #222;font-weight: bold;}
.login-box form{margin-top: 60px;}
.login-box dt{font-size: 18px; columns: #222;}
.login-box{width:540px; margin:0 auto;}
.login-box .btn-green-full{margin-top: 60px;}
.login-box .btn-green-full button{box-sizing: border-box; width:100%;padding:28px 227px; font-size:24px; text-align:center;color:#fff;background-color: #00bab3;}
.service-choice{margin-top: 22px;margin-bottom: 46px;}
.input-box{margin-bottom: 12px;}
.account-num02{position:relative;margin-left:22px}
.account-num02::before{content: "";position:absolute;top:50%;left:-13px;width:6px;height:1px;background-color:#666;}
.combi{ display: flex;align-items: center;}
.combi .input-data{width: 95%;}
.combi .txt{width:5%;margin-left: 8px;}
.btn-box{text-align: center;margin-top: 120px;}
.table-box{margin-bottom: 60px;}
.service-choice li{margin-bottom: 34px;}
.gray_box .title{color:#666;margin-bottom: 16px;font-weight: bold;}
.gray_box .txt{color:#666;margin-bottom: 16px;line-height: 1.6;letter-spacing: -0.3px;}

.gray_box_large .txt{position:relative;font-size: 20px;color:#222;text-align: center;line-height: 2;font-weight: 500;}
.gray_box_large .txt::after{background-image: url(../images/icon_complete_rnd.png);width: 50px;height: 50px; content: "";position: absolute;margin-left:-29px;top:-58px;left:50%}

.down-banner {
    margin-top: -60px;
    margin-bottom: 120px;
}
.inner_contents .dot_list{margin-bottom: 40px;}
.contents_text.info-img{margin-top: 60px ;margin-bottom:80px;}
.inner_contents .tblCont{margin-bottom: 30px;}
.un-account{margin-bottom: 42px;}
.un-account .title{margin-right: 60px; padding-top:20px;font-size: 20px; color:#000;}
.un-account .select-area {margin-bottom: 16px;}
.un-account select {width: 280px;height: 60px;padding: 15px;border: solid 1px #E8E8E8;line-height: 60px;}

.bank-list{margin-top: 30px;}
.bank-list li{position:relative; margin-left: 80px;}
.bank-list li a{display:block;font-size: 20px; color: #c4c4c4;}
.bank-list li.on a{color:#222;font-weight: 500;}
.bank-list li.on a::after{content: '';position:absolute;bottom:-18px;box-sizing: border-box;border-radius: 4px;left:50%;width: 8px;height: 8px;background-color: #00bab3;}
.bank-list li:first-child{margin-left: 0;}
.green_arr{position: relative}
.green_arr::after{content: '';position: absolute;background: url(../images/bg_arr_green.png) no-repeat;width: 7px;height:14px;top: 27%;right: -12px;}

/* 사용자 ID 관리 */
.user-id-wrap{text-align: center;}
.user-id-wrap .list{position:relative;padding:40px 0 50px; float:left;border: 1px solid #e8e8e8;min-width: 295px;min-height:306px;box-sizing: border-box;margin-left: 20px;margin-bottom: 20px;}
.user-id-wrap .list:first-child{margin-left: 0;}
.user-id-wrap .list:nth-child(4n+1){margin-left: 0;}
.user-id-wrap .list .tit{font-size: 20px; color:#222;font-weight: bold;margin-bottom: 30px;}
.user-id-wrap .list .text{font-size: 18px; color:#666;margin-bottom: 40px;line-height: 1.6;}
.user-id-wrap .list .btn{text-align:center;position: absolute;bottom: 40px; left:50%;margin-left: -40px;}
.user-id-wrap .list .btn button{font-size:14px;color:#fff;background-color: #00bab3;padding:10px 15px;box-sizing: border-box;}

/* 고객센터 - 인증센터 */
.certification-wrap{text-align: left;}
.certification .list .tit{font-size: 20px; color:#222;font-weight: bold;margin-bottom: 20px;}
.inner_contents .certification-wrap .list:nth-child(3n+1){margin-left: 0;}
.inner_contents .certification-wrap .list{margin-left: 20px;margin-bottom:20px;padding:40px; min-width: 400px; min-height: 270px; box-sizing: border-box;}
.certification-wrap .list:nth-child(7){min-width: 1240px;margin-bottom: 0;}
.certification-wrap .list .bottom-btn-set{position: absolute;bottom: 40px;left:40px;}
.certification-wrap .list .btn01:first-child{margin-top:0px;} 
.certification-wrap .list .btn01{position:relative;margin-top: 10px;} 
.certification-wrap .list .btn01 button::after{content: '';display:inline-block;margin-left:6px;background: url(../images/btn-green-arrow.png) no-repeat 0 0;width: 16px;height: 16px;}
.certification-wrap .list .btn01 button{font-size:18px;color:#00bab3;box-sizing: border-box;}

.certification-wrap .list .text{font-size: 18px; color:#666;margin-bottom: 30px;line-height: 1.4;}

/* otp센터 */
.opt-tit{position:relative;line-height: 1.8;padding-left: 170px;}
.opt-tit::before{content: '';position:absolute;top:50%;left:0;margin-top:-29px;background:url(../images/bg_06_22_otp.png) no-repeat 0 0;width:130px; height: 59px;}

/* 자주하는질문 */

.qna-tit{font-size: 20px;color: #222;font-weight: 500;margin-bottom: 26px;margin-top: 40px;}
.qna-tit:first-child{margin-top: 0px;}
.qna-text{position: relative;line-height: 1.6; font-size:18px;color:#666;padding-bottom:30px;padding-left:28px;border-bottom: 1px solid #e8e8e8;}
.qna-text::before{content: 'A.';position:absolute;top:0;left:0; font-size: 18px;color: #00bab3;font-weight: 500;}

/* PC원격상담이란? */
.contnets.section .section-reverse{width:100%; min-width: 1240px;}

/*06.고객센터 끝*/
/* 07.소비자보호포털 */

/* 금융소비자보호강령 */
.portal-info-list .txt{margin-top: 45px;font-size: 30px;color:#222;font-weight: 500;line-height: 1.6;}
.portal-info-list .txt .num{float:left;margin-right:18px;font-size: 34px;color:#00bab3;font-weight: 700;}
.portal-info-list:first-child{margin-top: 0px;}

/* 소비자보호제도 */
.portal-05 h3{margin: 40px 0 24px; font-weight: 500;font-size: 30px;}

/* 민원처리결과 공시 */
.search_table.ty2 .ele-sel{width:100%;}
.search_table.ty2 .sel-tit{padding-top:20px;}

/*08.채용정보 시작*/
.tbl_wrap .total_cnt {margin-top: 60px;}
.tbl_wrap .total_cnt .page {font-size: 0;}
.tbl_wrap .total_cnt .page li {display: inline-block; font-size: 16px;}
.tbl_wrap .total_cnt .page li:first-child {margin-right: 5px;}
.tbl_wrap .total_cnt .info_text {font-weight: 700;}
.tbl_wrap .tbl {margin-top: 30px;}
.tbl_wrap .tbl {border-top:1px solid #aaaaaa;}
.tbl_wrap .tbl th {background: #f9f9f9; border-bottom:1px solid #e8e8e8; padding:24px 0; font-size: 20px; font-weight: 500; color: #222222;}
.tbl_wrap .tbl td {padding:19px 0; border-bottom:1px solid #e8e8e8; font-size: 18px; color: #888888; text-align: center; vertical-align: middle;}
/* .tbl_wrap .tbl tr:last-child td {border-bottom: 1px solid #aaaaaa;} */
.tbl_wrap .tbl td.nodata_box {height:500px; max-height:500px;}
.tbl_wrap .tbl td.nodata_box p {margin-top: 20px; font-size: 20px; color: #666666;}
.tbl_wrap .tbl td.subject {text-align : left; padding:19px 0 19px 15px;}
.tbl_wrap .tbl td.subject a {display: inline-block; width: auto; max-width:90%; height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 20px; vertical-align: middle;}
.tbl_wrap .tbl td.item, .tbl_wrap .tbl td.code {color: #222;}
.tbl_wrap .tbl td span.ico {display: inline-block;}
.tbl_wrap .tbl td span.ico.file {margin-left: 5px;}
.tbl_wrap .tbl td span.ico i {text-indent: -999em; }
.tbl_wrap .tbl td span.file i {display: inline-block; width: 20px; height: 20px; background: url('../images/icon_file.svg') no-repeat center; vertical-align: middle;}
.tbl_wrap .tbl td span.nodata i {display: inline-block; width: 50px; height: 50px; background: url('../images/icon_search.svg') no-repeat center; vertical-align: middle;}

.brd_view .top {position: relative; padding-bottom: 40px; border-bottom: 1px solid #E8E8E8;}
.brd_view .top h3 {font-size: 40px; font-weight: 700; color: #222222; line-height: 1.3;}
.brd_view.research .top h3, .brd_view.finance_noti .top h3 {width: calc(100% - 230px);}
.brd_view .top .period_info {margin-top: 20px;}
.brd_view .top .period_info:after {content:''; display: block; clear:both;}
.brd_view .top .period_info dt, .brd_view .top .period_info dd {float:left; font-size: 18px;}
.brd_view .top .period_info dt {margin-right: 15px; color: #999; font-weight: 400;}
.brd_view .top .period_info dd {color: #666;}
.brd_view .top .right_info {position: absolute; bottom: 40px; right: 0; line-height: 1.3;}
.brd_view .top .right_info:after {content:''; display: block; clear:both;}
.brd_view .top .right_info dt {float:left; margin-right: 10px;  color: #999; font-size: 18px; font-weight: 400;}
.brd_view .top .right_info dd {float:left; color: #999; font-size: 18px;}
.brd_view .top .right_info dd.hit_txt {padding-right: 40px; background: url('../images/bg_line.png') no-repeat right 20px center;}
.brd_view .content {padding: 60px 0; line-height:normal;}
.brd_view.research .cate_t {margin-bottom: 15px;}
.brd_view.research .cate_t span {color: #00BAB3; font-weight: 700;}
.brd_view.research .content {padding: 60px 0 40px;}
.brd_view .pdf_area {width: 100%; min-height:600px; text-align: center; margin-bottom:32px;}
.brd_view .attach_box {margin-bottom: 60px; font-size: 0;}
.brd_view .attach_box a {display: inline-block; max-width: 400px; border:1px solid #E8E8E8; margin-top: 8px; margin-right:8px; padding:20px 54px 20px 20px; color:#666; font-size: 20px; background:#f9f9f9 url('../images/icon_download.svg') no-repeat right 20px center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.brd_view .move_cont {border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8;}
.brd_view .move_cont dl:after {content:''; display: block; clear:both;}
.brd_view .move_cont dl:first-child {border-bottom:1px solid #E8E8E8;}
.brd_view .move_cont dl dt {float:left; position: relative; width: 167px; padding: 30px 0 30px 27px; color: #222; font-weight: 500; text-align: center;}
.brd_view .move_cont dl dt:after {content:''; position: absolute; top: 50%; right: 0; width: 1px; height: 15px; background: #999; transform:translateY(-50%);}
.brd_view .move_cont dl.prev_w dt {background: url('../images/icon_up.svg') no-repeat left 40px center;}
.brd_view .move_cont dl.next_w dt {background: url('../images/icon_down.svg') no-repeat left 40px center;}
.brd_view .move_cont dl dd {float:left; position: relative; width: calc(100% - 167px); padding: 30px 110px 30px 40px;}
.brd_view .move_cont dl dd a {color: #888;}
.brd_view .move_cont dl dd .date {position: absolute; top: 50%; right: 0; transform:translateY(-50%); color: #888;}
.brd_view .btn_area {margin-top: 80px; text-align: center;}
.brd_view .btn_area .btn {display: inline-block; width: 400px; padding:28px 0; border:1px solid #E8E8E8; text-align: center; font-weight: 500; font-size: 24px; color: #222;}
/*08.채용정보 끝*/
/***contents끝***/
/***footer시작***/
.footer{width:100%; border-top:solid 1px #e8e8e8; clear:both;}
.footer .section{padding:30px 0 72px; position:relative; min-height:0; margin-bottom:0;}
.ft_menu li{float:left; font-size:16px; padding:0 20px; border-right:solid 1px #DDDDDD; margin:5px 0 43px;}
.ft_menu li a{color:#999999;}
.ft_menu li a:hover{color:#666666; font-weight:500;}
.ft_menu li:first-child{padding-left:0;}
.ft_menu li:last-child{border:none; padding-right:0;}
.footer address{clear:both;}
.footer address ul{margin-bottom:12px; display:inline-block;}
.footer address ul li{float:left; font-size:14px; color:#999999; position:relative; padding-right:14px; margin-right:14px;}
.footer address ul li:last-child{padding:0; margin:0;}
.footer address ul li:before{content:''; position:absolute; right:0px; width:1px; height:14px; background:#dddddd;}
.footer address ul li:last-child::before{content:none;}
.copyright{clear:both; font-size:14px; color:#999999;}
.site_list{position:absolute; top:30px; right:0;}
.site_sel{width:202px; height:45px;padding-left:20px; border:solid 1px #ddd;background-color: #fff; font-size:16px; color:#666666;}
.num_wrap{position:absolute; top:93px; right:0; text-align:right;}
.num_wrap p{font-size:15px; color:#666666; font-weight:bold; margin-bottom:10px;}
.num_wrap span{font-size:12px; color:#999999; margin-right:12px;}
/**footer끝**/