@charset "utf-8";
/* CSS Document */
.box0{ margin:0 5%;}
.box1{ width:1300px; margin:0 auto; max-width:96%;}
.section{ position:relative; overflow:hidden;}
.main_wcon{ padding:12em 0 1em;}
.fl_wrap > *{ float:left;}
.bgfix{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.en{ font-family:'Ms';}

#scrollAni{ position: absolute; left:-25px; width:6em; margin-left:-5em; text-align:center; bottom:3em; opacity:1; z-index:100; text-decoration:none; animation-name: downAni2; animation-duration: 3s; animation-iteration-count: infinite}
#scrollAni .xi{ vertical-align:middle;}
#scrollAni .xi-mouse{font-size:3em; color:#fff; margin-right:-7px}
#scrollAni .xi-scroll{font-size:2em; color:#fff; margin-left:-7px}
#scrollAni .xi-angle-down-thin{font-size:2.25em; color:#fff; transition:.3s;}
#scrollAni.on .xi-angle-down-thin{color:#555;}
#scrollAni .tt{ display:block; color:#fff; font-size:.75em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; letter-spacing:0; transition:.3s;}
#scrollAni.on .tt{color:#555;}
#scrollAni.hide{ opacity:0; z-index:-1}

@keyframes downAni{
60% {margin-bottom:0}
80% {margin-bottom:-1em}
100% {margin-bottom:0}
}
@keyframes downAni2{
60% {bottom:3em}
80% {bottom:2em}
100% {bottom:3em}
}

#header{ position:fixed; left:0; top:0; width:100%; z-index:1000; border-bottom:1px solid rgba(255,255,255,.4); background:#fff;  box-shadow:0 0 1em rgba(0,0,0,.2)}
#header .top_wrap.box0{ width:90%; z-index:-2;}
#header .gnb_wrap .gnb > li,
#header .gnb_wrap .gnb > li .dp1{height:4.5em;}
#header .top_wrap{ height:4.5em; transition:.3s}
#header .logo{ position:relative; height:100%; box-sizing:border-box}
#header.gnbOpen .logo,
#header.gnbOpen .etc_wrap{height:72px;}
#header .logo > a{ display:block; position:relative; background-image:url(../images/inc/logo.png); background-repeat:no-repeat; background-position:left center; background-size:contain; width:10em; height:60px; }
#header .logo > a img{ max-height:100%}
/*#header .gnb_wrap{}
#header .gnb_wrap .gnb > li .dp1{ color:#333; display:block; padding:0 2.5em; min-width:6.5em;}
#header .gnb_wrap .gnb > li .dp1 .va{ font-size:1.25em}*/
#header .gnb_wrap{margin-right:60px;}
#header .gnb_wrap .gnb > li{ overflow:hidden;}
#header .gnb_wrap .gnb > li .dp1{ position:relative; padding:0 5em; color:#333;}
body.sub #header .gnb_wrap .gnb > li .dp1{color:#111;}
#header .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; bottom:0; left:50%; margin-left:0; width:0; height:3px; background:#1879bf; opacity:0; transition:.2s;}
#header .gnb_wrap .gnb > li .dp1 .tt{ font-size:1.250em; font-weight:500;}
#header .gnb_wrap .gnb > li .dp1 .tt .krt {display:block; font-size:.875em;}
#header .gnb_wrap .gnb > li .dp1 .tt .ent { font-size:.6em;}


#header .gnb_wrap .gnb > li .dp2{ display:block; padding:1.75em 0 2em 0;}
#header .gnb_wrap .gnb > li .dp2 > li > a{ padding:.5em .25em; color:#333;}
#header .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size:.938em;}
#header .gnb_wrap .gnb > li .dp2 > li > a .tt .krtt {display:block; font-size:.875em;}
#header .gnb_wrap .gnb > li .dp2 > li > a .tt .entt {display:block; font-size:.8em; color:#999;}
#header .gnb_wrap .gnb > li .dp2 > li > a .tt .ent{color:#999; font-size:.8em}


#header .gnb_wrap .gnb > li .dp2 > li > a:hover .tt{ text-decoration:underline;}
#header .gnb_wrap .gnb > li:hover{ background:#f7f7f7; transition:.6s;}
#header .gnb_wrap .gnb > li .dp2 > li.on > a{ color:#3e55a7;}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ margin-left:-40%; width:80%; opacity:1;}
#header.gnbOpen{ box-shadow:3px 0 5px rgba(0,0,0,.2);}
#header.gnbOpen .top_wrap,
#header.gnbOpen .gnb_wrap .gnb > li{ height:auto !important; overflow:visible;}
#header .etc_wrap .all_btn{}
#header .etc_wrap .all_btn .btn{ color:#333; width:3.2em; line-height:3.2em; border:1px solid #ddd; text-align:center; display:block; margin-left:6px; height:3.2em; position:relative; padding:1rem 0; box-sizing:border-box;}
#header .etc_wrap .all_btn .btn .xi{ font-size:1.65em;}
#header .etc_wrap .all_btn .btn .ham{position:absolute; left:50%; width:60%; transform:translateX(-50%);}
#header .etc_wrap .all_btn .btn .ham,
#header .etc_wrap .all_btn .btn .ham:before,
#header .etc_wrap .all_btn .btn .ham:after { display:inline-block; height:2px; background:#111; transition:.2s;}
#header .etc_wrap .all_btn .btn .ham:before,
#header .etc_wrap .all_btn .btn .ham:after { content:""; position:absolute; left:0; width:100%;}
#header .etc_wrap .all_btn .btn .ham:before{ top:8px;}
#header .etc_wrap .all_btn .btn .ham:after { top:16px;}
#header .etc_wrap .mail_wrap .mail_btn{ color:#333; width:3.2em; line-height:3.2em; border:1px solid #ddd; text-align:center; display:block; cursor:pointer;}
#header .etc_wrap .mail_wrap .mail_btn .xi{ font-size:1.45em;}

#header .all_wrap .all{ position:fixed; top:0; bottom:0; left:0; right:0; opacity:0; visibility:hidden;}
#header .all_wrap .all .wrap_bg{ position:absolute; top:0; bottom:0; left:0; right:0; background:#000; opacity:.4; cursor:pointer;}
#header .all_wrap .all .wrap_in{ position:absolute; top:0; right:0; width:35%; height:100%; background:#1f2c5c; box-shadow:0 -3px .5em rgba(0,0,0,.6); transform:translateX(100%);}
#header .all_wrap .all .all_gnb{ height:inherit; box-sizing:border-box;}
#header .all_wrap .all .all_gnb .flex{ display:block; text-align:left !important;}
#header .all_wrap .all .gnb{ padding:7em 10em 7em 6em;}
#header .all_wrap .all .gnb > li a{ color:#fff;}
#header .all_wrap .all .gnb > li{ display:flex; flex-wrap:wrap; padding:1.5em 0; border-top:1px solid rgba(255,255,255,.2);}
#header .all_wrap .all .gnb > li:first-child{ border-top-width:0;}
#header .all_wrap .all .gnb > li .dp1{ width:14em;}
#header .all_wrap .all .gnb > li .dp1 .tt{ font-size:1.750em; font-weight:500; letter-spacing:-1px;}
#header .all_wrap .all .gnb > li .dp2{ flex:1;}
#header .all_wrap .all .gnb > li .dp2 > li > a{ padding:.25em 0;}
#header .all_wrap .all .gnb > li .dp2 > li > a:before{ content:""; display:inline-block; vertical-align:middle; width:0; height:1px; background:#fff; visibility:hidden; transition:.2s;}
#header .all_wrap .all .gnb > li .dp2 > li > a .tt{ display:inline-block;}
#header .all_wrap .all .gnb > li .dp2 > li:hover > a:before,
#header .all_wrap .all .gnb > li .dp2 > li.on > a:before{ width:2em; margin-right:1em; visibility:visible;}
#header .all_wrap.on .all{ opacity:1; visibility:visible;}
#header .all_wrap.on .all .wrap_in{ transform:translateX(0); transition:.4s;}
#header .all_wrap.on .all_btn .btn{ width:3.5em; height:3.5em; z-index:99; border:0; margin-top:30px;}
#header .all_wrap.on .all_btn .btn .ham{ background:transparent; transition:0s; width:100%;}
#header .all_wrap.on .all_btn .btn .ham:before,
#header .all_wrap.on .all_btn .btn .ham:after { width:100% !important; top:50% !important; background:#fff;}
#header .all_wrap.on .all_btn .btn .ham:before{ transform:rotate(45deg);}
#header .all_wrap.on .all_btn .btn .ham:after { transform:rotate(-45deg);}

.scroll #header{background:#fff;  box-shadow:0 0 1em rgba(0,0,0,.2)}
.scroll #header .gnb_wrap .gnb > li .dp1{ color:#333;}
.scroll #header .logo .in .cb{ opacity:1}
.scroll #header .logo .in .cw{ opacity:0}
.scroll #header .etc_wrap .all_wrap .all_btn,
.scroll #header .etc_wrap .mail_wrap .mail_btn{ color:#333;}


/*footer*/
#footer{ background:#292830; border-top:1px solid #ddd;}
#footer .f_top{ border-bottom:1px solid rgba(255,255,255,.15); padding:1em 0;}
#footer .f_menu > li{ display:inline-block;}
#footer .f_menu > li a{ margin-right:40px; color: #ddd;}
#footer .f_logo{ margin-top:2.5em; width:150px;}
#footer .f_info{ margin:2.5em 0 3.5em; box-sizing:border-box; padding-left:3em;}
#footer .info_wrap{ margin-bottom:1em;}
#footer .info_wrap > li { display:inline-block; font-size:.938em; margin:4px 30px 4px 0; color:#ddd;}
#footer .copyright{ font-size:.875em; color:#888;}


/*===================================================================================main===================================================================================*/

.mainScroll{ position:absolute; left:50%; bottom:0;  z-index:1000}
.mainScroll .box0{ position:relative}
.mainScroll .line{ display:block; width:1px; height:4em; background:#fff}
.mainScroll .tt{ color:#fff; word-spacing:2px; position:absolute; left:.5em; top:.25em; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite}
.mainScroll .tt > i{ font-size:.75em}
@keyframes downAni{
70% {margin-top:0}
90% {margin-top:.5em}
100% {margin-top:0}
}

.mainNav{ position:fixed; right:1em; top:0; height:100%; z-index:999}
.mainNav .list{}
.mainNav .list > li > a{ display:block; width:1em; height:1em; border-radius:50%; border:1px solid #177cf5; margin:1em auto; font-size:.5em; transition:.3s}
.mainNav .list > li.on > a{ width:2px; height:10em; border:none; background:#177cf5; border-radius:0}
.mainNav.color .list > li > a{ border-color:#fff}
.mainNav.color .list > li.on > a{ background:#fff}

.mainSlider .el{ height:100vh; position:relative; background:#000; overflow:hidden; width:100vw !important;}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.3); transition:3s}
.mainSlider .el .slogan{ position:absolute; left:0; width:100%; top:60%; transform:translateY(-70%); text-align:center; color:#fff}
.mainSlider .el .slogan .t1{ font-size:3.5em; line-height:1.2; margin-top:.25em; opacity:0; transform:translateX(-10%);}
.mainSlider .el .slogan .t1 .storng{ vertical-align:baseline; font-weight:600;}
.mainSlider .el .slogan .line{ width:5em; height:1px; margin:2em auto; opacity:0; transform:scale(0); background:#fff;}
.mainSlider .el .slogan .t2{ font-size:1.375em; line-height:1.5; opacity:0; transform:translateY(10%)}
.mainSlider .el.swiper-slide-active .bg,
.mainSlider .el.swiper-slide-duplicate-active .bg{ transform:scale(1)}
.mainSlider .el.swiper-slide-active .slogan .t1{ transition:1s; opacity:1; transform:translateX(0)}
.mainSlider .el.swiper-slide-active .slogan .line{ transition:1s; opacity:1; transform:scale(1); transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slogan .t2{ transition:1s; opacity:1; transform:translateY(0); transition-delay:.5s}

.main_tit{ padding:0 0 2em;}
.main_tit .t1{ font-weight:600; font-size:2.5em;/* text-transform:uppercase;*/ color:#000; opacity:.7;}
.main_tit .t2{ color: #666; margin-top:.8em; line-height: 1.8;}

.businessSlider .el{ height:calc(100vh - 10em); position:relative}
.businessSlider .el .bg{ position:absolute; left:0; top:0; width:calc(50% + 600px); height:100%; opacity:0; transform:translateX(-20%); transform-origin:left top; background-position:center center}
.businessSlider .el .con{ position:absolute; right:0; bottom:0; width:calc(50% + 600px); background:#fff; padding:2em 4em; box-sizing:border-box}
.businessSlider .el .con .wrap_in{ opacity:0; transform:translateX(20%); margin:0}
.businessSlider .el .con .t1{ color:#1879bf; font-weight:700; font-size:1.25em}
.businessSlider .el .con .t1:after{ content:""; display:block;width:1px; height:1em; background:#1879bf; margin-left:.125em}
.businessSlider .el .con .t2{ font-size:2.25em}
.businessSlider .el .con .t3{ font-size:1.063em; color:#666; line-height:2; margin-top:.5em}
.businessSlider .el .con .btn{ margin-top:1.5em}
.businessSlider .el .con .btn > a{ padding:.5em 1em .8em; min-width:5em; border:1px solid #1879bf; color:#1879bf}
.businessSlider .el .con .btn > a .arrow{ font-size:1em; margin-left:2em}
.businessSlider .el .con .btn > a .arrow:before{content:"\e90b"}
.businessSlider .el.swiper-slide-active .bg{ transition:1s; opacity:1; transform:translateX(0); }
.businessSlider .el.swiper-slide-active .con .wrap_in{ transition:1s; opacity:1; transform:translateX(0)}
.businessSlider_nav{}
.businessSlider_nav .businessSliderBtn{ width:3.5em; line-height:3.5em; text-align:center; background:#333; cursor:pointer; margin-right:-1px; color:#fff; border-left:1px solid rgba(255,255,255,.2)}
.businessSlider_nav .businessSliderBtn .xi{ font-size:1.75em}
.businessSlider_nav .businessSliderBtn:hover{ background:#0a4ca0}


.round_bg_01{ position: absolute; bottom: 70vh; right:7em; width: 100px !important; height: 100px; z-index:-99;}
.round_bg_01:after{content: ''; display: block; width: 100px; height: 100px; border-radius: 50%; background: url(../images/main/cir_01.png) center no-repeat; box-sizing: border-box; opacity: 0; transform: scale(0) rotate(.001deg); transition: opacity 0.6s ease-out, transform 0.6s ease-out; transition-delay: 0.3s;}
.round_bg_01.scrollAni.on:after{opacity:.9; transform: scale(1) rotate(.001deg);}
.round_bg_02{ position: absolute; bottom: 5vh; left:-10em; width:350px !important; height:350px; z-index:-99;}
.round_bg_02:after{content: ''; display: block; width: 350px; height: 350px; border-radius: 50%; background: url(../images/main/cir_02.png) center no-repeat; box-sizing: border-box; opacity: 0; transform: scale(0) rotate(.001deg); transition: opacity 0.6s ease-out, transform 0.6s ease-out; transition-delay: 0.6s;}
.round_bg_02.scrollAni.on:after{opacity: 0.3; transform: scale(1) rotate(.001deg);}

.section{ display:flex; align-items:center; overflow:hidden}
.section:not(#section1) > *{ width:100%}
.section .wrapAni{ transform:translateY(30%); opacity:0}
.section.active .wrapAni,
.section.fix .wrapAni{ transition:1s; transition-delay:.3s; transform:translateY(0); opacity:1}
.section.fix .scrollAni{ transition:1s; transition-delay:.3s; transform:translateY(0); opacity:1}

.project_con{ position:relative;}
.project_con .project_list{ margin-right:-20px;}
.project_con .project_list li{width:33.333%;}
.project_con .project_list li .list_wrap{ box-shadow:1px 5px 13px rgba(0,0,0,0.1); display:block; margin-right:20px; height:100%; background:#fff;}
.project_con .project_list li .list_wrap .img_con{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.project_con .project_list li .list_wrap .img_con .img_in_tx{padding:110px 20px 20px 20px; color:#fff; letter-spacing:.3px; background: rgba(0,0,0,.25);}
.project_con .project_list li .list_wrap .img_con .img_in_tx .bar{ display:block; width:30px; height:2px; background:#fff; margin-bottom:13px;}
.project_con .project_list li .list_wrap .img_con .img_in_tx .tx1{ font-size:.813em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.project_con .project_list li .list_wrap .img_con .img_in_tx .tx2{ font-size:1.2em; margin-bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.project_con .project_list li .list_wrap .img_con .img_in_tx .tx3{ font-size:.813em; margin-bottom:15px;}
.project_con .project_list li .list_wrap .img_con .img_in_tx .tx4{ font-size:.813em;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.project_con .project_list li .list_wrap .img_con .img_in_tx .tx4 .xi-globus{margin-right:3px; vertical-align:text-top;}
.project_con .project_list li .list_wrap .txt_con{ background:#fff; box-sizing:border-box; padding:25px 20px 10px;}
.project_con .project_list li .list_wrap .txt_con .tx5{ font-size:.938em; color:#333; margin-bottom:3px; font-weight:600;}
.project_con .project_list li .list_wrap .txt_con .tx6{ color:#666; margin-bottom:15px}
.project_con .all_pro_btn a{ display:block; width:100%; padding:13px 0; text-align:center; border:1px solid #b9cbd7; margin-top:2.5em; color:#6b7d8a; transition:all .8s;}
.project_con .all_pro_btn:hover a{background:#297fc8; color:#fff;}
.project_con .all_pro_btn .xi-plus-min{ margin-left:5px;}



#section4 .box1{ width: 1300px;}
.main_company { padding: 6em 0;}
.main_company .con_wrap{ width:50%; box-sizing:border-box; padding-right:4em;}
.main_company .link > li{ width:50%}
.main_company .link > li > a{ display:block; padding:1.5em 1em 1.2em; margin:-1px 0 0 -1px; border:1px solid #ddd; position:relative; text-align:center}
.main_company .link > li > a .icon{ display:block; font-size:2.5em; color:#ccc;}
.main_company .link > li > a .t1{ display:block; margin-top:.7em; font-weight:700; font-size:1.125em;}
.main_company .vod_wrap{ width:50%; position:relative;}
.root_daum_roughmap{ width:100% !important; border-bottom:1px solid #ddd;}
.root_daum_roughmap .wrap_controllers{ display:none;}

.dv50{}
.dv50 > *{width:48%;}

.prod_box{position: absolute; top: 50%; margin-top: -1.5em; left:0; width:100%;}
.prod_box .btn{ width:3em; height:3em; line-height:3em; background:#fff; color:#555; box-shadow:3px 3px 8px rgba(0,0,0,0.2); text-align:center; border-radius:50%; font-size:1.25em; cursor:pointer}
.prod_box .btn.prev{ margin-left:-5em;}
.prod_box .btn.next{ margin-right:-5em;}

.loc_info{background: #f9f9f9; border: 1px solid #ddd; box-sizing: border-box;  padding:.9em 1.5em;}
.loc_info .xi{width: 2em; line-height: 2em; border-radius: 50%; background: #ff8e2f; text-align: center; color: #fff; font-size: 1em; margin-right:5px;}

#section1 > .box1{padding:5rem 0; box-sizing:border-box;}
#section1 .vid_wrap{width:56%;}
#section1 .vid_wrap iframe{width:100% !important;}

.html5-video-player:not(.ytp-transparent), .html5-video-player.unstarted-mode, .html5-video-player.ad-showing, .html5-video-player.ended-mode, .html5-video-player.ytp-fullscreen{background:transparent !important;}

#section1 .inquiry_wrap{width:42%;}
#section1 .inquiry_wrap .pd_dv{background:#f1f1f1; border:1px solid #ccc; padding:1em 1.5em; position:relative; /*height:326px*/}
#section1 .inquiry_wrap .pd_dv .tit01{font-weight:500; margin-bottom:.5em; font-size:1.125em;}
#section1 .inquiry_wrap .pd_dv .inq_contact{position:absolute; left:120px; top:4px;}
#section1 .inquiry_wrap .pd_dv .inq_contact .t1{font-size:.875em; color:#333;}
#section1 .inquiry_wrap .pd_dv .inq_contact .t1:last-of-type{margin-top:.25rem;}
#section1 .inquiry_wrap .pd_dv .label01{display:block; width:100%; position:relative; margin-bottom:5px;}
#section1 .inquiry_wrap .pd_dv .label01 .input01{display:block; background:#fff; position:relative; padding:.5em .3em .5em 40px;  border:0; box-sizing:border-box; width:100%;}
#section1 .inquiry_wrap .pd_dv .label01 .xi{color:#999; position:absolute; left:10px; top:8px; z-index:3;}
#section1 .inquiry_wrap .pd_dv .label01 textarea{height:150px;}
#section1 .inquiry_wrap .pd_dv .btn01{background:#1879bf; text-align:center; color:#fff; font-size:1.25em; font-weight:500; border:0; width:100%; padding:10px 0;}
#section1 .inquiry_wrap .pd_dv .btn01 span{margin-left:3px;}
#section1 .inquiry_wrap .pd_dv .pri_click{position:absolute; right:20px; top:10px; font-size:.813em; color:#666;}
#section1 .inquiry_wrap .pd_dv .pri_click .pri_view{font-size:22px; margin-right:0px; cursor:pointer;}

/*contents*/
#contents{}
#contents .sub_page_top{ overflow:hidden;}
#contents .sub_page_top.bg_about    { background-image:url(../../main1%20-%20Copy/images/sub/sub_visual_about.jpg);}
#contents .sub_page_top.bg_business { background-image:url(../../main1%20-%20Copy/images/sub/sub_visual_business.jpg);}
#contents .sub_page_top.bg_field    { background-image:url(../../main1%20-%20Copy/images/sub/sub_visual_field.jpg);}
#contents .sub_page_top.bg_community{ background-image:url(../../main1%20-%20Copy/images/sub/sub_visual_community.jpg);}
#contents .sub_page_top.bg_customer { background-image:url(../../main1%20-%20Copy/images/sub/sub_visual_customer.jpg);}
#contents .sub_page_top .inner{ height:30em;}

#contents .sub_page_top .sub_tit{ padding-top:5em; text-align:center; color:#fff;}
#contents .sub_page_top .sub_tit .line{ display:inline-block; margin:1.25em auto; width:2em; height:2px; background:#fff;}
#contents .sub_page_top .sub_tit .tit1 .tt{ font-size:2.125em;}
#contents .sub_page_top .sub_tit .tit1 .tt .strong{vertical-align:baseline !important;}
#contents .sub_page_top .sub_tit .tit2 .tt{ font-size:1.250em; font-weight:400; letter-spacing:-1px; text-shadow:0 0 6px rgba(0,0,0,.9); line-height:1.4;}

#contents .sub_page_top .sub_menu{ /*background:rgba(0,0,0,.7);*/}
#contents .sub_page_top .sub_menu .gnb > li,
#contents .sub_page_top .sub_menu .gnb > li .dp1{ display:none;}
#contents .sub_page_top .sub_menu .gnb,
#contents .sub_page_top .sub_menu .gnb > li.on{ display:flex; justify-content:center;}
#contents .sub_page_top .sub_menu .gnb > li .dp2{width:auto; display:inline-flex !important; margin:0 auto;}
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li{ flex:1; background:rgba(0,0,0,.7); min-width:200px;}
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li > a{ position:relative; height:4.5em; padding:0 .5em; color:#fff; min-width:200px;}
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li > a:before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:1em; background:#fff; opacity:.4;}
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li:first-child > a:before{ display:none;}
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li > a .tt{ position:relative; padding:.5em 1.125em; font-size:1.125em; width:300px;}
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li > a .tt:after{ content:""; position:absolute; left:0; bottom:-7px; width:100%; height:3px; background:#1879bf; display:none;}
#contents .sub_page_top .sub_menu .gnb > li .dp2 > li.on > a .tt:after{ display:block;}

#contents .con_page_top{ padding:3.5em 0 3.5em 0; text-align:center;}
#contents .con_page_top .con_tit{ font-size:2.500em; color:#222; font-weight:500; letter-spacing:-1px;}

#contents .sub_page_top.bg_1{background-image:url('../images/inc/sub_v1.jpg?v=1');}
#contents .sub_page_top.bg_2{background-image:url('../images/inc/sub_v2.jpg');}
#contents .sub_page_top.bg_2_1{background-image:url('../images/inc/sub_v2_1.jpg');}
#contents .sub_page_top.bg_2_2{background-image:url('../images/inc/sub_v2_2.jpg');}
#contents .sub_page_top.bg_2_3{background-image:url('../images/inc/sub_v2_4.jpg');}
#contents .sub_page_top.bg_2_4{background-image:url('../images/inc/sub_v2_3.jpg');}
#contents .sub_page_top.bg_2_5{background-image:url('../images/inc/sub_v2_5.jpg');}
#contents .sub_page_top.bg_2_6{background-image:url('../images/inc/sub_v2_6.jpg');}
#contents .sub_page_top.bg_3{background-image:url('../images/inc/sub_v3.jpg?v=1');}
#contents .sub_page_top.bg_4{background-image:url('../images/inc/sub_v4.jpg?v=1');}
#contents .sub_page_top.bg_5{background-image:url('../images/inc/sub_v5.jpg');}


#contents .doc{ padding-bottom:12em;}


/*SUB PAGE************************/
/*inc*/
.page_sec { margin-top:3.5em !important;}
.page_sec1{ margin-top:1em !important;}
.page_sec2{ margin-top:6em !important;}
.page_sec3{ margin-top:.375em !important;}

.page_box{ padding:1.5em 1.75em; border:1px solid #e6e6e6; box-sizing:border-box;}
.page_col{ margin-bottom:1em;}
.page_col > *{ margin-top:0 !important; margin-bottom:0 !important;}

.en{ font-family:'ms','NotoSans',sans-serif; letter-spacing:0;}
.bold{ font-weight:700;}
.ttBig{ font-size:1.250em;}
.ttSmall{ font-size:.938em;}
.ttLine{ text-decoration:underline;}

.ttF{ vertical-align:baseline;}
.ttF.t1{ font-size:.750em;}
.ttF.t2{ font-size:.813em;}
.ttF.t3{ font-size:.875em;}
.ttF.t4{ font-size:.938em;}
.ttF.t5{ font-size:1.063em;}
.ttF.t6{ font-size:1.125em;}
.ttF.t7{ font-size:1.250em;}
.ttF.t8{ font-size:1.625em;}
.ttF.c1{ color:#002460;}
.ttF.c2{ color:#0b9087;}
.ttF.c3{ color:#a3d063;}
.ttF.c4{ color:#dc232d;}
.ttF.c5{ color:#f57440;}
.ttF.c6{ color:#2d3951;}
.ttF.c7{ color:#0d121b;}
.ttF.c8{ color:#999999;}
.ttF.c9{ color:#111111;}

.agree_wrap{ border:1px solid #ddd; border-radius:.5em; padding:1.5em; width:100%; min-height:8em; box-sizing:border-box}
.agree_wrap.h1{ max-height:20em; position:relative}
.agree_wrap .t1{ color:#111; margin-top:1.5em}
.agree_wrap .t1.s1{ font-size:.813em}
.agree_wrap .t1.s2{ font-size:1.125em}
.agree_wrap .t1:first-child{ margin-top:0}
.agree_wrap .t2{ color:#777; font-size:.875em; margin-top:.75em; line-height:1.5}
.agree_wrap .icon{ position:relative}
.agree_wrap .icon:before{ position:absolute; left:0; top:0}
.agree_wrap .t1.icon{ padding-left:.75em}
.agree_wrap .t1.icon:before{ content:"";  margin-top:.625em; width:.25em; height:.25em; border-radius:100%; background:#111}
.agree_wrap .t1.icon.c_red:before{ background:#ff3b4c}
.agree_wrap .t2.icon{ padding-left:1.25em}
.agree_wrap .t2.icon:before{ content:"\e929"; margin-top:.125em; color:#2aa89b; font-family:xeicon!important}
.agree_wrap strong{vertical-align:baseline; font-weight:bold; color:#333;}

.a_wrap_st1{height:160px; overflow-y:scroll; box-sizing:border-box;}

.agree_wrap{font-size:.875em; line-height:1.5}
.agree_wrap strong{ vertical-align:inherit; font-weight:bold;}

.sub_agree_wrap{padding:30px; border-top:2px solid #333; border-bottom:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee; font-size:0.938em; color:#888; font-family:'notokrR', sans-serif; margin-top:10px;}
.sub_agree_wrap p{padding:10px; line-height:1.5;}
.sub_agree_wrap strong{color:#555;}
.sub_agree_wrap .cont{overflow-y: scroll; height: 140px; overflow-y: scroll; }
.cont_check{text-align: right; margin: 10px 0 40px 0; font-size:0.875em; color:#555;}
.sub_agree_wrap .span{text-align: center; padding-left: 40px;}










/*---------------------------------------------------------------------------------------------------------------
*/


#section1 .inquiry_wrap .pd_dv .main_oline{font-size:15px; color:#000; padding:0.5em 0}

.box_table1{height:725px;}

/*.t1{font-size:1.500em; text-align:center; font-weight:500; background:rgba(0,0,0,.7); padding:20px; box-sizing:border-box; color:#fff; margin-bottom:50px;}*/
h2.company_ti{font-size:1.250em; color:#000; margin-bottom:35px; position:relative; font-weight:500; padding-left:40px; /*display:inline-block*/}
h2.company_ti:after{content:""; position:absolute; top:50%; left:0%; margin-top:-10px; width:20px; height:20px; background:#1879bf;}
h2.company_ti1{font-size:1.250em; color:#000; margin-bottom:35px; position:relative; font-weight:500; padding-left:40px; display:block}
h2.company_ti1:after{content:""; position:absolute; top:50%; left:0%; margin-top:-10px; width:20px; height:20px; background:#ffe900;}
h2.company_ti2{font-size:1.250em; color:#000; margin-bottom:35px; position:relative; font-weight:500; padding-left:40px; display:block}
h2.company_ti2:after{content:""; position:absolute; top:50%; left:0%; margin-top:-10px; width:20px; height:20px; background:#d40b18;}
h2.company_ti3{font-size:1.250em; color:#000; margin-bottom:35px; position:relative; font-weight:500; padding-left:40px; display:block}
h2.company_ti3:after{content:""; position:absolute; top:50%; left:0%; margin-top:-10px; width:20px; height:20px; background:#000;}


/*회사소개-대표인사말*/
.greeting_Wrap {margin-top:0em;}
.greeting_Wrap .top_tw {margin:3em 0;}
.greeting_Wrap .top_tw .hi { line-height:1.35; font-size:1.8em; color:#222; font-weight:500;}
.greeting_Wrap .top_tw .hi .col {color:#1879bf; font-weight:700; vertical-align:baseline; font-size:1em;}
.greeting_Wrap .con2 {flex:1 1 0%; min-width:0;}
.greeting_Wrap .con2 > p { font-size:1.063em; color:#555; line-height:1.6; padding-bottom:1em; }
.greeting_Wrap .con2 .t02{ font-size:1.125em; margin-top:3em; display:inline-block;}
.greeting_Wrap .con2 .ceo{text-align:right;}
.greeting_Wrap .con2 .t02 .name{ font-size:1.188em; margin-left:1em; color:#222;}
.greeting_Wrap .imgw {margin-left:5em; flex:0 0 auto;}
.greeting_Wrap .imgw img{width:30em;}





/*인사말 탭*/
.page_tab .tab,
.page_tab .tab > li,
.page_tab .tab > li > a{ }
.page_tab {text-align:center;} 
.page_tab .tab{margin-bottom:5em;}
.page_tab .tab > li {width:20%;}
.page_tab .tab > li > a{padding:1.3em 1em; border:1px solid #ddd; margin:.5em 0 0 .5em; color:#666; transition:.3s; display:block; }
.page_tab .tab > li > a > .tt {font-size:1em; letter-spacing:.1px;}
.page_tab .tab > li > a > *{ display:inline-block; *display:inline; zoom:1;}
.page_tab .tab > li .icon{ margin-left:.5em; color:#006e9f;}
.page_tab .tab > li .icon:before{ content:"\e937";}
.page_tab .tab > li:hover > a,
.page_tab .tab > li.on > a{box-shadow:0 0 1em 0.125em rgba(0,0,0,.1); color:#006e9f; border-color:#006e9f;}
.page_tab .tab > li:hover .icon,
.page_tab .tab > li.on .icon{ color:#fff;}

.page_tab.performance_st .tab {margin:-.5em 0 0 -.5em; margin-bottom:2em;}
.page_tab.performance_st .tab > li {width:10%;}
.page_tab.performance_st .tab > li > a {padding:1em;}

.page_tab .tab.sEC1 > li {width:100%;}
.page_tab .tab.sEC4 > li {width:16.66%;}
.page_tab .tab.sEC7 > li {width:14.28%;}





/*회사소개-기업개요*/
.board_company table{border-collapse:collapse; }
.board_company th{width:20%; background-color:#f5f5f5; border:1px solid #d4d5d8; font-weight:500; border-left:none;}
.board_company td{padding:1.3em; border:1px solid #d4d5d8; line-height:1.3; color:#666; border-right:none;}
.cont1 img{max-width:100%; border:1px solid #ddd; border-bottom:none; height:263px;}
.cont1{padding-bottom:90px;}
.cont1 ul{display:flex; overflow:hidden;}
.cont1 ul > li{width:33.3333%;}
.cont1 ul > li dl{margin:0 0 15px 40px; overflow:hidden;}
.cont1 ul > li dl dd{padding:35px 20px; border:1px solid #ddd; border-top:none;}
.cont1 ul > li dl dd .tt01{color:#1879bf; font-size:1.8em; text-align:center; margin-bottom:25px; font-weight:500; padding-bottom:10px;}
.cont1 ul > li dl dd .tt02{color:#000; font-size:1.1em; text-align:center;line-height:1.5;}
.con1 .tt01{position:relative;}
.con1 .tt01:before{content:""; display:block; position:absolute; bottom:0; width:100px; height:3px; background:#1879bf; left:50%; transform:translateX(-50%);}
.box_overview .box1:after{content:''; display:block; clear:both;}
.box_overview .box_left{float:left; width:53em;}
.box_overview .box_right{float:right;}
.box_overview .left_bottom{margin-top:20px;}

.box_overview .box_01:after{content:''; display:block; clear:both}
.box_overview .box_02:after{content:''; display:block; clear:both}

.box_overview ul.co01{padding:3em 0;}
.box_overview .co_ti01{margin-left:4px;}
.box_overview .box_01{margin-bottom:50px;}
.box_overview .box_02{margin-bottom:50px;}
.box_overview .box_txt{margin-bottom:22px;}
.box_overview .co2 p{margin-bottom:20px;}
.box_overview .co3-im{margin-top:-2.5em;}
.box_overview .co3-im p{margin-bottom:20px; text-align:center;}
.box_overview .co3-im span{display:block; margin-bottom:20px;}

.box_overview .board_company{border-top:1px solid #ddd;}
.box_overview .board_company1 td{padding:2.35em 1em; line-height:2;  border-left:none;}
.box_overview .w_com{background:#f5f5f5;}
.box_overview .w_com1{border-left:1px solid #d4d5d8;}
.box_overview .board_company .company_td{text-align:center; color:#222;  font-weight:500;}
.box_overview .t1_p1{width:80%; margin-left:120px;}
.box_overview .t1_div1{border:1px solid #ddd; margin-bottom:70px;}
.box_overview .t1_div2{border:1px solid #ddd; margin-bottom:70px;}




/*찾아오시는길*/
.box_visit .map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em}
.box_visit .map_info1 .map_p { float:left; }
.box_visit .map_info1 .map_p span { color:#666; display:inline-block; margin-right:20px; line-height:38px; }
.box_visit .map_info1 .map_p span.st { margin-right:10px;}
.box_visit .map_info1 .map_p .xi { font-size:1.438em; vertical-align:sub; color:#888; margin-right:5px; }



/*사업영역-일반화물운송*/
.box7{width:1300px; margin:0 auto; padding-bottom:70px;}
.box7 .img1{background:url(../images/sub/t1-2.jpg); height:340px;}
.box7_1 .img1{background:url(../images/sub/t12.jpg); height:340px;}
.box7 .txt{width:90%; display:block; margin:-145px auto 3px 32px; padding:3.5em 2em; text-align:center; background:#fff;}
.box7 .txt .t3{color:#1879bf; font-size:2em; margin-bottom:20px; font-weight:400;}
.box7 .txt .t4{color:#666; font-size:1em; line-height:1.5; letter-spacing:-.3px; font-weight:500;}
.global.en{font-weight:700;}
.engl.en{font-weight:700;}
ul.co1{border:1px solid #ddd; /*padding:2em 0 2em 14em;*/ margin:0 auto; padding:2em 0;}
ul.co1:after{content:""; display:block; clear:both;}
ul.co1 .co2.left{float:left; width:43%; margin-left:50px;}
ul.co1 .co2.right{float:right; width:44%;}
ul.co1 li{list-style:square;  padding:0.7rem; }
.co3.sky{margin-top:70px;}
.co3.sky img{margin:0 auto; padding:2em 21.7em;}
.co3.sky .engl{margin-left:20px; color:#999; border-left:1px solid #999; padding-left:20px;}
.co3-im{margin:0 auto; }
.co3-im1{padding:0 1em; height:640px;}
.co3-im1 img{padding-top:1.5em;}
<!--.bo1{margin-bottom:70px;}-->
ul.co2-1{border:1px solid #ddd; padding:4em 7.5em 4em 7.5em; margin:0 auto;}
ul.co2-1 li{margin-left:15px; list-style:square; line-height:2;}
.co4.sky img{margin:2em 11em; border:1px solid #ddd;}
.box_txt:after{content:''; display:block; clear:both;}
.business1_box .box1:after{content:''; display:block; clear:both;}
.business1_box .box_02:after{content:''; display:block; clear:both;}
.business1_box .box_03:after{content:''; display:block; clear:both;}
.business1_box .box_left{float:left; width:49%; height:637px;}
.business1_box .box_right{float:right; width:49%;}
.business1_box .left_bottom{margin-top:20px;}
.business1_box .box_01:after{content:''; display:block; clear:both}
.business1_box .box_02:after{content:''; display:block; clear:both}
.business1_box  ul.co01{padding:3em 0;}
.business1_box .box_01{margin-bottom:50px;}
.business1_box .box_02{margin-bottom:50px;}
.business1_box .box_txt{margin-bottom:14px;}
.business1_box ul.co1 li{height:20.5px;}
.business1_box .box_03 ul.co1 li{height:23.5px;}








/*사업영역-특수화물운송*/
.box7 .img2{background:url(../images/sub/t1-3.jpg); height:340px;}
.t4.tt .bold{font-weight:700; vertical-align:text-top; color:#1879bf;}
ul.co1_1{border:1px solid #ddd; padding:2em 0 5em 14em; margin:0 auto; content:""; clear:both;}
ul.co1_1 .co2.left{float:left; margin-right:350px;}
ul.co1_1 li{list-style:square;  padding:0.7rem;}
.co3_1{border:1px solid #ddd; margin-top:40px; padding-left:110px;}
.co3_1 img{max-width:40%; margin:30px 30px;}
.business2_box .box1:after{content:''; display:block; clear:both;}
.business2_box .box_left{float:left; width:49%;}
.business2_box .box_right{float:right; width:49%;}
.business2_box .left_bottom{margin-top:20px;}

.business2_box .box_01:after{content:''; display:block; clear:both}
.business2_box .box_02:after{content:''; display:block; clear:both}
.business2_box .box_03:after{content:''; display:block; clear:both}
.business2_box .box_04:after{content:''; display:block; clear:both}

.business2_box .box_01{margin-bottom:50px;}
.business2_box .box_02{margin-bottom:50px;}
.business2_box .box_03{margin-bottom:50px;}
.business2_box .box_04{margin-bottom:50px;}

.business2_box .box_txt{margin-bottom:17px;}
.business2_box .content1{margin-left:50px;}
.business2_box .co1.co01{padding:3.7em 0;}
.business2_box .co1.co02{padding:4.6em 0;}
.business2_box .co1.co03{padding:5.95em 0;}
.business2_box .co1.co04{padding:5.95em 0;}





/*수출 포장 업무*/
.business3_box .box1:after{content:''; display:block; clear:both;}
.business3_box .box_left{float:left; width:49%;}
.business3_box .box_right{float:right; width:49%;}
.business3_box .left_bottom{margin-top:20px;}
.business3_box .box_01:after{content:''; display:block; clear:both}
.business3_box .box_01{margin-bottom:50px;}
.business3_box .box_txt{margin-bottom:17px;}
.business3_box .content1{margin-left:50px;}
.business3_box .co1.co01{padding:0.2em 0;}
.business3_box .box_01 ul.co1 li{height:45.5px;}




/*운송 외*/
.box7 .img3{background:url(../images/sub/t1-4.jpg); height:340px;}
ul.co1_2{border:1px solid #ddd; padding:2em 0 2em 14em; margin:0 auto; content:""; clear:both; margin-bottom:70px;}
ul.co1_2 li{list-style:square;  padding:0.7rem;}
.business4_box .box1:after{content:''; display:block; clear:both;}
.business4_box img{height:637px;}
.business4_box .box_left{float:left; width:49%;}
.business4_box .box_right{float:right; width:49%;}
.business4_box .left_bottom{margin-top:20px;}
.business4_box .box_01:after{content:''; display:block; clear:both}
.business4_box .box_02:after{content:''; display:block; clear:both}
.business4_box .box_03:after{content:''; display:block; clear:both}
.business4_box .box_01{margin-bottom:50px;}
.business4_box .box_02{margin-bottom:50px;}
.business4_box .box_03{margin-bottom:50px;}
.business4_box .box_txt{margin-bottom:16px;}
.business4_box .content1{margin-left:50px;}
.business4_box .co1.co01{padding:3.7em 0;}
.business4_box .co1.co02{padding:4.6em 0;}
.business4_box .co1.co03{padding:5.95em 0;}
.company_ti1_1{margin-top:107px;}








/*영업실적*/
.sk{table-layout:fixed; border-collapse:collapse; border-spacing:0; border-top:2px solid #000; width:100%;}
.sk tr{}
.sk td{border-bottom:1px solid #ddd; height:2.5em; padding:0.75em 0.5em;}
.sk td.im{max-width:240px; width:240px;}
.sk td.text1{}
.sk td.text1 .tt{font-size:1.25em; color:#007fc1;}
.sk td.text1 .tt1{line-height:2;}

.list-02{overflow:hidden;}
.left_list{width:20%; float:left;}
.right_list{width:73%; float:right; margin-top:80px;}

.krttt{display:block;}

.sub_2_1{justify-content:space-around; border-top:2px solid #000;}
/*.sub_2_1 .list-01{width:47%;}*/
/*.sub_2_1 .list-01{display:flex;}*/
.sub_2_1 .list-01 .sub_in{border-bottom:1px solid #ddd;  width:48%; display:inline-block;}
.sub_2_1 .list-01 .sub_in:nth-child(even){margin-left:3em;}
.sub_2_1 .list-01 .sub_in.sub_in01{margin-right:3em;}
.list_box{padding:20px 0; overflow:hidden;}
/*.list_left{float:left; width:20%; padding-left:15px;}*/
.list_left{/*float:left; width:30%; padding-left:15px;*/ width:11.75em;}
.list_left .lift_in1{border:1px solid #ddd;}
/*.list_right{float:right; width:73%;}*/
.list_right{/*float:right; width:65%;*/ flex:1; min-width:0;}
.list_right dl{padding-bottom:20px; line-height:1.5;}
.right_in1{/*height:82px;*/ padding-left:15px;}
.right_in_p_left{/*width:20%*/ /*width:3.5em;*/}
.right_in_p_left{/*width:20%*/ width:5.5em;}
.right_in_p_right{/*width:80%*/flex:1; min-width:0;}
/*.right_in_p_left .sT {letter-spacing:1.6em;}*/
.t_seC { display:inline-block; *display:inline; zoom:1; vertical-align:middle; text-align:center; width:1.25em}

/*온라인견적*/
.box_sitemap .sub_table{width:100%; border-top:1px solid #999 !important;}
.box_sitemap .sub_table th{background:#f8f8f8;}

.box_sitemap .inquiry_tt{margin-bottom:1rem; position:relative; padding-left:22px; box-sizing:border-box; font-size:1.025em; color:#333;}
.box_sitemap .inquiry_tt:before{content:'\ea0b'; display:block; font-family:'xeicon'; font-size:1em; color:#1879bf; position:absolute; left:0; top:0;}
.box_sitemap .inquiry_head{text-align:center !important; font-size:1.25em; background:#f1f1f1; position:relative;}
.box_sitemap tr:not(:first-of-type) .inquiry_head{border-top:2px solid #333;}
.box_sitemap .inquiry_head i:not(.tt){margin-top:-3px; color:#1879bf;}
.box_sitemap .inquiry_head i.tt{vertical-align:baseline;}
.box_sitemap .sub_table_head{position:relative;}
.box_sitemap .sub_table_head .sub_table_add_btn{display:flex; justify-content:center; align-items:center; border:1px solid #aaa; background:#fff; padding:.125rem 1rem .25rem; position:absolute; right:20px; top:50%; transform:translateY(-50%); cursor:pointer; border-radius:4px; transition:.3s;}
.box_sitemap .sub_table_head .sub_table_add_btn:hover{background:#f1f1f1;}
.box_sitemap .sub_table_head .sub_table_add_btn i{margin-right:4px; font-size:1em; color:#1879bf;}

.box_sitemap .online table td.no_pd{padding-left:0; padding-right:0; padding-bottom:0;}
.box_sitemap .online table .sub_table{}
.box_sitemap .online table .sub_table th{text-align:center !important; padding-left:0; padding-right:0;}
.box_sitemap .online table .sub_table tr:last-of-type td{border-bottom:0;}

.box_sitemap .table_blank{height:1.25em !important;}




/*관련사이트*/
.mainPartnership_tit{ text-align:center; margin-bottom:1em;} 
.mainPartnership_tit .t1{ position:relative; font-weight:500; color:#333; font-size:1.5em; text-align:left; padding-left:2.5em; margin:0 0 .375em 0}
.mainPartnership_tit .t1:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; height:1px; width:2em; background:#333}

.mainPartnership_wrap{ position:relative}
.mainPartnership .el{}
.mainPartnership .el .wrap_in{ display:block; border:1px solid #ddd; text-align:center; padding:.8em 0; background:#fff}
.mainPartnership .el .wrap_in .in{ display:block; position:relative; height:100%}
.mainPartnership .el .wrap_in img{ max-height:100%}
.mainPartnership .el .wrap_in .t1{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#666; font-size:.938em; line-height:1.5; padding:0 .5em}

.mainPartnership.sub_st{ margin:0 -1em -1em 0}
.mainPartnership.sub_st .coN{margin-bottom:3em;}
.mainPartnership.sub_st .el{ width:25%}
.mainPartnership.sub_st .el .wrap_in{ margin:0 1em 1em 0}
.mainPartnership.sub_st .main_tit{ font-size:1.25em; margin-bottom:1em}




/*영업실적 팝업*/
.pop_wrap_sub3{padding:2em 2em 5em 2em}
.pop_text1{float:left; width:116px; font-weight:500; line-height:1.7;}
.pop_text2{line-height:1.7;}
.pop_text{padding-top:2em; display:flex;}
.pop_p1{text-align:center;}
.pop_text2 span{vertical-align:baseline}
.pop_p1 img{width:100%;}