/*Æú´õ³»*/

@import url("/css/css_2020/font.css");
@import url('/css/css_2020/font_Spoqa.css');



/********************************************************* reset ****************************************************************/
*{margin:0; padding:0; box-sizing:border-box;}
body {background-color: #fff; width: 100%; /*height: 100%; overflow:hidden;*/ font-family:'Noto Sans KR','Noto Sans KR','Spoqa Han Sans','µ¸¿ò','Dotum','Dotumche'; word-break: keep-all; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6 { font-size:1em; font-family:'Noto Sans KR', "Noto Sans KR"; }
ol,ul{list-style:none; }
hr{display:none;}
fieldset, img { border:0;}
img {max-width:100%;}
img,input,select,label{vertical-align:middle;}
html,body,main, form{height:100%;}
/********************************************************* //reset ******************************************************************/



/*¸ð¹ÙÀÏ
#mobile_DWP{display:none;}
#main{display:block;}
*¸ð¹ÙÀÏ*/


/**********************************************************notice*start**********************************************/
#notice{width:100%; max-width:100%; height:138px; overflow:hidden; margin:0 auto;  background:rgba(0,95,193,0.9); left: 0px; right: 0px; bottom: 0px; z-index:100; position:absolute;}
#notice #n_inner{width:1200px; height:138px; margin:0 auto;  position: relative;}
#notice #n_inner .not_box  { position: absolute; top: 50%; transform: translate(0, -50%); float:left; text-align:left; height:auto; width:100%;}
#notice #n_inner .not_box li{ height:auto; display:inline;float:left;}
#notice #n_inner .not_box .not_icon {padding-left:14px; margin-right:26px; width: auto;}
#notice #n_inner .not_box .not_icon ima {border:0;}
#notice #n_inner .not_box .not_tit {width: auto;  margin-right:26px;  font-family:'Noto Sans KR','Noto Sans KR R','Spoqa Han Sans','sans-serif'; font-weight:400; font-size:28px; color:#fff; letter-spacing: -0.0375em; line-height:38px;}
#notice #n_inner .not_box .not_tit  a:link     {color: #fff; text-decoration: none;}
#notice #n_inner .not_box .not_tit  a:visited  {color: #fff; text-decoration: none;}
#notice #n_inner .not_box .not_tit  a:hover    {color: #fff; text-decoration: none;}

#notice #n_inner .not_box .not_txt {width: auto; padding-left:26px; font-family:'Spoqa Han Sans','Noto Sans KR','sans-serif'; font-weight:300; font-size:28px; color:#fff; /*letter-spacing: -0.0375em;*/  background: url(/images/not_line01.png) 0px 8px no-repeat; line-height:38px;}
#notice #n_inner .not_box .not_btn {margin-left:10px;}

/***********************************************************notice*end*************************************************/




/********************************************************service*start*************************************************/
#service {width:100%; max-width:100%; min-height:736px; height:auto; overflow:hidden; margin:0 auto; background:#f1f3f7; position:relative;}
#service #s_inner {width:1210px; height:auto;  overflow:hidden; margin:0 auto; padding-top:80px; padding-bottom:80px;}

/*ŸÀÌƲ*/
#service #s_inner .con_tit { margin-bottom:29px; font-family:'Noto Sans KR','Noto Sans KR B','Spoqa Han Sans','sans-serif'; font-weight:700; font-size:45px; color:#222; letter-spacing: -0.0375em; line-height:58px;}

/*¼­ºñ½º ·Ñ¸µ Box*/
#service #s_inner #ser_box {width:1210px; height:460px; position:relative; } 
/*¼­ºñ½º ¹öÆ°*/
#ser_btn {float:left; left:466px; top:5px; width:auto; height:47px; position:absolute; z-index:30; }
/*#ser_btn .ser_btnD {float:left; width:auto; height:auto; overflow:hidden; }*/

.serbtn_left {float:left; width:47px; height:47px; position:absolute; z-index:40; top:0px; cursor:pointer;}
.serbtn_left ima {border:0; width:100%; max-width:100%;}

.serbtn_right {float:left; width:47px; height:47px; position:absolute; z-index:40; top:0px; left:47px; cursor:pointer; }
.serbtn_right ima {border:0; width:100%; max-width:100%;}


#ser_btn .ser_btn_con {position:absolute; float:left; width:210px; height:47px; background: url(/images/service/ser_btn_bg.png) 36px 22px no-repeat; float:left; left:85px; top:0px;  z-index:35; }
.ser_more {font-family:'Noto Sans KR','Noto Sans KR R','Spoqa Han Sans','sans-serif'; font-weight:400; font-size:18px; color:#333; letter-spacing: -0.0375em; line-height:45px; padding-left:150px;}
.ser_more a:link     {color: #333; text-decoration: none;}
.ser_more a:visited  {color: #333; text-decoration: none;}
.ser_more a:hover    {color: #333; text-decoration: none;}



/*¼¼ºÎ ¼­ºñ½º DIV*/
.ser_con {float:left; width:1210px; height:460px; overflow:hidden; z-index:20; padding-left:5px; padding-top:5px;}
.ser_D li{float:left; width:450px; overflow:hidden; box-shadow: 3px 3px 12px #c1c2c3; margin-right:30px; }
.ser_D li ima {border:0; width:100%; max-width:100%;}
.ser_consm{float:left;  width:760px; height:460px;  overflow:hidden; z-index:17; position:absolute; top:5px; left:467px;}
.ser_consm_D li{float:left; width:362px;  overflow:hidden; box-shadow: 3px 3px 12px #c1c2c3; margin-top:70px;}
.ser_consm_D li ima {border:0; width:100%; max-width:100%;}

/*20200922 Ãß°¡*/

.main-service-slide-wrap {float:left; width:1210px; height:460px; overflow:hidden; z-index:20; padding-left:5px; padding-top:5px;}
.main-service-slide-wrap .main-service-big-slide-container {float:left;  width:433px; height:438px;}/*20210223Ãß°¡1*/
.main-service-slide-wrap .main-service-big-slide-container ima { width:100%; max-width:100%;}/*20210223Ãß°¡2*/
/*.main-service-slide-wrap .main-service-small-slide-container {float:left; width:750px; height:366px; }*/

.main-service-slide-wrap .main-service-big-slide-container .main-service-big-slide li {float:left; width:450px; overflow:hidden; box-shadow: 3px 3px 12px #c1c2c3; margin-right:32px;}
.main-service-slide-wrap .main-service-big-slide-container .main-service-big-slide li ima {border:0; width:100%; max-width:100%;}
.main-service-slide-wrap .main-service-big-slide-container .slick-slide {margin-right:10px; margin-bottom:10px;}


.main-service-slide-wrap .main-service-small-slide-container .main-service-small-slide li {float:left; width:362px; overflow:hidden; box-shadow: 3px 3px 12px #c1c2c3; }  
.main-service-slide-wrap .main-service-small-slide-container .main-service-small-slide li.service-big-slide-img-thum{margin-right:32px;}
.main-service-slide-wrap .main-service-small-slide-container .slick-slide {margin-right:30px;  margin-bottom:10px;}
/*********************************************************service*end***************************************************/




/**********************************************************cs*start******************************************************/
#customer{width:100%; max-width:100%;  min-height:632px; height:auto; overflow:hidden; margin:0 auto;}
#customer #cs_inner{width:1200px;  height:auto; overflow:hidden;  margin:0 auto;  padding-top:80px; padding-bottom:80px;}


/*ŸÀÌƲ box*/
.customer_tit_box {float:left; width:1200px; height:196px; background: url(/images/customer/cs_bg.png) 863px no-repeat;}
/*ŸÀÌƲ*/
.customer_tit_box .con_tit {float:left; width:100%; font-family:'Noto Sans KR','Noto Sans KR B','Spoqa Han Sans','sans-serif'; font-weight:700; font-size:45px; color:#222; letter-spacing: -0.0375em; line-height:58px; height:58px;}


.MB_customer_tit_box { display:none;}/*20210223 Ãß°¡3*/
/*20200928 ¼öÁ¤*/
.customer_tit_box .con_number {float:left; width:100%; }
.customer_tit_box .con_number li{ float:left; display:inline; color:#222; line-height:48px; padding-right:24px; height:48px;}
.customer_tit_box .con_number li.phon{font-family:'Spoqa Han Sans','Noto Sans KR R','Noto Sans KR','sans-serif'; font-weight:700; font-size:39px; }/*Ãß°¡*/
.customer_tit_box .con_number li.fax{font-family:'Spoqa Han Sans','Noto Sans KR B','Noto Sans KR','sans-serif'; font-weight:700; font-size:32px;  letter-spacing: -0.0375em;}/*Ãß°¡*/
.customer_tit_box .con_number li.cs_number_bg{background: url(/images/customer/cs_number_bg.png) 0px 12px no-repeat; padding-left:21px;}

.customer_tit_box .con_txt li{ float:left; display:inline; font-family:'Noto Sans KR','Spoqa Han Sans','Noto Sans KR','sans-serif'; font-weight:300; font-size:20px; color:#666; letter-spacing: -0.0375em; line-height:40px; padding-right:18px;}
.customer_tit_box .con_txt li.cs_txt_bg{background: url(/images/customer/cs_txt_bg.png) 0px 12px no-repeat; padding-left:16px;}

/*¸Þ´º*/
.MB_customer_menu_box { display:none;}/*20210223 Ãß°¡4*/
.customer_menu_box {float:left; width:1200px; height:262px; overflow:hidden; border:1px solid #e5e5e5;}
.customer_menu_box .cs_sbox {float:left; width:238px; height:262px; padding-top:48px; text-align:center;}
.customer_menu_box .cs_sbox_R {float:left; width:240px; height:262px; border-right:1px solid #e5e5e5; text-align:center; padding-top:48px;}

.sbox_menu {margin:auto 0; width:100%; height:auto; overflow:hidden;}
.sbox_menu dt {height:107px; margin:auto 0; text-align:center;}
.sbox_menu dd {margin:auto 0; text-align:center; height:41px; line-height:41px; font-family:'Noto Sans KR','Noto Sans KR B','Spoqa Han Sans B','sans-serif'; font-weight:700; font-size:20px; color:#222; letter-spacing: -0.0375em;  margin-top:23px;}

.sbox_menu dd a:link     {color: #222; text-decoration: none;}
.sbox_menu dd a:visited  {color: #222; text-decoration: none;}
.sbox_menu dd a:hover    {color: #0c64bf; text-decoration: none;}/*20200924 °í°´¼¾ÅÍ ·Ñ¿À¹ö */

/*ÆÄÆ®³Ê½º Ãß°¡*/
.customer_menu_box .cs_sbox_R6 {float: left; width: 16.66667%; height: 262px; border-right: 1px solid #e5e5e5; text-align: center; padding-top: 48px;}
.customer_menu_box .cs_sbox6 {float: left; width: 16.66667%; height: 262px; padding-top: 48px; text-align: center;}
/*//À©Å¥ºê ±âÇÁƼ¼¥ Ãß°¡*/


/*À©Å¥ºê ±âÇÁƼ¼¥ ¼öÁ¤*/
.sbox_menu {margin:auto 0; width:100%; height:auto; overflow:hidden;}
.sbox_menu dt {height:107px; margin:auto 0; text-align:center;}
.sbox_menu dd {margin:auto 0; text-align:center; height:41px; line-height:41px; font-family:'Noto Sans KR','Noto Sans KR B','Spoqa Han Sans B','sans-serif'; font-weight:700; font-size:18px; /*font-size:20px;*/ color:#222; letter-spacing: -0.0375em;  margin-top:23px;}

.sbox_menu dd a:link     {color: #222; text-decoration: none;}
.sbox_menu dd a:visited  {color: #222; text-decoration: none;}
.sbox_menu dd a:hover    {color: #0c64bf; text-decoration: none;}/*20200924 °í°´¼¾ÅÍ ·Ñ¿À¹ö */
/*//À©Å¥ºê ±âÇÁƼ¼¥ ¼öÁ¤*/

/***********************************************************cs*end********************************************************/

/********************************************************** VISUAL ******************************************************/
#visual{width:100%;height:100%;  max-height:1000px; position:relative; min-height:768px;}
#w{height:100%;}
.slides{height:100%;}
.slide01{height:100%;}
.slide02{height:100%;}
.slide03{height:100%;}
.slide04{height:100%;}

/**********************************************************int*start*****************************************************/
#introduction{width:100%; max-width:100%; min-height:809px; height:auto; overflow:hidden; margin:0 auto; background:#f1f3f7;}


#introduction #int_inner{ display:block;}/*20210223Ãß°¡6*/
#introduction #MB_int_inner{ display:none;}/*20210223Ãß°¡6*/
#introduction #int_inner{width:968px; height:auto; overflow:hidden;  margin:0 auto;  padding-top:80px; padding-bottom:80px;}

/*ŸÀÌƲ*/
#introduction #int_inner .incon_tit {margin-bottom:35px; text-align:center;}
#introduction #int_inner .incon_tit li { font-family:'Noto Sans KR','Noto Sans KR','Spoqa Han Sans','sans-serif'; font-size:45px; color:#222; letter-spacing: -0.0375em; line-height:58px; text-align:center; display:inline;}
#introduction #int_inner .incon_tit li.in_tit { font-family:'Noto Sans KR','Noto Sans KR B'; font-weight:700;}
#introduction #int_inner .incon_tit li.in_line {font-family:'Noto Sans KR','Noto Sans KR'; font-weight:300;}

/*ÄÁÅÙÃ÷*/
/*Å×À̺í1*/
/*.int_table1_D {display:block;}
.MB_int_table1_D {display:none;}*/

.int_table1_D {width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:20px;}
.int_table1 {border:0; width:100%; }
.int_table1 th {text-align:left; height:75px; line-height:73px; font-weight:normal;}
.int_table1 th .int_tit {float:left;}
.int_table1 td {text-align:left; font-family:'Noto Sans KR','Noto Sans KR','Spoqa Han Sans','sans-serif'; font-size:20px; color:#666; font-weight:normal;}
.int_table1 td li {display:inline; float:left;}
.int_table1 td li.int_listR {display:inline; margin-left:18px;}

/*¼­ºñ½º¸íÃß°¡*/
/*.int_box_D {display:block;}
.MB_int_box_D {display:none;}*/

.int_box_D{width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:30px; padding:20px 30px; background-color:#e1eafc;}
.int_box_D .int_box_C{ height:auto; overflow:hidden; margin:0 auto;}/*20220513 µµÀÔ¹®ÀÇPC ¼öÁ¤*/

.int_box_D .int_box_C .int_table6_ul li{display:inline; float:left; height:40px; line-height:40px;}
.int_box_D .int_box_C .int_table6_ul .int_im4{font-family:"Noto Sans KR","Noto Sans KR R", "Spoqa Han Sans R","sans-serif"; font-weight:400;font-size:20px; color:#3c3c3c; font-weight:normal; letter-spacing:-1px;  margin-right:30px;}
.int_box_D .int_box_C .int_table6_ul .int_im5{margin-right:10px; height:40px; line-height:40px;}
/*//¼­ºñ½º¸íÃß°¡*/

/*input*/
.int_input{font-family:'Noto Sans KR','Noto Sans KR', 'Spoqa Han Sans','sans-serif'; font-size:20px; color:#333; font-weight:300; border:1px solid #ccc; height:55px; padding-left:20px;}

.int_input::placeholder {color: #666;font-style: normal; opacity: 1;}
.int_input::-webkit-input-placeholder {color: #666;font-style: normal;}
.int_input:-ms-input-placeholder { color: #666;font-style: normal;}

/*20200923 Ãß°¡ select*/
.int_select{ 
   height:55px; padding-left:20px;
  font-family:'Noto Sans KR','Noto Sans KR', 'Spoqa Han Sans','sans-serif'; font-size:20px; color:#333; font-weight:300;
  background: #fff url(/images/introduction/int_sel_ic.png) no-repeat 95% 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:1px solid #ccc;
  border-radius: 0px;
   cursor:pointer;
}

.int_select::-ms-expand {
  /* for IE 11 */
  display: none;
}

/*//20200923 Ãß°¡ select*/


/*checkbox*/
.checkbox {border:1px solid #ccc; width:20px; height:20px;}
/*Å×À̺í2*/
/*.int_table2_D {display:block;}
.MB_int_table2_D{display:none;}*/

.int_table2_D{width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:10px;}
.int_table2_box{float:left; width:100%; height:auto; }

/*textarea*/
.int_textarea { border:1px solid #d5d9e2; font-family:'Noto Sans KR','Noto Sans KR', 'Spoqa Han Sans','sans-serif'; font-size:20px; color:#333; font-weight:300; padding:20px; }
.int_textarea::placeholder {color:#666;}
.int_textarea::-webkit-input-placeholder {color:#666;}
.int_textarea:-ms-input-placeholder {color:#666;}

/*°³ÀÎÁ¤º¸Ãë±Þ¹æħ*/
.int_form_D {float:left; text-align:left; width:100%; height:auto; overflow:hidden; margin-bottom:12px;}
.int_form_D li{display:inline; float:left; font-family:'Noto Sans KR','Noto Sans KR R', 'Spoqa Han Sans R','sans-serif'; font-size:20px; color:#333; font-weight:400; height:40px; padding-right:13px;}
.int_form_D li.li_intbtn { padding-top:4px;}
.int_form_D li.li_input {padding-top:3px;}
.int_form_D li.li_txt {line-height:40px; }

.int_formbtn {float:left; text-align:left; width:116px; height:33px; line-height:31px; border-radius:4px; background: #fff url(/images/introduction/int_btn_pre.jpg) 99px 10px no-repeat; padding-left:10px; font-family:'Noto Sans KR','Noto Sans KR','sans-serif'; font-size:18px; color:#666; letter-spacing: -0.0375em; border:1px solid #ccc;}

.int_formbtn a:link     {color: #666; text-decoration: none;}
.int_formbtn a:visited  {color: #666; text-decoration: none;}
.int_formbtn a:hover    {color: #666; text-decoration: none;}

/*µµÀÔ¹®ÀÇ*/
.int_btn_D {float:center; text-align:center; width:100%; height:auto; overflow:hidden;}
/*¹öÆ°*/
.ask_btn {float:center; text-align:left; width:311px; height:76px; line-height:73px; border-radius:4px; background-color:#0c64bf; font-family:'Noto Sans KR','Noto Sans KR M','sans-serif'; font-size:26px; color:#ffffff; letter-spacing: -0.0375em; text-align:center;  margin:0 auto; border:none;}

.ask_btn {-webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s;}

.ask_btn:hover {background: #00baf2; color: #ffffff;  }
/*
.ask_btn a:link     {color: #fff; text-decoration: none;}
.ask_btn a:visited  {color: #fff; text-decoration: none;}
.ask_btn a:hover    {color: #fff; text-decoration: none;}*/

/***********************************************************int*end******************************************************/




/**********************************************************reference*start*************************************************/

#reference{width:100%; max-width:100%; height:210px;  overflow:hidden; margin:0 auto;}
#reference #ref_inner{width:1200px; height:auto; overflow:hidden;  margin:0 auto; }

#Ref_con_box {width:1200px;  height:120px; padding-top:44px; padding-bottom:44px;}
#Ref_tit_Box{float:left; width:240px; height:120px;  border-right:1px solid #cccccc;}


/*ŸÀÌƲ*/
.Ref_con_tit{ margin-bottom:29px; font-family:'Noto Sans KR','Noto Sans KR B','Spoqa Han Sans B','sans-serif'; font-weight:700; font-size:45px; color:#222; letter-spacing: -0.0375em; line-height:50px; margin-bottom:20px;}

/*¹öÆ°
#Ref_btn {float:left; left:466px; top:5px; width:auto; height:47px; }

#Ref_btn .Ref_btnD {float:left; width:auto; height:auto; overflow:hidden; }

#Ref_btn .Ref_btnD .Refbtn_left {float:left; width:47px; height:47px; }
#Ref_btn .Ref_btnD .Refbtn_left ima {border:0; width:100%; max-width:100%;}

#Ref_btn .Ref_btnD .Refbtn_right {float:left; width:47px; height:47px; }
#Ref_btn .Ref_btnD .Refbtn_right ima {border:0; width:100%; max-width:100%;}
*/

/*logo*/
#Ref_log_Box{float:left; width:960px; height:120px;}
.Ref_logo li{display:inline; float:left; padding-left:30px; padding-right:30px; width:auto; height:auto; overflow:hidden;}

/*20200922 ·¹ÆÛ·±½º ¹öÆ° ¼öÁ¤*/
.Refbtn_left {float:left; width:47px; height:47px; position:absolute; z-index:40; top:60px; cursor:pointer;}
.Refbtn_left ima {border:0; width:100%; max-width:100%;}

.Refbtn_right {float:left; width:47px; height:47px; position:absolute; z-index:40; top:60px; left:47px; cursor:pointer;}
.Refbtn_right ima {border:0; width:100%; max-width:100%;}


/***********************************************************reference*end***************************************************/


/*¸ð¹ÙÀÏ
@media all and (max-width:599px){
#mobile_DWP{display:block;}
#main{display:none;}
/*
body{margin:0;-webkit-text-size-adjust:none;}
div, p, ul, li, h1, h2, h3, h4, ul, li, textarea, input, select, th, td, a, span, dl, dd, dt, button{margin:0;padding:0;font-family:'Noto Sans KR','¸¼Àº °íµñ', 'Malgun Gothic', 'µ¸¿ò', Dotum, 'Apple Gothic', sans-serif;font-size:14px;color:#333;word-break:break-all;}
img{border:0 none;}
fieldset{border:none;}
ul, li, ol{list-style-type:none;}
em, address{font-style:normal;}
a{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:none !important}
button{border:none;outline:none;cursor:pointer}
caption, legend{height:0;visibility:hidden;overflow:hidden;line-height:0;font-size:0;}*/
/*
#mobile_DWP {position: fixed; width: 100vw; height: 100vh; background:url('/images/mobile/mobile_DWP_bg.png') center bottom no-repeat; background-size: auto 34vh; background-color: #d2e0e3;}
.mobile_DWP_logo {margin-top: 6vh; text-align: center; width: 100vw; height: 5vh;}
.mobile_DWP_logo img {width: auto; height: 100%;}
.mobile_DWP_txt01 {margin-top: 5vh; text-indent: -9999999999px; width: auto; height: 13vh; background:url('/images/mobile/mobile_DWP_txt01.png') center no-repeat; background-size: auto 100%;}
.mobile_DWP_btn_con {position: relative; margin: 5vh auto; width: 64vw; min-width: 280px; text-align: center;}
.mobile_DWP_btn_mb {display: inline-block; margin-bottom: 1vh;}
.mobile_DWP_btn_ios {margin-left: 2vw; width:auto; height: 11vh; min-height: 55px; max-height: 105px;}
.mobile_DWP_btn_android {margin-left: 2vw; width:auto; height: 11vh; min-height: 55px; max-height: 105px;}
}*/


/* µ¥½ºÅ©Å¾~ (ÇØ»óµµ 1200px ~) */
@media all and (max-width:1200px) {
#visual{width:100%; height:80%;  }
/*°øÁö*/
#notice #n_inner{width:90%; height:138px; margin:0 auto; }
#notice #n_inner .not_box .not_tit{font-size:24px;}
#notice #n_inner .not_box .not_txt{display:none;}
#notice #n_inner .not_box .not_btn{display:none;}
#notice #n_inner .not_box .not_icon {padding-left:0; margin-right:15px; width: auto;}  
/********************************************************service*start*************************************************/
#service {width:100%; max-width:100%;  height:auto; min-height:0; overflow:hidden; margin:0 auto; background:#f1f3f7; position:relative;}
#service #s_inner {width:90%; height:auto;  overflow:hidden; margin:0 auto; padding-top:80px; padding-bottom:80px;}


/*ŸÀÌƲ*/
#service #s_inner .con_tit { margin-bottom:29px; font-family:'Noto Sans KR','Noto Sans KR B','Spoqa Han Sans','sans-serif'; font-weight:700; font-size:2.375rem; color:#222; letter-spacing: -0.0375em; line-height:58px; text-align:center; }

/*¼­ºñ½º ·Ñ¸µ Box*/
#service #s_inner #ser_box {width:100%; height:auto; overflow:hidden; position:relative; } 

/*¼­ºñ½º ¹öÆ°*/
#ser_btn {float:left; left:466px; top:5px; width:auto; height:47px; position:absolute; z-index:30; }
.main-service-title-wrap { display:none;}

/*#ser_btn .ser_btnD {float:left; width:auto; height:auto; overflow:hidden; }*/

.serbtn_left {float:left; width:47px; height:47px; position:absolute; z-index:40; top:0px; cursor:pointer;}
.serbtn_left ima {border:0; width:100%; max-width:100%;}

.serbtn_right {float:left; width:47px; height:47px; position:absolute; z-index:40; top:0px; left:47px; cursor:pointer; }
.serbtn_right ima {border:0; width:100%; max-width:100%;}


#ser_btn .ser_btn_con { display:none; }


/*¼¼ºÎ ¼­ºñ½º DIV*/
/*ÀüüBox*/
.main-service-slide-wrap {float:left; width:100%; height:auto; overflow:hidden; z-index:20; padding-left:5px; padding-top:5px; padding-bottom:0px;}
.ser_con {float:left; width:90%; height:auto; overflow:hidden; z-index:20; padding-left:5%; padding-right:5%; padding-top:5px;  margin:0 auto; padding-bottom:0px;}

/*°­Á¶*/
.main-service-slide-wrap .main-service-big-slide-container {float:left; width:50%; height:auto; overflow:hidden; }
.main-service-slide-wrap .main-service-big-slide-container .main-service-big-slide { width:100%; }
.ser_D li{float:left; width:100%; height:auto; overflow:hidden; box-shadow: 3px 3px 12px #c1c2c3;  }
.ser_D li ima {border:0; width:100%; max-width:100%;}
.main-service-slide-wrap .main-service-big-slide-container .main-service-big-slide li {float:left; width:100%;  overflow:hidden; box-shadow: 3px 3px 12px #c1c2c3; margin-right:0px;}
.main-service-slide-wrap .main-service-big-slide-container .main-service-big-slide li ima {border:0; width:100%; max-width:100%; }


.main-service-slide-wrap .main-service-big-slide-container main-service-big-slide .newsletter-big-slide-img-thum{ width:100%; max-width:100%; min-width:100%;}

.main-service-slide-wrap .main-service-big-slide-container .main-service-big-slide .newsletter-big-slide-img-thum span{ width:100%; }
.main-service-slide-wrap .main-service-big-slide-container .slick-slide {margin-right:10px; margin-bottom:10px;}

/*¸®½ºÆ®*/
.ser_consm{float:left; left:48%;  width:53%;  height:auto;  overflow:hidden; z-index:17; position:absolute; top:5px;  margin:0 auto;}
.ser_consm_D li{float:left; width:100%;  overflow:hidden; box-shadow: 3px 3px 12px #c1c2c3; margin-top:70px;}
.ser_consm_D li ima {border:0; width:100%; max-width:100%;}
.main-service-slide-wrap .main-service-small-slide-container .main-service-small-slide li {float:left; width:362px; overflow:hidden; box-shadow: 3px 3px 12px #c1c2c3; }  
.main-service-slide-wrap .main-service-small-slide-container .main-service-small-slide li.service-big-slide-img-thum{margin-right:32px;}
.main-service-slide-wrap .main-service-small-slide-container .slick-slide {margin-right:22px;  margin-bottom:22px;}

/*********************************************************service*end***************************************************/




/**********************************************************cs*start******************************************************/
#customer{width:100%; max-width:100%;  min-height:400px; height:auto; overflow:hidden; margin:0 auto;}
#customer #cs_inner{width:90%;  height:auto; overflow:hidden;  margin:0 auto;  padding-top:80px; padding-bottom:80px;}


/*ŸÀÌƲ box*/
.customer_tit_box { display:none;}
.MB_customer_tit_box { display:inline-block;}
.MB_customer_tit_box {float:left; width:100%; height:auto; overflow:hidden; background:none; padding-bottom:2.4rem;}

/*ŸÀÌƲ*/
.MB_customer_tit_box .MB_con_tit {float:left; width:100%; font-weight:700; font-size:2.375rem; color:#222; letter-spacing: -0.0375em; line-height:3.375rem; height:3.375rem; text-align:center;}

.MB_customer_tit_box .MB_con_number_D {width:100%; height:auto; overflow:hidden; text-align:center;  float:inherit; margin:0 auto;}
.MB_con_number {width:80%; height:auto; overflow:hidden; margin:0 auto;}
.MB_phon{height:auto; overflow:hidden; margin:0 auto; float:center; text-align:center;  color:#222; font-family:'Noto Sans KR','Noto Sans KR R','Spoqa Han Sans','sans-serif'; font-weight:700; font-size:1.8rem; line-height:3rem;}/*Ãß°¡*/
.MB_phon_B {color:#2277f2; }

.MB_customer_tit_box .MB_con_txt_D {width:100%; height:auto; overflow:hidden; text-align:center;  float:inherit; margin:0 auto;}
.MB_con_txt {width:80%; height:auto; overflow:hidden; margin:0 auto; float:center; tex display:inline; font-family:'Noto Sans KR','Noto Sans KR R','Spoqa Han Sans','sans-serif';  font-weight:300; font-size:1rem; color:#666; letter-spacing: -0.0375em; line-height:2.5rem; padding-right:1.125rem; text-align:center;}



/*¸Þ´º*/
.customer_menu_box {display:none;}
.MB_customer_menu_box { display:inline-block;}
.MB_customer_menu_box { width:100%; height:auto; overflow:hidden; text-align:center;}
.MB_customer_1line {width:100%; text-align:center; height:auto; overflow:hidden;  margin:0 auto;}
.MB_customer_2line {width:100%; text-align:center; height:auto; overflow:hidden; margin:0 auto; }
.MB_customer_2line_S { width:66%; float:inherit; margin:0 auto; text-align:center; height:auto; overflow:hidden; }

.MB_cs_sbox_R { width:29%;  height:auto; overflow:hidden; border:1px solid #e5e5e5; text-align:center; padding:5% 3%; margin:2%; float:left;}
.MB_cs_sbox_2st { width:45%;  height:auto; overflow:hidden; border:1px solid #e5e5e5; text-align:center; padding:5% 3%; margin:2%; float:left;}

.MB_sbox_menu {margin:auto 0; width:100%; height:180px; overflow:hidden; margin:auto 0; text-align:center; }
.MB_sbox_menu dt { width:100%; height:100px; overflow:hidden;  margin:auto 0; text-align:center;   text-align:center;}
.MB_sbox_menu dt .MB_P { display:inline-block; width:50%; float:inherit;  text-align:center;   height:auto; overflow:hidden;  margin:auto 0; float:inherit; }
.MB_sbox_menu dt .MB_P ima { width:100%; max-width:100%; }
.MB_sbox_menu dd {margin:auto 0; text-align:center; height:2.2rem; line-height:1.2rem; font-weight:700; font-size:1.2rem; color:#222; letter-spacing: -0.0375em;  margin-top:23px; }

.MB_sbox_menu dd a:link     {color: #222; text-decoration: none;}
.MB_sbox_menu dd a:visited  {color: #222; text-decoration: none;}
.MB_sbox_menu dd a:hover    {color: #0c64bf; text-decoration: none;}/*20200924 °í°´¼¾ÅÍ ·Ñ¿À¹ö */

/***********************************************************cs*end********************************************************/

/**********************************************************int*start*****************************************************/

#introduction{width:100%; max-width:100%; /*min-height:809px;*/ height:auto; overflow:hidden; margin:0 auto; background:#f1f3f7;}
#introduction #int_inner{ display:none;}
#introduction #MB_int_inner{ display:block;}
#introduction #MB_int_inner{width:90%; max-width:770px; height:auto; overflow:hidden;  margin:0 auto;  padding-top:80px; padding-bottom:80px; }

/*ŸÀÌƲ*/
#introduction #MB_int_inner .incon_tit {margin-bottom:35px; text-align:center;}
#introduction #MB_int_inner .incon_tit li { font-family:'Noto Sans KR','Noto Sans KR','Spoqa Han Sans','sans-serif'; font-size:2.375rem; color:#222; letter-spacing: -0.0375em; line-height:3.125rem; text-align:center; display:inline;}
#introduction #MB_int_inner .incon_tit li.in_tit { font-family:'Noto Sans KR','Noto Sans KR B'; font-weight:700;}
#introduction #MB_int_inner .incon_tit li.in_line {font-family:'Noto Sans KR','Noto Sans KR'; font-weight:300;}


/*ÄÁÅÙÃ÷*/
/*Å×À̺í1*/
/*.int_table1_D {display:none;}
.MB_int_table1_D {display:block;}*/

.MB_int_table1_D {width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:1.25rem; }
.MB_int_table1 {border:0; width:100%; }
.MB_int_table1 th {text-align:left; height:65px; line-height:63px; font-weight:normal;}/*height:75px; line-height:73px;*/
.MB_int_table1 th .int_tit {float:left;}
.MB_int_table1 td {text-align:left; font-family:'Noto Sans KR','Noto Sans KR','Spoqa Han Sans','sans-serif'; font-size:1.375rem; color:#666; font-weight:normal;}
.MB_int_table1 td li {display:inline; float:left;}
.MB_int_table1 td li.int_listR {display:inline; margin-left:1.125rem;}

/*¼­ºñ½º¸íÃß°¡*/
/*.int_box_D {display:none;}
.MB_int_box_D {display:block;}*/

.MB_int_box_D{width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:30px; padding:20px 30px; background-color:#e1eafc;}
.MB_int_box_D .MB_int_box_C{ width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center; float:inherit; }
.MB_int_box_D .MB_int_box_C .MB_intbox01{ width:65%; height:auto; overflow:hidden; margin:0 auto; text-align:center; float:inherit;}
.MB_int_box_D .MB_int_box_C02{ width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center; float:inherit;}
.MB_int_box_D .MB_int_box_C02 .MB_intbox02{ width:45%; height:auto; overflow:hidden; margin:0 auto; text-align:center;float:inherit;}
.MB_int_box_D .MB_int_box_C .MB_intbox03{ width:95%; height:auto; overflow:hidden; margin:0 auto; text-align:center; float:center ;}/*20220513 µµÀÔ¹®ÀÇ mobile ¼öÁ¤1*/


.MB_int_table6_ul{width:auto; height:40px; float:left;}/*20220513 µµÀÔ¹®ÀÇ mobile ¼öÁ¤2*/
.MB_int_table6_ul li{display:inline; float:left; height:40px; line-height:40px;}
.MB_int_table6_ul .int_im4{font-family:"Noto Sans KR","Noto Sans KR R", "Spoqa Han Sans R","sans-serif"; font-weight:400;font-size:1.25rem; color:#3c3c3c; font-weight:normal; letter-spacing:-1px;  margin-right:1.6rem;}
.MB_int_table6_ul .int_im5{margin-right:1rem; height:40px; line-height:40px;}
/*//¼­ºñ½º¸íÃß°¡*/

/*input*/
.MB_int_input{font-family:'Noto Sans KR','Noto Sans KR', 'Spoqa Han Sans','sans-serif'; font-size:1.125rem; color:#333; font-weight:300; border:1px solid #ccc; height:3.2rem; padding-left:1.125rem;}/* height:3.438rem;*/

.MB_int_input::placeholder {color: #666;font-style: normal; opacity: 1;}
.MB_int_input::-webkit-input-placeholder {color: #666;font-style: normal;}
.MB_int_input:-ms-input-placeholder { color: #666;font-style: normal;}

/*20200923 Ãß°¡ select*/
.MB_int_select{ 
   height:55px; padding-left:20px;
  font-family:'Noto Sans KR','Noto Sans KR', 'Spoqa Han Sans','sans-serif'; font-size:20px; color:#333; font-weight:300;
  background: #fff url(/images/introduction/int_sel_ic.png) no-repeat 95% 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:1px solid #ccc;
  border-radius: 0px;
   cursor:pointer;
}

.MB_int_select::-ms-expand {
  /* for IE 11 */
  display: none;
}

/*//20200923 Ãß°¡ select*/


/*checkbox*/
.MB_checkbox {border:1px solid #ccc; width:20px; height:20px;}
/*Å×À̺í2*/
/*int_table2_D {display:none;}
.MB_int_table2_D {display:block;}*/

.MB_int_table2_D{width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:0.625rem;}
.MB_int_table2_box{float:left; width:100%; height:auto; }

/*textarea*/
.MB_int_textarea { border:1px solid #d5d9e2; font-family:'Noto Sans KR','Noto Sans KR', 'Spoqa Han Sans','sans-serif'; font-size:1.125rem; color:#333; font-weight:300; padding:1.25rem; line-height:2rem }
.MB_int_textarea::placeholder {color:#666;}
.MB_int_textarea::-webkit-input-placeholder {color:#666;}
.MB_int_textarea:-ms-input-placeholder {color:#666;}

/*°³ÀÎÁ¤º¸Ãë±Þ¹æħ*/
.MB_int_form_D {float:left; text-align:left; width:100%; height:auto; overflow:hidden; margin-bottom:12px;}
.MB_int_form_D li{display:inline; float:left; font-family:'Noto Sans KR','Noto Sans KR R', 'Spoqa Han Sans R','sans-serif'; font-size:1rem; color:#333; font-weight:400; height:2.3rem; padding-right:0.8125rem; line-height:2rem;}
.MB_int_form_D li.li_intbtn { padding-top:4px;}
.MB_int_form_D li.li_input {padding-top:3px;}
.MB_int_form_D li.li_txt {line-height:40px; }

.MB_int_formbtn {float:left; text-align:left; width:100px; height:28px; line-height:24px; border-radius:4px; background: #fff url(/images/introduction/int_btn_pre.jpg) 87px 6px no-repeat; padding-left:7px; font-family:'Noto Sans KR','Noto Sans KR','sans-serif'; font-size:1rem; color:#666; letter-spacing: -0.0375em; border:1px solid #ccc;}

.MB_int_formbtn a:link     {color: #666; text-decoration: none;}
.MB_int_formbtn a:visited  {color: #666; text-decoration: none;}
.MB_int_formbtn a:hover    {color: #666; text-decoration: none;}

/*µµÀÔ¹®ÀÇ*/
.MB_int_btn_D {float:center; text-align:center; width:100%; height:auto; overflow:hidden;}
/*¹öÆ°*/
.MB_ask_btn {float:center; text-align:left; width:250px; height:66px; line-height:60px; border-radius:4px; background-color:#0c64bf; font-family:'Noto Sans KR','Noto Sans KR M','sans-serif'; font-size:26px; color:#ffffff; letter-spacing: -0.0375em; text-align:center;  margin:0 auto; border:none;}

.MB_ask_btn {-webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s;}

.MB_ask_btn:hover {background: #00baf2; color: #ffffff;  }


/***********************************************************int*end******************************************************/

/**********************************************************reference*start*************************************************/

#reference{width:100%; max-width:100%; height:auto;  overflow:hidden; margin:0 auto;}
#reference #ref_inner{width:90%; height:auto; overflow:hidden;  margin:0 auto; }

#Ref_con_box {width:100%;  height:auto; overflow:hidden; padding-top:44px; padding-bottom:44px;}
#Ref_tit_Box{float:left; height:auto; overflow:hidden; width:100%; border-right:none;}


/*ŸÀÌƲ*/
.Ref_con_tit{ margin-bottom:29px; font-family:'Noto Sans KR','Noto Sans KR B','Spoqa Han Sans B','sans-serif'; font-weight:700; font-size:2.375rem; color:#222; letter-spacing: -0.0375em; line-height:50px; margin-bottom:20px; text-align:center;}


/*logo*/
#Ref_log_Box{float:left; width:100%; height:auto; overflow:hidden;}
.Ref_Box {height:170px;}
.Ref_logo {  width:100%; height:168px; overflow:hidden; top:-68px; margin-bottom:0px;}
.Ref_logo li{display:inline; float:left; padding-left:8%; padding-right:8%; width:auto; height:auto; overflow:hidden;}
/*¸ð¹ÙÀÏ Ãß°¡*/
.Ref_logo .slick-list { top:60px; width:100%; height:auto; overflow:hidden;}

/*20200922 ·¹ÆÛ·±½º ¹öÆ° ¼öÁ¤*/
.Refbtn_left {float:right; width:47px; height:47px; position:absolute; z-index:40; top:1px; right:47px; cursor:pointer;}
.Refbtn_left ima {border:0; width:100%; max-width:100%;}

.Refbtn_right {float:right; width:47px; height:47px; position:absolute; z-index:40; top:1px; right:0px; left:auto; cursor:pointer;}
.Refbtn_right ima {border:0; width:100%; max-width:100%;}


/***********************************************************reference*end***************************************************/

}

/*¸ð¹ÙÀÏ768*/
@media all and (max-width:800px){
#visual{width:100%; height:80%; min-width:320px; position:relative; min-height:768px;}


#notice{width:100%; min-width:320px; height:138px; overflow:hidden; margin:0 auto;  background:rgba(0,95,193,0.9); left: 0px; right: 0px; bottom: 0px; z-index:100; position:absolute;}
#notice #n_inner{width:90%; height:138px; margin:0 auto; }
#notice #n_inner .not_box {float:left; text-align:left;  width:100%;}
#notice #n_inner .not_box li{height:auto; display:inline; float:left;}
#notice #n_inner .not_box .not_icon {padding-left:14px; margin-right:26px; width: auto;}
#notice #n_inner .not_box .not_icon ima {border:0;}
#notice #n_inner .not_box .not_tit {width: auto;  margin-right:26px;  font-family:'Noto Sans KR','Noto Sans KR R','Spoqa Han Sans','sans-serif'; font-weight:400; font-size:1.4rem; color:#fff; letter-spacing: -0.0375em; line-height:38px;}
#notice #n_inner .not_box .not_tit  a:link     {color: #fff; text-decoration: none;}
#notice #n_inner .not_box .not_tit  a:visited  {color: #fff; text-decoration: none;}
#notice #n_inner .not_box .not_tit  a:hover    {color: #fff; text-decoration: none;}
#notice #n_inner .not_box .not_txt {display:none;}
#notice #n_inner .not_box .not_btn {margin-left:0px;}

#notice #n_inner .not_box .not_icon {display:none;}



/********************************************************service*start*************************************************/
#service { min-width:320px;} 
#service #s_inner {\padding-bottom:0px;}

/*¼­ºñ½º ·Ñ¸µ Box*/
#service #s_inner #ser_box {width:100%; height:auto; overflow:hidden;  top:-78px;} 

/*¸®½ºÆ®*/
.ser_consm{ display:none;}

/*¼¼ºÎ ¼­ºñ½º DIV*/
/*ÀüüBox*/

.main-service-slide-wrap {float:inherit; width:100%; height:auto; overflow:hidden; z-index:20; padding-left:5px; padding-top:5px; padding-bottom:0px; margin:0 auto;}
.ser_con {float:left; width:100%; height:auto; overflow:hidden; z-index:20; padding-left:20px; padding-right:0; padding-top:5px;  margin:0 auto; padding-bottom:0px; right:5px;}

/*°­Á¶*/
.main-service-slide-wrap .main-service-big-slide-container {float:left; width:100%; height:auto; overflow:hidden; }

/*.ser_D {}*/
.ser_D li{float:left; width:100%; height:auto; overflow:hidden; box-shadow: 3px 3px 12px #c1c2c3;  }
.ser_D li ima {border:0; width:100%; max-width:100%;}

/*.main-service-slide-wrap .main-service-big-slide-container .main-service-big-slide .slick-arrow {}*/
.serbtn_left {float:left; width:47px; height:47px; position:absolute; z-index:40; top:0px;  right:65px; cursor:pointer;}
.serbtn_left ima {border:0; width:100%; max-width:100%;}
.serbtn_right {float:left; width:47px; height:47px; position:absolute; z-index:40; top:0px; right:18px; left:auto; cursor:pointer; }
.serbtn_right ima {border:0; width:100%; max-width:100%;}

.main-service-slide-wrap .main-service-big-slide-container .main-service-big-slide .slick-list { z-index:20; top:78px; height:420px; overflow:hidden; right:-5px;}
.main-service-slide-wrap .main-service-big-slide-container .main-service-big-slide li 
{float:left; width:100%; overflow:hidden; box-shadow: 3px 3px 12px #c1c2c3; margin-right:0px;}
.main-service-slide-wrap .main-service-big-slide-container .main-service-big-slide li ima {border:0; width:100%; max-width:100%;}
.main-service-slide-wrap .main-service-big-slide-container .slick-slide {margin-right:20px; margin-bottom:20px; }



/*********************************************************service*end***************************************************/


#customer{min-width:320px;}
.MB_sbox_menu dd {height:2rem; /*»èÁ¦line-height:2rem;*/ font-weight:700; font-size:1rem; margin-top:1.25rem;}

#introduction{min-width:320px;}

/*¹öÆ°*/
.MB_ask_btn {float:center; text-align:left; width:200px; height:55px; line-height:3.125rem; border-radius:4px; background-color:#0c64bf; font-family:'Noto Sans KR','Noto Sans KR M','sans-serif'; font-size:1.25rem; color:#ffffff; letter-spacing: -0.0375em; text-align:center;  margin:0 auto; border:none;}


.MB_int_table1 td {padding-left:1%;}

#reference{ min-width:320px;}

}

/*µµÀÔ¹®ÀÇ ¼­ºñ½º¸®½ºÆ® start*/
@media all and (max-width:900px){

.MB_int_box_D .MB_int_box_C .MB_intbox01{ width:70%; height:auto; overflow:hidden; margin:0 auto; text-align:center; float:inherit;}
.MB_int_box_D .MB_int_box_C02 .MB_intbox02{ width:60%; height:auto; overflow:hidden; margin:0 auto; text-align:center;float:inherit;}
.MB_int_table6_ul .int_im4{font-family:"Noto Sans KR","Noto Sans KR R", "Spoqa Han Sans R","sans-serif"; font-weight:400;font-size:1.2rem; color:#3c3c3c; font-weight:normal; letter-spacing:-1px;  margin-right:1.4rem;}
#notice #n_inner .not_box .not_txt {display:none;}
#notice #n_inner .not_box .not_btn {display:none;}


}

/*°í°´Áö¿ø20220620*/
@media all and (max-width:800px){
.MB_sbox_menu {height:155px;}
.MB_sbox_menu dt { height:95px; }
}

@media all and (max-width:700px){

.MB_int_box_D .MB_int_box_C .MB_intbox01{ width:70%; height:auto; overflow:hidden; margin:0 auto; text-align:center; float:inherit;}
.MB_int_box_D .MB_int_box_C02 .MB_intbox02{ width:60%; height:auto; overflow:hidden; margin:0 auto; text-align:center;float:inherit;}
.MB_int_table6_ul .int_im4{font-family:"Noto Sans KR","Noto Sans KR R", "Spoqa Han Sans R","sans-serif"; font-weight:400;font-size:1rem; color:#3c3c3c; font-weight:normal; letter-spacing:-1px;  margin-right:1.3rem;}

.main-service-slide-wrap .main-service-big-slide-container .main-service-big-slide .slick-list { z-index:20; top:78px; height:390px; overflow:hidden; }

/*°í°´Áö¿ø20220620*/
.MB_sbox_menu {height:145px;}
.MB_sbox_menu dt { height:85px; }

}

@media all and (max-width:640px){
/*#visual{min-height:640px;}*/
.MB_int_box_D .MB_int_box_C .MB_intbox01{ width:83%; height:auto; overflow:hidden; margin:0 auto; text-align:center; float:inherit;}
.MB_int_box_D .MB_int_box_C02 .MB_intbox02{ width:66%; height:auto; overflow:hidden; margin:0 auto; text-align:center;float:inherit;}
.MB_int_table6_ul .int_im4{font-family:"Noto Sans KR","Noto Sans KR R", "Spoqa Han Sans R","sans-serif"; font-weight:400;font-size:1rem; color:#3c3c3c; font-weight:normal; letter-spacing:-1px;  margin-right:1rem;}

.Ref_Box {height:128px;}
.Ref_logo {height:128px;}

.main-service-slide-wrap .main-service-big-slide-container .main-service-big-slide .slick-list { z-index:20; top:78px; height:340px; overflow:hidden; }
#notice #n_inner .not_box .not_tit { font-size:1rem;  line-height:2rem;}

}

@media all and (max-width:530px){

.MB_int_table6_ul .int_im4{font-size:0.9rem; margin-right:0.9rem;}

/*ŸÀÌƲ*/
#service #s_inner .con_tit {font-size:2rem; line-height:58px;}
/*ŸÀÌƲ*/
.customer_tit_box .con_tit {font-size:2rem; line-height:58px;}
/*ŸÀÌƲ*/
#introduction #MB_int_inner .incon_tit li { font-size:2rem; }
/*ŸÀÌƲ*/
.Ref_con_tit{ font-size:2rem;}


/*#visual{min-height:640px;}*/
#notice #n_inner .not_box .not_icon {padding-left:0px; margin-right:0px; display:none;}
#notice #n_inner .not_box .not_icon ima {display:none;}
#notice #n_inner .not_box .not_btn {display:none;}
#notice #n_inner .not_box .not_tit { font-size:1rem;  line-height:2rem;}
#notice #n_inner .not_box .not_tit  a:link     {color: #fff; text-decoration: none;}
#notice #n_inner .not_box .not_tit  a:visited  {color: #fff; text-decoration: none;}
#notice #n_inner .not_box .not_tit  a:hover    {color: #fff; text-decoration: none;}

.MB_int_box_D .MB_int_box_C .MB_intbox01{ width:270px; height:auto; overflow:hidden; margin:0 auto; text-align:center; float:inherit;}
.MB_int_box_D .MB_int_box_C02 .MB_intbox02{ width:230px; height:auto; overflow:hidden; margin:0 auto; text-align:center;float:inherit;}
.MB_int_table6_ul .int_im4{font-size:0.9rem; margin-right:0.3rem;}
.MB_int_table6_ul .int_im5{margin-right:0.3rem; }

.main-service-slide-wrap .main-service-big-slide-container .main-service-big-slide .slick-list { z-index:20; top:78px; height:300px; overflow:hidden; }

.MB_sbox_menu dd { font-size:0.9rem; margin-top:1.2rem;}

/*ŸÀÌƲ*/
.MB_customer_tit_box .MB_con_tit { font-size:2rem; }
.MB_phon{ font-size:1.6rem; }/*Ãß°¡*/
.MB_con_txt {font-size:0.9rem; line-height:1.9rem; }

/*°³ÀÎÁ¤º¸Ãë±Þ¹æħ*/

.MB_int_form_D li{ font-size:0.8rem; line-height:1.8rem;}
.MB_int_form_D li.li_intbtn { padding-top:4px;}
.MB_int_form_D li.li_input {padding-top:3px;}
.MB_int_form_D li.li_txt {line-height:40px; }



.MB_int_formbtn { width:80px; height:28px; line-height:24px; border-radius:4px; background: #fff url(/images/introduction/int_btn_pre.jpg) 87px 6px no-repeat; padding-left:7px; font-family:'Noto Sans KR','Noto Sans KR','sans-serif'; font-size:0.8rem; color:#666; letter-spacing: -0.0375em; border:1px solid #ccc;}

}
/*µµÀÔ¹®ÀÇ ¼­ºñ½º¸®½ºÆ® end*/

@media all and (max-width:430px){
/*#visual{min-height:640px;}*/


/*ŸÀÌƲ*/
#service #s_inner .con_tit {font-size:2rem; line-height:58px; z-index:100; position:relative;}
.slick-arrow { display:none;}
.serbtn_left { display:none;}
.serbtn_left ima {display:none;}

.serbtn_right slick-arrow {display:none;}
.serbtn_right {display:none;}
.serbtn_right ima {display:none;}

.serbtn_left {float:left; width:30px; height:30px; position:absolute; z-index:40; top:0px; cursor:pointer; right:31px;}
.serbtn_left ima {border:0; width:100%; max-width:100%;}

.serbtn_right {float:left; width:30px; height:30px; position:absolute; z-index:40; top:0px;  cursor:pointer; right:1px;}
.serbtn_right ima {border:0; width:100%; max-width:100%;}


/*20200922 ·¹ÆÛ·±½º ¹öÆ° ¼öÁ¤*/
.Refbtn_left {float:left; width:30px; height:30px; position:absolute; z-index:40; top:5px; cursor:pointer; right:31px;}
.Refbtn_left ima {border:0; width:100%; max-width:100%;}

.Refbtn_right {float:left; width:30px; height:30px; position:absolute; z-index:40; top:5px; cursor:pointer; right:1px;}
.Refbtn_right ima {border:0; width:100%; max-width:100%;}

/*20200922 ·¹ÆÛ·±½º ¹öÆ° ¼öÁ¤*/
.Refbtn_left { display:none;}
.Refbtn_left ima { display:none;}

.Refbtn_right { display:none;}
.Refbtn_right ima { display:none;}

.main-service-slide-wrap .main-service-big-slide-container .main-service-big-slide .slick-list { z-index:20; top:78px; height:270px; overflow:hidden; }


.MB_phon_B {color:#2277f2; width:100%; display:inline-block; }

.MB_sbox_menu dd { font-size:0.8rem; margin-top:1.2rem; letter-spacing:-1px;}

.MB_int_box_D .MB_int_box_C02 .MB_intbox02{ width:210px; height:auto; overflow:hidden; margin:0 auto; text-align:center;float:inherit;}

.MB_int_formbtn { width:70px; height:28px; line-height:24px; border-radius:4px; background: #fff url(/images/introduction/int_btn_pre.jpg) 87px 6px no-repeat; padding-left:7px; font-family:'Noto Sans KR','Noto Sans KR','sans-serif'; font-size:0.7rem; color:#666; letter-spacing: -0.0375em; border:1px solid #ccc;}

.MB_int_form_D li { padding-right:0.1rem;}

/*°í°´Áö¿ø20220620*/
.MB_sbox_menu {height:105px;}
.MB_sbox_menu dt { height:55px; }
.MB_sbox_menu dd { line-height:1rem;}

}


@media all and (max-width:350px){
/*#visual{min-height:560px;}*/
.MB_int_form_D li { padding-right:0.1rem;}

/*°í°´Áö¿ø20220620*/
.MB_sbox_menu {height:90px;}
.MB_sbox_menu dt { height:42px; }
.MB_sbox_menu dd { line-height:0.8rem;}
}


/*º¸¾È¹®ÀÚ*/
.Msafety_box-main{margin-bottom:24px; padding:0px 20px; clear:both; width:100%; height:0px; overflow:hidden; background:#fff; transition: all .3s}
.Msafety_box-main.on{padding:12px 20px; height:auto;}
.Msafety_box-img{margin-right:24px; padding-right:24px; float:left; width:auto; border-right:1px solid #ccc;}
.Msafety_box-img .Msafety_box-title{display:block; clear:both; padding-bottom:10px; width:100%; height:auto; overflow:hidden;}
.Msafety_box-img .Msafety_box-title span{float:left; font-family:'Noto Sans KR', 'Malgun Gothic', '¸¼Àº °íµñ','µ¸¿ò','µ¸¿òü','Dotum','Dotumche'; font-weight:400; font-weight:normal; font-size:1.125rem; }
.Msafety_box-img .Msafety_box-title span.safe_t_red{padding-top: 3px; padding-left: 5px; color: #cc390d;}
.Msafety-img{margin-right:10px; float:left; width:auto; height:53px; border:1px solid #ccc;}
.Msafety-img-reload_btn{float:left; text-align:center; width:60px; height:55px; line-height:51px; border-radius:4px; background: #fff; font-family:'Noto Sans KR','Noto Sans KR','sans-serif'; border:1px solid #ccc; cursor:pointer;}
.Msafety_box-check{float:left;}
.Msafety_box-check .Msafety_box-txt{padding-bottom:10px; font-family:'Noto Sans KR', 'Malgun Gothic', '¸¼Àº °íµñ','µ¸¿ò','µ¸¿òü','Dotum','Dotumche'; font-weight:400; font-weight:normal; font-size:1.125rem; color:#666;}
.Msafety-txt_input{font-family:'Noto Sans KR','Noto Sans KR', 'Spoqa Han Sans','sans-serif'; font-size:20px; color:#333; font-weight:300; border:1px solid #ccc; height:55px; padding-left:20px;}

.Msafety-txt_input::placeholder {color: #666;font-style: normal; opacity: 1;}
.Msafety-txt_input::-webkit-input-placeholder {color: #666;font-style: normal;}
.Msafety-txt_input:-ms-input-placeholder { color: #666;font-style: normal;}
/*MB*/
@media all and (max-width:800px){
.Msafety_box-main{padding:0px 12px;}
.Msafety_box-main.on{padding:12px; height:auto;}
.Msafety_box-img{margin-right:0px; padding-right:0px; padding-bottom:20px; width:100%; border-right:none;}
}