@import url(common.css);

.dim{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:none; z-index:9}
#header{position:relative; width:100%; box-shadow:0px 0px 16px rgba(0,0,0,.5); z-index:99;}
#header .header-in{height:49px; background:#438ec8; border-bottom:1px solid #438ec8}
#header .header-in .main-logo{display:none;}  
#header .header-in .sub-home{display:block; position:absolute; top:50%; left:20px; margin-top:-10px; z-index:99}
#header .header-in .sub-home img{width:20px;}   
#header .nav{position:relative; display:block; text-align:center; z-index:9} 
#header .nav button{position:relative; height:50px; line-height:50px; padding-right:25px; color:#fff; font-size:18px;} 
#header .nav button em{position:absolute; top:50%; right:0; width:17px; height:12px; margin-top:-6px; transition:transform 0.5s; -webkit-transition:transform 0.5s; background:url('/resources/img/sub/sub-nav.gif') no-repeat center/cover;}
#header .nav button.active em{webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -o-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg);}
#header .nav ul{display:none; padding:0 10px; background:#fff;}
#header .nav ul li{height:50px; line-height:50px; border-bottom:1px solid #d9d9d9; font-size:16px;}  
#header .nav ul li a{display:block;}
#gnb-bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:999;}

.container{margin-bottom:90px;}
.h3-title{display:block; margin-bottom:30px; font-size:24px; text-align:center;}
.sub-title{margin:30px 0; text-align:center; font-size:15px; line-height:1.5} 
.h4-title{display:block; font-size:18px; padding-left:10px; margin-bottom:10px; line-height:1.5; background:url('/resources/img/sub/h4-title.gif') no-repeat left 5px/3px 17px;} 

.color-blue{color:#1058a4;}
.color-gray{color:#666;}
.bold{font-weight:700;}
.sub-txt{line-height:1.5;} 
.text-spacing-type01{text-indent:-7px; padding-left:7px; line-height:1.5;} 
.text-spacing-type02{text-indent:-16px; padding-left:16px; line-height:1.5;} 
.text-spacing-type03{padding-left:10px; line-height:1.5; background:url('/resources/img/sub/customer/customer-icon.gif') no-repeat left 6px/4px}
.text-spacing-type04{text-indent:-14px; padding-left:14px; line-height:1.5;}
 
.caution-box{padding:15px; border:1px solid #f0f0f0; background:#fafafa; font-size:13px; text-align:left;}
.caution-icon{padding-left:20px; background:url('/resources/img/sub/caution-icon.png') no-repeat left 2px/14px;} 

/* 팝업 */
.popup-btn{padding-right:18px; background:url('/resources/img/sub/popup-btn.gif') no-repeat 99%/14px; color:#414f6c; cursor:pointer;}  
.popup-box{position:absolute; width:90%; background:#fff; box-shadow:1px 5px 14px 5px rgba(0,0,0,0.1); display:none; z-index:9999999} 
.popup-box > strong{display:inline-block; width:100%; height:50px; line-height:50px; padding-left:30px; background:#1058a4; color:#fff; font-size:16px; box-sizing:border-box;}
.popup-box > div{padding:30px; background:#fff}
.popup-box h2{display:block; margin-bottom:10px; font-size:24px; }
.popup-box p{line-height:1.7;}
.popup-box > span{position:absolute; top:15px; right:30px; width:18px; height:18px; display:inline-block; text-indent:-9999px; background:url('/resources/img/sub/popup-close.png') center no-repeat; cursor:pointer}
.KRX-popup{top:306px; width:100%;}
.yeslanguage-popup{top:60px; width:100%;}
.derivatives-popup{top:500px}
 
/* 버튼 스타일 */
.btn-style-type01, .btn-style-type02, .btn-style-type03{display:inline-block; padding:8px 10px; color:#666; background:#fff; border:1px solid #d9d9d9; border-radius:5px; font-size:13px; cursor:pointer}
.btn-style-type01:hover, .btn-style-type02:hover, .btn-style-type03:hover{background-color:#f2f2f2;}
.btn-style-type01 p{line-height:1.1 !important; padding-right:25px; background:url('/resources/img/sub/btn-style-type01.png') no-repeat 99% 0px/12px;}
.btn-style-type02 p{line-height:1.1 !important; padding-right:15px; background:url('/resources/img/sub/btn-style-type02.png') no-repeat 99% 2.8px/5px;} 
.btn-style-type03 p{line-height:1.1 !important; padding-right:20px; background:url('/resources/img/sub/btn-style-type03.png') no-repeat 99%/11px} 
 
.btn-color-blue01, .btn-color-blue02, .btn-color-blue03{display:inline-block; padding:8px 10px; color:#fff !important; background:#1058a4; border:1px solid #1058a4; border-radius:5px; font-size:13px; cursor:pointer}
.btn-color-blue01:hover, .btn-color-blue02:hover, .btn-color-blue03:hover{background:#073a85; border:1px solid #073a85}
.btn-color-blue01 p{line-height:1.1 !important; padding-right:15px; background:url('/resources/img/sub/btn-color-blue01.png') no-repeat 99% 1.8px/6px;}
.btn-color-blue02 p{line-height:1.1 !important; padding-right:25px; background:url('/resources/img/sub/btn-color-blue02.png') no-repeat 99%;}
.btn-color-blue03 p{line-height:1.1 !important; padding-right:20px; background:url('/resources/img/sub/btn-color-blue03.png') no-repeat 99%/11px ;} 

/* 서브탭 */
.tab-type{margin-top:22px} 
.tab-type .line-tab{position:relative;padding-top:67px;}
.tab-type1 .line-tab > li > a{width:50%; text-align:center; position:absolute; top:0; z-index:10; padding-bottom:18px; border-bottom:1px solid #d9d9d9; font-size:16px;}
.tab-type1 .line-tab > li.first a{left:0;}
.tab-type1 .line-tab > li.last a{left:50%;}
.tab-type1 .line-tab > li.active > a{border-bottom:2px solid #2eb1f0; color:#2eb1f0; font-weight:700}
.tab-type .line-tab > li > .product-box > strong{display:block; margin-bottom:10px; font-size:20px;}

.tab-type2 .line-tab, .tab-type3 .line-tab{padding-top:86px;} 
.tab-type2 .line-tab > li > a{width:50%; text-align:center; position:absolute; top:0; height:56px; line-height:56px; font-size:15px; background:#fff; border:1px solid #d9d9d9}
.tab-type2 .line-tab > li.active > a, .tab-type3 .line-tab > li.active > a{color:#fff; font-weight:700; background:#1058a4}
.tab-type2 .line-tab > li.first a{left:0;}
.tab-type2 .line-tab > li.last a{left:50%;} 
 
.tab-type3 .line-tab > li > a{width:33.3%; text-align:center; position:absolute; top:0; height:56px; line-height:56px; font-size:15px; background:#fff; box-shadow:0px 0px 8px rgba(0,0,0,.1);}
.tab-type3 .line-tab > li.first a{left:0;}
.tab-type3 .line-tab > li.nth02 a{left:33.3%;}
.tab-type3 .line-tab > li.last a{left:66.6%;} 


.two-tab{overflow:hidden; margin-bottom:30px;} 
.two-tab li{float:left; display:flex; justify-content:center; align-items:center; width:50%; height:56px; font-size:16px; color:#333; background:#d0dded;}
.two-tab li a{display:flex; justify-content:center; align-items:center; width:100%; height:56px; color:#333;}
.two-tab .active{font-weight:700; color:#fff; background:#0094d9}

.two-tab02{overflow:hidden; margin:22px 0 30px 0; border-bottom: 1px solid #d9d9d9;} 
.two-tab02 li{float:left;text-align:center;width:50%; box-sizing: border-box;}
.two-tab02 li a{display:block; padding-bottom:18px; font-size:16px;}
.two-tab02 li a.active{border-bottom:2px solid #2eb1f0; color:#2eb1f0; font-weight:700;}  

.three-tab{overflow:hidden; margin:22px 0 30px 0; border-bottom: 1px solid #d9d9d9;} 
.three-tab li{float:left;text-align:center;width:33.3%; box-sizing: border-box;}
.three-tab li a{display:block; padding-bottom:18px; font-size:16px;}
.three-tab li a.active{border-bottom:2px solid #2eb1f0; color:#2eb1f0; font-weight:700;} 

/* 인사말 */
.ceo-box{padding:30px 20px; margin:40px 0; color:#fff; background:url('/resources/img/sub/company/ceo.gif') no-repeat center/cover;}
.ceo-box h3{line-height:1.5; font-size:18px;} 
.ceo-box p{margin:60px 0 10px 0;}
.ceo-box strong{font-size:16px;}
.ceo > strong{display:block; font-size:16px; margin-bottom:20px;} 
.ceo > span{display:block; line-height:1.5; font-size:15px; margin-bottom:20px; font-weight:700}
.ceo > p{margin-top:30px; line-height:1.5} 

/* 비전 */
.vision-title01{position:relative; display:block; padding-bottom:25px; font-size:24px; font-weight:800; color:#0060af; text-align:center;} 
.vision-title01:after{content:''; position:absolute; left:0; right:0; bottom:0; margin:0 auto; width:40px; height:1px; background-color:#0060af}
.vision-bg{padding-bottom:90px; margin-top:60px; background:url('/resources/img/sub/company/vision-bg02.gif') no-repeat bottom/cover;}
.vision-txt{display:block; padding:15px 20px; margin:30px 0 80px 0; line-height:1.5; font-size:16px; border-radius:50px; border:1px solid #cdced0; text-align:center; color:#333}
.core-values-list{margin-top:30px; border:1px solid #cdced0; border-bottom:0}  
.core-values-list li{padding:20px; background-color:#fff; border-bottom:1px solid #cdced0}
.core-values-list li div{display:flex; align-items:center; gap:10px;}
.core-values-list li div span{width:25px; height:25px; line-height:25px; text-align:center; background-color:#0060af; color:#fff; border-radius:50%;}
.core-values-list li div strong{font-size:18px; color: #0060af;}
.core-values-list li p{margin-top:10px; padding-left:35px; line-height:1.5; word-break: keep-all;}
.core-values-txt{margin-top:20px; text-align:center; color: #0060af; font-weight:bold; font-size:18px;}

/* 사업영역 */ 
.business-bg{background:#f2f9fd; padding:40px 0}
.business-bg ul{display:flex; flex-direction:column;}
.business-bg li{margin:40px auto; padding-top:161px; text-align:center;}
.business-bg li:first-child{margin-top:0; background:url('/resources/img/sub/company/business-img01.jpg') no-repeat top/140px;}
.business-bg li:nth-child(2){background:url('/resources/img/sub/company/business-img02.jpg') no-repeat top/140px;}
.business-bg li:nth-child(3){background:url('/resources/img/sub/company/business-img03.jpg') no-repeat top/140px;}
.business-bg li:nth-child(4){background:url('/resources/img/sub/company/business-img04.jpg') no-repeat top/140px;}
.business-bg li:last-child{margin-bottom:0; background:url('/resources/img/sub/company/business-img05.jpg') no-repeat top/140px;}
.business-bg strong{line-height:1.5; font-size:15px; color:#005dad}
.business-bg strong span{font-size:14px; font-weight:normal}  
.business-bg p{margin-top:10px; line-height:1.5; text-align:left;} 


.business_tab {
    display: flex;
    margin-bottom:20px;
    border-right:1px solid #d9d9d9
}

.business_tab li {
    flex:1;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border:1px solid #d9d9d9;
    border-right:0;
    background-color: #fff;
    font-size: 15px;
}

.business_tab li.active {
    background-color: #1058a4;
    font-weight: 700;
    color:#fff
}

.busi_list_area h4 {
    font-size:15px;
    margin-bottom:20px;
} 

.business_cont .busi_list {
    display: flex;
    flex-wrap:wrap;
}

.business_cont .busi_list li {
	flex:0 0 50%;
	margin-top:25px;
}

.business_cont .busi_list li:nth-child(-n+2) {
	margin-top:0
}

.business_cont h4 {
	font-size:15px;
	margin-bottom:15px;
}

.business_cont .busi_list li .busi_list_title {
	font-size:15px;
    font-weight: 700;
}

.business_cont .busi_list li .busi_list_title::before {
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    vertical-align: 2px;
    margin-right: 8px;
    border-radius: 50%;
    background-color: #005dad;
}

.business_cont .busi_list li .busi_info {
    line-height: 1.4;
    padding-left: 15px;
    margin-top: 10px;
}

/* 연혁  */ 
.history div:first-child{margin-bottom:50px;} 
.history h3{font-size:24px; color:#008ace}
.history table{margin-top:20px; border-top:1px solid #008ace} 
.history table th{width:90px; padding:20px 0; line-height:1.3; font-size:18px; text-align:right; font-weight:800; border-bottom:1px solid #d9d9d9; vertical-align:top;}  
.history table td{padding:20px 0; border-bottom:1px solid #d9d9d9;} 
.history table td p{padding-left:17px; margin-left:17px; line-height:1.5; background:url('/resources/img/sub/company/history-icon.gif') no-repeat left 9px/3px;}

/* 인재상 */
.recruit .recruit-title{margin-bottom:50px; padding:31px 0; background:url('/resources/img/sub/company/recruit-title.gif') no-repeat center/35px;} 
.recruit img{width:100%; margin-bottom:50px;} 
.recruit li{padding:40px 0; text-align:center; margin-top:30px; background:#f1f2f4}
.recruit li:first-child strong{background:url('/resources/img/sub/company/recruit-icon01.gif') no-repeat top/140px;}
.recruit li:nth-child(2) strong{background:url('/resources/img/sub/company/recruit-icon02.gif') no-repeat top/140px;}
.recruit li:last-child strong{background:url('/resources/img/sub/company/recruit-icon03.gif') no-repeat top/140px;}
.recruit strong{display:block; padding-top:161px; font-size:18px;}
.recruit span{display:block; margin:10px 0 15px 0; font-size:15px; color:#005dad}
.recruit p{line-height:1.5}     

/* 테이블 */ 
.tblRow_01, .table-area, .table-list{border-top:1px solid #333;}
.table-list thead th{padding:15px 0}
.table-area th, .table-list th, .tblRow_01 th{background:#f1f2f4; padding:15px; line-height:1.5; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; text-align:center; font-weight:700}
.table-area td, .table-list td, .tblRow_01 td{padding:15px; line-height:1.5; text-align:center; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.table-area td.last, .table-area th.last, .tblRow_01 td.last, .table-area th.last{border-right:none;}
.tblRow_01 th{width:35%; padding:15px; text-align:left}
.tblRow_01 td{width:65%; text-align:left}
.table-area th{text-align:left;}
.table-area td{text-align:left;}

/* 국내선물 */
.domestic-icon01{padding-top:126px; background:url('/resources/img/sub/domestic/domestic-icon01.gif') no-repeat top/200px;}
.img-box{padding:30px; text-align:center; border:1px solid #d9d9d9;}
.img-box img{width:100%;} 
 .color-box{padding:15px; background:#e2f0fa;}
 .color-box strong{display:inline-block; padding:7px 15px; border-radius:30px; background:#2054ae; color:#fff;}
 .txt-line{padding:10px 15px; border:1px solid #ccc;}

/* 국내옵션 */
.domestic-icon02{padding-top:126px; background:url('/resources/img/sub/domestic/domestic-icon02.gif') no-repeat top/200px;}
.domestic-option{border:1px solid #d9d9d9; padding:15px;}
.domestic-option img{width:100%}

/* 상품소개 메인 */  
.product-tab{position:relative; border-bottom:1px solid #d9d9d9}
.product-tab .swiper-container{width:90%;} 
.product-tab .swiper-container .swiper-slide{text-align:center; font-size:15px;}
.product-tab .swiper-container .swiper-slide a{display:block; padding:23px 0 18px 0;}  
.product-tab .swiper-container .swiper-slide a.active{border-bottom:3px solid #0094d9; color:#0094d9; font-weight:700;}
.product-tab .swiper-button-next{top:45px; width:15px; height:15px; background:url('/resources/img/sub/product-right.gif') no-repeat center/cover}
.product-tab .swiper-button-prev{top:45px; width:15px; height:15px; background:url('/resources/img/sub/product-left.gif') no-repeat center/cover}
.domestic-icon04{padding-top:126px; background:url('/resources/img/sub/domestic/domestic-icon04.gif') no-repeat top/180px;} 
.domestic-icon03{padding-top:126px; background:url('/resources/img/sub/domestic/domestic-icon03.gif') no-repeat top/200px;}  
.overseas-icon02{padding-top:126px; background:url('/resources/img/sub/overseas/overseas-icon02.gif') no-repeat top/200px;} 
.domestic-product, .overseas-product{overflow:hidden; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}   
.domestic-product li, .overseas-product li{float:left; width:50%; text-align:center; padding:101px 30px 30px 30px; box-sizing:border-box; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.domestic-product li:first-child{background:url('/resources/img/sub/domestic/domestic-product01.gif') no-repeat center 30px/105px}
.domestic-product li:nth-child(2){background:url('/resources/img/sub/domestic/domestic-product02.gif') no-repeat center 30px/105px}
.domestic-product li:nth-child(3){background:url('/resources/img/sub/domestic/domestic-product03.gif') no-repeat center 30px/105px}
.domestic-product li:nth-child(4){background:url('/resources/img/sub/domestic/domestic-product04.gif') no-repeat center 30px/105px}
.domestic-product li:nth-child(5){background:url('/resources/img/sub/domestic/domestic-product05.gif') no-repeat center 30px/105px}
.domestic-product li:last-child{background:url('/resources/img/sub/domestic/domestic-product06.gif') no-repeat center 30px/105px}
.overseas-product li:first-child{background:url('/resources/img/sub/overseas/overseas-product01.gif') no-repeat center 30px/105px}
.overseas-product li:nth-child(2){background:url('/resources/img/sub/overseas/overseas-product02.gif') no-repeat center 30px/105px}
.overseas-product li:nth-child(3){background:url('/resources/img/sub/overseas/overseas-product03.gif') no-repeat center 30px/105px}
.overseas-product li:nth-child(4){background:url('/resources/img/sub/overseas/overseas-product04.gif') no-repeat center 30px/105px}
.overseas-product li:nth-child(5){background:url('/resources/img/sub/overseas/overseas-product05.gif') no-repeat center 30px/105px}
.overseas-product li:last-child{background:url('/resources/img/sub/overseas/overseas-product06.gif') no-repeat center 30px/105px}
.domestic-product li strong, .overseas-product li strong{font-size:15px;}
.domestic-product li > p, .overseas-product li > p{line-height:1.5; margin:10px 0 15px 0;}
@media screen and (max-width:320px) and (min-width:320px){
.domestic-product li, .overseas-product li{height:288px} 
}
@media screen and (max-width:800px) and (min-width:360px){
.domestic-product li, .overseas-product li{height:267px} 
}

.product{width:100%; height:auto; border:1px solid #1058a4; padding:5px 0 5px 15px; font-weight:bold; color:#fff; font-size:18px; background:#1058a4 url('/resources/img/sub/arrows.png') no-repeat 95%/15px;}
  
/* 국내해외 상품 */  
.domestic-product01{padding-top:126px; background:url('/resources/img/sub/domestic/domestic-product01.gif') no-repeat top/200px;}
.domestic-product02{padding-top:126px; background:url('/resources/img/sub/domestic/domestic-product02.gif') no-repeat top/200px;}
.domestic-product03{padding-top:126px; background:url('/resources/img/sub/domestic/domestic-product03.gif') no-repeat top/200px;}
.domestic-product04{padding-top:126px; background:url('/resources/img/sub/domestic/domestic-product04.gif') no-repeat top/200px;}
.domestic-product05{padding-top:126px; background:url('/resources/img/sub/domestic/domestic-product05.gif') no-repeat top/200px;}
.domestic-product06{padding-top:126px; background:url('/resources/img/sub/domestic/domestic-product06.gif') no-repeat top/200px;}
.overseas-product01{padding-top:126px; background:url('/resources/img/sub/overseas/overseas-product01.gif') no-repeat top/200px;}
.overseas-product02{padding-top:126px; background:url('/resources/img/sub/overseas/overseas-product02.gif') no-repeat top/200px;}
.overseas-product03{padding-top:126px; background:url('/resources/img/sub/overseas/overseas-product03.gif') no-repeat top/200px;}
.overseas-product04{padding-top:126px; background:url('/resources/img/sub/overseas/overseas-product04.gif') no-repeat top/200px;}
.overseas-product05{padding-top:126px; background:url('/resources/img/sub/overseas/overseas-product05.gif') no-repeat top/200px;}
.overseas-product06{padding-top:126px; background:url('/resources/img/sub/overseas/overseas-product06.gif') no-repeat top/200px;}

/* 해외개요 */
.overseas-option{padding:30px; border:1px solid #d9d9d9;}
.overseas-option li{text-align:center; } 
.overseas-option li p{padding-top:151px; line-height:1.5}
.overseas-option li:first-child{margin-top:0; background:url('/resources/img/sub/overseas/overseas-present01.jpg') no-repeat top/140px;}
.overseas-option li:nth-child(2){background:url('/resources/img/sub/overseas/overseas-present02.jpg') no-repeat top/140px;}
.overseas-option li:nth-child(3){background:url('/resources/img/sub/overseas/overseas-present03.jpg') no-repeat top/140px;}
 
/* 공지사항 */ 
.search-area{overflow:hidden; margin-bottom:30px}
.bo-select{float:left; width:23%; margin-right:1.5%}
.bo-select select{width:100%; height:55px; line-height:55px; background:#fff url('/resources/img/sub/search-btn.gif') no-repeat 85% 24px/12px;}
.bo-search{float:left; width:75.5%; overflow:hidden;}
.bo-search input{width:72%; height:55px; line-height:55px; float:left; margin-right:2%}  
.bo-search button{float:left; width:26%; height:55px; line-height:55px; background:#3f485c; color:#fff; border-radius:5px;}
.scope{margin-bottom:15px;}
.scope strong{margin-left:3px; color:#005dad}
.board-list ul{border-top:1px solid #333}
.board-list ul li{padding:20px 0; overflow:hidden; border-bottom:1px solid #d9d9d9;} 
.board-list ul li.noti{background:#f1f2f4}
.board-list ul li.noti .num{border:1px solid #005dad; color:#005dad; font-weight:700}
.board-list ul li .num{float:left; box-sizing:border-box; width:46px; margin:0 7px; padding:5px 9px; text-align:center;} 
.board-list ul li > div{float:left; width:79%; margin-top:2px;}
.board-list ul li > div .subject{width:100%; line-height:1.5; margin-bottom:10px; font-size:15px;}
.board-list ul li > div .subject a{display:inline-block;} 
.board-list ul li > div .new a{padding-right:25px; box-sizing:border-box; background:url(/resources/img/sub/new.png) no-repeat 98%/18px;}
.board-list ul li > div .date{display:inline-block; margin-right:10px; color:#666} 
.board-list ul li > div div{display:inline-block; vertical-align:middle;}
.file a{display:inline-block; width:39px; height:20px; margin-right:5px; font-weight:700; text-indent:-9999px;}
.file .pdf{background:url(/resources/img/sub/customer/pdf.png) no-repeat 99%/100%;}
.file .docx{background:url(/resources/img/sub/customer/doc.png) no-repeat 99%/100%;}
.file .xlsx{width:44px; background:url(/resources/img/sub/customer/excel.png) no-repeat 99%/100%;}
.file .xls{width:44px; background:url(/resources/img/sub/customer/excel.png) no-repeat 99%/100%;}
.file .hwp{background:url(/resources/img/sub/customer/hwp.png) no-repeat 99%/100%;} 

/* 페이징 */
.pg_wrap {clear:both; margin-top:30px; text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}  
.pg_page, .pg_current {display:inline-block;vertical-align:middle;border:1px solid #d6d6d6}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:1.083em;height:33px;line-height:31px;min-width:33px;text-decoration:none;}
.pg_page:hover{border:1px solid #005dad}
.pg_start {text-indent:-999px;overflow:hidden;background:url('/resources/img/sub/btn_first.gif') no-repeat center/14px #fff;padding:0;border:1px solid #d6d6d6;}
.pg_prev {margin-right:5px;text-indent:-999px;overflow:hidden;background:url('/resources/img/sub/btn_prev.gif') no-repeat center/9px #fff;padding:0;border:1px solid #d6d6d6}
.pg_end {text-indent:-999px;overflow:hidden;background:url('/resources/img/sub/btn_end.gif') no-repeat center/14px #fff;padding:0;border:1px solid #d6d6d6}
.pg_next {margin-left:5px;text-indent:-999px;overflow:hidden;background:url('/resources/img/sub/btn_next.gif') no-repeat center/9px #fff;padding:0;border:1px solid #d6d6d6}
.pg_current {display:inline-block;border:1px solid #005dad;background:#005dad;color:#fff;font-weight:bold;height:33px;line-height:33px;min-width:33px;}

/* 게시판 view */
.view-title{padding:20px 0; border-top:1px solid #333; border-bottom:1px solid #d9d9d9; background:#f1f2f4;}
.view-title h2{font-size:16px; padding-left:15px; display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.view-title > div{margin-top:10px; color:#666; font-size:14px;}
.view-title > div span{padding:0 15px}
.view-title > div .date{background:url(/resources/img/sub/customer/bo-line.gif) no-repeat right 2.5px/1px 12px;}
.view-title > div .view{padding-left:7px;}
.view-contents{padding:15px 0}
.view-contents p{line-height:1.5} 
.view-contents img{width:100%;}
.view-file{border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;} 
.view-file strong{display:inline-block; padding:20px 15px; vertical-align:middle; background:url('/resources/img/sub/view-file-line.png') no-repeat right;}
.view-file ul{width:72%; display:inline-block; padding:10px 0; vertical-align:middle;}
.view-file ul li{line-height:2; display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.view-file ul li a{display:inline-block; padding-left:45px;}
.view-file ul li a.pdf{background:url(/resources/img/sub/customer/pdf.png) no-repeat left/40px;} 
.view-file ul li a.docx{background:url(/resources/img/sub/customer/doc.png) no-repeat left/40px}
.view-file ul li a.xlsx{background:url(/resources/img/sub/customer/excel.png) no-repeat left/40px}
.view-file ul li a.xls{background:url(/resources/img/sub/customer/excel.png) no-repeat left/40px}
.view-file ul li a.hwp{background:url(/resources/img/sub/customer/hwp.png) no-repeat left/40px}
.board-view .button-wrap{margin:30px 0 50px 0; text-align:center;}  
.board-view .button-wrap a{display:inline-block; padding:20px 10px; border:1px solid #d9d9d9; border-radius:5px;}
.board-view table td a{display:block; margin-bottom:5px;}
.board-view table td span{font-size:14px;}

/* q&a */ 
.qna-list{padding-top:20px; border-top:1px solid #333} 
.qna-list li{margin-bottom:20px;}
.qna-list li label{display:block; margin-bottom:10px; font-size:15px;} 
.qna-list li select{border-radius:5px; height:55px; line-height:55px; background:#fff url('/resources/img/sub/search-btn.gif') no-repeat 95% 24px/12px;}
.qna-list li input{border-radius:5px; height:55px; line-height:55px;} 
.qna-list li textarea{min-height:300px; border:1px solid #d9d9d9; border-radius:5px;}
.pna-icon{line-height:1.7; padding-left:18px; background:url('/resources/img/sub/customer/qna-icon.gif') no-repeat left 5px/13px; color:#999}
 .button-wrap{text-align:center; margin-top:30px;}
.button-wrap .button{display:inline-block; width:100px; margin:0 5px; padding:15px 0;  border-radius:5px;} 
.button-blue{background:#1058a4; border:1px solid #1058a4; color:#fff;}
.button-line{background:#fff; border:1px solid #d9d9d9}
 
 /* 이용동의 박스 */
.agreebox{overflow:hidden;}
.agreebox .agree-txt{height:242px; padding:15px; overflow-y:scroll; border:1px solid #d9d9d9; box-sizing:border-box;}
.agreebox .agree-txt > div{margin-top:30px;}
.agreebox .agree-txt > strong, .agreebox .agree-txt > div strong{font-size:15px;}
.agreebox .agree-txt > span{margin:20px 0; display:block;}
.agreebox .agree-txt > p, .agreebox .agree-txt > div p{line-height:1.7; margin-top:20px;}
.agree-radio{overflow:hidden; padding:20px; border-bottom:1px solid #d9d9d9; text-align:center;} 
.agree-radio p{line-height:1.5}
.agree-radio > div{margin-top:15px;}
.check-txt{text-align:center; margin-top:60px;}
.check-txt p{line-height:1.7}

/* 라디오버튼 */
.radio-style-type01, .radio-style-type02, .check-style-type01{position:relative; display:inline-block;}
.radio-style-type01 input[type="radio"], .radio-style-type02 input[type="radio"], .check-style-type01 input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.radio-style-type01 input[type="radio"] + label, .radio-style-type02 input[type="radio"] + label, .check-style-type01 input[type="checkbox"] + label{margin:0 10px}
.radio-style-type01 input[type="radio"] + label:before{content:''; display:inline-block; width:21px; height:21px; line-height:21px; margin:-1px 10px 0 0; text-align:center; vertical-align:middle; background:url('/resources/img/sub/radio-style-type01.png') -20px top no-repeat;}
.radio-style-type02 input[type="radio"] + label:before{content:''; display:inline-block; width:22px; height:22px; line-height:22px; margin:-1px 10px 0 0; text-align:center; vertical-align:middle; background:url('/resources/img/sub/radio-style-type02.png') -21px top no-repeat;}
.check-style-type01 input[type="checkbox"] + label:before{content:''; display:inline-block; width:22px; height:22px; line-height:22px; margin:-1px 10px 0 0; text-align:center; vertical-align:middle; background:url('/resources/img/sub/check-style-type01.png') -20px top no-repeat;}
.check-style-type01 input[type="checkbox"] + label:active:before,
.check-style-type01 input[type="checkbox"]:checked + label:active:before,
.radio-style-type01 input[type="radio"] + label:active:before,
.radio-style-type01 input[type="radio"]:checked + label:active:before,
.radio-style-type02 input[type="radio"] + label:active:before,
.radio-style-type02 input[type="radio"]:checked + label:active:before{box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.radio-style-type01 input[type="radio"]:checked + label:before{background:url('/resources/img/sub/radio-style-type01.png') 1px top no-repeat;}
.radio-style-type02 input[type="radio"]:checked + label:before{background:url('/resources/img/sub/radio-style-type02.png') 1px top no-repeat;}
.check-style-type01 input[type="checkbox"]:checked + label:before{background:url('/resources/img/sub/check-style-type01.png') 2px top no-repeat;}

/* 아코디언 */
.accordian-type01{border-top:1px solid #333}
.accordian-type01 dt{padding:20px; cursor:pointer; background:url(/resources/img/sub/faq-off.gif) no-repeat 95%/12px; border-bottom:1px solid #e5e5e5}
.accordian-type01 dt.selected{background:url(/resources/img/sub/faq-on.gif) no-repeat 95%/12px; color:#008ace; font-weight:bold}
.accordian-type01 dd{padding:20px; line-height:1.7; border-bottom:1px solid #d9d9d9; background:#f1f2f4} 

.accordian-type02{border-top:2px solid #2054ae; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;} 
.accordian-type02 dt.open{background:#f1f2f4 url(/resources/img/sub/customer/faq-on.png) no-repeat 93%/12px; border-bottom:none;}
.accordian-type02 dt{padding:30px 20px; box-sizing:border-box; font-size:15px; border-bottom:1px solid #d9d9d9; background:url(/resources/img/sub/customer/faq-off.png) no-repeat 93%/12px; cursor:pointer;}
.accordian-type02 dt strong{color:#2054ae;}  
.accordian-type02 dt h4{display:inline-block; margin-left:10px;}
.accordian-type02 dd{position:relative; padding:0 20px 20px 20px; box-sizing:border-box; border-bottom:1px solid #d9d9d9; background:#f1f2f4}
.accordian-type02 dd span{display:block; margin-bottom:20px; line-height:1.7}
.accordian-type02 dd:after{content:''; position:absolute; bottom:-10px; left:45px; width:15px; height:10px; background:url(/resources/img/sub/customer/accordian-open.png) no-repeat center}
.accordian-type02 dd:last-child:after{display:none;}

/* fx 마진 이란*/
.fx-list01{border:1px solid #d9d9d9; padding:30px; text-align:center;}
.fx-list01 li div{display:inline-block; padding:15px; border:2px solid #c3cfe0; border-radius:15px;}
.fx-list01 li:first-child div{margin-bottom:20px;}
.fx-list01 li div strong{display:inline-block; width:19px; height:19px; line-height:19px; margin-right:5px; text-align:center; background:#6287c6; color:#fff; border-radius:50%}
.fx-box{padding:15px; margin-top:30px; text-align:left; background:#e8eef7; border-radius:15px; text-align:center;}
.fx-box div:last-child{padding-top:45px; margin-top:5px; background:url(/resources/img/sub/direction-bottom.gif) no-repeat center top/12px;}
.fx-box strong, .fx-box p{line-height:1.5}
.fx-box strong{color:#666}

/* 해외선물온라인카페 */
.overseas-icon03{padding-top:126px; background:url('/resources/img/sub/overseas/overseas-icon03.gif') no-repeat top/200px;}
.cafe-box{padding:20px 30px; background:#f2f2f2; text-align:center;}
.cafe-box strong{display:block; margin-bottom:15px; font-size:15px; line-height:1.5}
.cafe-box > p{line-height:1.5; margin:15px 0;}
.cafe-list01{overflow:hidden; border-top:2px solid #2054ae}
.cafe-list01 li{float:left; width:50%; padding:65px 20px 20px 20px; text-align:center; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; box-sizing:border-box;}
.cafe-list01 li:first-child{border-left:1px solid #d9d9d9; background:url('/resources/img/sub/overseas/cafe-img03.gif') no-repeat center 20px/25px}
.cafe-list01 li:nth-child(2){background:url('/resources/img/sub/overseas/cafe-img02.gif') no-repeat center 20px/25px}
.cafe-list01 li:nth-child(3){border-left:1px solid #d9d9d9; background:url('/resources/img/sub/overseas/cafe-img04.gif') no-repeat center 20px/25px}
.cafe-list01 li:last-child{background:url('/resources/img/sub/overseas/cafe-img05.gif') no-repeat center 20px/25px}
.cafe-list01 li p{margin-top:10px; line-height:1.5;}
.cafe-list02{border-top:1px solid #d9d9d9}
.cafe-list02 li{height:100px; margin-top:20px; padding:0 0 0 138px; box-sizing:border-box;} 
.cafe-list02 li:first-child{background:url('/resources/img/sub/overseas/cafe-img06.jpg') no-repeat 20px/100px} 
.cafe-list02 li:nth-child(2){background:url('/resources/img/sub/overseas/cafe-img07.jpg') no-repeat 20px/100px}
.cafe-list02 li:nth-child(3){background:url('/resources/img/sub/overseas/cafe-img08.jpg') no-repeat 20px/100px}
.cafe-list02 li:nth-child(4){background:url('/resources/img/sub/overseas/cafe-img09.jpg') no-repeat 20px/100px}
.cafe-list02 li:nth-child(5){background:url('/resources/img/sub/overseas/cafe-img10.jpg') no-repeat 20px/100px}
.cafe-list02 li:nth-child(6){background:url('/resources/img/sub/overseas/cafe-img11.jpg') no-repeat 20px/100px}
.cafe-list02 li:nth-child(7){background:url('/resources/img/sub/overseas/cafe-img12.jpg') no-repeat 20px/100px}
.cafe-list02 li:last-child{background:url('/resources/img/sub/overseas/cafe-img13.jpg') no-repeat 20px/100px}
.cafe-list02 li p{line-height:1.5; padding-top:38px;} 
 
@media screen and (max-width:800px) and (min-width:320px){
.cafe-list01 li{height:170px} 
}

/* 비대면계좌개설 */
.account-title{background:#fafafa url('/resources/img/sub/account/account-icon01.gif?ver=20241224') no-repeat right 90%/175px;}
.box-title{padding:30px 20px 100px 20px;}
.box-title .h3-title{text-align:left; margin-bottom:10px; line-height:1.3}
.box-title .sub-txt{margin-bottom:20px; font-size:15px;}

/* 연계계좌개설안내 */
.account-step{border:1px solid #d9d9d9; border-bottom:none;}
.account-step li{position:relative; padding:20px 30px; border-bottom:1px solid #d9d9d9} 
.account-step li:after{content:''; position:absolute; bottom:-15px; left:54px; width:20px; height:15px; background:url(/resources/img/sub/account/account-line.gif) no-repeat left top/20px;}
.account-step li:last-child:after{display:none} 
.account-step li div{padding-left:100px}
.account-step li span{display:block; margin-bottom:5px; color:#005dad; font-weight:700;} 
.account-step li strong{line-height:1.5; font-size:15px;}
.account-step li p{margin-top:5px; line-height:1.5}
.account-step li:first-child div{background:url('/resources/img/sub/account/account-step01.gif') no-repeat left top/70px;}  
.account-step li:nth-child(2) div{background:url('/resources/img/sub/account/account-step02.jpg') no-repeat left top/70px;}
.account-step li:nth-child(3) div{background:url('/resources/img/sub/account/account-step03.gif') no-repeat left top/70px;}
.account-step li:nth-child(4) div{background:url('/resources/img/sub/account/account-step04.gif') no-repeat left top/70px;}
.account-step li:nth-child(5) div{background:url('/resources/img/sub/account/account-step05.gif') no-repeat left top/70px;}
.account-step li:nth-child(6) div{background:url('/resources/img/sub/account/account-step06.gif') no-repeat left top/70px;} 
.account-step li:nth-child(7) div{background:url('/resources/img/sub/account/account-step07.gif') no-repeat left top/70px;} 
.account-step li:nth-child(8) div{background:url('/resources/img/sub/account/account-step08.gif') no-repeat left top/70px;}
.account-step li:last-child div{background:url('/resources/img/sub/account/account-step09.jpg') no-repeat left top/70px;}
  
/* 연계계좌개설안내 */
.account-info{border:1px solid #d9d9d9; border-bottom:none;}
.account-info li{position:relative; padding:20px 30px; border-bottom:1px solid #d9d9d9;} 
.account-info li:after{content:''; position:absolute; bottom:-15px; left:56px; width:20px; height:15px; background:url(/resources/img/sub/account/account-line.gif) no-repeat left top/20px;}
.account-info li:last-child:after{display:none} 
.account-info li div{padding:15px 0 15px 100px;} 
.account-info li span{display:block; margin-bottom:5px; color:#005dad; font-weight:700;} 
.account-info li strong{line-height:1.5; font-size:15px;}
.account-info li:first-child div{background:url('/resources/img/sub/account/account-info01.gif?ver=20241224') no-repeat left top/70px;}  
.account-info li:nth-child(2) div{background:url('/resources/img/sub/account/account-info02.jpg') no-repeat left top/70px;}
.account-info li:nth-child(3) div{background:url('/resources/img/sub/account/account-info03.gif') no-repeat left top/70px;}
.account-info li:nth-child(4) div{background:url('/resources/img/sub/account/account-info04.gif') no-repeat left top/70px;}
.account-info li:nth-child(5) div{background:url('/resources/img/sub/account/account-info05.gif') no-repeat left top/70px;}
.account-info li:nth-child(6) div{background:url('/resources/img/sub/account/account-info06.jpg') no-repeat left top/70px;}

/* 찾아가는 서비스 계좌개설 */
.service-info{padding:20px; text-align:center; overflow:hidden; border:1px solid #d9d9d9}
.service-info li{float:left; width:33.3%; padding-top:26%;} 
.service-info li p{line-height:1.5;}
.service-info li:first-child{background:url('/resources/img/sub/account/service-img02.jpg') no-repeat top/73%;}  
.service-info li:nth-child(2){background:url('/resources/img/sub/account/service-img03.jpg') no-repeat top/73%;}  
.service-info li:nth-child(3){background:url('/resources/img/sub/account/service-img04.jpg') no-repeat top/73%;}
.service-step{border:1px solid #d9d9d9; border-bottom:none;}
.service-step li{position:relative; padding:20px 30px; border-bottom:1px solid #d9d9d9;} 
.service-step li:after{content:''; position:absolute; bottom:-15px; left:56px; width:20px; height:15px; background:url(/resources/img/sub/account/account-line.gif) no-repeat left top/20px;}
.service-step li:last-child:after{display:none} 
.service-step li div{padding:15px 0 15px 100px;} 
.service-step li span{display:block; margin-bottom:5px; color:#005dad; font-weight:700;} 
.service-step li strong{line-height:1.5; font-size:15px;}
.service-step li:first-child div{background:url('/resources/img/sub/account/service-icon01.gif') no-repeat left top/70px;}  
.service-step li:nth-child(2) div{background:url('/resources/img/sub/account/service-icon02.gif') no-repeat left top/70px;}
.service-step li:nth-child(3) div{background:url('/resources/img/sub/account/service-icon03.gif') no-repeat left top/70px;}
.service-step li:nth-child(4) div{background:url('/resources/img/sub/account/service-icon04.gif') no-repeat left top/70px;} 
 
/* 투자정보 */
.investment-title{position:relative; display:block; margin-top:80px; line-height:1.5; font-size:20px; text-align:center;}
.investment-title:before{content:''; position:absolute; top:-45px; left:0; width:100%; height:30px; background:url('/resources/img/sub/investment/investment-title01.gif') no-repeat center/40px;} 
.investment-title:after{content:''; position:absolute; left:0; bottom:-46px; width:100%; height:30px; background:url('/resources/img/sub/investment/investment-title02.gif') no-repeat center/40px;}
.investment-txt{padding-top:202px; margin-top:65px; line-height:1.5; font-size:16px; font-weight:700; text-align:center; background:url('/resources/img/sub/investment/investment-img.jpg') no-repeat top/250px;}
.investment-txt span{color:#005dad}  
  
/* 오시는길 */   
.location{border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9} 
.location li{height:94px; margin:20px 0; padding-left:118px; box-sizing:border-box;}  
.location li:first-child{padding-top:14px; background:url('/resources/img/sub/company/location-icon01.png') no-repeat left/93px;}   
.location li:nth-child(2){padding-top:25px; background:url('/resources/img/sub/company/location-icon02.png') no-repeat left/93px;}
.location li:nth-child(3){padding-top:25px; background:url('/resources/img/sub/company/location-icon03.png') no-repeat left/93px;}
.location li strong{font-size:15px; color:#005dad}
.location li p{line-height:1.5; margin-top:10px;}   
.root_daum_roughmap{border:none !important; padding:0 !important}

/* mts */
.mts-title{background:#fafafa url('/resources/img/sub/system/mts-icon01.gif') no-repeat right 94%/175px;}
.mts-list01{overflow:hidden}
.mts-list01 li{float:left; width:33.3%; text-align:center; padding:70px 15px 20px 15px; color:#fff; box-sizing:border-box}
.mts-list01 li:first-child{background:#21bedd url('/resources/img/sub/system/mts-icon02.gif') no-repeat center 20px/50px;}
.mts-list01 li:nth-child(2){background:#008ace url('/resources/img/sub/system/mts-icon03.gif') no-repeat center 20px/35px;}
.mts-list01 li:last-child{background:#1058a4 url('/resources/img/sub/system/mts-icon04.gif') no-repeat center 20px/50px;}
.mts-list01 li strong{font-size:15px;}
.mts-list01 li p{line-height:1.5; margin-top:5px;}
.mts-list02{padding:20px; border:1px solid #d9d9d9}
.mts-list02 li{width:230px; margin:40px auto; padding-top:161px; text-align:center;}
.mts-list02 li:first-child{margin-top:0; background:url('/resources/img/sub/system/mts-icon05.jpg?ver=20241224') no-repeat top/140px;}
.mts-list02 li:nth-child(2){background:url('/resources/img/sub/system/mts-icon06.jpg') no-repeat top/140px;}
.mts-list02 li:nth-child(3){background:url('/resources/img/sub/system/mts-icon07.jpg') no-repeat top/140px;}
.mts-list02 li:last-child{margin-bottom:0; background:url('/resources/img/sub/system/mts-icon08.jpg') no-repeat top/140px;}
.mts-list02 strong{font-size:15px; line-height:1.5} 
.mts-list02 p{margin-top:5px; line-height:1.5;}

/* 입출금안내 */
.customer-title{padding:30px 30px 70px 30px; text-align:center; background:#e2f0fa url('/resources/img/sub/customer/customer-title.gif') no-repeat center/90%;}
.customer-title h3{font-size:24px;} 
.customer-title p{margin-top:10px; font-size:15px; line-height:1.5} 
.txt-box{padding:15px; overflow:hidden; background:#f7f7f7; border:1px solid #d9d9d9; box-sizing:border-box;}
.txt-box strong{display:block; margin-bottom:15px; font-size:15px;}
.txt-box p{float:left; width:50%; padding:7px 0 0 40px; box-sizing:border-box;}
.txt-box p.icon01{background:url('/resources/img/sub/customer/customer-icon01.gif') no-repeat left top/30px;}
.txt-box p.icon02{background:url('/resources/img/sub/customer/customer-icon02.gif') no-repeat left top/30px;}
.txt-box p span{display:block; margin-top:10px;}

/* hts */
.hts-title{background:#fafafa url('/resources/img/sub/system/hts-icon01.gif') no-repeat right 94%/175px;}
.hts-list01{overflow:hidden}
.hts-list01 li{float:left; width:33.3%; height:152px; text-align:center; padding:70px 10px 20px 10px; color:#fff; box-sizing:border-box}
.hts-list01 li:first-child{background:#7f76e3 url('/resources/img/sub/system/hts-icon02.gif') no-repeat center 20px/50px;}
.hts-list01 li:nth-child(2){background:#5836a4 url('/resources/img/sub/system/hts-icon03.gif') no-repeat center 20px/35px;}
.hts-list01 li:last-child{background:#34205d url('/resources/img/sub/system/hts-icon04.gif') no-repeat center 20px/50px;}
.hts-list01 li strong{font-size:15px;}
.hts-list01 li p{line-height:1.5; margin-top:5px;}
.hts-list02{padding:20px; border:1px solid #d9d9d9}
.hts-list02 li{width:230px; margin:40px auto; padding-top:161px; text-align:center;}
.hts-list02 li:first-child{margin-top:0; background:url('/resources/img/sub/system/hts-icon05.jpg') no-repeat top/140px;}
.hts-list02 li:nth-child(2){background:url('/resources/img/sub/system/hts-icon06.jpg') no-repeat top/140px;}
.hts-list02 li:nth-child(3){margin-bottom:0; background:url('/resources/img/sub/system/hts-icon07.jpg') no-repeat top/140px;}
.hts-list02 strong{font-size:15px; line-height:1.5} 
.hts-list02 p{margin-top:5px; line-height:1.5;}

/* pst */
.pst img{width:100%;}
 
/* 이벤트/세미나 */
.event-list{border-top:1px solid #333} 
.event-list li{padding:20px 0; border-bottom:1px solid #d9d9d9;}
.event-list li img{width:100%;}
.event-list li div{margin:10px 7px 0 7px;}
.event-list li strong{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px;}
.event-list li p{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.event-list li .place{margin:10px 0 16px 0; font-size:15px;} 
.event-list li .date{color:#999}  
.event-list li .seminar strong{display:block; margin-bottom:10px}
.event-list li .seminar p{line-height:1.5}

/* 상품 상세 */
.product_noti{margin-bottom:30px; padding:10px 20px; line-height:1.5; background:#e9edf6; font-weight:bold; color:#1058a4}