.tit01{font-size:2.143rem; font-weight:400; color:#142d55;} /*font-size:30px*/
.tit02{font-size:1.714rem; font-weight:400; color:#142d55;} /*font-size:24px*/
.tit03{font-size:1.714rem; font-weight:400; color:#444;} /*font-size:24px*/
.tit04{font-size:1.1rem; font-weight:300; color:#555; height:44px; background-color:#f3f3f3; border:solid 1px #dfdfdf; text-align:center; line-height:44px;margin-top:30px;} /*font-size:16px*/

.txt01{font-size:1.429rem; font-weight:400; color:#444;}/*font-size:20px*/
.txt01{font-size:1.286rem; font-weight:500; color:#444; line-height:1.6em;}/*font-size:18px*/
.txt02{font-size:1.143rem; font-weight:300; color:#555; line-height:1.6em;}/*font-size:16px*/
.txt_box{padding:15px 20px; background-color:#f2f1f2; margin:10px 0; line-height:1.2em;}
.line{position:relative; margin-bottom:30px;}
.line:after{position:absolute; left:0; bottom:-10px; content:''; display:block; width:30px; height:2px; background-color:#142d55;}
.dots{position:relative; padding-left:20px;}
.dots:after{display:block; position:absolute; left:0; top:0;}
.dots.tp01:after{content:'·';}
.dots.tp02:after{content:''; width:2px; height:2px; background-color:#111; margin-top:5px;}

.bull{color:#ff0000 !important;}
.bear{color:#0066FF !important;}



.btn_area .btn.type01{display:block; width:220px; padding:10px 10px; color:#142d55; border-radius:0; border:2px solid #142d55; background-color:transparent; background:url(/images/btn-arrow01.png)no-repeat 90% center;font-size:1.143rem; font-weight:600;}
.sub_contianer{padding-top:106px;}

.sub_visual_area .sub_visual:after{transition:all 0.5s; width:100%; height:190px;}
.sub_visual_area .sub_visual.sv01:after{position:absolute; top:0; left:0; content:''; display:block;  background:url(/images/sub_visual01.jpg) no-repeat center; background-size:cover;}
.sub_visual_area .sub_visual.sv02:after{position:absolute; top:0; left:0; content:''; display:block; background:url(/images/sub_visual02.jpg) no-repeat center; background-size:cover;}
.sub_visual_area .sub_visual.sv03:after{position:absolute; top:0; left:0; content:''; display:block; background:url(/images/sub_visual03.jpg) no-repeat center; background-size:cover;}
.sub_visual_area .sub_visual.sv04:after{position:absolute; top:0; left:0; content:''; display:block; background:url(/images/sub_visual04.jpg) no-repeat center; background-size:cover;}
.sub_visual_area .sub_visual.sv05:after{position:absolute; top:0; left:0; content:''; display:block; background:url(/images/sub_visual05.jpg) no-repeat center; background-size:cover;}
.sub_visual_area .sub_visual.sv06:after{position:absolute; top:0; left:0; content:''; display:block; background:url(/images/sub_visual06.jpg) no-repeat center; background-size:cover;}
.sub_visual_area .sub_visual {transition:all 0.5s; position:relative; width:100%; height:190px; overflow:hidden;}
.sub_visual_area .sub_visual:hover:after{transition:all 1s; transform:scale(1.05);}

.sub_visual_area .sub_visual .tit_area{z-index:8; position:relative; width:100%; text-align:center; padding-top:65px;}
.sub_visual_area .sub_visual .tit_area .sub_tit{display:block; font-size:2.7rem; font-weight:400; color:#fff; margin-bottom:10px;}
.sub_visual_area .sub_visual .tit_area .location{color:#fff; font-size:0.1rem; vertical-align:middle;}
.sub_visual_area .sub_visual .tit_area .location span{color:#fff; font-size:1.2rem; color:#fff; font-weight:300; vertical-align:middle;}
.sub_visual_area .sub_visual .tit_area .location .icon_arrow{display:inline-block; width:6px; height:7px; margin:0 5px; background:url(/images/arrow02.png) no-repeat center;}
.sub_visual_area .sub_nav{width:100%; background-color:#0d1b6e; border-bottom:1px solid #cdcace; }
.sub_visual_area .sub_nav ul li{text-align:center;}
.sub_visual_area .sub_nav ul li:first-child a{border-left:1px solid #cdcace;}
.sub_visual_area .sub_nav ul li a{display:block; line-height:50px; border-right:1px solid #cdcace; color: #fff;}
.sub_visual_area .sub_nav ul li:active a,
.sub_visual_area .sub_nav ul li.active a{background-color:#022a5e; color:#fff;}
.sub_visual_area .sub_nav.sn02 ul li{width:50%;}
.sub_visual_area .sub_nav.sn04 ul li{width:25%;}
.sub_visual_area .sub_nav.sn07 ul li{width:14.28571%;}
.sub_visual_area .sub_nav ul li a{display:block;}
.sub_contents{padding-top:40px; padding-bottom:80px; background: #f4f4f4;}
.sub_contents .wrap{width: 1200px; padding: 70px 70px 100px 70px; background: #fff; box-sizing: border-box;}

/*common*/
.m-show{display:none;}
.m-hide{display:block;}
.cont .section .tabs{width:100%; margin-bottom:50px;}
.cont .section .tabs a{position:relative; box-sizing:border-box; width:48%; margin-right:2%; display:block; padding:15px; font-size:1.4rem; font-weight:bold; border-top:2px solid #a5a5ad; color:#a5a5ad;}
.cont .section .tabs a.last{margin-right:0;}
.cont .section .tabs a:after{display:block; width:14px; height:11px; content:''; position:absolute; top:15px; right:15px; background:url(/images/arrow03.png) no-repeat 0 0;}
.cont .section .tabs a.on{border-color:#022a5e; color:#022a5e;}
.cont .section .tabs a.on:after{background-position: 0 -11px;}
.cont .section .tabs.type01 a{width:31.33%;}
.cont .section .tabs.type02 a{width:12.5%; font-size:1rem; text-align:center; padding:10px;}
.cont .section .tabs.type02 a:after{background:none;}
.cont .section .mtabs{width:100%; margin:10px 0;}
.cont .section .mtabs a{display:block; text-align:center; font-size:1rem; padding:5px 0;}
.cont .section .mtabs a.on{border:0; color:#022a5e;}
.cont .section .mtabs li{width:12.5%;}
.cont-title-box .cont-title{font-size: 36px;}
.cont-title-box .cn-txt{display: inline-block;}
.cont-title-box span{display: inline-block; margin: 0 5px;}
.cont-title-box .cont-navi{margin-top: 23px;}
.cont-line{margin: 20px 0 50px 0;}

/*인사말 e*/
.cont.greeting .sec01{width: 100%;}
.cont.greeting .sec01:after{display: block; clear:both; content: '';}
/* .cont.greeting .sec01 .ceotext{margin-left: 50px; margin-top: 40px; width: calc(100% - 191px);} */
.cont.greeting .sec01 .ceotext{margin-left: 50px; margin-top: 40px;}
.cont.greeting .sec01 .ceotext .ct_title{ text-align: center; color: #1328a1; font-size: 32px; font-weight: bold;}
.cont.greeting .sec01 .ceotext .ct_cont{text-align: center; color: #000; font-size: 24px; margin-top: 15px;}
.cont.greeting .sec02{margin-top: 50px; font-size: 16px; line-height: 200%;}
.cont.greeting .sec02 .ceo_inc{display: flex; align-items: center; justify-content: flex-end; gap:20px; font-size: 24px; margin-top: 75px; text-align:right;}
.cont.greeting .sec02 .sign{margin-top: 20px; text-align:right;}
.cont.greeting .sec02 .ceo_talk p {font-size:18px;}


/*조직구성*/
.cont.organ .section .img_area img{width:100%;}

/*회사연혁*/
.history .history-box{width: 1060px; padding-bottom: 100px;}
.history .history-box:after{display: block; clear: both; content: '';}
.history .history-box .h-year{width: 248px;}
.history .history-box .h-text{margin-left: 70px; font-size: 18px;}
.history .history-box .h-text p{margin-top: 20px;}
.history .history-box .h-text .mg{margin-left: 57px;}
.history .h6{padding-bottom: 0;}

/*카다로그 / 지명원*/
.cadalogue .cd-section,
.cadalogue .img-section{width: 50%;}
.cadalogue .cd-section .main-title{font-size: 36px; font-weight: normal; line-height: 1.4em;}
.cadalogue .cd-section .cd-list h5{font-size: 20px; margin-top: 50px; font-weight: normal;}
.cadalogue .cd-section .cd-list .listbox{border-top: 2px solid #3b56af; margin-top: 15px; padding: 15px; box-sizing: border-box;}
.cadalogue .cd-section .cd-list .listbox .cd-ul1{width: 50%; padding: 0; margin: 0;}
.cadalogue .cd-section .cd-list .listbox .cd-ul1 li{ padding: 10px 0; font-size: 16px;}
.cadalogue .cd-section .txt{margin-top: 50px; line-height: 2rem; font-size: 16px;}
.cadalogue .cd-section .cadalogue-button{position: relative; display: inline-block; width: 155px; height: 40px; box-sizing: border-box; border-radius: 10px; margin-top: 25px; text-align: left; background: #3d57b0; color: #fff; padding: 12px 0 12px 25px;}
.cadalogue .cd-section .cadalogue-button:after{z-index: 2; position: absolute; left: 0; top: 0; display: inline-block; width: 155px; height: 40px; content:''; background: url(/images/downimg.png) 85% 40% no-repeat;}


/*복리후생*/
.cont.welfare .section .box_list .lis{float:left; width:22.666%; margin-right:3%; margin-bottom:15px; box-sizing:border-box; border:1px solid #e3e3e3; border-top:2px solid #111;}
.cont.welfare .section .box_list .lis:nth-child(4),
.cont.welfare .section .box_list .lis:nth-child(8){margin-right:0;}
.cont.welfare .section .box_list .lis .tit{display:block; font-weight:400; text-align:center; padding:10px 0; font-size:1.429rem; color:#555;}
.cont.welfare .section .box_list .lis .list{height:100px; padding:10px;}
.cont.welfare .section .box_list .lis .list li{position:relative; padding-bottom:5px; font-size:1.143rem; position:relative; padding-left:15px;}
.cont.welfare .section .box_list .lis .list li:after{content:'·'; display:block; position:absolute; left:0; top:0;}
.cont.welfare .section .box_list .lis .img_area img{width:100%;}

/*찾아오시는길*/
.cont.maps .section{margin-bottom:30px;}
.cont.maps .section .info{width:45%; float:left; padding:20px 0; border-top:2px solid #142d55;}
.cont.maps .section .info .tit_area{margin-bottom:20px;}
.cont.maps .section .info dl{margin-bottom:10px;}
.cont.maps .section .info dl dt{display:inline-block; width:60px; font-weight:bold;}
.cont.maps .section .info dl dd{display:inline-block;}
.cont.maps .section .map_area{width:50%; float:right;}
.cont.maps .section .map_area iframe{width:100%; height:400px;}



/*품질방침*/
.quality .sec01{width: 100%;}
.quality .sec01 img{max-width: 100%;}
.quality .sec01 p{font-size: 20px; margin-top: 75px; line-height: 1.5em; letter-spacing: -1px;}
.quality .sec01 p .q_list{font-size: 18px; letter-spacing: 0px;}
.quality .sec01 p .q_title{font-size: 24px; color: #1328a1; letter-spacing: 0px;}
.quality .sec01 p.ceo_inc{font-size: 24px; margin-top: 75px; text-align:right;}
.quality .sec01 .q_list {line-height: 3;}



/*특수선*/
.liner .cable-txt .cable-tit{font-size: 24px;}
.liner .cable-txt .cable-con{font-size: 16px; margin-top: 35px; line-height: 180%}
.liner .tabs_section{margin-top: 50px;}
.liner .tabs_section .tabs ul{padding:0; margin: 0;}
.liner .tabs_section .tabs ul li{float: left; width: 50%; text-align: center; box-sizing: border-box; border: 1px solid #cecece; }
.liner .tabs_section .tabs ul li a{display: inline-block; font-size: 18px; width: 100%;}
.liner .tabs_section .tabs ul li .tab1{height: 60px; padding: 20px 0; box-sizing: border-box;}
.liner .tabs_section .tabs ul li .tab2{height: 60px; padding: 10px 0; box-sizing: border-box;}
.liner .tabs_section .tabs ul li.tb50{width: 50%;}
.liner .tabs_section .tabs ul li .on{background: #16abb2; color: #fff;}
.liner .tabs_section .tabdiv:after{display: block; clear: both; content:'';}
.liner .tabs_section .tabdiv .cableimg{margin-top: 50px; margin-left: 10px;}
.liner .tabs_section .tabdiv .cable-con{margin-left: 50px; width: 900px;}
.liner .tabs_section .tabdiv .cable-con:after{display: block; clear: both; content:'';}
.liner .tabs_section .tabdiv .cable-con .cable-con-tit{margin: 50px 0 40px 0; line-height: 180%; font-size: 16px;}
.liner .tabs_section .tabdiv .cable-con .cadalogue-menu{clear: both;}
.liner .tabs_section .tabdiv .cable-con .cadalogue-menu:after{display: block; clear: both; content:'';}
.liner .tabs_section .tabdiv .cable-con .cadalogue-menu .con{position: relative; width: 300px;height: 90px; margin-bottom: 50px;}
.liner .tabs_section .tabdiv .cable-con .cadalogue-menu .con .cable-intro{font-size: 16px;}
.liner .tabs_section .tabdiv .cable-con .cadalogue-menu .cadalogue-button{position: absolute; left: 0; bottom: 0px; display: inline-block; width: 155px; height: 40px; box-sizing: border-box; border-radius: 10px; margin-top: 25px; text-align: left; background: #3d57b0; color: #fff; padding: 12px 0 12px 25px;}
.liner .tabs_section .tabdiv .cable-con .cadalogue-menu .cadalogue-button:after{z-index: 2; position: absolute; left: 0; top: 0; display: inline-block; width: 155px; height: 40px; content:''; background: url(/images/downimg.png) 85% 40% no-repeat; background-size: 20px 20px;}
.liner .tabs_section .t-3 .cable-con table{border-collapse: collapse; width: 900px; height: 300px; text-align: center; margin-top: 50px; border: 1px solid #5d5d5d;}
.liner .tabs_section .t-3 .cable-con .ml15{margin-left: 15px;}
.liner .tabs_section .t-3 .cable-con table .t-title{background: #5d5d5d; color: #fff;}
.liner .tabs_section .t-3 .cable-con table .ttr{border-right: 1px solid #fff;}
.liner .tabs_section .t-3 .cable-con table .ttb{border-bottom: 1px solid #fff;}
.liner .tabs_section .t-3 .cable-con table td.ttm{border: 1px solid #5d5d5d; box-sizing: border-box;}

/*전력케이블*/
.cable .cable-txt .cable-tit{font-size: 24px;}
.cable .cable-txt .cable-con{font-size: 16px; margin-top: 35px; line-height: 180%}
.cable .tabs_section{margin-top: 50px;}
.cable .tabs_section .tabs ul{padding:0; margin: 0;}
.cable .tabs_section .tabs ul li{float: left; width: 176.6px; text-align: center; box-sizing: border-box; border: 1px solid #cecece; }
.cable .tabs_section .tabs ul li a{display: inline-block; font-size: 18px; width: 100%;}
.cable .tabs_section .tabs ul li .tab1{height: 60px; padding: 20px 0; box-sizing: border-box;}
.cable .tabs_section .tabs ul li .tab2{height: 60px; padding: 10px 0; box-sizing: border-box;}
.cable .tabs_section .tabs ul li.tb50{width: 50%;}
.cable .tabs_section .tabs ul li .on{background: #16abb2; color: #fff;}

.cable .tabs_section .tabdiv:after{display: block; clear: both; content:'';}
.cable .tabs_section .tabdiv .cableimg{margin-top: 50px; margin-left: 10px;}
.cable .tabs_section .tabdiv .cable-con{margin-left: 50px; width: 900px;}
.cable .tabs_section .tabdiv .cable-con:after{display: block; clear: both; content:'';}
.cable .tabs_section .tabdiv .cable-con .cable-con-tit{margin: 50px 0 40px 0; line-height: 180%; font-size: 16px;}
.cable .tabs_section .tabdiv .cable-con .cadalogue-menu{clear: both;}
.cable .tabs_section .tabdiv .cable-con .cadalogue-menu:after{display: block; clear: both; content:'';}
.cable .tabs_section .tabdiv .cable-con .cadalogue-menu .con{position: relative; width: 350px;height: 90px; margin-bottom: 50px; margin-left:50px;}
.cable .tabs_section .tabdiv .cable-con .cadalogue-menu .con .cable-intro{font-size: 16px;}
.cable .tabs_section .tabdiv .cable-con .cadalogue-menu .cadalogue-button{position: absolute; left: 0; bottom: 0px; display: inline-block; width: 155px; height: 40px; box-sizing: border-box; border-radius: 10px; margin-top: 15px; text-align: left; background: #3d57b0; color: #fff; padding: 12px 0 12px 25px;}
.cable .tabs_section .tabdiv .cable-con .cadalogue-menu .cadalogue-button:after{z-index: 2; position: absolute; left: 0; top: 0; display: inline-block; width: 155px; height: 40px; content:''; background: url(/images/downimg.png) 85% 40% no-repeat; background-size: 20px 20px;}
.cable .tabs_section .t-3 .cable-con table{border-collapse: collapse; width: 900px; height: 300px; text-align: center; margin-top: 50px; border: 1px solid #5d5d5d;}
.cable .tabs_section .t-3 .cable-con .ml15{margin-left: 15px;}
.cable .tabs_section .t-3 .cable-con table .t-title{background: #5d5d5d; color: #fff;}
.cable .tabs_section .t-3 .cable-con table .ttr{border-right: 1px solid #fff;}
.cable .tabs_section .t-3 .cable-con table .ttb{border-bottom: 1px solid #fff;}
.cable .tabs_section .t-3 .cable-con table td.ttm{border: 1px solid #5d5d5d; box-sizing: border-box;}

/*보유 인증현황*/
.confirm .tabs_section .tabs ul{padding:0; margin: 0; border-left:1px solid #cecece;}
.confirm .tabs_section .tabs ul li{float: left; width:calc(100% / 7); text-align: center; box-sizing: border-box; border: 1px solid #cecece; border-left:0 none; }
.confirm .tabs_section .tabs ul li a{display: inline-block; font-size: 16px; width: 100%; height: 60px; line-height: 60px; box-sizing: border-box;}
.confirm .tabs_section .tabs ul li .on{background: #16abb2; color: #fff;}
.confirm .tabs_section .searchbox{height: 75px; margin-top: 30px;}
.confirm .tabs_section .searchbox .search{width: 320px; height: 40px; border: 1px solid #dcdcdc;}
.confirm .tabs_section .searchbox .search input{height: 40px; width: 260px; padding: 5px 15px; box-sizing: border-box; font-size: 16px; border: 0; outline-width: 0;}
.confirm .tabs_section .searchbox .search .searchbtn{display: inline-block; width: 35px; height: 30px; margin: 5px 10px; background: url(/images/searchbtn.png) center no-repeat; background-size: 25px 25px;}
.confirm .tabs_section .tabdiv{padding-bottom: 50px; border-bottom: 1px solid #dcdcdc;}
.confirm .tabs_section .tabdiv .cont{width: 265px; padding: 7.5px; box-sizing: border-box;}
.confirm .tabs_section .tabdiv .cont:nth-of-type(5n){clear: both;}
.confirm .tabs_section .tabdiv .cont a{position: relative; display: inline-block; border: 1px solid #cdcdcd}
.confirm .tabs_section .tabdiv .cont a:after{opacity: 0; transition: all 0.5s; position: absolute; left: 0; top: 0; content: url(/images/cfbtn.png); padding:60% 40%; box-sizing: border-box;width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.confirm .tabs_section .tabdiv .cont a:hover:after{opacity: 1;}
.confirm .tabs_section .tabdiv .cont a .cont-img{width: 250px;}
.confirm .tabs_section .tabdiv .cont .cont-txt{margin-top: 10px; font-size: 15px; text-align: center; word-break:keep-all}
.confirm .tabs_section .pager{margin-top: 40px; font-size: 16px; text-align: center;}
.confirm .tabs_section .pager ul{display: inline-block;}
.confirm .tabs_section .pager .pagerb.pbtn-l{background: url(/images/pagerbtn-l.png) center no-repeat;}
.confirm .tabs_section .pager .pagerb.pbtn-r{background: url(/images/pagerbtn-r.png) center no-repeat;}
.confirm .tabs_section .pager .pagerb{display: inline-block; width:28px; height: 28px; border-radius: 50%; background: #fff; margin: 0 5px; color: #333; padding: 6px 10px; box-sizing: border-box;}
.confirm .tabs_section .pager .pagerb.active{background: #3b56af; color: #fff;}
/*보유 인증현황 디테일*/
.cf-detail{display: none; z-index: 100; position: fixed; left: 0%; top: 0; width: 100%; height: 100%;}
.cf-detail .bgbg{z-index: 101; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}
.cf-detail .content{z-index: 102; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 900px; height: 910px; margin: 0 auto;}
.cf-detail .content .cont{margin-top: 10px; width: 100%; height: 80%; background: #fff; border-radius: 1%; padding-bottom: 30px; overflow-y: scroll; overflow-x: hidden;}
.cf-detail .content .cont .title{width: 900px; height: 80px; display:flex; align-items:center; justify-content:center; background: #f0f0f0; border-top-left-radius: 0.2em; border-top-right-radius: 0.2em; font-size: 24px; padding: 0 30px; box-sizing: border-box;}
.cf-detail .content .cont .title #bbs_title{max-width:calc(100% - 155px)}
.cf-detail .cadalogue-button{position: relative; display: inline-block; margin-left:10px; width: 155px; height: 40px; box-sizing: border-box; border-radius: 10px; text-align: left; background: #3d57b0; color: #fff; padding: 12px 0 12px 25px; font-size: 16px;}
.cf-detail .cadalogue-button:after{z-index: 2; position: absolute; left: 0; top: 0; display: inline-block; width: 155px; height: 40px; content:''; background: url(/images/downimg.png) 85% 40% no-repeat; background-size: 20px;}
.cf-detail .content .cont .img{text-align: center; padding-top: 30px; box-sizing: border-box;}
.cf-detail .content .cont .text{padding: 0 50px; }
.cf-detail .content .cont .text h4{font-size: 24px; color: #3564aa; border-bottom: 1px solid #3564aa; padding-bottom: 10px; margin-top: 30px; margin-bottom: 10px;}
.cf-detail .content .cont .text p{font-size: 14px; line-height: 2em;}
/*경영정보*/
.cont.info_manage .section{margin-bottom:50px;}
.cont.info_manage .section .txt_box{line-height:1.8em;}
.list_area li{float:left; width:14.2857142%; text-align:center;}
.list_area li.last dl{border-right:1px solid #dddcdd;}
.list_area li dl{border-left:1px solid #dddcdd; border-bottom:1px solid #dddcdd;}
.list_area li dl dt{height:50px; padding-top:15px; box-sizing:border-box; color:#fff; background-color:#5e6676; border-bottom:1px solid #4a5262;}
.list_area li dl dd{height:60px; padding-top:20px; box-sizing:border-box;}

/* 복리후생 */
.benefit .bnf{width: 1060px; height: 140px; margin-bottom: 50px;}
.benefit .bnf.b5{margin-bottom: 0;}
.benefit .bnf .bnf-txt{margin: 20px 0 0 40px;}
.benefit .bnf .bnf-txt .bnf-title{font-size: 24px; margin: 0 0 10px 0;}
.benefit .bnf .bnf-txt  p{margin-right: 20px; margin-top: 10px;font-size: 18px;}
.benefit .bnf .bnf-txt .p1{margin-left: 0;}v
.benefit .bnf .bnf-txt .p5{clear: both; margin-left: 0; margin-top: 10px;}
.benefit .bnf .bnf-txt .p4-4{margin-left: 0; clear: both; margin-top: 10px;}


/*주가 및 공시*/
.cont.stock .section .info .icon_logos{position:relative; float:right; margin-bottom:20px; padding-left:23px; }
.cont.stock .section .info .icon_logos:after{position:absolute; left:0; top:-1px; display:block; content:''; width:19px; height:18px; background:url(/images/icon_logos.png) no-repeat left center;}
.cont.stock .section.sec01 .tb_area .box{margin-bottom:20px;}
.cont.stock .section.sec01 .tb_area .top .box,
.cont.stock .section.sec01 .tb_area .bottom .box{width:49%; margin-right:2%;}
.cont.stock .section.sec01 .tb_area .top .box.last,
.cont.stock .section.sec01 .tb_area .bottom .box.last{margin-right:0;}

/*인재상*/
.mt{font-size: 24px; font-weight: bold; margin-bottom: 25px;}
.man .title01{margin-bottom: 100px;}
.man .title01 .tp{margin-bottom: 50px; font-size: 18px;}
.man .title01 .man-list{background: url(/images/sub/line.png) no-repeat; background-position: 150px;}
.man .title01 .man-list:after{display: block; clear: both; content:'';}
.man .title01 .man-list .ml{width: 220px; height: 220px; text-align: center; background: url(/images/sub/manimg.png) no-repeat; margin-left: 110px; color: #fff; position:relative;}
/* .man .title01 .man-list .ml .mln{font-size: 24px; margin-top: 50px;}
.man .title01 .man-list .ml .mlc{font-size: 22px; margin-top: 20px; line-height: 170%;} */
.man .title01 .man-list .ml .mln{font-size: 24px; margin-top: 50px; display:none;}
.man .title01 .man-list .ml .mlc{font-size: 18px; line-height: 1.3; position:absolute; top: 55%; left: 50%; transform: translate(-50%,-50%); max-height: 75%; width: 75%; word-break: keep-all;}
.man .title02 ul{margin-bottom: 100px;}
.man .title02 ul LI{font-size: 18px; margin-bottom: 15px;}
.man .title03{margin-bottom: 100px;}
.man .title03 .hl{margin-bottom: 20px;}
.man .title03 .hl:after{display: block; clear: both; content: '';}
.man .title03 .hl .hl-tit{width: 110px; height: 110px; box-sizing: border-box; background:url(/images/sub/manimg.png) no-repeat; background-size: 110px; font-size: 18px; padding: 45px 0 0 25px; color: #fff;}
.man .title03 .hl .hl-tit2{width: 110px; height: 110px; box-sizing: border-box; background:url(/images/sub/manimg.png) no-repeat; background-size: 110px; font-size: 18px; padding: 35px 0 0 16px; color: #fff;}
.man .title03 .hl .hl-tit2 p{text-align: center; display: inline-block;}
.man .title03 .hl .hl-txt{margin: 45px 0 0 25px; font-size: 17px;}
.man .title03 .arrow{width: 17px; height: 10px; background:url(/images/sub/arrow.png) no-repeat; margin: 30px 0 30px 50px;}
.man .title04 .moveup{width: 1200px; height: 123px; margin-left: -50px; background:url(/images/manimg.png) left bottom no-repeat;}
.man .title04 .moveup:after{content:''; clear: both; display: block;}
.man .title04 .moveup .mu{width: 212px; height: 112px;}
.man .title04 .moveup .mu p{text-align: center; font-size: 24px; color: #fff; margin-top: 30px;}
.man .title04 .moveup .mu p span{font-size: 16px;}
.man .title04 .moveup .mu.mu1{padding-left: 60px;}
.man .title04 .moveup .mu.mu5{margin-top: 10px;}

/*계열사*/
.group .tit03{font-size:1.714rem; font-weight:900; color:#444;} /*font-size:24px*/
.group h5.group_quick{display:inline-block; position:relative; margin-bottom:20px; font-size: 2rem; padding:0px 10px 0px 0px; color:#333; font-weight:900; }
.group h5.group_quick .comp-link{position:absolute; left:100%; top:50%; font-size:14px; font-weight:400; white-space:nowrap; transform:translateY(-50%); padding:8px calc(20px + 16px) 8px 20px; border-radius:10px; color:#fff; background-color:#5067b8;}
.group h5.group_quick .comp-link::before,
.group h5.group_quick .comp-link::after{content:''; display:block; position:absolute;}
.group h5.group_quick .comp-link::before{width:8px; height:8px; right:16px; top:50%; transform:translateY(-50%) rotate(45deg); box-sizing:border-box; border:4px solid #ffed2a; border-left-color:transparent; border-bottom-color:transparent;}
.group h5.group_quick .comp-link::after{width:16px; height:1px; right:16px; top:50%; transform:translateY(-50%); background-color:#ffed2a;}
.group .group-tabs{width: 1060px; height: 60px;}
.group .group-tabs .btnbox .btnul .btnli a{border-top:5px solid #aaa; word-break:keep-all; position: relative; display: inline-block; text-align: center; margin: 15px; padding:0 15px; width: 121px; color:#aaa; font-weight:900; box-sizing: border-box;}
.group .group-tabs .btnbox .btnul .btnli a:hover{ color:#5067b8; border-top:5px solid #5067b8;}
.group .group-tabs .btnbox .btnul .btnli a.active{ color:#5067b8; border-top:5px solid #5067b8;}
.group .group-tabs .btnbox .btnul .btnli a.active:after{width: 100%}
.group .group-tabs .btnbox .btnul .btnli a p{font-size: 16px; margin-top: 10px;}
.group .content .cont{padding: 50px 0; border-bottom: 1px solid #dcdcdc;}
.group .content .cont h6{font-size: 24px; font-weight: 900; display:inline-block; position:relative; padding-right:10px;}
.group .content .cont h6 .comp-link{position:absolute; left:100%; top:50%; font-size:14px; font-weight:400; white-space:nowrap; transform:translateY(-50%); padding:8px calc(20px + 16px) 8px 20px; border-radius:10px; color:#fff; background-color:#5067b8;}
.group .content .cont h6 .comp-link::before,
.group .content .cont h6 .comp-link::after{content:''; display:block; position:absolute;}
.group .content .cont h6 .comp-link::before{width:8px; height:8px; right:16px; top:50%; transform:translateY(-50%) rotate(45deg); box-sizing:border-box; border:4px solid #ffed2a; border-left-color:transparent; border-bottom-color:transparent;}
.group .content .cont h6 .comp-link::after{width:16px; height:1px; right:16px; top:50%; transform:translateY(-50%); background-color:#ffed2a;}
.group .content .cont p{font-size: 16px; margin-top: 15px; color: #6f6f6f;}
.group .content .cont table{width: 500px; height: 240px; border-collapse: collapse; margin-top: 30px;}
.group .content .cont table tbody{border-top: 1px solid #000; box-sizing: border-box;}
.group .content .cont table tbody tr{border-bottom: 1px solid #cdcdcd;}
.group .content .cont table th{height: 40px; background: #5067b8; font-size: 16px; color: #fff; font-weight: normal; padding: 0; box-sizing: border-box;}
.group .content .cont table td{font-size: 16px; padding-left: 20px;}
.group .content .cont .imgbox{width: 520px; height: 240px; overflow: hidden; margin-top: 30px;}
.group .content .tbox{margin-top: 50px;}
.group .content .tab_area{margin-bottom: 20px;}
.group .content .tab_area li{width: 9.8%; height: 30px; margin: 40px 0 20px 0;}
.group .content .tab_area li a{position: relative; display: inline-block; width: 100%; height: 30px; text-align: center; font-size: 18px;}
.group .content .tab_area li a:after{z-index: 2; position: absolute; left: 15%; top: 0; width: 0%; content:''; display: inline-block;; height: 100%; border-bottom: 3px solid #43d3e8;}
.group .content .tab_area li a.active:after{width: 70%;}
.group .content .tb_info{margin: 20px 0;}

/*QNA*/
.qna .sec01 .title{font-size: 24px; font-weight: normal;}
.qna .sec01 .title .c-color{color: #00a7af;}
.qna .searchbox{height: 75px; margin-top: 30px;}
.qna .search{width: 320px; height: 40px; border: 1px solid #dcdcdc;}
.qna .search input{height: 40px; width: 260px; padding: 5px 15px; box-sizing: border-box; font-size: 16px; border: 0; outline-width: 0;}
.qna .search .searchbtn{display: inline-block; width: 35px; height: 30px; margin: 5px 10px; background: url(/images/searchbtn.png) center no-repeat; background-size: 25px 25px;}
.qna .qnanotice{width: 100%; border-top: 2px solid #3a6db9;}
.qna .qnanotice tr{height: 50px; border-bottom: 1px solid #dedede;}
.qna .qnanotice th{background: #f0f0f7; }
.qna .qnanotice td{text-align: center; font-size: 16px; padding: 10px; box-sizing: border-box;}
.qna .qnanotice td.con{text-align: left;}
.qna .qnanotice td.answer-td{text-align: left; background: url(/images/answer.png) 10% 50% no-repeat; padding-left: 140px;}
.qna .qnanotice td.num{color: #aaaaaa;}
.qna .qnanotice td .asimg{vertical-align: middle}
.qna .qnanotice td.txl{text-align: left;}
.qna .pager{margin-top: 40px; font-size: 16px; text-align: center;}
.qna .pager ul{display: inline-block;}
.qna .pager .pagerb.pbtn-l{background: url(/images/pagerbtn-l.png) center no-repeat;}
.qna .pager .pagerb.pbtn-r{background: url(/images/pagerbtn-r.png) center no-repeat;}
.qna .pagerb{display: inline-block; width:28px; height: 28px; border-radius: 50%; background: #fff; margin: 0 5px; color: #333; padding: 6px 10px; box-sizing: border-box;}
.qna .pagerb.active{background: #3b56af; color: #fff;}
.search-box{display: inline-block; margin-bottom: 5px;}
.search-type{width: 120px; height: 40px; padding: 5px; box-sizing: border-box; font-size: 15px; margin-top: 1px;}
.search-string{position: relative; top: -1px; width: 270px; height: 40px; padding: 5px; box-sizing: border-box; font-size: 15px; }
.btn-search{width: 60px; height: 40px; background: #3a6db9; color: #fff; font-size: 15px; border: 0; cursor: pointer;}
.view_btn{text-align: right; margin-top: 15px;}
.view_btn .golist{display: inline-block; width: 160px; height: 40px; background: #3a6db9; color: #fff; font-size: 16px; text-align: center; padding-top: 10px; box-sizing: border-box;}


/*VIEW*/
.view .sec01 .title{font-size: 24px; font-weight: normal;}
.view .searchbox{height: 50px; }
.view .search{width: 320px; height: 40px; border: 1px solid #dcdcdc;}
.view .search input{height: 40px; width: 260px; padding: 5px 15px; box-sizing: border-box; font-size: 16px; border: 0; outline-width: 0;}
.view .search .searchbtn{display: inline-block; width: 35px; height: 30px; margin: 5px 10px; background: url(/images/searchbtn.png) center no-repeat; background-size: 25px 25px;}
.view .qnanotice{width: 100%;}
.view .qnanotice tbody{border-top: 3px solid #3a6db9;}
.view .qnanotice tr{height: 50px; border-bottom: 1px solid #dedede;}
.view .qnanotice th{background: #f0f0f7; }
.view .qnanotice td{text-align: left; font-size: 16px; padding-left: 30px; box-sizing: border-box;}
.view .qnanotice td.con{text-align: left;}
.view .qnanotice td.answer-td{text-align: left; background: url(/images/answer.png) 10% 50% no-repeat; padding-left: 140px;}
.view .qnanotice td.num{color: #aaaaaa;}
.view .qnanotice td .asimg{vertical-align: middle}
.view .description{width: 100%; height: 600px; overflow-y: auto; border-bottom: 1px solid #dedede; padding: 30px; box-sizing: border-box;}
.view .description p{font-size: 16px;}
.view .buttonbox a{display: inline-block; width: 150px; height: 50px; margin-top: 20px; border: 2px solid #3a6db9; text-align: center; font-size: 18px; padding-top: 12px; box-sizing: border-box; color: #3a6db9;}

/*고객불만접수*/
.complain .sec01 .notice{width: 100%; height: 200px; background: #f6f6f6; overflow-y: scroll; padding: 20px; box-sizing: border-box; border: 1px solid #cdcdcd; font-size: 14px; line-height: 1.6em; }
.complain .sec01 .notice-check{font-size: 16px; padding-top: 15px; padding-left: 10px; box-sizing: border-box;}
.complain .sec01 .notice-check label{margin-left: 10px;}
.complain .sec01 .table{width: 100%; margin-top: 30px;}
.complain .sec01 .table tr.first{border-top: 2px solid #3a6db9;}
.complain .sec01 .table tr{height: 65px; border-bottom: 1px solid #dedcdf;}
.complain .sec01 .table tr th{font-size: 16px; font-weight: normal; text-align: left; padding-left: 20px; box-sizing: border-box; box-sizing: border-box;}
.complain .sec01 .table tr th.last{vertical-align: top; padding-top: 20px; box-sizing: border-box;}
.complain .sec01 .table tr td{padding: 10px; box-sizing: border-box;}
.complain .sec01 .table tr td .text{width: 440px; height: 40px; border: 1px solid #dedcdf; font-size: 16px; box-sizing: border-box;}
.complain .sec01 .table tr td .title{width: 100%; height: 40px; border: 1px solid #dedcdf; font-size: 16px; box-sizing: border-box;}
.complain .sec01 .table tr td .textbox{width: 100%; height: 200px; border: 1px solid #dedcdf; font-size: 16px; box-sizing: border-box;}
.complain .sec01 .table tr td .num{width: 130px; height: 40px; border: 1px solid #dedcdf; font-size: 16px; box-sizing: border-box;}
.complain .sec01 .table tr td .col{display: inline-block; width: 19px; text-align: center;}
.complain .sec01 .table tr td .e-mail{width: 285px; height: 40px; border: 1px solid #dedcdf; font-size: 16px; padding-left: 10px; box-sizing: border-box;}
.complain .cadalogue-button{left: 50%; transform: translateX(-50%); position: relative; display: inline-block; width: 155px; height: 40px; box-sizing: border-box; border-radius: 10px; margin-top: 25px; text-align: center; background: #3d57b0; color: #fff; border: 0;}








/*오시는 길*/
.maps .tabs_section .tabs ul {padding:0; margin: 0;}
.maps .tabs_section .tabs ul:after{display: block; clear: both; content: '';}
.maps .tabs_section .tabs ul li{float: left; width: 50%; height: 75px; text-align: center; box-sizing: border-box; border: 1px solid #cecece; border-right: none; }
.maps .tabs_section .tabs ul li:last-child{border-right: 1px solid #cecece;}
.maps .tabs_section .tabs ul li a{display: inline-block; font-size: 18px; width: 100%;}
.maps .tabs_section .tabs ul li .tab1{padding: 27px 0;}
.maps .tabs_section .tabs ul li .tab2{padding: 27px 0;}
.maps .tabs_section .tabs ul li .on{background: #16abb2; color: #fff;}
.maps .tabs_section .gmap{font-size: 18px;}
.maps .tabs_section .gmap .main_p{text-align: center; margin-top: 50px;}
.maps .tabs_section .gmap .seoul_p{text-align: left; margin-top: 50px; font-size: 24px;}
.maps .tabs_section .gmap .seoul_p span{font-size: 18px;}
.maps .tabs_section .gmap .map_area{width: 1060px; height: 600px; margin-top: 50px;}
.maps .tabs_section .gmap .gm-seoul table{width: 1060px; height: 200px; border-collapse: collapse; text-align: center; margin-top: 30px;}
.maps .tabs_section .gmap .gm-seoul table tr{width: 1060px; height: 100px;}
.maps .tabs_section .gmap .gm-seoul table tr td{width: 265px; height: 100px; border: 1px solid #cecece; line-height: 180%;}
.maps .tabs_section .gmap .gm-seoul table tr td strong{font-size: 22px;}
.maps .tabs_section .gmap .gm-busan table{width: 1060px; height: 170px; font-size: 18px;}
.maps .tabs_section .gmap .gm-busan .s-t{text-align: center;}
.maps .tabs_section .gmap .gm-busan .s-t strong{display: inline-block; margin-bottom: 10px; font-size: 22px; font-weight: normal;}

.maps .tabs_section .gmap .gm-busan table tr{height: 85px; border-bottom: 1px solid #cdcdcd;}
.maps .tabs_section .gmap .gm-busan table .title{position: relative; left: 0; top: 0;}
.maps .tabs_section .gmap .gm-busan table .title span{display: inline-block; margin-left: 45px; font-size: 24px;}
.maps .tabs_section .gmap .gm-busan table .title span.first{margin-left: 50px; font-size: 24px;}
.maps .tabs_section .gmap .gm-busan table .title img{position: absolute;left: 0; top: 25px;; }
.maps .tabs_section .gmap .gm-busan table .adress{padding-left: 30px; border-left: 1px solid #cdcdcd; }



/*사훈*/
.mottoimg{text-align: center;}
.motto .content{margin-top: 30px;}
.motto .content ul li{height: 100px; padding-top: 20px; box-sizing: border-box;}
.motto .content ul li span{float: left; display: inline-block; width: 55px; height: 55px; border-radius: 27px; box-sizing: border-box; font-size: 20px; padding: 12px; }
.motto .content ul li span.ccn1{border: 5px solid #e89921;}
.motto .content ul li span.ccn2{border: 5px solid #24a4a9;}
.motto .content ul li span.ccn3{border: 5px solid #174591;}
.motto .content ul li h5{float: left; font-size: 24px; font-weight: normal; margin: 10px 40px 0 25px;}
.motto .content ul li p{font-size: 18px; padding-top: 18px;}
.motto .content ul li.bbt{border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd;}

/*사회공헌*/
.social .sect1 .social-txt{font-size: 24px; font-weight: normal}
.social .sect1 .social-txt .c-color{color: #00a7af;}
.social .sect1 .imgbox{margin-top: 75px; display: flex; justify-content: center;}
.social .sect1 .imgbox .cont{position: relative; width: 330px; height: 460px; margin-right: 35px;}
.social .sect1 .imgbox .cont.last{margin-right: 0;}
.social .sect1 .imgbox .cont .cont-img{z-index: 2; position: absolute; left: 0; top: 0; }
.social .sect1 .imgbox .cont .cont-txt{z-index: 3; position: absolute; left: 0; bottom: 0; width: 100%; height: 80px; background: rgba(0,0,0,0.7); color: #fff; text-align: center;  font-size: 24px; padding-top: 25px; box-sizing: border-box;}

/*홍보영상*/
.promote .sect1 .promote-txt{font-size: 24px; font-weight: normal}
.promote .sect1 .promote-t{font-size: 16px; margin-top: 15px;}
.promote .sect1 .promote-txt .c-color{color: #00a7af;}
.promote .sect1 .vodtext{width: 1060px; height: auto; margin-top: 20px;background: #f6f6f6; border: 1px solid #cecece; padding: 30px; padding-bottom: 10px;box-sizing: border-box;}
.promote .sect1 .vodtext .vod-p{font-size: 16px; color: rgba(0,0,0,0.87); margin-bottom: 20px;}
/*영상자리 삭제필요*/.vodarea{width: 1060px; height: 600px; background: #000; margin-top: 40px;}


.download-all {
    position: relative;
    display: inline-block;
    width: 155px;
    height: 40px;
    box-sizing: border-box;
    border-radius: 10px;
    top: -7px;
    text-align: left;
    background: #3d57b0;
    color: #fff;
    padding: 12px 0 12px 25px;
    font-size: 16px;
}

.download-all:after {
	z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 155px;
    height: 40px;
    content: '';
    background: url(http://cosmolink.co.kr/images/downimg.png) 95% 40% no-repeat;
}