@charset "utf-8";

.sub_page{overflow:auto !important; -ms-overflow-style:none !important; overflow-x: -moz-scrollbars-none;}
.sub_page::-webkit-scrollbar{ display: none !important;}

#sub_wrap{width:100%; position:relative;}
#sub_wrap .head_wrap{overflow:hidden;}
#sub_wrap .head_tite{width:100%; background:url("../images/sub/11111.jpg")repeat-x; height:330px; background-attachment: fixed;}
#sub_wrap .head_tite.bg2{width:100%; background:url("../images/sub/22222.jpg")repeat-x; height:330px; background-attachment: fixed;}
#sub_wrap .head_tite.bg3{width:100%; background:url("../images/sub/33333.jpg")repeat-x; height:330px; background-attachment: fixed;}
#sub_wrap .head_tite.bg4{width:100%; background:url("../images/sub/44444.jpg")repeat-x; height:330px; background-attachment: fixed;}
#sub_wrap .head_tite.bg5{width:100%; background:url("../images/sub/55555.jpg")repeat-x; height:330px; background-attachment: fixed;}
/*#sub_wrap .head_tite.bg5{width:100%; background:url("../images/sub/sub_tit_bg5.jpg")repeat-x; height:279px; background-attachment: fixed;}*/

@-webkit-keyframes zom {from {-webkit-transform: scale(2,2);}to {-webkit-transform: scale(1,1);}}
@keyframes zom {from {transform: scale(1.5,1.5);} to {transform: scale(1,1);}}

#sub_wrap .head_tite .txt_tite{width:1200px; margin:0 auto; padding-top:180px; text-align:center; font-size:45px; color:#fff; font-weight:900;}

#sub_wrap .sub_nav{background:#f7f7f7; height:70px;}
#sub_wrap .sub_nav .nav_wrap{width:1200px; margin:0 auto;}
#sub_wrap .sub_nav .nav_wrap .ico{float:left; width:70px;}
#sub_wrap .sub_nav .nav_wrap .list{float:left; width:1130px;}
#sub_wrap .sub_nav .nav_wrap .list ul li{float:left; width:230px; font-size:16px; font-weight:600; background:url("../images/sub/nav_down_btn.png")no-repeat 170px 27px; position:relative;}

#sub_wrap .sub_nav .nav_wrap .list ul li.sub2_menu{background:url("../images/sub/nav_down_btn.png")no-repeat 200px 27px;}
#sub_wrap .nav_menu .sub_nav .nav_wrap .list ul li.sub2_menu:nth-child(2){border-right:none;}
#sub_wrap .sub_nav .nav_wrap .list ul li.sub2_menu:hover{background:url("../images/sub/nav_up_btn.png")no-repeat 200px 27px #eeeeee;}
#sub_wrap .nav_menu .sub_nav .nav_wrap .list ul li.sub_line:nth-child(2){border-right:none;}

#sub_wrap .sub_nav .nav_wrap .list ul li:hover{background:url("../images/sub/nav_up_btn.png")no-repeat 170px 27px #eeeeee; border-right:none;}
#sub_wrap .sub_nav .nav_wrap .list ul li:hover a{color:#333;}
#sub_wrap .sub_nav .nav_wrap .list ul li a{display:block; color:#333; padding:10% 8%; border-left:solid 1px #e5e5e5; font-weight:600; box-sizing:border-box; height:70px;}
#sub_wrap .sub_nav .nav_wrap .list ul li:last-child a{border-right:solid 1px #e5e5e5;}

#sub_wrap .nav_menu .sub_nav .nav_wrap .list ul li.last_menu{display:none;}
#sub_wrap .nav_menu .sub_nav .nav_wrap .list ul li:nth-child(2){border-right:solid 1px #ddd;}

#sub_wrap .sub_nav .nav_wrap .list ul li ul.hide{overflow:hidden; background:#f5f5f5;/*#eaeaea; #e7eeff;*/ display:none; position:absolute; top:70px; width:100%; z-index:7;}
#sub_wrap .sub_nav .nav_wrap .list ul li ul.hide li:hover a{font-weight:none; color:#666;}
#sub_wrap .sub_nav .nav_wrap .list ul li ul.hide li{border-left:none; background:none; float:none; width:100%; font-size:15px;}
#sub_wrap .sub_nav .nav_wrap .list ul li ul.hide li a{padding:5% 0 5% 5%; border-left: none; border-right:none; color:#666; height:auto;}
#sub_wrap .sub_nav .nav_wrap .list ul li ul.hide li:last-child a{}
#sub_wrap .sub_nav .nav_wrap .list ul li ul.hide li a:hover{background:#707070; /*background:#d7e3ff;*/ color:#fff;}

#sub_wrap .m_sub_nav{display:none;}
#sub_wrap .m_sub_tab{display:none;}

#sub_wrap .scont{width:100%; min-height:850px; overflow:hidden; padding-top:70px; border-bottom:solid 1px #ddd; font-weight:400; padding-bottom:3%;}
/*#sub_wrap .bg{background:url("../images/sub/sub_bg.jpg")repeat-x;}*/

#sub_wrap .scont .wrap{width:1200px; margin:0 auto; position:relative; overflow:hidden;}
#sub_wrap .scont .wrap h2{font-size:40px; font-family:'NanumSquare', sans-serif; font-weight:600; border-bottom:solid 1px #ddd; padding-bottom:20px;}
#sub_wrap .scont .wrap dl.navi{position:absolute; top:20px; right:0; text-align:right; width:500px; font-size:13px;}
#sub_wrap .scont .wrap dl.navi dd{display:inline-block; text-align:right; font-weight:400; color:#666; padding-right:16px; position:relative;}
#sub_wrap .scont .wrap dl.navi dd::after{content:">"; display:block; position:absolute; top:0; right:0;}
#sub_wrap .scont .wrap dl.navi dd:last-child{padding-right:0;}
#sub_wrap .scont .wrap dl.navi dd:last-child::after{content:''; display:block;}

#sub_wrap .scont .wrap dl.navi dd:last-child{font-weight:600; color:#353d7c;}

#sub_wrap .scont .wrap .cont_box{padding-top:60px;}
#sub_wrap .scont .wrap .cont_box h4{font-size:24px; background:url("../images/sub/sub_bullet.jpg")no-repeat 5px 3px; padding-left:33px;}

#sub_wrap .scont .wrap .cont_box h3{font-size:30px; font-family:'NanumSquare', sans-serif;  line-height:40px; word-break:keep-all; font-weight:600; letter-spacing:-1.5px;}
#sub_wrap .scont .wrap .cont_box h3 strong.blue{color:#353d7c;}
#sub_wrap .scont .wrap .cont_box h3 span{display:block;}
#sub_wrap .scont .wrap .cont_box p.tit{line-height:24px; color:#333; padding-bottom:10px;}
#sub_wrap .scont .wrap .cont_box p.tit span{display:block;}
#sub_wrap .scont .wrap .cont_box div.ceo{padding-bottom:141px; background:url("../images/sub/ceo_img.jpg")no-repeat 100% 14%; background-size:41%;}

.cont_box div.visuion{padding-bottom:10px; background:url("../images/sub/vision_img_01.png")no-repeat 101% 27%; width:1200px; margin:80px auto 50px auto;}
.cont_box div.visuion h3{font-size:30px; font-family:'NanumSquare', sans-serif; letter-spacing:-2.0px; line-height:40px; word-break:keep-all; width:53%; padding:0 0 1% 0; margin:0 0 1% 0; border-bottom:dashed 1px #ddd;}
.cont_box div.visuion h3 strong.blue{color:#353d7c;}

h3.line_b{border-bottom:dashed 1px #ddd; width:53%; padding:0 0 2% 0; margin:0 0 2% 0;}

#sub_wrap .scont .wrap .cont_box div.info{border-top:dashed 1px #ddd; padding:50px 0 100px 0;}
#sub_wrap .scont .wrap .cont_box div.info .table_box{padding-top:35px;}
#sub_wrap .scont .wrap .cont_box div.info .table_box .scroll_txt{display:none;}

#sub_wrap .scont .wrap .cont_box div.info .table_box table{border:solid 1px #ddd;}
#sub_wrap .scont .wrap .cont_box div.info .table_box table th{padding:20px; background:#f7f7f7; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; font-size:16px; color:#666; letter-spacing:-1.5px; font-weight:500;}
#sub_wrap .scont .wrap .cont_box div.info .table_box table td{padding:20px; border-bottom:solid 1px #ddd; font-size:16px; font-weight:600; letter-spacing:-0.8px; line-height:32px;  font-weight:400;}
#sub_wrap .scont .wrap .cont_box div.info .table_box table td.line{border-right:solid 1px #ddd;}
#sub_wrap .scont .wrap .cont_box div.info .table_box table td dl dd{margin-bottom:10px;}
#sub_wrap .scont .wrap .cont_box div.info .table_box table td dl dd span{margin-right:10px; text-align:center; display:inline-block; color:#fff; font-size:14px; padding:2px 6px; width:60px;}
#sub_wrap .scont .wrap .cont_box div.info .table_box table td dl dd:first-child span{background:#353d7c;}
#sub_wrap .scont .wrap .cont_box div.info .table_box table td dl dd:nth-child(2) span, #sub_wrap .scont .wrap .cont_box div.info .table_box table td dl dd:nth-child(3) span, #sub_wrap .scont .wrap .cont_box div.info .table_box table td dl dd:last-child span{background:#43999a;}

/*search_box*/
.board_search{text-align:right; position:relative;}
.board_search select{border:1px solid #ddd; padding:8px; vertical-align:top; box-sizing:border-box; width:80px; height:37px; cursor: pointer; font-weight:600; background:url("../images/sub/nav_down_btn.png")no-repeat 95% 50%;}
.board_search input.text{width:216px;}
.board_search input.btn{background:#353d7c; color:#fff; border:none; padding:0px 10px; font-size:12px; font-weight:600; cursor:pointer; vertical-align:top; height:37px; width:94px;}


/*vision*/
.mission-box{/*border-top:dashed 1px #ddd;*/ padding:50px 0; /*margin-top:50px;*/}

.mission-box dl{margin:80px 0 50px 0;}
.mission-box dl::after{content:""; display:block; clear:both;}
.mission-box dl dd{float:left; width:50%; position:relative; letter-spacing:-0.8px; line-height:44px;}
.mission-box dl dd .mi-box{background:#fff; height:81%; margin:40px; border-radius:20px; position:relative;}

.mission-box dl dd:first-child{background:url("../images/sub/vision_bg1.png")no-repeat 50% 50%; background-size:cover; width:550px; height:426px; border-radius:20px;}
.mission-box dl dd:first-child .mi-box .ico{position:absolute; top:-39%; left:27%;}
.mission-box dl dd:first-child .mi-box .ico::before{content:""; display:block; background:url("../images/sub/vision_ico1.png")no-repeat 50% 30% #353d7c; width:190px; height:190px; border-radius:110px; box-shadow:1px 8px 2px #eaeaea;} 
.mission-box dl dd:first-child .mi-box .ico::after{content:"Mission"; display:block; position:absolute; top:65%; left:29%; font-size:24px; color:#fff;}
.mission-box dl dd:first-child .mi-box .txt{text-align:center; font-size:35px; font-weight:600; padding-top:27%;}
.mission-box dl dd:first-child .mi-box .txt span{display:block;}
.mission-box dl dd:first-child .mi-box .txt span.thin{font-size:35px; font-weight:400;}

.mission-box dl dd:last-child{background:url("../images/sub/vision_bg2.png")no-repeat 50% 50%; background-size:cover; width:550px; height:426px; border-radius:20px; margin-left:96px;}
.mission-box dl dd:last-child .mi-box .ico{position:absolute; top:-39%; left:27%;}
.mission-box dl dd:last-child .mi-box .ico::before{content:""; display:block; background:url("../images/sub/vision_ico2.png")no-repeat 50% 30% #43999a; width:190px; height:190px; border-radius:110px; box-shadow:1px 8px 2px #eaeaea;} 
.mission-box dl dd:last-child .mi-box .ico::after{content:"Vision"; display:block; position:absolute; top:65%; left:33%; font-size:24px; color:#fff;}
.mission-box dl dd:last-child .mi-box .txt{text-align:center; font-size:35px; font-weight:600; padding-top:27%;}
.mission-box dl dd:last-child .mi-box .txt span{display:block;}
.mission-box dl dd:last-child .mi-box .txt span.blue{display:inline-block;}

.motto-box{background:#f5f8ff; width:100%; overflow:hidden;}
.motto-box .m-wrap{width:1200px; margin:80px auto;}
.motto-box .m-wrap::after{content:""; display:block; clear:both;}
.motto-box .m-wrap h4{font-size:24px; background:url("../images/sub/sub_bullet.jpg")no-repeat 5px 3px; padding-left:33px; letter-spacing:-2.0px}

.motto-box .m-wrap dl.motto{margin:50px 0;}
.motto-box .m-wrap dl.motto::after{content:""; display:block; clear:both;}
.motto-box .m-wrap dl.motto dd{float:left; width:20%; position:relative; font-size:20px; margin-top:70px;}

.motto-box .m-wrap dl.motto dd .ico{color:#fff; position:relative;}
.motto-box .m-wrap dl.motto dd .ico span{display:block; position:absolute; top:63%; left:31%;}
.motto-box .m-wrap dl.motto dd .txt{color:#333; font-weight:400; padding:6% 13% 0 0; letter-spacing:-0.8px; font-size:19px; text-align:center;}

.motto-box .m-wrap dl.motto dd:first-child::before, .motto-box .m-wrap dl.motto dd:nth-child(3)::before, .motto-box .m-wrap dl.motto dd:last-child::before{content:""; display:block; background:url("../images/sub/vision_motto_arrow_b.png") no-repeat; width:246px; height:102px; position:absolute; top:-18%; left:-7%;}
.motto-box .m-wrap dl.motto dd:first-child .ico::after{content:""; display:block; background:url("../images/sub/motto_ico1.png")no-repeat 50% 24% #353d7c; width:200px; height:200px; border-radius:100px;}


.motto-box .m-wrap dl.motto dd:nth-child(2n){position:relative;}
.motto-box .m-wrap dl.motto dd:nth-child(2n) .mt-box{position:absolute; top:-65px; left:0;}
.motto-box .m-wrap dl.motto dd:nth-child(2n) .mt-box::after{content:""; display:block; background:url("../images/sub/vision_motto_arrow_g.png") no-repeat; width:246px; height:102px; position:absolute; bottom:-14%; left:-9%;}
.motto-box .m-wrap dl.motto dd:nth-child(2n) .ico::after{content:""; display:block; background:url("../images/sub/motto_ico2.png")no-repeat 50% 24% #43999a; width:200px; height:200px; border-radius:100px;}
.motto-box .m-wrap dl.motto dd:nth-child(2n) .txt{position:absolute; top:-30%; left:1%; width:100%;}
.motto-box .m-wrap dl.motto dd:nth-child(2n) .ico span{top:60%; left:38%;}

.motto-box .m-wrap dl.motto dd:nth-child(3) .ico::after{content:""; display:block; background:url("../images/sub/motto_ico3.png")no-repeat 50% 24% #353d7c; width:200px; height:200px; border-radius:100px;}
.motto-box .m-wrap dl.motto dd:nth-child(4) .ico::after{content:""; display:block; background:url("../images/sub/motto_ico4.png")no-repeat 50% 24% #43999a; width:200px; height:200px; border-radius:100px;}
.motto-box .m-wrap dl.motto dd:last-child .ico::after{content:""; display:block; background:url("../images/sub/motto_ico5.png")no-repeat 50% 24% #353d7c; width:200px; height:200px; border-radius:100px;}


/*history*/
#sub_wrap .scont .wrap .cont_box dl.history_tab{overflow:hidden; color:#666; font-size:20px; letter-spacing:-0.8px; font-weight:400; margin-bottom:7%;}
#sub_wrap .scont .wrap .cont_box dl.history_tab dd{float:left; width:20%; border:solid 1px #ddd; padding:2%; text-align:center; cursor: pointer; box-sizing:border-box;}
#sub_wrap .scont .wrap .cont_box dl.history_tab dd:last-child{border-left:none;}
#sub_wrap .scont .wrap .cont_box dl.history_tab dd a{display:block;}

#sub_wrap .scont .wrap .cont_box dl.history_tab dd.on{background-color:#287071;}
#sub_wrap .scont .wrap .cont_box dl.history_tab dd.on a{color:#fff;}

#sub_wrap .scont .wrap .cont_box .tite_img{padding:2% 0;}
#sub_wrap .scont .wrap .cont_box .history_box{display: none; margin-bottom:100px;}
#sub_wrap .scont .wrap .cont_box .history_box.on {display: block;}
#sub_wrap .scont .wrap .cont_box .history_box .box{overflow:hidden;  margin-top:50px;}
#sub_wrap .scont .wrap .cont_box .history_box .box .year{float:left; width:300px; font-size:35px; color:#287071; border-top:solid 2px #287071; font-family: 'NanumSquare', sans-serif; font-weight:600; padding:3% 0; letter-spacing:-1.5px;}

#sub_wrap .scont .wrap .cont_box .history_box .box dl.his_cont{float:left; width:850px; margin-left:50px; border-top:solid 1px #ddd;}
#sub_wrap .scont .wrap .cont_box .history_box .box dl.his_cont dd{border-bottom:solid 1px #ddd; font-size:16px; line-height:41px; padding-left:1%; letter-spacing:-0.8px; color:#666; font-weight:400;}

dl.depth1_tab{overflow:hidden; color:#666; font-size:18px; letter-spacing:-0.8px; font-weight:400; margin-top:2%;}
dl.depth1_tab dd{float:left; width:15%; border:solid 1px #ddd; padding:1.5% 1%; text-align:center; cursor: pointer; box-sizing:border-box; margin-right:1%; border-radius:20px;}
dl.depth1_tab dd:last-child{margin-right:0;}

dl.depth1_tab dd a{display:block;}

dl.depth1_tab dd.on{background-color:#353d7c;}
dl.depth1_tab dd.on a{color:#fff;}

.depth1_box{display: none; margin-bottom:100px;}
.depth1_box.on {display: block;}
.depth1_box .box{overflow:hidden;  margin-top:50px;}
.depth1_box .box .year{float:left; width:300px; font-size:35px; color:#43999a; border-top:solid 2px #43999a; font-family: 'NanumSquare', sans-serif; font-weight:600; padding:3% 0; letter-spacing:-1.5px;}

.depth1_box .box dl.his_cont{float:left; width:850px; margin-left:50px; border-top:solid 1px #ddd;}
.depth1_box .box dl.his_cont dd{border-bottom:solid 1px #ddd; font-size:16px; line-height:41px; padding-left:1%; letter-spacing:-0.8px; color:#666; font-weight:400;}


dl.depth2_tab{overflow:hidden; color:#666; font-size:18px; letter-spacing:-0.8px; font-weight:400; margin-top:2%;}
dl.depth2_tab dd{float:left; width:15%; border:solid 1px #ddd; padding:1.5% 1%; text-align:center; cursor: pointer; box-sizing:border-box; margin-right:1%; border-radius:20px;}
dl.depth2_tab dd:last-child{margin-right:0;}

dl.depth2_tab dd a{display:block;}

dl.depth2_tab dd.on{background-color:#353d7c;}
dl.depth2_tab dd.on a{color:#fff;}

.depth2_box{display: none; margin-bottom:100px;}
.depth2_box.on {display: block;}
.depth2_box .box{overflow:hidden;  margin-top:50px;}
.depth2_box .box .year{float:left; width:300px; font-size:35px; color:#43999a; border-top:solid 2px #43999a; font-family: 'NanumSquare', sans-serif; font-weight:600; padding:3% 0; letter-spacing:-1.5px;}

.depth2_box .box dl.his_cont{float:left; width:850px; margin-left:50px; border-top:solid 1px #ddd;}
.depth2_box .box dl.his_cont dd{border-bottom:solid 1px #ddd; font-size:16px; line-height:41px; padding-left:1%; letter-spacing:-0.8px; color:#666; font-weight:400;}

/*CI*/
#sub_wrap .scont .wrap .cont_box .ci_tite{font-size:16px; color:#666; padding: 2% 0; line-height:160%;}
#sub_wrap .scont .wrap .cont_box .palette_box{overflow:hidden; margin-bottom:5%;}
#sub_wrap .scont .wrap .cont_box .palette_box p{font-size:15px; color:#999; padding:2% 0; letter-spacing:0;}

#sub_wrap .scont .wrap .cont_box .palette_box dl dd{float:left; width:578px; margin-right:40px; border:solid 1px #ddd;}
#sub_wrap .scont .wrap .cont_box .palette_box dl dd:last-child{margin-right:0;}

#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.color{background:#2a4f96; width:180px; float:left; color:#fff; text-align:center; padding:10% 0;}
#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code{width:335px; float:left; padding:3%;}

#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl{overflow:hidden; padding:4%;}
#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl dd{float:left; width:29%; margin-right:0; border:none; text-align:center; font-size:16px; color:#666;}
#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl dd:first-child{background:url("../images/sub/ci_bullet.jpg") no-repeat 7px 11px;}
#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl dd:nth-child(2), #sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl dd:nth-child(3), #sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl dd:last-child{background:url("../images/sub/ci_line_bullet.jpg") no-repeat 8px;}

#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl.cmyk dd{width:23%;}
#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl.cmyk dd:first-child{padding-left:3%;}
#sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl.cmyk dd:nth-child(2), #sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl.cmyk dd :nth-child(3), #sub_wrap .scont .wrap .cont_box .palette_box dl dd div.code dl.cmyk dd:last-child{background:url("../images/sub/ci_line_bullet.jpg") no-repeat 0;}

#sub_wrap .scont .wrap .cont_box .palette_box dl dd:nth-child(2) div.color{background:#e6222a;}

#sub_wrap .scont .wrap .cont_box .logo_type{overflow:hidden; margin-bottom:5%;}
#sub_wrap .scont .wrap .cont_box .logo_type .tbox{float:left; width:466px; padding-right:2%;}
#sub_wrap .scont .wrap .cont_box .logo_type .ibox{float:left; width:710px;}

#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box p{}
#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd{width:464px;}
#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd div.color{width:128px; padding: 11% 0;}

#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd div.code{width:290px}
#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box p{margin-top:11%;}
#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd div.code dl dd{width:26%;}
#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd div.code dl dd:first-child{background:url("../images/sub/ci_bullet.jpg") no-repeat 0px 12px; padding-left:1%;}
#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd div.code dl dd:nth-child(2), #sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd div.code dl dd:nth-child(3), 
#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd div.code dl dd:last-child{background:url("../images/sub/ci_line_bullet.jpg") no-repeat 0px;}

#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd div.code dl.cmyk dd{width:24%;}
#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd div.code dl.cmyk dd:first-child{padding-left:2%;}
#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd div.code dl.cmyk dd:nth-child(2), #sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd div.code dl.cmyk dd:nth-child(3), 
#sub_wrap .scont .wrap .cont_box .logo_type .tbox .palette_box dl dd div.code dl.cmyk dd:last-child{background:url("../images/sub/ci_line_bullet.jpg") no-repeat 0;}


/*certified*/
#sub_wrap .scont .wrap .cont_box dl.certified_box{overflow:hidden; margin:50px 0;}
#sub_wrap .scont .wrap .cont_box dl.certified_box dd{float:left; width:290px; margin-right:12px; margin-bottom:50px;}
#sub_wrap .scont .wrap .cont_box dl.certified_box dd:nth-child(4n){margin-right:0;}

#sub_wrap .scont .wrap .cont_box dl.certified_box dd .img{}
#sub_wrap .scont .wrap .cont_box dl.certified_box dd .txt{margin-top:5%; padding:8%; background:#f5f8ff; overflow:hidden; text-align:center;}
#sub_wrap .scont .wrap .cont_box dl.certified_box dd .txt h4{font-size:20px; font-weight:600; border-bottom:solid 1px #ddd; padding:0 0 4% 0; letter-spacing:-0.8px; background:none; position:relative;}
#sub_wrap .scont .wrap .cont_box dl.certified_box dd .txt h4 span{background: url("../images/sub/s01_02_bullet.jpg")no-repeat 14% bottom; display: inline-block; padding: 6% 5%; background-size: 82%;}
#sub_wrap .scont .wrap .cont_box dl.certified_box dd .txt p{font-size:16px; color:#666; letter-spacing:-1.5px; padding:2% 0;}


/*organization*/
#sub_wrap .scont .wrap .cont_box div.organ{padding-bottom:60px; background:url("../images/sub/organ_img.png")no-repeat 100% 14%; background-size:41%;}
ul.list-box{background:#f5f8ff; width:96%; font-size:16px; letter-spacing:-0.8px; line-height:45px; font-weight:500; padding:2%; margin:3% 0;}
ul.list-box.w50{width:50%;}

ul.list-box li{position:relative; padding-left:7%;}
ul.list-box li::before{content:""; display:block; background:url("../images/sub/check-ico.png")no-repeat; position:absolute; top:28%; left:2%; width:21px; height:19px;}
ul.list-box li::after{content:""; display:block; background:url("../images/sub/dot-line.png") repeat-x bottom; position:absolute; bottom:0; left:0; width:100%; height:1px}
ul.list-box li span{width:141px; display:inline-block;}


.organ-box{/*border-top: dashed 1px #ddd; padding: 50px 0 100px 0;*/}
.organ-box::after{content:""; display:block; clear:both;}
.organ-box dl.organ-map{width:100%; height:917px; background:url("../images/sub/organ_line.png")no-repeat; background-size:contain; position:relative; font-family: 'NanumSquare', sans-serif; color:#fff; font-size:18px;}
.organ-box dl.organ-map dt{position:relative; top:-1%; left:41.6%; border:solid 3px #2d5096; width:200px; height:200px; border-radius:100px;}
.organ-box dl.organ-map dt::after{content:""; display:block; width:180px; height:180px; border-radius:90px; margin:10px; background:url("../images/sub/organ_pt.png")no-repeat #2d5096; position:absolute; top:0;}
.organ-box dl.organ-map dt span{display:block; position:absolute; top:44%; left:39%; font-weight:600; z-index:2; font-size:24px;}

.organ-box dl.organ-map dd{position:relative; text-align:center; height:52px;}
.organ-box dl.organ-map dd::after{content:""; display:block; clear:both;}

.organ-box dl.organ-map dd:nth-child(2) div{position:absolute; width:190px; background:#227ac1; border-radius:20px; padding:2% 0;}
.organ-box dl.organ-map dd:nth-child(2) .box-1{top:-17px; left:12%;}
.organ-box dl.organ-map dd:nth-child(2) .box-2{top:-17px; right:12%;}

.organ-box dl.organ-map dd:nth-child(3) span{position:absolute; top:129%; right:31%; width:190px; padding:2% 0; border-radius:50px; background:#227ac1;}

.organ-box dl.organ-map dd:nth-child(4) div{width:190px; background:#43999a; border-radius:20px; padding:2% 0; position:absolute;}
.organ-box dl.organ-map dd:nth-child(4) .box-1{top:172px; left:12%;}
.organ-box dl.organ-map dd:nth-child(4) .box-2{top:172px; left:42%;}
.organ-box dl.organ-map dd:nth-child(4) .box-3{top:172px; right:12%;}

.organ-box dl.organ-map dd:last-child div{width:190px; background:#b5b5b5; border-radius:20px; padding:2% 0; position:absolute;}
.organ-box dl.organ-map dd:last-child .box-1{top:485px; left:5%; }
.organ-box dl.organ-map dd:last-child .box-2{top:485px; left:29%;}
.organ-box dl.organ-map dd:last-child .box-3{top:485px; right:30%;}
.organ-box dl.organ-map dd:last-child .box-4{top:485px; right:5%;}


.manag-box{background:url("../images/sub/manag-bg.png")repeat-x 50% 45% #f5f8ff;}
.manag{width:1200px; margin:5% auto 0 auto; padding:5% 0;}
.manag p{font-size:16px; color:#666; padding:12px 0 0 0;}

.manag h4 {font-size: 24px; background: url("../images/sub/sub_bullet.jpg")no-repeat 5px 4px; padding-left: 33px;}
dl.manag-list{width:100%; overflow:hidden; padding:5% 0;}

dl.manag-list dd{float:left; width:300px;}
dl.manag-list dd .ibox:hover{transform:scale(1.1);-o-transform:scale(1.1); -moz-transform:scale(1.1);-webkit-transform:scale(1.1); transition: transform .35s;  -o-transition: transform .35s;-moz-transition: transform .35s;-webkit-transition: transform .35s;}

dl.manag-list dd .ibox{width:200px; height:200px; border-radius:100px; margin:auto; background:url("../images/sub/port_bg.png")no-repeat 50% 50% #353d7c; position:relative;}
dl.manag-list dd .ibox.gb{background-color:#43999a;}
dl.manag-list dd:first-child .ibox::after{content:""; display:block; width:118px; height:100px; background:url("../images/sub/organ_ico1.png")no-repeat; position:absolute; top:23%; left:20%;}
dl.manag-list dd:nth-child(2) .ibox::after{content:""; display:block; width:118px; height:100px; background:url("../images/sub/organ_ico2.png")no-repeat; position:absolute; top:23%; left:20%;}
dl.manag-list dd:nth-child(3) .ibox::after{content:""; display:block; width:118px; height:100px; background:url("../images/sub/organ_ico3.png")no-repeat; position:absolute; top:24%; left:18%;}
dl.manag-list dd:last-child .ibox::after{content:""; display:block; width:118px; height:100px; background:url("../images/sub/organ_ico4.png")no-repeat; position:absolute; top:23%; left:20%;}

dl.manag-list dd .tbox{width:100%; text-align:center;}
dl.manag-list dd .tbox h3{font-size:22px; color:#333; font-weight:600; padding:7% 0 3% 0; letter-spacing:-0.8px;}
dl.manag-list dd .tbox p{padding:0;}
dl.manag-list dd .tbox p span{display:block; line-height:160%; color:#555;}



/*location*/
#sub_wrap .scont .wrap .cont_box .s_map{margin-top:2%;}
#sub_wrap .scont .wrap .cont_box table.info_box{border:solid 1px #ddd; margin:2% 0 5% 0;}
#sub_wrap .scont .wrap .cont_box table.info_box th{padding:20px; background:#f7f7f7; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; font-size:16px; color:#666; letter-spacing:-1.5px; font-weight:400;}
#sub_wrap .scont .wrap .cont_box table.info_box td{padding:20px; border-bottom:solid 1px #ddd; font-size:16px; font-weight:500; letter-spacing:-0.8px; line-height:32px; font-weight:400;}
#sub_wrap .scont .wrap .cont_box table.info_box td.line{border-right:solid 1px #ddd;}
#sub_wrap .scont .wrap .cont_box .scroll_auto .scroll_txt{display:none;}

#sub_wrap .scont .wrap .cont_box .other_map{overflow:hidden; margin-bottom:10%;}
#sub_wrap .scont .wrap .cont_box .other_map .tab{float:left; /*width:600px;*/ width:540px; margin-right:60px;}
#sub_wrap .scont .wrap .cont_box .other_map .tab dl dd{font-size:16px; font-weight:500; padding:3%; line-height:200%; border:solid 1px #ddd; cursor: pointer; font-weight:400;}
#sub_wrap .scont .wrap .cont_box .other_map .tab dl dd:nth-child(2), #sub_wrap .scont .wrap .cont_box .other_map .tab dl dd:last-child{border-top:none;}
#sub_wrap .scont .wrap .cont_box .other_map .tab dl dd span{background:#43999a; color:#fff; display:block; width:13%; text-align:center;}
#sub_wrap .scont .wrap .cont_box .other_map .tab dl dd.on{background:#f5f8ff;}

#sub_wrap .scont .wrap .cont_box .other_map .map{float:left; width:600px;}
#sub_wrap .scont .wrap .cont_box .other_map .map .map_box{position:absolute; top:-10000px; left:-10000px;}
#sub_wrap .scont .wrap .cont_box .other_map .map .map_box.on{display: inherit; position:static;}
#sub_wrap .scont .wrap .cont_box .other_map .map .root_daum_roughmap .wrap_controllers{display:none;}

.root_daum_roughmap_landing{padding:0 !important; border:none !important; border-radius:0 !important;}


/*partner*/
#sub_wrap .scont .wrap .cont_box div.partner{overflow:hidden; margin-top:50px;}
#sub_wrap .scont .wrap .cont_box div.partner.mt0{margin-top:0;}
#sub_wrap .scont .wrap .cont_box div.partner dl.banner_box{overflow:hidden; margin-top:2%;}

#sub_wrap .scont .wrap .cont_box div.partner dl.banner_box dd{float:left; width:384px; margin-right:21px; border:solid 1px #ddd; margin-bottom:2%;}
#sub_wrap .scont .wrap .cont_box div.partner dl.banner_box dd:nth-child(3n){margin-right:0;}

#sub_wrap .scont .wrap .cont_box div.partner dl.banner_box dd .img{border-bottom:solid 1px #ddd; padding:1% 0;}
#sub_wrap .scont .wrap .cont_box div.partner dl.banner_box dd .txt{background:#f5f8ff; padding:5%;}
#sub_wrap .scont .wrap .cont_box div.partner dl.banner_box dd .txt p{border-bottom:solid 1px #ddd; padding:2% 0; font-size:16px; color:#666; letter-spacing:-0.9px;}
#sub_wrap .scont .wrap .cont_box div.partner dl.banner_box dd .txt p span{display:inline-block; width:20%;}
#sub_wrap .scont .wrap .cont_box div.partner dl.banner_box dd .txt p a:hover{text-decoration: underline; text-decoration-color:#999;}


/*******************************************
                       SUB2
*******************************************/

.busin{width:100%;}
.busin p{font-size:16px; padding:2% 0; line-height:24px;}
.busin p span{display:block;}
/*.busin-box{padding-bottom:60px; background:url("../images/sub/busin_img.png")no-repeat 100% 14%; background-size:20%;}*/
.busin-box{margin-bottom:5%;}
.busin-box p{padding-bottom:3%; margin-bottom:4%; border-bottom:dashed 1px #ddd;}

.sys-wrap{width:100%; overflow:hidden;}
.sys-wrap .sys-box{position:relative; width:67%; padding:2% 5% 2% 28%; line-height:35px;}
.sys-wrap .sys-box3{padding:2% 5% 5% 28%; margin-bottom:10%;}
.sys-wrap .sys-box::before, .sys-wrap .sys-box2::before, .sys-wrap .sys-box3::before, .sys-wrap .sys-box4::before, .sys-wrap .sys-box5::before{content:""; display:block;  width:302px; height:259px; position:absolute; top:0; left:0; border:solid 1px #ddd; box-sizing:border-box; background-position:50% 50%;}
.sys-wrap .sys-box::before{background:url("../images/sub/sub02_img01.jpg") no-repeat;}
.sys-wrap .sys-box2::before{background:url("../images/sub/sub02_img02.jpg") no-repeat;}
.sys-wrap .sys-box3::before{background:url("../images/sub/sub02_img03.jpg") no-repeat;}

.system-box{width:100%; overflow:hidden;}
.system-box dl dd{background-color:#f5f8ff; padding:3%; margin-bottom:3%; height:290px; overflow:hidden;  position:relative;}
.system-box dl dd .ibox{float:left;}
.system-box dl dd:first-child .ibox{background:url("../images/sub/sub02_img01.png")no-repeat; width:407px; height:290px; margin-left:50px;}
.system-box dl dd:nth-child(2) .ibox{background:url("../images/sub/sub02_img02.png")no-repeat; width:407px; height:290px; position:absolute; top:12%; right:6%;}
.system-box dl dd:last-child .ibox{background:url("../images/sub/sub02_img03.png")no-repeat; width:407px; height:290px; margin-left:50px;}

.system-box dl dd .tbox{float:left; width:600px; padding:45px 0 0 71px;}
.system-box dl dd .tbox ul{line-height:160%; padding-top:2%;}
.system-box dl dd .tbox ul li{position:relative; padding-left:14px;}
.system-box dl dd .tbox ul li:after{content:"-"; display:block; position:absolute; top:0; left:0;}

/*hover*/
.system-box dl dd:first-child:hover{background-color:#353d7c; color:#fff; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;-o-transition: all 0.4s;}
.system-box dl dd:first-child:hover .ibox{transform:scale(1.1);-o-transform:scale(1.1); -moz-transform:scale(1.1);-webkit-transform:scale(1.1); transition: transform .35s;  -o-transition: transform .35s;-moz-transition: transform .35s;-webkit-transition: transform .35s;}

.system-box dl dd:nth-child(2):hover{background-color:#43999a; color:#fff; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;-o-transition: all 0.4s;}
.system-box dl dd:nth-child(2):hover .ibox{transform:scale(1.1);-o-transform:scale(1.1); -moz-transform:scale(1.1);-webkit-transform:scale(1.1); transition: transform .35s;  -o-transition: transform .35s;-moz-transition: transform .35s;-webkit-transition: transform .35s;}

.system-box dl dd:last-child:hover{background-color:#353d7c; color:#fff; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;-o-transition: all 0.4s;}
.system-box dl dd:last-child:hover .ibox{transform:scale(1.1);-o-transform:scale(1.1); -moz-transform:scale(1.1);-webkit-transform:scale(1.1); transition: transform .35s;  -o-transition: transform .35s;-moz-transition: transform .35s;-webkit-transition: transform .35s;}

.busin-map{width:100%; background:#f5f8ff;}
.busin-map dl{width:1200px; margin:2% auto 0 auto; overflow:hidden; padding:7% 3%;}
.busin-map dl dd{float:left; width:362px; font-size:16px; color:#fff; font-weight:600; margin:0 1% 4% 0; position:relative;}
.busin-map dl dd:nth-child(4){clear:both; margin-bottom:0;}
.busin-map dl dd:last-child{margin-bottom:0;}

.busin-map dl dd .ibox{background:url("../images/sub/port_bg.png")no-repeat 50% 50% #353d7c; width:140px; height:140px; float:left; border-radius:70px; text-align:center; position:relative; z-index:1;}
.busin-map dl dd .ibox:hover{transform:scale(1.1);-o-transform:scale(1.1); -moz-transform:scale(1.1);-webkit-transform:scale(1.1); transition: transform .35s;  -o-transition: transform .35s;-moz-transition: transform .35s;-webkit-transition: transform .35s;}
.busin-map dl dd:nth-child(2) .ibox, .busin-map dl dd:nth-child(4) .ibox {background:url("../images/sub/port_bg.png")no-repeat 50% 50% #43999a;}


.busin-map dl dd .ibox img.ico{padding:27% 0;}
.busin-map dl dd:nth-child(2) .ibox img.ico{padding:21% 0;}
.busin-map dl dd:last-child .ibox img.ico{padding:26% 0;}
.busin-map dl dd .tbox{float:left; width:200px; padding:8% 0 8% 5%; position:relative; z-index:1;}
.busin-map dl dd .tbox h5{color:#333; font-size:17px; font-weight:600;}

.busin-map dl dd:last-child{width:500px;}
.busin-map dl dd:last-child .tbox{width:263px; padding:4% 5%;}

.busin-map dl dd .tbox p{font-size:14px; color:#555; padding:2% 0; line-height:160%;}
.busin-map dl dd .tbox p span{display:block;}

.box-list-busin{width:100%; overflow:hidden;}
.box-list-busin dl{overflow:hidden; margin:2% 0 8% 0;}
.box-list-busin dl dd{float:left; width:280px; padding:50px; margin-right:30px; margin-bottom:30px; background:#f5f8ff; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;-o-transition: all 0.4s;}
.box-list-busin dl dd:nth-child(3n){margin-right:0;}

.box-list-busin dl dd .ibox{position:relative; width:160px; height:160px; border-radius:80px; background: url("../images/sub/port_bg.png")no-repeat 50% 50% #353d7c; margin:0 auto;}
.box-list-busin dl dd .ibox.gbg{background-color:#43999a;}

.box-list-busin dl dd:first-child .ibox::after{content:""; display:block; background:url("../images/sub/port_ico1.png")no-repeat; width:96px; height:86px; position:absolute; top:42px; left:34px; background-size: contain;}
.box-list-busin dl dd:nth-child(2) .ibox::after{content:""; display:block; background:url("../images/sub/port_ico2.png")no-repeat; width:96px; height:86px; position:absolute; top:28px; left:45px; background-size: contain;}
.box-list-busin dl dd:nth-child(3) .ibox::after{content:""; display:block; background:url("../images/sub/port_ico3.png")no-repeat; width:96px; height:86px; position:absolute; top:35px; left:49px; background-size: contain;}
.box-list-busin dl dd:nth-child(4) .ibox::after{content:""; display:block; background:url("../images/sub/port_ico4.png")no-repeat; width:96px; height:86px; position:absolute; top:36px; left:52px; background-size: contain;}
.box-list-busin dl dd:last-child .ibox::after{content:""; display:block; background:url("../images/sub/port_ico5.png")no-repeat; width:96px; height:86px; position:absolute; top:41px; left:37px; background-size: contain;}

.box-list-busin dl dd .tbox{width:100%; text-align:center;}
.box-list-busin dl dd .tbox h3{font-size:24px !important; padding:4% 0; font-weight:600;}
.box-list-busin dl dd .tbox ul li{line-height:160%; font-size:16px; color:#555; letter-spacing:-0.8px; font-weight:500;}

.box-list-busin dl dd:hover{background:#303872; color:#fff;}
.box-list-busin dl dd:hover .ibox{background:none #293061;}
.box-list-busin dl dd:hover .tbox ul li{color:#fff;}

.box-list-busin dl dd:nth-child(2n):hover{background:#43999a; color:#fff;}
.box-list-busin dl dd:nth-child(2n):hover .ibox{background:none #327c7d;}


.port-box{width:100%; overflow:hidden;}
.port-box dl dd{float:left; width:284px; margin-right:20px; margin-bottom:50px;}
.port-box dl dd:last-child{margin-right:0;}
.port-box dl dd div.ibox{width:100%; height:217px; border:solid 1px #ddd;}
.port-box dl dd div.tbox{font-size:14px; color:#666; background:#f3f3f3; text-align:center; width:284px; padding:6% 0; border:solid 1px #e6e6e6; border-top:0;}

.port-box dl dd:first-child div.ibox{background:url("../images/sub/port_img1.jpg")no-repeat; background-size:cover;}
.port-box dl dd:nth-child(2) div.ibox{background:url("../images/sub/port_img2.jpg")no-repeat; background-size:cover;}
.port-box dl dd:nth-child(3) div.ibox{background:url("../images/sub/port_img3.jpg")no-repeat; background-size:cover;}
.port-box dl dd:last-child div.ibox{background:url("../images/sub/port_img4.jpg")no-repeat; background-size:cover;}

.im-busin{width:100%; overflow:hidden; margin-bottom:50px;}
.im-busin .tite-box{float:left; width:305px; height:263px; line-height:367px; background:url("../images/sub/port_bg.png")no-repeat 50% 50% #353d7c; color:#fff; font-size:18px; text-align:center; position:relative;}
.im-busin .tite-box:after{content:""; display:block; background:url("../images/sub/port_ico1.png")no-repeat; width:104px; height:74px; position:absolute; top:29%; left:33%;}

.im-busin .tite-box.busin-ico1, .im-busin .tite-box.busin-ico3{background-color:#43999a;}
.im-busin .tite-box.busin-ico1:after{content:""; display:block; background:url("../images/sub/port_ico2.png")no-repeat; width:95px; height:103px; position:absolute; top:21%; left:36%;}
.im-busin .tite-box.busin-ico2:after{content:""; display:block; background:url("../images/sub/port_ico3.png")no-repeat; width:100px; height:126px; position:absolute; top:14%; left:36%;}
.im-busin .tite-box.busin-ico3:after{content:""; display:block; background:url("../images/sub/port_ico4.png")no-repeat; width:57px; height:87px; position:absolute; top:25%; left:40%;}
.im-busin .tite-box.busin-ico4:after{content:""; display:block; background:url("../images/sub/port_ico5.png")no-repeat; width:114px; height:112px; position:absolute; top:21%; left:36%;}

.im-busin .list-box{float:left; width:847px; line-height: 36px; margin:0;}

#sub_wrap .scont .wrap .cont_box ul.webzine-list li h3{overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}

ul.busin-list li{position:relative; padding-left:4%;}
ul.busin-list li::before{background:none;}
ul.busin-list li::after{content:""; display:block; background:url("../images/sub/dot-line.png") repeat-x bottom; position:absolute; bottom:0; left:0; width:100%; height:1px}

ul.busin-list li span{width:140px; display:inline-block; position:relative;}
ul.busin-list li span::after{content:""; display:block; background:url("../images/sub/check-ico.png")no-repeat; position:absolute; top:28%; left:-26%; width:21px; height:19px;}

ul.webzine-list{width:100%; overflow:hidden; cursor:pointer;}
ul.webzine-list li{width:100%; overflow:hidden; border-bottom:solid 1px #ddd; padding:3% 0;}
ul.webzine-list li:first-child{border-top:solid 1px #ddd; margin-top:2%;}

ul.webzine-list li div.thumb{float:left; width:398px; height:302px; background:no-repeat 50% 50%; background-size:cover; border:solid 1px #ddd; box-sizing:border-box;}
ul.webzine-list li div.tbox{float:left; width:702px; margin-left:100px;}
ul.webzine-list li div.tbox .txt{padding:1% 0 2% 0; line-height:160%;}

ul.webzine-list li div.tbox .gray-box{background:#f5f8ff; padding:3%;}
ul.webzine-list li div.tbox .gray-box li{position:relative; padding:0; border-bottom:none;}
ul.webzine-list li div.tbox .gray-box li:first-child{border-top:none;}
ul.webzine-list li div.tbox .gray-box li span{display:inline-block; width:140px; line-height:35px; position:relative; padding-left:2%;}
ul.webzine-list li div.tbox .gray-box li span::before{content:"-"; display:block; position:absolute; top:0; left:0;}
ul.webzine-list li div.tbox .gray-box li::after{content:""; display:block; background:url("../images/sub/dot-line.png") repeat-x bottom; position:absolute; bottom:0; left:0; width:100%; height:1px}


/*pageing*/
.board_page{padding:20px 0 30px 0; clear:both;}

.board_num {width:100%; text-align:center; vertical-align:top;}
.board_num li {display:inline-block; line-height:30px; border:solid 1px #ddd; width:30px; height:30px; padding:0px; vertical-align:top; background:#fff; font-size:16px; font-weight:400;}
.board_num li:hover{background:#f5f8ff; color:#333;}

.board_num li a{color:#c5c5c5; display:block;}
.board_num li a.on{background:#26166f; display:block; color:#fff;}
.board_num li a.active{background:#143156;display:block; height:29px; color:#fff;}


/*notice*/
.notice{width:100%; overflow:hidden; margin:30px 0;}
.notice_tal {width:100%; clear:both; border-collapse:collapse; table-layout:fixed; word-wrap:break-word; border-spacing:0; text-align:center; border-top:solid 3px #353d7c;}
.notice_tal thead th{padding:1.5% 0; word-wrap:break-word; background:#f5f8ff; color:#333; font-weight:400;}
.notice_tal tbody th{background:#f9f9f9;border-bottom:1px solid #26166f;padding:11px 25px; word-wrap:break-word;}
.notice_tal tbody td {border-bottom:1px solid #d8d8da; padding:17px 14px; word-wrap:break-word; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice_tal tbody td.bg {background:#f9f9f9}
.notice_tal thead th:last-child, .tbl-st01 tbody td:last-child{ border-right:none;}
.notice_tal thead th.r-none, .tbl-st01 tbody th.r-none, .tbl-st01 tbody td.r-none {border-right:none;}

.tl{text-align:left;}
.tl a{color:#666;}

/*cscenter*/

.cscenter{width:100%; position:relative;/* padding-bottom:170px;*/padding-bottom:30px; border-bottom:dashed 1px #ddd; margin-bottom:50px;}
/*.cscenter::before{content:""; display:block; position:absolute; top:-10%; right:0; background:url("../images/sub/tel-img.png")no-repeat; width:381px; height:324px;}*/
.cscenter p{font-size:16px; padding:2% 0;}
.cscenter p span{display:block;}

/*dl.cs-box{width:100%; overflow:hidden; margin:2% 0 5% 0;}
dl.cs-box dd{float:left; width:40%; padding:4%; margin: 0 2% 2% 0; background:#f5f8ff;}
dl.cs-box dd:nth-child(2n){margin-right:0%;}
dl.cs-box dd div.tit{font-size:20px; font-weight:500; position:relative; padding:0 0 2% 7%; border-bottom:solid 1px #ddd;}
dl.cs-box dd div.tit::after{content:""; display:block; position:absolute; top:18%; left:0; background:url("../images/sub/check-ico.png")no-repeat; width:21px; height:19px;}

dl.cs-box dd ul {padding:2% 0;}
dl.cs-box dd ul li{font-size:18px; line-height:38px; position:relative;}
dl.cs-box dd ul li:after{content:""; display:block; background:url("../images/sub/dot-line.png") repeat-x bottom; position:absolute; bottom:0; left:0; width:100%; height:1px}
dl.cs-box dd ul li span{width:88px; display:inline-block; font-size:16px; color:#666;}
dl.cs-box dd ul li a{color:#333;}
dl.cs-box dd ul li a:hover{color:#439999; text-decoration:underline;}*/

.tel-box{width:100%; overflow:hidden; margin:3% 0 5% 0; letter-spacing:0;}
.tel-box dl{overflow:hidden;}
.tel-box dl dd{width:43%; padding:3%; margin:0 2% 2% 0; float:left; background-color:#f5f8ff;}
.tel-box dl dd:nth-child(2n){margin-right:0;}

.tel-box dl dd .ibox{width:164px; height:164px; float:left;}
.tel-box dl dd .tbox{float:left; width:326px; padding-left:5%;}

.tel-box dl dd:first-child .ibox{background:url("../images/sub/tel_ico_1.png")no-repeat #f5f8ff;}
.tel-box dl dd:nth-child(2) .ibox{background:url("../images/sub/tel_ico_2.png")no-repeat #f5f8ff;}
.tel-box dl dd:nth-child(3) .ibox{background:url("../images/sub/tel_ico_3.png")no-repeat #f5f8ff;}
.tel-box dl dd:last-child .ibox{background:url("../images/sub/tel_ico_4.png")no-repeat #f5f8ff;}

.tel-box dl dd .tbox h5{font-size:22px; padding:0 0 2% 7%; margin-bottom:6%; position:relative; border-bottom:solid 1px #ddd;}
.tel-box dl dd .tbox h5::after{content:""; display:block; background:url("../images/sub/tel_bulte.png")no-repeat; width:18px; height:18px; position:absolute; top:5px; left:0;}

.tel-box dl dd .tbox ul{line-height:2.4; font-size:16px; color:#666; font-weight:500;}
.tel-box dl dd .tbox ul li{border-bottom:dashed 1px #ddd;}
.tel-box dl dd .tbox ul li span{display:inline-block; width:80px; padding:0 3% 0 4%; position:relative;}
.tel-box dl dd .tbox ul li span::after{content:"-"; display:block; position:absolute; top:0; left:0;}


ul.recru-list li{line-height:160%; padding-bottom:1%; padding-left:5%;}
ul.recru-list li::before{top:8%; left:1%;}

.recru-box .m-wrap{width:1200px; margin:80px auto;}
.recru-box .m-wrap::after{content:""; display:block; clear:both;}
.recru-box .m-wrap h4{font-size:24px; background:url("../images/sub/sub_bullet.jpg")no-repeat 5px 7px; padding-left:33px; letter-spacing:-2.0px}

.recru-box .m-wrap dl.motto{margin:50px 0;}
.recru-box .m-wrap dl.motto::after{content:""; display:block; clear:both;}
.recru-box .m-wrap dl.motto dd{float:left; width:240px; position:relative; font-size:20px; margin-top:70px;}

.recru-box .m-wrap dl.motto dd .ico{color:#fff; position:relative;}
.recru-box .m-wrap dl.motto dd .ico span{display:block; position:absolute; top:62%; left:19%;}
.recru-box .m-wrap dl.motto dd .txt{color:#666; font-weight:400; font-size:15px; text-align:left; padding:6% 0 0 24%;}
.recru-box .m-wrap dl.motto dd .txt ul li{position:relative; padding-left:4%; line-height:160%;}
.recru-box .m-wrap dl.motto dd .txt ul li::after{content:"-"; display:block; position:absolute; top:0; left:0;}

.recru-box .m-wrap dl.motto dd:first-child::before, .recru-box .m-wrap dl.motto dd:nth-child(3)::before, .recru-box .m-wrap dl.motto dd:last-child::before{content:""; display:block; background:url("../images/sub/vision_motto_arrow_b.png") no-repeat; width:246px; height:102px; position:absolute; top:-18%; left:-7%;}
.recru-box .m-wrap dl.motto dd:first-child .ico::after{content:""; display:block; background:url("../images/sub/recru_ico_1.png")no-repeat 50% 37% #353d7c; width:200px; height:200px; border-radius:100px;}


.recru-box .m-wrap dl.motto dd:nth-child(2n){position:relative;}
.recru-box .m-wrap dl.motto dd:nth-child(2n) .mt-box{position:absolute; top:-65px; left:0;}
.recru-box .m-wrap dl.motto dd:nth-child(2n) .mt-box::after{content:""; display:block; background:url("../images/sub/vision_motto_arrow_g.png") no-repeat; width:246px; height:102px; position:absolute; bottom:-14%; left:-9%;}
.recru-box .m-wrap dl.motto dd:nth-child(2n) .ico::after{content:""; display:block; background:url("../images/sub/recru_ico_2.png")no-repeat 50% 35% #43999a; width:200px; height:200px; border-radius:100px;}
.recru-box .m-wrap dl.motto dd:nth-child(2n) .txt{position:absolute; bottom:-87%; left:1%; width:100%;}
.recru-box .m-wrap dl.motto dd:nth-child(2n) .ico span{top:60%; left:33%;}
.recru-box .m-wrap dl.motto dd:nth-child(4) .txt{bottom:-76%;}

.recru-box .m-wrap dl.motto dd:nth-child(3) .ico::after{content:""; display:block; background:url("../images/sub/recru_ico_3.png")no-repeat 50% 36% #353d7c; width:200px; height:200px; border-radius:100px;}
.recru-box .m-wrap dl.motto dd:nth-child(4) .ico::after{content:""; display:block; background:url("../images/sub/recru_ico_4.png")no-repeat 50% 31% #43999a; width:200px; height:200px; border-radius:100px;}
.recru-box .m-wrap dl.motto dd:last-child .ico::after{content:""; display:block; background:url("../images/sub/recru_ico_5.png")no-repeat 50% 24% #353d7c; width:200px; height:200px; border-radius:100px;}

/*gallery*/
dl.gallery-box{width:100%; border-top:solid 3px #353d7c; margin-top:3%; padding:3% 0;}
dl.gallery-box dd{float:left; width:285px; margin-right:20px; margin-bottom:20px;}
dl.gallery-box dd:nth-child(4n){margin-right:0;}
dl.gallery-box dd div.thumb{width:100%; height:220px; background:no-repeat 50% 50%; background-size:cover; border:solid 1px #ddd; box-sizing:border-box;}
dl.gallery-box dd div.tite{font-size:16px; height:46px; padding:4% 0 2% 0;}