@charset "UTF-8";

/*font*/
.nanumgothic{ font-family: 'Nanum Gothic', sans-serif; }


/* 공통 */

br {font-family:'NanumSquareRound';}
img[usemap]{border: none; height: auto; }

/* .wrap {width:1218px;margin:0px auto;}
.wrap2 {width:1080px;margin:0px auto;} */

.wrap {width:1082px;margin:0px auto;}
.wrap2 {width:1082px;margin:0px auto;}

.text_center {text-align:center !important;}
.font_bold {font-family: 'NanumSquareRound', sans-serif;font-weight:800;}
.imgcss {max-width:100%;}
.imgcss2 {min-width:100%;}
.alignRset1 {text-align:right;padding-left:10px;box-sizing:border-box;}
.desktop_ {display:block}
.mobile_ {display: none;}

.bgcolor1 {background-color:#dc2314;}
.bgcolor2 {background-color:#4f5b54;}
.bgcolor3 {background-color:#ffffff;}
.bgcolor4 {background-color:#777777;}
.bgcolor5 {background-color:#222222;}
.bgcolor6 {background-color:#404542;}
.bgcolor7 {background-color:#b5b5b5;}
.bgcolor8 {background-color:#c4e0e1; padding: 50px 0px 20px 0px;}
.bgcolor9 {background-color:#bd93dd;}
.bgcolor10 {background-color:#0d3388;}
.bgcolor11 {background-color:#09a9e2;}
.bgcolor12 {background-color: #bcbdc0;}
.bgcolor13 {background-color: #618a60;}
.bgcolor14 {background-color: #9d0044;}
.bgcolor15 {background-color: #9b9793;}
.bgcolor16 {background-color: #858a9c;}
.bgcolor17 {background-color: #b9bbc6;}
.bgcolor18 {background-color: #3c86c6;}
.bgcolor19 {background-color: #3fae48;}
.bgcolor20 {background-color: #c33041;}
.bgcolor21 {background-color: #99ca3c;}
.bgcolor22 {background-color: #14c0f3;}
.bgcolor23 {background-color: #fff44e;}
.bgcolor24 {background-color: #f386a8;}
.bgcolor25 {background-color: #af76b3;}
.bgcolor25 {background-color: #d7df21;}
.bgcolor26 {background-color: #b2d234;}
.bgcolor27 {background-color: #f58f84;}
.bgcolor28 {background-color: #f38590;}
.bgcolor29 {background-color: #f494be;}
.bgcolor30 {background-color: #f386a8;}
.bgcolor31 {background-color: #f494be;}
.bgcolor32 {background-color: #f58f84;}
.bgcolor33 {background-color: #f38590;}
.bgcolor34 {background-color: #f494be;}

.fontcolor1 {color:#dc2314;}
.fontcolor2 {color:#4f5b54;}
.fontcolor3 {color:#ffffff;}
.fontcolor4 {color:#777777;}
.fontcolor5 {color:#222222;}
.fontcolor6 {color:#404542;}
.fontcolor7 {color:#b5b5b5;}
.fontcolor8 {color:#c4e0e1;}
.fontcolor9 {color:#3c86cf;}
.fontcolor10 {color:#83ae29;}
.fontcolor11 {color:#09a9e2;}
.fontcolor12 {color:#2456a6;}
.fontcolor13 {color:#a50042}
.fontcolor14 {color:#2c1e3a;}
.fontcolor15 {color:#59625d;}
.fontcolor16 {color: #3c86c6;}
.fontcolor17 {color: #c33041;}
.fontcolor18 {color: #cd5b5a;}
.fontcolor19 {color: #003963;}
.fontcolor20 {color: #4c5498;}
.fontcolor21 {color: #99ca3c;}
.fontcolor22 {color: #14c0f3;}
.fontcolor23 {color: #ffcf06;}
.fontcolor24 {color: #f386a8;}
.fontcolor25 {color: #af76b3;}
.fontcolor26 {color: #231f20;}
.fontcolor27 {color: #0064b1;}
.fontcolor28 {color: #0c8642;}

.fontsize8  {font-size:8px;}
.fontsize9  {font-size:9px;}
.fontsize10 {font-size:10px;}
.fontsize11 {font-size:11px;}
.fontsize12 {font-size:12px;}
.fontsize13 {font-size:13px;}
.fontsize14 {font-size:14px;}
.fontsize15 {font-size:15px;}
.fontsize16 {font-size:16px;}
.fontsize18 {font-size:18px;}
.fontsize20 {font-size:20px;}
.fontsize22 {font-size:22px;}
.fontsize24 {font-size:24px;}
.fontsize25 {font-size:25px;}
.fontsize26 {font-size:26px;}
.fontsize30 {font-size:30px;}
.fontsize34 {font-size:34px;}
.fontsize40 {font-size:40px;}
.fontsize45 {font-size:45px;}
.fontsize50 {font-size:50px;}
.fontsize55 {font-size:55px;}
.fontsize60 {font-size:60px;}

.fontsize22_title{font-size:22px;}

.line_height_30{line-height: 30px;}
.line_height_33{line-height: 33px;}
.line_height_55{line-height: 55px;}

.vertical_middle{vertical-align:middle;}

.deco_box {border:2px solid #d5e0f2; border-radius:15px; padding:20px 15px; box-sizing:border-box; min-height:300px;}
.text_deco_box {border:5px solid #e8e8eb;}

.Double_quote{font-size:140px;font-family: 'NanumSquareRound', sans-serif;color:#ededed;}
.Double_quote2{font-size:140px;font-family: 'NanumSquareRound', sans-serif;color:#ededed;margin-top:17%;}

.radius_box{color:#ffffff;background-color:#000000;border-radius: 30px;padding: 8px 20px;display: inline;}
.radius_box_text{padding: 8px 20px;}

.bg_box{padding:20px 30px;background-color:#dcddde;}
.bg_box2{padding:30px 80px;background-color:#f7f7f7;}
.bg_box3{padding:30px 0px;background-color:#f7f7f7;}
.border_dot_deco{background-color:#ffffff;padding:10px;border-radius:30px;width:50%;text-align:center;border:2px dotted #c2c2c2;margin: 0 auto;margin-bottom:40px;margin-top:-60px;}

.mright_none {margin-right:0px !important;}
.bright_none {border-right:0px !important;}

.text_area {line-height:30px;text-align:justify;}
.text_area_center {line-height:30px;text-align:center;}
.page_subcont {line-height:30px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;padding:15px 0px;}
a.youtobe_link_pc {position:absolute;z-index:99;top:400px;left:50%;margin-left:542px;}
a.youtobe_link_mo {display:none;}

.img_area {margin:20px 0px;}

.Q_icon{margin-right:10px;}
.Q_area{margin-bottom:10px;}


.float_L{float:left;}
.float_R{float:right;}
.clear{clear:both;}

.width_6{width:6%;}
.width_33{width:33%;}
.width_48{width:48%;}
.width_49{width:49%;}
.width_50{width:50%;}
.width_70{width:70%;}
.width_90{width:90%;}
.width_100{width:100%;}

.margin_T_-30{margin-top:-30px;}
.margin_T_10{margin-top:10px;}
.margin_T_20{margin-top:20px;}
.margin_T_40{margin-top:40px;}
.margin_T_60{margin-top:60px;}
.margin_T_80{margin-top:80px;}
.margin_T_120{margin-top:120px;}

.margin_B_10{margin-bottom:10px;}
.margin_B_20{margin-bottom:20px;}
.margin_B_40{margin-bottom:40px;}
.margin_B_60{margin-bottom:60px !important;}
.margin_B_80{margin-bottom:80px !important;}
.margin_B_-40{margin-bottom:-40px;}

.margin_auto{margin-left:auto;margin-right:auto;}

.margin_L_10{margin-left:10px;}
.margin_L_20{margin-left:20px;}

.margin_R_10{margin-right:10px;}
.margin_R_20{margin-right:20px;}

.B_line{border-bottom:1px solid #000;}

.img_alignR {text-align:right;} 

.spacing_-2 {letter-spacing:-2px;}

.width_60_percent{width: 60%;}
.width_40_percent {width: 40%;}

.cont_box_align {display:flex;align-items:center;}

/* 공통 */
.sub_desktop {display:block}
.sub_mobile {display:none}

.sub_title_box_area {padding:30px 0px 30px 0px;border-top:2px solid #00652e; border-bottom:2px solid #00652e}

.sub_title_box_align {width:100%}
.sub_title_box {margin-top:20px;padding:20px 0px 20px 0px ;}

.sub1_contents_box {padding-bottom:100px}

#header {padding:15px 10px 15px 10px;}
#header:after {display:block;content:"";clear:both;}
.header_area {height:50px;}

.toparea {}
.toparea ul li {float:right;}
.toparea ul li.logoarea {}
.toparea ul li.logoarea>a {}
.toparea ul li.logoarea>a>p {position:relative;display:block;float:left;width:14px;height:55px;margin-right:2px;}
.toparea ul li.logoarea>a>p>span {position:absolute;left:0px;right:0px;text-align:center;}
.logoarea {width:10%;height:55px;}


.menuarea {height:55px;text-align:center;line-height:55px;}
.menuarea>a {letter-spacing:-0.8px;margin:0px 10px;font-weight:800;}
.menuarea_mo {display:none;width:20%;height:55px;line-height:55px;text-align:right;}
.menuarea_mo>a {cursor:pointer;margin-left:20px;font-weight:700;}
.menuarea_mo>a.active {color:#dc2314;}

.set_mobarea {position:relative;}
.mobile_allmenu {display:none;position:absolute;width:100%;box-sizing:border-box;top:0px;z-index:10;}
.menu_item {display: block;margin: 3vh auto 3vh auto; width: 60vw; max-width: fit-content;}
.menu_set {border-top:2px solid #00652e; border-bottom:2px solid #00652e;}
.menu_set:after {display:block;content:"";clear:both;} 
.menu_set>ul>li {float:left;width:20%;padding:38px 0px 30px 0px;}


.mtitle {margin-bottom:30px;}
.mdepth_subarea {padding:10px 40px 0px 40px;box-sizing:border-box;border-right:1px solid #5f5f5f;height:100%;}
.mdepth_subarea>a {display:block;margin-bottom:20px;}
.mdepth_subarea>a:hover .mdsa_title {color:#ff3626;transition: all .3s ease-in-out;}
.mdsa_title {line-height:22px;margin-bottom:7px;}
.mdsa_titlesub {line-height:18px;}

.section_sep_box {height:200px;width:100%;margin-bottom:50px}
.section_sep_cont {float:left;border-right:1px solid #fff;width:50%;height:200px}

.indexcont {margin-top:34px;}
.section1 {}
.section1:after {display:block;content:"";clear:both;}
.section1>div {float:left;}
.visualarea {}
.mainlinkarea {width:343px;height:660px;}
.mainlinkarea>ul>li {position:relative;}
.link_abcss {position:absolute;z-index:9;width:100%;box-sizing:border-box;padding:0px 25px 20px 25px;bottom:0px;}
.link_title {font-weight:800;margin-bottom:18px;}
.link_content {line-height:22px;text-shadow:1px 1px #000000;}

.deselect_div1 {margin: 2px 2px; background-color: #dcddde;padding:25px 60px 25px 60px;}
.select_div1 {margin: 2px 2px; background-color: #fff;padding:25px 60px 25px 60px;}

.deselect_div2 {margin: 2px 2px; background-color: #dcddde;padding:25px 60px 25px 60px;}
.select_div2 {margin: 2px 2px; background-color: #fff;padding:25px 60px 25px 60px;}

.deselect_div3 {margin: 2px 2px; background-color: #dcddde;padding:25px 60px 25px 60px;}
.select_div3 {margin: 2px 2px; background-color: #fff;padding:25px 60px 25px 60px;}

.deselect_div4 {margin: 2px 2px; background-color: #dcddde;padding:25px 60px 25px 60px;}
.select_div4 {margin: 2px 2px; background-color: #fff;padding:25px 60px 25px 60px;}

.deselect_div5 {margin: 2px 2px; background-color: #dcddde;padding:25px 60px 25px 60px;}
.select_div5 {margin: 2px 2px; background-color: #fff;padding:25px 60px 25px 60px;}

.select_section1 {display:block}
.select_section2 {display:block}
.select_section3 {display:block}
.select_section4 {display:block}
.select_section5 {display:block}

.deselect_section1 {display:none}
.deselect_section2 {display:none}
.deselect_section3 {display:none}
.deselect_section4 {display:none}
.deselect_section5 {display:none}

.sub_box {padding-bottom:100px;padding-left:30px;padding-right:30px;}
.sub_margin {padding-left:30px;padding-right:30px;}

.sub2_background {background-color:#ffd65e;border-bottom:3px solid #00652e;}
.sub_btn_img {width:50%;margin:0 auto; display: block;cursor:pointer;padding:0}
.sub3_img3 {width:70%}

.sub4_btn_margin {margin-bottom:200px !important;}

.sub4_img {padding:50px 0px 50px 0px}

.sec4_img_width {width:80%}

.select_title {margin:0 auto;padding:100px 0px 100px 0px}

.select_list {display: flex; margin:0 auto;text-align:center;}
.select_list:after {display:block;content:"";clear:both;}

.select_table1 {display: inline-table;width:50%;padding-right: 1px;}
.select_table2 {display: inline-table;width:50%;margin-left: 1px;}

.select_item {}
.select_box {display:table;width:100%;height:100px;}
.select_box_sub2 {display:table;width:auto;height:auto;}

.select_label {display:table-cell;vertical-align:middle;padding-top:0%}

/* Safari css hack */
@media not all and (min-resolution:.001dpcm) { @media
	{
		.select_label_3 {padding-top:3%}
		.select_label_4 {padding-top:2%}		
	}
}

#footer {width: 95%;margin: 0px auto;padding:0px 0px 45px 0px;}

.footer_area {margin-top: 30px;}
.footer_area:after {display:block;content:"";clear:both;}
.footer_area>ul>li {float:left;}

.footlogoarea {width:45%;padding-left:30px}
.footbtnarea {width:5%}
.footinfoarea {width:45%}

.footinfotop {line-height:19px;margin-bottom:20px;}
.footinfobottom {line-height:19px;}
.footlogo {width:150px}
.footbtn {width:50px}

.subcontent {position:relative;}
.subcont_area {padding:0px 0px;box-sizing:border-box;}

.sub_width815{width:815px;}
.sub_titlearea {margin-bottom:40px;}
.title_top {line-height:55px;margin-bottom:35px;}
.title_top_sub {line-height:30px;margin-bottom:35px;}
.title_cont {line-height:30px;margin-bottom:40px;}
.sub_sec {margin-bottom:45px;}
.sub_sec2 {margin-bottom:15px;}

.interview_area {}
.project_infoarea {border:1px solid #c2c2c2;padding:20px 25px;box-sizing:border-box;border-radius:10px;}
.project_infoarea2 {border:1px solid #84d4f0;padding:20px 25px;box-sizing:border-box;border-radius:0px 0px 10px 10px;}
.pinfo_title {border-bottom:1px solid #dddddd;padding:5px 0px;margin-bottom:15px;}
.pinfo_who2 {padding:10px 25px;box-sizing:border-box;border-radius:10px 10px 0px 0px;}
.pinfo_title2 {padding:5px 0px;}
.pinfo_cont2 {border-top:1px solid #84d4f0;border-bottom:1px solid #84d4f0;margin-bottom:15px;padding:10px 0px;}
.pinfo_cont2>p>label {margin-right:15px;padding:3px 15px;border-radius:5px;}
.info_title {margin-bottom:15px;}

.set_floatarea {text-align:justify;}
.set_floatarea:after {display:block;content:"";clear:both;}
.set_imgarea {float:left;width:270px;border:1px solid #c2c2c2;padding:25px 20px;box-sizing:border-box;margin-right:25px;margin-bottom:15px;border-radius:10px;}
.set_imgarea>img {margin-bottom:15px;}
.set_imgarea>div {border-top:2px solid #ededed;padding:10px 0px;line-height:26px;}
.set_imgarea2 {float:left;padding:25px 20px;box-sizing:border-box;margin-right:25px;margin-bottom:15px;}

.news_area {}
.news_area>a {position:relative;display:block;border-bottom:1px solid #dbdbdb;padding:0px 0px 20px 0px;box-sizing:border-box;}
.news_area>a:after {display:block;content:"";clear:both;}
.num_set {position:absolute;left:0px;top:0px;}
.news_title {text-align:left;line-height:28px;margin-left:5%;margin-bottom:20px;padding-top:1%;padding-right:20px;padding-bottom:10px;}
.news_conts {}
.news_conts>img {float:right;margin-left:20px;margin-bottom:15px;}

.gmon_area {position:relative;overflow:hidden;}
.gmon_bg {position:absolute;right:0px;bottom:-85px;cursor:pointer;}
.allbg_area {display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;top:0px;}
.gmon_qzArea {display:none;position:absolute;width:80%;max-width:815px;z-index:9;top:0px;background-color:#ffffff;padding:35px 40px;box-sizing:border-box;overflow:auto;left:50%;transform:translateX(-50%) translateY(50%);}
.gmon_qzArea>label {}
a.close_layer1 {cursor:pointer;}

.sub_sec_title {font-weight:bold;margin-bottom:10px;}

.desktop_size {display:block}
.mobile_size {display:none}

.popup_box {position:absolute;left:35vw;top:25vh;z-index:200;visibility:hidden;}

@media (max-width: 1250px) {
	.fontsize40 {font-size:40px;transition: all .5s ease-in-out;}
	.fontsize30 {font-size:30px;transition: all .5s ease-in-out;}

	.wrap {width:100%;margin:0px auto;}
	.wrap2 {width:95%;margin:0px auto;}

	#header {padding:20px 10px 15px 10px;}
	#footer {width: 95%;margin: 0px auto;padding:0px 10px 45px 0px;}
	.indexcont {margin-top:3vw;}
	.section1 {margin-bottom:3vw;}
	.section2 {margin-bottom:6vw;padding:0px 10px;}
	
	.visualarea {width:100%;height:auto;}

	.mainlinkarea {width:100%;height:auto;}
	.mainlinkarea>ul>li {width:33.333%;float:left;}
	.section2>a {width:25%;height:463px;margin-right:0px;}

	/* .subcont_area {padding:80px 55px;box-sizing:border-box;} */
	.subcont_area {padding:0px;box-sizing:border-box;}
	.title_top {line-height:40px;}
	.sub_sec {margin-bottom:3vw;}
}
@media (max-width: 1250px) {
	.logoarea {width:50%;}
	
	.link_content {}
	.link_content>br {display:none;}
	a.youtobe_link_pc {display:none;position:fixed;z-index:99;top:50%;left:auto;margin-left:auto;right:0px;}
}
@media (max-width: 1000px) {
	.section2>a {width:25%;height:auto;margin-right:0px;padding-bottom:9vw;}
	.sec2_cont {
		display:inline-block;
		line-height:38px;
		height:100%;
		overflow:hidden;
		text-overflow: ellipsis;
		font-weight:bold;
	}
	.mdepth_subarea {border-right:0px solid #5f5f5f;}
	.mallmenu_set>ul>li {float:left;width:50%;padding:38px 0px 30px 0px;}
}
@media (max-width: 850px) {
	.desktop_size {display:none}
	.mobile_size {display:block}
	
	.popup_box {position:absolute;left:25vw;top:25vh;z-index:200;visibility:hidden;}

	.menuarea {display:none;width:0%;}
	.menuarea_mo {display:block;width:fit-content;}

	.fontsize20 {font-size:18px;transition: all .5s ease-in-out;}
	.fontsize22 {font-size:18px;transition: all .5s ease-in-out;}
	.fontsize25 {font-size:20px;transition: all .5s ease-in-out;}
	.fontsize30 {font-size:22px;transition: all .5s ease-in-out;}
	.fontsize34 {font-size:24px;transition: all .5s ease-in-out;}
	.fontsize40 {font-size:22px;transition: all .5s ease-in-out;}

	.select_box {width:250px;height:70px;}	
	.select_box_sub2 {width:70px;height:20px;}		

	/* .footer_area>ul>li {float:none;} */
	.footlogoarea {width:40%;margin-bottom:30px;}

	.footbtnarea {width:20%;margin-left: 20px;}
	.footinfoarea {width:30%;margin-top: -3px;}

	.footlogo {width:100px}
	.footbtn {width:30px}

	.sub1_contents_box {padding-bottom:100px;}
	.sub3_img3 {width:90%}
	.sub4_img {padding:50px 0px 20px 0px}

	.sub_bgarea {padding-top:16vw;transition: all .2s ease-in-out;}
	/* .subcont_area {padding:12vw 5vw;box-sizing:border-box;transition: all .2s ease-in-out;} */
	.subcont_area {padding:0vw;box-sizing:border-box;transition: all .2s ease-in-out;}
	.subcont_area br {display:none;}
	.title_top {line-height:32px;}
	.float_L{float:none;}
	.float_R{float:none;}
	.float_L>img{text-align:center;}
	.float_R>img{text-align:center;}
	.width_33{width:100%;}
	.width_49{width:100%;}
	.width_50{width:100%;}
	.width_70{width:100%;}
	.width_48{width:100%;}
	.fontsize22_title{font-size:16px;}
	.bg_box2{padding:20px 10px;}
	.border_dot_deco{margin-top:-40px;}

	.num_set {position:relative;border-top:0px solid #000000;left:0px;top:0px;text-align:center;display:block;}
	.news_title {text-align:center;padding-left:20px;font-weight:bold;}

	.img_alignR {text-align:center;}
	.deco_box {margin-bottom:10px; min-height:auto;}

	.width_60_percent{width: 100%;}
	.width_40_percent {width: 100%;}

	.cont_box_align {display:inline-block}
}

@media (max-width: 850px) {
	.desktop_{display: none;}
	.mobile_{display: block;}
	
	.sub_desktop {display:none}
	.sub_mobile {display:block}
	
	.select_title {padding: 50px 0px 50px 0px;}
	.select_list {display: block; margin-left:auto;margin-right:auto;text-align:center;width:auto;}	
	.select_table1 {display: inline-table;width:50%;padding-right: 1px;}
	.select_table2 {display: inline-table;width:50%;margin-left: -1px;}

	.deselect_div1 {margin: 0px 3px 2px 3px;}
	.select_div1 {margin: 0px 3px 2px 3px;}
	.deselect_div2 {margin: 0px 3px 2px 3px;}
	.select_div2 {margin:  0px 3px 2px 3px;}
	.deselect_div3 {margin: 0px 3px 2px 3px;}
	.select_div3 {margin:  0px 3px 2px 3px;}
	.deselect_div4 {margin: 0px 3px 2px 3px;}
	.select_div4 {margin:  0px 3px 2px 3px;}
	.deselect_div5 {margin: 0px 3px 2px 3px;}
	.select_div5 {margin:  0px 3px 2px 3px;}

	.sub2_background {background-color:#ffd65e;border-bottom:3px solid #00652e;}	
	.sub_btn_img {width:70%}
	
	.sub4_btn_margin {margin-bottom:0px !important;}

	.sub_title_box_area {padding:20px 0px 20px 0px;}
	.sub_title_box_align {margin-left:auto;margin-right:auto}
	.sub_title_box {}

	.sec4_img_width	{width:90%}
}

@media (max-width: 830px) {
	.sub_width815{width:100%;}
	.set_imgarea {width:100%;margin-right:0px;}
	.set_imgarea2 {width:100%;margin-right:0px;}
}

@media (max-width: 770px) {
	.mainlinkarea>ul>li {width:50%;float:left;}
	.news_conts>img {float:right;width:100%;margin-left:0px;margin-bottom:15px;}
	.sub1_cont_image1{display: none;}	
	
}
@media (max-width: 600px) {
	.fontsize20 {font-size:12px;transition: all .5s ease-in-out;line-height:20px !important;}
	.fontsize22 {font-size:13px;transition: all .5s ease-in-out;line-height:25px !important;}
	.fontsize24 {font-size:19px;transition: all .5s ease-in-out;line-height:25px !important;}
	.fontsize25 {font-size:14px;transition: all .5s ease-in-out;line-height:25px !important;}	
	.fontsize30 {font-size:18px;transition: all .5s ease-in-out;line-height:25px !important;}
	.fontsize34 {font-size:20px;transition: all .5s ease-in-out;line-height:25px !important;}
	.fontsize40 {font-size:22px;transition: all .5s ease-in-out;line-height:25px !important;}
	

	a.displaynone {display:none;}
	.logoarea {width:30%;}
	.menuarea_mo {width:70%;}
	.mainlinkarea>ul>li {width:100%;float:none;}
	.mdepth_subarea {border-right:0px solid #5f5f5f;}
	.mallmenu_set>ul>li {float:left;width:100%;padding:38px 0px 30px 0px;}
	.fontsize18 {font-size:16px;}
	.project_infoarea2{padding:20px 5px;}
	.margin_T_120{margin-top:60px;}

	.popup_box {position:absolute;left:10vw;top:13vh;z-index:200;visibility:hidden;}
}

@media (max-width: 520px) {
	.fontsize20 {font-size:9px;transition: all .5s ease-in-out;line-height:20px !important;}
	.fontsize22 {font-size:13px;transition: all .5s ease-in-out;line-height:25px !important;}
	.fontsize25 {font-size:13px;transition: all .5s ease-in-out;line-height:25px !important;}
	.fontsize30 {font-size:15px;transition: all .5s ease-in-out;line-height:25px !important;}
	.fontsize34 {font-size:17px;transition: all .5s ease-in-out;line-height:25px !important;}
	.fontsize40 {font-size:19px;transition: all .5s ease-in-out;line-height:25px !important;}
	.footlogoarea {width:39%}
}

@media (max-width: 405px) {
	.fontsize20 {font-size:9px;transition: all .5s ease-in-out;line-height:20px !important;}
	.fontsize22 {font-size:10px;transition: all .5s ease-in-out;line-height:25px !important;}
	.fontsize24 {font-size:11px;transition: all .5s ease-in-out;line-height:25px !important;}
	.fontsize25 {font-size:12px;transition: all .5s ease-in-out;line-height:25px !important;}
	.fontsize30 {font-size:13px;transition: all .5s ease-in-out;line-height:25px !important;}
	.fontsize34 {font-size:17px;transition: all .5s ease-in-out;line-height:25px !important;}
	.fontsize40 {font-size:19px;transition: all .5s ease-in-out;line-height:25px !important;}
	.footlogoarea {width:39%}
}