body { min-width:1350px; }
.new_header { width:100%; position:fixed; height:115px; border-bottom:1px solid #e5e5e5; top:0; z-index:99; background:#fff; }
.new_header .new_inner {  width:1300px; height:115px; margin:15px auto 0; position:relative; }
.new_header .logo { position:absolute; top:0; left:0; }
.new_header .logo img { width:170px; }
.new_header .new_header_menu1 { position:absolute; top:0; right:0; }
.new_header .new_header_menu1 li { display:inline-block; }
.new_header .new_header_menu1 li a { display:block; padding:0 10px; font-size:16px; color:#555; }
.new_header .new_header_menu2 { position:absolute; top:40px; right:0 ; }
.new_header .new_header_menu2 li.b_menu { display:inline-block; position:relative; height:50px; }
.new_header .new_header_menu2 li.b_menu > a { display:block; padding:0 10px; font-size:22px;  color:#222; letter-spacing:1px; margin:0 10px; }
.new_header .new_header_menu2 li.b_menu:last-child > a { margin:0; }
.new_header .new_header_menu2 li.b_menu > a:after {  content:""; display:block; height:2px; background:#222; transform:scaleX(0); transform-origin:right; 
transition:transform 0.1s ease-out; margin-top:1px;}
.new_header .new_header_menu2 li.b_menu:hover a:after{ transform:scaleX(1); transform-origin:left; transition:transform 0.3s ease-out; }

.new_header_menu2 li .s_menu { display:none; position:absolute; background:#fff; border:1px solid #ddd; top:47px; padding:20px 10px; width:200px; left:50%; margin-left:-100px; }

.new_header_menu2 li:hover .s_menu { display:block; text-align:center; }
.new_header_menu2 li:hover .s_menu a {  font-weight:300; font-size:19px; line-height:34px; color:#555; letter-spacing:-1px; display:block; }
.new_header_menu2 li:hover .s_menu a:hover {  color:#111; }



.new_footer { background:#2b2d5c;  width: 100%; height:260px; }
.new_footer * { color:#fff; }
.footer_area { width:1200px;  position: relative;  margin:0px auto;  }
.footer_area .footer_menu { position:absolute; left:410px; top:50px; }
.footer_area .footer_menu a { line-height:18px; text-align:center;  display:inline-block; font-size:18px; padding:3px 10px; color:#fff !important; }
.footer_area .footer_menu a:first-child { padding-left:0; border:0; }
.footer_area .footer_logo { position:absolute; left:0; top:40px; font-size:38px; font-weight:700;}
.footer_area .footer_address { position:absolute; left:410px; top:100px ; font-size:15px; font-weight:200; }
.footer_area .footer_address p { margin-top:10px; }
.footer_area .footer_menu_2 { position:absolute; left:290px; top:50px; }
.footer_area .footer_menu_2 a { background:#222340; display:block; margin-bottom:10px; height:32px; line-height:30px; width:170px; text-align:center; 
color:#fff; font-size:18px;  }
.footer_area .footer_menu_2 a:hover { background:#e71f8e; }

.fix_button { position:fixed; bottom:50px; left:50%; margin-left:640px; background:#fff;  border:2px solid #e40480; width:60px; height:60px; 
z-index:999; border-radius:100%; }
.fix_button a { padding:10px 0;   width:60px; height:60px;  display:block; line-height:13px;  text-align:center;color:#e40480; letter-spacing:1px; font-size:12px; font-weight:bold; }
.fix_button span {color:#e40480;  font-size:18px; font-weight:bold; transform:rotate(-90deg); display:block; z-index:999; margin:0 auto;  line-height:1 
height:60px; width:10px; height:18px; text-align:center; }
.fix_button:hover { border:2px solid #e40480; background:#e40480; }
.fix_button:hover span, .fix_button:hover a { color:#fff; }



.sub_vigor_1 .tab {  width:1200px; margin:0 auto 0px; }
.sub_vigor_1 .tabnav{ display:flex; width:100%;border-left:1px solid #000; }
.sub_vigor_1 .tabnav li {   border-left:0; flex-grow:1; }
.sub_vigor_1 .tabnav li a.active{ background:#000; border:1px solid #000; }
.sub_vigor_1 .tabnav li a { position:relative; border:1px solid #000;  border-left:0; display:block; padding:15px 0; font-size:20px; text-align:center; line-height:20px; text-decoration:none; }

.sub_vigor_1 .tabnav li a:hover,
.sub_vigor_1 .tabnav li a.active { background:#000; color:#fff; }
.sub_vigor_1 .tabcontent { padding: 20px 0 0; border-top:none; }




.sub_vigor_1 .style6 { width:1200px; margin:0 auto 20px; }
.sub_vigor_1 .style6 ul { display:flex; width:100%; }
.sub_vigor_1 .style6 ul li { border:1px solid #888;  border-left:0; flex-grow:1; }
.sub_vigor_1 .style6 ul li:first-child { border-left:1px solid #888; }
.sub_vigor_1 .style6 ul li a { display:block; padding:15px 0; font-size:20px; text-align:center; line-height:20px; }
.sub_vigor_1 .style6 ul li.selected { background:#000; border:1px solid #000; }
.sub_vigor_1 .style6 ul li.selected a { background:#000; color:#fff; }



.visual { height:800px; overflow:hidden; }

.main_visual_2 { background:url('../images/main_center_box_bg.jpg') no-repeat; background-position:center center; width:100%; height:800px; }
.main_visual_2 .new_inner { position:relative; width:1250px; margin:0px auto; }
.main_visual_2 h1 { position:absolute;  left:0px; top:130px; font-size:40px; line-height:1.2; font-weight:normal; letter-spacing:-1.5px; }
.main_visual_2 h1 strong { font-weight:bold; font-size:50px; }
.main_visual_2 div.menu_block { background:#fff; width:400px; height:300px;  }
.main_visual_2 .box_area { position:absolute; top:350px; width:1250px; left:0; display:flex; justify-content:space-between; }
.main_visual_2 .box_area div.box { background:#fff; border:1px solid #ddd; border-radius:20px; width:290px; height:310px; position:relative; overflow:hidden; box-sizing:border-box; 
transition: ease .3s; }
.main_visual_2 .box_area div.box h2 { position:absolute; bottom:80px; left:30px; font-size:35px; font-weight:400; }
.main_visual_2 .box_area div.box p { position:absolute; bottom:30px; left:30px; font-size:20px; font-weight:300; line-height:1.1; }

.main_visual_2 .box_area div.box:hover { margin-top:-10px; transition:all ease  .3s; border:1px solid #aaa;  }

.main_visual_2 .box_area .box .arrow { display:none; border:1px solid #aaa; border-radius:100%; height:50px; width:50px;
background:url('../images/main_visual_2_box_hover.png') no-repeat; background-size:50%; position:absolute; right:20px; bottom:20px; background-position:center center; 
opacity:0; transition: all 1s;  }
.main_visual_2 .box_area .box:hover .arrow { display:block; opacity:1; transition: all 1s; }

.sub_vigor_1 { background:#f5f5f5; width:100%; min-height:500px; }
.sub_vigor_1 .title { width:100%; padding:140px 0 70px; }
.sub_vigor_1 .title h1 { font-size:50px; font-weight:400; text-align:center; }
.sub_vigor_1 .title .line { background:#e4017f; height:2px; width:50px; margin:30px auto; }
.sub_vigor_1 .title h2 { font-size:30px; font-weight:300; text-align:center; }
.sub_vigor_1 .inner { width:1200px; margin:0 auto; padding:0px 0 150px 0; }
.sub_vigor_1 .inner_50 { width:1200px; margin:0 auto; padding:0px 0 50px 0; }

.sub_vigor_1 .style1 { display:flex; justify-content:space-between; }
.sub_vigor_1 .style1 .img { border-radius:100%; width:500px;  overflow:hidden; }
.sub_vigor_1 .style1 .img img { width:100%; }
.sub_vigor_1 .style1 .text { font-size:22px; font-weight:300; width:650px; margin-top:170px; }
.sub_vigor_1 .style1 .text h3 { font-size:30px; font-weight:400; margin-bottom:10px; }

.sub_vigor_1 .style2 {  }

.sub_vigor_1 .style3 > div { margin-bottom:80px; font-size:20px; font-weight:300; }
.sub_vigor_1 .style3 h3 { font-size:40px; font-weight:400; margin-bottom:30px; }
.sub_vigor_1 .style3 span { line-height:36px; background:#e4017f; color:#fff; text-align:center; width:50px; font-weight:400; width:140px; font-size:22px; margin-right:20px; height:36px; border-radius:18px; }
.sub_vigor_1 .style3 p {  }
.sub_vigor_1 .style3 .flex { display:flex; margin-bottom:30px; }

.sub_vigor_1 .style4 { width:1200px; height:1050px; position:relative;  text-align:center; }
.sub_vigor_1 .style4 .text_box { width:320px; background:#eee; height:320px; border-radius:50%; font-size:22px; font-weight:300; position:absolute; line-height:1.3; }
.sub_vigor_1 .style4 .text_box h3 { font-size:50px; font-weight:600; color:#222;  line-height:45px; }
.sub_vigor_1 .style4 .text_box p { display:none; padding:0 30px; }

.sub_vigor_1 .style4 .position1 { left:440px; top:80px; background:#fad5ea; padding:100px 0 0 0; /* background:rgba(233,47,151,0.2); */ }
.sub_vigor_1 .style4 .position2 { left:290px; top:340px; background:#e5d4e9; padding:150px 0 0 0;  /* background:rgba(120,38,143,0.2); */ }
.sub_vigor_1 .style4 .position3 { right:290px; top:340px; background:#d2d2e7; padding:150px 0 0 0; /* background:rgba(30,33,136,0.2); */ }
.sub_vigor_1 .style4 .position5 { display:flex; justify-content:center; align-items:center; left:505px; top:305px; width:200px; height:200px; background:#fff; }
.sub_vigor_1 .style4 .position5 img { width:160px }

.sub_vigor_1 .style4 .position1 p { display:block; left:-400px; top:80px; position:absolute; width:420px; text-align:left; }
.sub_vigor_1 .style4 .position2 p { display:block; left:-260px; top:240px; position:absolute; width:420px; text-align:left; }
.sub_vigor_1 .style4 .position3 p { display:block; left:280px; top:240px; position:absolute; width:350px; text-align:left; }


.sub_vigor_2 .hippo { position:relative; height:650px; }
.sub_vigor_2 .hippo { display:flex; justify-content:space-between; }
.sub_vigor_2 .hippo > div { padding:100px 0 0 150px; }
.sub_vigor_2 .hippo img { margin-right:50px; }
.sub_vigor_2 .hippo h3 { font-size:47px; font-weight:normal; }
.sub_vigor_2 .hippo h3 strong { color:#e4007f; }
.sub_vigor_2 .hippo p { font-size:28px; margin:20px 0; display:block;  line-height:1.5em; }
.sub_vigor_2 .hippo span { font-size:20px;  }
.sub_vigor_2 .hippo .comma { position:absolute; top:120px; left:-60px; font-size:80px; color:#bbb; font-family:'KOTRA_BOLD-Bold'; }
.sub_vigor_2 .hippo .comma2 { position:absolute; top:120px; left:460px; font-size:80px; color:#bbb;  font-family:'KOTRA_BOLD-Bold';  }
@font-face {
    font-family: 'KOTRA_BOLD-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.1/KOTRA_BOLD-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}









/*
.sub_vigor_1 .style4 { position:relative;  text-align:center; }
.sub_vigor_1 .style4 img { width:300px; margin:270px auto 100px; }
.sub_vigor_1 .style4 .text_box { width:400px; font-size:22px; font-weight:300; position:absolute; line-height:1.3; }
.sub_vigor_1 .style4 .text_box h3 { font-size:40px; font-weight:600; color:#e4017f; margin-bottom:10px; }
.sub_vigor_1 .style4 .position1 { left:400px; top:80px; }
.sub_vigor_1 .style4 .position2 { left:60px; top:430px; }
.sub_vigor_1 .style4 .position3 { right:60px; top:430px; }
*/

.sub_vigor_1 .style5 { width:1000px; margin:0 auto; display:flex; justify-content:space-between; margin-top:50px; }
.sub_vigor_1 .style5 .img {  }
.sub_vigor_1 .style5 .img img { width:100%; border-radius:40px;   }
.sub_vigor_1 .style5 .text { font-size:25px; font-weight:300; width:550px; margin:100px 0 0 0; }
.sub_vigor_1 .style5 .text h3 { font-size:35px; font-weight:400; margin-bottom:10px; }






.sub_vigor_1 .pattern img:nth-child(1) { position:absolute; top:240px; left:50%; margin-left:-550px; }
.sub_vigor_1 .pattern img:nth-child(2) { position:absolute; top:500px; left:50%; margin-left:370px; }
.sub_vigor_1 .pattern img:nth-child(3) { position:absolute; top:2400px; left:50%; margin-left:-570px; }
.sub_vigor_1 .pattern img:nth-child(4) { position:absolute; top:2900px; left:50%; margin-left:450px; }
.sub_vigor_1 .pattern img:nth-child(5) { position:absolute; top:1240px; left:50%; margin-left:-500px; }
.sub_vigor_1 .pattern img:nth-child(6) { position:absolute; top:1740px; left:50%; margin-left:500px; }
.sub_vigor_1 .pattern img:nth-child(7) { position:absolute; top:3050px; left:50%; margin-left:430px; }




.sub_vigor_2 { background:#f5f5f5; width:100%; min-height:500px; padding-bottom:100px; }
.sub_vigor_2 .title { width:100%; padding:140px 0 70px; }
.sub_vigor_2 .title h1 { font-size:50px; font-weight:400; text-align:center; }
.sub_vigor_2 .title .line { background:#e4017f; height:2px; width:50px; margin:30px auto; }
.sub_vigor_2 .title h2 { font-size:30px; font-weight:300; text-align:center; }
.sub_vigor_2 .inner { width:1200px; margin:0 auto; padding:0px 0 150px 0; }


.sub_vigor_2 .style1 { display:flex; justify-content:space-between; }
.sub_vigor_2 .style1 .img { border-radius:20px; width:600px;  overflow:hidden; }
.sub_vigor_2 .style1 .img img { width:100%; height:auto; }
.sub_vigor_2 .style1 .text { font-size:22px; font-weight:300; width:520px; margin-top:100px; }
.sub_vigor_2 .style1 .text h3 { font-size:34px; font-weight:400; margin-bottom:20px; letter-spacing:-1px; }
.sub_vigor_2 .style1 .text h3 span { font-size:20px; color:#666; letter-spacing:1px; }

.sub_vigor_2 .style2 h3 { font-size:34px; font-weight:400;  letter-spacing:-1px; text-align:center; }
.sub_vigor_2 .style2 ul { display:flex; justify-content:space-between; width:800px; margin:50px auto 0; }
.sub_vigor_2 .style2 ul li { border:2px solid #1d2088; width:220px; height:220px; display:flex; justify-content:center;  align-items: center; font-size:30px; border-radius:100%; }
.sub_vigor_2 .style2 ul li p { display:block; width:50px; height:50px; }
.sub_vigor_2 .style2 ul li:hover { background:#1d2088; color:#fff; }
.sub_vigor_2 .style2 .movie { text-align:center; margin:50px auto; }



.sub_vigor_2 .style3 { text-align:center; }



.form_contactus { width:900px; margin:0 auto; }
.form_contactus ul {  border-top:1px solid #aaa; border-bottom:1px solid #aaa; padding:30px 0;  }
.form_contactus * { font-size:18px; }
.form_contactus li { padding:5px 0; display:flex; }
.form_contactus li.right { justify-content:right; }
.form_contactus li.center { justify-content:center; }
.form_contactus span.name { width:160px; font-size:22px; display:flex; align-items:center; background:#ddd; margin-right:20px; padding:10px 20px; }
.form_contactus span.content { display:flex;  align-items:center;  }
.form_contactus input, .form_contactus select { min-width:110px; font-size:20px; line-height:22px; height:42px; border:1px solid #ddd; border-radius:4px; padding:0 10px; }
.form_contactus .contents_textarea { width:720px; height:400px; font-size:20px; border-radius:4px; padding:10px; border:1px solid #ddd; }
.form_contactus .buttona { background:#fff; border:1px solid #aaa; padding:5px 20px; margin-left:20px; border-radius:5px; }
.form_contactus .buttn { background:#444; color:#fff; padding:0px 150px; margin-top:50px; border-radius:5px; line-height:60px; height:62px;}

.board_top { width:800px; padding-top:100px; margin:0px auto; }
.board_top ul { display:flex; justify-content:space-between;  }
.board_top li { text-align:center; }
.board_top li img { width:50px; margin-bottom:20px; }
.board_top li h3 { font-size:25px; font-weight:400; }
.board_top li p { font-size:18px; font-weight:300;  }
.board_top li:hover h3 { color:#e4007f; }
.bordBTN { white-space:nowrap; }