/* font */
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
      font-weight: 100;
    src:
    url('./fonts/Pretendard/Pretendard-Thin.ttf') format('truetype'),
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-style: normal;
      font-weight: 200;
    src:
    url('./fonts/Pretendard/Pretendard-ExtraLight.ttf') format('truetype'),
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-style: normal;
      font-weight: 300;
    src:
    url('./fonts/Pretendard/Pretendard-Light.ttf') format('truetype'),
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-style: normal;
      font-weight: 400;
    src:
    url('./fonts/Pretendard/Pretendard-Regular.ttf') format('truetype'),
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-style: normal;
      font-weight: 500;
    src:
    url('./fonts/Pretendard/Pretendard-Medium.ttf') format('truetype'),
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-style: normal;
      font-weight: 600;
    src:
    url('./fonts/Pretendard/Pretendard-SemiBold.ttf') format('truetype'),
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-style: normal;
      font-weight: 700;
    src:
    url('./fonts/Pretendard/Pretendard-Bold.ttf') format('truetype'),
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-style: normal;
      font-weight: 800;
    src:
    url('./fonts/Pretendard/Pretendard-ExtraBold.ttf') format('truetype'),
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-style: normal;
      font-weight: 900;
    src:
    url('./fonts/Pretendard/Pretendard-Black.ttf') format('truetype'),
  }

.int_root{width:100%;height:100vh;min-height:730px;margin:0 auto;display:table;background:#000;}
.int_area{display:table-cell;vertical-align:middle;}
.int_wid{width:100%;max-width: 1600px;margin:0 auto;}
.int_wid.wid2{max-width: 1060px;}
.int_box{margin-left:-20px;}
.int_box > div{float:left;margin-left:30px;width:calc(33.33333333333% - 20px);box-sizing:border-box;text-align:center;}
.int_box > div.line2{width:calc(50% - 30px);}
.int_left{padding:25px 38px 10px 38px;height:540px;background-color:#241e42;}
.int_left > p.top{margin-bottom: 25px;margin-top: 20px;font-size: 17px;color:#fff;letter-spacing:0px;font-family: "Pretendard" , sans-serif;}
.int_left > p.top strong{display:block;font-size: 25px;color:#d55c5c;letter-spacing: -1.5px;margin-bottom: 10px;line-height: 32px;}
.int_left.bg2{background: url(../images/intlf_bg_02.png) no-repeat center center;background-size:100% 100%}
.int_left > p.top.co2{margin-bottom: 25px;}
.int_left > p.top.co2 strong{color:#deaa32;padding-top: 20px;height: 34px;}
.int_left > p.top.co3 strong{color:#fff;font-family: "Pretendard" , sans-serif;}


.intl_box{margin-left:-6px;}
.intl_box > div{float:left;margin-left:6px;width:calc(50% - 6px);box-sizing:border-box;height:280px;}
.intl_box > div.intl_img{background-color: #080808;border:1px solid #928fa0;border-radius:5px;overflow: hidden;}
.intl_box > div.intl_img img{width:auto;height:278px;}
.intl_box > div.intl_text{border: 1px solid #928fa0;border-radius:5px;}
.intl_box > div.intl_text > p{font-size:30px;padding: 18px 0;color: #fff;border-bottom: 1px dashed rgba(255,255,255,0.4);/* background: url(https://www.sac.or.krhttps://www.sac.or.krhttps://www.sac.or.krhttps://www.sac.or.kr/design/theme/sac/images/intro_20210909/image/int_line.png) repeat-x center bottom; */}
.intl_box > div.intl_text > p > p{font-size:15px;padding: 10px 0;color: #fff;}
.intl_box > div.intl_text > dl.ct_txt{padding: 20px 0;letter-spacing: 0px;box-sizing:border-box;border-bottom: 1px dashed rgba(255,255,255,0.4);/* background: url(https://www.sac.or.krhttps://www.sac.or.krhttps://www.sac.or.krhttps://www.sac.or.kr/design/theme/sac/images/intro_20210909/image/int_line.png) repeat-x center bottom; */}
.intl_box > div.intl_text > dl.ct_txt dt{margin-bottom: 5px;font-size: 21px;color:#fff;}
.intl_box > div.intl_text > dl.ct_txt:first-child dt strong{margin-bottom: 3px;font-size: 22px;color:#fff;}
.intl_box > div.intl_text > dl.ct_txt dt p{font-size:13px;margin-top: 5px;line-height: 20px;}
.intl_box > div.intl_text > dl.ct_txt dt span{margin-top:4px;letter-spacing:-0.7px;display:block;font-size:12px; }
.intl_box > div.intl_text > dl.ct_txt dd{margin-top: 5px;font-size: 16px;color:#fff;}
.intl_box > div.intl_text > dl.ct_txt:first-child dd{margin-top: 5px;font-size: 18px;color:#f7b53d;}
.intl_box > div.intl_text > dl.ct_txt dd > span{ }
.intl_box > div.intl_text > dl.ct_txt:last-child {border-bottom: 0;}
.intl_box > div.intl_text > dl.bot_txt{padding: 13px 0 13px;border-bottom: 1px dashed rgba(255,255,255,0.4);}
.intl_box > div.intl_text > dl.bot_txt:last-child{border-bottom:0;}
.intl_box > div.intl_text > dl.bot_txt dt{font-size: 16px;color: rgba(255,255,255,0.4);opacity: 1;}
.intl_box > div.intl_text > dl.bot_txt dt p{font-size:14px;margin-top: 1px;font-weight: 300;}
.intl_box > div.intl_text > dl.bot_txt dt span{margin-top:1px;letter-spacing:0.5px;display:block;font-size:13px; opacity: 0.7;}
.intl_box > div.intl_text > dl.bot_txt dd{margin-top: 3px;font-size: 13px;color: rgba(255,255,255,0.4);opacity: 1;}
.intl_box > div.intl_text > dl.bot_txt:last-child {border-bottom: 0;}

.intb_btn{margin-top: 20px;}
.intb_btn > a.bn1{display:block;width:100%;height:55px;line-height:55px;border-radius:55px;background: #dd9200;font-size:22px;color:#fff;font-weight: bold;}
.intb_btn > a.bn2{display:block;width:100%;height:55px;line-height:55px;border-radius:55px;background: #000;font-size:22px;color:#fff;font-weight: bold;font-family: "Pretendard" , sans-serif;}
.intb_btn > a.bn3{display:block;width:100%;height:55px;line-height:55px;border-radius:55px;background: #af282d;font-size:22px;color:#fff;font-weight: bold;}
.intb_btn > a.bn4{display:block;width:100%;height:55px;line-height:55px;border-radius:55px;font-size:22px;color:#000;font-weight: bold;font-family: "Pretendard" , sans-serif;
  background: rgb(255,255,255);
  background: linear-gradient(180deg,#fff 50%, #bbbbbb 100%);
}

.int_right{padding:50px 38px 10px 38px;height:540px;background-color:#1b1b1b;}
.int_right .int_logo{margin-bottom:25px;}
.int_right .cimg{font-size:0;}
.int_right .cimg img{height:282px;}

.int_foot{text-align:center;margin:20px 0 10px;}
.int_foot > p{margin-bottom:20px;color:#fff;}
.int_foot > span{color:#fee00b;font-weight:bold;}
.int_foot > ul > li{margin-bottom:5px;font-size:13px;color:#fff;opacity: 0.7;font-family: "Pretendard" , sans-serif;}
.int_top{text-align:center;margin-top:20px;margin-bottom:20px}
.int_top > span{color:#f5cb5a;font-weight:bold;font-size:15px;}

h1.topint_logo{display:none;text-align:center;padding-top:15px;margin-bottom:25px;}



.intl_box > div.intl_text > dl.as_txt{padding: 22px 0;letter-spacing: 0px;box-sizing:border-box;border-bottom: 1px dashed #928fa0;}
.intl_box > div.intl_text > dl.as_txt.pd{padding: 33px 0;}
.intl_box > div.intl_text > dl.as_txt.pd2{padding: 15px 0;}
.intl_box > div.intl_text > dl.as_txt dt{font-size: 23px;color:#fff;letter-spacing: -1px;}
.intl_box > div.intl_text > dl.as_txt dd {letter-spacing: -1px;}
.intl_box > div.intl_text > dl.as_txt dt.st{font-size: 24px;color:#fff;padding:10px 0;font-family: "Pretendard" , sans-serif;}
.intl_box > div.intl_text > dl.as_txt dd.st{font-size:20px;color:#fff;margin-top:3px;font-family: "Pretendard" , sans-serif;font-weight:bold;}

.intl_box > div.intl_text > dl.as_txt dt.st2{font-size: 22px;color:#fff;font-family: "Pretendard" , sans-serif;}
.intl_box > div.intl_text > dl.as_txt dd.st2{font-size:16px;color:#fff;margin-top:3px;font-family: "Pretendard" , sans-serif;}

.intl_box > div.intl_text > dl.as_txt dt.st3{font-size: 22px;color:#fff;font-family: "Pretendard" , sans-serif;}
.intl_box > div.intl_text > dl.as_txt dd.st3{font-size:16px;color:#fff;margin-top:3px;font-family: "Pretendard" , sans-serif;}

.intl_box > div.intl_text > dl.as_txt dd.bt{font-size:22px;color:#fff;font-weight:bold;font-family: "Pretendard" , sans-serif;margin-top:8px;}
.intl_box > div.intl_text > dl.as_txt dd.fz{font-size:14px;color:#fff;font-weight:bold;opacity: 0.7;font-family: "Pretendard" , sans-serif;}
.intl_box > div.intl_text > dl.as_txt dd.fz span{display:block;font-size:13px;}
.intl_box > div.intl_text > dl.as_txt:last-child{border-bottom:0;}

.sbc_text{text-align:center;font-size:14px;letter-spacing: -1px;color:#e9bc3f;font-weight: bold;margin-top: 10px;}
.intb_btn_caution {color:#fff;font-size:14px;margin-top:14px;}

@media screen and (max-width:1599px){
	.int_wid{max-width: 1180px;padding-top: 20px;}
    .int_box{margin-left:-5px;}
    .int_box > div{margin-left:5px;width:calc(50% - 5px);}
	.int_box > div.int_right{margin-left:25%;}
	.int_box > div.line2{margin-left:15px;width:calc(50% - 15px);}
}

@media screen and (max-width:1040px){
    .int_wid{width:calc(100% - 20px);margin:0 auto;}
}


@media screen and (max-width:1024px){
	.int_wid{max-width: 640px;}
	.int_wid.wid2{max-width: 640px;}
	.int_box > div{width:calc(100% - 5px);}
	.int_box > div.int_right{margin-left:0;}
	.int_box > div.line2{width:calc(100% - 5px);margin-left:0;margin-bottom:10px;}
    
    .intl_box > div.intl_text > p{font-size:25px;}
    .intl_box > div.intl_text > dl.ct_txt dd{font-size:18px;}
    .intl_box > div.intl_text > dl.ct_txt{padding:15px 0;}
}

@media screen and (max-width:768px){
    h1.topint_logo{display:block;}
    .int_root{display:block;height:auto;}
    .int_area{display:block;}
    .int_box{margin-left:0;max-width:500px;margin:0 auto;}
    .int_box > div{margin-left:0;width:100%;}
    .int_box > div.int_right{margin-top:20px;}
    .int_right .cimg img{height:auto;}
    .int_left{padding:30px 20px;height:auto;}
    .int_right{padding:30px 20px;height:auto;}
    .int_right .int_logo{display:none;}
    .intl_box > div.intl_text{border-radius:20px;height: auto;}
    .intb_btn{margin-top:15px;}
	.int_foot{padding: 20px 0;margin: 0;}
    .int_foot > p{display:none;}
	.int_left > p.top{font-size: 15px;}
	.int_left > p.top strong{font-size: 22px;line-height: 1.3;height: auto;}
	.int_left.bg2{background: url(../images/intlf_bg_02.png) no-repeat center center;background-size:100% 100%}
	.int_left > p.top.co2{margin-bottom: 15px;}
	.int_left > p.top.co2 strong{padding-top: 0;height: auto;}


   

    .intl_box > div{float:none;width: 100%;margin: 0;background: transparent;}
    .intl_box > div.intl_img{background: transparent;border:none;margin-bottom: 5px;}
    .intl_box > div.intl_img img{max-width:100%;width: auto;border:1px solid #918d9e;}
}

@media screen and (max-width:440px){
    .int_top > span{color:#fee00b;font-weight:bold;font-size:12px;}
    .intl_box > div.intl_img img{height:260px;}
    .intl_box > div{height:260px;}
    .intl_box > div.intl_text > p{height:54px;line-height:54px;font-size:22px;padding:0 10px;}
    .intl_box > div.intl_text > dl.ct_txt{/* padding-top:40px; *//* height:120px; */}
    .intl_box > div.intl_text > dl.ct_txt dt{font-size:22px;}
    .intl_box > div.intl_text > dl.ct_txt dd{margin-top:4px;font-size:18px;}
    .intl_box > div.intl_text > dl.bot_txt{padding-top:15px;padding-bottom: 15px;}
    .intl_box > div.intl_text > dl.bot_txt dt{font-size: 20px;}
    .intl_box > div.intl_text > dl.bot_txt dt span{margin-top:4px;letter-spacing:-0.9px;display:block;font-size:12px; }
    .intl_box > div.intl_text > dl.bot_txt dd{margin-top:5px;font-size:13px;letter-spacing:-0.5px;}
    
    .intb_btn > a.bn1{font-size:18px;}
    .intb_btn > a.bn2{font-size:18px;}
    .intb_btn > a.bn3{font-size:18px;}
    .intb_btn > a.bn4{font-size:18px;}
    
}