@charset "utf-8";


/*#main_content{ display:block; width:100%;}*/
#main_div{ display:block; clear:both;width:100%;padding: 0 50px; font-size:20px; overflow:hidden;font-family: 'Pretentard';  }
.main_div{ display:block; margin:0 auto;  clear:both; padding: 0 0px;}

#main{background-position: center center;background-size: cover;width: 100%;    top: 0;    left: 0;	z-index: 1;	position: relative;	display:block;	content:''; font-size:20px; letter-spacing:-1px}
#main p.main_title{font-family: 'ONE-Mobile-Title'; font-size:2em; letter-spacing: -0.02em; text-align:center; margin-bottom:20px}
#main p.main_title + p{text-align:center; margin-bottom:60px}
#main p.main_title2{ font-size:1.7em;font-family: 'ONE-Mobile-Title';letter-spacing: -0.02em; text-align:center; margin-bottom:40px}
/* main content { */
#visual {font-family: 'ONE-Mobile-Title';background:#01479d url('/pc/images/main/visu_01.jpg') no-repeat center bottom; background-size:100%;;width:100%;min-height: 965px;    overflow: hidden;    position: relative;    z-index: 500; padding-top:100px;display:flex; justify-content:center; align-items:center }

div.visual_div { width:950px; max-width:950px; margin:0 auto;height:100%;display:flex; flex-direction:column; gap:30px;justify-content:center;}
div.visual_div ul.visual_01 {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
div.visual_div ul.visual_01 > li {width:290px; height:250px; background:#fff; border-radius:10px; box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);	font-size:18px}
div.visual_div ul.visual_01 > li  div { width:100%; height:100%; display:flex;flex-direction:column;  justify-content:center; align-items:center; gap:5px;}
div.visual_div ul.visual_01 > li p{font-family: 'ONE-Mobile-Title';}
div.visual_div ul.visual_01 > li p span{color:#3366cc;margin:0 5px;}

div.visual_div div.visual_02 {width:100%; height:310px;}
div.visual_div div.visual_02 > ul {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
div.visual_div div.visual_02 > ul > li:nth-child(1) {width:calc(100% - 320px); height:320px;  }
div.visual_div div.visual_02 > ul > li > div.main_banner {width:100%; height:200px; ; background:#333366; border-radius:10px;box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);	overflow:hidden; margin-bottom:20px}
div.visual_div div.visual_02 > ul > li > div.main_app {width:100%; height:100px; ; background:#fff; border-radius:10px;box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);	overflow:hidden; display:flex;flex-direction:column;  justify-content:center; align-items:center; gap:5px;}
div.visual_div div.visual_02 > ul > li > div.main_banner img{width:100%; }

div.visual_div div.visual_02 > ul > li:nth-child(2) {width:290px; height:320px; background:#fff; border-radius:10px; box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);	font-size:18px; padding:0px; border:4px solid #0099ff}

div.visual_div div.visual_02 > ul > li:nth-child(2) > div  { width:100%; height:100%; display:flex;flex-direction:column;  justify-content:center; align-items:center; gap:5px; font-family: 'Pretentard'; font-weight:400; font-size:16px; line-height:1.2em}
div.visual_div div.visual_02 > ul > li:nth-child(2) > div > p.live_title{ font-family: 'ONE-Mobile-Title'; font-size:18px; margin-top:0px}
div.visual_div div.visual_02 > ul > li:nth-child(2) > div > ul{  width:100%;display:flex; justify-content:center;gap:-1px}
div.visual_div div.visual_02 > ul > li:nth-child(2) > div > ul > li > a{ display:block; background:#fff; font-size:0.9em; width:135px; height:60px; padding:10px 0; text-align:center; border-radius:5px; border:1px solid #0099ff}
div.visual_div div.visual_02 > ul > li:nth-child(2) > div > ul > li > a > span{ display:block; background:url('/pc/images/main/ico_u.png') no-repeat ; width:30px; height:23px; margin:0 auto }
div.free { width:100%;position:relative;overflow:hidden;position:relative;  width:100% !important;margin:0 auto 10px auto; }
div.free ul.swiper-free{  width:100%  }
div.free ul > li > span{ display:block; width:110px; height:110px; border-radius:50%; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.5) ; border:1px solid #ccc; overflow:hidden; margin:0 auto 5px auto }
div.free ul > li > p{text-align:center; font-size:0.9em }
div.free ul > li > p > span{font-weight:600; font-size:1.1em }


#bunya { width:100%; padding:80px 0 0 0}
  .tab_menu{position:relative; }
  .tab_menu .list{display:flex; justify-content:center; }
  .tab_menu .list > li{margin-right:2px;  }
  .tab_menu .list li a{font-family: 'ONE-Mobile-Title';display:flex; justify-content:center; align-items:center; width:200px; height:50px; border:2px solid #ccc;color:#ccc; border-radius:30px; }
  .tab_menu .list li.is_on a{background:#fff; color:#333366}
  .tab_menu .list li span:before{display:block; content:"";width:30px; height:30px; margin-right:3px}
  .tab_menu .list li:nth-child(1) a span:before{background:url('/app/images/common/ico_tab_01_o.png') no-repeat center center; background-size:cover;}
  .tab_menu .list li.is_on:nth-child(1) a span:before{background:url('/app/images/common/ico_tab_01.png') no-repeat center center; background-size:cover;}
  .tab_menu .list li:nth-child(2) a span:before{background:url('/app/images/common/ico_tab_02_o.png') no-repeat center center; background-size:cover;}
  .tab_menu .list li.is_on:nth-child(2) a span:before{background:url('/app/images/common/ico_tab_02.png') no-repeat center center; background-size:cover;}
  .tab_menu .list .btn{font-size:13px;}
  .tab_menu .cont_area{margin:20px 0 80px 0; padding:40px; background:#dce6fb; border-radius:30px;  }
  .tab_menu .cont_area .cont{display:none; }
  .cont ul{max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap;gap:20px;min-height:300px;align-content:center; }
   #tab1 ul > li > a{display:flex;  flex-direction:column;  justify-content:center; align-items:center; border:1px solid #ccc; width:127px; height:127px; border-radius:50%; color:#000; background:#fff;box-shadow: 3px 3px 3px rgba(0,0,0,0.5);font-size:0.8em }
   #tab1 ul > li > a > span:after{display:block; content:""; width:56px; height:56px;background-size:cover;  }
   #tab1 ul > li:nth-child(1) > a > span:after{background:url('/pc/images/main/ico_sec02_00.png') no-repeat center bottom; }
   #tab1 ul > li:nth-child(2) > a > span:after{background:url('/pc/images/main/ico_sec02_01.png') no-repeat center bottom; }
   #tab1 ul > li:nth-child(3) > a > span:after{background:url('/pc/images/main/ico_sec02_02.png') no-repeat center bottom; }
   #tab1 ul > li:nth-child(4) > a > span:after{background:url('/pc/images/main/ico_sec02_03.png') no-repeat center bottom; }
   #tab1 ul > li:nth-child(5) > a > span:after{background:url('/pc/images/main/ico_sec02_04.png') no-repeat center bottom; }
   #tab1 ul > li:nth-child(6) > a > span:after{background:url('/pc/images/main/ico_sec02_05.png') no-repeat center bottom; }
   #tab1 ul > li:nth-child(7) > a > span:after{background:url('/pc/images/main/ico_sec02_06.png') no-repeat center bottom; }
   #tab1 ul > li:nth-child(8) > a > span:after{background:url('/pc/images/main/ico_sec02_07.png') no-repeat center bottom; }
   #tab1 ul > li:nth-child(9) > a > span:after{background:url('/pc/images/main/ico_sec02_08.png') no-repeat center bottom; }
   #tab1 ul > li:nth-child(10) > a > span:after{background:url('/pc/images/main/ico_sec02_09.png') no-repeat center bottom; }
   #tab1 ul > li:nth-child(11) > a > span:after{background:url('/pc/images/main/ico_sec02_10.png') no-repeat center bottom; }
   #tab1 ul > li:nth-child(12) > a > span:after{background:url('/pc/images/main/ico_sec02_11.png') no-repeat center bottom; }
   #tab1 ul > li:nth-child(13) > a > span:after{background:url('/pc/images/main/ico_sec02_12.png') no-repeat center bottom; }
   #tab1 ul > li:nth-child(14) > a > span:after{background:url('/pc/images/main/ico_sec02_13.png') no-repeat center bottom; }
   #tab1 ul > li:nth-child(15) > a > span:after{background:url('/pc/images/main/ico_sec02_14.png') no-repeat center bottom; }
   #tab1 ul > li:nth-child(16) > a > span:after{background:url('/pc/images/main/ico_sec02_15.png') no-repeat center bottom; }
    

  #tab1 ul > li > a:hover{background-color:#c3dcf9}
  #tab2 ul > li > a{display:flex;  flex-direction:column;  justify-content:center; align-items:center; border:1px solid #ccc; width:100px; height:100px; border-radius:50%; color:#000; background:#fff;box-shadow: 3px 3px 3px rgba(0,0,0,0.5);font-size:0.8em }
  .bun_List { width:100%; padding:80px 0; min-height:650px;position:relative}

  .m_expert{width:100%; position:absolute; left:0; min-height:350px;}
  ul.expert_list{display:flex; gap:20px}
  ul.expert_list > li{padding:10px; width:670px; height:270px; border:1px solid #ccc; border-radius:20px;overflow:hidden; background:#fff; display:flex;  flex-wrap:wrap; gap:20px; align-items:center; box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);}
  ul.expert_list > li > div.ex_link a {display:block; width:100%; height:100%; position:absolute; left:0; top:0; }
  ul.expert_list > li > div.ex_img{width:150px; height:150px; border-radius:50%; overflow:hidden;box-shadow: inset 0px 0px 50px 30px rgb(22, 22, 22);}
  ul.expert_list > li > div.ex_txt{width:calc(100% - 190px);}
  ul.expert_list > li > div.ex_txt p:nth-child(1){font-family: 'ONE-Mobile-Title'; font-size:1.2em;}
  ul.expert_list > li > div.ex_txt p:nth-child(1) span{font-family: 'ONE-Mobile-Regular'; font-size:0.8em; color:#666; margin-left:5px}
  ul.expert_list > li > div.ex_txt p:nth-child(2){font-family: 'ONE-Mobile-Regular';color:#3366cc; margin-bottom:10px}
  ul.expert_list > li > div.ex_txt p:nth-child(3){font-weight:600; color:#333}
  ul.expert_list > li > div.ex_button{width:100%; display:flex; flex-wrap:wrap; gap:5px; justify-content:flex-end; font-size:0.8em;}
  ul.expert_list > li > div.ex_button a{display:flex; align-items:center; border:2px solid #3366cc; color:#3366cc; background:#eee; border-radius:30px; padding:5px 20px; }
ul.expert_list > li > div.ex_button a:hover{background:#fff;  }
ul.expert_list > li > div.ex_button a span:before{display:inline-block; content:"";width:30px; height:30px;background-size:cover; margin-right:3px; vertical-align:middle}
ul.expert_list > li > div.ex_button a.con_01 > span:before{background:url('/app/images/common/ico_con_01.png') no-repeat center center;}
ul.expert_list > li > div.ex_button a.con_02 > span:before{background:url('/app/images/common/ico_con_02.png') no-repeat center center;}
ul.expert_list > li > div.ex_button a.con_03 > span:before{background:url('/app/images/common/ico_con_03.png') no-repeat center center;}
ul.expert_list > li > div.ex_button a.con_04 > span:before{background:url('/app/images/common/ico_con_04.png') no-repeat center center;}

#main_consult{width:100%; padding:100px 0 0 0; min-height:700px;   } 
 div.swiper-pagination2{bottom:80px !important; left:10px; width:220px;z-index:9999999999999  }
div.m_consultList{ width:100%;margin:50px auto 40px auto;  }
div.conList{ width:100%; gap:25px; padding:0 50px 100px 50px;   }
div.conList > div.swiper-slide{ width:320px; height:340px;   border:1px solid #ccc; border-radius:20px; background:#fff;padding:40px 20px;box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5); }
div.conList > div.swiper-slide:hover{background:#dce6fb}
div.conList div.con_box{ width:100%; height:100%;  position:relative}
div.conList div.con_box > a:after{display:block; position:absolute; left:0; top:0; content:""; width:100%; height:100%; }
div.conList div.con_box p.cons_02{font-weight:600; color:#000; margin-bottom:10px } 
div.conList div.con_box p.cons_03{font-size:0.85em; color:#000;  } 
div.conList div.con_box p.cons_04{font-size:0.8em; color:#000; margin-bottom:10px } 
div.conList div.con_box p.cons_05{line-height:1.5em;font-size:0.9em; max-height:80px; overflow:hidden;   } 

p.main_btn{width:100%; padding:40px 0; text-align:center  } 
p.main_btn a {display:inline-block; text-align:center;border:2px solid #253579; color:#666; background:#fff; border-radius:30px; padding:5px 20px; font-size:0.8em;  } 
p.main_btn a:hover {background: #253579; color:#fff;   } 
p.main_btn a > span {vertical-align:middle; color:#253579}
p.main_btn a:hover > span {color:#fff; } 
  .main_slide_01 div.swiper-pagination{bottom:0 !important; left:20px  }

#main_buga{width:100%; padding:100px 0; min-height:1000px; background:#253579; display:flex; flex-direction:column; justify-content:center } 
#main_buga > div{max-width:1500px;margin:0 auto; } 
#main_buga > div > ul{width:100%; display:flex; flex-wrap:wrap; justify-content:center; gap:30px; margin-top:40px }
#main_buga > div > ul > li > div{width:320px; height:300px; border-radius:20px; background:#fff; font-size:0.7em; line-height:1.5em; display:flex;flex-direction:column; justify-content:center; align-items:center; position:relative} 
#main_buga > div > ul > li > div:hover{background:#dce6fb; color:#264c9b } 
#main_buga > div > ul > li > div a{display:block; width:100%; height:100%; position:absolute; left:0; top:0; border-radius:20px;}

p.buga_title{font-weight:600; font-size:1.2rem; margin:10px 0  } 
#main #main_buga p.main_title{color:#fff}

#main_law{width:100%; padding:100px 0; } 
#main_law > div{max-width:1400px; height:400px; background:#000; border-radius:30px; overflow:hidden; margin:0 auto; } 
#main_law ul.law_list{width:100%; height:100%; } 
#main_law ul.law_list > li{width:100%; height:100%; min-height:400px;} 
#main_law ul.law_list > li > div{width:100%; height:100%; min-height:400px;display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; color:#fff; font-family: 'ONE-Mobile-Title'; font-size:2em; letter-spacing: -0.02em; text-align:center; line-height:1.1em} 
#main_law ul.law_list > li > div a{display:inline-block; margin-top:20px; background:#fff; border-radius:30px; color:#333333; padding:5px 20px; font-size:1.1rem} 
#main_law ul.law_list > li > div a > span{vertical-align:middle} 
#main_law ul.law_list > li > div.law_01{background:url('/pc/images/main/buga_01.jpg') no-repeat center center; background-size:cover} 

#main_banner{width:100%; height: 106px; padding:20px 0; margin-bottom:80px; background:#dce6fb; overflow:hidden  } 
#main_banner ul.ban_list{width:100%; display:flex; gap:5px } 
#main_banner ul.ban_list li{width:auto !important; border:1px solid #ccc } 

#mainlink{max-width:1400px; margin:0 auto 80px auto; display:flex;  } 
#mainlink > div.link_title{width:250px; text-align:center; padding-top:80px; font-size:1.5em; font-weight:600 } 
#mainlink > div.link_title img{display:inline-block; margin-bottom:10px } 

#mainlink > div.link_court{display:flex; flex-wrap:wrap; width:calc(100% - 500px) } 
#mainlink > div.link_court > ul{width:20%; font-size:0.9em; line-height:1.7em } 


#mainlink_02{width:100%; background:#f2f2f2; padding:40px 10px; margin-bottom:80px } 
#mainlink_02 > div{width:1600px; margin:0 auto; display:flex;  } 
#mainlink_02 > div > div.link_title{width:250px; text-align:center; padding-top:80px; font-size:1.5em; font-weight:600 }
#mainlink_02 > div > div.link_title img{display:inline-block; margin-bottom:10px } 

#mainlink_02 > div > div.link_court_02{display:flex; flex-wrap:wrap; width:calc(100% - 500px) } 
#mainlink_02 > div > div.link_court_02 > ul{width:20%; font-size:0.9em; line-height:1.7em } 
#mainlink_02 > div > div.link_court_02 > ul > li.title{font-size:1.2em; font-weight:600;  margin-bottom:10px } 

div.link_banner{width:250px; } 
div.link_banner > ul{width:250px;display:flex; flex-direction:column;  gap:5px } 
div.link_banner > ul > li{border:1px solid #cccc } 


/* 사이즈별 폰트크기 섹션 패딩 */

@media (max-width:1000px){
#main{font-size:18px; letter-spacing:0px}
#main p.main_title{ font-size:2.2em; font-weight:700;letter-spacing: -0.02em;}
#main p.main_txt{}
div.esg{  padding:100px 0; }
div.latest{padding:100px 10px !important;}
div.biz{padding:100px 10px;}
}
@media (max-width:840px){
#main{font-size:16px; letter-spacing:0px}
#main p.main_title{ font-size:2em; font-weight:700;letter-spacing: -0.02em;}
#main p.main_txt{}
div.esg{  padding:80px 0; }div.visual_div ul > li {width:33.33333%; }
div.latest{padding:80px 10px !important;}
div.biz{padding:80px 10px;}
}

@media (max-width:640px){
#main{font-size:14px; letter-spacing:0px}
#main p.main_title{ font-size:1.8em; font-weight:700;letter-spacing: -0.02em;}

}