/*  폰트 적용 */
/*
@import url('//fonts.cdnfonts.com/css/poppins');
@import url('//fonts.cdnfonts.com/css/nanum-brush-script');
@import url('//fonts.cdnfonts.com/css/nanumgothic');
*/
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('//fonts.googleapis.com/earlyaccess/nanumbrushscript.css');
/*font-family: 'Noto Sans KR', sans-serif;*/
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/
/*font-family: 'Pretendard', 'Noto Sans KR','Poppins', sans-serif;*/
@import url('//cdn.jsdelivr.net/npm/typeface-poppins@1.1.13/index.min.css');
@import url('//cdn.jsdelivr.net/npm/noto-sans-kr@0.1.1/styles.css');
/* 공통 라이브러리 class */

/*@import url('//fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');*/
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

@import url('//cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css');
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('//fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

@font-face { font-family: 'GmarketSans';  src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: 300;  font-style: normal; }
@font-face { font-family: 'GmarketSans';  src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: 400;  font-style: normal; }
@font-face { font-family: 'GmarketSans';  src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: 600;  font-style: normal; }

@font-face { font-family: 'Pretendard'; src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff'); font-weight: 900; font-style: normal; }




.row::after {
    content:"";
    display:block;
    clear:both;
}
.cell {
    float:left;
    box-sizing:border-box;
}
.cell-right {
    float:right;
    box-sizing:border-box;
}
.margin-0-auto {
    margin:0 auto;
}
.block {
    display:block;
}
.inline-block {
    display:inline-block;
}
.text-align-center {
    text-align:center;
}
.line-height-0-ch-only {
    line-height:0;
}
.line-height-0-ch-only > * {
    line-height:normal;
}
.relative {
    position:relative;
}
.absolute-left {
    position:absolute;
    left:0;
}
.absolute-right {
    position:absolute;
    right:0;
}
.absolute-middle {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.absolute-bottom {
    position:absolute;
    bottom:30px;
}
.width-100p {
    width:100%;
}
.table {
    display:table;
}
.table-cell {
    display:table-cell;
}
.vertical-align-top {
    vertical-align:top;
}
.vertical-align-middle {
    vertical-align:middle;
}
.vertical-align-bottom {
    vertical-align:bottom;
}
.t2d_width80 {
    width: 80%;
    height: 50%;
    margin: 0 auto;
    overflow: hidden;
}
@media screen and (max-width: 1600px){
    .t2d_width80 { width:94%;  }
}
@media screen and (max-width: 1200px){
    .t2d_width80 { height: 75%;  }
}

/*아티클 줄간격*/
.t2d_article_row_gap{
	position:relative;
    margin:0;
    padding:0;
    height:50px;
    box-sizing: border-box;
}
/*.t2d_article_row_gap::after{
   content: "";
   clear: both;
   display: block;
   width: 100%;
   margin: 60px auto 0px;
   background: #f7f6f6;
   height: 1px;
}
*/
@media screen and (max-width: 1024px){ /*Tab 이하*/
    .t2d_article_row_gap {
        height:30px;
    }
    .t2d_article_row_gap::after{
        content:none;
    }
}
@media screen and (max-width: 768px){ /*Tab 이하*/
    .t2d_article_row_gap {
        height:20px;
    }
}
/*섹션*/
/*#t2d_header,*/ #t2d_main_wrap, #t2d_footer_wrap, #t2d_fake_wrap {position: relative;clear: both;}
/*fake 랩(드래그 컴포넌트용)*/
#t2d_fake_wrap{width:0px;height:0px}



/*---개인정보보호정책---*/
.content__box {
	width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 35px 25px;
    border: 1px solid #d7d7d7;
    background: #f7f7f7;
    font-size: 0.9em;
    margin-top: 20px;

	font-size:15px;
	line-height:25px;
}
.content__box dl {
    margin-bottom: 20px;
}
.content__box dl dt {
    font-size: 1em;
    font-weight: bold;
}
.content__box dl:last-child {
    margin-bottom: 0;
}
/*----- 서브페이지 wrap 스타일-----*/
#t2d_sub_wrap{}
/*----- 서브페이지 container 전체 wrap 스타일-----*/
#t2d_sub_container{/*max-width: 1400px;*/ margin:0 auto;  width:100%;min-height: 810px;}
/*---------- 서브페이지 본문 wrap ----------*/
#t2d_scontents { width:100%; margin:0px auto 30px auto; max-width: 1400px;}
@media screen and (max-width: 1200px){ /*Tab 이하*/
    #t2d_scontents { width:100%; }
}
@media screen and (max-width: 1024px){ /*Tab 이하*/
    #t2d_scontents { width:100%;}
}
@media screen and (max-width: 768px){ /*Tab 이하*/
    #t2d_scontents {margin:0px 0 0 0;}
}
/*---------- 서브페이지 커버이미지(비쥬얼) : 배경방식 ----------*/


.t2d_sub_visual {position:relative; width:100%;   height:400px; line-height:1.4; box-sizing:border-box;overflow:hidden;
    background-size:cover;  box-sizing:border-box; border-radius:0px; border:0px solid red;
	padding-left:55px;		}
.t2d_sub_visual .inner{height: 100%;}
.t2d_sub_visual .inner .txt_box{position: absolute; bottom: 120px;}
.t2d_sub_visual .t2d_sub_visual_in { position:relative; display:table; width:94%; height:100%;  z-index:2; max-width:1260px; margin: 0 auto;}

.t2d_sub_visual .t2d_directory_box { box-sizing:border-box; color:#fff; vertical-align:top; text-align: center; border:0px solid red;
width:87%; padding-top:140px;
}
.t2d_sub_visual .t2d_directory_box1 {font-size: 20px; color:#fff; }
.t2d_sub_visual .t2d_directory_box2 {font-size: 55px; color:#fff; font-weight:700; }

.t2d_sub_visualleft{position:relative; width:60%; float:left; height :400px;background-size:cover !important;}
.t2d_sub_visualright{position:relative; width:40%; height:400px;  float:left; background:#336799 url(../user_img/sublogobg.png) right bottom no-repeat;}
.t2d_sub_visualtext{position: absolute; right:0px; top:0px; width:100px; height:400px;  background:#333333 url(../user_img/subtext.png);}


@media all and (max-width:1280px){
.t2d_sub_visual{padding-left:0px;}
.t2d_sub_visualtext{display:none;}
.t2d_sub_visual .t2d_directory_box{width:100%;}
.t2d_sub_visualright{position:relative; width:40%; height:400px;  float:left; background:#336799 url(../user_img/sublogobg03.png) right bottom no-repeat;

}

}

@media all and (max-width:1024px){
    .t2d_sub_visual{height: 230px;}
	.t2d_sub_visualleft{display:none;}
	.t2d_sub_visualright{width:100%; height:230px;   background:#336799 url(../user_img/sublogobg03.png) right bottom no-repeat;}

.t2d_sub_visual .t2d_directory_box{padding-top:75px;}
.t2d_sub_visual .t2d_directory_box1 {font-size: 20px; color:#fff; }
.t2d_sub_visual .t2d_directory_box2 {font-size: 40px; color:#fff; font-weight:700; }


}
@media all and (max-width:768px){
    .t2d_sub_visual .t2d_directory_box h2{font-size: 3rem;}
   .t2d_sub_visual .t2d_directory_box2 {font-size: 35px; color:#fff; font-weight:700; }
}


/*---------- 서브페이지 경로 표시 ----------*/



/*---------- 서브페이지  제목 ----------*/
.t2d_subtitle{text-align: center; font-size: 50px; font-weight: 700; color: #000; padding: 60px 0 30px;}
.t2d_subtitle p{color: #666; font-weight: 400; font-size: 1.7rem; margin-top: 15px; font-weight: 300;}

.boardheadertxt{

    word-break: keep-all;
    font-weight: 600;
    margin-bottom: 50px;
}
.btn_b01_new{
    color: #fff;
    background: #d13f4a;
    padding: 15px 20px!important;
    border-radius: 25px;
}
.btn_b01_new:hover{

    background: #ce0707;
}
@media all and (max-width:1280px){
.t2d_subtitle{text-align: center; font-size: 50px; font-weight: 700; color: #000; padding: 60px 0 65px;}
}

@media all and (max-width:1024px) {
.t2d_subtitle{text-align: center; font-size:45px; font-weight: 700; color: #000; padding:100px 0 65px;}

}

@media all and (max-width:768px){
    .t2d_subtitle{font-size: 40px;  padding: 100px 0 55px;}
    .t2d_subtitle p{font-size: 1.5rem; margin-top: 6px;}
}
@media all and (max-width:480px){
    .t2d_subtitle{font-size: 33px; padding: 100px 0 35px;}
}

/*---------- 서브페이지 메뉴----------*/
/*------서브페이지 대중소 제목 ------*/
#t2d_scontents .t2d_contenttitle{
    width:100%; margin:50px auto 30px auto; text-align: center;
}
#t2d_scontents .t2d_contenttitle > h1{
    font-size:32px; font-weight:bold; display:inline-block; color:#033c7e;
    padding: 0;
    margin: 0;
}
#t2d_scontents .t2d_contenttitle > h1:after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    margin: 30px auto 10px;
    background: #000;
    height: 1px;
    font-size: 0;
}

#t2d_scontents .t2d_contenttitle_m {
    margin: 0px auto 10px auto;
    width: 100%;
    text-align: left;
}
#t2d_scontents .t2d_contenttitle_m > h1{
    font-size: 22px; font-weight:bold; display:inline-block; color:#033c7e;
    padding: 0;
    margin: 0;
}

#t2d_scontents .t2d_contenttitle_s > h1{
    font-size: 20px; font-weight:bold; display:inline-block; color:#000;
    padding: 0px 10px 0;
    margin: 0;


}
@media screen and (max-width: 1200px){
    #t2d_scontents .t2d_contenttitle { width:94%; margin:30px auto 20px auto;}
    #t2d_scontents .t2d_contenttitle h1 { font-size:28px;}
    #t2d_scontents .t2d_contenttitle_m { width:99%; }
    #t2d_scontents .t2d_contenttitle_m h1 { font-size:20px;}
    #t2d_scontents .t2d_contenttitle_s h1 { font-size:19px;}
}
@media screen and (max-width: 768px){ /*Mob 이하*/
    #t2d_scontents .t2d_contenttitle h1 { font-size:28px; }
}
/*------서브페이지 대중소 제목 end ------*/


/*----- 메인 wrap 스타일-----*/
#t2d_main_wrap{}
/*----- 메인 article 전체 wrap 스타일-----*/
#t2d_main_container{/*max-width: 1400px;*/ margin: 0 auto; width:100%;}
/*----- 메인 각 콘텐츠 article에 대한 공통 스타일-----*/
.t2d_contentbox_fullscreen-wh { position:relative; width:100%; height:calc(var(--vh, 1vh) * 100); /*height:100vh;*/ } /* height fullscreen*/
.t2d_contentbox_full-w_auto-h { position:relative; width:100%; height:auto; margin:0 auto;} /* height auto*/
.t2d_contentbox_max-width1400 { position:relative; width:100%; max-width:1400px; margin:0 auto;} /* max-width:1400*/
/*-----아티클 css -----*/

/*여기부터 css 삽입(누리)*/

/*공통 css*/
/*kui삽입 css*/
.t2d_mobileshow{display:none;}
.t2d_mobileshow_flat{display: none;}

@media all and (max-width:1024px){
  .t2d_mobileshow{display:block;}
  .t2d_mobileshow_flat{display:block;}
}


/* 메인이미지 */
#visual { width:100%; overflow:hidden; position:relative; border-radius:0px;
    height:500px; background:#fff ; border:0px solid red; }

   .pl4{padding-left:3px;}

   .visual_wrap {padding:0px 55px;   position:relative; width:100%; height:100%; margin:0 auto;  overflow:hidden;
   float:right;   border-radius:0px;}
   .visual_box { position:absolute; width:100%; margin:0 auto;  border-radius:0px;}
   .visual_box div {position:absolute; top:0;  left:0; border:0px solid red;  height:500px; width:100%;    }
   .visual_box div  img{width:100%;}
   .v_ul { position:absolute;  bottom:300px; right:50%; margin-right:-74px;    z-index:99; }
   .v_ul li { float:left;  z-index:1;  cursor:pointer; margin-right:6px; }

   .v_btn01 a{ display:inline-block; position:absolute;  border-radius:0px; top:300px;  left:20px; background:#fff url(/images/arrow_right.png)center;
   box-shadow:5px 5px 5px rgba(0,0,0,0.1);
   width:65px; height:65px; cursor:pointer; border:5px solid #fff;
   color:#fff ! important; font-weight:600;  font-size:14px; line-height:40px; opacity:0.9; text-transform:uppercase;z-index:99; }

   .v_btn02 a { display:inline-block;  position:absolute;  border-radius:0px; z-index:1;  background:#fff url(/images/arrow_left.png)center;
   box-shadow:5px 5px 5px rgba(0,0,0,0.1);
   top:380px;  left:20px; width:65px; height:65px; cursor:pointer;
   color:#fff ! important; font-weight:600;  font-size:14px; line-height:40px; opacity:0.9; text-transform:uppercase;z-index:99;  }

   .v_btn01 a:hover{display:block; border:5px solid #3391c5; }
   .v_btn02 a:hover{display:block; border:5px solid #3391c5; }

   /* 메인 슬라이드 버튼*/

   #visual .visual_p { /*position:absolute;*/  left:0;}
   #visual .visual_p img{width:100%;}
   #visual .vs_txt {position:absolute;  border:0px solid red; width:55%; text-align:center; letter-spacing:-0.7px;
   right:8%; top:23%; margin-left:0px; z-index:50;}

   #visual .vs_txt .m-txt {font-size:45px; font-weight:400; color:#fff; line-height:60px; margin-top:3%;}
   #visual .vs_txt .m-txt4 {font-size:55px; font-weight:700; color:#fff; line-height:65px;word-break: keep-all;}


   .mainbg01{background:url('../user_img/main01.jpg')top; background-size:cover;}
   .mainbg02{background:url('../user_img/main02.jpg')right; background-size:cover;}
   .mainbg03{background:url('../user_img/main03.jpg')right; background-size:cover;}






   .maintt{font-size:18px; font-weight:800; color:#0066cc;}
   .maintt1{font-size:40px; font-weight:700; color:#000; line-height:50px;}
   .maintt2{font-size:30px; font-weight:700; color:#000; line-height:50px;}
   .maintt3{font-size:17px; font-weight:700; color:#666666; line-height:25px;}

   .mainright{position:absolute; right:0px; top:0px; background:#333333; width:100px; height:650px;
   background:#333333 url('../user_img/maintext.png')}

   .mainbtn {
       background:url(../user_img/mainbtn_bg.png);
       border-radius:0px;
       display:inline-block;
       cursor:pointer;
       color:#99ccff;
       font-weight:600;
       width:345px;
       height:125px;
       font-size:33px;
       text-decoration:none;
       padding-left:19px;
       padding-top:35px;
       float:right;
        margin-right:4%;
        margin-top:2%;



   }
   .mainbtn:hover {

       background:url(../user_img/mainbtn_bg1.png);
       color:#ff6600;

   }
   .mainbtn:active {
       position:relative;

   }


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

   .mainright{display:none;}
   #visual .vs_txt {right:3%; top:19%; width:70%; text-align:right;}
   #visual .vs_txt .m-txt {font-size:35px; font-weight:400; color:#fff; line-height:60px;}
   #visual .vs_txt .m-txt span{font-weight:100;}
   #visual .vs_txt .m-txt4 {
       font-size: 50px;
       font-weight: 700;
       color: #fff;
       line-height: 65px;
   }


   #visual .vs_txt .m-txt2 {
       font-size: 17px;
       font-weight: 700;
       color: #fff;
   }
   .mainbtn{zoom:0.9; text-align:Center !important;}
   }



   @media all and (max-width:1024px){
   #visual{height:450px; bordeR:0px solid red;}
   .mainbg01{background:url('../user_img/main01.jpg')top; background-size:170%; background-position-x:50%;}
   .mainbg02{background:url('../user_img/main02.jpg')right; background-position-x:50%; }
   .mainbg03{background:url('../user_img/main03.jpg')right; background-position-x:60%; }

   #visual .vs_txt { width:90%; top:25%; }
    #visual .vs_txt img{width:80%;}


   .v_btn01 a{ top:250px; }
   .v_btn02 a{top:330px; }
   }


   .t2d_mobileshow_m{display:none;}
   .t2d_mobilenone_m{display:block;}


   @media all and (max-width:768px){
   .visual_wrap {padding:0px;   position:relative; width:100%; height:100%; margin:0 auto;  overflow:hidden;
   float:right;   border-radius:0px;}
   #visual{height:500px; bordeR:0px solid red;}
   .mainbg01{background:url('../user_img/main01_m.jpg')top; background-size:cover; background-position-x:60%;}
   .mainbg02{background:url('../user_img/main02_m.jpg')right bottom;background-size:cover; background-position-x:0%; }
   .mainbg03{background:url('../user_img/main03_m.jpg')right bottom;background-size:cover;  background-position-x:10%; }
   #visual .vs_txt { width:100%; top:25%;}
   #visual .vs_txt .m-txt {font-size:30px; font-weight:500; color:#fff; line-height:50px; padding-right:2%;}
   #visual .vs_txt .m-txt3 {font-size:18px; font-weight:700; color:#fff; line-height:50px;  padding-right:2%;}
   #visual .vs_txt .m-txt4 {margin-top:2%;font-size:35px; font-weight:700; color:#fff; line-height:50px;  padding-right:2%;}
    #visual .vs_txt img{width:100%;}
   .v_btn01 a{ top:450px;zoom:0.8;  }
   .v_btn02 a{top:520px;zoom:0.8;  }

   .mainbtn{zoom:0.6; text-align:Center !important;}
   }



   @media all and (max-width:480px){
   #visual{height:500px; bordeR:0px solid red;}
   .mainbg01{background:url('../user_img/main01_m.jpg')top; background-size:cover; background-position-x:60%;}
   .mainbg02{background:url('../user_img/main02_m.jpg')right bottom;background-size:cover; background-position-x:10%; }
   .mainbg03{background:url('../user_img/main03_m.jpg')right bottom;background-size:cover;  background-position-x:10%; }
   #visual .vs_txt { width:90%; top:22%;}
   #visual .vs_txt .m-txt {font-size:25px; font-weight:500; color:#fff; line-height:35px; padding-right:2%;}
   #visual .vs_txt .m-txt3 {font-size:18px; font-weight:700; color:#fff; line-height:50px;  padding-right:2%;}
   #visual .vs_txt .m-txt4 {margin-top:2%;font-size:33px; font-weight:700; color:#fff; line-height:40px;  padding-right:2%;}
   .t2d_mobileshow_m{display:block;}
   .t2d_mobilenone_m{display:none;}

   .v_btn01 a{ top:450px;zoom:0.8;  }
   .v_btn02 a{top:520px;zoom:0.8;  }

   .mainbtn{zoom:0.6; text-align:Center !important;}
   }



   .main_cont01{width:100%; position:relative; border:0px solid red; background:url(../user_img/main_aboutbg.jpg)center top no-repeat; background-size:100%;
   padding:120px; 0px; overflow:hidden;}
   .mainabout{width:1300px; margin:0 auto; border:0px solid red;}
   .mainaboutbglogo{position:absolute; bottom:0px; right:0px;}

   .mainabout > ul{width:100%; }
   .mainabout > ul > li{display:inline-block; float:left;}
   .mainabout > ul > li:first-child{width:45%; border:0px solid red; box-sizing:border-box; padding-left:8%;  }
   .mainabout > ul > li:last-child{width:55%; border:0px solid red; box-sizing:border-box; }
   .mainabout > ul > li:last-child img{width:100%;}
   /*.mainabout ul li dl{width:330px; float:left; margin-top:45px;}
   .mainabout ul li dl dt{width:50%; float:left; text-align:center;border-right:1px solid #cccccc;}
   .mainabout ul li dl dt a{font-size:19px; font-weight:600; padding-top:3%; color:#000;}
   .mainabout ul li dl dd{width:50%; float:left; text-align:center;}
   .mainabout ul li dl dd a{font-size:19px; font-weight:600; padding-top:3%; color:#000;}
   */

   .mainabout1 > ul {
       width: 340px;
       float: left;
       position: relative;
       margin-top: 35px;
       border:0px solid red;
   }
   .mainabout1 > ul > li {
       position: relative;
       display: inline-block;
       line-height: 25px;
       width: 48%;
       text-align: center;
       border-right: 1px solid rgba(0,0,0,0.1);
       color: #000;
       font-size: 1.2em;
       box-sizing: border-box;
   }
   .mainabout1 > ul > li:last-child {
       border-right: 0px solid rgba(0,0,0,0.1);
   }
   .mainabout1 > ul > li a {
       padding: 25px;
       display: block;
       box-sizing: border-box;
       border: 6px solid transparent;
   }
   .mainabout1 > ul > li a:hover {
       box-shadow: 5px 12px 10px rgba(0,0,0,0.25);
       transition: 0.1s;
       left: 0;
       top: 0;
       border: 6px solid #336699;
       content: '';
       box-sizing: border-box;
       z-index: 8888;
   }
   .mainabout1 > ul > :after {
       display: block;
       clear: both;
       content: '';
   }



   .mainabout_tt{font-size:45px; font-weight:600; padding-top:0%; color:#336699;}
   .mainabout_tt span{font-size:19px; color:#adadad;}

   .mainabout_tt1{ font-size:18px; font-weight:600; padding-top:3%; color:#969696; line-height:28px;}

   .mainabout_btn {
       background:#fff url(../user_img/arrow_bg.jpg)no-repeat;

       border-radius:5px;
       display:inline-block;
       cursor:pointer;
       color:#ff6600;
       font-weight:600;
       padding:18px 91px 18px 120px;
       font-size:19px;
       text-decoration:none;
       margin-top:15px;
       border:1px solid #ff6600;
       background-position-x:50%;


   }
   .mainabout_btn:hover {
       color:#fff;
       background:#ff6600 url(../user_img/arrow_bg1.jpg) no-repeat;
       background-position-x:50%;
       border:1px solid #ff6600;

   }
   .mainabout_btn:active {
       position:relative;

   }

   @media all and (max-width:1280px){
   .main_cont01{width:100%; position:relative; border:0px solid red;
   padding:100px 0px; overflow:hidden;}
   .mainabout{width:100%;}
   .mainabout > ul > li:first-child{padding-left:2%; padding-right:1%;  }
   .mainabout_tt{font-size:31px; font-weight:600; padding-top:15%; }

   }


   @media all and (max-width:1024px){
   .main_cont01{padding:40px 5px; background:none;}
   .mainaboutbglogo{display:none;}
   .mainabout > ul > li:first-child{width:100%;  padding:0%;  border:0px solid red; }
   .mainabout > ul > li:last-child{width:100%; padding:0%;  border:0px solid red;  margin-top:20px; }
   .mainabout > ul > li:last-child img{border-radius:5px;}

   /*.mainabout ul li dl{width:100%; float:left; margin-top:45px;}
   .mainabout ul li dl dt{width:50%; float:left; text-align:center;border-right:1px solid #cccccc;}
   .mainabout ul li dl dt a{font-size:17px; font-weight:600; padding-top:3%; color:#000;}
   .mainabout ul li dl dd{width:50%; float:left; text-align:center;}
   .mainabout ul li dl dd a{font-size:17px; font-weight:600; padding-top:3%; color:#000;}*/


   .mainabout1 > ul {
       width: 100%;
       float: left;
       position: relative;
       margin-top: 25px;
       border:0px solid red;
   }
   .mainabout1 > ul > li {
       position: relative;
       display: inline-block;
       line-height: 25px;
       width: 48%;
       text-align: center;
       border-right: 1px solid rgba(0,0,0,0.1);
       color: #000;
       font-size: 1em;
       box-sizing: border-box;
   }
   .mainabout1 > ul > li:last-child {
       border-right: 0px solid rgba(0,0,0,0.1);
   }
   .mainabout1 > ul > li a {
       padding: 25px;
       display: block;
       box-sizing: border-box;
       border: 6px solid transparent;
   }
   .mainabout1 > ul > li a:hover {
       box-shadow: 5px 12px 10px rgba(0,0,0,0.25);
       transition: 0.1s;
       left: 0;
       top: 0;
       border: 6px solid #336699;
       content: '';
       box-sizing: border-box;
       z-index: 8888;
   }
   .mainabout1 > ul > :after {
       display: block;
       clear: both;
       content: '';
   }

   .mainabout_tt{font-size:25px; padding-top:0%;}
   .mainabout_btn{width:100%; padding:15px 25px; text-align:Center; background:none;}
   .mainabout_btn:hover {background:#ff6600;}
   }



   .main_cont02{width:100%; position:relative; border:0px solid red; background:url(../user_img/main_businessbg.jpg)center top no-repeat; background-size:100%;
   padding:60px 0px; overflow:hidden; text-align:center; }

   .main_cont02_1{width:100%; position:relative; border:0px solid red; background:#033c7e; background-size:100%;
    padding:60px 0px; overflow:hidden; text-align:center; }



   @media all and (max-width:1280px){
   .main_cont02{padding:40px 0px; border:0px solid red; background-attachment:fixed;}
   }


   @media all and (max-width:1024px){
   .main_cont02 {background-size:cover; background:#23558d url(../user_img/main_businessbg1.jpg);}
    }

   @media all and (max-width:480px){
   .main_cont02 { padding:30px 0px; background-size:100%; background:#23558d url(../user_img/main_businessbg1.jpg);}

   }

   .main_sucess{width:100%; position:relative; padding-top:40px; padding-bottom:0px; border:0px solid red; text-align:Center; overflow:hidden;}
   .main_sucess_1{width:100%; position:relative; padding-top:40px; padding-bottom:100px; border:0px solid red; text-align:Center; overflow:hidden;}



   @media all and (max-width:1280px){
   .main_sucess{padding-top:30px; padding-bottom:0px;}
   .main_sucess_1{padding-top:30px; padding-bottom:70px;}

   }

   @media all and (max-width:480px){
   .main_sucess{padding-top:30px; padding-bottom:0px;}
   .main_sucess_1{padding-top:30px; padding-bottom:30px;}
   }




   .main_cont03{width:100%; position:relative; border:0px solid red; background:url(../user_img/main_quickbg.jpg)center top; background-size:100%;
   padding:0px 0px; overflow:hidden; text-align:center;}

   .mainquick{width:1380px;  margin:0 auto;}
   .mainquickleft{width:15%; float:left; background:#ff6600; padding:50.5px 0px; text-align:Center;}
   .mainquickright{width:85%; float:left; border:1px solid #e3e3e3;  background:#fff;}
   .mainquickright ul{width:90%; margin:0 auto;}
   .mainquickright ul li{padding:23px 0px; display:inline-block; width:25%; float:left; text-align:center;   }
   .mainquickright ul li a{ font-size:20px; display:block;  color:#000; font-weight:500; }
   .mainquickright ul li a:hover{color:#ff6600;}


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

   .mainquick{width:100%;  margin:0 auto;}

   }

   @media all and (max-width:1024px){
   .mainquickleft{width:100%; padding:10px 0px;}
   .mainquickright{width:100%;}
   .mainquickright ul li a{font-size:18px; line-height:35px;}
   }

   @media all and (max-width:768px){
   .mainquickright ul li{padding:15px 0px; display:inline-block; width:25%; float:left; text-align:center;  }
   .mainquickright ul li a{font-size:17px; line-height:35px;}
   }


   @media all and (max-width:480px){
   .mainquickright ul li{padding:15px 0px; display:inline-block; width:50%; float:left; text-align:center;  }

   }

   .main_cont04{width:100%; position:relative; border:0px solid red; background:url(../user_img/main_commubg.jpg)center top;background-size:100%;
   padding:70px 0px; overflow:hidden; text-align:center;}

   .maincommu{max-width:1380px;  margin:0 auto;  overflow:hidden;  }
   .maincommuleft{width:50%; float:left; padding-right:3%; text-align:left; box-sizing:border-box;}
   .maincommuright{width:50%; float:left; border:0px solid red; padding-left:3%;  text-align:left; box-sizing:border-box;}

   @media all and (max-width:1280px){
      .main_cont04{width:100%; position:relative; background:none;
   padding:60px 0px; overflow:hidden; text-align:center;}

   .maincommu{width:100%;  margin:0 auto;  overflow:hidden;   }
   .maincommuleft{width:100%; float:left; padding:3% !important; text-align:left; }
   .maincommuright{width:100%; float:left; border:0px solid red;padding:3% !important;  text-align:left;}
   }


   @media all and (max-width:1024px){
   .main_cont04{ background:none; padding:40px 0px;}

   }



   /*************/




   .bannerarea{width:100%; /*float:left;*/  bordeR-top:1px  solid #e6e6e6; padding:0px;}

   .flow_banner {overflow: hidden; display: flex; margin: 30px auto;background: #fff; padding:0px 30px;}
   .flow_banner .list {display: flex;}
   .flow_banner .list > li {width:200px !important; border:1px solid #ccc; margin:5px; white-space: nowrap; font-size: 18px;color: #fff; padding:10px;}
   @keyframes flowRolling {
       0% {
           transform: translateX(0);
       }
       100% {
           transform: translateX(-100%);
       }
   }

   /* 반응형 스타일 */
   @media (max-width: 1280px) {
       .flow_banner .list > li {font-size: 16px;padding: 10px;}
   }

   @media (max-width: 1024px) {
   .flow_banner {overflow: hidden; display: flex; margin: 10px auto;background: #fff;}
       .flow_banner .list > li {width:130px !important;font-size: 14px;padding: 5px;}

     .flow_banner .list > li > img{width:90% !important;}

   }



/*서브페이지 내용*/


.textsty01{width:100%; line-height:37px; font-size:20px; color:#131313;  background:#f9f9f9 url(/theme/t2d_theme_basic/user_img/sublogobg04.png) right bottom no-repeat; padding:75px;}
.textsty02{margin-top:2%; font-family: 'Nanum Myeongjo', serif !important; color:#000;  font-weight:700; font-size:23px; width:100%; text-align:Center;}
.textsty03{margin-top:5%; line-height:40px;  color:#000;  font-weight:500; font-size:23px; width:100%; text-align:Center;}
.textsty03 span{color:#336799; font-weight:600;}


/**서브페이지 ***/

.aboutt{background:#f9f9f9;  color:#336699; font-size:27px; font-weight:600; padding:22px; text-align:Center;}
.aboutt1{font-size:23px; font-weight:600; line-height:40px; color:#000; margin-top:2%; }
.aboutt1 img{width:30px;}
.aboutt2{color:#000; font-size:18px; font-weight:600; line-height:31px; margin-top:1.5%; margin-left:2%; }
.aboutt2 span{ margin-left:0.6%;}
.aboutimg{background:#f9f9f9;  padding:55px 0px;text-align:Center; }



@media all and (max-width:1024px) {
.aboutt{background:#f9f9f9;  color:#336699; font-size:25px; font-weight:700; padding:22px; text-align:Center; border:0px solid red;}

.aboutt1 img{width:20px; margin-top:10px !important; line-height:25px; }
.aboutimg img{width:100%; max-width: unset!important;}
}

.scrollguide{position:absolute; top:0px; left:0px; display:none;}

@media all and (max-width:768px) {
.aboutt{background:#f9f9f9;  color:#336699; font-size:22px; font-weight:700; padding:22px; text-align:Center; border:0px solid red;}
.aboutt1{font-size:20px; font-weight:600; line-height:30px; color:#000; margin-top:3%; }
.aboutt1 img{width:20px !important; margin-top:5px !important; line-height:25px; }
.aboutt2{color:#000; font-size:17px; font-weight:600; line-height:31px; margin-top:1.5%; margin-left:2%; }
.aboutimg{position: relative; overflow-x: auto;}
.aboutimg img{width:900px;}
.scrollguide{position:absolute; top:0px; left:0px; display:block; }
.scrollguide img{width:157px !important; padding-top:0%;}
.scrollguide span{color:red; line-height:75px; font-weight:600;}
}



.groupinfo{width:100%;  position: relative; }
.groupinfo table{width:100%; border-top:3px solid #336699; margin-top:2%;}
.groupinfo table thead tr td{background:#f9f9f9; padding:20px 0px; border-bottom:1px solid #336699;  color:#336699; font-size:18px; font-weight:600; text-align:Center;}
.groupinfo table tbody tr td{padding:20px 10px; color:#000;font-size:18px;  text-align:Center; border-bottom:1px solid #ccc;}
.groupinfo table tbody tr td.subj1{color:#336699; font-size:18px; font-weight:600; background:#f9f9f9; width:20%;}
.groupinfo table tbody tr td.aleft{text-align:left;}
.groupinfott{font-size:30px; font-weight:600; line-height:35px; color:#000;}

.groupinfo1{width:100%;  position: relative; overflow:hidden; }
.groupinfo1 >  ul {width:100%;  position: relative; float:left; margin-top:2%;}
.groupinfo1 >  ul > li{display:inline-block; float:left;}
.groupinfo1 >  ul > li:first-child{width:35%; float:left;}
.groupinfo1 >  ul > li:first-child img{width:90%; border:1px solid #ccc;}
.groupinfo1 >  ul > li:last-child{width:65%; float:left;}


@media all and (max-width:768px) {
.groupinfott{font-size:20px; font-weight:600; line-height:35px; color:#000;}
.groupinfott img{width:20px;}
.groupinfo table thead tr td{background:#f9f9f9; padding:20px 5px; border-bottom:1px solid #336699;  color:#336699; font-size:16px; font-weight:600; text-align:Center;}
.groupinfo table tbody tr td{padding:20px 5px; color:#000;font-size:15px;  text-align:Center; border-bottom:1px solid #ccc;}
.groupinfo table tbody tr td.subj1{color:#336699; font-size:16px; font-weight:600; background:#f9f9f9; width:20%;}
.groupinfo table tbody tr td.aleft{text-align:left;}

.groupinfo1 >  ul {width:100%;  position: relative; float:left; margin-top:2%;}
.groupinfo1 >  ul > li{display:inline-block; float:left; margin-bottom:2%; }
.groupinfo1 >  ul > li:first-child{width:100%; float:left;}
.groupinfo1 >  ul > li:first-child img{width:100%; border:1px solid #ccc; margin-bottom:3%; }
.groupinfo1 >  ul > li:last-child{width:100%; float:left;}

}


/*누리인 공통*/

.s-inner { width:1350px;  position:relative;  margin-left:auto;   margin-right:auto; padding-bottom:5%; }

.boardnone_m{display:show;}
.boardshow_m{display:none;}


@media all and (max-width:768px){
.boardnone_m{display:none;}
.boardshow_m{display:inline-block;}
}


.wd1per{width:1% !important;}
.wd5per{width:5% !important;}
.wd7per{width:7% !important;}
.wd8per{width:8% !important;}
.wd9per{width:9% !important;}
.wd10per{width:10% !important;}
.wd15per{width:15% !important;}
.wd20per{width:20% !important;}
.wd25per{width:25% !important;}
.wd30per{width:30% !important;}
.wd90per{width:90% !important;}
.wd100per{width:100% !important;}


@media all and (max-width:768px){
.wd5per{width:10% !important;}
.wd10per{width:25% !important;}
.wd90per{width:75% !important;}
 .wd15per{width:25% !important;}


    }

/* 타블렛 가로 */
@media all and (max-width:1399px) {
.s-inner {width:97%; margin-bottom:7%;}
}
/* 정렬 */
.center { text-align:center !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.fr { float:right !important; }
.fl { float:left !important; }
.mid { vertical-align:middle !important ; }
.clear {clear:both !important;}

.hand {cursor:pointer}
/* font */

.fw-T { font-weight: 100 !important; }
.fw-L { font-weight: 300 !important; }
.fw-D { font-family: 'NotoSans-DemiLight' !important; }
.fw-R { font-weight: 400 !important; }
.fw-M { font-weight: 500 !important; }
.fw-SB { font-weight: 600 !important; }
.fw-B { font-weight: 700 !important; }

.fc-m { color:#00afab !important; }
.fc-m2 { color:#00fef8 !important;}
.fc-bl { color:#23272b !important; }
.fc-gr { color:#c7c7c7 !important; }
/* margin */
.mt0 { margin-top:0 !important; }
.mt1 { margin-top:1px !important; }
.mt2 { margin-top:2px !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt6 { margin-top:6px !important; }
.mt7 { margin-top:7px !important; }
.mt8 { margin-top:8px !important; }
.mt9 { margin-top:9px !important; }
.mt10 { margin-top:10px !important;}
.mt11 { margin-top:11px !important;}
.mt12 { margin-top:12px !important;}
.mt13 { margin-top:13px !important;}
.mt14 { margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt16 { margin-top:16px !important;}
.mt17 { margin-top:17px !important;}
.mt18 { margin-top:18px !important;}
.mt19 { margin-top:19px !important;}
.mt20 { margin-top:20px !important;}
.mt21 { margin-top:21px !important;}
.mt22 { margin-top:22px !important;}
.mt23 { margin-top:23px !important;}
.mt24 { margin-top:24px !important;}
.mt25 { margin-top:25px !important;}
.mt26 { margin-top:26px !important;}
.mt27 { margin-top:27px !important;}
.mt28 { margin-top:28px !important;}
.mt29 { margin-top:29px !important;}
.mt30 { margin-top:30px !important;}
.mt32 { margin-top:32px !important;}
.mt35 { margin-top:35px !important;}
.mt36 { margin-top:36px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt55 { margin-top:55px !important;}
.mt60 { margin-top:60px !important;}
.mt65 { margin-top:65px !important;}
.mt70 { margin-top:70px !important;}
.mt75 { margin-top:75px !important;}
.mt80 { margin-top:80px !important;}
.mt85 { margin-top:85px !important;}
.mt90 { margin-top:90px !important;}
.mt95 { margin-top:95px !important;}
.mt100 { margin-top:100px !important;}
.mt110 { margin-top:110px !important;}
.mt120 { margin-top:120px !important;}
.mt150 { margin-top:150px !important;}
.mt200 { margin-top:200px !important;}
.mt250 { margin-top:250px !important;}



.mb0 { margin-bottom: 0 !important; }
.mb1 { margin-bottom:1px !important; }
.mb2 { margin-bottom:2px !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb6 { margin-bottom:6px !important; }
.mb7 { margin-bottom:7px !important; }
.mb8 { margin-bottom:8px !important; }
.mb9 { margin-bottom:9px !important; }
.mb10 { margin-bottom:10px !important; }
.mb11 { margin-bottom:11px !important; }
.mb12 { margin-bottom:12px !important; }
.mb13 { margin-bottom:13px !important; }
.mb14 { margin-bottom:14px !important; }
.mb15 { margin-bottom:15px !important; }
.mb16 { margin-bottom:16px !important; }
.mb17 { margin-bottom:17px !important; }
.mb18 { margin-bottom:18px !important; }
.mb19 { margin-bottom:19px !important; }
.mb20 { margin-bottom:20px !important; }
.mb21 { margin-bottom:21px !important; }
.mb22 { margin-bottom:22px !important; }
.mb23 { margin-bottom:23px !important; }
.mb24 { margin-bottom:24px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mb55 { margin-bottom:55px !important; }
.mb60 { margin-bottom:60px !important; }


.ml0 { margin-left:0px !important; }
.ml1 { margin-left:1px !important; }
.ml2 { margin-left:2px !important; }
.ml3 { margin-left:3px !important; }
.ml4 { margin-left:4px !important; }
.ml5 { margin-left:5px !important; }
.ml6 { margin-left:6px !important; }
.ml7 { margin-left:7px !important; }
.ml8 { margin-left:8px !important; }
.ml9 { margin-left:9px !important; }
.ml10 { margin-left:10px !important; }
.ml11 { margin-left:11px !important; }
.ml12 { margin-left:12px !important; }
.ml13 { margin-left:13px !important; }
.ml14 { margin-left:14px !important; }
.ml15 { margin-left:15px !important; }
.ml16 { margin-left:16px !important; }
.ml17 { margin-left:17px !important; }
.ml18 { margin-left:18px !important; }
.ml19 { margin-left:19px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml55 { margin-left:55px !important; }
.ml60 { margin-left:60px !important; }
.ml65 { margin-left:65px !important; }
.ml70 { margin-left:70px !important; }
.ml80 { margin-left:80px !important; }
.ml90 { margin-left:90px !important; }
.ml100 { margin-left:100px !important; }
.ml110 { margin-left:110px !important; }
.ml115 { margin-left:115px !important; }
.ml120 { margin-left:120px !important; }
.ml125 { margin-left:125px !important; }
.ml130 { margin-left:130px !important; }
.ml140 { margin-left:140px !important; }
.ml150 { margin-left:150px !important; }
.ml200 { margin-left:200px !important; }
.ml250 { margin-left:250px !important; }
.ml300 { margin-left:300px !important; }
.ml310 { margin-left:310px !important; }
.ml320 { margin-left:320px !important; }
.ml330 { margin-left:330px !important; }
.ml340 { margin-left:340px !important; }
.ml350 { margin-left:350px !important; }
.ml360 { margin-left:360px !important; }
.ml370 { margin-left:370px !important; }
.ml380 { margin-left:380px !important; }
.ml390 { margin-left:390px !important; }
.ml400 { margin-left:400px !important; }
.ml410 { margin-left:410px !important; }
.ml420 { margin-left:420px !important; }
.ml430 { margin-left:430px !important; }
.ml440 { margin-left:440px !important; }
.ml450 { margin-left:450px !important; }
.ml460 { margin-left:460px !important; }
.ml470 { margin-left:470px !important; }
.ml480 { margin-left:480px !important; }
.ml490 { margin-left:490px !important; }
.ml500 { margin-left:500px !important; }
.ml550 { margin-left:550px !important; }

.mr1 { margin-right:1px !important; }
.mr2 { margin-right:2px !important; }
.mr3 { margin-right:3px !important; }
.mr4 { margin-right:4px !important; }
.mr5 { margin-right:5px !important; }
.mr6 { margin-right:6px !important; }
.mr7 { margin-right:7px !important; }
.mr8 { margin-right:8px !important; }
.mr9 { margin-right:9px !important; }
.mr10 { margin-right:10px !important; }
.mr11 { margin-right:11px !important; }
.mr12 { margin-right:12px !important; }
.mr13 { margin-right:13px !important; }
.mr14 { margin-right:14px !important; }
.mr15 { margin-right:15px !important; }
.mr16 { margin-right:16px !important; }
.mr17 { margin-right:17px !important; }
.mr18 { margin-right:18px !important; }
.mr19 { margin-right:19px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr26 { margin-right:26px !important; }
.mr27 { margin-right:27px !important; }
.mr28 { margin-right:28px !important; }
.mr29 { margin-right:29px !important; }
.mr30 { margin-right:30px !important; }
.mr31 { margin-right:31px !important; }
.mr32 { margin-right:32px !important; }
.mr33 { margin-right:33px !important; }
.mr34 { margin-right:34px !important; }
.mr35 { margin-right:35px !important; }
.mr36 { margin-right:36px !important; }
.mr37 { margin-right:37px !important; }
.mr38 { margin-right:38px !important; }
.mr39 { margin-right:39px !important; }
.mr40 { margin-right:40px !important; }

/* padding */
.pb1 {padding-bottom:1px !important;}
.pb2 {padding-bottom:2px !important;}
.pb3 {padding-bottom:3px !important;}
.pb4 {padding-bottom:4px !important;}
.pb5 {padding-bottom:5px !important;}
.pb6 {padding-bottom:6px !important;}
.pb7 {padding-bottom:7px !important;}
.pb8 {padding-bottom:8px !important;}
.pb9 {padding-bottom:9px !important;}
.pb10 {padding-bottom:10px !important;}
.pb11 {padding-bottom:11px !important;}
.pb12 {padding-bottom:12px !important;}
.pb13 {padding-bottom:13px !important;}
.pb14 {padding-bottom:14px !important;}
.pb15 {padding-bottom:15px !important;}
.pb16 {padding-bottom:16px !important;}
.pb17 {padding-bottom:17px !important;}
.pb18 {padding-bottom:18px !important;}
.pb19 {padding-bottom:19px !important;}
.pb20 {padding-bottom:20px !important;}
.pb21 {padding-bottom:21px !important;}
.pb22 {padding-bottom:22px !important;}
.pb23 {padding-bottom:23px !important;}
.pb24 {padding-bottom:24px !important;}
.pb25 {padding-bottom:25px !important;}
.pb26 {padding-bottom:26px !important;}
.pb27 {padding-bottom:27px !important;}
.pb30 {padding-bottom:30px !important;}

.pt1 {padding-top:1px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt4 {padding-top:4px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt7 {padding-top:7px !important;}
.pt8 {padding-top:8px !important;}
.pt9 {padding-top:9px !important;}
.pt10 {padding-top:10px !important;}
.pt11 {padding-top:11px !important;}
.pt12 {padding-top:12px !important;}
.pt13 {padding-top:13px !important;}
.pt14 {padding-top:14px !important;}
.pt15 {padding-top:15px !important;}
.pt16 {padding-top:16px !important;}
.pt17 {padding-top:17px !important;}
.pt18 {padding-top:18px !important;}
.pt19 {padding-top:19px !important;}
.pt20 {padding-top:20px !important;}
.pt21 {padding-top:21px !important;}
.pt22 {padding-top:22px !important;}
.pt23 {padding-top:23px !important;}
.pt24 {padding-top:24px !important;}
.pt25 {padding-top:25px !important;}
.pt26 {padding-top:26px !important;}
.pt27 {padding-top:27px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}

.pl1 {padding-left:1px !important;}
.pl2 {padding-left:2px !important;}
.pl3 {padding-left:3px !important;}
.pl4 {padding-left:4px !important;}
.pl5 {padding-left:5px !important;}
.pl6 {padding-left:6px !important;}
.pl7 {padding-left:7px !important;}
.pl8 {padding-left:8px !important;}
.pl9 {padding-left:9px !important;}
.pl10 {padding-left:10px !important;}
.pl11 {padding-left:11px !important;}
.pl12 {padding-left:12px !important;}
.pl13 {padding-left:13px !important;}
.pl14 {padding-left:14px !important;}
.pl15 {padding-left:15px !important;}
.pl16 {padding-left:16px !important;}
.pl17 {padding-left:17px !important;}
.pl18 {padding-left:18px !important;}
.pl19 {padding-left:19px !important;}
.pl20 {padding-left:20px !important;}
.pl21 {padding-left:21px !important;}
.pl22 {padding-left:22px !important;}
.pl23 {padding-left:23px !important;}
.pl24 {padding-left:24px !important;}
.pl25 {padding-left:25px !important;}
.pl26 {padding-left:26px !important;}
.pl27 {padding-left:27px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}

.pr1 {padding-right:1px !important;}
.pr2 {padding-right:2px !important;}
.pr3 {padding-right:3px !important;}
.pr4 {padding-right:4px !important;}
.pr5 {padding-right:5px !important;}
.pr6 {padding-right:6px !important;}
.pr7 {padding-right:7px !important;}
.pr8 {padding-right:8px !important;}
.pr9 {padding-right:9px !important;}
.pr10 {padding-right:10px !important;}
.pr11 {padding-right:11px !important;}
.pr12 {padding-right:12px !important;}
.pr13 {padding-right:13px !important;}
.pr14 {padding-right:14px !important;}
.pr15 {padding-right:15px !important;}
.pr16 {padding-right:16px !important;}
.pr17 {padding-right:17px !important;}
.pr18 {padding-right:18px !important;}
.pr19 {padding-right:19px !important;}
.pr20 {padding-right:20px !important;}
.pr21 {padding-right:21px !important;}
.pr22 {padding-right:22px !important;}
.pr23 {padding-right:23px !important;}
.pr24 {padding-right:24px !important;}
.pr25 {padding-right:25px !important;}
.pr26 {padding-right:26px !important;}
.pr27 {padding-right:27px !important;}
.pr30 {padding-right:30px !important;}


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

.mt10 { margin-top: 0.5% !important; }
.mt20 { margin-top: 1% !important; }
.mt25 { margin-top: 1.5% !important; }
.mt30 { margin-top: 2% !important; }
.mt35 { margin-top: 2.5% !important; }
.mt40 { margin-top: 3% !important; }
.mt45 { margin-top: 3.5% !important; }
.mt50 { margin-top: 4% !important; }
.mt55 { margin-top: 4.5% !important; }
.mt60 { margin-top: 5% !important; }
.mt70 { margin-top: 6% !important; }
.mt80 { margin-top: 7% !important; }

.mb25 { margin-bottom: 1.5% !important; }
.mb30 { margin-bottom: 2% !important; }
.mb35 { margin-bottom: 2.5% !important; }
.mb40 { margin-bottom: 3% !important; }
.mb45 { margin-bottom: 3.5% !important; }
.mb50 { margin-bottom: 4% !important; }
.mb55 { margin-bottom: 4.5% !important; }
.mb60 { margin-bottom: 5% !important; }

}

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

.mt10 { margin-top: 1.5% !important; }
.mt20 { margin-top: 2.5% !important; }
.mt30 { margin-top: 3% !important; }
.mt35 { margin-top: 3.5% !important; }
.mt40 { margin-top: 4% !important; }
.mt45 { margin-top: 4.5% !important; }
.mt50 { margin-top: 5% !important; }
.mt55 { margin-top: 5.5% !important; }
.mt60 { margin-top: 6% !important; }
.mt70 { margin-top: 7% !important; }
.mt80 { margin-top: 8% !important; }

.mb25 { margin-bottom: 2.5% !important; }
.mb30 { margin-bottom: 3% !important; }
.mb35 { margin-bottom: 3.5% !important; }
.mb40 { margin-bottom: 4% !important; }
.mb45 { margin-bottom: 4.5% !important; }
.mb50 { margin-bottom: 5% !important; }
.mb55 { margin-bottom: 5.5% !important; }
.mb60 { margin-bottom: 6% !important; }

}


.fw500{font-weight:500}
.fw600{font-weight:600}
.fw700{font-weight:700}
.fw800{font-weight:800}

/*메인 슬라이드 bxslide 버튼*/
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
  background: #ff6600;
}

/* #brand{ position: relative;padding: 20px 0px;}
#brand .swiper-wrapper{transition-timing-function:linear}
#brand .swiper-slide{width: 180px !important;}
#brand .swiper-slide img{width: 100%;}
#brand .slidebtn div{font-family: 'SUIT-Regular'; font-size: 3.0rem; color: #ccc; cursor: pointer;}
#brand .slidebtn{max-width: 1500px; margin: 0 auto; position: absolute; display: flex; justify-content: space-between; width: 100%; left: 0; right: 0; margin: 0 auto; top: 24%; z-index: 1;}
#brand .width{z-index: 5; position: relative;}
#brand .latest_top_wr{margin: 0;} */

.flow_banner .list > li{padding: 0px;}
.flow_banner .list{padding-bottom: 5px;}
.latest_top_wr{margin: 0px;}