/*  폰트 적용 */
/*
@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: 22px; color:#fff; }
.t2d_sub_visual .t2d_directory_box2 {font-size: 63px; 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 65px;}
.t2d_subtitle p{color: #666; font-weight: 400; font-size: 1.7rem; margin-top: 15px; font-weight: 300;}

@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*/
.mobileshow{display:none;}
.mobileshow_flat{display: none;}

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


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

   .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:650px; 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:470px;  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:550px;  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:20%; 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;}

   /*#visual .vs_txt .m-txt span{font-weight:100;}

   #visual .vs_txt .m-txt1 {font-size:50px; font-weight:700; color:#fff;}
   #visual .vs_txt .m-txtline{height:1px; width:100%; background:#fff; margin:25px 0px;}
   #visual .vs_txt .m-txt2 {font-size:19px; font-weight:700; color:#fff;}
   #visual .vs_txt .m-txt2 span{float:right; font-size:17px; display:inline-block; color:#fff; border-radius:25px; border:1px solid #fff; padding :10px; }

   #visual .vs_txt .m-txt3 {font-size:30px; font-weight:700; color:#fff; line-height:55px;}*/


.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:500px; 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('../imauser_imgges/main03.jpg')right; background-position-x:60%; }
#visual .vs_txt { width:90%; top:25%; }


.v_btn01 a{ top:270px; }
.v_btn02 a{top:350px; }
}


.mobileshow_m{display:none;}
.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:530px; 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 .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:90%;}
    .v_btn01 a{ top:480px;zoom:0.8;  }
    .v_btn02 a{top:550px;zoom:0.8;  }


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




@media all and (max-width:480px){
#visual{height:530px; 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:25%;}
#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:45px;  padding-right:2%;}
#visual .vs_txt img{width:100%;}
.mobileshow_m{display:block;}
.mobilenone_m{display:none;}

.v_btn01 a{ top:480px;zoom:0.8;  }
.v_btn02 a{top:550px;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;  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:38%; border:0px solid red; box-sizing:border-box; padding-left:4%;  }
.mainabout ul li:last-child{width:62%; border:0px solid red; box-sizing:border-box; }
.mainabout ul li:last-child img{width:100%;}

.mainabout_tt{font-size:31px; font-weight:600; padding-top:25%; color:#333333;}
.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:url(/images/arrow_bg.jpg);
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ff6600;
	font-weight:600;
	padding:18px 31px 18px 70px;
	font-size:19px;
	text-decoration:none;
	margin-top:15px;
	border:1px solid #ff6600;


}
.mainabout_btn:hover {
	color:#fff;
	background:url(../user_img/arrow_bg1.jpg);
	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%; color:#333333;}

}


@media all and (max-width:1024px){
.main_cont01{padding:40px 0px; background:none;}
.mainaboutbglogo{display:none;}
.mainabout ul li:first-child{width:100%; padding-left:2%; padding-right:2%;  }
.mainabout ul li:last-child{width:100%; padding:3% 2%;  }
.mainabout ul li:last-child img{border-radius:5px;}
.mainabout_tt{font-size:25px; padding-top:0%;}
}


.wrap{background:url(../user_img/main_businessbg.jpg);text-align:Center; no-repeat 50% 50%; width:100%;height:auto ; overflow: auto; padding:100px 0px !important;
background-size:cover;
margin-bottom:50px;
}
.box{width:100px; height:30px; background:#555; margin: 0 auto 50px;}
.wrap1{background-attachment:scroll;}
.wrap2{background-attachment:fixed; height:auto ;}
.wrap3{background-attachment:local;}

.wrap2 ul {width:1400px; margin:0 auto; padding-top:35px; }
.wrap2 ul li{ float:left;  width:23%; margin:1%;}
/*
.wrap2 ul li a{display:block; border:0px solid red;  background:#fff;
box-shadow:5px 5px 10px rgba(0,0,0,0.1); padding:40px; bordeR:8px solid #fff;}
.wrap2 ul li a:hover{bordeR:8px solid #3391c5; }
*/
.wrap2 ul li {display:block; border:0px solid red;  background:#fff;
    box-shadow:5px 5px 10px rgba(0,0,0,0.1); padding:40px; bordeR:8px solid #fff;}
.wrap2 ul li:hover{bordeR:8px solid #3391c5; }




.mainbusiness_tt{font-size:46px; font-weight:600; color:#fff;}
.mainbusiness_tt span{font-size:18px; color:#fff; font-weight:600;}

.mainbusiness_tt1{font-size:27px; font-weight:600; color:#23558d; padding-top:5%;}
.mainbusiness_tt1 span{font-size:17px; color:#333333; font-weight:600;}


@media all and (max-width:1280px){
.main_cont02{padding:40px 0px;}
.wrap2 ul{width:100%;}
.mainbusiness_tt{font-size:35px; font-weight:600; color:#fff;}
/*.wrap2 ul li a{padding:20px 10px;}*/
.wrap2 ul li {padding:20px 10px;}
.mainbusiness_tt1 span{font-size:17px; color:#333333; font-weight:600; line-height:25px !important;}

}


@media all and (max-width:1024px){
.main_cont02 {background-size:cover; background:url(../user_img/main_businessbg1.jpg);}
.wrap2 ul li{ float:left;  width:48%; margin:1%;}
.mainbusiness_tt1{font-size:25px; font-weight:600; color:#23558d; padding-top:5%;}
}

@media all and (max-width:480px){
.wrap2{background-attachment:local;}
.main_cont02 {background-size:cover;  background:url(../user_img/main_businessbg1.jpg);}
.wrap2 ul li{ float:left;  width:94%; margin:3%;}
}


.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:20%; 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:33.333%; 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:110px 0px; overflow:hidden; text-align:center;}

.maincommu{width:1380px;  margin:0 auto;  overflow:hidden;  }
.maincommuleft{width:50%; float:left; padding-right:5%; 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; border:0px solid red; 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;}
.maincommuleft{width:100%; float:left; padding:0% 2% 2% 2%; text-align:left;}
}


.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;}

/***인사말**/
.greeting{width:90%; margin:0 auto;  position: relative;  overflow:hidden; padding-bottom:75px;}
.greetingtop{padding:55px; background:#f7f7f7 url(/theme/t2d_theme_basic/user_img/sublogobg01.png)right bottom no-repeat; border-top-left-radius:35px;   border-bottom-right-radius:35px; }
.greetingtop span{color:#336799; font-weight:700; font-size:19px;}

.greetingtt{font-size:35px; color:#000; font-weight:400; line-height:50px; margin-top:10px; }
.greetingtt span{color:#336799; font-weight:700; font-size:35px;}

.greetingcenter{width:90%; margin:0 auto;  position: relative;  overflow:hidden;}
.greetingcenter ul {width:100%;}
.greetingcenter ul li{display:inline-block; float:left;}
.greetingcenter ul li:first-child{width:30%; margin-top:45px;  text-align:center;}
.greetingcenter ul li:last-child{width:70%; }
.greetingcenter_tt{font-size:21px; line-height:37px; color:#000; margin-top:55px;}


@media all and (max-width:1280px){
.greeting{width:100%;}
.greetingtop{padding:35px ; background:#f7f7f7 url(/theme/t2d_theme_basic/user_img/sublogobg01.png)right bottom no-repeat; border-top-left-radius:35px;   border-bottom-right-radius:35px; }
.greetingtop span{color:#336799; font-weight:700; font-size:19px;}

.greetingtt{font-size:30px; color:#000; font-weight:400; line-height:50px; margin-top:10px; }
.greetingtt span{color:#336799; font-weight:700; font-size:30px !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:35px;}
.greetingcenter ul li:first-child img{width:100%;}
.greetingcenter ul li:first-child{width:30%; margin-top:45px;  text-align:left;}
}


@media all and (max-width:1024px){
.mobilenone2{display:none;}
.greetingtop{padding:25px ; }
.greetingtt{font-size:23px; color:#000; font-weight:400; line-height:37px; margin-top:10px; }
.greetingtt span{color:#336799; font-weight:700; font-size:23px !important;}

.greetingcenter{width:100%; margin:0 auto;  position: relative;  overflow:hidden;}
.greetingcenter ul li:first-child{width:30%; margin-top:20px;  text-align:left;}
.greetingcenter_tt{font-size:18px; line-height:33px; color:#000; margin-top:35px;}
.textsty01{width:100%; line-height:33px; font-size:18px; color:#131313;  background:#f9f9f9 url(/theme/t2d_theme_basic/user_img/sublogobg04.png) right bottom no-repeat; padding:25px;}
.textsty02{margin-top:5%; font-family: 'Nanum Myeongjo', serif !important; color:#000;  font-weight:800; font-size:22px; width:100%; text-align:Center;}
.textsty03{margin-top:5%; margin-left:2%;  line-height:30px; font-family: 'Nanum Myeongjo', serif !important; color:#000;  font-weight:700; font-size:19px; width:100%;
text-align:left;}

}


@media all and (max-width:780px){
.greetingtt{font-size:21px; }
.greetingtt span{font-size:22px !important;}
.greetingcenter ul li:first-child{width:100%; margin-top:45px;  text-align:center;}
.greetingcenter ul li:first-child img{width:80%;}
.greetingcenter ul li:last-child{width:100%; }

}



.purpose{width:100%; float:left; position: relative;  margin-bottom:4%;}
.purpose ul li{display:inline-block; float:left;  line-height:37px; font-size:20px; color:#131313;}
.purpose ul li:first-child{width:35%; }
.purpose ul li:last-child{width:65%; }
.purpose ul li span{font-weight:600; color:#336799; font-size:22px;}

.org{overflow:hidden; margin:0 auto; padding-bottom:105px;  position: relative; width:1400px; text-align:center;  }
.mobilenone_h{display:show;}
.mobilenshow_h{display:none;}

.mobilenone_h1{display:show !important;}
.mobilenshow_h1{display:none !impoartant;}

.orgleft{width:15%; float:left;}
.orgright{width:85%; float:right;}
.orgright table { width:100%; border-top:3px solid #336799;}
.orgright table tr td{border:1px solid #ccc; padding:25px 5px;  font-size:19px; color:#000; text-align:Center;}
.orgright table thead tr td{font-weight:600; color:#336799; background:#f3f7fd;}
.orgright table tr td.tdtit{font-weight:600; color:#336799; font-size:25px; }
.orgright table tr td.aleft{text-align:left; padding-left:2%; line-height:30px; }
.orgright table tr td span{font-weight:600; color:#336799; font-size:20px; line-height:30px;}


/***조직도**/
@media all and (max-width:1299px){
.org{width:100%; padding-bottom:75px;}
.orgwd100per{width:100%;}

}

@media all and (max-width:1280px){
.orgleft{width:100%;}
.orgright{width:100%;}
}



@media all and (max-width:1024px){
.org{width:100%; padding-bottom:45px;}
.mobilenone_h{display:none;}
.mobilenshow_h{display:block;}

.orgright table tr td{border:1px solid #ccc; padding:25px 5px;  font-size:18px; color:#000; text-align:Center;}
.orgright table tr td{border:1px solid #ccc; padding:25px 3px;  font-size:15px; color:#000; text-align:Center;}
.orgright table thead tr td{word-break:keep-all !important;font-weight:600; color:#336799; background:#f3f7fd; font-size:17px;}
.mobilenone_h1{display:none !important;}
.mobilenshow_h1{display:block;}

.purpose ul li:first-child{width:100%; }

.purpose ul li:first-child img{width:100%;}
.purpose ul li:last-child{width:100%; padding:30px; font-size:20px; }

}

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

.orgright table tr td.tdtit{font-weight:600; color:#336799; font-size:20px; }

.purpose ul li:last-child{width:100%; padding:30px; font-size:19px; }
.purpose ul li span{font-weight:600; color:#336799; font-size:20px;}
}


/****연혁***/
.his{width:100%; float:left;  position: relative;  color:#131313; overflow:hidden; padding-bottom:75px;}
.hisarea{width:100%; float:left;  position: relative; }
.hisleft{width:35%; float:left; position:relative; bordeR:0px solid red; box-sizing:border-box;}
.hisleft img{width:90%;}
.hisright{width:65%; float:left; position: relative; bordeR:0px solid red; box-sizing:border-box;}
.hisyear{ background:url('/theme/t2d_theme_basic/user_img/hisline.jpg'); background-size:100%;}
.hisyear p{font-size:40px; color:#336799; font-weight:700;}
.hisyear > p > img{width:auto;}
.hisright ul li{width:100%; font-size:20px; }
.hisright ul li dl{width:100%; float:left;}
.hisright ul li dl dt{width:15%; float:left; padding:13px 0px; font-style:italic; color:#336799; font-weight:700; }
.hisright ul li dl dd{width:85%; float:left;  padding:13px 0px; line-height:30px; }

@media all and (max-width:1024px){
.hisleft{width:100%;}
.hisleft img{display:none;}
.hisyear > p > img{display:inline-block;}
.hisright{width:100%;}
.hisyear{ background:none; }
.hisright ul li dl dt{width:100%; float:left; padding:13px 0px; font-style:italic; }
.hisright ul li dl dd{width:100%; float:left;  padding:13px 0px; line-height:30px;  padding:0px; font-size:18px;}
}


@media all and (max-width:768px){
.hisyear p{font-size:35px; color:#336799; font-weight:700;}
.hisright ul li dl{padding-left:5px;}


}


.ciinfo{width:100%; float:left;  position: relative;  color:#131313; overflow:hidden; padding-bottom:75px;}
.ciarea{width:100%; float:left;  position: relative; }
.cileft{width:25%; float:left; position:relative; }
.ciright{width:75%; float:left; position:relative; }
.citt{font-size:40px; font-weight:600; line-height:35px;}
.citt span{font-size:20px; font-weight:600; color:#336699; }


.cibg{width:100%; padding:75px 0px;
overflow:hidden;box-sizing:border-box; background:url('/theme/t2d_theme_basic/user_img/cibg.jpg'); background-size:100%; text-align:Center;}

.cibg1{width:100%; padding:95px 40px; overflow:hidden;box-sizing:border-box; background:#f9f9f9; text-align:Center;}
.cibg2{width:100%; padding:55px 40px; overflow:hidden;box-sizing:border-box; background:#f9f9f9; text-align:Center;}

.cibg2 ul {width:100%; margin:0 auto;}
.cibg2 ul li{width:30%; margin:1%; display:inline-block;}
.cibg2 ul li .cicolorex {width:100%; background:#fff; padding:25px ; }
.cibg2 ul li .cicolorex > ul > li{display:inline-block; line-height:35px; width:100%; font-size:18px; }
.cibg2 ul li .cicolorex > ul > li > dl{width:100%; float:left;}
.cibg2 ul li .cicolorex > ul > li > dl > dt{width:30%;  font-weight:600; float:left; line-height:35px; text-align:left; }
.cibg2 ul li .cicolorex > ul > li > dl > dd{width:70%; float:left; line-height:35px;  color:#808080; font-weight:600;}


.cicolor1{width:100%; height:80px; background:#a7daf5; }
.cicolor2{width:100%; height:80px; background:#739cc7; }
.cicolor3{width:100%; height:80px; background:#265993; }

.citt1{font-size:23px; font-weight:600;  color:#336699; line-height:50px;}
.citt2{font-size:19px; font-weight:500; line-height:30px;}

.cibtn {
	background:url(/theme/t2d_theme_basic/user_img/cibtn_bg.png);
	border-radius:0px;
	display:inline-block;
	cursor:pointer;
	color:#255c93;
	font-weight:700;
	width:230px;
	height:65px;
	font-size:19px;
	text-decoration:none;
	bordeR:1px solid #336699;
	border-radius:3px;
	line-height:65px; padding-lefT:30px;
	margin-top:15px; margin-right:15px;
}
.cibtn:hover {

	background:url(/theme/t2d_theme_basic/user_img/cibtn_bg1.png);
	color:#ff6600;
   	bordeR:1px solid #ff6600;

}
.cibtn:active {
	position:relative;

}



@media all and (max-width:1280px){
.cileft{width:100%; float:left; position:relative; }
.ciright{width:100%; float:left; position:relative; }

}

@media all and (max-width:1024px){
.ciright{margin-top:5%;}
.citt{font-size:30px; font-weight:600; line-height:30px;}
.citt span{font-size:19px; font-weight:600; color:#336699; }

.citt1{font-size:21px; font-weight:600;  color:#336699; line-height:35px; margin-top:5px;}
.citt2{font-size:18px; font-weight:500; line-height:30px;}

.mt100{margin-top:15% !important;}
.cibg1{width:100%; padding:35px 10px;  overflow:hidden;box-sizing:border-box; background:#f9f9f9; text-align:Center;}
.cibtn {
	background:url(/theme/t2d_theme_basic/user_img/cibtn_bg.png)right no-repeat;
	border-radius:0px;
	display:inline-block;
	cursor:pointer;
	color:#255c93;
	font-weight:700;
	width:46%;
	height:65px;
	font-size:19px;
	text-decoration:none;
	bordeR:1px solid #336699;
	border-radius:3px;
	line-height:65px; padding-lefT:30px;
	margin-top:15px; margin-right:15px;}

.cibtn:hover {

	background:url(/theme/t2d_theme_basic/user_img/cibtn_bg1.png)right no-repeat;}

}

@media all and (max-width:768px){
.cibtn {
	background:url(/theme/t2d_theme_basic/user_img/cibtn_bg.png)right no-repeat;
	border-radius:0px;
	display:inline-block;
	cursor:pointer;
	color:#255c93;
	font-weight:700;
	width:98%;
	height:65px;
	font-size:18px;
	text-decoration:none;
	bordeR:1px solid #336699;
	border-radius:3px;
	line-height:65px; padding-lefT:30px;
	margin:1% !important; }

	.cibtn:hover {

	background:url(/theme/t2d_theme_basic/user_img/cibtn_bg1.png)right no-repeat;
	color:#ff6600;
   	bordeR:1px solid #ff6600;

}


.cibg2{width:100%; padding:35px 10px; overflow:hidden;box-sizing:border-box; background:#f9f9f9; text-align:Center;}

.cibg2 ul {width:100%; margin:0 auto;}
.cibg2 ul li{width:98%; margin:1%; display:inline-block;}
.cibg2 ul li .cicolorex {width:100%; background:#fff; padding:25px ; }
.cibg2 ul li .cicolorex > ul > li{display:inline-block; line-height:35px; width:100%; font-size:18px; }
.cibg2 ul li .cicolorex > ul > li > dl{width:100%; float:left;}
.cibg2 ul li .cicolorex > ul > li > dl > dt{width:30%;  font-weight:600; float:left; line-height:35px; text-align:left; }
.cibg2 ul li .cicolorex > ul > li > dl > dd{width:70%; float:left; line-height:35px;  color:#808080; font-weight:600;}



}



.state{overflow:hidden; margin:0 auto; padding-bottom:105px;  position: relative;  }
.state ul{width:700px;   margin:0 auto;}
.state ul li{display:inline-block; width:320px; height:320px; border:6px solid #336799; margin:2%; text-align:center; padding-top:6%; }
.statett{color:#336799; font-weight:700; font-size:35px; margin-top:15px;}
.statett1{color:#000; font-weight:600; font-size:25px; }


@media all and (max-width:1280px){
.state{width:100%; text-align:Center;}
.state ul{width:auto;   margin:0 auto;}

}

@media all and (max-width:768px){
.state{width:100%;  text-align:Center;  padding-bottom:55px; }
.state ul{width:auto;   margin:0 auto;}
.state ul li{display:inline-block; width:47%;  height:auto; border:4px solid #336799; margin:1%; text-align:center; padding-top:7%;   padding-bottom:7%;}
.state ul li img{width:60%;}
.statett{color:#336799; font-weight:700; font-size:25px; margin-top:15px;}
.statett1{color:#000; font-weight:600; font-size:20px; }

}

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

.state ul li{display:inline-block; width:80%;  height:auto; border:4px solid #336799; margin:5%; text-align:center; padding-top:7%;   padding-bottom:7%;}
.state ul li img{width:60%;}
.statett{color:#336799; font-weight:700; font-size:25px; margin-top:15px;}
.statett1{color:#000; font-weight:600; font-size:20px; }

}


.map{width:100%;  border:0px solid red;  float:left;  position: relative;  color:#131313; overflow:hidden; margin-bottom:75px;}
.mapinfo{z-index:55;width:100%;position: relative;  width:100%;   padding:35px;  background:#336799 url(/theme/t2d_theme_basic/user_img/sublogobg01.png)right bottom no-repeat; overflow:hidden; }
.mapinfott{width:100%; text-align:left; padding:20px; 0px; bordeR-bottom:1px solid rgba(250,250,250,0.2);}
.mapinfott img{ width:400px;}

.mapinfott1{padding:10px 10px 10px 35px;  color:#fff; border:0px solid red;  font-size:18px; font-weight:600;}
.mapinfott1 span{font-size:15px;  color:rgba(250,250,250,0.4);}


@media all and (max-width:1024px){
.map{margin-bottom:45px;}
.mapinfo{padding:20px;}

}



@media all and (max-width:768px){
.map{margin-bottom:45px;}
.mapinfo{padding:20px;}
.mapinfott{width:100%; text-align:left; padding:20px; 0px; bordeR-bottom:1px solid rgba(250,250,250,0.2);}
.mapinfott img{width:100% !important;}

.mapinfott1{padding:5px 5px 5px 5px;  color:#fff; border:0px solid red;  font-size:17px; font-weight:600;}
.mapinfott1 span{font-size:14px;  color:rgba(250,250,250,0.4);}

}


#m_board1 {

	position: relative;
	width:100%;
	margin-right: 0;
	position: relative;

	margin: 0 auto;
	border: 0px solid #ddd;
}

#m_board1 .tabs1 {
	height:60px;
	width:100%;
	border: 1px solid #ddd;
}
#m_board1 .tabs1 li {
	border-right: 1px solid #ddd;
	float: left;
	font-size: 19px;
	width:25%;
	text-align: center;
	color: #999;
}
#m_board1 .tabs1 li:first-child{width:25%; border-right: 1px solid #ddd; line-height:58px;}
#m_board1 .tabs1 li:last-child{ border-right: 0px solid #ddd; }

#m_board1 .tabs1 li a {
	display: block;
	height: 60px;
	line-height:60px;
	box-sizing: border-box;
	font-size: 19px;
	color: #000;
}
#m_board1 .tabs li a:hover {
	color: #000;
	height: 60px;
	line-height:60px;
	box-sizing: border-box;
	font-size: 17px;
	font-weight: 600;
}
#m_board1 .tabs1 .active a {

	color: #fff;
	height: 60px;line-height:55px;
	box-sizing: border-box;
	font-size: 20px;
	border: 3px solid #336699;
	font-weight: 600;
	background:#336699;
}
#m_board1 .more {
	position: absolute;
	right: 17px;
	top: 16px;
}
#m_board1 .more a {
	display: block;
	padding: 5px;
	border: 1px solid #ddd
}
#m_board1 .more a:hover {
	border: 1px solid #1e83eb
}
#m_board .tab_container {

	padding: 0px;

	text-align: left;

}
#m_board1 .tab_content1{margin-top:55px; overflow:hidden; border: 0px solid #000;}




@media all and (max-width:768px){
#m_board1 .tabs1 {
	height:82px;
	width:100%;
	border: 1px solid #ddd;
}
#m_board1 .tabs1 li {
	border-right: 0px solid #ddd;
	float: left;
	font-size: 18px;
	width:50%; line-height:40px;
	text-align: center;
	color: #999;  box-sizing:border-box;
}
#m_board1 .tabs1 li:first-child{width:50%;border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd; line-height:40px;}
#m_board1 .tabs1 li:nth-child(2){border-bottom: 1px solid #ddd; }
#m_board1 .tabs1 li:nth-child(3){border-right: 1px solid #ddd; }
#m_board1 .tabs1 li:last-child{ border-right: 0px solid #ddd; }
#m_board1 .tabs1 li a {
	display: block;
	height: 40px;
	line-height:40px;
	box-sizing: border-box;
	font-size: 18px;
	color: #000;
}
#m_board1 .tabs li a:hover {
	color: #000;
	height: 40px;
	line-height:40px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 600;
}
#m_board1 .tabs1 .active a {

	color: #fff;
	height:40px;line-height:38px;
	box-sizing: border-box;
	font-size: 18px;
	border:1px solid #336699;
	font-weight: 600;
	background:#336699;
}
}




.majorwork{width:100%; position: relative; overflow:hidden; }
.majorwork ul{width:100%; position: relative;}
 .majorwork ul li{display:inline-block; width:31.3%; margin:1%; border:0px solid red; position: relative;
 padding:0px; background:#f9f9f9; float:left; height:570px; }
 .majorwork_tt{padding-left:25px; line-height:27px; font-size:20px; color:#000; font-weight:500;}
 .majorwork_tt span{font-size:18px; padding-bottom:25px; padding-left:25px;}
 .majorwork_tt1{position: absolute; bottom:0px; left:0px; width:100%; padding:25px 10px; background:#336799;
 color:#fff; text-align:center; font-size:20px; margin-top:35px; }

.wd100per{width:100%; }

@media all and (max-width:1024px){
 .majorwork ul li{width:98%; margin:1%;  height:auto;}
 .majorwork_tt1{position: relative;  top:0px; left:0px;}
  .majorwork_tt{padding-left:15px;  font-size:18.5px;}
   .majorwork_tt span{font-size:17px; padding-bottom:25px; padding-left:25px;}
   .majorwork_tt1{font-size:18px;  padding:15px;}
}





.visiontt{background:#f9f9f9;  font-weight:500; width:100%; padding:35px 10px; text-align:center; font-size:25px; color:#000; }
.visionimg{margin-top:75px; width:100%; text-align:Center;}
.visionimg1{display:none; margin-top:75px; width:100%; text-align:Center;}
.visiontt1{display:inline-block; width:100%;background:#f9f9f9;
padding:25px 25px 25px 75px; text-align:left;font-size:22px; color:#000; margin-bottom:15px;
}
.visiontt1 span{font-size:17px; font-weight:400;}

.visionbg001{ background:#f9f9f9 url(/theme/t2d_theme_basic/user_img/1.jpg)left no-repeat;}
.visionbg002{ background:#f9f9f9 url(/theme/t2d_theme_basic/user_img/2.jpg)left no-repeat;}
.visionbg003{ background:#f9f9f9 url(/theme/t2d_theme_basic/user_img/3.jpg)left no-repeat;}
.visionbg004{ background:#f9f9f9 url(/theme/t2d_theme_basic/user_img/4.jpg)left no-repeat;}
.visionbg005{ background:#f9f9f9 url(/theme/t2d_theme_basic/user_img/5.jpg)left no-repeat;}
.visionbg006{ background:#f9f9f9 url(/theme/t2d_theme_basic/user_img/6.jpg)left no-repeat;}
.visionbg007{ background:#f9f9f9 url(/theme/t2d_theme_basic/user_img/7.jpg)left no-repeat;}
.visionbg008{ background:#f9f9f9 url(/theme/t2d_theme_basic/user_img/8.jpg)left no-repeat;}

.vision{width:90%; position: relative; margin:0 auto;}
.vision ul{width:100%; bordeR:0px solid red;  margin-top:5%; overflow:hidden;}
.vision ul li{display:inline-block;float:left; bordeR:0px solid red; height:auto;  width:33.3%; text-align:center;}


.vision ul li div{width:100%; padding:25px; border-radius:25px; background:#f5f5f5; margin:2%;}
.visiontt2{color:#336799; font-weight:700; font-size:25px;  width:100%; border-bottom:1px solid #ccc; line-height:45px;}
.visiontt3{color:#000; line-height:28px; font-weight:500; font-size:18px;}



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

.visiontt{background:#f9f9f9;  font-weight:500; width:100%; padding:20px; line-height:30px; text-align:center; font-size:22px; color:#000; }
.visiontt1{font-size:20px;}
.visionimg1{display:block; margin-top:75px; width:100%; text-align:Center;}

.vision{width:100%; position: relative; margin:0 auto;}
.vision ul li:nth-child(2) img{width:90%;}
}


.mt10_1{margin-top:10px;}
.mobilevision{display:none;}

@media all and (max-width:768px){
.vision ul li:nth-child(2){display:none;}
.vision ul li{width:100%; border:0px solid red; }
.vision ul li div{width:100%; padding:25px; border-radius:25px; background:#f5f5f5; margin:3% 0% 0% 0%;}
.mt10_1{margin-top:9px !important;}
.visiontt2{color:#336799; font-weight:700; font-size:21px;  width:100%; border-bottom:1px solid #ccc; line-height:45px;}
.mobilevision{display:block; width:100%; text-align:center; padding:5%; }
.mobilevision img{width:70%;}
}


.value{width:100%; position: relative;}
.value ul{width:100%; position: relative;}
.value ul li{display:inline-block; width:22.7%; text-align:Center; padding:35px; color:#000; font-size:22px; font-weight:600; margin:1%; bordeR:2px  solid #336799;}


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

.value ul li{display:inline-block; width:48%; text-align:Center; float:left; padding:20px 15px;
color:#000; font-size:20px; font-weight:600; margin:1%; bordeR:2px  solid #336799;}
.value ul li img{width:100px;}
.value ul li:nth-child(3){height:220px;}
.value ul li:nth-child(4){height:220px;}
}




.ing{width:50%; margin:0 auto;   bordeR:4px  solid #336799; text-align:center; padding:45px;
color:#336799; font-weight:600;  font-size:30px;
}

.memguide{width:90%; margin:0 auto;  padding-bottom:55px; overflow:hidden;}
.memguideleft{width:30%;  position: relative; float:left; }
.memguideright{width:70%;   position: relative; float:left;}
.memguideright1{width:70%;   position: relative; float:left;}
.memguideright2{width:70%;   position: relative; float:left;}

.memguideright table { width:100%; border-top:3px solid #336799;}
.memguideright table tr td{border:1px solid #ccc; padding:25px 5px;  font-size:19px; color:#000; text-align:Center;}
.memguideright table thead tr td{font-weight:600; color:#336799; background:#f3f7fd;}

.memguideright1 table { width:100%; border-top:3px solid #336799;}
.memguideright1 table tr td{border:1px solid #ccc; padding:20px 5px;  font-size:19px; color:#000; text-align:Center;}
.memguideright1 table thead tr td{font-weight:600; color:#336799; background:#f3f7fd; }
.memguideright1 table tbody tr td{text-align:left; line-height:30px;  }
.memguideright1 table tbody tr td.acenter{text-align:center; }

.memguideright2 table { width:100%; border-top:3px solid #336799;}
.memguideright2 table tr td{border:1px solid #ccc; padding:20px 5px;  font-size:19px; color:#000; text-align:Center;}
.memguideright2 table thead tr td{font-weight:600; color:#336799; background:#f3f7fd; }
.memguideright2 table tbody tr td{text-align:center; line-height:30px;  }
.memguideright2 table tbody tr td.acenter{text-align:center; }
.memguideright2 p{line-height:30px; font-size:18px;}

.memguidett{font-size:30px; font-weight:600; line-height:35px; color:#000;}
.memguidett1{font-size:19px;  font-weight:400; line-height:35px;  color:#000;}
.memguidett1 span{color:#336799;  font-weight:700;}


.memguidebtn {

	border-radius:0px;
	display:inline-block;
	cursor:pointer;
	color:#255c93;
	font-weight:700;
	padding:2px 25px;
	font-size:19px;
	text-decoration:none;
	bordeR:1px solid #336699;
	border-radius:3px;
	line-height:65px;
	margin-top:15px; margin-right:15px;
}
.memguidebtn:hover {

	color:#ff6600;
   	bordeR:1px solid #ff6600;

}
.memguidetn:active {
	position:relative;

}


.boardw{width:100%; border:px solid red;}


@media all and (max-width:1280px){
.memguide{width:100%;}
.memguideleft{width:100%;}
.memguideright{width:100%;}
.memguideright1{width:100%;}
.memguideright2{width:100%;}
}

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

.memguide{width:100%; margin:0 auto;  padding-bottom:35px; overflow:hidden;}

.memguidett{font-size:23px; font-weight:600; line-height:25px; color:#000; margin-bottom:10px;}
.memguidett img{width:20px; }
.memguidett1{font-size:18px;  font-weight:400; line-height:27px;  color:#000;}


.mt5 {margin-top:3px  !important;}
.mr7 {}
.ml40{margin-left:0px !important; }


.ing{width:80%; margin:0 auto;   bordeR:4px  solid #336799; text-align:center; padding:35px;
color:#336799; font-weight:600;  font-size:20px;}

}






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

.memguidebtn {

	border-radius:0px;
	display:inline-block;
	cursor:pointer;
	color:#255c93;
	font-weight:700;
	padding:2px 25px;
	font-size:19px;
	text-decoration:none;
	bordeR:1px solid #336699;
	border-radius:3px;
	line-height:65px;
	margin-top:15px; margin-right:15px;
	width:100%;
	text-align:center;
}
.memguideright table tr td{ font-size:14px;}
.memguideright1 table tr td{ font-size:14px;}
.memguideright2 table tr td{ font-size:14px;}
.memguideright2 table tbody tr td {line-height: 20px;}
}



.memgoodwrap{width:100%; margin:0 auto;  padding-bottom:55px; overflow:hidden;}
.memgood{width:100%; position:relative; border:0px solid red;
 overflow:hidden; text-align:center;}

.memgood ul {width:100%; margin:0 auto; padding-top:0px; }
.memgood ul li{ float:left;  width:31%; margin:1%; text-align:Center;}
.memgood ul li {display:block; border:0px solid red;  background:#fff;
box-shadow:5px 5px 10px rgba(0,0,0,0.1); padding:30px 5px; bordeR:8px solid #fff;}
.memgood ul li:hover{bordeR:8px solid #3391c5; }


.memgood_tt1{font-size:22px; font-weight:600; color:#23558d; padding-top:5%;}
.memgood_tt1 span{font-size:19px; color:#333333; font-weight:600;}



@media all and (max-width:1280px){
.memgood ul li{ float:left;  width:31%; margin:1%; text-align:Center;}
.memgood_tt1 span{font-size:18px; color:#333333; font-weight:600;}
}

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

.memgood ul li{ float:left;  width:98%; margin:1%; text-align:Center;}
}

@media all and (max-width:480px){
.memgood ul li{ float:left;  width:98%; margin:1%; text-align:Center;}
.memgood_tt1 span{font-size:17px; color:#333333; font-weight:600; line-height:20px !important;}


}



.rule{width:100%; position:relative; }
.rulett{width:100%; position:relative;  background:#efefef; padding:25px; text-align:center; font-size:22px; color:#000; font-weight:600;  }
.rulett1{width:95%; line-height:30px; font-size:17px; margin:0 auto; color:#000;}
.rulett1 p{font-size:21px; font-weight:600; color:#23558d;}
.rulett1 span{font-size:14px;}
.rulett2{width:100%; position:relative;padding:25px; text-align:center; font-size:22px; color:#000; font-weight:600; border-top:1px solid #ccc; }


@media all and (max-width:768px){
.rulett{width:100%; position:relative;  background:#efefef; padding:25px; text-align:center; font-size:20px; color:#000; font-weight:600;  }
.rulett1 p{font-size:19px; font-weight:600; color:#23558d;}
}

/*누리인 공통*/

.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;}
}

/* 타블렛 가로 */
@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}


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