@charset "utf-8";

@import url("animations.css");
@import url('base.css');

/************************************************
	skipLink
************************************************/
#skipLink{ width:100%; overflow:hidden; position:relative; z-index:1000;}
#skipLink a{ margin:0px -1px -1px 0px; width:1px; height:1px; text-align:center; line-height:0; overflow:hidden; font-size:0px; display:block;}
#skipLink a:focus{ background:rgb(32, 38, 44); margin:0px; padding:8px 0px 8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700;}
#skipLink a:hover{ background:rgb(32, 38, 44); margin:0px; padding:8px 0px 8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700;}
#skipLink a:active{ background:rgb(32, 38, 44); margin:0px; padding:8px 0px 8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700;}

/************************************************
	layout
************************************************/
#wrap{ position:relative; width:100%; min-width:1200px; word-wrap:break-word; word-break:keep-all;}
.foot #wrap{ padding:90px 0 0 0;}

.opacity{ opacity:0;}

.mbg{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90); opacity:.9; z-index:8;}
body.ovf_hdn, .ovf_hdn{ overflow:hidden; height:100%;}

/*-------------------------------------------
header
-------------------------------------------*/
header{ position:fixed; top:0; left:0; width:100%; z-index:5; }
header:before{ content:""; position:absolute; z-index:0; width:auto; top:0; left:0; right:50%; height:90px; background-color:#fff; }
header:after{ content:""; position:absolute; z-index:0; width:auto; top:0; right:0; left:50%; height:90px; background:url('../images/bg_gnb.png') 0 0 no-repeat;}
header .headTop{ position:relative; width:1100px; height:90px;  margin:0 auto; background-color:#fff; padding:25px 0 0 344px; z-index:2;}
header .headTop>h1.logo{ position:absolute; top:28px; left:0; width:200px;}
header .headTop>h1.logo>a{ display:block; height:35px; text-indent:-9999px; background:url('../images/logo.png') no-repeat;}
header .btMn{ position:absolute; top:30px; right:0; width:32px; height:32px; display:block; cursor:pointer;}
header .btMn:before{ content:""; position:absolute; top:12px; right:0; height:2px; width:14px; display:block; background-color:#1e3a90; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
header .btMn:after{ content:""; position:absolute; top:18px; right:0; height:2px; width:10px; height:2px;  display:block; background-color:#1e3a90; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
header .btMn:hover:before{ width:10px; }
header .btMn:hover:after{ width:14px; }
header .btMn span{ position:absolute; top:-9999px; left:-9999px;}
header .btMn.open{ background-color:#1e3a90;}
header .btMn.open:before{ background-color:#fff; top:15px; right:8px; width:16px; height:1px;  -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
header .btMn.open:after{ position:absolute; border:none; top:50%; left:7px; margin-top:-1px; height:1px; width:16px;display:block; background-color:#fff; -webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.lang{ position:absolute; width:70px; top:30px; right:60px; border: #ebebeb 1px solid; height: 32px; line-height: 32px; text-align:center;}
header #gnbWrap{ position:relative; margin:0; z-index:3;}
#gnb>li{ position:relative; float:left; width:124px;}
#gnb>li:nth-child(3){ width:100px;}
#gnb>li>a{ position:relative; display:inline-block; font-size:16px; color:#1b1719; font-weight:500; padding:0; line-height:40px;}
#gnb>li:hover>a,
#gnb>li.active>a{ font-weight:500; color:#1d3b8d;}
#gnb>li>a:after{ content:""; position:absolute; top:64px; left:50%; margin-left:-50%; display:block; background-color:#1d3b8d; width:0; height:2px; transition: all 0.2s ease-in-out;}
#gnb>li:hover>a:after{ width:100%;}
#gnb>li .subDepth{ position:absolute; width:100%; top:40px; left:0; padding:60px 0 0 0; display:none;}
#gnb>li .subDepth a{ display:block; color:#9d9c9c; font-weight:400;}
#gnb>li .subDepth li+li{ margin-top:10px;}
#gnb>li .subDepth li a:hover{ color:#1b1719;}
.subBg{ position:absolute; top:0; left:0; width:100%; background-color:#fff; height:334px; display:none;}
.subBg:before{ content:""; position:absolute; width:100%; left:0; height:1px; display:block; top:90px; background-color:#ddd;}

#allMenu{ position:absolute; top:0; left:0; width:100%; background-color:#f9f9f9; z-index:9; display:none;}
#allMenu .inner{ width:1100px; margin:0 auto; padding:0; }
#allMenu .allHd{ position:relative; text-align:right; height:90px;}
#allMenu h1.logo{ position:absolute; top:30px; left:50%; width:160px; margin-left:-80px;}
#allMenu h1.logo>a{ display:block; height:28px; text-indent:-9999px; background:url('../images/logo2.png') no-repeat; text-align:left;}  
#allMenu .lang{ position:absolute; width:70px; top:30px; right:60px;}
#allMenu .allGnb{ padding:0 84px;}
#allMenu .allGnb>li{ position:relative; padding:0 0 0 160px; min-height:70px; border-top:#ddd 1px solid;}
#allMenu .allGnb>li:after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
#allMenu .allGnb>li>a{ position:absolute; width:160px; top:22px; left:0; display:block; padding:0 0 0 10px; font-size:18px; font-weight:600;}
#allMenu .allGnb>li>a:after{ content:""; position:absolute; top:50%; right:0; margin-top:-13px; background-position:50% 50%; background-repeat:no-repeat; width:26px; height:26px;  display:block;}
#allMenu .allGnb>li.gnb1>a:after{ background-image:url('../images/gnb_ic1.png');}
#allMenu .allGnb>li.gnb2>a:after{ background-image:url('../images/gnb_ic2.png');}
#allMenu .allGnb>li.gnb3>a:after{ background-image:url('../images/gnb_ic3.png');}
#allMenu .allGnb>li.gnb4>a:after{ background-image:url('../images/gnb_ic4.png');}
#allMenu .allGnb>li.gnb5>a:after{ background-image:url('../images/gnb_ic5.png');}
#allMenu .allGnb>li:hover>a{ color:#0034b7; }
#allMenu .allGnb>li>ul{ padding:25px 0;}
#allMenu .allGnb>li>ul:after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
#allMenu .allGnb>li>ul>li{ float:left; width:140px;}
#allMenu .allGnb>li>ul>li:nth-child(6){ width:auto;}
#allMenu .allGnb>li>ul>li>a{ display:block; font-size:16px; padding:0; line-height:1.2; color:#1d3b8d; font-weight:600;}
#allMenu .allGnb>li>ul>li>ul{ padding:10px 0 0 0;}
#allMenu .allGnb>li>ul>li>ul>li>a{ color:#1b1719; font-size:14px; display:block; padding:5px 0; font-weight:600;}

.spMenuBtn{ display:none;}
.spMenuBtn{ position:absolute; top:50%; right:0; margin-top:-20px; width:40px; height:40px;}
.spMenuBtn:before{ content:""; position:absolute; top:50%; left:50%; margin-top:-1px; margin-left:-10px; height:1px; width:20px; display:block; background-color:#fff; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.spMenuBtn:after{ content:""; position:absolute; top:50%; left:50%; margin-top:-8px; margin-left:-10px; height:15px; width:20px; display:block; border-top:#fff 1px solid; border-bottom:#fff 1px solid; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.spMenuBtn span{ position:absolute; top:-9999px; left:-9999px;}
.spMenuBtn.open:before{ -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.spMenuBtn.open:after{ position:absolute; border:none; top:50%; left:50%; background-color:#fff; margin-top:-1px; height:1px; width:20px; display:block;  -webkit-transform:rotate(-135deg);transform:rotate(-135deg);} 
body.main .spMenuBtn:before{ background-color:#294fa5;}
body.main .spMenuBtn:after{ border-color:#294fa5;}
body.main .spMenuBtn.open:after{ background-color:#294fa5;}

#siteFunctions{ display:none;}
#siteFunctions{ top:50px; position:fixed; left:0; width:100%; bottom:0; height:100%; background-color:#05349e; border-top:#123ea3 1px solid;}
#siteFunctions .inner{ overflow-y:auto;}
.mobMenu{ text-align:left;}
.mobMenu>li>a{ position:relative; display:block; line-height:60px; padding:0 60px 0 30px; color:#fff; font-size:1.5em; font-weight:400;}
.mobMenu>li>a:after{ content:""; position:absolute; top:50%; right:28px; margin-top:-10px; display:block; width:11px; height:11px; border:#829acf 2px solid; border-right:none; border-top:none; -webkit-transform:rotate(-45deg);transform:rotate(-45deg); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.mobMenu>li.active>a{ color:#00f0ff;}
.mobMenu>li.active>a:after{ border-color:#fff; margin-top:-6px; -webkit-transform:rotate(135deg);transform:rotate(135deg);}
.mobMenu>li>ul{ border-top:#123ea3 1px solid; display:none;}
.mobMenu>li>ul>li>a{ display:block; line-height:40px; padding:0 30px; border-bottom:#123ea3 1px solid; color:#70a0de; }

/* popup */
.layPop{ position:fixed; top:0; left:0; width:100%; bottom:0; background-color:rgba(0,0,0,0.6); z-index:99;}
.layPop .popup{ position:absolute; top:50%; left:50%; margin:-280px 0 0 -270px; width:540px; padding:0 0 80px 0; background-color:#fff;}
.layPop .popup .popCon{ padding:80px 50px 50px;}
.layPop .popup .popCon .popTit{ position:relative; padding:0 0 20px 0; margin:0 0 30px 0; font-size:34px; color:#000; font-weight:600;}
.layPop .popup .popCon .popTit span{ display:block; font-size:1.1em; color:#747474; font-weight:200;}
.layPop .popup .popCon .popTit strong{ display:block; font-size:1.85em; color:#000; font-weight:600; letter-spacing:-0.08em;}
.layPop .popup .popCon ul>li{ font-size:1em; letter-spacing:-0.05em; color:#696969; text-indent:-8px; padding:0 0 0 8px; line-height:1.8; font-size:16px;}
.layPop .popup .popCon ul>li:before{ content:""; width:2px; height:2px; background-color:#bcbcbc; display:inline-block; vertical-align:middle; margin-right:4px; border:1px solid;}
.layPop .popup .popCon ul>li+li{ margin-top:20px;}
.layPop .popup .popCon ul>li>strong{ color:#171717; font-weight:400;}
.layPop .popup .popCon ul>li .btMail{ display:inline-block; color:#0c4da2; text-decoration:none; margin:5px 0 0 8px;}
.layPop .popup .popBot{ position:absolute; bottom:0; left:0; width:100%; }
.layPop .popup .popBot>*{  width:50%; float:left; line-height:80px; text-align:center; background-color:#eaeaea;}
.layPop .popup .popBot .btToday{ color:#d0d8eb; background-color:#123c9b;}

/*-------------------------------------------
container
-------------------------------------------*/
#container{ position:relative; width:100%; margin:0; z-index:2;}

#contents{ position:relative; min-height:500px; padding:0 0 80px 0;}

.subVisual{ position:relative; height:420px; background-position:50% 0; background-repeat:no-repeat; padding:180px 0 0 0;}
/*.subVisual.sub0101{ background-image:url('../images/sub_vis0101.jpg');} 가로크기수정*/
.subVisual.sub0101{ background:url('../images/sub_vis0101.jpg') no-repeat top center fixed; background-size: auto 420px;} 
.subVisual.sub0102{ background:url('../images/sub_vis0101.jpg') no-repeat top center fixed; background-size: auto 420px;} 
.subVisual.sub0201{ background:url('../images/sub_vis0201.jpg') no-repeat top center fixed; background-size: auto 420px;} 
.subVisual.sub0301{ background:url('../images/sub_vis0301.jpg') no-repeat top center fixed; background-size: auto 420px;} 
.subVisual.sub0401{ background:url('../images/sub_vis0401.jpg') no-repeat top center fixed; background-size: auto 420px;} 
.subVisual.sub0501{ background:url('../images/sub_vis0501.jpg') no-repeat top center fixed; background-size: auto 420px;} 
.subVisual .sub-tit{ text-align:center;}
.subVisual .sub-tit h2{ position:relative;  text-align:center; color:#fff; font-size:40px; font-weight:400; text-transform:uppercase; line-height:1; padding:0 0 20px 0;}
.subVisual .sub-tit h2:before{ content:""; position:absolute; bottom:0; left:50%; margin:0 0 0 -15px; width:30px; height:2px; display:block; background-color:#fff;}
.subVisual .sub-tit>p{ margin:25px 0 0 0; font-size:16px; color:rgba(255,255,255,0.85); text-align:center; }
.subVisual>button{ position:absolute; top:224px; display:block; border:rgba(255,255,255,0.3) 2px solid; border-radius:50%; width:60px; height:60px; z-index:9; background-color:transparent;transition: all 0.2s ease-in-out; display:none;}
.subVisual>button>span{ position:absolute; top:-9999px; left:-9999px;}
.subVisual>button.prev{ left:4vw; }
.subVisual>button.next{ right:4vw; }
.subVisual>button.prev:after{ content:""; position:absolute; top:50%; left:50%; margin:-5px 0 0 -4px; width:10px; height:10px; display:block;  border:2px solid #fff; border-top:none; border-right:none;-webkit-transform:rotate(-315deg);transform:rotate(-315deg);}
.subVisual>button.next:after{ content:""; position:absolute; top:50%; left:50%; margin:-5px 0 0 -6px; width:10px; height:10px; display:block;  border:2px solid #fff; border-top:none; border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.subVisual>button:hover{ border-color:rgba(255,255,255,1); background-color:#fff;}
.subVisual>button:hover:after{ border-color:#244bd2;}

.locationBar{ position:relative; width:100%; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid; background-color:#fff; z-index:5;}
.locationBar.fixed{ position:fixed; top:90px; left:0; }
.locationBar .inner{ width:1100px; margin:0 auto;}
.locationBar .inner:after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.locationBar .home{ width:80px; float:left;}
.locationBar .home>a{ display:block; height:60px; background:url('../images/ic_home.png') 50% 50% no-repeat; text-indent:-9999px;  border-left:#ddd 1px solid; border-right:#ddd 1px solid;}
.locationBar .location{ position:relative; min-width:200px; float:left;}
.locationBar .location>a{ display:block; line-height:60px; height:60px; padding:0 40px 0 25px; color:#373737; border-right:#ddd 1px solid;}
.locationBar .location>a:after{ content:""; position:absolute; top:50%; right:30px; margin-top:-2px; border-top:#ddd 4px solid; border-left:transparent 4px solid; border-right:transparent 4px solid; }
.locationBar .location>ul{ display:none; position:absolute; top:60px; left:-1px; right:0; background-color:#fff; border:#ddd 1px solid; border-top:none;}
.locationBar .location>ul>li>a{ display:block; padding:8px 25px;}
.locationBar .location.depth2>a{ color:#1d3b8d; font-weight:600;}

.con-tit{ display:table; width:1100px; font-size:20px; color:#262626; padding:0; margin:80px auto 55px;}
.con-tit>h3.h3-tit{ display:table-cell; width:284px; vertical-align:top; font-size:40px; color:#262626; font-weight:400;}
.con-tit>p{ display:table-cell; vertical-align:middle; }

/*-------------------------------------------
footer
-------------------------------------------*/
footer{ position:relative; width:100%; margin:0; padding:80px 0 140px; background-color:#181818; z-index:3;}
footer .footer-wrap{ position:relative; width:1100px; margin:0 auto; padding:0 0 0 344px; }
footer .footer-wrap .contact{ position:absolute; top:0; left:0;}
footer .footer-wrap dl dt{ color:#f3f1f4; font-size:16px; font-weight:600; text-transform:uppercase; }
footer .footer-wrap dl dd{ margin:24px 0 0 0; color:#aaa8ab;}
footer .footer-wrap dl dd .tel{ font-size:40px; font-family:'Century Gothic'; font-weight:200; color:#6c6c6c; letter-spacing:-0.05em; display:block;}
footer .footer-wrap dl dd .tel span{ color:#fff;}
footer .footer-wrap dl dd .mail{ color:#aaa8ab; font-size:12px; display:block;}
footer .footer-wrap dl dd .btz{ margin:40px 0 0 0;}
footer .footer-wrap dl dd .btz:after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
footer .footer-wrap dl dd .btz a{ position:relative; display:block; float:left; width:98px; height:44px; line-height:44px; text-align:center; border:#5e5e5e 1px solid;} /* width:122px; */
footer .footer-wrap dl dd .btz a+a{ margin-left:-1px;}
footer .footer-wrap dl dd .btz a:hover{ z-index:2; border-color:#fff; color:#fff;}
footer .footer-wrap dl.address dd{ line-height:1.6;}
footer .footer-wrap dl.address dd strong{ color:#f3f1f4; font-weight:200;}
footer .footer-wrap dl.address dd span{ text-transform:uppercase;}
footer .footer-wrap dl.address dd span:nth-child(2){ margin-left:18px;}
footer .footer-wrap .copy{ margin:40px 0 0 0; line-height:44px; color:#aaa8ab; font-size:12px; text-transform:uppercase;}
footer .footer-wrap .family-site{ position:absolute; top:0; right:0; width:200px;  }
footer .footer-wrap .family-site>a{ position:relative; display:block; height:50px; line-height:50px; border:#686868 1px solid; padding:0 24px; color:#fefefe;}
footer .footer-wrap .family-site>a:after{ content:""; position:absolute; top:50%; right:18px; margin-top:-3px; display:block;  width:7px; height:7px; border:#f3f1f4 2px solid; border-top:none; border-left:none; -webkit-transform:rotate(-315deg);transform:rotate(-315deg); transition:all 0.2s ease-in-out;}
footer .footer-wrap .family-site>a.active:after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
footer .footer-wrap .family-site>ul{ position:absolute; bottom:49px; left:0; width:100%; border:#686868 1px solid; border-bottom:none; background-color:#181818; display:none;}
footer .footer-wrap .family-site>ul>li>a{ display:block; padding:10px; color:#ddd;}
footer #back-top{ position:absolute; bottom:0; right:0; display:block; width:100px; height:44px; line-height:44px; border:#fff 2px solid; text-align:left; padding:0 0 0 15px; font-weight:600; color:#fff;}
footer #back-top:after{ content:""; position:absolute; top:50%; right:18px; margin-top:-3px; display:block;  width:7px; height:7px; border:#f3f1f4 2px solid; border-top:none; border-left:none; -webkit-transform:rotate(-135deg);transform:rotate(-135deg);}

/*-------------------------------------------
index
-------------------------------------------*/
.mainVisual{ position:relative; }
.mainVisual .slideBx{ overflow:hidden;}
.mainVisual .slideBx .swiper-slide{ height:900px; background-repeat:no-repeat; background-position:50% 0; background-size:auto 900px;}
.mainVisual .slideBx .swiper-slide .copy{ padding:270px 0 0 0; width:1100px; margin:0 auto;}
.mainVisual .slideBx .swiper-slide .copy *{ display:block; color:#fff; }
.mainVisual .slideBx .swiper-slide .copy strong{ font-size:110px; font-family:'gotham'; letter-spacing:-0.05em; text-indent:-5px;}
.mainVisual .slideBx .swiper-slide .copy em{ font-size:38px; }
.mainVisual .slideBx .swiper-slide .copy span{ font-size:18px; opacity:0.8; margin:20px 0 0 0; }
.mainVisual .slideBx .swiper-slide .copy .bt-vew{ position:relative; margin-top:60px; width:250px; height:55px; line-height:55px; padding:0 0 0 30px; font-size:14px; border:rgba(255,255,255,0.6) 1px solid; background-color:rgba(255,255,255,0.1); transition:all 0.2s ease-in-out;}
.mainVisual .slideBx .swiper-slide .copy .bt-vew:after{ content:""; position:absolute; top:50%; right:29px; display:block; width:13px; height:1px; background-color:rgba(255,255,255,0.6); transition:all 0.2s ease-in-out;}
.mainVisual .slideBx .swiper-slide .copy .bt-vew:before{ content:""; position:absolute; top:50%; right:29px; margin-top:-4px; display:block; width:9px; height:9px; border:rgba(255,255,255,0.6) 1px solid; border-left:none; border-bottom:none; -webkit-transform:rotate(45deg); transform:rotate(45deg); transition:all 0.2s ease-in-out;}
.mainVisual .slideBx .swiper-slide .copy .bt-vew:hover{ border:rgba(255,255,255,1) 1px solid; background-color:rgba(255,255,255,1); color:#244bd2;}
.mainVisual .slideBx .swiper-slide .copy .bt-vew:hover:before{border-color:#244bd2; }
.mainVisual .slideBx .swiper-slide .copy .bt-vew:hover:after{ background-color:#244bd2;}
.mainVisual>button{ position:absolute; top:50%; margin-top:-30px; display:block; border:rgba(255,255,255,0.3) 2px solid; border-radius:50%; width:60px; height:60px; z-index:9; background-color:transparent; transition: all 0.2s ease-in-out;}
.mainVisual>button>span{ position:absolute; top:-9999px; left:-9999px;}
.mainVisual>button.prev{ left:4vw; }
.mainVisual>button.next{ right:4vw; }
.mainVisual>button.prev:after{ content:""; position:absolute; top:50%; left:50%; margin:-5px 0 0 -4px; width:10px; height:10px; display:block;  border:2px solid #fff; border-top:none; border-right:none;-webkit-transform:rotate(-315deg);transform:rotate(-315deg);}
.mainVisual>button.next:after{ content:""; position:absolute; top:50%; left:50%; margin:-5px 0 0 -6px; width:10px; height:10px; display:block;  border:2px solid #fff; border-top:none; border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.mainVisual>button:hover{ border-color:rgba(255,255,255,1); background-color:#fff;}
.mainVisual>button:hover:after{ border-color:#244bd2;}
.mainVisual .swiper-pagination{ bottom:100px; text-align:center; width:100%;}
.mainVisual .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; background-color:transparent; border:rgba(255,255,255,0.2) 2px solid; opacity:1; margin:0 4px;}
.mainVisual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#fff; border-color:rgba(255,255,255,1); }
.mainVisual .bt-down{ position:absolute; top:90px; right:0; margin-left:529px; left:50%;  height:90px; color:#fff; background:url('../images/bg_down.png') 0 0 no-repeat; z-index:9; padding:0 0 0 90px; line-height:90px; white-space:nowrap;}
.mainVisual .bt-down:after{ content:""; width:15px; height:14px; vertical-align:middle; display:inline-block; background:url('../images/ic_down.png') 0 0 no-repeat; margin:0 0 0 8px;}
@media screen and (max-width:1512px){
	.mainVisual .bt-down{ left:auto; right:0; margin-left:0; }
}

.m-sec{ position:relative; width:100%; margin:0; height:900px; overflow:hidden;}
.m-sec:after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.m-sec .titArea{ padding:90px 0 58px;}
.m-sec .titArea h2{ text-align:center; color:#fff; font-size:60px; font-weight:200; text-transform:uppercase; line-height:1;}
.m-sec .titArea>p{ margin:20px 0 0 0; font-size:14px; color:rgba(255,255,255,0.8); text-align:center; font-weight:600; letter-spacing:0.2em;}
.m-sec .titArea>p>span{ display:block; letter-spacing:-0.04em;}

.m-sec.business{ background:url('../images/main_business.jpg') 50% 0 no-repeat;}
.bus-lst{ width:1100px; margin:60px auto 0;}
.bus-lst li{ width:250px; float:left;}
.bus-lst li+li{ margin-left:32px;}
.bus-lst li a{ position:relative; display:block; height:440px;}
.bus-lst li .thum{ height:340px; overflow:hidden;}
.bus-lst li a img{ transition:all 0.2s ease-in-out;}
.bus-lst li a:hover img{ transform:scale(1.1);}
.bus-lst li .tbx{ position:absolute; bottom:0; left:0; height:75px; padding:10px 0 0 88px; color:#fff;}
.bus-lst li .tbx i{ position:absolute; bottom:0; left:0; display:block; width:60px; height:75px; border:#fff 1px solid; padding:50px 8px 0; transition:all 0.2s ease-in-out;}
.bus-lst li .tbx strong{ font-size:16px; letter-spacing:0.2em; display:block;}
.bus-lst li .tbx span{ margin-top:5px; font-size:14px; opacity:0.8; display:block;}
.bus-lst li:nth-child(even) a{ padding:100px 0 0 0;}
.bus-lst li:nth-child(even) .tbx{ top:0; bottom:auto;}
.bus-lst li:nth-child(even) .tbx i{ top:0; bottom:auto; left:0; padding:5px 8px 0;}
.bus-lst li:nth-child(even) .tbx i:before{ content:""; position:absolute; top:29px; left:8px; display:block; width:16px; height:1px; background-color:#fff; }
.bus-lst li a:hover .tbx i{ border-color:#244bd2; background-color:#244bd2;}

.m-sec.product{ }
.m-sec.product .titArea{ position:absolute; top:0; left:0; width:100%; z-index:3; }
.m-pro{ overflow:hidden;}
.m-pro .swiper-slide{ height:900px; background-position:50% 0; background-repeat:no-repeat;}
.m-pro .swiper-slide.pro01{ background-image:url('../images/main_pro01.jpg');} 
.m-pro .swiper-slide.pro02{ background-image:url('../images/main_pro02.jpg');} 
.m-pro .swiper-slide.pro03{ background-image:url('../images/main_pro03.jpg');} 
.m-pro .swiper-slide .tbx{ width:1100px; margin:0 auto; padding:490px 0 0 0; color:#fff;}
.m-pro .swiper-slide .tbx>*{ display:block;}
.m-pro .swiper-slide .tbx>strong{ font-size:80px; letter-spacing:0.2em; font-weight:600; text-indent:-5px;}
.m-pro .swiper-slide .tbx>span{ font-size:20px; opacity:0.8;}
.m-pro .swiper-slide .tbx .btz{ margin-top:30px;}
.m-pro .swiper-slide .tbx .btz a{ font-size:16px; display:inline-block;}
.m-pro .swiper-slide .tbx .btz a+a{ margin-left:30px;}
.m-pro .swiper-slide .tbx .btz a span{ display:inline-block; line-height:40px; border-bottom:#fff 1px solid;}
.m-pro .swiper-slide .tbx .btz a i{ position:relative; width:29px; height:29px; border:rgba(255,255,255,0.3) 2px solid; border-radius:50%; display:inline-block; vertical-align:middle; margin:0 0 0 15px;}
.m-pro .swiper-slide .tbx .btz a i:after{ content:""; position:absolute; top:50%; left:50%; margin:-3px 0 0 -4px; width:6px; height:6px; display:block;  border:1px solid #fff; border-top:none; border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.m-pro>button{ position:absolute; top:50%; margin-top:-30px; display:block; border:rgba(255,255,255,0.3) 2px solid; border-radius:50%; width:60px; height:60px; z-index:9; background-color:transparent;transition: all 0.2s ease-in-out;}
.m-pro>button>span{ position:absolute; top:-9999px; left:-9999px;}
.m-pro>button.prev{ left:50%; margin-left:-740px; }
.m-pro>button.next{ right:50%; margin-right:-740px; }
.m-pro>button.prev:after{ content:""; position:absolute; top:50%; left:50%; margin:-5px 0 0 -4px; width:10px; height:10px; display:block;  border:2px solid #fff; border-top:none; border-right:none;-webkit-transform:rotate(-315deg);transform:rotate(-315deg);}
.m-pro>button.next:after{ content:""; position:absolute; top:50%; left:50%; margin:-5px 0 0 -6px; width:10px; height:10px; display:block;  border:2px solid #fff; border-top:none; border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.m-pro>button:hover{ border-color:rgba(255,255,255,1); background-color:#fff;}
.m-pro>button:hover:after{ border-color:#244bd2;}
.m-pro .swiper-pagination{ bottom:100px; text-align:center; width:100%;}
.m-pro .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; background-color:transparent; border:rgba(255,255,255,0.2) 2px solid; opacity:1; margin:0 4px;}
.m-pro .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#fff; border-color:rgba(255,255,255,1); }

.m-sec.video .titArea{ position:absolute; top:0; left:0; width:100%; z-index:3; }
.m-video{ overflow:hidden;}
.m-video .swiper-slide{ height:900px; background-position:50% 0; background-repeat:no-repeat;}
.m-video .swiper-slide .bt-play{ position:absolute; top:430px; left:50%; margin:0 0 0 -60px; width:120px; height:120px; border:rgba(255,255,255,0.5) 1px solid; display:block; border-radius:50%; color:#fff; text-align:center; padding:42px 0;}
.m-video .swiper-slide .bt-play svg{ width:32px; display:inline-block;}
.m-video .swiper-slide .bt-play .ic-play{ fill:#fff; width:32px; }
.m-video .swiper-slide.pro01{ background-image:url('../images/main_business.jpg');} 
.m-video .swiper-slide.pro02{ background-image:url('../images/main_pro01.jpg');} 
.m-video .swiper-slide.pro03{ background-image:url('../images/main_video01.jpg');} 
.m-video .swiper-pagination{ bottom:auto; top:50%; margin-top:-121px; left:auto; right:50%; margin-right:-550px; width:60px;}
.m-video .swiper-pagination .swiper-pagination-bullet{ position:relative; display:block; width:60px; height:60px; border-radius:0; opacity:1; text-indent:-9999px; background-position:100% 50%;}
.m-video .swiper-pagination .swiper-pagination-bullet:after{ content:""; position:absolute; top:0; right:0; display:block; width:60px; height:60px; border:#00aeff 2px solid; opacity:0; transition:all 0.2s ease-in-out;}
.m-video .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet{ margin-top:28px; transition:all 0.2s ease-in-out;}
.m-video .swiper-pagination .swiper-pagination-bullet:nth-child(1){ background-image:url('../images/main_video_s01.jpg');} 
.m-video .swiper-pagination .swiper-pagination-bullet:nth-child(2){ background-image:url('../images/main_video_s02.jpg');} 
.m-video .swiper-pagination .swiper-pagination-bullet:nth-child(3){ background-image:url('../images/main_video_s03.jpg');} 
.m-video .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:140px; margin-left:-76px;}
.m-video .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ width:140px; opacity:1; }

.m-sec.news{ background:url('../images/main_news.jpg') 50% 0 no-repeat; height:840px;}
.m-sec.news .titArea h2{ color:#252525;}
.m-sec.news .titArea p{ color:#9d9c9c;}
.m-sec.news ul{ width:1100px; margin:0 auto; border-top:#244bd2 1px solid;}
.m-sec.news ul>li>a{ position:relative; display:block; border-bottom:#dae1ec 1px solid; padding:32px 30px 32px 175px;}
.m-sec.news ul>li>a>span{ text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; font-size:1.8em; font-weight:200; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.m-sec.news ul>li>a>em{ position:absolute; top:50%; left:0; width:170px; text-align:center; color:#d1d1d1; margin-top:-0.5em; display:block; white-space:nowrap; font-size:0.9em; font-weight:600; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.m-sec.news ul>li>a:hover>*{ color:#164fd0;}


/*-------------------------------------------
common
-------------------------------------------*/
.btn-box{ text-align:center; margin:40px auto 0; max-width:1100px;}
.btn-box:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.btn-box.page-line{ position:relative; z-index:1; height:0; margin-top:0; }
.btn-box.page-line .fr,
.btn-box.page-line .fl{ position:absolute; top:-30px; float:none; }
.btn-box.page-line .fr{right:0;}
.btn-box.page-line .fl{left:0;}

.btn{ padding:0 14px; display:inline-block; line-height:32px; min-width:40px; margin:0; font-size:14px; height:34px; color:#292929; border:#ebebeb 1px solid; text-align:center;}
.btn:hover{ background-color:#ebebeb; }
.btn.btn-lg{ font-size:16px; padding:0 90px; height:60px; line-height:58px;}

div.paging{ text-align:center; padding:0; margin:40px 0 0 0; position:relative; clear:both;}
div.paging a,
div.paging strong{ display:inline-block; width:40px; height:40px; line-height:38px; color:#777; border:#ccc 1px solid; text-align:center; margin:0; vertical-align:middle;}
div.paging a:hover,
div.paging .on{ color:#fff; font-weight:400; background-color:#898989; border-color:#898989; }
div.paging .direction{ position:relative; text-indent:-9999px; border:#dbdbdb 1px solid; }
div.paging .direction>span{ position:absolute; top:-9999px; left:-9999px;}
div.paging .direction.first:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 0px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.first:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.prev:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.next:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction.last:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -8px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction.last:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction:hover:before,
div.paging .direction:hover:after{ border-color:#fff;}

ul.ulLst01>li{ color:#828282; text-indent:-10px; padding:0 0 0 10px;}
ul.ulLst01>li+li{ margin-top:0.4em;}
ul.ulLst01>li:before{ content:""; width:3px; height:3px; background-color:#c5c5c5; border-radius:50%; display:inline-block; vertical-align:middle; margin-right:5px;}

.badge{ display:inline-block; height:24px; line-height:22px; border-radius:2px; font-size:14px; padding:0 10px; vertical-align:middle; border:#ebebeb 1px solid; background-color:#fff; color:#090909; }

.div-tab{ max-width:1100px; margin:0 auto 70px; }
.div-tab ul{ display:table; width:100%; table-layout:fixed;}
.div-tab ul li{ display:table-cell; width:50%;}
.div-tab ul li+li a{ border-left:#d6d6d6 1px solid;}
.div-tab ul li a{ border-top:#bdbdbd 1px solid; border-bottom:#bdbdbd 1px solid; display:block; line-height:70px; text-align:center; color:#676767; font-size:20px; font-weight:400;}
.div-tab ul li:first-child a{ border-left:#bdbdbd 1px solid}
.div-tab ul li:last-child a{ border-right:#bdbdbd 1px solid}
.div-tab ul li.active a,
.div-tab ul li a:hover{ color:#fff; background-color:#1d3b8d; border-color:#1d3b8d;}

.goods-tit{ max-width:1100px; margin:0 auto 70px;}
.goods-tit .tit{ position:relative; text-align:center; font-size:32px; padding:24px 0 15px; color:#262626; font-weight:400;}
.goods-tit .tit:before{ content:""; position:absolute; top:0; left:50%; display:block; margin:0 0 0 -550px; width:1100px; height:1px;  background-color:#000;}

/*-------------------------------------------
회사소개
-------------------------------------------*/
.intro001{ padding:0;}
.intro001 .intro001-01{ border-top:#ddd 1px solid; width:1100px; margin:0 auto;}
.intro001 .intro001-01 dl{ display:table; width:100%; border-bottom:#ddd 1px solid; font-size:20px; color:#262626; padding:0 0 40px 0;}
.intro001 .intro001-01 dl dt{ display:table-cell; width:284px; vertical-align:top; font-size:40px; color:#262626;}
.intro001 .intro001-01 dl dd{ display:table-cell;}
.intro001 .intro001-01 .tbx{ padding:40px 0 0 284px; font-size:18px;}
.intro001 .intro001-thum{ text-align:center;}
.intro001 .intro001-02{ width:1100px; margin:20px auto 0;}
.intro001 .intro001-02 img{ display:block;}
.intro001 .intro001-02 dl{ display:table; width:100%; border-bottom:#ddd 1px solid;}
.intro001 .intro001-02 dl dt{ display:table-cell; width:284px; vertical-align:middle; font-size:40px; color:#262626; padding:20px 0;}
.intro001 .intro001-02 dl dd{ display:table-cell; vertical-align:middle; font-size:18px; }
.intro001 .intro001-02 .intro001-thum2{ margin:40px 0 0 0;}
.intro001 .intro001-02 .intro001-thum2:after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.intro001 .intro001-02 .intro001-thum2 li{ float:left; width:350px;}
.intro001 .intro001-02 .intro001-thum2 li+li{ margin-left:25px;}
.intro001 .intro001-02 .map{ margin:40px 0 0 0;}
.intro001 .intro001-02 .intro001-loc{ margin:40px 0 0 0; border:#ddd 1px solid;}
.intro001 .intro001-02 .intro001-loc:after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.intro001 .intro001-02 .intro001-loc li{ float:left; width:33.3%; height:240px; padding:38px 40px 0;}
.intro001 .intro001-02 .intro001-loc li+li{ border-left:#ddd 1px solid;}
.intro001 .intro001-02 .intro001-loc li strong{ position:relative; padding:20px 0; color:#1e3b8f; font-size:16px; display:block;}
.intro001 .intro001-02 .intro001-loc li strong:before{ content:""; position:absolute; top:0; left:0; width:14px; height:2px; display:block; background-color:#1e3b8f;}

.intro002{ width:1100px; margin:0 auto; display:table; table-layout:fixed;}
.intro002>div{ display:table-cell; vertical-align:top;}
.intro002 .photo{ width:460px; padding:0 80px 0 0;}
.intro002 .tbx{ position:relative; border-top:#ddd 1px solid; color:#606060; padding:40px 0 0 0; font-size:18px;}
.intro002 .tbx .sign{ position:absolute; display:inline-block; bottom:0; left:0;}

.intro003{ width:1100px; margin:0 auto; border-top:#ddd 1px solid; padding:60px 0 0 0;}
.intro003 ul:after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.intro003 li{ float:left; width:340px; text-align:center; letter-spacing:-0.02em;}
.intro003 li+li{ margin:0 0 0 40px;}
.intro003 li i{ color:#2449b0; position:relative; display:block; text-align:center; color:#2449b0; font-weight:600; padding:0 0 8px 0; margin:0 0 20px 0;}
.intro003 li i:before{ content:""; position:absolute; bottom:0; left:50%; margin:0 0 0 -8px; background-color:#2449b0; height:1px; width:16px;}
.intro003 li strong{ display:block; margin:35px 0 30px; color:#1d3b8d; font-weight:200; font-size:40px;}
.intro003 li img{ display:block; margin:0 auto;}

.intro004{ position:relative; width:1100px; margin:0 auto; padding:90px 0 0 0;}
.intro004:after{ content:""; position:absolute; top:0; left:50%; margin-left:-15px; width:30px; height:30px; display:block; border:#1d3b8d 4px solid; background-color:#fff; border-radius:50%;}
.intro004 .tc{ position:relative; margin:0 50px;}
.intro004 .tc:before{ content:""; position:absolute; top:-90px; left:50%; bottom:0; width:1px; background-color:#ddd;}
.intro004 .tc>ul>li{ position:relative;}
.intro004 .tc>ul>li:after{ content:""; position:absolute; top:10px; right:50%; width:7px; height:7px; margin:0 -4px 0 0; border-radius:50%; display:block; background-color:#1d3b8d;}
.intro004 .tc>ul>li.y2017:after,
.intro004 .tc>ul>li.y2015:after,
.intro004 .tc>ul>li.y2013:after,
.intro004 .tc>ul>li.y2009:after,
.intro004 .tc>ul>li.y2000:after,
.intro004 .tc>ul>li.y1996:after,
.intro004 .tc>ul>li.y1995:after,
.intro004 .tc>ul>li.y1992:after{ margin-left:-3px;}
.intro004 .tc>ul>li+li{ margin-top:10px;}
.intro004 .tc>ul>li>strong{ display:block; font-size:50px; color:#666666; line-height:1; }
.intro004 .tc>ul>li.y2019,
.intro004 .tc>ul>li.y2017,
.intro004 .tc>ul>li.y2015,
.intro004 .tc>ul>li.y2013,
.intro004 .tc>ul>li.y2011,
.intro004 .tc>ul>li.y2009,
.intro004 .tc>ul>li.y2005,
.intro004 .tc>ul>li.y2001,
.intro004 .tc>ul>li.y1996,
.intro004 .tc>ul>li.y1992{ padding:0 0 0 550px;}
.intro004 .tc>ul>li>ul{ margin:20px 0 0 0; font-size:18px; color:#606060;}
.intro004 .tc>ul>li>ul>li{ white-space:nowrap; letter-spacing:-0.05em;}
.intro004 .tc>ul>li>ul>li span{ display:inline-block; width:86px; color:#262626; font-weight:400;}
.intro004 .tc>ul>li>ul>li+li{ margin-top:10px;}
.intro004 .tc>ul>li.y2015{ margin-top:-225px;}
.intro004 .tc>ul>li.y2014{ margin-top:60px;}
.intro004 .tc>ul>li.y2013{ margin-top:-110px;}
.intro004 .tc>ul>li.y2010{ margin-top:-60px;}
.intro004 .tc>ul>li.y2008{ margin-top:-30px;}
.intro004 .tc>ul>li.y2005{ margin-top:-80px;}
.intro004 .tc>ul>li.y2004{ margin-top:40px;}
.intro004 .tc>ul>li.y1995{ margin-top:10px;}
.intro004 .tc>ul>li.y2018>ul>li span,
.intro004 .tc>ul>li.y2015>ul>li span,
.intro004 .tc>ul>li.y2016>ul>li span,
.intro004 .tc>ul>li.y2014>ul>li span,
.intro004 .tc>ul>li.y2013>ul>li span,
.intro004 .tc>ul>li.y2012>ul>li span,
.intro004 .tc>ul>li.y2011>ul>li span,
.intro004 .tc>ul>li.y2010>ul>li span,
.intro004 .tc>ul>li.y2009>ul>li span,
.intro004 .tc>ul>li.y2008>ul>li span,
.intro004 .tc>ul>li.y2005>ul>li span,
.intro004 .tc>ul>li.y2004>ul>li span,
.intro004 .tc>ul>li.y2001>ul>li span,
.intro004 .tc>ul>li.y2000>ul>li span,
.intro004 .tc>ul>li.y1996>ul>li span,
.intro004 .tc>ul>li.y1995>ul>li span,
.intro004 .tc>ul>li.y1992>ul>li span{ width:112px;}

.intro005{ width:1100px; margin:0 auto;}

.intro006{ width:1100px; margin:0 auto;}
.intro006 .tc .map iframe{ width:1100px; height:550px;}
.intro006 .tc ul{ margin:40px 0 0 0; border:#ddd 1px solid; display:table; width:100%;}
.intro006 .tc ul>li{ width:33.3%; display:table-cell; padding:40px;}
.intro006 .tc ul>li+li{ border-left:#ebebeb 1px solid;}
.intro006 .tc ul>li strong{ position:relative; padding:20px 0 0 0; display:block; color:#1e3b8f; font-size:16px; margin:0 0 25px 0;}
.intro006 .tc ul>li strong:before{ content:""; position:absolute; top:0; left:0; display:block; width:14px; height:2px; background-color:#1e3b8f;}
.intro006 .tc ul>li span{ display:block; color:#606060; font-size:16px; }


/*-------------------------------------------
사업소개
-------------------------------------------*/
.busi001-bx{ width:1100px; margin:0 auto;}
.busi001-bx>ul:after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.busi001-bx>ul>li{ position:relative; float:left; width:510px; min-height:140px; padding:0 0 0 180px; margin-top:80px;}
.busi001-bx>ul>li:nth-child(even){ margin-left:80px;}
.busi001-bx>ul>li .thum{ position:absolute; top:0; left:0; width:140px; height:140px;}
.busi001-bx>ul>li .tbx{ padding:20px 0 0 0;}
.busi001-bx>ul>li strong{ display:block; color:#262626; font-size:30px; font-weight:400; margin:0 0 10px 0;}
.busi001-bx>ul>li span{ display:block; color:#828282; font-size:16px;}


/*-------------------------------------------
R&D
-------------------------------------------*/
.rnd001-bx{ margin:0 auto; width:1100px;}
.rnd001-bx ul:after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.rnd001-bx ul>li{ width:25%; float:left; text-align:center;}
.rnd001-bx ul>li .thum{ display:block; width:140px; height:140px; margin:0 auto 30px;}
.rnd001-bx ul>li .thum img{ display:block;}
.rnd001-bx ul>li strong{ display:block; font-size:30px; color:#262626; font-weight:400;}
.rnd001-bx ul>li span{ display:block; color:#828282; font-size:16px; margin-top:15px;}
.rnd001-bx2{ margin:80px 0 0 0; background-color:#ededee; padding:70px 0;}
.rnd001-bx3{ padding:70px 0;}
.rnd001-bx .tit:before,
.rnd001-bx2 .tit:before,
.rnd001-bx3 .tit:before{ margin:0 0 0 -30px; width:60px; }
.rnd00102-bx .thum{ width:1100px; margin:0 auto;}
.rnd00102-bx .his-bx{ position:relative; width:1100px; margin:50px auto 0; padding:0 0 50px 0;}
.rnd00102-bx .his-bx:before{ content:""; position:absolute; top:26px; left:50%; bottom:0; width:1px; background-color:#ddd;}
.rnd00102-bx .his-bx>li{ position:relative; }
.rnd00102-bx .his-bx>li:after{ content:""; position:absolute; top:26px; right:-4px; width:7px; height:7px; border-radius:50%; display:block; background-color:#1d3b8d;}
.rnd00102-bx .his-bx>li:nth-child(even):after{ left:0; right:auto; margin-left:-3px;}
.rnd00102-bx .his-bx>li>strong{ display:block; font-size:40px; color:#1d3b8d;}
.rnd00102-bx .his-bx>li+li{ margin-top:50px}
.rnd00102-bx .his-bx>li:nth-child(odd){ width:50%; padding:0 0 0 135px;}
.rnd00102-bx .his-bx>li:nth-child(even){ width:50%; padding:0 0 0 50px; margin:0 0 0 50%;}
.rnd00102-bx .his-bx>li:nth-child(2){ margin-top:-140px;}
.rnd00102-bx .his-bx>li>ul{ margin:25px 0 0 0;}
.rnd00102-bx .his-bx>li>ul>li{ color:#262626; font-size:16px;}
.rnd00102-bx .his-bx>li>ul>li+li{ margin-top:12px;}

.rnd002-bx{ width:1100px; margin:0 auto;}
.rnd002-bx .tit:before,
.rnd00204-bx .tit:before{ margin:0 0 0 -30px; width:60px; }
.rnd002-bx ul{ margin-top:50px;}
.rnd002-bx ul:after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.rnd002-bx ul li{ width:33.3%; float:left; text-align:center;}
.rnd002-bx ul li>*{ display:block;}
.rnd002-bx ul li i{ position:relative; font-size:14px; color:#2449b0; padding:0 0 8px 0; margin:0 0 20px 0;}
.rnd002-bx ul li i:before{ content:""; position:absolute; width:16px; height:1px; background-color:#2449b0; display:block; bottom:0; left:50%; margin-left:-8px;}
.rnd002-bx ul li dl{ margin:35px 0 0 0;}
.rnd002-bx ul li dl dt{ color:#1d3b8d; font-size:40px; font-weight:200;}
.rnd002-bx ul li dl dd{ margin:25px 0 0 0;}
.rnd002-bx ul li dl dd strong{ color:#262626; font-size:22px; display:block; font-weight:400; margin:0 0 15px 0;}
.rnd00202-bx{ background-color:#ededee; padding:80px 0;  margin:-10px 0 0;}
.rnd00202-bx ul{ width:1100px; margin:0 auto; text-align:center;}
.rnd00202-bx ul:after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.rnd00202-bx ul li{ width:24%; display:inline-block; text-align:center; vertical-align:top;}
.rnd00202-bx ul li>*{ display:block; }
.rnd00202-bx ul li .thum{ width:242px; margin:0 auto;}
.rnd00202-bx ul li strong{ color:#262626; font-size:18px; margin:20px 0 0 0; font-weight:400;}
.rnd00203-bx{ width:1100px; margin:0 auto;}
.rnd00203-bx ul{ position:relative;  margin:0 0 0 -20px;}
.rnd00203-bx ul+ul{ margin:0 0 0 -20px; padding:70px 0 0 0;}
.rnd00203-bx ul+ul:before{ content:""; position:absolute; top:0; left:20px; right:0; height:1px; background-color:#ddd;}
.rnd00203-bx ul:after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.rnd00203-bx ul li{ float:left; width:260px; margin:0 0 80px 20px; text-align:center;}
.rnd00203-bx ul li:nth-child(4n+1){ clear:both;}
.rnd00203-bx ul li .tbx{ margin:30px 0 0 0;}
.rnd00203-bx ul li .tbx strong{ display:block; font-weight:400; font-size:28px; color:#262626;}
.rnd00203-bx ul li .tbx span{ margin:15px 0 0 0; color:#828282; font-size:16px; display:block;}
.rnd00204-bx{ margin:60px 0 0 0;}
.rnd00204-bx .rnd00203-bx ul li .tbx strong{ font-size:24px;}

/*-------------------------------------------
생산제품
-------------------------------------------*/
.div-tab+.goods-tit .tit:before,
.r-bx+.goods-tit .tit:before{ margin:0 0 0 -30px; width:60px; }
.goods-tit{ position:relative;}
.goods-tit .total{ text-align:center; font-size:14px; color:#373737;}
.goods-tit .s-tab{ position:absolute; bottom:0; right:0;}
.goods-tit .s-tab li{display:inline-block;}
.goods-tit .s-tab li+li{ margin-left:24px;}
.goods-tit .s-tab li a{ position:relative; display:block; color:#666; font-size:14px; line-height:34px;}
.goods-tit .s-tab li.active a,
.goods-tit .s-tab li a:hover{ color:#1d3b8d;}
.goods-tit .s-tab li.active a:after,
.goods-tit .s-tab li a:hover:after{ content:""; position:absolute; display:block; bottom:0; left:0; width:100%; height:1px; background-color:#1d3b8d; }

.goods-lst{ width:1100px; margin:0 auto;}
.goods-lst ul{ margin:0 0 0 -55px; }
.goods-lst ul:after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.goods-lst li{ width:330px; float:left; margin:0 0 55px 55px;}
.goods-lst li:nth-child(3n+1){ clear:both;}
.goods-lst li a,
.goods-lst li a img{ display:block; transition:all 0.2s ease-in-out;}
.goods-lst li a:hover img{ transform:scale(1.1);}
.goods-lst li a .thum{ display:block; border:#e1e1e1 1px solid; overflow:hidden;}
.goods-lst li a strong{ display:block; font-size:24px; color:#262626; text-align:center; margin:15px 0 0 0; font-weight:400;}


.prod-detail{ width:1100px; margin:0 auto; }
.prod-detail:after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.prod-detail .l-bx{ width:200px; float:left; }
.prod-detail .l-bx h4{ position:relative; background-color:#3c3cb7; color:#fff; padding:36px 10px 60px 40px; font-size:20px;}
.prod-detail .l-bx h4:after{ content:""; position:absolute; top:50%; right:-4px; margin-top:-3px; border-left:6px #3c3cb7 solid; border-top:6px transparent solid; border-bottom:6px transparent solid;   }
.prod-detail .l-bx h4>*{ display:block;}
.prod-detail .l-bx h4 span{ font-size:12px; font-weight:400; }
.prod-detail .l-bx h4 strong{ margin-top:45px; }
.prod-detail .l-bx>ul>li>a{ display:block; padding:16px 10px 16px 40px; line-height:1.2; color:#676767; border-top:#ebebeb 1px solid; border-left:#ebebeb 1px solid; border-right:#ebebeb 1px solid;}
.prod-detail .l-bx>ul>li:last-child>a{ border-bottom:#ebebeb 1px solid;}
.prod-detail .l-bx>ul>li.active>a,
.prod-detail .l-bx>ul>li>a:hover{ background-color:#2e2e36; border-color:#2e2e36; color:#fff;}
.prod-detail .r-bx{ width:880px; float:right; }
.prod-detail .r-bx img{ display:block;}
.prod-detail .r-bx .b-thum{ position:relative;  border:#ebebeb 1px solid; overflow:hidden;}
.prod-detail .r-bx .b-thum img{ width:880px; height:620px;}
.prod-detail .r-bx .b-thum .name{ position:absolute; top:60px; left:0; padding:0 185px 0 60px; font-size:60px; color:#000; line-height: 65px;}
.prod-detail .r-bx .b-thum>a{ position:absolute; top:65px; width:60px; font-size:13px; color:#000; text-align:center; }
.prod-detail .r-bx .b-thum>a:before{ content:""; width:60px; height:60px; display:block; border:#9e9e9e 2px solid; border-radius:50%; margin:0 auto 5px; background-position:50% 50%; background-repeat:no-repeat; transition:all 0.2s ease-in-out;}
.prod-detail .r-bx .b-thum>a:hover:before{ background-color:#9e9e9e; }
.prod-detail .r-bx .b-thum>a.bt-catalog{ right:140px;}
.prod-detail .r-bx .b-thum>a.bt-share{ right:60px;}
.prod-detail .r-bx .b-thum>a.bt-catalog:before{ background-image:url('../images/ic_catalog.png');}
.prod-detail .r-bx .b-thum>a.bt-share:before{ background-image:url('../images/ic_share.png');}
.prod-detail .r-bx .s-thum{ margin:30px 0 50px; text-align:right;}
.prod-detail .r-bx .s-thum a{ width:120px; height:85px; display:inline-block; opacity:0.5;}
.prod-detail .r-bx .s-thum a.active{ opacity:1;}
.prod-detail .r-bx .s-thum a+a{ margin-left:5px;}
.prod-detail .r-bx .s-thum a img{ width:120px; height:85px; display:block;}

.prod-detail .r-bx .goods-tbl{ border-top:#000 1px solid; width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; table-layout:fixed; font-size:16px; }
.prod-detail .r-bx .goods-tbl th{ padding:16px 0 16px 30px; background-color:#f7f7f7; border-bottom:#e7e7e7 1px solid; border-right:#e7e7e7 1px solid; text-align:left; vertical-align:middle;}
.prod-detail .r-bx .goods-tbl td{ padding:16px 30px; border-bottom:#e7e7e7 1px solid; text-align:left; vertical-align:middle;}
.prod-detail .r-bx .goods-tbl tr:last-child th,
.prod-detail .r-bx .goods-tbl tr:last-child td{ border-bottom:#a4a4a4 1px solid;}

.prod-detail .r-bx .mov{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-top:70px;} 
.prod-detail .r-bx .mov iframe, 
.prod-detail .r-bx .con-inner .mov object, 
.prod-detail .r-bx .con-inner .mov embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*-------------------------------------------
NEWS
-------------------------------------------*/
.news-lst{ width:1100px; margin:0 auto; border-top:#333 1px solid;}
.news-lst li>a{ display:block; padding:30px 0; border-bottom:#f0f0f0 1px solid; font-weight:400;}
.news-lst li>a>*{ display:block; vertical-align:middle;}
.news-lst li>a .subject{ font-size:20px; color:#292929; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.news-lst li>a .txt{ font-size:16px; margin:10px 0 0 0; color:#949494; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.news-lst li>a em{ font-size:16px; margin:15px 0 0 0; color:#292929;}
.news-lst li>a:hover .subject{ color:#1d3b8d;}
.news-lst li>a:hover .txt{ color:#292929;}

.brdView{ width:1100px; margin:0 auto; border-top:#333 1px solid;}
.brdView>.hd .rows{ display:table; width:100%; table-layout:fixed;}
.brdView>.hd .rows>*{ position:relative; display:table-cell; padding:18px; text-align:left; border-bottom:#f0f0f0 1px solid; color:#696969; vertical-align:middle;}
.brdView>.hd .rows .titTx{ display:table-cell;  color:#292929; background-color:#fafafa; width:160px;}
.brdView>.hd .rows .subject,
.brdView>.hd .rows .file{ width:60%;}
.brdView>.hd .rows .date,
.brdView>.hd .rows .click{ width:40%;}
.brdView>.con{ padding:30px 100px 60px; border-bottom:#f0f0f0 1px solid; overflow:hidden;}

.viewBottomList{ margin:60px auto 0; max-width:1100px; border-top:#333 1px solid; }
.viewBottomList ul{ display:block; width:100%;}
.viewBottomList .viewBottomPrev{display:block; padding:0 10px 0 190px; height:60px; line-height:58px; position:relative; border-bottom:#f0f0f0 1px solid;}
.viewBottomList .viewBottomNext{display:block; padding:0 10px 0 190px; height:60px; line-height:58px; position:relative; border-bottom:#f0f0f0 1px solid; }
.viewBottomList .orderPrev{ vertical-align:middle; position:absolute; top:0; left:0; width:160px; line-height:59px; padding-left:30px; color:#333; background-color:#fafafa;}
.viewBottomList .orderNext{ vertical-align:middle; position:absolute; top:0; left:0; width:160px; line-height:59px; padding-left:30px; padding-right:0; color:#333; background-color:#fafafa;}
.viewBottomList .orderPrev:after{ content:""; position:absolute; top:50%; right:28px; display:block; width:7px; height:7px; border:#afafaf 2px solid; border-top:none; border-right:none; -webkit-transform:rotate(135deg);transform:rotate(135deg);}
.viewBottomList .orderNext:after{ content:""; position:absolute; top:50%; margin-top:-0.2em; right:28px; display:block; width:7px; height:7px; border:#afafaf 2px solid; border-top:none; border-right:none; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.viewBottomList li:hover .orderPrev:after,
.viewBottomList li:hover .orderNext:after{ border-color:#333;}
.viewBottomList a{ color:#696969; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; height:58px; line-height:58px;}
.viewBottomList .viewBottomPrev:hover a,
.viewBottomList .viewBottomNext:hover a{ text-decoration:underline;}

.ad-lst{ max-width:1100px; margin:0 auto;}
.ad-lst ul{ margin:0 0 0 -25px;}
.ad-lst ul:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.ad-lst li{ float:left; width:256px; margin:0 0 25px 25px;}
.ad-lst li:nth-child(4n+1){ clear:both;}
.ad-lst li a,
.ad-lst li a img,
.ad-lst li a>*{ display:block;}
.ad-lst li a>.thum{ border:#ddd 1px solid; overflow:hidden;}
.ad-lst li a>.thum img{ transition:all 0.2s ease-in-out;}
.ad-lst li a:hover>.thum img{ transform:scale(1.1);}
.ad-lst li a>.tbx{ margin:20px 0 0 0; font-size:16px;}
.ad-lst li a>.tbx em{ position:relative; display:block; color:#1d3b8d; padding:0 25px 0 0;}
.ad-lst li a>.tbx em:before{ content:""; position:absolute; top:0; right:0; display:block; width:19px; height:17px; background:url('../images/ic_down2.png');}
.ad-lst li a>.tbx i{ margin:10px 0 0 0; display:block; color:#606060; } 
.ad-lst.mov ul{ margin:0 0 0 -16px;}
.ad-lst.mov li{ float:left; width:356px; margin:0 0 25px 16px;}
.ad-lst.mov li:nth-child(4n+1){ clear:none;}
.ad-lst.mov li:nth-child(3n+1){ clear:both;}
.ad-lst.mov li a>.thum{ position:relative; fill:#fff; }
.ad-lst.mov li a>.thum:before{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.4); width:100%; z-index:2;}
.ad-lst.mov li a>.thum .bt-play{ position:absolute; top:50%; left:50%; margin:-31px 0 0 -31px; width:62px; height:62px; border:#fff 2px solid; display:block; border-radius:50%; color:#fff; text-align:center; padding:20px 0; z-index:3;}
.ad-lst.mov li a>.thum .bt-play svg{ width:14px;}
.ad-lst.mov li a>.thum .bt-play .ic-play{ fill:#fff; width:14px; }
.ad-lst.mov li a>.tbx{ font-size:16px;}
.ad-lst.mov li a>.tbx em:before{ background:none;}

.ad-pop{ display:none; position:fixed; top:120px; left:50%; margin:0 0 0 -500px; width:1000px; padding:20px 0 0 0; z-index:9;}
.ad-pop #player{ width:1000px; height:560px;}
.ad-pop .tit-area{ margin:0 0 10px 0; display:block; color:#fff; font-size:16px; padding:0 16px; }
.ad-pop .close{ position:absolute; top:0; right:0; width:44px; height:44px; text-align:left; transition:all .3s ease;}
.ad-pop .close:before,
.ad-pop .close:after{ content:""; position:absolute; top:50%; left:50%; background-color:#fff; display:block; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); transition:all .3s ease;}
.ad-pop .close:before{ margin:0 0 0 -23px; width:48px; height:2px;}
.ad-pop .close:after{ margin:-23px 0 0 0; height:48px; width:2px;}
.ad-pop .close span{ position:absolute; top:-9999px; left:-9999px; }
.ad-pop .close:hover:before,
.ad-pop .close:hover:after{ -webkit-transform:rotate(45deg); transform:rotate(45deg);}

.mad-pop{ display:none; position:fixed; top:50%; left:50%; margin:-240px 0 0 -400px; width:800px; padding:0; z-index:9;}
.mad-pop #player{ width:800px; height:480px;}
.mad-pop .close{ position:absolute; top:0; right:-60px; width:44px; height:44px; text-align:left; transition:all .3s ease;}
.mad-pop .close:before,
.mad-pop .close:after{ content:""; position:absolute; top:50%; left:50%; background-color:#fff; display:block; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); transition:all .3s ease;}
.mad-pop .close:before{ margin:0 0 0 -23px; width:48px; height:2px;}
.mad-pop .close:after{ margin:-23px 0 0 0; height:48px; width:2px;}
.mad-pop .close span{ position:absolute; top:-9999px; left:-9999px; }
.mad-pop .close:hover:before,
.mad-pop .close:hover:after{ -webkit-transform:rotate(45deg); transform:rotate(45deg);}


/*-------------------------------------------
foot
-------------------------------------------*/
.contact-bx{ position:relative; border-top:#ddd 1px solid; width:1100px; margin:0 auto; padding:70px 0 0 0; min-height:500px;}
.contact-bx:before{ content:""; position:absolute; top:94px; right:0; width:240px; height:240px; display:block; background:url('../images/foot001_img01.png');}
.contact-bx h4{ position:relative; color:#1e3b8f; font-weight:400; font-size:30px; height:50px; line-height:50px; display:inline-block; margin:0;}
.contact-bx h4:after{ content:""; position:absolute; bottom:0; left:0; height:1px; width:100%; display:block; background-color:#1e3b8f;}
.contact-bx .tbx{ margin:25px 0 0 0; font-size:16px; line-height:1.8;}
.contact-bx .tbx strong{ font-size:20px; color:#262626; display:block; }
.contact-bx .tbx a.mail{ color:#1e3b8f; }

.sitemap-bx{ width:1100px; margin:0 auto; padding:30px 0 0 0;}
.sitemap-bx .allGnb{ padding:0; border-top:#36373a 2px solid;}
.sitemap-bx .allGnb>li{ position:relative; padding:0 0 0 280px; min-height:110px; border-bottom:#b6b6b6 1px solid;}
.sitemap-bx .allGnb>li:after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.sitemap-bx .allGnb>li>a{ position:absolute; width:280px; top:32px; left:0; display:block; padding:0 0 0 50px; font-size:30px; font-weight:400; color:#1b1719;}
.sitemap-bx .allGnb>li:hover>a{ color:#0034b7; }
.sitemap-bx .allGnb>li>ul{ padding:36px 0;}
.sitemap-bx .allGnb>li>ul:after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.sitemap-bx .allGnb>li>ul>li{ float:left; width:140px;}
.sitemap-bx .allGnb>li>ul>li:nth-child(6){ width:auto;}
.sitemap-bx .allGnb>li>ul>li>a{ display:block; font-size:22px; padding:0; line-height:1.2; color:#1d3b8d; font-weight:400;}
.sitemap-bx .allGnb>li>ul>li>ul{ padding:10px 0 0 0;}
.sitemap-bx .allGnb>li>ul>li>ul>li>a{ color:#1b1719; font-size:16px; display:block; padding:5px 0; font-weight:400;}