/* include 공통 CSS */



/************************* header_inc 시작*************************/


	.header_t			{width:100%; margin:0 auto; height:90px; position:absolute; left:0; top:0px; z-index:99; background:transparent; -webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out;	transition: all 300ms ease-out; border-bottom: 1px solid rgba( 255, 255, 255, 0.1);}
	
	.head_inner{position:relative; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
	
	.head_logo{ width: 240px; padding-left: 40px; }
	.head_logo .w_logo {display: block; position:relative; width: auto;}
	.head_logo .c_logo {display: none; width: auto; }
	
	.head_right						{ width: 100px; display:flex; flex-wrap:wrap; align-items:center; height:60px;  }

	.mo_nav				{display:flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 100%;  }
	.mo_nav *{
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;}
	.mo_nav .navbar-toggle {position: relative; background-color:transparent; background-image:none;  border:0; transform: rotate(-45deg);}
	.mo_nav .navbar-toggle:focus {outline: 0;}
	.mo_nav .navbar-toggle .icon-bar {background: var(--w-color); display:block; width:12px; height:2px; margin: 0 auto;}
	.mo_nav .navbar-toggle .icon-bar + .icon-bar { width:25px; margin: 4px auto; }
	.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{ width:12px; margin: 0 auto;}

	.mo_nav:hover .navbar-toggle .icon-bar								{transform:translateX(10px);}
	.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar		{transform:translateX(5px);}
	.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar + .icon-bar		{transform:translateX(10px);}

	/* header-fixed style */
	.f-nav{width:100%; padding:0; height:90px; background:#f8f8f8;  box-shadow:1px 1px 10px rgba(0,0,0,0.05);}
	.f-nav .head_logo .w_logo{display: none;}
	.f-nav .head_logo .c_logo{display: block;}
	.f-nav .menu .major > ul > li > a{color:#212121 !important;}
	.f-nav .menu .major > ul >li + li > a:before{background: rgba(0,0,0,0.3);}
	.f-nav .mo_nav{border: 1px solid var(--main-color); background-color: var(--main-color);}

	@media(max-width: 1250px){
		.head_logo{ width: auto; padding-left: 3%;}
		.head_right{ width: auto; margin-right: 3%; }
	}

@media(max-width: 980px){
	.header_gnb_bg{display: none;}
	.header_t{height: 80px;}
	.f-nav{height: 80px;}
	.mo_nav{width: 50px; height: 50px; }
	.mo_nav .navbar-toggle .icon-bar{width: 18px;}
	.mo_nav .navbar-toggle .icon-bar + .icon-bar{width: 12px;}
	.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{width: 18px;}

}
@media(max-width:450px){
	.head_logo .w_logo, .head_logo .c_logo{ width: auto; height: 34px; }
}

/************************* header_inc 끝*************************/

/* 공통 */

/* 라운드 3개 타이틀 상단 포인트 */
.poi{ display: flex; width: 50px; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.poi span{ display: block; width: 8px; height: 8px; border-radius: 50%; background-color: var(--font-m-color);}
.poi span.poi_r{ background-color: var(--main-color);}
.poi span.poi_w{ background-color: var(--w-color);}
/*  */

/*  */


/************************* main_inc 시작*************************/

.m-section{ width: 100%; margin: 0 auto; display: block; position: relative; }
.m_in{ max-width: 1360px; margin: 0 auto;  position: relative; }
.m_padi{ padding: 135px 0; position: relative;}
.m_sec_title{ margin-bottom: 70px;}
.m_sec_title .tit{ font-size: 46px; font-weight: 800; line-height: 1.3; text-transform: uppercase; margin-bottom: 30px; }
.m_sec_title .tit_en{ font-weight: 600; line-height: 1;}
.txt{ font-size: 16px; line-height: 1.6; color: var(--font-b-color);}
.s_txt{ font-size: 15px; line-height: 1; color: var(--main-color); font-weight: 500; }
.m_txt{ font-size: 30px; font-weight: 800; line-height: 1; margin: 10px 0 20px;}
.button{ position: relative; display: flex; justify-content: flex-end; padding-top: 3%;}
.button a{ display: inline-block; width: 150px; line-height: 1; background-color: var(--main-color); text-align: center; font-size: 15px; color: var(--w-color); transition: all .3s ; padding: 17px 23px 15px 30px; position: relative; border-radius: 5px;  box-shadow: 0 5px 0 0 #83000b; margin: 10px 0;}
.button a i{ font-size: 19px; vertical-align: middle; color: var(--w-color);}
.button a:hover{ margin-top: 15px; margin-bottom: 5px; background-color: var(--hover-b-color); box-shadow: 0 0 0 0 #83000b;}

@media(max-width: 1400px){
	.m_padi{ padding: 135px 3%; transition: all .3s ease;}
	.m_sec_title{ margin-bottom: 55px;}
	.m_sec_title .tit{ font-size: 42px; margin-bottom: 20px; line-height: 1.2;}
	.m_txt{ font-size: 26px; margin: 10px 0 15px; }

	.button a{ font-size: 14px; }
}
@media(max-width: 1100px){
	.m_padi{ padding: 100px 3%;}
	.m_sec_title{ margin-bottom: 40px; }
	.m_sec_title .tit{ font-size: 36px; margin-bottom: 10px; }
	.m_sec_title .tit br{ display: none;}
	.poi{ width: 40px; margin-bottom: 10px;}
	.poi span{ width: 6px; height: 6px; }
	.s_txt{ font-size: 14px;}
	.m_txt{ font-size: 22px; }
	.txt{ font-size: 15px; }
	.txt br{ display: none;}
	
	.button{ padding-top: 15px; justify-content: flex-start; }
	.button a{ width: auto; padding: 10px 15px 8px; }
	
}
@media(max-width: 880px){
	.m_padi{ padding: 80px 3%;}
	.m_sec_title{ margin-bottom: 30px; }
	.m_sec_title .tit{ font-size: 28px;  }
	.button a{ font-size: 13px; }
	.button a i{ font-size: 15px; }
}
@media(max-width: 680px){
	.m_padi{ padding: 15% 3%;}
	.m_sec_title .tit{ font-size: 22px;  margin-bottom: 5px; }
	.txt{ font-size: 13px; }
	.poi{ width: 30px; margin-bottom: 10px;}
	.poi span{ width: 5px; height: 5px; }
	.s_txt{ font-size: 12px;}
	.m_txt{ font-size: 18px;  }
}
@media(max-width: 450px){
	.s_txt, .txt{ font-size: 0.7rem;}
	.m_txt{ font-size: 16px;  margin: 5px 0 10px; }
	.button a{ font-size: 0.7rem; box-shadow: unset; margin: 0; padding: 8px 15px; }
	.button a i{ font-size: 12px; }
}


.flex{ display: flex; justify-content: space-between; flex-flow: row wrap; }


.main_visual										{position:relative; margin:0 auto;}

.m_scroll{position:absolute; height:109px;bottom:8%; right:3.5%; z-index:10;}
.m_scroll .m_gauge{width:1px; height:70px; background: var(--w-color); position:absolute; bottom:0; right:0;}
.m_scroll .m_gauge .m_non{display:block; position:absolute; right:0; bottom:0; opacity:1; width:7px; height:1px; background: var(--w-color); transform:rotate(45deg); animation:rotate2 3s linear infinite;}
.m_scroll strong{font-size:13px; color:var(--w-color); font-weight: 600; text-transform:uppercase; display:block; transform:rotate(90deg); position:absolute; top:0; right: -22px;}

@keyframes rotate2 {
    0%{
        bottom: 100%;
        opacity: 1;
    }
    80%{
      opacity: 1;
    }
    100% {
        bottom: 0%;
        opacity: 0;
    }
}
/*  */

/* m01 */
.m1_bgfade{ display: block; position: absolute; top: 70px; right: 210px; width: 460px; height: 360px;  z-index: -2;}
.main_sec_01::after{ content: ""; display: block; width: 50%; background: var(--bg-color); height: 65%; position: absolute; bottom: 0; right: 0; z-index: -3; }
.main_sec_01 .m_sec_title{ display: inline-block; }
.main_sec_01 .txt{ min-height: 77px;}

/* tab_menu */
.m1_tab{width:40%; display:flex; align-items: center; justify-content: flex-start; margin: 0 0 30px; }
.m1_tab a{font-size: 18px; color: var(--font-s-color); font-weight: 700; transition: all .3s; position: relative; display: block; padding: 15px 25px; border-bottom: 1px solid #d7d7d7;}
.m1_tab a::after{ content: ""; display: block; width: 100%; height: 0; background-color: var(--main-color); position: absolute; bottom: -1px; left: 0; right: 0; z-index: 1; transition: all .3s;}
.m1_tab a:hover{ color: var(--main-color); transition: all .3s; font-weight: 800;}
.m1_tab a.on, .m1_tab a.m1on{color: var(--main-color); font-weight: 800;}
.m1_tab a.on::after, .m1_tab a.m1on::after{ height: 3px;  transition: all .3s; }
/*  */

.m1_img_box:not(:first-child) {display:none; }

.txt_area{ padding: 35px; width: 580px; height: 300px; background-color: #f5f5f5;}
.txt_area .txt{ width: 85%;}


.img_area{position: absolute; overflow:hidden; left: 50%; top: 50px; max-width: 1360px; width: 100%; height: 100%; -webkit-transform:translateX(-50%); 	-moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);	transform:translateX(-50%); z-index: -1; }

.img_area .img_area_box{  overflow: hidden; position:absolute; right:0; bottom:50%; margin-bottom:-40%; max-width:815px; padding-bottom:86%; width:60%; height:0; transition:all .6s ease; -webkit-transform-origin:center 200%; -moz-transform-origin:center 200%; -ms-transform-origin:center 200%; -o-transform-origin:center 200%; transform-origin:center 200%; -webkit-animation: leftMoveIn 0.4s cubic-bezier(0.24,0.57,0.45,1) both; 
	-moz-animation: leftMoveIn 0.4s cubic-bezier(0.24,0.57,0.45,1) both; 
	-ms-animation: leftMoveIn 0.4s cubic-bezier(0.24,0.57,0.45,1) both; 
	-o-animation: leftMoveIn 0.4s cubic-bezier(0.24,0.57,0.45,1) both; 
	animation: leftMoveIn 0.4s cubic-bezier(0.24,0.57,0.45,1) both;}

.img_area .img_area_box img { position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);	-ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }

@-webkit-keyframes leftMoveIn {
	0% {
		opacity:0;
		transform:rotate(90deg);
	}
	100% {
		opacity:1;
		transform:rotate(0);
	}
}
@-moz-keyframes leftMoveIn {
	0% {
		opacity:0;
		transform:rotate(90deg);
	}
	100% {
		opacity:1;
		transform:rotate(0);
	}
}
@-ms-keyframes leftMoveIn {
	0% {
		opacity:0;
		transform:rotate(90deg);
	}
	100% {
		opacity:1;
		transform:rotate(0);
	}
}
@-o-keyframes leftMoveIn {
	0% {
		opacity:0;
		transform:rotate(90deg);
	}
	100% {
		opacity:1;
		transform:rotate(0);
	}
}
@keyframes leftMoveIn {
	0% {
		opacity:0;
		transform:rotate(90deg);
	}
	100% {
		opacity:1;
		transform:rotate(0);
	}
}



@media(max-width: 1480px){
	.m1_bgfade{ right: 0; top: 5%; width: 400px; height: 350px; }
	.m1_img_box .slide_in{ display: flex; justify-content: space-between; }
	.txt_area{ width: 39%; height: auto; padding: 30px; }
	.img_area{ position: relative; left: auto; top: auto; max-width: unset; transform: translateX(0); height: auto; width: 60%; margin-top: -30%;}
	.img_area .img_area_box{ position: relative; right: auto; bottom: auto; margin-bottom: 0; max-width: unset; padding-bottom: 0; width: 100%; height: auto; }
	.img_area .img_area_box img{ display: block; position: relative; left: auto; top: auto; width: 100%; transform: translate(0); }
	.m1_tab a{ font-size: 17px; padding: 15px 20px; }
	.main_sec_01 .txt{ min-height: unset; }

	
}

@media(max-width: 1100px){
	.main_sec_01 .m_sec_title{ display: block; text-align: center; }
	.main_sec_01 .poi{ margin:0 auto 10px;}
	.main_sec_01::after, .m1_bgfade{ display: none;}
	.m1_img_box .slide_in{ flex-flow: row wrap; flex-direction: column-reverse;}
	.txt_area{ width: 100%;}
	.img_area{ width: 100%; margin-top: 0; height: 45vh;}
	.m1_tab{ width: 100%; }
	.m1_tab a{ width: 25%; text-align: center; }
	.txt_area .txt{ width: 100%; }
	
}
@media(max-width: 880px){
	.m1_tab{ margin: 0 0 20px;}
	.m1_tab a{ font-size: 15px; }
	.img_area{ height: 40vh; }
}
@media(max-width: 680px){
	.txt_area{ padding: 6%;}
	.img_area{ height: 30vh;}
	.m1_tab a{ font-size: 13px; padding: 2%; }
}

/*  */



/* m02 */
.main_sec_02{  overflow: hidden;  }
.main_sec_02::before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("./img/m02_bg.jpg") no-repeat center center; background-size: cover;     -webkit-animation: bgMove 2s ease-in-out both;
	-moz-animation: bgMove 2s ease-in-out both;
	-ms-animation: bgMove 2s ease-in-out both;
	-o-animation: bgMove 2s ease-in-out both;
	animation: bgMove 2s ease-in-out both; z-index: -1;}

	@-webkit-keyframes bgMove {
    from {
        transform:scale(1.08);
    }

    to {
        transform:scale(1);
    }
}
@-moz-keyframes bgMove {
    from {
        transform:scale(1.08);
    }

    to {
        transform:scale(1);
    }
}
@-ms-keyframes bgMove {
    from {
        transform:scale(1.08);
    }

    to {
        transform:scale(1);
    }
}
@-o-keyframes bgMove {
    from {
        transform:scale(1.08);
    }

    to {
        transform:scale(1);
    }
}
@keyframes bgMove {
    from {
        transform:scale(1.08);
    }

    to {
        transform:scale(1);
    }
}

.main_sec_02 .m_sec_title, .main_sec_02 .txt{ color: var(--w-color);}


/*  */

.main_sec_02 .m_sec_title, .main_sec_03 .m_sec_title{ text-align: center; }
.main_sec_02 .poi, .main_sec_03 .poi{ margin: 0 auto 15px;}



/* m03 */
.main_sec_03{ background-color: var(--bg-color); }
.main_sec_03::after{ content: ""}
.main_sec_03 .left{ width: 60%; max-width: 800px; background-color: var(--w-color); padding: 50px 35px; }
.main_sec_03 .flex{ justify-content: space-between; align-items: center;}
.main_sec_03 .right{ width:40%; max-width: 543px; }
.main_sec_03 .right > div:nth-child(1){ margin-bottom: 20px;}
.main_sec_03 .right > div a{ background-color: var(--w-color);  border: 5px solid var(--w-color); transition: all .3s ease; padding: 35px; }
.main_sec_03 .right > div a:hover{ border: 5px solid var(--main-color); transition: all .3s ease; }
.main_sec_03 i{ font-size: 36px; }
/*  */

@media(max-width: 1430px){
	.main_sec_03 .left{ width: 58%; transition: all .3s;}
}

@media(max-width: 1230px){
	.main_sec_03 .left{ width: 55%;}
	.main_sec_03 .right{ width: 43%;}
	.main_sec_03 .left{ padding: 30px 20px;}
	.main_sec_03 .right > div a{ padding: 30px 20px;}
	.main_sec_03 i{ font-size: 28px; }
}

@media(max-width: 1080px){
	.main_sec_03 .left{ width: 100%; max-width: 100%; margin-bottom: 3%; padding: 3%;}
	.main_sec_03 .right{ width: 100%; max-width: 100%; display: flex; justify-content: space-between; align-items: center;}
	.main_sec_03 .right > div:nth-child(1){ margin-bottom: 0;}
	.main_sec_03 .right > div{ width: 48.5%; }
	.main_sec_03 .right > div a{ padding: 5%; }
}
@media(max-width: 900px){
	.main_sec_03 .right > div a div{ width: 65%;}
}
@media(max-width: 680px){
	.main_sec_03 .right{ flex-direction: column;}
	.main_sec_03 .right > div{ width: 100%; }
	.main_sec_03 .right > div:nth-child(1){ margin-bottom: 3%;}
	.main_sec_03 .right > div a{ padding: 3%; }
	.main_sec_03 .right > div a div{ width: 80%;}
}
@media(max-width: 450px){
	.main_sec_03 .right a.flex{ justify-content: space-between;}
	.main_sec_03 .right > div a div{ margin: 0 0 5px;}
	.main_sec_03 i{ font-size: 20px; }
}


/************************* main_inc 끝*************************/




/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:50px; border-bottom:1px solid #ddd; }
.navi_in	{margin:0 auto; padding:0;max-width:1280px; margin:0 auto;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

.home_btn_all						{float:left; width:10%; max-width:50px;  border-right:1px solid #efefef;}
.home_btn_all a					{display:block; height:49px; line-height:50px; text-align:center;}
.home_btn_all a:hover		{background:#f8f8f8; }
.home_btn_all a img			{max-width:100%; height:auto; vertical-align:middle;}

.navi_left					{float:left; width:90%; max-width:550px;}
.navi_left:after		{clear:both; content:''; display:block; width:100%;}
.navi_left div			{float:left;}

.navi_main		{width:50%; max-width:250px; padding:0 0 0 0; height:50px; position:relative; line-height:50px;  cursor:pointer; border-right:1px solid #efefef;}
.navi_title01	{padding:0 0 0 0; height:40px; width:100%; position:relative; line-height:50px; }
.navi_title01 h1 {color:#777; font-size:14px; margin-left:10px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#333; }

.navi_main h1 { color:#777; font-size:14px; margin-left:10px;}
.navi_main h1.sub_manu:hover { color:#333; }
.navi_main > .deco_right { float:right;  }

.navi_main >a.down_btn1	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn2	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn3	{position:absolute; right:10px; top:0px;}

.h1_focus	{color:#333 !important;;}

.navi_sub {width:50%; max-width:250px; padding:0; height:50px; line-height:50px; position:relative; cursor:pointer; border-right:1px solid #efefef;}
.navi_sub > h2						{ color:#333333; font-size:14px;  cursor:pointer; margin-left:10px;}
.navi_sub>a.down_btn4	{position:absolute; right:10px; top:0px; }

.navi_sub > p						{float:right; }

.extend1							{position:relative; top:-1px; width:100%; }
.extend1 > ul				{position:absolute;left:-1px; min-height:1px;width:100%;padding-left: 0px; padding:0px 0 10px 0; border-top:0;z-index: 999; background:#fff; border:1px solid #efefef; display:none;}
.extend1 > ul a { text-decoration:none; }


.extend2							{position:relative; top:-1px; width:100%;}
.extend2 > ul				{position: absolute;left:-1px; min-height:1px; width:100%; padding-left:0px; z-index: 999; background:#fff; border:1px solid #efefef; display:none; padding:0px 0 10px 0; }
.extend2 > ul a { text-decoration:none; }
.extend2 h1 { }

.extend > ul > li		{min-height:20px;}
.down_btn			{cursor:pointer; }

/************************* title_navi 끝 *************************/


/************************* footer_inc 시작 *************************/

.foot_content{ width: 100%; margin: 0 auto; background-color: #000;}
.foot_in{ padding: 50px 3%; color: var(--font-s-color); font-size: 13px; line-height: 1.6; }
.foot_in.flex span{ font-size: 10px; padding: 0 10px 2px; }

.foot_in.flex .left{ width: 70%;}
.foot_in.flex .right{ width: 30%;}
.foot_in .left.flex{ justify-content: flex-start;}
.foot_in .left .f_logo{ padding-right: 80px; }
.foot_in .left .f_logo img{ display: block;}
.foot_in .right .flex{ justify-content: flex-end; align-items: center; padding-top: 40px;}
.foot_in .right a{ color: var(--font-s-color); font-size: 13px; line-height: 1;}

@media(max-width: 1200px){
	.foot_in.flex{ justify-content: flex-start;}
	.foot_in.flex .left{ width: 100%;}
	.foot_in.flex .right{ width: 100%;}
}

@media(max-width: 800px){
	.foot_in.flex .left{ justify-content: center; text-align: center; flex-direction: column;}
	.foot_in .left .f_logo{ padding-right: 0; margin: 0 auto 25px; }
	.foot_in .right .flex{ justify-content: center; padding-top: 25px; }
}
@media(max-width: 600px){
	.foot_in{ font-size: 0.7rem; padding: 8% 3%;}
	.foot_in .left .f_logo img{ width: auto; height: 30px; }
	.foot_in.flex span{ font-size: 0.55rem; padding: 0 5px;}
	.foot_in .right a{ font-size: 0.75rem;}
}

/************************* footer_inc 끝 *************************/

/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("./img/ui.totop6.png") no-repeat left top;
	z-index: 9999;
}

#toTopHover {
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/



/************************* sub - start *************************/


	.sub_inner{ padding: 0 12%; }
	.sub_pd{ padding-bottom: 135px; }
	.sub_pd1{ padding-top: 135px; }
	.sub_bg{ width: 100%; margin: 0 auto; background: var(--bg-color); }
	.sub_pd2{ padding-top: 135px; padding-bottom: 135px}
	.sub_mrg{ margin: 50px auto 0;}
	
	.sub .name{font-size:20px; font-weight:600; display: block; line-height: 1; margin-top: 45px; }
  .sub .name b{font-size:22px; font-weight:700;}


@media(max-width: 1680px){
	.sub_inner{ padding: 0 5%;}
	.sub_pd{ padding-bottom: 100px; }
	.sub_pd1{ padding-top: 100px; }
	.sub_pd2{ padding-top: 100px; padding-bottom: 100px}
}
@media(max-width: 1400px){
	.sub .name{ font-size: 18px;}
	.sub .name b{ font-size: 20px;}
}
@media(max-width: 1100px){
	.sub_pd{ padding-bottom: 80px; }
	.sub_pd1{ padding-top: 80px; }
	.sub_pd2{ padding-top: 80px; padding-bottom: 80px}
}
@media(max-width: 880px){
	.sub_inner{ padding: 0 3%;}
	.sub_pd{ padding-bottom: 60px; }
	.sub_pd1{ padding-top: 60px; }
	.sub_pd2{ padding-top: 60px; padding-bottom: 60px}
	.sub .name{ font-size: 16px; margin-top: 30px;}
	.sub .name b{ font-size: 18px;}
}
@media(max-width: 680px){
	.sub_pd{ padding-bottom: 10%; }
	.sub_pd1{ padding-top: 10%; }
	.sub_pd2{ padding-top: 10%; padding-bottom: 10%}
	.sub .name{ font-size: 14px; margin-top: 20px; }
	.sub .name b{ font-size: 16px;}
}

/************************* sub - end  *************************/