@charset "utf-8";
/*@font-face { font-family: 'GyeonggiTitleM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff'); font-weight: normal; font-style: normal; }*/
/*** Sub Common ***/
/* Sub Visual Sec */
.sub_wrap{}
.sv_sec {animation-duration:2s;  animation-name: fade; position: relative;display: table; width: 100%; background:url(../../images/sub/sv1.jpg) no-repeat center top; height: 521px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; overflow: hidden; transition:1.2s;}
.sv02{background:url(../../images/sub/sv2.jpg) no-repeat center top; }
.sv03{background:url(../../images/sub/sv3.jpg) no-repeat center top; }
.sv04{background:url(../../images/sub/sv4.jpg) no-repeat center top; }
.sv05{background:url(../../images/sub/sv5.jpg) no-repeat center top; }

.tit_box{display: table; max-width:1300px; margin: 0 auto; width: 100%; height: 100%;}
.sv_sec .sv_tit_sec {position:relative;width:100%;max-width:1300px;margin:0 auto; box-sizing:border-box; text-align: left; display: table-cell; vertical-align: middle; padding-top: 112px;}
.sv_sec .sv_tit_sec .sv_title {font-size: 55px; line-height: 55PX; color: #fff; font-weight: 500; position: relative; animation-duration:1.7s;  animation-name: ttop; letter-spacing: -0.03em; margin-bottom: 70px; text-align: center;}
.sv_sec .sv_tit_sec .sv_stit{font-size: 19px; line-height: 19px; color: #fff; font-weight: 300;	 animation-duration:2s;  animation-name: ttop2; letter-spacing: 0.28em; text-align: center;} 

@keyframes ttop {0% {opacity: 0; top:50px;}100% {opacity: 1; top:0px}}
@keyframes ttop2 {0% {opacity: 0; }100% {opacity: 1; }}
@keyframes jdiw {0% {transition:scale(0);}100% {transition:scale(1);}}
@keyframes jdiw2 {0% {transition:scale(0);}100% {transition:scale(1)}}
.sub_layout {width:100%;box-sizing:border-box;  position: relative; }
 
.lnb{ margin-bottom: 130px; margin-top: -70px;}
.lnb_con {}
.lnb_con > ul {display: table; width: 100%; table-layout:fixed}
.lnb_con > ul li{display: table-cell; text-align: center;  position: relative;}
.lnb_con > ul li a{line-height: 70px; height: 70px; font-size: 18px; color: #fff; background: rgba(0,38,97,0.8); transition:.3s; font-weight: 500; position: relative;}
.lnb_con > ul li a:after{position: absolute; content: ''; right: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.2);}
.lnb_con > ul li:hover a,
.lnb_con > ul li.current a{background: #fff; color: #002661;}

/*** Content ***/
/*s1_1*/

.s0101{position: relative; padding-bottom: 150px;}
.s0101 .section1:before{position: absolute; content:''; width: 100%; height: 432px; background: url(../../images/sub/s1_2.png) right bottom no-repeat; right: 0; bottom: 0; opacity: 0; transition:.5s; transition-delay: .3s;}
.s0101 .section1 > div{float: left; width: 50%; box-sizing: border-box;}
.s0101 .section1 > div img{width: auto;}
.s_st{display: block; font-size: 16px; line-height: 1; color: #002661; font-weight: 500; letter-spacing: 0; padding-top: 42px; position: relative; top:-50px; opacity: 0; transition:.7s;}
.s_tit_ty1{font-size: 42px; line-height: 1.429; color: #333; font-weight: 400; margin: 27px 0 28px; letter-spacing: -0.03em; position: relative; top:-50px; opacity: 0; transition:.7s;}

.s_tit_ty2{font-weight: 500;}

.s0101 .section1 > .ltx > h4{font-size: 24px; line-height: 1.5; letter-spacing: -0.03em; font-weight: 400; color: #002661; margin-bottom: 35px; position: relative; top:-50px; opacity: 0; transition:.7s;}
.s0101 .section1 > .ltx > p{position: relative; top:-50px; opacity: 0; transition:.7s;}
.s0101 .section1 > .ltx > b{display: inline-block; font-size: 16px; line-height: 30px; height: 30px; color: #333; font-weight: 400; vertical-align: middle; margin-top: 45px; position: relative; top:-50px; opacity: 0; transition:.7s;}
.s0101 .section1 > .ltx > b span{font-size: 28px; display: inline-block; padding-left: 6px; vertical-align: middle; margin-top: -3px;} 
.s0101 .section1 > .rib{float: right;}
.s0101 .section1 > .rib{text-align: right; padding-right: 31px; position: relative;	z-index: 100;}  
.s0101 .section1 > .rib img{box-shadow:0px 0px 30px rgba(0,0,0,0.2);  position: relative; right: -100px; opacity: 0; transition:.7s; transition-delay: .8s;}
.active  .s_st,
.active .s_tit_ty1,
.s0101 .section1.active > .ltx > h4,
.s0101 .section1.active > .ltx > b,
.s0101 .section1.active > .ltx > p{opacity: 1; top:0px}
.s0101 .section1.active > .rib img{right: 0; opacity: 1;}
.s0101 .section1.active:before{opacity: 1;}

/*s1_2*/
.s0102{position: relative;}
.s0102:before{position: absolute; content:''; width: 100%; height: 390px; background: url(../../images/sub/s102_4.png) right bottom no-repeat; right: 0; bottom: 0;}
.s0102 .section1{text-align: center; text-align: center; clear: both;}
.s0102 .section2{padding-top: 33px;} 
.s0102 .cnt1{margin-bottom: 150px;}
.s0102 .cnt1 .boss{margin-bottom: 70px; position: relative;}
.s0102 .cnt1 .boss:after{position: absolute; content:''; width: 1px; height: 70px; background: #ddd; left: 50%; bottom: -70px; transition:.7s; opacity: 0;  transition-delay: 1s;}
.s0102 .cnt1 .boss h4{font-size: 28px; width: 194px; height: 194px; line-height: 194px; background: #002661; position: relative; z-index: 10; margin: 0 auto; opacity: 0; top:-80px; transition:.7s}
.s0102 .cnt1 .boss h4:before{width: 214px; height: 214px; background: rgba(0,38,97,0.1);}
.s0102 .cnt1 .boss h4:after{position: absolute; content:''; width: 100%; height: 100%; background: url(../../images/sub/s102_1.jpg) center no-repeat; left: 0; top: 0; z-index: -1;}
.s0102 .cnt1 h4{font-size: 22px; line-height: 164px; color: #fff; font-weight: 500; text-align: center; border-radius: 50%;background: #d61313; display: block; width: 164px; height: 164px; position: relative; margin: 0 auto;}
.s0102 .cnt1 h4:before{position: absolute; content:''; width: 184px; height: 184px; background: rgba(214,19,19,0.1); border-radius: 50%; left: -10px; top: -10px;}
.s0102 .line_2 {position: relative;} 
.s0102 .line_2:after{position: absolute; content:''; width: 511px; height: 1px; background: #ddd; left: 50%; top: -30px;  transition:.7s; opacity: 0;  transition-delay: 1s;}
.s0102 .line_2 ul li h4{position: relative; opacity: 0;  transition:.7s;}
.s0102 .line_2 ul li.right_n{position: absolute; right: 0; top: 0; margin-right: 58px;}
.s0102 .line_2 ul li h4:after{position: absolute; content:''; width: 1px; height: 152px; background: #ddd; left: 50%; bottom: -152px; margin-left: -1px; transition:.7s; opacity: 0;  transition-delay: 1s;}
.s0102 .line_2 ul li.right_n h4{opacity: 0; position: relative; transition:.7s;	right: -100px;}
.s0102 .line_2 ul li.right_n h4:after{position: absolute; content:''; width: 1px; height: 347px; background: #ddd; left: 50%; top:-29px; z-index: -1; transition:.7s; opacity: 0;  transition-delay: 1s;}
.s0102 .line_3 {text-align: left; margin-top: -42px;}
.s0102 .cnt1 .line_3 h4{background: #78808d; margin: 0; margin-left: 130px; left: -100px; opacity: 0; transition:.7s}
.s0102 .cnt1 .line_3 h4:after{position: absolute; content:''; width: 441px; height: 1px; background: #ddd; left: 79px; top: 50%; z-index: -1; transition:.7s; opacity: 0;  transition-delay: 1s;}
.s0102 .cnt1 .line_3 h4:before{background: rgba(120,128,141,0.1);}
.s0102 .cnt1 .line_4 {margin-top: 80px;}
.s0102 .cnt1 .line_4 ul {float: left; position: relative;}
.s0102 .cnt1 .line_4 ul:after{position: absolute; content:''; width: 293px; height: 1px; background: #ddd; top: -50px; left: 65px; transition:.7s; opacity: 0;  transition-delay: 1s;}
.s0102 .cnt1 .line_4 ul:first-child:before{position: absolute; content:''; width: 1px; height: 30px; background: #ddd; left: 211px; top:-80px; transition:.7s; opacity: 0;  transition-delay: 1s;}
.s0102 .cnt1 .line_4 ul:nth-child(2):after{width: 438px; }
.s0102 .cnt1 .line_4 ul:nth-child(3):after{width: 147px}
.s0102 .cnt1 .line_4 ul li{position: relative; width: 130px; height: 130px; float: left; margin-right: 16px; text-align: center; line-height: 130px; background: #002661; color: #fff; font-size: 20px; font-weight: 500; }
.s0102 .cnt1 .line_4 ul li:after{position: absolute; content:''; width: 1px; height: 50px; background: #ddd; left: 50%; top: -50px; transition:.7s; opacity: 0;  transition-delay: 1s;}
.s0102 .cnt1 .line_4 ul li:before{position: absolute; content:''; width: 16px; height: 14px; background: url(../../images/sub/s102_2.png) center no-repeat; left: 50%; top: 0; margin-left: -8px;}
.s0102 .cnt1 .line_4 ul:last-child li:last-child{margin-right: 0;}
.s0102 .section4 {margin-top: -150px; background: #fff;}
.s0102 .section3 .cnt2{height: 562px; display: table; width: 100%; table-layout: fixed; background: url(../../images/sub/s102_3.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}
.s0102 .section3 .cnt2 h3{position: relative; margin-top: 150px;text-align: center; vertical-align: middle; font-size: 50px; line-height: 1; font-weight: 700; letter-spacing: 0.38em; color: rgba(255,255,255,0.5); padding-top: 38px;}
.s0102 .section3 .cnt2 h3:after{position: absolute; content:''; width: 10px; height: 9px; background: url(../../images/sub/ddite1.png) center no-repeat; left: 50%; margin-left: -8px; top:0%; }

.s0102 .section4 .cnt3{padding-bottom: 160px;}
.s0102 .section4 .cnt3 {padding-top: 120px;}
.s0102 .section4 .cnt3 ul{margin-bottom: 50px;}
.s0102 .section4 .cnt3 ul li{float: left; width: 20%; box-sizing: border-box; border: 1px solid #ddd; height: 254px; margin-left: -1px; padding: 49px 2% 45px; background: #fff; position: relative; z-index: 10;}
.s0102 .section4 .cnt3 ul li h4{position: relative; font-size: 20px; line-height: 1; font-weight: 500; color: #333;}
.s0102 .section4 .cnt3 ul li h4:after{position: absolute; content:''; width: 10px; height: 9px; background: url(../../images/sub/s102_3.png) center no-repeat; right: 0; bottom: 5px;}
.s0102 .section4 .cnt3 ul li .tbx{display: table; width: 100%; height: 100%; table-layout: fixed;}
.s0102 .section4 .cnt3 ul li p{text-align: right; height: 100%; display: table-cell; width: 100%; vertical-align: bottom;}
.s0102 .section4 .cnt3 ul li:first-child{margin-left: 0;}
.s0102 .section4 .cnt3 ul:last-child{margin-bottom: 0;}
.bd_sec {max-width:1400px; margin: 0 auto;}

.m_show{display: none;}


/*È¿°ú*/
.s0102 .active .cnt1 .boss h4{opacity: 1; top:0}
.s0102 .active .line_2 ul li h4{opacity: 1;}
.s0102 .active .line_2 ul li.right_n h4{opacity: 1; right: 0;}
.s0102 .active .cnt1 .line_3 h4{opacity: 1; left: 0;}
.s0102 .active .cnt1 .boss:after,
.s0102 .active .line_2:after,
.s0102 .active .line_2 ul li h4:after,
.s0102 .active .line_2 ul li.right_n h4:after,
.s0102 .active .cnt1 .line_3 h4:after,
.s0102 .active .cnt1 .line_4 ul:first-child:before,
.s0102 .active .cnt1 .line_4 ul:after,
.s0102 .active .cnt1 .line_4 ul li:after{opacity: 1;}

/*s1_3*/
.s0103{position: relative; padding-bottom: 390px; background: url(../../images/sub/s103_3.jpg) center bottom no-repeat;}
.s0103 .section1{text-align: center; background: #fff; width: 100%; height: auto; margin-bottom: 89px;}



.s0103:before{position: absolute; content:''; width: 1px; height: 100%; background: #dbdbdb; left: 50%; top: 18%; }
.s103_logo{position: relative;width: 194px; height: 194px; border-radius: 50%;  margin: 0 auto; background: #002661; margin-bottom: 50px; opacity: 0; transform:scale(0.7); transition:.8s; z-index: 10;} 
.s103_logo h3{position: absolute; left: 0; top: 0; line-height: 194px; text-align: center; font-size: 26px; color: #fff; z-index: 10; font-weight: 500; width: 100%; letter-spacing: -0.03em;}
.s103_logo:after{position: absolute; content:''; width: 194px; height: 194px; background: url(../../images/sub/s103_1.png) center no-repeat;}
.s103_logo:before{position: absolute; content:''; width: 218px; height: 218px; background: #002661; opacity: 0.1; left: -12px; top: -12px; border-radius: 50%;  z-index: -1;}
.s103_logo:hover:before{animation-duration: 1.3s; animation-name: bbom;}
/*@keyframes bbom {0% {opacity: 0; width: 100%;height: 100%; left: 0; top: 0;}40% {opacity: .2; width: 120%;height: 120%; left: -10%; top: -10%; } 80% {opacity: 0; width: 100%;height: 100%; left: 0; top: 0;} }*/
.his_box{display: table; width: 100%; margin-bottom: 0px; padding-top: 7px;}
.history .ddot{position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #cd1f26; top: 57px; left: 0; z-index: 10;}
.his_box:last-child{margin-bottom: 0;}
.his_box > div{display: table-cell; width: 50%; box-sizing: border-box; vertical-align: top;} 
.his_box > div img{max-width:417px; height: auto;} 
.his_box .his_img{transition:.4s; -webkit-perspective: 417px; perspective: 417px;}
.his_box .his_img img{padding-top: 60px; -webkit-transform: rotateX(5deg); transform: rotateX(5deg); transition:1s; position: relative; top:100px; opacity: 0; letter-spacing: -0.03em;}
.his_box > .his_txt{position: relative; }
.his_box > .his_txt h3{font-size: 40px; line-height: 40px; color: #002661; font-weight: 500; margin-bottom: 26px; padding-bottom: 30px;  left: -50px; transition:.4s; opacity: 0;}
.his_box > .his_txt h3:before{position: absolute; content:''; width: 100%; height: 1px; background: #dbdbdb; left: 0; top:66px; }
.his_box > .his_txt h3:after{position: absolute; content:''; width: 15px; height: 13px; background: url(../../images/sub/s103_2.png) center no-repeat; left: -7px; top:61px; }
.his_box > .his_txt ul li{position: relative; font-size: 18px; line-height: 30px; position: relative; top: 50px; transition:.6s; opacity: 0; transition-delay: .4s; min-height:60px}
.his_box > .his_txt ul li span{display: block; position: absolute; width: 78px; color: #333; font-weight: 500;}
.his_box > .his_txt ul li p{color: #666; padding-left: 78px; font-size: 16px;}
.history article:nth-child(odd) .his_img{text-align: right; padding-right: 6.08%;}
.history article:nth-child(odd) .his_txt{padding-left: 6.08%;}
.history article:nth-child(odd) .his_txt .ddot{left: auto !important; right: 0;}
.history article:nth-child(even) .his_img{padding-left: 6.08%;}
.history article:nth-child(even) .his_txt{text-align: right; padding-right: 6.08%;}
.history article:nth-child(even) .his_txt ul li span{right: 0;} 
.history article:nth-child(even) .his_txt ul li p{padding-right: 78px;}
.history article:nth-child(even) .his_txt h3:after{left: auto; right: -8px;}
/*È¿°ú*/
.active .s103_logo {opacity: 1; transform:scale(1)}
.active .his_img img{opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); top: 0px;}
.active > .his_txt h3{opacity: 1; left: 0; }
.active > .his_txt ul li{opacity: 1; top:0}

/*s1_5*/

.s0105{ position: relative; background: #fff; z-index: 105; padding-bottom: 100px;}
.s105_map{margin-bottom: 57px;	}
.root_daum_roughmap .wrap_controllers{display: none; }
.root_daum_roughmap{width: 100% !important;}
.root_daum_roughmap .wrap_map {height: 520px !important; box-sizing: border-box; padding: 3px;}
.s105_txt{overflow: hidden;}
.s105_txt .l_box{float: right;}
.s105_txt .l_box li {float: left;}
.s105_txt .l_box li:last-child{margin-left: -1px;}
.s105_txt .l_box li a{position: relative; width: 61px; height: 61px; border: 1px solid #ddd; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.s105_txt .l_box li a:before{position: absolute; content:''; width: 61px; height: 61px; background: url(../../images/template/print_1.png) center no-repeat; transition:.3s;}
.s105_txt .l_box li:nth-child(2) a:before{ background: url(../../images/template/print_2.png) center no-repeat;}
.s105_txt .rbox {float: left; overflow: hidden;}
.s105_txt .rbox h3{font-size: 25px; line-height: 25px; color: #333; font-weight: 500; float: left; padding-right: 52px;}
.s105_txt .rbox p{font-size: 16px; line-height: 28px; color: #787878; float: left;}
.s105_txt .rbox p span{position: relative;display: inline-block; margin-right: 24px; position: relative; vertical-align: middle;}
.s105_txt .rbox p span:after{position: absolute; content:''; width: 1px; height: 12px; background: #dbdbdb; right: -14px; top: 9px; }
.s105_txt .rbox p span:last-child:after{display: none;}
.s105_txt .l_box li:hover a:before{transform:rotate(30deg)}
.s0105 .cnt2 ul {overflow: hidden; text-align: center; margin-top: 55px;}
.s0105 .cnt2 ul li img{width: auto;}
.s0105 .cnt2 ul li {display: table; float: left; margin-right: 19px;}
.s0105 .cnt2 ul li figure{width: 260px; height: 70px; display: table-cell; vertical-align: middle; text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border: 1px solid #dbdbdb;}
.s0105 .cnt2 ul li p{font-size: 16px; line-height: 16px; font-weight: 350; padding: 15px 0;}

/*s201*/
.s0201 .section1:before{background: url(../../images/sub/s201_2.png) right bottom no-repeat;}
.s0201 .section1 > div strong{font-size: 187px; line-height: 1; color: #f1f1f1; display: block; font-weight: 700; position: absolute; left: -150px; margin-top: 120px;transition:1.2s; opacity: 0;}
.s0201 .active > div strong{left: 0; opacity: 0.5;}

.s0201 .s_st{padding-top: 71px; }

/*s501*/
.s0501 .section1{text-align: center;}
.s0501 .section2{text-align: center; margin-top: 128px; margin-bottom: 100px;}
.s0501 .section2 ul{display: inline-block; padding-bottom: 210px; position: relative; }
.s0501 .section2 ul:after{position: absolute; content:''; width: 1000px; height: 133px; background: url(../../images/sub/sha.png) center no-repeat; left: 50%; margin-left: -500px; bottom: -10px; transition:.8s; opacity: 0;}
.s0501 .section2 ul li{position: relative;border-radius: 50%; width: 261px; height: 261px; box-sizing: border-box; background: #a30101; display: inline-block; margin-right: 36px;}
.s0501 .section2 ul li:last-child{margin-right: 0;}

.s0501 .section2 ul li:before{position: absolute; content:''; width: 339px; height: 339px; left: -39px; top:-39px; background: rgba(163,1,1,0.06); border-radius:50% ;}
.s0501 .section2 ul li:nth-child(2){background: #c18e06;}
.s0501 .section2 ul li:nth-child(2):before{background: rgba(193,142,6,0.06);}
.s0501 .section2 ul li:nth-child(3){background: #878c02;}
.s0501 .section2 ul li:nth-child(3):before{background: rgba(135,140,2,0.1);}
.s0501 .section2 ul li:nth-child(4){background: #002661;}
.s0501 .section2 ul li:nth-child(4):before{background: rgba(0,38,97,0.1);}

.s0501 .section2 ul li .li_wrap{display: table; width: 100%; height: 100%;}
.s0501 .section2 ul li .li_wrap .tbox{display: table-cell; width: 100%; height: 100%; vertical-align: middle; color: #fff;}
.s0501 .section2 ul li .li_wrap .tbox h4{font-size: 28px; line-height: 1; font-weight: 500; position: relative; padding-bottom: 39px;}
.s0501 .section2 ul li .li_wrap .tbox h4:before{position: absolute; content:''; width: 16px; height: 14px; background: url(../../images/sub/tbs.png) center no-repeat; left: 50%; bottom: 7px; margin-left: -8px; }
.s0501 .section2 ul li .li_wrap .tbox p{font-size: 16px; line-height: 1.75;}

.s0501 .active ul:after{opacity: 1;}

#bo_v_img {margin:10px 0;text-align:center;}
#bo_v_img > a {display:inline-block;vertical-align:top;}
#bo_v_img img {width:auto !important;}