@charset "utf-8";

/* NotoKr */
@font-face{font-weight:400; font-family:'NotoKr'; src:url('../fonts/NotoSansKR-Regular.woff2') format('woff2'), url('../fonts/NotoSansKR-Regular.woff') format('woff');}
@font-face{font-weight:500; font-family:'NotoKr'; src:url('../fonts/NotoSansKR-Medium.woff2') format('woff2'), url('../fonts/NotoSansKR-Medium.woff') format('woff');}
@font-face{font-weight:600; font-family:'NotoKr'; src:url('../fonts/NotoSansKR-Bold.woff2') format('woff2'), url('../fonts/NotoSansKR-Bold.woff') format('woff');}

/* default */
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}
audio,canvas,progress,video{display:inline-block}
article,aside,audio,blockquote,body,canvas,caption,dd,details,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,legend,li,main,menu,nav,ol,p,pre,section,summary,table,tbody,td,template,textarea,tfoot,th,thead,tr,ul,video{margin:0; padding:0; border:0; font-size:inherit; font-family:inherit; box-sizing:border-box;word-break:break-all}
a,em,span{display:inline-block; margin:0; padding:0; box-sizing:border-box}
a:active,a:hover,a:link,a:visited{color:#444; text-decoration:none}
b,strong{font-weight:600}
address,cite,dfn,em,i{font-style:normal}
img{border:none; vertical-align:middle}
audio,img,video{max-width:100%;}
label{display:inline-block; cursor:pointer}
summary{display:list-item; cursor:pointer}
ul,ul>li{list-style:none}
table{width:100%; border-collapse:collapse; border-spacing:0}
caption{overflow:hidden; position:relative; top:0; left:0; width:1px; height:1px; background:0 0; color:transparent; font-size:0; line-height:0; text-indent:100%}
:after,:before{display:none; content:''}
button,input,optgroup,select,textarea{margin:0; padding:0; border:0 solid; color:inherit; font-size:inherit; font-family:inherit; line-height:inherit; box-sizing:border-box;vertical-align:middle}
button,input,select{display:inline-block}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{overflow:visible; border-color:transparent; background-color:transparent; cursor:pointer}
textarea{display:block; overflow:auto; resize:vertical}
input[disabled]{background-color:#ebebeb}
select:disabled{background-color:#ebebeb}

/* layout */
body,html{position:relative; height:100vh;}
body{margin:0; padding:0; background:#fff; color:#000; font-size:0; font-weight:400; font-family:'NotoKr',sans-serif;}
#wrapper{overflow:hidden; position:relative; width:100%; min-height:100vh; background-color:#fff;}
#container{position:relative; z-index:10; min-height:100vh;}
.wrap{position:relative; max-width:1000px; margin:0 auto; padding:0 30px;}

/* header */
#header{position:absolute; top:26px; left:30px; right:30px; z-index:20; height:0; text-align:right;}
#header h1{display:inline-block; float:left; vertical-align:top;}
#header nav{display:inline-block; vertical-align:top;}
#header nav ul li{display:inline-block; margin:0 14px; vertical-align:top;}
#header nav ul li a{display:block; position:relative; font-size:16px; font-weight:600; line-height:30px; transition:color .25s ease-in-out;}
#header nav ul li.active a,
#header nav ul li a:hover{color:#0047ba;}
#header nav ul li a:before{display:block; position:absolute; left:50%; bottom:0; width:0; height:2px; background-color:#0047ba; transform:translateX(-50%);transition:width .25s ease-in-out;}
#header nav ul li.active a:before,
#header nav ul li a:hover:before{width:100%;}
#header .lang{display:inline-block; margin-left:5px;}
#header .lang .lang_select{border:solid 1px; background-color:transparent; font-size:15px; font-weight:600;}

@media (max-width:1000px){
    #header{left:15px; right:15px;}
    #header nav ul li{margin:0 10px;}
    #header nav ul li a{font-size: 15px;}
}

@media (max-width:734px){
    #header{left:15px; right:15px;}
    #header-wrap{padding: 0 15px}
    #header h1 a img{width: 114px; height: 23px}
    #header nav ul li{margin:0 5px;}
    #header nav ul li a{font-size: 12px;}
    #header .lang{margin-left:5px;}
    #header .lang .lang_select{font-size: 12px;}
}

@media (max-width:550px){
    #header{left:10px; right:10px;}
    #header-wrap{padding: 0 10px}
    #header h1 a img{width: 76px; height: 15px}
    #header nav ul li{margin:0 5px;}
    #header nav ul li a{font-size: 8px;}
    #header .lang{margin-left:5px;}
    #header .lang .lang_select{font-size: 8px;}
}

@media (max-width:440px){
    #header{left:5px; right:5px;}
    #header-wrap{padding: 0 5px}
    #header h1 a img{width: 57px; height: 11px}
    #header nav ul li{margin:0 3px;}
    #header nav ul li a{font-size: 6px;}
    #header .lang{margin-left:3px;}
    #header .lang .lang_select{font-size: 6px;}
}

#header .product_btn{
    position: relative;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

#header .product_btn:hover .dropdown_content{
    display: flex;
}

#header .product_btn .dropdown_content{
    display: none;
    width: 146px;
    position: absolute;
    z-index: 1;
    top: 30px;
    flex-direction: column;
    background-color: #DEE3F1;
}

#header .product_btn .dropdown_content .page_btn{
    line-height: 25px;
    font-size: 16px;
    text-align:left;
    color: black;
    padding-left: 8px;
    padding-right: 8px;
}

#header .product_btn .dropdown_content .page_btn.active{
    background-color: #BFD1EE;
}

/* common */
*{word-break:keep-all !important;}
.section{position:relative; background-color:#fff; font-size:0; line-height:0;}
.panel .panel_box{display:none;}
.panel .panel_box.active{display:block;}
.btn{display:inline-block; height:70px; padding:0 35px; border:5px solid #0047ba; border-radius:35px; color:#0047ba !important; font-size:30px; font-weight:600; line-height:60px; transition:all .25s ease-in-out;}
.btn:hover{background-color:#0047ba; color:#fff !important;}
.notice{position:relative; max-width:525px; margin:41px auto 0 auto;}
.notice .slick-list{overflow:visible;}
.notice .notice_item{position:relative; padding:28px 32px 51px 32px; border:1px solid #ccc; border-radius:5px; background-color:#fff; transform:translateY(54px) scale(.7); transition:transform .25s ease-in-out;}
.notice .notice_item.slick-active{transform:scale(1);}
.notice .notice_title{display:-webkit-box; overflow:hidden; width:100%; height:54px; font-size:20px; font-weight:600; line-height:27px; white-space:normal; word-wrap:break-word;-webkit-box-orient:vertical; -webkit-line-clamp:2;}
.notice .notice_text{display:-webkit-box; overflow:hidden; width:100%; height:200px; margin-top:22px; font-size:15px; line-height:25px; white-space:normal; word-wrap:break-word;-webkit-box-orient:vertical; -webkit-line-clamp:8;}
.notice .notice_more{position:absolute; right:27px; bottom:18px; color:#0047ba; font-size:15px; text-decoration:underline; line-height:25px;}
.notice .slick-arrow{position:absolute; top:56px; z-index:9999999; width:13px; height:25px; background:url(../images/main/arrow.png) no-repeat;}
.notice .slick-arrow.slick-prev{left:-40px;}
.notice .slick-arrow.slick-next{right:-40px; transform:rotate(180deg);}
.notice.addImg{margin-bottom:36px;}
.notice.addImg .notice_item{padding-left: 239px;}
.notice.addImg .notice_img{overflow:hidden; position:absolute; top:0; left:0; bottom:0; width:208px; background-color: #fff}
.notice.addImg .notice_img img{width: 100%; height: 100%; object-fit: contain;}

/*news*/
.news_slider{position:relative; max-width:525px; margin:41px auto 0 auto;}
.news_slider .slick-list{overflow:visible;}
.news_slider .news_item{position:relative; padding:28px 32px 51px 32px; border:1px solid #ccc; border-radius:5px; background-color:#fff; transform:translateY(54px) scale(.7); transition:transform .25s ease-in-out;}
.news_slider .news_item.slick-active{transform:scale(1);}
.news_slider .news_title{display:-webkit-box; overflow:hidden; width:100%; height:54px; font-size:20px; font-weight:600; line-height:27px; white-space:normal; word-wrap:break-word;-webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news_slider .news_text{display:-webkit-box; overflow:hidden; width:100%; height:200px; margin-top:22px; font-size:15px; line-height:25px; white-space:normal; word-wrap:break-word;-webkit-box-orient:vertical; -webkit-line-clamp:8;}
.news_slider .news_more{position:absolute; right:27px; bottom:18px; color:#0047ba; font-size:15px; text-decoration:underline; line-height:25px;}
.news_slider .slick-arrow{position:absolute; top:56px; z-index:9999999; width:13px; height:25px; background:url(../images/main/arrow.png) no-repeat; object-fit: contain}
.news_slider .slick-arrow.slick-prev{left:-40px;}
.news_slider .slick-arrow.slick-next{right:-40px; transform:rotate(180deg);}
.news_slider.addImg{margin-bottom:36px;}
.news_slider.addImg .news_item{padding-left: 239px;}
.news_slider.addImg .news_img{overflow:hidden; position:absolute; top:0; left:0; bottom:0; width:208px; background-color: #fff}
.news_slider.addImg .news_img img{width: 100%; height: 100%; object-fit: contain;}

@media(max-width: 1000px){
    .news_slider{max-width:350px; margin:28px auto 0 auto;}
    .news_slider .news_item{padding:18px 22px 34px 22px; transform:translateY(36px) scale(.7);}
    .news_slider .news_item.slick-active{transform:scale(1);}
    .news_slider .news_title{height:36px; font-size:14px; line-height:18px;}
    .news_slider .news_text{height:133px; margin-top:14px; font-size:10px; line-height:16px;}
    .news_slider .news_more{right:18px; bottom:12px; font-size:10px; line-height:16px;}
    .news_slider .slick-arrow{position:absolute; top:37px;}
    .news_slider .slick-arrow.slick-prev{left:-27px;}
    .news_slider .slick-arrow.slick-next{right:-27px;}
    .news_slider.addImg{margin-bottom:24px;}
    .news_slider.addImg .news_item{padding-left: 159px;}
    .news_slider.addImg .news_img{top:0; left:0; bottom:0; width:139px;}
}

@media(max-width: 600px){
    .news_slider{max-width:263px; margin:20px auto 0 auto;}
    .news_slider .news_item{padding:14px 16px 25px 16px; transform:translateY(27px) scale(.7);}
    .news_slider .news_item.slick-active{transform:scale(1);}
    .news_slider .news_title{height:27px; font-size:10px; line-height:13px;}
    .news_slider .news_text{height:100px; margin-top:11px; font-size:7px; line-height:12px;}
    .news_slider .news_more{right:13px; bottom:9px; font-size:7px; line-height:12px;}
    .news_slider .slick-arrow{position:absolute; top:28px;}
    .news_slider .slick-arrow.slick-prev{left:-20px;}
    .news_slider .slick-arrow.slick-next{right:-20px;}
    .news_slider.addImg{margin-bottom:18px;}
    .news_slider.addImg .news_item{padding-left: 120px;}
    .news_slider.addImg .news_img{top:0; left:0; bottom:0; width:104px;}
}

/* slick */
.slick-slider{position:relative;}
.slick-list{overflow:hidden; position:relative;}
.slick-track{position:relative; top:0; left:0; margin-right:auto; margin-left:auto;}
.slick-track:before, .slick-track:after{display:table;}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left;}
.slick-slide.slick-loading img{display:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;}
.slick-dots{position:absolute; left:0; right:0; bottom:30px; text-align:center;}
.slick-dots li{display:inline-block; vertical-align:top;}
.slick-dots li button{transition:background-color .25s ease-in-out;}

@keyframes visualText{
    from{width:0;}
    to{width:100%;}
}

/* pagination */
.select_paging{padding:35px 0; text-align:center;}
.select_paging li{display:inline-block; margin:0 6px; vertical-align:top;}
.select_paging li a{width:23px; height:23px; color:#0047ba; font-size:20px; font-weight:600; text-align:center; line-height:21px;}
.select_paging li.control a{letter-spacing:-0.1em;}
.select_paging li.control a span{transform:scaleX(.8);}
.select_paging li.num.active a{border-radius:3px; background-color:#0047ba; color:#fff;}