@charset "utf-8";

/* Foundation - Box */
div.foundation_box {
   min-height:100px;
   margin:17px 0 0 0;
   padding:27px 0 18px 180px;
   background:url('/images/callcenter/bg/bg_foundation.gif') no-repeat 0 50%;
   color:#333;
}

div.foundation_box2 {
   min-height:100px;
   margin:17px 0 0 0;
   padding:27px 0 18px 180px;
   background:url('/images/callcenter/bg/bg_foundation2.gif') no-repeat 30px 50%;
}

/* History */
ol.history {
   margin:21px 0 0 0;
}
ol.history li {
   position:relative;
   margin:21px 0 0 0;
   padding:0 0 0 64px;
   line-height:22px;
}
ol.history li strong {
   position:absolute;
   top:0;
   left:0;
   color:#00b0ec;
   font-family:'NBGB';
}

/* Way - Box  */
div.way_box {
   position:relative;
   height:440px;
   margin:66px 0 0 0;
   padding:0 0 0 18px;
   background:url('/images/callcenter/bg/bg_way.gif') no-repeat 16px 0;
}
div.way_box p {
   position:absolute;
   top:-45px;
   left:16px;
}

/* Limit -Box */
div.limit_box {
   margin:20px 0 0 0;
}

/* Procedure - List */
ol.procedure_list {
   width:870px;
   height:402px;
   margin:30px 0 0 0;
   background:url('/images/callcenter/bg/bg_procedure.gif') no-repeat 16px 0;
}
ol.procedure_list li {
   position:absolute;
   top:-99999px;
   left:-99999px;
   font-size:0;
   line-height:0;
   text-indent:-99999px;
}

/* Use - Step - List */
ol.use_step_list {
   overflow:hidden;
   margin:29px 0 0 0;
}
ol.use_step_list li {
   float:left;
   margin:0 0 0 17px;
}
ol.use_step_list li:first-child {
   margin:0 0 0 10px;
}


.call_intro1 {
   position:relative;
   height:110px;
   margin-top:20px;
   padding:60px 0 0 95px;
   background:url('../images/callcenter/img/img_call_intro1.png') 0 0 no-repeat;
}
.call_intro1 p {
   padding:0;
   margin-top:-5px;
   color:#285b9e;
   font-size:23px;
   line-height:1.3em;
   font-weight:bold;
}
.call_intro1 em {
   position:absolute;
   bottom:20px;
   letter-spacing:0px;
}
.call_intro1 ul {
   position:absolute; top:59px; left:187px;
   width:500px;
   float:left;
   margin-left:203px;
}
.call_intro1 li {
   float:left;
   width:157px;
   height:30px;
   font-size:13px;
}
.call_intro1 li span {
   float:left;
   font-weight:bold;
   color:#fff;
   margin-right:12px;
   font-size:14px;
}

/*2023*/

.call_intro2 {
   position:relative;
   /* height: 240px; */
   /* margin-top:20px; */
   /* background:url('../images/callcenter/img/img_call_intro1.png') 0 0 no-repeat; */
}
.call_intro2 p:first-child {
   padding:0;
   margin-top: 20px;
   color:#285b9e;
   font-size:23px;
   line-height:1.3em;
   padding-left: 63px;
   background: url(../images/callcenter/img/callcenter.png) no-repeat left center;
   background-size: 50px;
   font-weight:bold;
}
.call_intro2 em {
   /* display: block; */
   /* display: inline-block; */
   /* position:absolute; */
   bottom:20px;
   /* letter-spacing:0px; */
   /* margin-bottom: 50px; */
   /* float: left; */
   padding-top: 11px;
}
.call_intro2 ul {
   /* position:absolute; */
   /* top:59px; */
   /* left:187px; */
   width: 100%;
   /* float:left; */
   /* margin-left:203px; */
   padding: 10px 10px 20px 30px;
   /* height: 125px; */
   background: #f7f7f7;
   border-radius: 10px;
   margin-top: 20px;
   box-sizing:border-box;
   margin-bottom: 10px;
}

.call_intro2 ul:after {display:block;clear:both;content:'';}

.call_intro2 li {
   float:left;
   width: 250px;
   height: 27px;
   font-size:13px;
   /* padding-bottom: 21px; */
   line-height: 20px;
   padding-top: 19px;
   /* background: red; */
}
.call_intro2 li span {
   /* float:left; */
   font-weight:bold;
   color: #fff;
   margin-right:12px;
   font-size:14px;
   background: #e65100;
   width: 30px;
   height: 30px;
   padding: 10px 10px 10px 10px;
   border-radius:5px;
}
.call_intro2 li p {
   /* padding-top:10px; */
}

.intro_txt {
   margin-top:20px;
}
.intro_txt dt {
   font-weight:bold; 
   margin-top:5px;
}

.call_sns1 {
   background:url('../images/callcenter/img/sns01.gif') 0 22px no-repeat;
   padding:20px 0 20px 45px;
   line-height:18px;
}
/*
.call_sns2 {
   background:url('../images/callcenter/img/sns02.gif') 0 2px no-repeat;
   padding:0 0 10px 45px;
   line-height:18px;
}
*/
.call_sns2 {
   background:url('../images/callcenter/img/sns02.gif') 0 2px no-repeat;
   padding:0 0 20px 45px;
   line-height:18px;
}
.call_sns3 {
   background:url('../images/callcenter/img/sns03.gif') 0 2px no-repeat;
   padding:0 0 10px 45px;
   line-height:18px;
}


.mb10 {
   margin-bottom:10px;
}
.mb15 {
   margin-bottom:15px;
}

div.sms_box {
   min-height:79px;
   margin:18px 0 0 0;
   padding:4px 0 4px 126px;
   background:url('/images/callcenter/bg/bg_sms.gif') no-repeat 0 50%;
   color:#808080;
}
div.sms_box h4 {
   color:#5476b3;
   font-size:16px;
   letter-spacing:-1px;
}
div.sms_box p {
   margin:5px 0 0 0;
}
div.sms_box ol {
   margin:5px 0 0 15px;
}



/*free call*/
ol.app_step_list2 {
   min-height:400px;
   margin:35px 0 0 0;
   padding:0 0 0 0px;
   background:url('/images/callcenter/bg/app1.jpg') no-repeat 60% 0;
}
ol.app_step_list2 li {
   width:210px;
   margin:15px 0 0 0;
   padding:0 0 18px 0;
   background:#00b0ec url('/images/country/bg/bg_btm_app_list2.gif') no-repeat 0 100%;
}
ol.app_step_list2 li:first-child {
   width:210px;
   margin:0;
   padding:0 0 35px 0;
   background:#00b0ec url('/images/country/bg/bg_btm_app_list.gif') no-repeat 0 100%;
}
ol.app_step_list2 li div {
   background:url('/images/country/bg/bg_top_app_list.gif') no-repeat 0 0;
   color:#000;
   font-weight:500;
   text-align:center;
   line-height:16px;
}
ol.app_step_list2 li div strong {
   display:block;
   margin:0 0 15px 0;
   padding:13px 0 0 0;
   height:80px;
}
div.app_down {
   width: 100%;

   text-align: center!important;
/*   margin:20px 282px 0 0;*/
   text-align:right;
}

div.app_down div:first-child {width:300px;;margin:0 auto;}
div.app_down div > div:first-child {text-align: center;display: inline-block;width:110px;padding-right:20px;}
div.app_down div > div:nth-child(2) {text-align: center;display: inline-block;width:110px;}
div.app_down div > div > p{padding-bottom:30px;}
div.app_down img {width:100px!important;}

div.app_down > div > p {position:relative;top:-25px;left:-170px; background:url('/images/consulate/bullet/bl_noti_arrow.gif') no-repeat 98px 5px;z-index:-99999;}





/*kakao*/
ol.app_step_list3 {
   min-height:400px;
   margin:35px 0 0 0;
   padding:20px 0 0 660px;
}
ol.app_step_list3 li {
   width:210px;
   margin:15px 0 0 0;
   padding:0 0 18px 0;
   background:#00b0ec url('/images/country/bg/bg_btm_app_list2.gif') no-repeat 0 100%;
}
ol.app_step_list3 li:first-child {
   width:210px;
   margin:0;
   padding:0 0 35px 0;
   background:#00b0ec url('/images/country/bg/bg_btm_app_list.gif') no-repeat 0 100%;
}
ol.app_step_list3 li div {
   background:url('/images/country/bg/bg_top_app_list.gif') no-repeat 0 0;
   color:#000;
   font-weight:500;
   text-align:center;
   line-height:16px;
}
ol.app_step_list3 li div strong {
   display:block;
   margin:0 0 15px 0;
   padding:13px 0 0 0;
   height:80px;
}

div.application_box_free_app {
   padding:21px 20px 28px 224px;
   border:1px solid #d9d3ce;
   background:#ebe6df url('/images/callcenter/bg/app_hand.jpg') no-repeat 6% 100%;
   coloR:#4c4c4c;
   font-size:14px;
}
div.application_box_free_app h4 {
   color:#e65100;
   font-family:'NBGB';
   font-size:20px;
   line-height:24px;
}
div.application_box_free_app h4 span {
   color:#333;
   font-size:18px;
}
div.application_box_free_app p {
   margin:5px 0 0 0;
}
div.application_box_free_app strong {
   color:#333;
   font-family:'NBGB';
}


div.application_box_kakao{
   padding:21px 20px 28px 50px;
   border:1px solid #d9d3ce;
   background:#ebe6df;
   coloR:#4c4c4c;
   font-size:14px;
}

div.application_box_kakao img:first-child{
   float:left;padding-right: 30px;padding-top: 15px;
}
.icon_info{width: 15px;padding-right: 7px;}
div.application_box_kakao h4 {
   color:#e65100;
   font-family:'NBGB';
   font-size:20px;
   line-height:24px;
}
div.application_box_kakao h4 span {
   color:#333;
   font-size:18px;
}
div.application_box_kakao p {
   margin:5px 0 0 0;
}
div.application_box_kakao strong {
   color:#333;
   font-family:'NBGB';
}
.kakao{color:#e65100;}

div.application_box_kakao p span{color:#e65100;}



/*wechat*/
ol.app_step_list4 {
   margin:35px 0 0 0;
   padding:400px 20px 20px 0px;   
}
ol.app_step_list4 li {
   width:210px;
   margin:0 10px;
   padding:0 0 18px 0;
   background:#00b0ec url('/images/country/bg/bg_btm_app_list2.gif') no-repeat 0 100%;
   float: left;
}
ol.app_step_list4 li:first-child {
   width:210px;
   margin:0;
   padding:0 0 18px 0;
   float: left;
}

ol.app_step_list4 li:ntg-child(2) {
   margin: 0 10px;
   padding:0 0 18px 0;
   float: :left;
}
ol.app_step_list4 li div {
   background:url('/images/country/bg/bg_top_app_list.gif') no-repeat 0 0;
   color:#000;
   font-weight:500;
   text-align:center;
   line-height:16px;
}
ol.app_step_list4 li div strong {
   display:block;
   margin:0 0 15px 0;
   padding:13px 0 0 0;
   height:80px;
}

ol.app_step_list4 .we_qr img{
   width:100px;display:block;margin: auto;padding-top: 10px;
}
ol.app_step_list4 .we_qr{
   width: :210px; background-color: #f3f3f3;
   margin-left:440px;
}
ol.app_step_list4 .we_qr p{
   padding: 5px 0; text-align: center;
}


.kakao_bg{
   background:url('/images/callcenter/bg/app2.jpg') no-repeat;
}

.wechat_bg {
   background:url('/images/callcenter/bg/wechat02.jpg') no-repeat;
}

/*line*/
.line_bg{
   background:url('/images/callcenter/bg/line.jpg') no-repeat;
}

/*2022  ߰ */

@media all and (max-width:1200px){
   /* ݼ  ͼҰ   ̿ ȳ */
   .call_intro1 {padding:0;margin:20px 0 0;background:#f3f3f3;height:270px;}   
   .call_intro1 p{padding:30px;margin:0;;}
   .call_intro1 ul{padding:30px;;margin:0;top:90px;left:0;width:100%;box-sizing:border-box;}
   .call_intro1 li{width:32%;padding-bottom:20px;height:30px;}
   .call_intro1 li span{background:#ff8624;padding:10px;border-radius:20%;margin-top:-10px;}
   .call_intro1 em{padding:0 30px;margin:0;position:absolute;height:20px;top:220px;}

   /* 뿪    */
   div.way_box{background-size:500px;height:300px;}

}

@media all and (max-width:1200px){
   /*      ȭ  */
   div.application_box_free_app{background-image:none;padding:28px 20px 28px 44px;}
   
   ol.app_step_list2{background-position:200px 0}

   /* ż  ؿܼ۱ */
   ol.procedure_list{
      width:100%;
      height:0;
      padding-top:calc(402/870*100%);
      background:url("/images/callcenter/bg/bg_procedure.gif") center center / cover no-repeat;
      }   

   
   /*kakao*/
   ol.app_step_list3{
      padding:0px;
      padding-bottom:calc(400/626*100%);
      width:100%;
      height:auto;
      background-position:center 420px;
      background-size:80%;
      }
   
   ol.app_step_list3 li{
      margin: 0px auto;
      margin-top:20px;
   }
   
   ol.app_step_list3 li:first-child{
      margin:0 auto;      
   }
   
   /*  ê*/
   .wechat_bg{background-size:95%;}
   ol.app_step_list4 {padding:0;padding-top:calc(300/626*100%);}
   ol.app_step_list4 .we_qr{margin:200px 0px 0px 0px;}

   /*free call*/
   ol.app_step_list2 {
   background:url('/images/callcenter/bg/app1.jpg') no-repeat 200px 0;}
}

@media all and (max-width:721px){
   ol.app_step_list2 {
   background-size:70%;
   background-position:110% center}
}

   
@media all and (max-width:640px){
   /* ݼ  ͼҰ   ̿ ȳ */
   .call_intro1{height:520px;}
   .call_intro1 li{width:100%;}
   .call_intro1 em{padding:0 30px;margin:0;height:20px;top:430px;}

   /*2023*/
   .call_intro2 ul {height: 262px;width: 100%;}
   .call_intro2{height:390px;}
   .call_intro2 li{width:100%;}
   .call_intro2 em{}

   

div.app_down div {margin-top:50px;}
div.app_down div > div:first-child{padding:0;}
div.app_down div > img  {display:none;}
div.app_down div div > p {display:none;}

div.app_down div  > p {top:-60px;left:0%;}
 



   /* 뿪    */
   div.way_box{background-size:90%;height:100px;padding-bottom:30%;}

   /* ż  ؿܼ۱ */
   div.limit_box img{width:100%;}   

   /*      ȭ  */
   ol.app_step_list2 {background-image:none;}
   ol.app_step_list2 li:first-child,li {margin:0 auto;}
   ol.app_step_list2 li {margin:0 auto;margin-top:15px;}

   /*īī           */
   div.application_box_kakao h4{padding:20px 0px 0px 0px;}
   div.application_box_kakao p{padding-top:10px;}
   div.application_box_kakao{padding:28px 20px 28px 44px;}
   div.application_box_kakao img:first-child{padding:10px 15px 0px 0px;}
   
   /*  ê*/
   ol.app_step_list4 li:first-child {margin:0px 0px 10px 10px;}
   ol.app_step_list4 li {margin:0px 0px 0px 10px;}
   
}


@media all and (max-width:460px){
   /*  ê*/
   ol.app_step_list4 .we_qr{margin:340px 0px 0px 0px;}
   ol.app_step_list4 li:first-child{margin-left:calc((100vw - 230px) / 2);}   
   ol.app_step_list4 li{margin-left:calc((100vw - 230px) / 2);}   
   
   /* ݼ  ͼҰ */
   .call_intro1 p{font-size:20px;}
   
   /*2023*/
   .call_intro2 p{font-size:20px;}
}