@charset "UTF-8";

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


/* 공통 */

br {font-family:'Nanum Gothic';}

/* .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-weight:800;}
.imgcss {max-width:100%;}
.imgcss2 {min-width:100%;}
.alignRset1 {text-align:right;padding-left:10px;box-sizing:border-box;}

.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: #dedee0;}
.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: #003963;}
.bgcolor22 {background-color: #4c5498;}
.bgcolor23 {background-color: #f6914d;}
.bgcolor24 {background-color: #fbb583;}
.bgcolor25 {background-color: #bb6891;}
.bgcolor26 {background-color: #27267f;}
.bgcolor27 {background-color: #da1e41;}
.bgcolor28 {background-color: #8b8b82;}
.bgcolor29 {background-color: #ed193a;}
.bgcolor30 {background-color: #6d5554;}


.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: #bb6891;}


.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;}
.fontsize34 {font-size:34px;}
.fontsize40 {font-size:40px;}

.fontsize22_title{font-size:22px;}

.img_caption{font-size:15px;color:#777777;}

.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: 'Nanum Gothic', sans-serif;color:#ededed;}
.Double_quote2{font-size:140px;font-family: 'Nanum Gothic', 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;}

/* 공통 */


#header {position:relative;border-bottom:1px solid #d8d8d8;padding:20px 0px 15px 0px;}
#header:after {display:block;content:"";clear:both;}
.toparea {}
.toparea ul li {float:left;}
.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 {width:70%;height:55px;text-align:center;line-height:55px;}
.menuarea>a {letter-spacing:-0.8px;margin:0px 17px;font-weight:800;}
.menuarea_mo {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;}
.mallmenu_set {}
.mallmenu_set:after {display:block;content:"";clear:both;}
.mallmenu_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 {margin-bottom:43px;}
.section1:after {display:block;content:"";clear:both;}
.section1>div {float:left;}
.visualarea {width:1082px;height:800px;}
.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;}

.section2 {margin-bottom:6vw;}
.section2:after {display:block;content:"";clear:both;}
.section2>a {position:relative;float:left;width:297px;height:463px;border:1px solid #d8d8d8;box-sizing:Border-box;margin-right:10px;padding:7px 10px 23px 10px;transition: all .5s ease-in-out;}
.section2>a.active {border:1px solid #dc2314;transition: all .5s ease-in-out;}
.section2>a>div {}
.section2>a>div>img {margin-bottom:20px;}
.sec2_title_area {margin-bottom:18px;text-align: center;}
.sec2_title1 {display:block;padding:5px;}
.sec2_title2 {display:block;padding:5px;margin-bottom: 30px;}
.sec2_cont {
	display:inline-block;
	line-height:38px;
	height:100%;
	overflow:hidden;
	text-overflow: ellipsis;
	font-weight:bold;
	text-align: justify;
	margin-left: 50px;
    margin-right: 50px;	
}
.section2>a>div>span {position:absolute;bottom:20px;width:100%;left:0px;box-sizing:border-box;padding:0px 10px;}

.section3 {text-align:center;}
.section3:after {display:block;content:"";clear:both;}
.section3>a {display:inline-block;position:relative;width:450px;height:463px;box-sizing:Border-box;padding:7px 20px 23px 20px;transition: all .5s ease-in-out;}
.section3>a.active {border:1px solid #dc2314;transition: all .5s ease-in-out;}
.section3>a>div {}

.section3>a>div>img {margin-bottom:20px;border:1px solid #000000;transition: all .5s ease-in-out;}
.section3>a>div>img.active {border:1px solid #dc2314;transition: all .5s ease-in-out;}

.sec3_title_area {margin-bottom:18px;text-align: center;}
.sec3_title_header_area {padding-top: 10px;text-align: center;border-top:1px solid #000000;}
.sec3_title_footer_area {padding-bottom: 10px;margin-bottom:18px;text-align: center;border-bottom:1px solid #000000;cursor:pointer;}
.sec3_title {text-align: center;display:inline-block;padding:5px;}
.sec3_cont {
	display:inline-block;
	text-align: center;
	line-height:23px;
	height:70px;
	overflow:hidden;
	text-overflow: ellipsis;
	font-weight:bold;
	text-align: justify;
}
.section3>a>div>span {position:absolute;bottom:20px;width:100%;left:0px;box-sizing:border-box;padding:0px 10px;}



.section4 {padding-top:50px;padding-bottom: 50px;}
.section4:after {display:block;content:"";clear:both;}
.section4>a {position:relative;float:left;width:450px;height:463px;box-sizing:Border-box;margin-right:10px;padding:7px 10px 23px 10px;transition: all .5s ease-in-out;}
.section4>a.active {border:1px solid #dc2314;transition: all .5s ease-in-out;}
.section4>a>div {}
.section4>a>div>img {margin-bottom:20px;}

.sec4_tile_area {padding-bottom: 30px;display: inline-flex; margin-left: 5%; margin-right: 5%; text-align: center; color: white; border-bottom:1px solid #000000}
.sec4_tile_last_area {padding-bottom: 30px;display: inline-flex; margin-left: 5%; margin-right: 5%; text-align: center; color: white;}
.sec4_tile_main_area {display: block;vertical-align: middle;width:505px;}
.sec4_tile_main_pos {top:17%;position: relative;}
.sec4_detail_area {top:40%;position: relative;line-height: 20px;width:90px;}

.sec4_tile_padding {padding-top: 30px;}
.sec4_tile_last {padding-bottom: 50px;}
.sec4_title_area {margin-bottom:18px;text-align: center;}
.sec4_title_header_area {padding-top: 0px;margin-bottom:18px;text-align: center;}
.sec4_title_footer_area {padding-bottom: 10px;margin-bottom:18px;text-align: center;}
.sec4_title {text-align: center;display:inline-block;padding:5px;}
.sec4_cont {
	display:inline-block;
	text-align: center;
	line-height:23px;
	height:70px;
	overflow:hidden;
	text-overflow: ellipsis;
	font-weight:bold;
	text-align: justify;
}
.section4>a>div>span {position:absolute;bottom:20px;width:100%;left:0px;box-sizing:border-box;padding:0px 10px;}




#footer {padding:30px 0px 45px 0px;}
.footer_area {}
.footer_area:after {display:block;content:"";clear:both;}
.footer_area>ul>li {float:left;}
.footlogoarea {}
.footinfoarea {padding-left:85px;}
.footinfotop {line-height:19px;margin-bottom:20px;}
.footinfobottom {line-height:19px;}


.subcontent {position:relative;}
/* .sub_bgarea {min-height:500px;padding-top:160px;}
.sub1_bgarea {background:url("../images/sub1_bgimg.jpg") top center no-repeat;transform: skew(0deg);}
.sub2_bgarea {background:url("../images/sub2_bgimg.jpg") top center no-repeat;transform: skew(0deg);}
.sub3_bgarea {background:url("../images/sub3_bgimg.jpg") top center no-repeat;transform: skew(0deg);}
.sub4_bgarea {background:url("../images/sub4_bgimg.jpg") top center no-repeat;transform: skew(0deg);}
.sub5_bgarea {background:url("../images/sub5_bgimg.jpg") top center no-repeat;transform: skew(0deg);}
.sub6_bgarea {background:url("../images/sub6_bgimg.jpg") top center no-repeat;transform: skew(0deg);}
.sub7_bgarea {background:url("../images/sub7_bgimg.jpg") top center no-repeat;transform: skew(0deg);}
.sub8_bgarea {background:url("../images/sub8_bgimg.jpg") top center no-repeat;transform: skew(0deg);}
.sub9_bgarea {background:url("../images/sub9_bgimg.jpg") top center no-repeat;transform: skew(0deg);}
.sub10_bgarea {background:url("../images/sub10_bgimg.jpg") top center no-repeat;transform: skew(0deg);}
.sub11_bgarea {background:url("../images/sub11_bgimg.jpg") top center no-repeat;transform: skew(0deg);}
.sub12_bgarea {background:url("../images/sub12_bgimg.jpg") top center no-repeat;transform: skew(0deg);}
.sub13_bgarea {background:url("../images/sub13_bgimg.jpg") top center no-repeat;transform: skew(0deg);}
.sub14_bgarea {background:url("../images/sub14_bgimg.jpg") top center no-repeat;transform: skew(0deg);}
.sub15_bgarea {background:url("../images/sub15_bgimg.jpg") top center no-repeat;transform: skew(0deg);}
.sub16_bgarea {background:url("../images/sub16_bgimg.jpg") top center no-repeat;transform: skew(0deg);}
.sub17_bgarea {background:url("../images/sub17_bgimg.jpg") top center no-repeat;transform: skew(0deg);}
.sub18_bgarea {background:url("../images/sub18_bgimg.jpg") top center no-repeat;transform: skew(0deg);}
.sub19_bgarea {background:url("../images/sub19_bgimg.jpg") top center no-repeat;transform: skew(0deg);}
.sub20_bgarea {background:url("../images/sub20_bgimg.jpg") top center no-repeat;transform: skew(0deg);} */


/* .subcont_area {padding:80px 132.5px;box-sizing:border-box;} */
.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;}


@media (max-width: 1250px) {
	.fontsize40 {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 {padding:30px 10px 45px 10px;}
	.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%;}
	.menuarea {display:none;width:0%;}
	.menuarea_mo {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) {
	.fontsize40 {font-size:22px;transition: all .5s ease-in-out;}
	.footer_area>ul>li {float:none;}
	.footlogoarea {text-align:center;margin-bottom:30px;}
	.footinfoarea {padding-left: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: 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;}
	.section2>a {width:50%;height:auto;}
	.sec2_cont {
		display:inline-block;
		line-height:38px;
		height:100%;
		overflow:hidden;
		text-overflow: ellipsis;
		font-weight:bold;
		margin-bottom:5vw;
	}

	.news_conts>img {float:right;width:100%;margin-left:0px;margin-bottom:15px;}
}
@media (max-width: 600px) {
	a.displaynone {display:none;}
	.logoarea {width:30%;}
	.menuarea_mo {width:70%;}
	.mainlinkarea>ul>li {width:100%;float:none;}
	.section2>a {width:100%;height:auto;}
	.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;}

}