/* Written By MJS */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@font-face { font-family: 'NotoSerifKR'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff'); font-weight: normal; font-style: normal; }

html,body,p,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,img,fieldset,header,h3,a{font-family: 'Noto Sans KR', sans-serif;border:0;margin:0;padding:0;color:#282828;font-weight:normal;}
img,fieldset{border:0;margin:0;padding:0;}
ul,ol{list-style:none}
em,address{font-style:normal}
a{border:0;cursor:pointer;color:#333;}
a:link{border:0;color:#333;text-decoration:none}
a:visited,a:hover,a:active{border:0;color:#333;text-decoration:none}
table{border-spacing:0;padding:0;border:0;border-collapse:collapse}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}


html,body{min-width:1100px;}





/*==================================== ÃÖ»ó´Ü ====================================*/
.top_left{float:left;}
.top_right{float:right;}
.top_right a{margin-left:15px;}
.top_left a,.top_right a{font-size:11px;color:#333;line-height:30px;letter-spacing:1px;}





/*==================================== »ó´Ü ====================================*/
/* »ó´Ü °í°´¼¾ÅÍ */
.top_cs{position:absolute;top:15px;left:0;height:50px;}

/* ·Î°í */
.logo{position:relative;margin:0 auto;width:294px;height:74px;}
.logo img{float:left;width:100%;}

/* »ó´Ü »ó´ã¹®ÀÇ */
.top_time{position:absolute;top:20px;right:0;height:50px;}





/*==================================== ¸Þ´º ====================================*/
#menu{position:relative;float:left;width:100%;height:50px;background:#008842;}
.menu{position:relative;width:1100px;height:50px;margin:0 auto;}/* ¸Þ´º Ʋ À§Ä¡ */
.menu > ul{position:relative;float:left;width:100%}
.menu > ul > li{position:relative;float:left;width:16.5%;line-height:50px;height:50px;text-align:center;border-right:1px solid #73ab8e;}
.menu > ul > li:first-child{border-left:1px solid #73ab8e;}
.menu > ul > li > a{float:left;display:block;width:100%;height:50px;font-size:17px;letter-spacing:-0.05em;font-weight:bold;color:#fff;padding-bottom:30px;}
.menu > ul > li > a:hover{color:gold}
.menu > ul > li > ul{display:none;}/* ¸¶¿ì½º¿À¹ö ½Ã ³ª¿À´Â ¸Þ´º */
.menu > ul > li:hover ul{position:absolute;left:0;top:50px;width:100%;display:block;background:#ffc600;}
.menu li li{display:inline-block;float:left;width:100%;background:none;text-align:left;}
.menu li li a{float:left;display:block;width:100%;height:34px;line-height:34px;font-size:13px;font-weight:600;color:#000;text-align:center;cursor:pointer;z-index:999999999999999}
.menu li li a:hover{display:block;font-weight:600;background:#f16c1c;color:#fff;}





/*=================================== ¸ÞÀÎ ===================================*/
/* ¸ÞÀκñÁÖ¾ó */
.main_slide{position:relative;float:left;width:2000px;height:540px;overflow:hidden;}
.main_slide ul li{position:absolute;top:0;left:0;}
.main_slide .nav_wrap{position:absolute;bottom:30px;height:16px;z-index:2;}
.main_slide .nav_wrap ul{display:block;position:relative;margin:0;padding:0;}
.main_slide .nav_wrap ul li{display:inline-block;position:relative;width:16px;height:16px;padding:0 5px;cursor:pointer;}
.main_slide .nav_wrap.bullet{text-align:center;height:16px;}
.main_slide .nav_wrap.bullet ul{display:inline-block;zoom:1;*display:inline;}
.main_slide .nav_wrap.bullet ul li{float:left;width:16px;height:16px;text-indent:-999999999px;background:url(../img/bullet_off.png) no-repeat;}
.main_slide .nav_wrap.bullet ul li.on{float:left;background:url(../img/bullet_on.png) no-repeat;}


/* ¸ÞÀÎ ÄÁÅÙÃ÷ */
.photo_w{position:relative;float:left;width:1099px;border:1px solid #ccc;border-left:none;border-bottom:none;background:#fff;}
.photo{position:relative;float:left;width:472px;min-height:284px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;padding:38px;}
.m_title{float:left;width:100%;height:50px;line-height:28px;font-size:26px;font-weight:600;text-align:left;color:#000;}
.photo p{float:left;line-height:22px;font-size:13px;color:#555;}
.photo ul{float:left;width:100%;}
.photo ul li{float:left;width:225px;margin-left:20px;}
.photo ul li:first-child{margin:0;}
a.more{position:absolute;top:40px;right:40px;height:50px;line-height:28px;font-size:26px;font-weight:600;color:#000;}
a.more2{position:absolute;bottom:40px;left:40px;width:80px;height:40px;line-height:40px;font-size:14px;font-weight:600;text-align:center;color:#fff;background:#273995;}


/* ÀÎÁõ¼­, °í°´¼¾ÅÍ */
.certi{position:relative;float:left;width:682px;}
.certi ul{float:left;width:682px;}
.certi ul li{float:left;width:124px;height:172px;border:3px solid #ae9051;margin-left:8px;}
.certi ul li img{width:124px;height:172px;}
.certi ul li:first-child{margin:0;}
a.more3{position:absolute;top:0;right:0;height:50px;line-height:28px;font-size:26px;font-weight:600;color:#000;}

.customer{position:relative;float:left;width:270px;border-left:1px solid #ccc;margin-left:34px;padding-left:34px;}
.customer a{float:left;}
.customer p{float:left;line-height:18px;font-size:13px;color:#000;margin:19px 0;letter-spacing:-1px;}
.cs_num{float:left;height:42px;line-height:42px;padding-left:50px;font-size:38px;font-weight:bold;letter-spacing:-3px;color:#b00000;background:url(../img/cs_icon.png) no-repeat 0 0;}




/*===================================== ÇÏ´Ü =====================================*/
.copy{float:left;font-size:13px;color:#fff;line-height:20px;font-weight:400;}





/*============================ »çÀ̵å¹Ù ============================*/
/* ¿À¸¥ÂÊ »çÀ̵å¹Ù */
#side_right{position:absolute;top:80px;right:-30px;z-index:100000000000000;}
#side_right .side_right_fixed{position:fixed;display:block;width:100px;background:none;z-index:10000;}
#side_right .side_right_fixed a{float:left;}





/*============================ ¼­ºê ============================*/
/* ¼­ºêºñÁÖ¾ó */
#sub_visual{position:relative;float:left;width:100%;height:200px;overflow:hidden;}
.s_visual{position:absolute;top:0;left:50%;width:2000px;height:200px;margin-left:-1000px;}


/* ÁÂÃø¸Þ´º */
.left{position:relative;float:left;width:198px;}
.left_title{position:relative;float:left;width:198px;padding:50px 0;line-height:36px;font-size:30px;font-weight:600;color:#fff;text-align:center;letter-spacing:-1px;background:#5f5f5f;}/* ūŸÀÌƲ */
.left_title span{float:left;width:100%;text-align:center;line-height:16px;font-size:13px;font-weight:600;letter-spacing:0;margin-top:14px;}
ul.left_mn{position:relative;float:left;width:198px;margin-bottom:100px;}
ul.left_mn li{float:left;width:198px;}
ul.left_mn li a{float:left;display:block;width:183px;height:50px;line-height:50px;padding-left:15px;font-size:16px;font-weight:600;color:#555;background:url(../img/left_mn_off.gif) no-repeat;}
ul.left_mn li a:hover{color:#fff;background:url(../img/left_mn_on.gif) no-repeat;}
ul.left_mn li a.on{color:#fff;background:url(../img/left_mn_on.gif) no-repeat;}
.left_cs{float:left;width:200px;height:202px;}/* ÁÂÃø °í°´¼¾ÅÍ */


/* ¼­ºê ÄÁÅÙÃ÷ */
.page_title{position:relative;float:left;width:100%;height:34px;padding-bottom:24px;border-bottom:2px solid #ccc;margin:40px 0;}/* ÆäÀÌÁö ŸÀÌƲ */
.page_title p{height:34px;line-height:34px;font-size:32px;font-weight:600;}
.page_navi{position:absolute;right:0;bottom:20px;font-size:12px;color:#898989;}/* ¼­ºê °æ·ÎÇ¥½Ã */
.page{position:relative;float:left;width:100%;min-height:700px;padding-bottom:60px;}/* ÆäÀÌÁö */



/* ã¾Æ¿À½Ã´Â±æ */
.add{position:relative;float:left;width:100%;line-height:30px;font-size:18px;font-weight:600;color:#333;margin-top:30px;}


/* »ö»óÇ¥ */
.color_list{float:left;width:860px;}
.color_list ul{float:left;width:900px;margin-left:-20px;}
.color_list ul li{float:left;width:184px;height:230px;margin:20px;}
.color_list ul li p{float:left;width:100%;line-height:24px;font-size:18px;font-weight:600;color:#333;margin-top:8px;text-align:center;}


/* ½Ã°ø³»¿ª */
.build_list{float:left;width:860px;}
.build_list ul{float:left;width:880px;margin-left:-10px;}
.build_list ul li{float:left;width:420px;margin:0 10px;height:430px;}
.build_list ul li p{float:left;width:100%;font-size:18px;font-weight:600;color:#333;margin-top:8px;letter-spacing:-1px;text-align:center;}


/* È­Àå½ÇÄ­¸·ÀÌ-Çϵå¿þ¾î */
.hard_list{float:left;width:860px;}
.hard_list ul{float:left;width:876px;margin-left:-8px;}
.hard_list ul li{float:left;width:276px;margin:0 8px;height:280px;}
.hard_list ul li p{float:left;width:100%;font-size:18px;font-weight:600;color:#333;margin-top:8px;letter-spacing:-1px;text-align:center;}


/* °í°´¼¾ÅÍ */
.cs_center{float:left;width:860px;}
.cs_left{float:left;width:406px;padding:40px;background:#f9f9f9;}
.cs_left_tt{float:left;font-size:50px;font-weight:bold;color:#b0b0b0;letter-spacing:-2px;margin-bottom:30px;}
.cs_left_txt{float:left;font-size:18px;line-height:30px;color:#555;}
.cs_right{float:left;width:374px;height:500px;background:url(../img/6-1.jpg) no-repeat 0 -210px;}





/*===================================== 240406 Ãß°¡ =====================================*/
/* ¸®´º¾óÁßÀÔ´Ï´Ù. */
#renewal{display:block;width:100%;text-align:center;position:absolute;top:50%;transform:translate(0, -50%);}
#renewal img{display:inline-block;width:320px;}
#renewal h1{display:block;width:100%;line-height:100%;font-size:40px;color:#3277cc;}
#renewal p{display:block;width:100%;line-height:30px;font-size:20px;color:#666;margin:2% 0;}
#renewal a{display:block;width:100%;line-height:100%;font-size:20px;font-weight:bold;color:#3277cc;}
#renewal a b{font-size:17px;color:#000;}


/* ¼­ºêŸÀÌƲ */
h1.sub_title{position:relative;float:left;width:100%;line-height:100%;font-size:26px;margin-bottom:30px;color:#333;padding-top:16px;}
h1.sub_title:after{content:"";position:absolute;left:0;top:0;width: 32px;height:4px;background:#114aee;}
h1.sub_title p{line-height:100%;font-size:14px;color:#777;margin-top:16px;}


/* Àλ縻 */
#greeting{position:relative;float:left;width:100%;height:700px;text-align:center;background:url(../img/gree_bg.jpg) no-repeat;background-size:100%;}
#greeting:after{content:"";position:absolute;left:50%;top:50%;display:block;width:560px;height:40%;background:url(../img/gree_txt.png) no-repeat;background-size:100%;margin:-50px 0 0 -280px;z-index:1;}
#greeting img{position:absolute;left:50%;bottom:80px;width:260px;margin:0 0 0 -130px;}


/* º®ÆгÎ~Æгλö»óÇ¥ */
.pro_method{position:relative;float:left;width:100%;margin-bottom:6%;}
.pro_method ul{float:left;width:104%;margin-left:-2%;}
.pro_method ul li{position:relative;float:left;width:46%;margin:2%;overflow:hidden;}
.pro_method ul li img{float:left;width:100%;}
.pro_method ul li b{float:left;width:100%;line-height:46px;font-size:18px;text-align:center;margin-top:20px;background:#00309d;color:#fff;}
.pro_method table{float:left;width:100.6%;margin-top:3%;}
.pro_method table th,.pro_method table td{font-size:14px;text-align:center;padding:4px 10px;border:1px solid #78c2ea;border-left:none;}
.pro_method table th{padding:6px;background:#e8f2f8;}
.pro_method table td{}
.pro_method table td p{text-align:left !important;}

.pro_method2{position:relative;float:left;width:100%;margin-bottom:6%;}
.pro_method2 ul{float:left;width:100%;}
.pro_method2 ul li{float:left;width:100%;text-align:center;}
.pro_method2 ul li:first-child{margin-bottom:7%;}
.pro_method2 ul li img{display:inline-block;width:70%;}
.pro_method2 ul li b{float:left;width:100%;line-height:46px;font-size:18px;margin-top:20px;background:#00309d;color:#fff;}

.pro_icon{position:relative;float:left;width:100%;margin-bottom:6%;}
.pro_icon ul{float:left;width:100%;box-sizing:border-box;padding:2% 4%;border:10px solid #c1ead3;}
.pro_icon ul li{display:table;width:100%;box-sizing:border-box;padding:2%;border-top:1px solid #c1ead3;}
.pro_icon ul li:first-child{border-top:none;}
.pro_icon ul li img{float:left;width:70%;}
.pro_icon ul li p{display:table-cell;width:83%;margin-left:5%;font-size:17px;vertical-align: middle;color:#555;}
.pro_icon ul li p b{float:left;width:100%;line-height:100%;font-size:20px;margin-bottom:15px;color:#00622b;letter-spacing:-0.05em;}

.pro_text{position:relative;float:left;width:100%;margin-bottom:6%;}
.pro_text ul{position:relative;float:left;width:100%;}
.pro_text ul li{position:relative;float:left;width:100%;line-height:48px;font-size:19px;box-sizing:border-box;padding:2%;padding-left:60px;font-weight:600;background:#e8f2f8;letter-spacing:-0.05em;}
.pro_text ul li:after{content:"";position:absolute;left:0;top:50%;display:block;width:24px;height:24px;background:url(../img/check_bullet.png) no-repeat 0 0;background-size:100%;margin:-12px 0 0 26px;z-index:1;}
.pro_text ul li:nth-child(even){background:#d1e7f3;}


/* »ö»ó Ç¥º» */
.pro_type{position:relative;float:left;width:100%;box-sizing:border-box;padding:4%;background:#e8f2f8;margin-bottom:6%;}
.pro_type ul{float:left;width:102%;margin-left:-1%;}
.pro_type ul li{float:left;width:23%;margin:1%;}
.pro_type ul li img{float:left;width:100%;}
.pro_type ul li b{float:left;width:100%;line-height:100%;font-size:16px;text-align:center;margin-top:16px;}

.pro_type2{position:relative;float:left;width:100%;margin-bottom:6%;}
.pro_type2 ul{float:left;width:102%;margin-left:-1%;}
.pro_type2 ul li{float:left;width:11.5%;margin:0 0.5% 3% 0.5%;}
.pro_type2 ul li img{float:left;width:100%;}
.pro_type2 ul li b{float:left;width:100%;line-height:100%;font-size:14px;text-align:center;margin-top:6px;}