/* Minification failed. Returning unminified contents.
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,53): run-time error CSS1039: Token not allowed after unary operator: '-width'
(24,36): run-time error CSS1039: Token not allowed after unary operator: '-point-color-1'
(257,132): run-time error CSS1039: Token not allowed after unary operator: '-point-color-1'
(279,1): run-time error CSS1019: Unexpected token, found '}'
(292,43): run-time error CSS1039: Token not allowed after unary operator: '-width'
(302,34): run-time error CSS1039: Token not allowed after unary operator: '-point-color-3'
(332,105): run-time error CSS1039: Token not allowed after unary operator: '-point-color-1'
(412,36): run-time error CSS1039: Token not allowed after unary operator: '-point-color-1'
(413,42): run-time error CSS1039: Token not allowed after unary operator: '-hover-color-1'
(428,62): run-time error CSS1039: Token not allowed after unary operator: '-point-color-1'
(474,107): run-time error CSS1039: Token not allowed after unary operator: '-point-color-1'
(511,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(512,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(557,52): run-time error CSS1039: Token not allowed after unary operator: '-point-color-4'
(559,58): run-time error CSS1039: Token not allowed after unary operator: '-point-color-4'
(625,23): run-time error CSS1039: Token not allowed after unary operator: '-point-color-2'
(626,28): run-time error CSS1039: Token not allowed after unary operator: '-point-color-1'
(628,47): run-time error CSS1039: Token not allowed after unary operator: '-point-color-4'
 */
@import url("reset.css");
@import url("swiper.css");

:root{
    --width:1600px;
    --point-color-1:#002C93;
    --point-color-2: #CD1A00;
    --point-color-3:#009f27;
    --point-color-4:#2B79C2;
    --hover-color-1: #011C5C;
}

.cont{margin:0 auto; padding:0 20px; max-width:var(--width);  }

/* header */
.header{position:fixed; left:0; top:0; z-index:10; width:100%; background-color:#fff; }
.header .cont{height:100px; display:flex; align-items: center; justify-content: space-between;}
.header .gnbMenu{}
.header .gnb{display:flex; align-items: center;}
.header .gnb:before{position:fixed; left:0; top:100px; width:100%; height:0; background-color:#fff; display:block; content:""; transition: all 0.3s ease-out; opacity:0.9; border-top:1px solid #ddd;}
.header .gnb:hover:before{height:300px;}
.header .gnb>li{position:relative;  padding:0 40px; transition: all 0.3s ease-out;}
.header .gnb>li>a{position:relative; z-index:4; padding:10px 0; display:block; font-size:1.25rem; font-weight:600; transition: all 0.3s ease-out;}
.header .gnb>li:hover>a{color:var(--point-color-1);}
.gnbMenuClose{display:none;}
.s_gnb{position:absolute; left:0; top:20px; z-index:3; width:100%; text-align:center; transition: all 0.6s ease-out; opacity:0; visibility: hidden; transition: all 0.3s ease-out; }
.gnb:hover .s_gnb{opacity:1; visibility: visible;}
.s_gnb ul{padding-top:80px;}
.s_gnb ul li{padding:5px 0; }
.s_gnb ul li a{font-size:1.125rem;}
.util_menu{padding-right:20px; display:flex; align-items: center;}
.util_menu li{margin-right:10px; }
.util_menu li a{padding:8px 20px; border:1px solid #aaa; border-radius:2em; display:inline-block; box-sizing:border-box;transition: all 0.3s ease-out;}
.util_menu li.remote a{background-color:#dbe5ff; border:none;}
.util_menu li a:hover{background-color:#ccc; }
.util_menu li.remote a:hover{background-color:#b4c9fd;}
.siteMap_open{position:relative; margin-left:auto; width:40px; height:40px; display:block; }
.siteMap_open span{position:absolute; left:0; top:10px; width:100%; height:3px; background-color:#000; transform: translateY(-50%); transition: all 0.3s ease-out;}
.siteMap_open span:before{position:absolute; right:0; top:10px; width:70%; height:3px; background-color:#000; transform: translateY(-50%); transition: all 0.3s ease-out; display:block; content:""; transition: all 0.3s ease-out;}
.siteMap_open span:after{position:absolute; left:0; top:20px;  width:100%; height:3px; background-color:#000; transform: translateY(-50%); transition: all 0.3s ease-out; display:block; content:"";}
.siteMap_open:hover span:before{width:100%;}
.siteMap{position:fixed; left:0; top:0; z-index:20; padding:5%; width:100vw; height:100vh; background-color:rgba(0,0,0,0.95); z-index:20; display:flex; color:#fff; align-items: center; box-sizing:border-box;  overflow:hidden; transition: all 0.3s ease-out; opacity:0; visibility: hidden;}
.siteMap_close{position:absolute; right:5%; top:2%; width:60px; height:60px;}
.siteMap_close:before{position:absolute; left:50%; top:50%; width:3px; height:60px; transform: translate(-50%, -50%) rotate(-45deg); display:block; content:""; background-color:#fff; }
.siteMap_close:after{position:absolute; left:50%; top:50%; width:3px; height:60px; transform: translate(-50%, -50%) rotate(45deg); display:block; content:""; background-color:#fff; }
.siteMap>ul>li{display:flex; align-items: center; padding: 1% 0; opacity:0.8;}
.siteMap>ul>li>a{font-size: 3vw; color:#fff; font-weight:700; display:inline-block; min-width:20vw;}
.siteMap .s_menu ul{display:flex; align-items: center;}
.siteMap .s_menu ul li{margin-left:2.4vw; }
.siteMap .s_menu ul li a{font-size:2vw; color:#fff;}
.siteMap.active{ visibility: visible; opacity:1;}

@keyframes mouse{ 
    0%{top:0;}
    50%{top:10px;}
    100%{top:0;}
}

@keyframes visual_page{ 
    0%{width:0;}
    100%{width:100%;}
}

@keyframes bar{ 
    0%{width:0;}
    100%{width:290px;}
}

.main_container{margin-top:100px;}
.main_visual{position:Relative; z-index:1; overflow:hidden;}
.main_vs_rolling .swiper-slide{position:relative; height:70vh; width:100%; display:flex; align-items: center; text-align:center;}
.main_vs_rolling .swiper-slide:before{position:absolute; left:0; top:0; width:100%; height:100%; display:block; content:""; transform: scale(1); transition: all 2s ease-out 0.4s;}
.main_vs_rolling .swiper-slide:after{position:absolute; left:0; top:0; width:0; height:100%; background-color:#000; display:block; content:""; opacity:0.5;}
.main_vs_rolling .swiper-slide-active:before{transform: scale(1.1);}
.main_vs_rolling .slide_1:before{background:url(./Images/main_visual_1.jpg) no-repeat center center; background-size:cover;}
.main_vs_rolling .slide_2:before{background:url(./Images/main_visual_2.jpg) no-repeat center center; background-size:cover;}
.main_vs_rolling .slide_3:before{background:url(./Images/main_visual_3.jpg) no-repeat center center; background-size:cover;}
.main_vs_rolling .vs_txt_wrap{width:100%; padding: 0 20px 120px; box-sizing:border-box;}
.main_vs_rolling .number{position:Relative; bottom:-40px; z-index:2; display:inline-block; padding:0 300px 0 10px; color:#fff; opacity:0; transition: all 0.6s ease-out 0.8s; }
.main_vs_rolling .number:before{position:absolute; left:0; top:10px; width:4px; height:4px; background-color:#fff; border-radius:50%; display:block; content:"";}
.main_vs_rolling .number:after{position:absolute; left:40px; top:50%; width:0; height:1px; background-color:#fff; display:block; content:"";}
.main_vs_rolling .swiper-slide p{position:relative; bottom:-40px; opacity:0; z-index:2;font-size:1.25rem; color:#fff; transition: all 0.6s ease-out 1.6s; word-break: keep-all;}
.main_vs_rolling .vs_txt{position:relative; z-index:3; margin:80px auto; font-size:4.375rem; color:#fff; font-weight:700; text-align:center; overflow:hidden; box-sizing:border-box;}
.main_vs_rolling .vs_txt>div{position:relative; overflow:hidden; line-height:1.2;}
.main_vs_rolling .vs_txt>div:nth-child(2) span{transform: translateY(-120%); }
.main_vs_rolling .vs_txt span{display:block; transition: all 0.6s ease-out 1s; transform: translateY(120%); word-break: keep-all;}
.main_vs_rolling .swiper-slide-active .vs_txt>div:nth-child(2) span,
.main_vs_rolling .swiper-slide-active .vs_txt span{transform: translateY(0);}
.main_vs_rolling .swiper-slide-active .number{bottom:0; opacity:1;}
.main_vs_rolling .swiper-slide-active .number:after{animation: bar 3s forwards 1s;}
.main_vs_rolling .swiper-slide-active p{bottom:0; opacity:1;}
.main_visual .mouse{position:absolute; left:50%; bottom:4%; z-index:4; padding-top:70px; color:#fff; font-weight:300; text-align:center; transform: translateX(-50%);}
.main_visual .mouse:before{position:absolute; left:50%; top:0; width:50px; height:60px; background: url(./Images/mouse.svg) no-repeat center 0; background-size:100%; display:block; content:""; transform: translateX(-50%); 
animation: mouse 1.5s infinite;
}
.main_visual .control{position:absolute; left:50%; bottom:25%; z-index:3; width:100%; display:block; transform: translateX(-50%); display:flex; align-items: center; justify-content: center;}
.main_visual .swiper-pagination{position:relative; margin:0 20px; display:flex; align-items: center;}
.main_visual .swiper-pagination-bullet{position:Relative; margin:0 5px; width:30px; height:30px; line-height:28px; display:block; opacity: 1; background: transparent; border:1px solid #fff; color:#fff; border-radius:50%; text-align:center; box-sizing:border-box; font-weight:300; transition: all 0.3s ease-out;}
.main_visual .swiper-pagination-bullet-active{background-color:#fff; color:#000;}
.main_visual .swiper-button-prev{position:relative; left:auto; top:auto; margin:0; background:url(./Images/rolling_arrow.svg) no-repeat 0 center; width:30px; height:30px; background-size:100%;}
.main_visual .swiper-button-next{position:relative; left:auto; right:auto; top:auto; margin:0; background:url(./Images/rolling_arrow.svg) no-repeat right center; width:30px; height:30px; background-size:100%; transform: rotate(-180deg);}

.main_container h1{margin-bottom:40px; font-size:2.5rem; font-weight:700; position:relative; opacity:0; bottom:-50px; transition: all 0.6s ease-out 0.2s;}
.main_container .more{opacity:0; transition: all 0.6s ease-out;}
.main_container .more a{position:relative; font-size:1.25rem; padding-right:45px; display:inline-block; font-weight:600;}
.main_container .more a:before{position:absolute; right:0; top:50%; width:30px; height:30px; background:url(./Images/more.svg) no-repeat center center; background-size:100%; display:block; content:""; transform: translateY(-50%); transition: all 0.3s ease-out;}
.main_container .more a:hover:before{right:10px;}
.main_container .active .more{opacity:1;}
.main_container .active h1{bottom:0; opacity:1;}

.main_cont_1{padding:100px 0;}
.main_cont_1 h1{margin-bottom:20px;}
.main_cont_1 p{margin-bottom:70px; font-size:1.25rem; font-weight:500; position:relative; opacity:0; bottom:-50px; transition: all 0.6s ease-out 0.5s;}
.main_cont_1.active p{bottom:0; opacity:1;}
.main_cont_1 ul{display:flex;}
.main_cont_1 ul li{width:30%; margin-right:5%; padding:20px 30px 0; height:400px; box-sizing:border-box;  border-radius:10px; box-shadow:0 0 5px rgba(0,0,0,0.1); border:1px solid #ddd; box-sizing:border-box; position:relative; opacity:0; bottom:-50px; transition: all 0.6s ease-out;}
.main_cont_1 ul li:last-child{margin-right:0;}
.main_cont_1 ul li .title{font-size:2rem; font-weight:700; word-break: keep-all;}
.main_cont_1 ul li .txt{margin-top:10px; font-size: 1.25rem;}
.main_cont_1 ul li.icon_1{background:url(./Images/main_img_1.png) no-repeat left bottom; background-size:100%;}
.main_cont_1 ul li.icon_2{background:url(./Images/main_img_3.png) no-repeat left bottom; background-size: 100%;}
.main_cont_1 ul li.icon_3{background:url(./Images/main_img_4.png) no-repeat left bottom; background-size: 100%;}
.main_cont_1 ul li:nth-child(1){transition-delay: 0.8s;}
.main_cont_1 ul li:nth-child(2){transition-delay: 1s;}
.main_cont_1 ul li:nth-child(3){transition-delay: 1.2s;}
.main_cont_1 .more{position:absolute; right:20px; top:50px; transition-delay: 1.6s;}
.main_cont_1.active ul li{bottom:0; opacity:1;}

.main_cont_2{padding:150px 0; background-color:#f4f4f4;}
.main_cont_2 ul{display:flex;}
.main_cont_2 ul li{position:Relative; margin-right:2.66%; width:23%;  box-sizing:border-box; border:1px solid #ddd; background:#fff; border-radius:20px; transition: all 0.3s ease-out; overflow:hidden; left:-40px; opacity:0; box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.1);}
.main_cont_2.active ul li{left:0; opacity:1;}
.main_cont_2 ul li a{padding:10% 5% 35%; height:100%; display:block; transition: all 0.3s ease-out; box-sizing:border-box;}
.main_cont_2 ul li:last-child{margin-right:0;}
.main_cont_2 ul li a:after{position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; display:block; content:""; transition: all 0.3s ease-out; opacity:0;}
.main_cont_2 ul li a:hover:after{opacity:1;}
.main_cont_2 ul li .title{position:relative; z-index:2; font-size:2rem; font-weight:700; transition: all 0.3s ease-out;}
.main_cont_2 ul li .s_tit{position:relative; z-index:2;}
.main_cont_2 ul li .txt{position:relative; z-index:2; margin-top:20px; font-size:1.25rem; word-break: keep-all; transition: all 0.3s ease-out;}
.main_cont_2 ul li a:before{position:absolute; right:10%; bottom:10%; z-index:2; width:80px; height:80px; display:block; content:""; transition: all 0.3s ease-out;}
.main_cont_2 ul li.icon_1 a:before{background:url(./Images/main_icon_1.svg) no-repeat right bottom; background-size:100%;}
.main_cont_2 ul li.icon_2 a:before{background:url(./Images/main_icon_2.svg) no-repeat right bottom; background-size: 100%;}
.main_cont_2 ul li.icon_3 a:before{background:url(./Images/main_icon_3.png) no-repeat right bottom; background-size: 100%;}
.main_cont_2 ul li.icon_4 a:before{background:url(./Images/main_icon_4.svg) no-repeat right bottom; background-size: 100%;}
.main_cont_2 ul li:nth-child(1){transition-delay: 0.8s;}
.main_cont_2 ul li:nth-child(2){transition-delay: 1.1s;}
.main_cont_2 ul li:nth-child(3){transition-delay: 1.4s;}
.main_cont_2 ul li:nth-child(4){transition-delay: 1.7s;}
.main_cont_2 ul li.icon_4 a:after{
background: rgb(114, 255, 149);
background: linear-gradient(150deg, rgba(114, 255, 149, 1) 0%, rgba(0, 159, 39, 1) 100%);
}
.main_cont_2 ul li.icon_2 a:after {
background: rgb(62, 120, 254);
background: linear-gradient(150deg, rgba(62, 120, 254, 1) 0%, rgba(0, 44, 147, 1) 100%);
}
.main_cont_2 ul li.icon_3 a:after {
background: rgb(250, 89, 65);
background: linear-gradient(150deg, rgba(250, 89, 65, 1) 0%, rgba(205, 26, 0, 1) 100%);
}
.main_cont_2 ul li.icon_1 a:after {
background: rgb(65, 212, 250);
background: linear-gradient(150deg, rgba(65, 212, 250, 1) 0%, rgba(2, 106, 133, 1) 100%);
}
.main_cont_2 .more{position:absolute; left:20px; bottom:50px; z-index:2;}
.main_cont_2 .more span{position:relative; font-size:1.25rem; padding-right:45px; display:inline-block; font-weight:600; transition: all 0.3s ease-out;}
.main_cont_2 .more span:before{position:absolute; right:0; top:50%; width:30px; height:30px; background:url(./Images/more.svg) no-repeat center center; background-size:100%; display:block; content:""; transform: translateY(-50%); transition: all 0.3s ease-out;}
.main_cont_2 ul li:hover .more span:before{right:10px;}
.main_cont_2 ul li:hover .more span,
.main_cont_2 ul li:hover .title,
.main_cont_2 ul li:hover .s_tit,
.main_cont_2 ul li:hover .txt{color:#fff;}
.main_cont_2 ul li:hover .more span:before{background:url(./Images/more_on.svg) no-repeat center center;}

.main_cont_3{padding:150px 0;}
.main_cont_3 ul{border-top:2px solid #000;}
.main_cont_3 ul li{position:relative; top:-50px; opacity:0;  border-bottom:1px solid #ddd; transition: all 0.6s ease-out;}
.main_cont_3 ul li a{position:relative; display:flex; align-items: center; min-height: 80px; padding:15px 80px 15px 2%; transition: all 0.3s ease-out;}
.main_cont_3 ul li a:before{position:absolute; right: 2%; top:50%; width:50px; height:50px; background:url(./Images/arrow.svg) no-repeat center center #efefef; background-size:20px; border-radius:50%; display:block; content:""; transform: translateY(-50%); transition: all 0.3s ease-out;}
.main_cont_3 ul li .date{text-align:center; width:100px; text-align:center; color:#666;}
.main_cont_3 ul li .date strong{font-size:2.125rem; font-weight:700; display:block; line-height:1;}
.main_cont_3 ul li .date span{font-size:0.875rem; color:#646464;}
.main_cont_3 ul li .title{margin-left:auto; width:calc(100% - 150px); font-size:1.25rem;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
}
.main_cont_3 ul li:hover a{background-color:#f6f6f6;}
.main_cont_3 ul li a:hover:before{background: url(./Images/arrow_on.svg) no-repeat center center #212121; background-size: 20px;}
.main_cont_3 .more{position:absolute; right:20px; top:20px; transition-delay: 1.6s;}
.main_cont_3 ul li:nth-child(1){transition-delay: 0.5s;}
.main_cont_3 ul li:nth-child(2){transition-delay: 0.7s;}
.main_cont_3 ul li:nth-child(3){transition-delay: 0.9s;}
.main_cont_3 ul li:nth-child(4){transition-delay: 1.1s;}
.main_cont_3 ul li:nth-child(5){transition-delay: 1.3s;}
.main_cont_3.active ul li{top:0; opacity:1;}

/* footer */
.footer{background-color:#0F0F0F; padding:50px 0; color:#aaa; font-weight:300;}
.footer ul{display:flex;}
.footer ul li{position:relative; font-size:1.125rem; padding:0 10px;}
.footer ul li:first-child{padding-left:0;}
.footer ul li:before{position:absolute; left:0; top:50%; width:1px; height:12px; background-color:#777; display:block; content:"";transform: translateY(-50%); display:block; content:"";}
.footer ul li:first-child:before{display:none;}
.footer .copyright{margin-top:20px; }

@media screen and (max-width: 1330px){
.header .gnb>li{padding:0 20px;}
.siteMap>ul>li{padding:2% 0; display:block; }
.siteMap>ul>li>a{width:100%; }
.siteMap .s_menu ul{justify-content: center;}
.totalMenu{width:100%; text-align:center;}
.siteMap .s_menu{margin-top:10px;}
.siteMap .s_menu ul li:first-child{margin:0;}

.main_cont_1 ul li .txt br{display:none;}
.main_cont_2 ul{flex-wrap:wrap; }
.main_cont_2 ul li{width:48%; margin:0 0 20px;}
.main_cont_2 ul li:nth-child(2n){margin-left:auto; }
}

@media screen and (max-width: 1140px){
body,html{font-size:14px;}
.header .gnb{display:none;}
.util_menu li:first-child{display:none;}

.main_cont_1 ul{display:block;}
.main_cont_1 ul li{width:100%; margin:0 0 20px; height:300px;}
}


@media screen and (max-width: 768px){
@keyframes bar{ 
    0%{width:0;}
    100%{width:190px;}
}

body,html{font-size:12px;}

.header .cont{height:70px;}
.util_menu{display:none;}
.siteMap_close{width:40px; height:40px;}
.siteMap_close:before{height:40px;}
.siteMap_close:after{height:40px;}
.siteMap>ul>li>a{font-size:8vw;}
.siteMap .s_menu ul li a{font-size:3.4vw;}

.main_container{margin-top:70px;}
.main_container h1{margin-bottom:20px;}
.main_vs_rolling .vs_txt{margin:30px auto; font-size:2.5rem;}
.main_vs_rolling .number{padding-right:200px;}
.main_cont_1{padding:50px 0; }
.main_cont_1 p{margin-bottom:40px;}
.main_cont_1 .more{position:relative; right:auto; top:auto; }
.main_cont_1 ul li{height:200px;}
.main_cont_1 .more a{padding:0; width:100%; height:40px; line-height:40px; text-align:center; display:block; background-color:var(--point-color-1); color:#fff; border-radius:5px;}
.main_cont_1 .more a:before{display:none;}
.main_cont_2{padding:50px 0;}
.main_cont_2 ul li{width:100%;}
.main_cont_2 ul li a {padding-bottom:25%;}
.main_cont_2 ul li a:before{right:10%; bottom:10%; width:60px; height:60px;}
.main_cont_2 ul li .txt{margin:20px 0 ;}
.main_cont_3{padding:50px 0;}
.main_cont_3 ul li a{display:block; }
.main_cont_3 ul li .date{width:78px; display:flex; flex-direction: row-reverse; align-items: center;}
.main_cont_3 ul li .date strong{margin-left:2px;font-size:1em; font-weight:400;}
.main_cont_3 ul li .date strong:before{content:".";}
.main_cont_3 ul li .title{margin:5px 0 0; width:100%; -webkit-line-clamp: 2; white-space:inherit;}
.main_visual .swiper-button-prev,
.main_visual .swiper-button-next{display:none;}
.main_visual .swiper-pagination-bullet{width:24px; height:24px; line-height:22px;}
.main_visual .mouse{text-indent:-9999px; padding-top:50px;}
.main_vs_rolling .number:before{top:6px;}

.footer ul{display:block;}
.footer ul li{padding:0;}
.footer ul li:before{display:none;}
}

/* layout */
.sub_container{padding:100px 0; min-height:calc(100vh - 168px); box-sizing:border-box;}
.sub_visual{padding-bottom:70px; height:450px; display:flex; align-items: center; justify-content: center; box-sizing:border-box;}
.sub_visual_1{background:url(./Images/sub_visual_1.jpg) no-repeat center center; background-size:cover;}
.sub_visual_2{background:url(./Images/sub_visual_2.jpg) no-repeat center center; background-size:cover;}
.sub_visual_3{background:url(./Images/sub_visual_3.jpg) no-repeat center center; background-size:cover;}
.sub_visual_4{background:url(./Images/sub_visual_4.jpg) no-repeat center center; background-size:cover;}
.sub_visual_5{background:url(./Images/sub_visual_5.jpg) no-repeat center center; background-size:cover;}
.sub_visual_6{background:url(./Images/sub_visual_6.jpg) no-repeat center center; background-size:cover;}
.sub_vs_txt h1{font-size:3rem; color:#fff; font-weight:700;}

.navi{margin:-70px auto 0; max-width:var(--width); background-color:#fff; border-bottom:1px solid #ddd;}
.navi>ul{display:Flex;}
.navi>ul>li.home{width:5%; height:70px; display:flex; justify-content: center; align-items: center;}
.navi>ul>li{position:relative; width:24%; border-right:1px solid #ddd; box-sizing:border-box;}
.navi>ul>li .s_navi_open{position:relative; padding:0 60px 0 30px; height:70px; display:flex; align-items: center; font-size:1.25rem; width:100%;}
.navi>ul>li .s_navi_open:before{position:absolute; right:15px; top:50%; width:20px; height:12px; background:url(./Images/navi_arrow.svg) no-repeat center center; background-size:120%; display:block; content:""; transform: translateY(-50%); transition: all 0.3s ease-out;}
.navi>ul>li.on .s_navi_open:before{transform: translateY(-50%) rotate(-180deg);}
.s_navi{position:absolute; left:0; top:70px; background-color:#fff; width:100%; border:1px solid #ddd; box-sizing:border-box; padding:20px 30px; display:none; box-shadow:2px 2px 5px rgba(0,0,0,0.1);}
.s_navi ul li{padding:5px 0;}
.s_navi ul li a{font-size:1.125rem; transition: all 0.3s ease-out;}
.s_navi ul li a:hover{color:var(--point-color-3);}
.sub_top_title{padding:100px 0 60px; text-align:center;}
.sub_top_title h2{font-size:2.5rem; font-weight:700;}
.sub_top_title p{margin-top:10px; font-size:1.125rem; color:#777;}

/* dif */
.titleType_1{position:relative; font-size:1.875rem; font-weight:700; display:inline-block;}
.titleType_1:before{position:absolute; left:0; bottom:0; z-index:1; width:100%; height:41%; background-color:#2C64E5; opacity:0.3; display:block; content:"";}
.titleType_1 span{position:relative; z-index:2;}
.business_visual{margin-bottom:60px; text-align:center;}
.dif .txt_box{margin-bottom:60px; padding:2% 5%; background-color:#efefef; border-radius:20px; font-size:1.5rem; font-weight:500; text-align:center;  word-break: keep-all;}
.dif .title_area{padding-bottom:30px; }
.dif .title_area p{margin-top:20px; font-size:1.125rem;}
.dif .btn_area{margin-top:60px; }
.dif .btn_area a{position:relative; margin-right:40px;  padding:0 30px 5px 0; display:inline-block; font-size:1.25rem; border-bottom:1px solid #000; transition: all 0.3s ease-out;}
.dif .btn_area a:last-child{margin-right:0;}
.dif .btn_area a:before{position:absolute; right:0; top:50%; width:20px; height:20px; background:url(./Images/arrow2.svg) no-repeat center center; background-size:100%; display:block; content:""; transform: translateY(-60%); transition: all 0.3s ease-out;}
.dif .btn_area a:hover:before{right:-10px;}
.accordion_list{margin-bottom:60px;}
.accordion_list>ul{position:relative; }
.accordion_list>ul:before{position:absolute; left:0; top:0; width:100%; height:2px; background-color:#333; display:block; content:"";}
.accordion_list>ul>li{border-bottom:1px solid #ddd;}
.accordion_list>ul>li .answer_open{position:Relative; padding:20px 60px 20px 20px; width:100%; font-size:1.125rem; font-weight:500; display:block; text-align:left;}
.accordion_list>ul>li .answer_open:before{position:absolute; right:20px; top:50%; width:20px; height:14px; background:url(./Images/navi_arrow.svg) no-repeat center center; background-size:100%; display:block; content:""; transform: translateY(-50%); transition: all 0.3s ease-out;}
.accordion_list>ul>li .answer{background-color:#efefef; padding:30px; line-height:1.6;font-size: 1.125rem; display:none;}
.accordion_list>ul>li.on .answer_open:before{transform: translateY(-50%) rotate(-180deg);}
.accordion_list>ul>li ul li{position:Relative; padding-left:15px;}
.accordion_list>ul>li ul li:before{position:absolute; left:0; top:10px; width:5px; height:5px; background-color:#333; display:block; content:""; border-radius:50%;}

.listType_1 li{position:relative; margin-bottom:10px;  padding-left:15px; font-size:1.25rem; line-height:1.6; }
.listType_1 li:before{position:absolute; left:0; top:12px; width:5px; height:5px; background-color:var(--point-color-1); display:block; content:""; border-radius:50%; }

.idmp .business_visual img{width:100%; max-width:1000px;}

@media screen and (max-width: 960px) {
.sub_visual{height:240px;}
.navi>ul>li.home{display:none;}
.navi>ul>li{width:50%;}
.sub_top_title{padding:50px 0 30px;}
.listType_1 li{padding-left:10px;}
.listType_1 li:before{top:8px; width:3px; height:3px;}
}

@media screen and (max-width: 768px) {
.sub_container{padding:70px 0;}
.sub_visual{padding-bottom:40px;}
.navi{margin:-40px auto 0;}
.navi>ul>li .s_navi_open{padding:0 40px 0 15px; height:40px;}
.business_visual{margin-bottom:20px;}
.dif .txt_box{margin-bottom:30px; padding:8% 5%;}
.dif .title_area p{margin-top:10px;}
.dif .btn_area{margin-top:30px; }
.accordion_list>ul>li .answer_open{padding:15px 30px 15px 10px;}
.accordion_list>ul>li .answer_open:before{right:0;}
.accordion_list>ul>li ul li{padding-left:10px;}
.accordion_list>ul>li ul li:before{top:8px; width:3px; height:3px;}
.accordion_list>ul>li .answer{padding:15px;}
.accordion_list{margin-bottom:30px;}
.s_navi{top:40px; padding:15px;}
}

/* customer_list */
.customer_list{margin:30px 0 60px;}
.customer_list>ul{display:flex; flex-wrap:wrap;}
.customer_list>ul>li{margin:0 2.6% 2% 0; width:23%; padding:20px;  border:1px solid #ddd; box-sizing:border-box; text-align:center;}
.customer_list>ul>li .logo{position:relative; margin:0 auto; max-width:150px; }
.customer_list>ul>li .logo:before{width:100%; padding-bottom:50%; display:block; content:"";}
.customer_list>ul>li .logo img{position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; transform: translate(-50%, -50%);}
.customer_list>ul>li:nth-child(4n){margin-right:0;}
.customer_list>ul>li .name{margin-top:10px; font-size:1.25rem; font-weight:600;}
.customer_list>ul>li .name span{display:inline-block; font-size:0.875rem; }
.customer_list>ul>li .en{font-size:0.875rem; color:#888; font-weight:300;}
.customer_list.type2>ul>li{margin:0 1.25% 1.25% 0; padding:10px; width:19%}
.customer_list.type2>ul>li:nth-child(4n){margin-right:1.25%;}
.customer_list.type2>ul>li:nth-child(5n){margin-right:0;}
.customer_list.type2>ul>li .logo{max-width:100%; width:100%;}
.customer_list.type2>ul>li .logo:before{padding-bottom:25%;}
.customer p{margin-top:30px; font-size:1.25rem;}

@media screen and (max-width: 1200px) {
.customer_list>ul>li .name span{display:block;}
}

@media screen and (max-width: 1024px) {
.customer_list.type2>ul>li,
.customer_list>ul>li{width:32%; margin:0 2% 2% 0;}
.customer_list>ul>li:nth-child(4n){margin-right:2%;}
.customer_list.type2>ul>li:nth-child(3n),
.customer_list>ul>li:nth-child(3n){margin-right:0;}
.customer_list.type2>ul>li:nth-child(4n){margin-right:2%;}
.customer_list.type2>ul>li:nth-child(5n){margin-right:2%;}
}
@media screen and (max-width: 768px) {

.customer_list{margin:15px 0 30px;}
.customer_list.type2>ul>li,
.customer_list>ul>li{width:49%; margin:0 0 2%; padding:10px;}
.customer_list.type2>ul>li:nth-child(4n),
.customer_list.type2>ul>li:nth-child(5n),
.customer_list.type2>ul>li:nth-child(3n),
.customer_list>ul>li:nth-child(4n),
.customer_list>ul>li:nth-child(3n){margin:0 0 2%;}
.customer_list.type2>ul>li:nth-child(2n),
.customer_list>ul>li:nth-child(2n){margin-left:auto;}
.customer_list>ul>li .logo{max-width:100px;}
.customer p{margin-top:15px;}
}

/* btn */
.basic-btn01{padding:0 20px; min-width:200px; height:54px; line-height:54px; text-align:center; display:inline-block; font-size:1.125rem; box-sizing:border-box; border-radius:5px; transition: all 0.3s ease-out;}
.btn-blue-bg{background-color:var(--point-color-1); color:#fff; }
.btn-blue-bg:hover{background-color:var(--hover-color-1);}

/* custom */
.custom_radio{position:relative; display:inline-block; overflow:hidden;}
.custom_radio label{padding-left:30px; min-height:24px; line-height:24px; display:block; font-size:1.125rem;}
.custom_radio input[type=radio]{position:absolute; left:-20px; top:0; }
.custom_radio input[type=radio]:checked+label:before{background:url(./Images/radio_on.svg) no-repeat center center; background-size:100%;}
.custom_radio label:before{position:absolute; left:0; top:0; width:24px; height:24px; background:url(./Images/radio_off.svg) no-repeat center center; background-size:100%; display:block; content:"";}

/* contact_list */
.contact_list{margin:0 auto; max-width:1200px;}
.contact_list>ul{display:Flex; flex-wrap:wrap;}
.contact_list>ul>li{width:49%; margin-bottom:20px;}
.contact_list>ul>li:nth-child(2n){margin-left:auto;}
.contact_list>ul>li input[type=text]{width:100%; height:50px; line-height:50px; border-radius:5px; transition: all 0.3s ease-out;}
.contact_list>ul>li input[type=text]:focus{border-color:var(--point-color-1);}
.contact_list>ul>li.w100p{width:100%;}
.contact_list>ul>li .radio_list ul{display:Flex; flex-wrap:wrap;}
.contact_list>ul>li .radio_list ul li{margin-right:15px; }
.contact_list>ul>li .radio_list ul li:last-child{margin-right:0;}
.contact_us .btn_area{padding-top:30px; text-align:center;}

@media screen and (max-width: 960px) {
.contact_list>ul{display:block;}
.contact_list>ul>li{width:100%;}

/* btn */
.basic-btn01{min-width:160px; height:46px; line-height:46px;}
}
@media screen and (max-width: 640px) {
.contact_list>ul>li input[type=text]{height:40px; line-height:40px; font-size:1.2rem;}
.contact_us .btn_area{padding-top:10px;}
}

/* notice */
.notice_list ul{border-top:2px solid #000;}
.notice_list ul li{position:relative; border-bottom:1px solid #ddd; transition: all 0.6s ease-out;}
.notice_list ul li a{position:relative; display:flex; align-items: center; padding:15px 80px 15px 2%; transition: all 0.3s ease-out; min-height:80px;}
.notice_list ul li a:before{position:absolute; right: 2%; top:50%; width:50px; height:50px; background:url(./Images/arrow.svg) no-repeat center center #efefef; background-size:20px; border-radius:50%; display:block; content:""; transform: translateY(-50%); transition: all 0.3s ease-out;}
.notice_list ul li .date{text-align:center; width:100px; text-align:center; color:#666;}
.notice_list ul li .date strong{font-size:2.125rem; font-weight:700; display:block; line-height:1;}
.notice_list ul li .date span{font-size:0.875rem; color:#646464;}
.notice_list ul li .title{margin:0 25px; width:calc(100% - 200px); font-size:1.25rem;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
}
.notice_list ul li:hover a{background-color:#f6f6f6;}
.notice_list ul li a:hover:before{background: url(./Images/arrow_on.svg) no-repeat center center #212121; background-size: 20px;}
.notice_list .more{position:absolute; right:20px; top:20px; transition-delay: 1.6s;}
.notice_view .top_title_info{padding:15px; border-top:2px solid #333; border-bottom:1px solid #ddd;}
.notice_view .top_title_info h3{font-size:1.625rem; font-weight:700;}
.notice_view .top_title_info .date{margin-top:5px; display:block; color:#777;}
.notice_view_cont{padding:40px; border-bottom:1px solid #ddd; min-height:400px; box-sizing:border-box; line-height:1.6;}
.notice_view .btn_area{margin-top:60px; text-align:center;}
.download_file{padding:20px 40px; display:flex; border-bottom:1px solid #ddd;}
.download_file .title{width:100px; display:inline-block; font-size:1.125rem; font-weight:600;}
.download_file ul{width:calc(100% - 100px);}
.download_file ul li{margin-bottom:5px;}
.download_file ul li:last-child{margin-bottom:0;}
.download_file ul li .icon_download{position:relative; padding-left:30px; font-size: 1.125rem; color:var(--point-color-1); display:block;}
.download_file ul li .icon_download:before {position:absolute; left:0; top:0; width:20px; height:20px; background:url(./Images/icon_download.svg) no-repeat 0 center; background-size:100%; display:block; content:"";}
@media screen and (max-width: 768px) {
.notice_list{padding:50px 0;}
.notice_list ul li a{display:block; }
.notice_list ul li .date{width:78px; display:flex; flex-direction: row-reverse; align-items: center;}
.notice_list ul li .date strong{margin-left:2px;font-size:1em; font-weight:400;}
.notice_list ul li .date strong:before{content:".";}
.notice_list ul li .title{margin:5px 0 0; width:100%; -webkit-line-clamp: 2; white-space:inherit;}
.notice_view_cont{min-height:300px; padding:20px 15px; font-size:1.083rem;}
.notice_view .btn_area{margin-top:30px;}
.notice_view .top_title_info h3{font-size:1.5rem;}
.download_file{padding:15px; display:block; }
.download_file .title{margin-bottom:5px; width:100%;}
.download_file ul{width:100%;}
.download_file ul li .icon_download{padding-left:24px;}
.download_file ul li .icon_download:before{width:16px; height:16px;}
}

/* page_list */
.page_list{padding-top:60px; display:flex; align-items: center; justify-content: center;}
/*.page_list span,
.page_list a{width:34px; height:34px; line-height:34px; text-align:center; display:inline-block; border-radius:50%;}
.page_list ul{padding:0 10px; display:flex; align-items: center;}
.page_list ul li{margin:0 2px;}
.page_list span{background-color:#333; color:#fff;}
.page_list .arrow{text-indent:-9999px;}
.page_list .arrow_prev{background:url(./Images/page_prev.svg) no-repeat center center; background-size:16px;}
.page_list .arrow_next{background:url(./Images/page_next.svg) no-repeat center center; background-size:16px;}
@media screen and (max-width: 768px) {
.page_list{padding-top:30px;}
.page_list span,
.page_list a{width:24px; height:24px; line-height:24px; font-size:1rem;}
.page_list ul li{margin:0;}
}*/

/* intro */
@keyframes circle{ 
    0%{transform: translate(-50%, -50%) rotate(0deg);}
    50%{transform: translate(-50%, -50%) rotate(360deg);}
    100%{transform: translate(-50%, -50%) rotate(0deg);}
}
.intro{padding:100px 0; background:url(./Images/intro_bg.jpg) no-repeat center center; background-size:cover;}
.intro .cont{max-width:1200px;}
.intro p strong{font-size:inherit; font-weight:700;}
.intro ul{margin-top:50px;}
.intro ul li{margin-bottom:40px; display:flex; align-items: center;}
.intro .icon{position:relative; width:220px; height:220px; display:flex; align-items: center; justify-content: center; border-radius:50%; background:rgba(0,8,40,0.6);}
.intro .icon:before{position:absolute; left:50%; top:50%; width:90%; height:90%; border:2px dashed #fff; display:block; content:""; border-radius:50%; transform: translate(-50%, -50%);
animation: circle 50s infinite linear;
}
.intro .icon>div{width:100%; text-align:center;}
.intro .icon img{max-width:60px;}
.intro .icon strong{margin-top:10px; line-height:1; font-size:1.5rem; font-weight:700; color:#fff; text-align: center; display:block;}
.intro p,
.intro .txt{margin-left:auto; width:calc(100% - 300px); font-size:1.5rem; color:#fff; line-height:1.6; word-break: keep-all;}
.intro .name{display:block; margin-top:80px; opacity:0.6;}

@media screen and (max-width: 960px) {
.intro .icon{width:160px; height:160px;}
.intro p,
.intro .txt{width:calc(100% - 180px); font-size:1.25rem;}
.intro .icon img{max-width:40px;}
.intro .icon strong{font-size:1.125rem;}
}
@media screen and (max-width: 640px) {
.intro{padding:70px 0;}
.intro p,
.intro .txt{width:100%; text-align:center;}
.intro ul{margin-top:25px;}
.intro ul li{display:block;}
.intro ul li{margin-bottom:20px;}
.intro .icon{margin:0 auto 20px;}
.intro .name{margin-top:50px;}
}

/* visiton */
.vision{padding:100px 0; background-color:#F6F6F6;}
.vision .cont{max-width:1390px; }
.vision p{text-align:center; font-size:1.2rem; word-break: keep-all; line-height:1.6;}
.vision .list ul{display:flex; margin:70px 0;}
.vision .list li{margin-right:36px; padding:54px 15px; width:calc((100% - 72px) / 3); box-shadow:12px 20px 68px 0px rgba(0, 0, 0, 0.15); box-sizing:border-box; text-align:center; border-radius:8px;}
.vision .list li:last-child{margin-right:0;}
.vision .list li .num{margin:10px auto; color:var(--point-color-4); font-size:0.9375rem; display:block; font-weight:900;}
.vision .list li .txt{font-size:1.125rem; text-align:center; word-break: keep-all; line-height:1.6; color:#333;}
.vision .list li .txt strong{font-weight:700; color:var(--point-color-4);}
.vision .list li .icon{margin:0 auto; max-width:80%;}
.vision .list li .icon img{}
.vision .list li:nth-child(1){background-color:#d1e5ff;}
.vision .list li:nth-child(2){background-color:#eafeff;}
.vision .list li:nth-child(3){background-color:#D4F0FF;}
@media screen and (max-width: 960px) {
.vision{padding:50px 0;}
.vision .list ul{margin:40px 0; display:block;}
.vision .list li{padding:40px 10px; width:100%; margin-bottom:20px; }
.vision .list li .txt{font-size:1.33rem;}
}

/* history */
.history{overflow:hidden;}
.history_cont{margin:0 0 0 auto; padding-left:20px; width:calc(50% + 695px); overflow:hidden; box-sizing:border-box; }
.history .top_intro_txt{position:relative; padding:0 20px; margin:0 auto 80px; font-size:3.125rem; max-width:1420px; box-sizing:border-box;}
.history .top_intro_txt strong{font-weight:700;}
.history .control{position:absolute; right:20px; top:50%; display:flex; transform: translateY(-50%);}
.history .control .swiper-button-prev{position:relative; left:auto; top:auto; margin:0; width:60px; height:60px; background:url(./Images/history_prev.svg) no-repeat center center; background-size:30px; border:1px solid #999; box-sizing:border-box;}
.history .control .swiper-button-next{position:relative; right:auto; top:auto; margin:0 0 0 -1px; width:60px; height:60px; background:url(./Images/history_next.svg) no-repeat center center; background-size: 30px; border:1px solid #999; box-sizing:border-box;}
.history_list .year{position:relative; padding:0 50px 32px 0; font-size:2rem; font-weight:900; line-height:1;}
.history_list .year:before{position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ddd; display:block; content:"";}
.history_list .year:after{position:absolute; left:0; bottom:0; width:10px; height:5px; background-color:#333; display:block; content:"";}
.history_list ul{padding:25px 50px 0 0;}
.history_list ul li{position:relative; margin-bottom:10px;  padding-left:50px;  word-break: keep-all;}
.history_list ul li:last-child{margin-bottom:0;}
.history_list ul li .month{position:absolute; left:0; top:0;  font-size:1.125rem; font-weight:600;}

@media screen and (max-width: 1380px) {
.history_cont{width:100%;}
}
@media screen and (max-width: 760px) {
.history .top_intro_txt{margin-bottom:40px; font-size:2.6rem;}
.history_list .year{padding:0 30px 20px 0;}
.history_list ul{padding:20px 30px 0 0;}
.history_list ul li{padding-left:30px;}
.history .control .swiper-button-prev,
.history .control .swiper-button-next{width:40px; height:40px;}
}
@media screen and (max-width: 460px) {
.history .top_intro_txt{margin-bottom:10px;}
.history .control{position:Relative; right:auto; justify-content: flex-end; transform: translateY(0);}
}

/* location */
.location .map_area{margin-bottom:50px;}
.location .map_area iframe{width:100%; height:600px; display:block; }
.location ul{padding:20px 30px; border-top:2px solid #222; border-bottom:1px solid #ddd;}
.location ul li{position:relative; padding:10px 0 10px 40px; font-size:1.25rem;  }
.location ul li:before{position:absolute; left:0; top:50%; width:30px; height:30px; display:block; content:""; transform: translateY(-50%);}
.location ul li.icon_1:before{background:url(./Images/icon_location.svg) no-repeat center center; background-size:100%;}
.location ul li.icon_2:before{background:url(./Images/icon_tel.svg) no-repeat center center; background-size: 100%;}
.location ul li.icon_3:before{background:url(./Images/icon_fax.svg) no-repeat center center; background-size: 100%;}

@media screen and (max-width: 960px) {
.location .map_area iframe{height:300px;}
.location ul{padding:10px 0;}
.location ul li{padding-left:30px;}
.location ul li:before{width:20px; height:20px;}
}

/* eng */
.eng{position:relative; padding-top:70px;}
.eng p{margin-bottom:50px; font-size:1.25rem; line-height:1.6; word-break: keep-all;}
.eng p.txt_1{font-size:1.8rem; font-weight:600;}
.eng .name{color:var(--point-color-2); font-weight:800;}
.eng .name span{color:var(--point-color-1); vertical-align: top;}
.eng .txt_2{font-size:1.25rem; }
.eng .txt_2 .c-blue{display:block; color:var(--point-color-4);}
.eng .inner{position:relative; padding-left:40%; }
.eng .inner:before{position:absolute; left:0; width:36%; height:100%; display:block; content:""; background:url(./Images/dif_lite_1.jpg) no-repeat center center; background-size:cover; border-radius:20px;}

@media screen and (max-width: 960px) {
.eng{padding-top:20px;}
.eng .inner{padding:0;}
.eng .inner:before{position:relative; width:100%; height:260px; margin-bottom:40px; }
.eng p{margin-bottom:25px;}
}

/* polypharmacy_dur */
.polypharmacy_dur_rolling{position:relative; overflow:hidden; text-align:center;}
.polypharmacy_dur_rolling .swiper-button-next{margin-top:-35px; width:70px; height:70px; background:url(./Images/history_next.svg) no-repeat right center; background-size:120%;}
.polypharmacy_dur_rolling .swiper-button-prev{margin-top: -35px;width:70px; height:70px; background:url(./Images/history_prev.svg) no-repeat left center; background-size:120%;}
.polypharmacy_dur_rolling .swiper-pagination{position:relative; padding-top:40px;}
@media screen and (max-width: 1200px) {
.polypharmacy_dur_rolling .swiper-button-next,
.polypharmacy_dur_rolling .swiper-button-prev{display:none;}
}