@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');
/* webcss */
.sknavi:focus, .sknavi:active{display:block;width:200px;height:18px;top:1px;margin-left:5px;padding:3px;font-size:100%;font-weight:bold;text-align:center;text-decoration:none;border:1px solid #113355;background:#eee}
.sknavi {position:absolute;top:-500px;z-index:999}
/*a:focus{outline-style:dashed;outline-width:1px}*/
/* Accessibility */
.accessibility, .skip, hr, legend, caption{position:absolute;text-indent:-1000em}
/* Reset */
*{font-family:'Noto Sans KR', sans-serif}
html,body{width:100%;height:100%;font-family:'Noto Sans KR', sans-serif}
body{font-size:14px;line-height:20px;font-family:'Noto Sans KR', sans-serif, '돋움', Dotum;font-weight:400;color:#333}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td{margin:0;padding:0;-webkit-text-size-adjust:none}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block}
img,fieldset{border:0}
ul,ol,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
h6{display:none;}
hr{display:none}
a,a:link{text-decoration:none}
em,i,address{font-style:normal;font-weight:normal}
legend,caption{display:none;clear:both}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit}
table{border-collapse:collapse}
textarea,input{outline-color:-moz-use-text-color;outline-style:none;outline-width:medium}
textarea{resize:none}
label{cursor:pointer}
a:hover,a:active{text-decoration:none}
input,select,.btn{vertical-align:middle}
input::-webkit-input-placeholder{color:#999}
input::-moz-placeholder{color:#999}
input::-ms-input-placeholder{color:#999}
textarea::-webkit-input-placeholder{color:#999}
textarea::-moz-placeholder{color:#999}
textarea::-ms-input-placeholder{color:#999}
input[type='text']{appearance:none;-webkit-appearance:none;-webkit-border-radius:0;}
input[type='password']{appearance:none;-webkit-appearance:none;-webkit-border-radius:0;}
input[type='button']{appearance:none;-webkit-appearance:none;-webkit-border-radius:0;}
textarea{appearance:none;-webkit-appearance:none;-webkit-border-radius:0;}

/* [S] common html */
/* tab_list */
.tab_list{width:1040px;margin:0 auto;}
.tab_list ul:after{content:'';display:block;clear:both;}
.tab_list li{width:20%;float:left;margin-left:-1px;box-sizing:border-box;border:1px solid #e1e1e1;}
.tab_list li:first-child{margin-left:0;}
.tab_list li:nth-child(n+6){margin-top:-1px;}
.tab_list li:nth-child(6n+6){margin-left:0;}
.tab_list li a{display:block;width:100%;height:100%;font-size:15px;line-height:45px;text-align:center;color:#747474;}
.tab_list li a:hover{color:#fff;background:#3e97ce;}
.tab_list li.on a{color:#fff;background:#3e97ce;}

/* board_list_type_01 */
.board_list_type_01{width:850px;margin:0 auto;padding:50px 0 200px;}
.board_list_type_01 .table_title{width:100%;overflow:hidden;font-size:0;}
.board_list_type_01 .table_title strong{display:inline-block;height:50px;line-height:50px;font-size:13px;color:#4c4c4c;text-align:center;box-sizing:border-box;border-top:2px solid #3e97ce;border-bottom:1px solid #eaeaea;}
.board_list_type_01 .table_title strong:nth-child(1){width:10%;}
.board_list_type_01 .table_title strong:nth-child(2){width:70%;}
.board_list_type_01 .table_title strong:nth-child(3){width:20%;}
.board_list_type_01 .table_list{width:100%;padding-bottom:35px;}
.board_list_type_01 .table_list ul{overflow:hidden;}
.board_list_type_01 .table_list li{overflow:hidden;font-size:0;border-bottom:1px solid #eaeaea;}
.board_list_type_01 .table_list li p{display:inline-block;padding:15px 0 15px;line-height:20px;font-size:13px;color:#4c4c4c;box-sizing:border-box;word-break:break-all;text-align:center;vertical-align:middle;}
.board_list_type_01 .table_list li p:nth-child(1){width:10%;}
.board_list_type_01 .table_list li p:nth-child(2){width:70%;padding-left:27px;text-align:left;}
.board_list_type_01 .table_list li p:nth-child(3){width:20%;}
.board_list_type_01 .table_list li p a{line-height:20px;color:#323232;vertical-align:middle;}
.board_list_type_01 .table_list li p a:hover{color:#323232;text-decoration:underline;}

/* board_view_type_01 */
.board_view_type_01{width:850px;margin:0 auto;padding:50px 0 200px;}
.board_view_type_01 .table_title{font-size:0;border-top:2px solid #3e97ce;}
.board_view_type_01 .table_title p{width:100%;display:table;overflow:hidden;line-height:20px;font-size:13px;border-bottom:1px solid #eaeaea;}
.board_view_type_01 .table_title strong{display:none;}
.board_view_type_01 .table_title i{display:none;padding-right:3px;font-style:normal;vertical-align:middle;}
.board_view_type_01 .table_title span{display:table-cell;padding:15px 20px;box-sizing:border-box;color:#323232;vertical-align:middle;}
.board_view_type_01 .content_view{padding:45px 20px 50px;font-size:13px;line-height:18px;}
.board_view_type_01 .table_paginate{font-size:0;border-top:1px solid #eaeaea;}
.board_view_type_01 .table_paginate p{width:100%;display:table;overflow:hidden;line-height:20px;font-size:13px;border-bottom:1px solid #eaeaea;}
.board_view_type_01 .table_paginate strong{display:table-cell;width:13%;padding:15px 0;color:#323232;text-align:center;vertical-align:middle;}
.board_view_type_01 .table_paginate span{display:table-cell;padding:15px 20px;box-sizing:border-box;vertical-align:middle;}
.board_view_type_01 .table_paginate span a{color:#323232;}
.board_view_type_01 .table_paginate span a:hover{color:#323232;text-decoration:underline;}
.board_view_type_01 .btn_c{padding:23px 0 0 0;text-align:center;}
.board_view_type_01 .btn_c a{display:inline-block;width:117px;height:37px;padding:0;text-align:center;cursor:pointer;font-size:12px;line-height:35px;color:#fff;font-weight:bold;border:1px solid #3e97ce;border-radius:0;background:#3e97ce;}

/* paginate_ui */
.paginate_ui{font-size:0;text-align:center;}
.paginate_ui strong{display:inline-block;width:26px;height:26px;margin:0 2px;color:#fff;font-size:13px;font-family:Dotum;line-height:26px;vertical-align:middle;border:1px solid #dfdfdf;background:#3e97ce;}
.paginate_ui a{display:inline-block;width:26px;height:26px;margin:0 2px;color:#888;font-size:13px;font-family:Dotum;line-height:26px;font-weight:700;vertical-align:middle;border:1px solid #dfdfdf;}
.paginate_ui a:hover{color:#fff;background:#3e97ce;}
.paginate_ui img{vertical-align:middle;}
.paginate_ui .pre{display:inline-block;width:auto;margin:0 15px 0 0;border:none;}
.paginate_ui .pre:hover{color:#888;background:none;}
.paginate_ui .next{display:inline-block;width:auto;margin:0 0 0 15px;border:none;}
.paginate_ui .next:hover{color:#888;background:none;}
/* [E] common html */

/* [S] Guide */
#wrap{width:100%;min-width:1200px;position:relative;overflow:hidden;}

#header{position:relative;}
#header:before{content:'';display:block;clear:both;width:100%;height:1px;position:absolute;bottom:45px;left:0;background:#d4d4d4;}
#header:after{content:'';display:block;clear:both;width:100%;height:1px;position:absolute;bottom:0;left:0;background:#d4d4d4;}
header{width:1200px;margin:0 auto;position:relative;}
header .logo{width:222px;height:36px;padding:30px 0 25px;}
header .logo img{width:100%;height:100%;}
header .search{width:113px;height:27px;position:absolute;right:0;top:40px;overflow:hidden;border-radius:20px;border:2px solid #fe6766;}
header .search input{width:100%;height:25px;padding:0 30px 0 10px;font-size:11px;box-sizing:border-box;border:none;}
header .search a{width:17px;height:19px;position:absolute;right:9px;top:4px;text-indent:-1000em;background:url(../images/common/btn_search.png) no-repeat right top;background-size:100% 100%;}
header nav{width:692px;margin:0 auto;border-left:1px solid #ebebeb;}
header nav a{display:inline-block;vertical-align:top;}
header nav>ul{position:relative;}
header nav>ul>li{display:inline-block;margin-left:10px;border-right:1px solid #ebebeb;}
header nav>ul>li:nth-child(1){margin-left:0;}
header nav>ul>li>p{width:162px;height:45px;position:relative;text-align:center;box-sizing:border-box;}
header nav>ul>li>p a{display:block;width:100%;height:100%;position:relative;font-size:13px;line-height:45px;letter-spacing:-1px;color:#444;}
header nav>ul>li>p.active a:after{content:'';display:block;clear:both;width:34px;height:3px;position:absolute;left:40%;bottom:0;background:#ff0000;}
header nav>ul>li>p a:hover:after{content:'';display:block;clear:both;width:34px;height:3px;position:absolute;left:40%;bottom:0;background:#ff0000;}
header nav>ul>li:last-child>p a{padding-right:0;}
header nav .nav_2dep{display:none;height:0;position:absolute;top:62px;opacity:0;z-index:100;text-align:left;}
header nav .nav_2dep span{display:block;}
header nav .nav_2dep a{color:#edf3f7;font-size:15px;line-height:23px;}
header nav .nav_2dep a:before{content:'+';display:inline-block;clear:both;}
header nav li:nth-child(1) .nav_2dep{left:60px;}
header nav li:nth-child(2) .nav_2dep{left:233px;}
header nav li:nth-child(3) .nav_2dep{left:410px;}
header nav li:nth-child(4) .nav_2dep{left:577px;}
#header .nav_2dep_bg{content:'';display:block;clear:both;width:100%;width:692px;height:0;position:absolute;left:50%;top:136px;z-index:10;margin-left:-346px;overflow:hidden;background:rgba(0,0,0,0.7);}

#visual{width:100%;min-width:1200px;height:165px;overflow:hidden;background-repeat:no-repeat;background-position:center top;background-size:auto 100%;}
#visual.visual_about{background-image:url(../images/common/visual_about.jpg);}
#visual.visual_product{background-image:url(../images/common/visual_product.jpg);}
#visual.visual_support{background-image:url(../images/common/visual_support.jpg);}
#visual.visual_pr{background-image:url(../images/common/visual_pr.jpg);}
#visual .visual_title{padding-top:60px;text-align:center;font-size:30px;line-height:30px;color:#fff;font-weight:500;}
#visual .visual_sub_title{padding-top:10px;text-align:center;font-size:15px;line-height:30px;color:#fff;}

#container{width:1200px;margin:0 auto;position:relative;}
#container:after{content:'';display:block;clear:both;}
aside{padding:50px 0 200px;float:left;}
aside .title{font-size:22px;font-weight:500;color:#575757;background:url(../images/common/aside_title_icon.png) no-repeat 90% center;background-size:27px 15px;}
aside ul{margin-top:15px;border-top:1px solid #ddd;}
aside li{width:250px;box-sizing:border-box;border-bottom:1px solid #ddd;}
aside li.on a{color:#fff;font-weight:700;background:#3e97ce;}
aside li.on a strong{font-weight:700;}
aside li a{display:block;padding:7px 10px 7px;font-size:14px;color:#575757;}
aside li strong{display:block;font-weight:400;}
aside li strong:before{content:'+';display:inline-block;clear:both;padding-right:5px;}
aside li span{letter-spacing:-1px;}
aside li span:before{content:'-';display:inline-block;clear:both;padding:0 5px 0 12px;}
aside li a:hover{color:#fff;font-weight:700;background:#3e97ce;}
aside li .active{color:#fff;font-weight:700;background:#3e97ce;}
aside li a:hover strong{font-weight:700;}
#contents{width:930px;float:right;padding:40px 0 200px;}
#contents:after{content:'';display:block;clear:both;}
#contents .title{margin-bottom:40px;padding-bottom:14px;font-size:14px;line-height:24px;color:#787878;border-bottom:1px solid #d4d4d4;}
#contents .title strong{font-size:20px;font-weight:35px;color:#000;}

#footer{padding:25px 0 35px;color:#fff;background:#5b5b5b;}
footer{width:1200px;margin:0 auto;font-size:12px;}
footer img{vertical-align:top;}
footer:after{content:'';display:block;clear:both;}
footer .logo{width:249px;height:35px;float:left;margin-right:117px;padding-top:30px;}
footer .logo img{width:100%;height:100%;}
footer address{float:left;}
footer address .address_kr{float:left;margin-right:80px;}
footer address .address_en{float:left;}
footer address strong{display:block;font-weight:500;font-size:13px;}
footer address i{display:inline-block;margin-bottom:3px;padding-left:15px;font-weight:300;background-repeat:no-repeat;background-position:left center;background-size:13px auto;}
footer address i.i_tel{background-image:url(../images/common/address_icon_tel.png);}
footer address i.i_fax{background-image:url(../images/common/address_icon_fax.png);}
/* [E] Guide */

/* main */
.main #visual{height:363px;position:relative;z-index:0;overflow:hidden;background-repeat:no-repeat;background-position:center top;background-size:auto 100%;}
.main #visual strong{display:none;}
.main .contents{width:1200px;margin:0 auto;padding:42px 0 65px;}
.main .contents:after{content:'';display:block;clear:both;}
.main .contents .title{width:350px;float:left;padding:170px 75px 0 0;font-size:20px;line-height:25px;text-align:right;box-sizing:border-box;}
.main .contents .title em{display:block;padding-bottom:5px;color:#fe0807;}
.main .contents .title i{display:block;margin-right:12px;padding:0 35px 10px 0;color:#000;border-bottom:2px solid #fe3939;}
.main .contents .list{float:left;}
.main .contents .list ul:after{content:'';display:block;clear:both;}
.main .contents .list li{margin-right:27px;float:left;border:1px solid #cdcdcd;}
.main .contents .list li:last-child{margin-right:0;}
.main .contents .list li a img{width:263px;height:182px;}
.main .contents .list li a p{color:#4c4c4c;font-size:16px;line-height:48px;text-align:center;border-top:1px solid #cdcdcd;}

/* greeting */
.greeting .inner{padding:30px 0 400px;text-align:center;background:url(../images/about/bg_greeting.jpg) no-repeat center 87px;}
.greeting .txt_title{font-size:20px;color:#3e97ce;}
.greeting .txt{padding-top:23px;color:#4c4c4c;}

/* history */
.history #container{width:100%;padding:30px 0 400px;background:url(../images/about/bg_history.jpg) no-repeat center bottom;}
.history .inner{width:1200px;margin:0 auto;}
.history .inner .txt_title{font-size:20px;color:#333;text-align:center;}
.history .inner .txt_title strong{color:#3e97ce;}
.history .tab_Js_type_01{padding-top:52px;}
.history .tab_Js_type_01:after{content:'';display:block;clear:both;}
.history .tab_btn_list{width:538px;padding-bottom:359px;float:left;background:url(../images/about/history_img.jpg) no-repeat left bottom;background-size:100% auto;}
.history .tab_btn_list ul:after{content:'';display:block;clear:both;}
.history .tab_btn_list li{width:20%;height:48px;float:left;box-sizing:border-box;border:1px solid #ddd;}
.history .tab_btn_list li a{display:block;width:100%;height:100%;line-height:48px;color:#4c4c4c;text-align:center;}
.history .tab_btn_list li.active a{color:#fff;background:#3e97ce;}
.history .tab_btn_list li a:hover{color:#fff;background:#3e97ce;}
.history .tab_contents{width:490px;float:left;margin-left:35px;}
.history .tab_content{width:100%;padding-top:48px;}
.history .tab_content .item{width:100%;padding:30px 0;border-top:1px solid #d1d4d4;}
.history .tab_content .item strong{display:block;padding-bottom:13px;font-size:25px;font-weight:400;color:#3e97ce;}
.history .tab_content .item li{padding-bottom:3px;font-size:14px;line-height:24px;}
.history .tab_content .item li i{margin-right:10px;color:#ff0000;}

/* location */
.location .txt{padding:40px 0 20px;font-size:13px;line-height:23px;}
.location .map{width:100%;}
.location .map .root_daum_roughmap{width:100%;}

/* product */
.product #contents ul:after{content:'';display:block;clear:both;}
.product #contents li{width:19%;float:left;margin:0 1% 15px 0;}
.product #contents li:nth-child(5n+5){margin-right:0;}
.product #contents li a{display:block;height:250px;position:relative;padding:10px;box-sizing:border-box;border:1px solid #d3d3d3;}
.product #contents li img{width:100%;}
.product #contents li p{position:absolute;left:0;bottom:0;padding:15px;color:#000;line-height:25px;font-size:13px;}

.product_view .img{text-align:center;}
.product_view .txt{padding-top:40px;}
.product_view .txt dl{padding-bottom:20px;}
.product_view .txt dt{font-size:15px;line-height:25px;color:#3e97ce;}
.product_view .txt dd{font-size:13px;line-height:23px;color:#000;}

/* inquiry */
.inquiry aside{position:absolute;left:0;top:0;float:none;padding:0;}
.inquiry aside > div{width:203px;height:197px;position:relative;overflow:hidden;}
.inquiry aside u{display:block;padding-top:86px;font-size:20px;color:#4c4c4c;text-align:center;text-decoration:none;}
.inquiry aside p{width:100%;padding:20px 0 23px;position:absolute;left:0;bottom:0;text-align:center;color:#fff;font-size:16px;line-height:26px;}
.inquiry aside p span{display:block;}
.inquiry aside p em{display:block;}
.inquiry aside .info_tel{border-radius:0 0 30px 0;border:2px solid #3e97ce;border-top:none;background:url(../images/common/quick_icon_tel.png) no-repeat center 17px;}
.inquiry aside .info_tel p{padding:10px 0 14px;background:#3e97ce;}
.inquiry aside .info_email{border-radius:0 30px 0 0;border:2px solid #808080;background:url(../images/common/quick_icon_email.png) no-repeat center 17px;}
.inquiry aside .info_email p{background:#808080;}
.inquiry .inner{width:420px;margin:0 auto;padding:40px 0 200px;}
.inquiry .inner .inp{width:100%;height:30px;padding:0 10px;box-sizing:border-box;border:1px solid #e4e4e4;}
.inquiry .inner textarea{width:100%;height:100px;padding:10px;box-sizing:border-box;border:1px solid #e4e4e4;}
.inquiry .inner .title{font-size:20px;line-height:24px;color:#787878;text-align:center;}
.inquiry .inner .inquiry_title{padding-top:10px;}
.inquiry .inner ul:after{content:'';display:block;clear:both;}
.inquiry .inner li{width:48%;margin-right:4%;padding-top:10px;float:left;}
.inquiry .inner li:nth-child(2n+2){margin-right:0;}
.inquiry .inner li:last-child{width:100%;}
.inquiry .inner li:last-child i{display:block;}
.inquiry .inner li i{font-size:12px;}
.inquiry .inner .btn_inquiry{display:block;width:100%;height:50px;margin-top:20px;font-size:15px;color:#fff;line-height:50px;text-align:center;background:#3e97ce;}

/* certificate */
.certificate #container{width:100%;}
.certificate .inner{padding:40px 0 200px;}
.certificate .swiper{padding-top:75px;}
.certificate .swiper-slide{width:310px;height:628px;}
.certificate .swiper-slide img{width:100%;position:absolute;left:0;bottom:0;box-sizing:border-box;border:1px solid #d8d8d8;}
.certificate .swiper-slide-active{width:493px;}
.certificate .swiper-slide-active img{border:5px solid #3e97ce;}