@charset "utf-8";

.board_list li		{width:20%;}
.board_list li:nth-child(5n) a:after	{display:none;}
@media (max-width:778px){/*mobile-l*/
	.board_list li		{width:33.3333%;}
}
@media (max-width:576px){/*mobile-s*/
	.board_list li		{width:50%;}
}

.biz-top	{}
.biz-top .biz-visual	{position:relative;background:url('../img/biz_top_visual.jpg') no-repeat;background-size:cover;padding:50px;word-break:keep-all;}
.biz-top .biz-visual p:nth-child(1)	{color:#fff;font-size:20px;font-weight:500;margin-bottom:20px;}
.biz-top .biz-visual p:nth-child(2)	{color:#fff;font-size:37px;font-weight:600;}
.biz-top .biz-visual p:nth-child(2):before	{content:"";display:inline-block;width:65px;height:65px;background:url(../img/symbol.png) no-repeat;vertical-align: middle;margin-right:20px;}
.biz-top .biz-visual a	{display:block;position:absolute;top:50%;right:50px;transform:translateY(-50%);line-height:70px;padding:0 30px;font-size:18px;background:#FF7F00;border-color:#FF7F00;border-radius:8px;}
.biz-top .biz-visual a:before	{font-family: "Font Awesome 5 Free";content:"\f02d";font-weight:900;margin-right:10px;}
.biz-top .biz-visual p.com-tit:before {background:url(../img/com-symbol.png) no-repeat;}
.biz-top .biz-visual p.nsimbol:before {display:none;}

.biz-top .num-bx	{background:#f5f5f5;padding:20px 50px;}
.biz-top .num-bx li	{float:left;font-weight:500;color:#333;}
.biz-top .num-bx li span	{display:inline-block;padding:8px 20px;border:2px solid #0A50A1;border-radius:100px;color:#0A50A1;font-size:15px;margin-right:5px;}
.biz-top .num-bx li:nth-child(2) span	{margin-left:30px;}
.biz-top .num-bx .date	{font-size:15px;color:#666;margin-top:10px;}

#biz-list > ul			{margin:0 -10px}
#biz-list > ul > li		{float:left;width:50%;margin:0 0 20px 0;padding:0 10px;}
#biz-list > ul > li:nth-child(2n+1){clear:both}
#biz-list .bx			{position: relative;border:1px solid #ccc;background:#f7f7f7;max-height:350px;}
#biz-list .info			{padding:30px;background:#fff;min-height:260px;}
#biz-list .co-name p	{display:inline-block;font-size:24px;font-weight:700;margin-right: 10px;color:#111;letter-spacing:-1px;line-height:30px;vertical-align: middle;}
#biz-list .co-name a	{display:inline-block;width:30px;height:30px;line-height:30px;background-color:#ccc; border-radius:50%; text-align: center;  color:#fff; font-size: 12px;margin-left:2px;vertical-align:top}
#biz-list ul ul			{margin:20px 0 0 0;line-height:1.6;padding-right:180px;word-break:keep-all}
#biz-list .list-ci		{position:absolute;right:30px;top:30px;width:180px;height:120px;border:1px solid #dfdfdf;}
#biz-list .list-ci img	{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);max-height:85px; max-width:85% !important;}
#biz-list ul ul li			{padding-left:80px;margin:2px 0;letter-spacing:-0.5px;}
#biz-list em				{display:inline-block;width:80px;margin:0 0 0 -80px; text-align: justify;}
#biz-list .product em		{display:inline-block;width:80px;float:left;background:#0b51a1;color:#fff;border-radius:100px;padding:5px 0;text-align:center;font-size:14px;vertical-align:middle;}
#biz-list .product p		{padding:20px 20px 20px 110px;/* border-bottom:1px dashed #dfdfdf; */}
#biz-list .product p:after	{content: ''; display: block; clear:both;}
#biz-list .product p span	{display:inline-block;vertical-align:middle;padding-left: 10px;}
#biz-list .product .cont	{padding:10px 30px; margin:0 -2.5px;}
#biz-list .product .cont:after{content:''; display: block; clear:both;}
#biz-list .product .thumb	{width:calc(33.3333% - 5px); margin:0 2.5px; float:left; height:100px;display:block; position: relative; background-color: #fff;}
#biz-list .product .thumb img{max-width:100%; min-width:auto; max-height:100%; position: absolute; object-fit:cover; top:50%; left:50%; transform:translate(-50%, -50%);}
#biz-list .nodata			{font-size:14px;color:#ccc;}
@media (max-width:1440px){
	#biz-list .bx			{max-height:315px;}
	#biz-list .list-ci	{width:150px;}
	#biz-list .co-name p	{font-size:22px;}
}
@media (max-width:1240px){ /*960*/
	#biz-list > ul			{margin:0}
	#biz-list > ul > li		{float:none;width:auto;margin:0 0 10px 0;padding:0;}
	#biz-list ul ul			{padding-right:0;}
	#biz-list .bx			{height:auto;max-height:unset;}
	#biz-list .info			{padding:20px;min-height:auto;}
	#biz-list .list-ci		{position:relative;width:100%;height:80px;right:auto;top:auto;margin-bottom:10px;}
	#biz-list .list-ci img	{max-height:45px; max-width:85% !important;}
	#biz-list .co-name p	{font-size:20px;}
	#biz-list .product p	{padding-left:100px;}
	
}
@media (max-width:1017px){/*720*/
	.biz-top .biz-visual	{padding:30px;}
	.biz-top .biz-visual p:nth-child(1)	{font-size:18px;}
	.biz-top .biz-visual p:nth-child(2)	{font-size:28px;}
	.biz-top .num-bx	{background:#f5f5f5;padding:20px 30px;}

}
@media (max-width:778px){/*mobile-l*/
	.biz-top .num-bx ul	{float:none !important;}
	.biz-top .num-bx li span	{padding:5px 15px;}
	.biz-top .num-bx .date	{float:none !important;}
	#biz-list ul ul li,#biz-list .product p	{font-size:14px;}
	
}
@media (max-width:576px){/*mobile-s*/
	.biz-top .num-bx li	{float:none;margin:0 0 5px;}
	.biz-top .num-bx li:nth-child(2) span	{margin-left:0;}
}
/* 커밋테스트용주석 */
#search-wrap	{padding:0;margin:0}
#search-wrap .s_word	{color:#FF7F00 !important;font-weight:500;}
.search-top				{position:relative;border:4px solid #0A50A1;}
.search-top .input-area				{border:none;margin:0 auto;}
.search-top .input-area:after		{content:"";clear:both;display:block;float:none;}
.search-top .input-area .dropdown	{position:relative;float:left;line-height:50px;width:240px;margin:0;border-right:1px solid rgba(0,0,0,0.1);}
.search-top .input-area .dropdown-menu 	{width:calc(100% - 10px);}
.search-top .input-area .dropdown.open .dropdown-menu	{display:block;}
.search-top .input-area .dropdown-menu		{top:60px;left:5px;}
.search-top .input-area .dropdown-menu ul	{padding:0;}
.search-top .input-area .dropdown-menu li	{padding:0 20px;line-height:35px;border-top:1px solid #eaeaea;cursor:pointer;font-size:14px;font-weight:400;transition:all 0.2s ease-out;}
.search-top .input-area .dropdown-menu li:hover{background:#f4f4f4;color:#0A50A1;}
.search-top .input-area .dropdown-menu li:first-child{border:none;}
.search-top .input-area button	{width:100%;display:block;line-height:50px;background:none;border:none;padding:10px 20px;text-align:left;color:#333;cursor:pointer;}
.search-top .input-area button i{float:right;display:block;line-height:50px;font-size:16px;color:#333;}
.search-top .input-area input[type="text"]		{float:left;line-height:50px;height:50px;width:calc(100% - 340px);margin:10px 20px;border:none;background:none;font-size:15px;color:#000;}
.search-top .input-area input[type="text"]::placeholder	{color:rgba(0,0,0,0.5);}
.search-top .input-area button:focus,
.search-top .input-area input[type="text"]:focus	{outline:none;}
.search-top .input-area input[type="text"]:focus::placeholder	{color:transparent;}
.search-top .input-area>a	{float:right;line-height:50px;display:inline-block;padding:10px 0;width:60px;text-align:center;color:#0A50A1;}
.search-option		{padding:15px;background:#F7F7F7;color:#333;}
.search-option input{vertical-align:top}
.search-option input[type="text"]{width:120px;}
.search-option input[type="radio"]{margin:10px 5px 0 0;}
.search-option .tv-radio{display:inline-block;margin:0 10px;line-height:35px;vertical-align:top;}
.search-result			{position:relative;}
.search-result em		{color:#0A50A1;}
.search-result .total	{margin:30px 0;border:1px solid #757E90;text-align:center;color:#333}
.search-result .total .tit{padding:40px;font-size:20px;color:#333;font-weight:500;}
.search-result .total .tit .s_word	{font-weight:600;}
.search-result .total .tit:before	{content:"\f002";font-weight:900;font-family:FontAwesome;display:inline-block;margin-right:10px;color:#FF7F00;}
.search-result .total ul{border-top:1px solid #EAEAEA;padding:20px;}
.search-result .total li{float:left;margin-right:20px;}
.search-result .more		{text-align:right;margin:30px 0 0 0;padding:0 0 10px 0;border-bottom:1px solid #999;font-size:14px;color:#878787;}
.search-result .sum			{color:#aaa;display:inline-block;margin-left:5px;font-size:18px;}
.search-result .nodata		{color:#bbb;}

.search-result .type1 ul	{background:#f6f6f6;padding:20px;}
.search-result .type1 li a:before	{content:"\f105";font-family:FontAwesome;display:inline-block;margin:0 10px;color:#999}
.search-result .type1 li a:first-child:before{display:none;}

.search-result .type2			{}
.search-result .type2 li		{border-top:1px dashed #eaeaea;padding:20px 0;}
.search-result .type2 li:first-child{border:none;padding-top:0}
.search-result .type2 li:last-child	{padding-bottom:0;}
.search-result .type2 .tit		{margin:0 0 12px 0;line-height:1.3;}
.search-result .type2 .txt 		{color:#777;margin-top:5px;font-size:14px;}
.search-result .type2 .date		{color:#999;margin-top:5px;font-size:12px;}
.search-result .type2 .attach	{font-size:12px;color:#ACB0BB;margin-top:5px;}
.search-result .type2 .attach:before	{content:"\f0c6";font-weight:900;font-family:FontAwesome;margin-right:5px;}
.search-result .type2 .attach a:before	{content:",";margin-right:5px;}
.search-result .type2 .tit a	{color:#222;font-weight:400}
.search-result .type2 .tit a:before	{content:"\f105";font-weight:900;font-family:FontAwesome;display:inline-block;margin:0 10px;color:#ccc}
.search-result .type2 a:first-child:before{content:"";margin:0;}

.search-result .type3			{}
.search-result .type3 li		{border-top:1px dashed #eaeaea;padding:20px 0;}
.search-result .type3 li:first-child{border:none;padding-top:0}
.search-result .type3 li:last-child	{padding-bottom:0;}
.search-result .type3 .tit		{margin:0 0 12px 0;line-height:1.3;}
.search-result .type3 .tit a	{color:#222;font-weight:500}
.search-result .type3 .tit a:before	{content:"\f105";font-weight:900;font-family:FontAwesome;display:inline-block;margin:0 10px;color:#ccc}
.search-result .type3 .subject	{font-size:15px;margin:0 0 5px 0;}
.search-result .type3 .txt 		{color:#888;font-size:14px;}
.search-result .type3 .attach	{font-size:12px;color:#ACB0BB;margin-top:5px;}
.search-result .type3 .attach:before	{content:"\f0c6";font-weight:900;font-family:FontAwesome;margin-right:5px;}
.search-result .type3 .attach a			{color:#ACB0BB;}
.search-result .type3 .attach a:before	{content:",";margin-right:5px;}
.search-result .type3 .date		{color:#999;font-size:12px;margin-top:5px;}
.search-result .type3 a:first-child:before{display:none;}

.search-result .type4 li	{position:relative;padding:25px 20px 25px 165px;border:1px solid #EAEAEA;margin:20px 0 0 0;height:140px;background:#f9f9f9;}
.search-result .type4 li:first-child	{margin:0;}
.search-result .type4 .img		{position:absolute;left:0;top:0;width:138px;height:138px;overflow:hidden;background:#fff;}
.search-result .type4 .img img	{max-width:80%;max-height:80%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.search-result .type4 .img .noimg	{display:block;width:100%;height:100%;background:#F1F1F1;}
.search-result .type4 .img .noimg:before	{content:"\f03e";font-family:FontAwesome;display:block;width:100%;line-height:140px;text-align:center;color:#ddd;font-size:34px;}
.search-result .type4 .subject		{height:26px;overflow:hidden;margin:0 0 20px 0;}
.search-result .type4 .subject a	{font-size:18px;}
.search-result .type4 .desc			{margin:2px 0;}
.search-result .type4 .desc:after	{content:"";display:block;float:none;clear:both;}
.search-result .type4 .desc span	{display:block;float:left;font-size:14px;}
.search-result .type4 .desc .stit	{width:60px;color:#666;}
.search-result .type4 .desc .stxt	{width:calc(100% - 60px);color:#999;display:-webkit-box;display:-ms-flexbox;display:box;max-height:21px;overflow:hidden;vertical-align:top;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:1;}

@media (max-width:778px){/*mobile-l*/
	.search-top .input-area .dropdown	{width:200px;}
	.search-top .input-area input[type="text"]	{width:calc(100% - 300px);}
	.search-result h2		{font-size:20px;}
}
@media (max-width:576px){/*mobile-s*/
	.search-top .input-area .dropdown	{width:120px;}
	.search-top .input-area button		{line-height:40px;padding:0 10px;font-size:14px;}
	.search-top .input-area button .fa	{line-height:40px;}
	.search-top .input-area input[type="text"]	{height:40px;line-height:40px;margin:0 10px;width:calc(100% - 220px);font-size:14px;}
	.search-top .input-area .dropdown-menu		{min-width:auto;top:38px;}
	.search-top .input-area .dropdown-menu li	{padding:0 10px;font-size:13px;}
	.search-top .input-area>a	{width:40px;line-height:40px;padding:0;}
	.search-option		{padding:10px;}
	.search-option .tv-radio	{margin:0 5px;}
	.search-option input[type="text"]{width:90px;background-image:none;}
	.search-result .total .tit	{padding:30px;font-size:18px;word-break:keep-all;}
	.search-result .total ul	{padding:10px 15px;}
	.search-result .total li	{margin-right:0;width:50%;text-align:left;}
	.search-result .total li a,
	.search-result .total li em	{font-size:14px;}
	.search-result .type4 li	{padding:20px;height:auto;margin:10px 0 0 0;}
	.search-result .type4 .img	{display:none;}
	.search-result .type4 .subject	{margin:0 0 10px 0;height:auto;overflow:visible;}
}
@media (max-width:320px){/*mobile-xs*/
	.search-option	{padding:10px 10px 15px 10px;}
	.search-option input[type="text"]	{width:100px;}
	.search-option .mlp10	{margin-left:25px !important;}
}

.input-file		{position:relative;padding-left:40px;overflow:hidden;}
.input-file .input-file-label	{position:absolute;left:0;top:0;width:100px;height:100%;background:#F1F1F1;line-height:38px;text-align:center;cursor:pointer;}
.input-file .input-file-label:after	{content:"";position:absolute;right:-10px;top:0;width:10px;height:100%;background:#fff;display:block;}
.input-file .input-file-input	{font-size:13px;}
.input-file .input-file-input:focus	{outline:none;}

.hashtag span	{display:inline-block;margin:0 2px 4px 0;border-radius:3px;background:#e2ecf1;line-height:1;padding:8px 10px;font-size:14px;color:#777;font-weight:500;}
.hashtag span:before	{content:"\f292";font-family:FontAwesome;margin:-2px 5px 0 0;font-weight:900;font-size:12px;display:inline-block;vertical-align:middle;}
.hashtag span i	{color:#666;margin:-4px 0 0 6px;font-size:11px;display:inline-block;vertical-align:middle;}

.hasgtag-form	{position:relative}
.hasgtag-form input		{float:left;width:calc(100% - 60px)}
.hasgtag-form a			{float:right}
.hasgtag-form span	{position:absolute;right:0;bottom:-55px;display:block;width:240px;background:#ffaa00;color:#fff;padding:8px 10px;border-radius:3px;font-size:12px;line-height:1.2;word-break:keep-all;text-align:center;}
.hasgtag-form span:before	{content:"\f059";margin-right:10px;font-family:FontAwesome}
.hasgtag-form span:after	{content:"";display:block;width:10px;height:10px;background:#ffaa00;transform:rotate(45deg);position:absolute;right:35px;top:-5px}


.line2-blue		{height:2px;background:#0A50A1;}

.tit-list		{border-top:2px solid #0A50A1;border-bottom:1px solid #E7E7E7;}
.tit-list li	{padding:15px 0;border-top:1px solid #E7E7E7;}
.tit-list li:first-child	{border-top:none;}
.tit-list .d2 li:nth-child(n+1):nth-child(-n+2)	{border-top:none;}
.tit-list li:after	{content:"";display:block;float:none;clear:both;}
.tit-list span	{display:block;float:left;}
.tit-list .stit	{width:80px;color:#0A50A1;}
.tit-list .stxt	{width:calc(100% - 80px);color:#666;padding-right:20px;}

.num-list		{}
.num-list ul	{margin:-5px 0;}
.num-list li	{position:relative;padding-left:40px;margin:5px 0;}
.num-list .num	{position:absolute;left:0;top:0;font-family:TitilliumSB;font-size:12px;text-align:center;color:#fff;display:block;width:30px;height:25px;line-height:25px;}
.num-list .num:before	{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-30deg);border-radius:50%;background:#FF6600;width:30px;height:20px;}
.num-list .num span	{position:relative;}

.ico-bx		{position:relative;padding-left:160px;min-height:150px;}
.ico-bx .ico	{position:absolute;left:30px;top:35px;width:100px;height:80px;text-align:center;}
.ico-bx .ico span		{position:relative;display:inline-block;width:50px;height:50px;margin:15px 0;background-repeat:no-repeat;background-position:0 0;}
.ico-bx .ico.ico-summary1 span	{background-image:url(../img/summary_ico1.png);}
.ico-bx .ico.ico-summary2 span	{background-image:url(../img/summary_ico2.png);}
.ico-bx .ico.ico-summary3 span	{background-image:url(../img/summary_ico3.png);}
.ico-bx .ico.ico-summary4 span	{background-image:url(../img/summary_ico4.png);}
.ico-bx .ico:before	{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-30deg);border-radius:50%;background:#FF7F00;width:100px;height:70px;}

.line-bx		{position:relative;border:1px solid #EAEAEA;border-top:2px solid #0A50A1;padding:50px;text-align:center;}
.line-bx .ico	{display:block;width:100px;height:100px;margin:0 auto;background-repeat:no-repeat;background-position:0 0;}
.line-bx .ico.ico-complex1	{background-image:url(../img/complex_ico1.png);}
.line-bx .ico.ico-complex2	{background-image:url(../img/complex_ico2.png);}
.line-bx .ico.ico-complex3	{background-image:url(../img/complex_ico3.png);}
.line-bx .ico.ico-room1		{background-image:url(../img/room_ico1.png);}
.line-bx .ico.ico-room2		{background-image:url(../img/room_ico2.png);}
.line-bx .ico.ico-room3		{background-image:url(../img/room_ico3.png);}
.line-bx .ico.ico-equip1	{background-image:url(../img/equip_ico1.png);}
.line-bx .ico.ico-equip2	{background-image:url(../img/equip_ico2.png);}
.line-bx .ico.ico-equip3	{background-image:url(../img/equip_ico3.png);}
.line-bx .tit	{font-size:24px;font-weight:600;color:#0A50A1;line-height:1;margin:10px 0 20px;}
.line-bx .txt	{word-break:keep-all;height:48px;}

.process	{padding:60px 0;}
.process li	{position:relative;text-align:center;}
.process li div		{position:relative;}
.process li:before	{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-30deg);border-radius:50%;background:#0A50A1;width:200px;height:150px;}
.process li:after	{content:"";position:absolute;right:-10px;top:50%;margin-top:-8px;display:block;width:22px;height:16px;background:url(../img/process_arr.png) no-repeat 50% 50%;}
.process li.finish:before	{background:#FF7F00;}
.process li:last-child:after	{display:none;}
.process .num	{font-size:12px;color:rgba(255,255,255,0.5);margin:0 0 10px 0;}
.process .tit	{font-size:18px;font-weight:600;color:#fff;line-height:1;}

.process-bx ul		{margin:0 -10px;}
.process-bx li div	{position:relative;padding:30px 50px;word-break:keep-all;background:#F3F7FA;margin:0 10px;text-align:center;}
.process-bx .ico	{display:block;margin:0 auto;width:80px;height:80px;background-repeat:no-repeat;background-position:50% 50%;}
.process-bx .ico.ico-promise1	{background-image:url(../img/pro_promise1.png);}
.process-bx .ico.ico-promise2	{background-image:url(../img/pro_promise2.png);}
.process-bx .ico.ico-promise3	{background-image:url(../img/pro_promise3.png);}
.process-bx .ico.ico-promise4	{background-image:url(../img/pro_promise4.png);}
.process-bx .tit	{font-size:22px;font-weight:600;color:#0A50A1;line-height:1;margin:20px 0;}
.process-bx .txt	{line-height:1.3;}
.process-bx .arr	{position:absolute;left:-40px;top:50%;margin-top:-25px;display:block;width:60px;height:50px;line-height:50px;text-align:center;}
.process-bx li:first-child .arr	{display:none;}
.process-bx .arr:before	{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-30deg);border-radius:50%;background:#0A50A1;width:60px;height:40px;box-shadow:0 0 10px rgba(0,0,0,0.25);}
.process-bx .arr i	{position:relative;color:#fff;}

@media (max-width:1240px){ /*960*/
	.ico-bx	{padding-left:150px;}
	.process .tit	{font-size:16px;}
	.process li:before	{width:170px;height:130px;}
	.process-bx li div	{padding:30px 20px;}
	.process-bx .tit	{font-size:20px;}
	.process-bx .txt	{font-size:15px;}
	.process-bx ul.d4 li	{float:left;width:50%;margin:0 0 20px 0;}
}
@media (max-width:1017px){/*720*/
	.tit-list .d2 li:nth-child(2)	{border-top:1px solid #E7E7E7 !important;}
	.form-email input.form-control, .form-email .input-group	{float:left;width:auto;}
	.form-email input.form-control	{width:150px;}
	.form-email .input-group + .form-control	{width:200px;}
	.ico-bx		{margin-bottom:10px;padding:20px;padding-left:100px;min-height:auto;}
	.ico-bx .ico	{left:20px;top:20px;width:50px;height:40px;}
	.ico-bx .ico span	{width:25px;height:25px;background-size:auto 100%;margin:8px 0;}
	.ico-bx .ico:before	{transform:translate(-50%, -50%) rotate(-30deg) scale(0.5);}
	.line-bx		{padding:30px;padding-left:120px;text-align:left;}
	.line-bx .ico	{position:absolute;left:20px;top:20px;width:80px;height:80px;background-size:auto 100%;}
	.line-bx .tit	{margin-top:0;}
	.line-bx .txt	{height:auto;}
	.process 		{padding:0;}
	.process .tit	{font-size:15px;word-break:keep-all;}
	.process li:after	{height:8px;background-size:auto 100%;margin-top:-4px;}
	.process ul			{margin:0 -10px;}
	.process ul.d4 li	{float:left;width:25%;padding:0 10px;margin:50px 0;}
	.process ul.d5 li	{float:left;width:20%;padding:0 10px;}
	.process ul.d5 li:before	{display:none;}
	.process ul.d5 div	{background:#0A50A1;padding:20px 0;}
	.process ul.d5 li.finish div	{background:#FF7F00;}
}
@media (max-width:778px){/*mobile-l*/
	.tit-list li	{padding:10px 0;}
	#map		{height:300px !important;}
	.form-email .input-group + input.form-control	{width:150px;}
	.line-bx .tit	{font-size:22px;}
	.process ul.d4 li	{margin:0;}
	.process ul.d4 li:before	{display:none;}
	.process ul.d4 div	{background:#0A50A1;padding:20px 0;}
	.process ul.d4 li.finish div	{background:#FF7F00;}
	.process ul.d4 .tit	{font-size:16px;}
	.process ul.d5 li	{width:33.3333%;margin:0 0 20px 0;}
	.process-bx li		{float:none !important;width:100% !important;margin:0 0 20px 0 !important;}
	.process-bx li div	{padding:30px;padding-left:100px;text-align:left;}
	.process-bx .ico	{position:absolute;left:30px;top:30px;width:50px;height:50px;background-size:auto 100%;}
	.process-bx .tit	{margin:0 0 10px 0;}
	.process-bx .arr	{top:-35px;left:50%;margin:0 0 0 -30px;}
	.process-bx .arr i	{transform:rotate(90deg);}
}
@media (max-width:576px){/*mobile-s*/
	.form-email input.form-control, .form-email .input-group	{float:none;width:100% !important;}
	.form-email select.form-control	{margin-right:0;}
	.process li			{float:none !important;width:100% !important;margin:0 0 20px 0 !important;}
	.process li:after	{top:auto;margin-top:0;bottom:-15px;left:50%;margin-left:-10px;transform:rotate(90deg);}
	.process li div		{padding:10px 10px 15px 10px !important;}
	.process li .num	{margin:0 0 5px 0;}
}
@media (max-width:320px){/*mobile-xs*/
	.line-bx	{padding-left:80px;}
	.line-bx .ico	{width:50px;height:50px;}
	.line-bx .tit	{margin-bottom:10px;}
}

/* 스마트팩토리 */
.smart-vision	{position:relative;text-align:center;padding-top:30px;}
.smart-vision .tit-en	{position:absolute;left:0;top:-25px;width:100%;line-height:1;font-size:180px;color:#F7F7F7;font-family:TitilliumSB;z-index:-1;}
.smart-vision .top-tit	{position:relative;font-size:36px;font-weight:600;color:#000;line-height:1.2;letter-spacing:-2px;margin:0 0 70px 0;}
.smart-vision .cont			{position:relative;}
.smart-vision .cont .tit	{margin:70px 0 40px;font-size:26px;font-weight:600;color:#000;line-height:1;}
.smart-vision .cont .txt	{margin:0 100px 70px;padding:25px;border-radius:80px;background:#F2F4F7;font-size:24px;line-height:1;color:#0A50A1;letter-spacing:-1px;word-break:keep-all;}
.smart-vision .cont ul	{width:1000px;margin:0 auto;}
.smart-vision .cont li		{float:left;width:33.33%;position:relative;}
.smart-vision .cont li:before	{content:"";position:absolute;left:-20px;top:-50px;width:42px;height:45px;background:url(../img/vision2_arr.jpg) no-repeat 50% 50%;}
.smart-vision .cont li:first-child:before	{display:none;}
.smart-vision .cont .stit	{position:relative;width:180px;height:180px;margin:0 auto;border-radius:50%;background:#FF7F00;font-size:20px;font-weight:600;color:#fff;padding:65px 0 0 0;line-height:1.2;word-break:keep-all;box-shadow:0 0 18px rgba(0,0,0,0.25);}
.smart-vision .cont .stit:before	{content:"";position:absolute;left:-5px;top:-5px;width:calc(100% + 10px);height:calc(100% + 10px);border:1px solid #FF7F00;border-radius:50%;}
.smart-vision .cont .stit:after		{content:"";position:absolute;left:50%;bottom:-60px;display:block;width:1px;height:60px;background:#FF7F00;}
.smart-vision .cont .stit .stit-wrap	{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);}
.smart-vision .cont .stit .stit-wrap .text-sm	{font-weight:normal;}
.smart-vision .cont .stxt			{font-size:14px;line-height:1.3;word-break:keep-all;}
.smart-vision .cont .stxt p			{padding:3px 0;}
.smart-vision .cont .stxt p:nth-child(1)	{font-size:18px;font-weight:500;color:#333;}
.smart-vision .cont .stxt p:nth-child(2)	{font-size:16px;font-weight:500;margin-bottom:10px;}
.smart-vision .cont .stxt:before	{content:"";display:block;width:6px;height:6px;background:#FF7F00;border-radius:50%;margin:55px auto 20px;}

.smart-tit	{}
.smart-tit .tit	{font-size:38px;color:#0A50A1;font-weight:600;margin-bottom:20px;}
.smart-tit .txt	{}
.smart-cont	{}
.smart-cont .title	{font-size:20px;color:#000;font-weight:500;text-align:center;}
.smart-step	{background:url(../img/smart_bg.jpg) no-repeat 50% 50%;background-size:cover;padding:20px 0 60px;margin-top:50px;}
.smart-step li	{float:left;width:33.33%;text-align:center;}
.smart-step li .tit	{display:block;font-size:19px;color:#fff;position:relative;margin-bottom:70px;}
.smart-step li .tit:before	{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-30deg);border-radius:50%;background:#FF7F00;width:140px;height:100px;}
.smart-step li .tit span	{position:relative;}
.smart-step li p	{color:#333;}

.smart-require	{}
.smart-require ul	{margin:-5px;}
.smart-require li	{float:left;width:calc(20% - 10px);margin:5px;background:#F3F7FA;border:1px solid #D3DFEB;padding:40px 30px;min-height:300px;position: relative;}
.smart-require .num	{position: absolute;left: 30px;margin-left:10px;}
.smart-require .num span	{position:relative;font-family:TitilliumSB;font-size:12px;color:#fff;line-height:36px;}
.smart-require .num:before	{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-30deg);border-radius:50%;background:#0A50A1;width:40px;height:30px;}
.smart-require .tit	{font-size:17px;color:#0A50A1;padding-left: 45px;letter-spacing:-1px;display: block;min-height:50px;word-break:keep-all;}
.smart-require .txt	{font-size:15px;margin-top:15px;}

.smart-map 	{}
.smart-map .l-cont 	{float:left;width:650px;min-height:860px;background:url(../img/smart_map.png) no-repeat 50% 0;margin-right:80px;position:relative;}
.smart-map .r-cont 	{float:right;width:calc(100% - 730px);}
.smart-map .smart-map-mo	{display:none;margin-bottom:20px;}
.smart-map .smart-map-mo li	{float:left;width:50%;}
.smart-map .smart-map-mo li	a {display:block;background:#0A50A1;color:#fff;font-size:14px;text-align:center;padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff;word-break:keep-all;}

.smart-map .l-cont .pin	{position:absolute;}
.smart-map .l-cont .pin-wrap	{position:relative;width:502px;margin:0 auto;}
.smart-map .l-cont .pin a	{display:block;transition:0.3s;}
.smart-map .l-cont .pin span	{display:inline-block;vertical-align:middle;position:relative;border-radius:50%;width:24px;height:24px;background:rgba(10,80,161,0.5);margin-right:8px;}
.smart-map .l-cont .pin span:after{content:'';position:absolute; left:50%;top:50%;width:10px;height:10px;margin-left:-5px; margin-top:-5px;background:#0A50A1;border-radius:50%}
.smart-map .l-cont .pin span:before{content:'';position:absolute; left:50%;top:50%;width:30px;height:30px; margin-left:-15px; margin-top:-15px; border-radius:50%}

.smart-map .l-cont .pin em	{font-size:14px;color:#666;position:absolute;white-space:nowrap;top:50%;transform:translateY(-50%);letter-spacing:-0.5px;}
.smart-map .l-cont .pin.pin1	{top:150px;left:140px;}
.smart-map .l-cont .pin.pin2	{top:140px;left:110px;}
.smart-map .l-cont .pin.pin3	{top:100px;left:190px;}
.smart-map .l-cont .pin.pin4	{top:80px;left:160px;}
.smart-map .l-cont .pin.pin5	{top:300px;left:130px;}
.smart-map .l-cont .pin.pin6	{top:300px;left:180px;}
.smart-map .l-cont .pin.pin7	{top:395px;left:150px;}
.smart-map .l-cont .pin.pin8	{top:570px;left:100px;}
.smart-map .l-cont .pin.pin9	{top:650px;left:70px;}
.smart-map .l-cont .pin.pin10	{top:180px;left:300px;}
.smart-map .l-cont .pin.pin11	{top:255px;left:230px;}
.smart-map .l-cont .pin.pin12	{top:355px;left:200px;}
.smart-map .l-cont .pin.pin13	{top:300px;left:380px;}
.smart-map .l-cont .pin.pin14	{top:430px;left:350px;}
.smart-map .l-cont .pin.pin15	{top:370px;left:440px;}
.smart-map .l-cont .pin.pin16	{top:440px;left:440px;}
.smart-map .l-cont .pin.pin17	{top:550px;left:390px;}
.smart-map .l-cont .pin.pin18	{top:510px;left:300px;}
.smart-map .l-cont .pin.pin19	{top:755px;left:80px;}

.smart-map .l-cont .pin.pin2 em,
.smart-map .l-cont .pin.pin4 em,
.smart-map .l-cont .pin.pin5 em,
.smart-map .l-cont .pin.pin7 em,
.smart-map .l-cont .pin.pin14 em {right: 40px;}


.smart-map .l-cont .pin.pin15 em,
.smart-map .l-cont .pin.pin16 em,
.smart-map .l-cont .pin.pin17 em	{top:35px;left: 50%;transform: translateX(-50%);}

.smart-map .l-cont .pin:hover span	{background:#FCBC7E;transform:scale(1.2);transition:0.3s;}
.smart-map .l-cont .pin:hover span:after	{background:#FF7F00;transition:0.3s;}
.smart-map .l-cont .pin:hover em	{color:#0A50A1;color:#0A50A1;transition:0.3s;}

.smart-map .l-cont .pin.on span	{background:#FCBC7E;}
.smart-map .l-cont .pin.on em	{color:#0A50A1;color:#0A50A1;}
.smart-map .l-cont .pin.on span:after	{background:rgba(255,127,0,0.5);}
.smart-map .l-cont .pin.on span:before	{background:rgba(255,127,0,0.3);-webkit-animation:pt-bounce 2s infinite ease-in-out;-moz-animation:pt-bounce 2s infinite ease-in-out;-o-animation:pt-bounce 2s infinite ease-in-out;animation:pt-bounce 2s infinite ease-in-out;}
@keyframes pt-bounce{0%, 100%{transform:scale(0); -webkit-transform: scale(0)} 50%{transform: scale(1.5); -webkit-transform: scale(1.5)}}

.smart-map .r-cont	{border-top:2px solid #0A50A1;}
.smart-map .r-cont .tit	{font-size:20px;color:#333;font-weight:600;padding:30px 0;position:relative;}
.smart-map .r-cont .tit img	{position:absolute;top:50%;right:0;transform:translateY(-50%);}
.smart-map .r-cont .info li	{padding:20px 0 20px 130px;border-top:1px solid #D9E6F0;position:relative;color:#333;}
.smart-map .r-cont .info li:last-child	{border-bottom:1px solid #D9E6F0;}
.smart-map .r-cont .info li span	{font-size:17px;color:#333;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.smart-map .r-cont .info li span.address:before	{content:"\f3c5";font-family:Fontawesome;color:#ccc;font-weight:900;margin-right:8px;}
.smart-map .r-cont .info li span.call:before	{content:"\f095";font-family:Fontawesome;color:#ccc;font-weight:900;margin-right:8px;}
.smart-map .r-cont .info li span.fax:before	{content:"\f1ac";font-family:Fontawesome;color:#ccc;font-weight:900;margin-right:8px;}
.smart-map .r-cont .btn-wrap	{margin:20px -5px;}
.smart-map .r-cont .btn-wrap li	{float:left;width:calc(50% - 10px);margin:5px;}
.smart-map .r-cont .btn-wrap li a	{display:block;background:#14367C;color:#fff;text-align:center;border-radius:5px;padding:15px 0;font-size:15px;}
.smart-map .r-cont .btn-wrap li:nth-child(1) a	{background:#FF7F00;}
.smart-map .r-cont .btn-wrap li a:hover	{box-shadow:2px 2px 5px rgba(0,0,0,0.3);}



@media (max-width:1240px){ /*960*/
.smart-tab li:nth-child(5) a,
.smart-tab li:nth-child(6) a	{border-bottom:1px solid #f4f4f4;}

.smart-require .tit	{min-height:auto;}
.smart-require li	{width:calc(50% - 10px);min-height:200px;}

.smart-map .l-cont 	{float:none;width:100%;margin:0;}
.smart-map .r-cont 	{float:none;width:100%;}
}

@media (max-width:1017px){/*720*/
.smart-vision .top-tit	{margin:0 0 50px 0;}
.smart-vision .cont:before	{content:"";position:absolute;left:50%;top:140px;margin-left:-21px;width:42px;height:45px;background:url(../img/vision2_arr.jpg) no-repeat 50% 50%;}
.smart-vision .cont .txt	{margin-right:0;margin-left:0;}
.smart-vision .cont ul	{width:100%;}
.smart-vision .cont li:before	{display:none;}
.smart-vision .cont .stit:after	{height:30px;bottom:-30px;}
.smart-vision .cont .stxt:before	{margin-top:25px;margin-bottom:10px;}
	
.smart-step	{padding:80px 0 60px;}
.smart-step li	{float:none;width:100%;margin-bottom:80px;}
.smart-step li:last-child	{margin-bottom:0;}
.smart-step li .tit	{display:inline-block;float:left;width:180px;margin-bottom:0;}
.smart-step li:after	{content:"";width:100%;float:none;clear:both;display: block;}
.smart-step li div	{float:left;width:calc(100% - 180px);}
.smart-step li div p	{text-align:left;}
.smart-require li	{min-height:235px;}
}

@media (max-width:778px){/*mobile-l*/
.smart-vision .tit-en	{font-size:140px;top:-5px;}
.smart-vision .top-tit	{font-size:30px;}
.smart-vision .cont:before	{top:120px;}
.smart-vision .cont .txt	{padding:20px;font-size:20px;margin-bottom:40px;}
.smart-vision .cont .stit	{width:120px;height:120px;padding:40px 0 0 0;font-size:16px;}
.smart-vision .cont li:first-child .stit	{padding:35px 0 0 0;}
.smart-vision .cont .stit .va-pc	{display:block;}
.smart-vision .cont .stxt p:nth-child(1)	{font-size:16px;}
.smart-vision .cont .stxt p:nth-child(2)	{font-size:14px;}

.smart-require ul	{margin:0;}
.smart-require li	{float:none;width:100%;margin:0 0 10px 0;min-height:auto;padding:30px;}
.smart-map .smart-map-mo	{display:block;text-align: center;}
.smart-map .smart-map-mo img	{margin-bottom:20px !important;}
.smart-map .l-cont .pin-wrap	{display:none;}
.smart-map .l-cont 	{min-height:auto;background:none;}
}

@media (max-width:576px){/*mobile-s*/
.smart-vision .tit-en	{font-size:90px;top:15px;}
.smart-vision .top-tit	{font-size:26px;word-break:keep-all;}
.smart-vision .cont:before	{display:none;}
.smart-vision .cont .tit	{margin-top:30px;}
.smart-vision .cont li	{float:none;width:100%;margin:0 0 30px 0;}
.smart-vision .cont .txt	{margin-bottom:20px;}
.smart-vision .cont .stit	{margin-bottom:15px;}
.smart-vision .cont .stxt	{font-size:13px;}
.smart-vision .cont .stxt:before,
.smart-vision .cont .stit:after	{display:none;}
	
.smart-tit .tit	{font-size:22px;}
.smart-step	{margin-top:20px;}
.smart-step li .tit	{float:none;margin-bottom:70px;}
.smart-step li div	{float:none;width:100%;}
.smart-step li div p	{text-align:center;}

.smart-map .r-cont .tit	{font-size:18px;padding:15px 0;}
.smart-map .r-cont .tit img	{max-height:40px;position:relative;transform:none;top:0;margin-left:10px;}
.smart-map .r-cont .info li,
.smart-map .r-cont .info li span	{font-size:15px;}
}

@media (max-width:320px){/*mobile-xs*/
}


/* 기관소개 */
.greeting		{padding:120px 0 0 0;}
.greeting:after	{content:"";display:block;float:none;clear:both;}
.greeting .img	{position:relative;background:url(../img/greeting_bg.jpg) no-repeat 50% 50% / cover;padding:60px;margin:0 0 30px 0;}
.greeting .img p	{font-size:36px;font-weight:600;color:#fff;line-height:1;letter-spacing:-1.5px;word-break:keep-all;}
.greeting .img img	{position:absolute;right:0;bottom:0;}
.greeting .txt-wrap	{text-align:justify;}
.greeting .tit	{font-size:24px;font-weight:600;color:#0A50A1;margin:0 0 40px 0;letter-spacing:-1px;line-height:1.2;}
.greeting .txt p	{color:#333;margin:0 0 20px 0;}
.greeting .name		{text-align:center;margin:30px 0 0 0;font-size:18px;color:#0A50A1;}
.greeting .name span	{display:block;font-size:30px;color:#333;font-weight:500;}

/*인물 좌측 배치*/
.greeting2 .img			{padding-left:350px;text-align:right;}
.greeting2 .img img		{right:auto;left:0;}

.president		{position:relative;padding:120px 50px;background:#F4F4F4 url(../img/president_bg.jpg) no-repeat 50% 0;background-size:100% auto;}
.president:after	{content:"";position:absolute;left:0;bottom:40px;height:25px;display:block;width:100%;background:url(../img/logo.png) no-repeat 50% 50% / auto 100%;}
.president .tit-wrap	{text-align:center;margin:0 0 80px 0;}
.president .tit-ko	{font-size:32px;font-weight:600;letter-spacing:-2px;line-height:1.2;color:#0A50A1;margin:0 0 10px 0;word-break:keep-all;}
.president .tit-en	{font-family:TitilliumSB;font-size:14px;color:#999;letter-spacing:5px;}
.president li		{float:left;width:20%;text-align:center;}
.president .img		{border:5px solid #0A50A1;padding:5px;background:#fff;width:150px;height:180px;margin:0 auto 20px;box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.president .img .noimg	{display:block;width:100%;height:100%;background:#F4F4F4 url(../../default/img/noimg.png) no-repeat 50% 50%;}
.president .img div	{position:relative;width:100%;height:100%;}
.president .img img	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.president .num		{font-size:16px;color:#0A50A1;}
.president .name	{font-size:26px;color:#000;font-weight:600;line-height:1.2;margin:10px 0;}
.president .period	{font-size:15px;color:#000;}

.summary-top		{position:relative;word-break:keep-all;}
.summary-top:before	{content:"POHANG TECHNOPARK";position:absolute;left:0;bottom:-20px;padding-left:20px;border-left:4px solid #0A50A1;font-family:TitilliumSB;font-size:36px;letter-spacing:4px;color:#0A50A1;line-height:0.8;}
.summary-top:after	{content:"";display:block;float:none;clear:both;}
.summary-top .img	{float:left;width:800px;margin-right:-200px;}
.summary-top .txt-wrap	{float:right;width:600px;padding:70px 50px;background:#0A50A1;color:#fff;margin:100px 0 0 0;}
.summary-top .txt-wrap .tit	{font-size:28px;line-height:1.2;letter-spacing:-1px;margin:0 0 30px 0;}
.summary-top .txt-wrap .txt	{font-size:15px;}

.vision1			{text-align:center;}
.vision1 .cont1		{position:relative;margin:0 0 30px 0;}
.vision1 .cont1 .tit	{position:absolute;left:0;top:3px;font-size:20px;font-weight:300;color:#0A50A1;}
.vision1 .cont1 .txt	{font-size:24px;font-weight:600;color:#0A50A1;letter-spacing:-2px;line-height:1.2;}
.vision1 .cont2 .tit	{margin:60px 0 110px;font-size:20px;font-weight:600;color:#333;}
.vision1 .cont2 .txt	{background:url(../img/vision1_bg.jpg) no-repeat 50% 50%;background-size:cover;padding:0 0 60px 0;}
.vision1 .cont2 ul	{margin:0 -40px;}
.vision1 .cont2 li	{float:left;width:25%;}
.vision1 .cont2 .num	{display:block;margin:0 0 30px 0;}
.vision1 .cont2 .stit	{padding:40px 30px;font-size:22px;color:#fff;line-height:1.2;word-break:keep-all;margin:-40px 40px 40px 40px;}
.vision1 .cont2 .stit.bg1	{background:#0A50A1;}
.vision1 .cont2 .stit.bg2	{background:#1F81C3;}
.vision1 .cont2 .stxt	{font-size:14px;border-left:1px solid rgba(255,255,255,0.1);color:#fff;line-height:1.8;height:200px;}
.vision1 .cont2 li:first-child .stxt	{border-left:none;}

.technopark1		{}
.technopark1 .tit-wrap{text-align:center;padding:70px 0;background:url(../img/technopark1_bg1.jpg) no-repeat 50% 50%;color:#000;margin:0 0 40px 0;word-break:keep-all;}
.technopark1 .tit1	{font-size:22px;letter-spacing:-1px;line-height:1.2;}
.technopark1 .tit2	{font-size:38px;font-weight:600;line-height:1;letter-spacing:-2px;}
.technopark1 .bg-txt	{position:relative;background:url(../img/technopark1_bg2.jpg) no-repeat 50% 50% / cover;padding:40px 30px;margin-bottom:150px;}
.technopark1 .bg-txt:after	{content:"";position:absolute;left:0;bottom:-150px;width:100%;height:150px;background:url(../img/technopark1_arr.jpg) no-repeat 50% 50%;}
.technopark1 .bg-txt li	{float:left;width:33.3333%;border-left:1px solid rgba(255,255,255,0.3);padding:20px 30px;text-align:center;color:#fff;word-break:keep-all;height:180px;line-height:1.3;}
.technopark1 .bg-txt li:first-child	{border:none;}
.technopark1 .bg-txt .num	{font-family:TitilliumSB;font-size:15px;margin:0 0 20px 0;}
.technopark1 .txt	{font-size:22px;color:#000;letter-spacing:-1px;text-align:center;font-weight:500;line-height:1.3;word-break:keep-all;padding-bottom:40px;border-bottom:2px solid #0A50A1;}

.technopark2		{position:relative;margin:0 220px;text-align:center;height:560px;padding:30px;padding-top:250px;overflow:hidden;}
.technopark2 .dot-line	{position:absolute;left:0;top:120px;width:700px;height:700px;margin-left:130px;border-radius:50%;border:3px dotted #0A50A1;border-bottom-color:transparent;border-left-color:transparent;transform:rotate(-45deg);}
.technopark2 .dot-line span	{position:absolute;display:block;width:20px;height:20px;border:4px solid #CEDCEC;border-radius:50%;background:#0A50A1;}
.technopark2 .dot-line span:first-of-type	{left:55%;top:-10px;}
.technopark2 .dot-line span:last-of-type	{left:98%;top:285px;}
.technopark2 .tit	{width:280px;height:280px;margin:0 auto;background:#0A50A1;border:20px solid #CEDCEC;border-radius:50%;font-family:TitilliumSB;font-size:30px;line-height:240px;color:#fff;}
.technopark2 .txt	{position:absolute;width:200px;height:200px;border-radius:50%;border:2px solid #0A50A1;background:#fff;color:#000;padding:70px 20px 0;word-break:keep-all;line-height:1.4;box-shadow:0 0 15px rgba(0,0,0,0.2);}
.technopark2 .txt.po1	{left:20px;bottom:30px;}
.technopark2 .txt.po2	{top:20px;left:50%;margin-left:-100px;}
.technopark2 .txt.po3	{right:20px;bottom:30px;}

.technopark3	{background:#0A50A1 url(../img/technopark3_bg.jpg) no-repeat 100% 0;padding:20px 0;}
.technopark3 .list-wrap	{display:flex;}
.technopark3 ul	{padding:10px 35px;border-left:1px solid rgba(255,255,255,0.3);width:33.3333%;}
.technopark3 ul:first-of-type	{border-left:none;}
.technopark3 li	{font-size:18px;padding:3px 0;}
.technopark3 li:after	{cotent:"";display:block;float:none;clear:both;}
.technopark3 li, .technopark3 a	{color:#fff;}
.technopark3 a		{display:block;}
.technopark3 a:after	{content:"\f015";font-family:FontAwesome;font-weight:900;font-size:12px;text-align:center;line-height:24px;margin-top:2px;float:right;width:24px;height:24px;border-radius:50%;background:#FF7F00;color:#fff;transition:all 0.2s ease-out;}
.technopark3 a:hover	{color:#FF7F00;}
.technopark3 a:hover:after	{box-shadow:0 5px 5px rgba(0,0,0,0.2);transform:translateX(5px);}

.vision2	{position:relative;text-align:center;padding-top:30px;}
.vision2 .tit-en	{position:absolute;left:0;top:-25px;width:100%;line-height:1;font-size:180px;color:#F7F7F7;font-family:TitilliumSB;z-index:-1;}
.vision2 .top-tit	{position:relative;font-size:36px;font-weight:600;color:#000;line-height:1.2;letter-spacing:-2px;margin:0 0 70px 0;}
.vision2 .cont1		{padding:50px 80px;background:url(../img/vision2_bg.jpg) no-repeat 50% 50% / cover;}
.vision2 .cont1 li	{position:relative;float:left;width:50%;padding:0 80px;word-break:keep-all;}
.vision2 .cont1 li:first-child:after	{content:"";position:absolute;right:-10px;top:50%;margin-top:-70px;width:1px;height:140px;background:#fff;transform:rotate(45deg);display:block;}
.vision2 .cont1 .tit	{font-family:TitilliumSB;font-size:22px;color:#FF7F00;margin:0 0 30px 0;}
.vision2 .cont1 .txt	{font-size:24px;font-weight:600;color:#fff;line-height:1.2;letter-spacing:-1px;}
.vision2 .cont2			{position:relative;}
.vision2 .cont2 .tit	{margin:50px 0 20px;font-size:26px;font-weight:600;color:#000;line-height:1;}
.vision2 .cont2 .txt	{margin:0 100px 70px;padding:25px;border-radius:80px;background:#F2F4F7;font-size:24px;line-height:1;color:#0A50A1;letter-spacing:-1px;word-break:keep-all;}
.vision2 .cont2 li		{float:left;width:25%;position:relative;}
.vision2 .cont2 li:before	{content:"";position:absolute;left:-20px;top:-50px;width:42px;height:45px;background:url(../img/vision2_arr.jpg) no-repeat 50% 50%;}
.vision2 .cont2 li:first-child:before	{display:none;}
.vision2 .cont2 .stit	{position:relative;width:180px;height:180px;margin:0 auto;border-radius:50%;background:#0A50A1;font-size:20px;font-weight:600;color:#fff;padding:65px 0 0 0;line-height:1.2;word-break:keep-all;box-shadow:0 0 18px rgba(0,0,0,0.25);}
.vision2 .cont2 .stit:before	{content:"";position:absolute;left:-5px;top:-5px;width:calc(100% + 10px);height:calc(100% + 10px);border:1px solid #0A50A1;border-radius:50%;}
.vision2 .cont2 .stit:after		{content:"";position:absolute;left:50%;bottom:-60px;display:block;width:1px;height:60px;background:#0A50A1;}
.vision2 .cont2 .stxt			{font-size:14px;line-height:1.3;word-break:keep-all;}
.vision2 .cont2 .stxt p			{padding:3px 0;}
.vision2 .cont2 .stxt:before	{content:"";display:block;width:6px;height:6px;background:#0A50A1;border-radius:50%;margin:55px auto 20px;}

.vision2 .cont3	{}
.vision2 .cont3 .tit	{margin:50px 0;font-size:26px;font-weight:600;color:#000;line-height:1;}
.vision2 .cont3 .cont-wrap	{position:relative;}
.vision2 .cont3 .l-cont {float:left;width:50%;}
.vision2 .cont3 .l-cont img	{position:absolute;left:0;top:50%;transform:translateY(-50%);}
.vision2 .cont3 .r-cont	{float:right;width:50%;padding-left:120px;position: relative;}
.vision2 .cont3 .r-cont:before	{content:"+";display:inline-block;vertical-align:middle;position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-size:50px;color:#0A50A1;font-weight:700;}
.vision2 .cont3 .r-cont .bx	{background:#F3F7FA;border:1px solid #D3DFEB;padding:30px;position:relative;margin-bottom:10px;}
.vision2 .cont3 .r-cont .bx:after	{content:"";display: block;clear:both;float:none;}
.vision2 .cont3 .r-cont .bx	span	{font-size:17px;font-weight:500;color:#0A50A1;position:absolute;top:50%;left:60px;transform:translateY(-50%);}
.vision2 .cont3 .r-cont .bx	ul	{text-align:left;font-size: 15px;padding-left: 50px;margin-left: 120px;border-left: 1px dashed #d3dfeb;}

.ci:after	{content:"";display:block;float:none;clear:both;}
.ci .tit	{position:relative;float:left;width:280px;}
.ci .tit h2	{margin:0 0 140px;}
.ci .tit a	{font-size:20px;color:#0A50A1;}
.ci .tit a span		{position:relative;display:inline-block;width:40px;height:20px;margin-right:20px;border:2px solid #0A50A1;border-top:none;vertical-align:middle;}
.ci .tit a span:before	{content:"";display:block;width:2px;height:16px;position:absolute;left:50%;margin-left:-1px;top:-10px;background:#0A50A1;transition:all 0.2s ease-out;}
.ci .tit a span:after	{content:"";display:block;width:12px;height:12px;border-bottom:2px solid #0A50A1;border-right:2px solid #0A50A1;transform:rotate(45deg);position:absolute;top:-6px;left:50%;margin-left:-6px;transition:all 0.2s ease-out;}
.ci .tit a:hover span:before	{top:-5px;background:#FF7F00;}
.ci .tit a:hover span:after		{top:-1px;border-color:#FF7F00;}
.ci .cont	{float:left;width:calc(100% - 280px);}
.ci .color	{margin:40px 0;}
.ci .color ul	{margin:0 -10px;}
.ci .color li	{float:left;width:25%;padding:0 10px;}
.ci .color li div	{height:50px;}
.ci .color li p		{font-family:TitilliumSB;font-size:16px;color:#000;margin:10px 0 0 0;}
.ci .color .bg1	{background:#0A50A1;}
.ci .color .bg2	{background:#FF7F00;}
.ci .color .bg3	{background:#666;}
.ci .color .bg4	{background:#000;}

#history		{padding-left:340px;background:url(../img/history_bg.jpg) no-repeat 0 0;}
.history		{position:relative;padding:0 0 30px 30px;}
.history:before	{content:"";position:absolute;left:0;top:25px;height:calc(100% - 30px);width:1px;background:#DFDFDF;}
.history:after	{content:"";display:block;float:none;clear:both;}
.history .year	{position:relative;font-family:TitilliumSB;font-size:22px;color:#0A50A1;margin:0 0 10px 0;line-height:1;}
.history .year:before,
.history .year:after	{content:"";position:absolute;display:block;border-radius:50%;}
.history .year:before	{width:20px;height:20px;border:1px solid #0A50A1;left:-40px;top:0;}
.history .year:after	{width:8px;height:8px;background:#0A50A1;left:-34px;top:6px;}
.history .cont	{float:left;width:calc(100% - 340px);padding-left:60px;margin-left:60px;border-left:1px solid #DFDFDF;}
.history dl		{padding:5px 0;font-size:15px;}
.history dl:after	{content:"";display:block;float:none;clear:both;}
.history dt		{float:left;width:70px;font-family:TitilliumSB;color:#0A50A1}
.history dd		{float:left;width:calc(100% - 70px);}
.history:first-of-type .year, .history:first-of-type dt 	{color:#FF7F00;}
.history:first-of-type .year:before	{border-color:#FFE0B2;background:#FFE0B2;}
.history:first-of-type .year:after	{background:#FF7F00;}
.history:last-of-type	{padding-bottom:0;}

#org		{position:relative;padding-top:40px;width:1400px;margin:0 auto;}
#org div	{position:relative;}
#org span	{position:relative;display:block;font-size:17px;text-align:center;line-height:60px;font-weight:500;}
#org ul		{padding:15px 20px;background:#F6F6F6;font-size:15px;margin:10px 0 0 0;line-height:1.2;height:210px;}
#org ul li	{padding:5px 0;}
.org1-wrap div,
.org2-wrap div	{width:200px;}
#org .org1-1	{margin:0 auto;}
#org .org1-1 span	{margin:50px 0 0 0;font-size:24px;font-weight:600;color:#fff;}
#org .org1-1 span:before,
#org .org1-1 span:after	{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-30deg);border-radius:50%;z-index:-1;}
#org .org1-1 span:before{width:190px;height:140px;background:#FF7F00;}
#org .org1-1 span:after	{width:210px;height:160px;background:rgba(255,127,0,0.2);}
#org .org1-2		{position:absolute;left:0;top:0;}
#org .org1-2 span	{background:#C3C7CE;color:#fff;}
.org2-wrap		{margin:120px 0 0 0;padding:80px 0 0 0;}
#org .org2-1		{position:absolute;left:50%;top:0;margin-left:-100px;}
#org .org2-1 span	{background:#0A50A1;color:#fff;}
#org .org2-2		{float:left;}
#org .org2-2 span	{background:#828B9C;color:#fff;}
#org .org2-3		{float:right;}
#org .org2-3 span	{border:2px solid #828B9C;background:#fff;color:#828B9C;margin:0 0 10px 0;}
.org3-wrap		{margin:100px -10px 0;padding: 60px 0 0 0;}
#org .org3-1		{float:left;width:20%;padding:0 10px;}
#org .org3-1 span	{border:2px solid #0A50A1;background:#fff;color:#0A50A1;}
#org .org3-1 span.bx{margin:-44px 0 10px;line-height:30px;}
#org .org3-2		{position:absolute;right:10px;top: -70px;width:100%;display:flex;flex-direction: column;}
/*#org .org3-2:after {content: "";position: absolute;right: 258px;top: 156px;width: calc(50% - 270px + 1px);border-bottom: 1px solid #ccc;z-index: -1;}
#org .org3-2:before {content:"";position: absolute;right: 258px;top: 115px;height:80px;border-right:1px solid #ccc;} */
#org .org3-2 span.org3-2-2:before {content:"";position: absolute;left: -100px;top: 29px;height:0;width:100px;border-bottom:1px solid #ccc;}
#org .org3-2 span.org3-2-3:before {content:"";position: absolute;left: -100px;top: 24px;height:0;width:100px;border-bottom:1px solid #ccc;}
#org .org3-2 span	{border:2px solid #0A50A1;background:#fff;color:#0A50A1;margin-bottom:20px;width: 160px;align-self: end;}
#org .org3-2 span.org3-2-2,
#org .org3-2 span.org3-2-3 {border: 2px solid #f1851a;color:#f1851a;}
#org .org3-4		{position:absolute;right:0;top:30px;width:16.7%;padding-top:30px;}
#org .org3-5		{position:absolute;right:178px;top:30px;width:12.5%;padding-top:30px;}
#org .org3-6		{position:absolute;right:0;top:30px;width:12.5%;padding-top:30px;}

#org:before		{content:"";position:absolute;left:50%;top:60px;height:calc(100% - 372px);border-right:1px solid #ccc;z-index:-1;}
.org1-wrap:before	{content:"";position:absolute;left:0;top:30px;width:50%;border-bottom:1px solid #ccc;z-index:-1;}
.org2-wrap:before, .org2-wrap:after	{content:"";position:absolute;border-bottom:1px solid #ccc;z-index:-1;}
.org2-wrap:before	{left:0;top:110px;width:50%;}
/*.org2-wrap:after	{right: 0;top: 110px;width: 50%;}*/
#org .org2-3:before	{content:"";position:absolute;left:-129px;top:32px;height:calc(100% - 73px);border-right:1px solid #ccc;z-index:-1;}
#org .org2-3 span:before	{/* content:""; */position:absolute;left:-130px;top:50%;width:130px;border-bottom:1px solid #ccc;z-index:-1;}
.org3-wrap:before	{content:"";position:absolute;left:50%;transform:translateX(-50%);top:31px;width:calc(100% - (20% - 2px));border-bottom:1px solid #ccc;z-index:-1;}
.org3-wrap:after	{content:"";position:absolute;right:89px;top: -40px;width:calc(50% - 90px + 1px);border-bottom:1px solid #ccc;z-index:-1;}
#org .org3-4:before	{content:"";position:absolute;left:calc(-200% + 2px);top:-29px;width:calc(250% - 2px);border-bottom:1px solid #ccc;z-index:-1;}
#org .org3-5:before	{content:"";position:absolute;left:calc(-200% + 2px);top: -60px;width:calc(250% - 1px);border-bottom:1px solid #ccc;z-index:-1;}
#org .org3-6:before	{content:"";position:absolute;left:calc(-300% + 2px);top: -90px;width:calc(350% - 1px);border-bottom:1px solid #ccc;z-index:-1;}
#org .org3-1 span:before	{content:"";position:absolute;left:50%;top:-30px;height:30px;border-right:1px solid #ccc;z-index:-1;}
#org .org3-1-1 span:before	{left:50%;margin-left:-13px;}
#org .org3-2 span:before	{/* content:""; */position:absolute;left:50%;top:-30px;height:30px;border-right:1px solid #ccc;z-index:-1;}
#org .org3-4 span:before	{/*top:-60px;height:60px;*/top:-16px;height:16px;}
#org .org3-5 span:before    {top: -92px;height:100px;}
#org .org3-6 span:before    {top: -120px;height:140px;}


.staff-top		{background:#f3f7fa;padding:30px;}
.staff-top .ico	{position:relative;display:inline-block;vertical-align:middle;}
.staff-top .ico span	{position:relative;color:#fff;}
.staff-top .ico:before	{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-30deg);border-radius:50%;background:#0a50a1;}
.staff-top .tit	{float:left;font-size:30px;font-weight:600;color:#0a50a1;letter-spacing:-2px;}
.staff-top .tel	{float:right;padding-top:10px;font-family:TitilliumSB;color:#0a50a1;}
.staff-top .tit .ico		{margin:-8px 35px 0 30px;font-size:18px;}
.staff-top .tel .ico		{margin:0 20px 0 0;font-weight:500;}
.staff-top .tit .ico:before	{width:70px;height:45px;}
.staff-top .tel .ico:before	{width:40px;height:30px;}

.dept-top		{}
.dept-top:after	{content:"";display:block;float:none;clear:both;}
.dept-top .img,
.dept-top .txt-wrap	{position:relative;height:320px;float:left;width:50%;overflow:hidden;}
.dept-top .img img	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.dept-top .txt-wrap	{padding:60px;background:#0a50a1 url(../img/dept_top_bg.jpg) no-repeat 100% 100%;}
.dept-top .stit	{font-size:18px;font-weight:700;color:#bdd0e7;}
.dept-top .tit	{font-size:34px;font-weight:600;color:#fff;letter-spacing:-1px;}
.dept-top .txt	{font-size:18px;color:rgba(255,255,255,0.5);margin:20px 0 0 0;}
.dept-top .tel	{position:absolute;left:50px;bottom:50px;font-family:TitilliumSB;color:#fff;}
.dept-top .tel .ico			{position:relative;margin:0 20px;}
.dept-top .tel .ico span	{position:relative;color:#fff;}
.dept-top .tel .ico:before	{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-30deg);border-radius:50%;background:#FF7F00;width:40px;height:30px;}

.dept-cont		{padding:40px 0;border-bottom:1px solid rgba(0,0,0,0.1);}
.dept-cont:after{content:"";display:block;float:none;clear:both;}
.dept-cont .tit	{float:left;width:200px;font-size:28px;font-weight:600;line-height:1.2;color:#0a50a1;word-break:keep-all;letter-spacing:-1px;}
.dept-cont .cont	{float:left;width:calc(100% - 200px);padding-top:5px;}
.dept-cont ul.d2 li li	{float:none;width:100%;}
.dept-cont ul.d2 li:nth-child(2n+1)	{clear:both;}
.dept-cont ul>li	{margin:0 0 5px 0;font-weight:500;color:#333;}
.dept-cont ul ul	{margin:3px 0 0 0;}
.dept-cont ul ul li	{margin:2px 0;font-weight:400;color:#666;}

.map-address		{background:#0A50A1;padding:60px;color:#fff;margin-top:-60px;}
.map-address:after	{content:"";display:block;float:none;clear:both;}
.map-address .tit	{float:left;width:300px;border-right:1px solid rgba(255,255,255,0.2);}
.map-address .tit-ko	{font-size:28px;font-weight:600;letter-spacing:-1px;line-height:1;margin:0 0 10px 0;}
.map-address .tit-en	{font-family:TitilliumSB;font-size:11px;letter-spacing:4.5px;}
.map-address .txt-wrap	{float:left;width:calc(100% - 300px);padding-left:60px;}
.map-address .txt		{line-height:1;margin:0 0 10px 0;}
.map-address .tel p		{display:inline-block;margin-right:40px;font-family:TitilliumSB;font-size:18px;}
.map-address .tel .ico			{position:relative;margin:0 20px;}
.map-address .tel .ico span		{position:relative;color:#fff;}
.map-address .tel .ico:before	{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-30deg);border-radius:50%;background:#FF7F00;width:40px;height:30px;}

.map-traffic		{}
.map-traffic .cont	{position:relative;padding:30px 0 10px;border-bottom:1px solid #ccc;}
.map-traffic .cont:first-of-type	{border-top:1px solid #0A50A1;}
.map-traffic .cont:after	{content:"";display:block;float:none;clear:both;}
.map-traffic .tit	{float:left;width:360px;font-size:26px;letter-spacing:-1px;color:#333;line-height:1.2;}
.map-traffic ul		{float:left;width:calc(100% - 360px);}
.map-traffic li		{margin:0 0 20px 0;}
.map-traffic .point-blue	{font-size:18px;}
.map-traffic a		{position:absolute;left:0;bottom:30px;display:inline-block;padding:15px 40px;border:1px solid #0A50A1;color:#0A50A1;}
.map-traffic a:hover	{background:#0A50A1;color:#fff;}
.bus-badge		{display:inline-block;vertical-align:middle;font-size:12px;color:#fff;padding:3px 6px;margin-top:-2px;}
.bus-badge.bus1	{background:#386DE8;}
.bus-badge.bus2	{background:#008829;}

@media (max-width:1440px){ /*1200*/
	.vision1 .cont2 .txt		{margin:0;padding:0 20px 60px;}
	.vision1 .cont2 .stit	{padding:40px 20px;}
	.vision1 .cont2 ul		{margin:0;}
	.vision1 .cont2 .stxt	{font-size:13px;}
	#org		{width:auto;}
	#org:before			{height:calc(100% - 292px);}
	#org ul	{font-size:13px;padding:12px 15px;height:160px;}
	.org3-wrap			{padding-top:90px;}
	#org .org3-1		{padding:0 5px;}
	#org .org3-2		{width:100px;right:5px;}
	#org .org3-4		{right: 0;width:calc(20% - 24px);padding-top:30px;top:-230px;width: 20%;}
	#org .org3-5		{right: 0;top:-80px;width: 20%;}
	#org .org3-6		{right: 0;top:-20px;width: 20%;}
	#org .org3-1 span, #org .org3-2 span	{font-size:15px;line-height:50px;}
	#org .org3-4:before	{left: calc(-180% + 73px);width: calc(180% - 60px);top:55px;}
	#org .org3-5:before	{left: calc(-180% + 73px);width: calc(180% - 60px);top:25px;}
	#org .org3-6:before	{left: calc(-180% + 73px);width: calc(180% - 60px);top:25px;}
	#org .org3-2:after  {width:342px;}
	#org .org3-4 span:before,
	#org .org3-5 span:before,
	#org .org3-6 span:before	{content:none;}
	.org3-wrap:before	{top:60px;}
	.org3-wrap:after	{right:54px;width:calc(50% - 55px + 1px);background:#ccc;z-index:-1;}
	.dept-cont ul.d2 li	{float:none;width:100%;}
	#org .org3-2 span {margin-bottom:10px;}
	#org .org3-2:after {top:125px;}
	#org .org3-2:before {top:95px;height:60px;}
}
@media (max-width:1240px){ /*960*/
	.summary-top:before	{font-size:22px;}
	.summary-top .img	{width:560px;}
	.vision1 .cont2 .txt	{padding-bottom:20px;}
	.vision1 .cont2 li	{width:50%;margin:0 0 40px 0;}
	.vision1 .cont2 .num	{margin:0 0 20px 0;}
	.vision1 .cont2 .stit	{padding:20px;margin-bottom:20px;font-size:20px;}
	.vision1 .cont2 li:nth-child(n+3):nth-child(-n+4) .stit	{margin-top:0;}
	.vision1 .cont2 .stxt	{height:190px;}
	.vision1 .cont2 li:nth-child(n+3):nth-child(-n+4) .stxt	{height:150px;}
	.vision1 .cont2 li:nth-child(3) .stxt	{border-left:none;}
	.technopark1 .bg-txt li	{height:200px;}
	.technopark2	{margin:0;}
	.vision2 .cont1 li	{padding:0 60px;}
	.vision2 .cont3 .r-cont:before	{content:none;}
	#org .org3-4:before,
	#org .org3-5:before,
	#org .org3-6:before	{left: calc(-180% + 60px);width: calc(180% - 50px);}
	#org .org3-2:after {width:222px;}
	
	.map-traffic .tit	{width:300px;}
	.map-traffic ul		{width:calc(100% - 300px);}
}
@media (max-width:1017px){/*720*/
	.greeting			{padding-top:60px;}
	.greeting .img p	{font-size:30px;}
	.greeting .img img	{height:240px;}
	.greeting2 .img			{padding-left:280px;}
	.president .tit-wrap	{margin:0 0 20px 0;}
	.president .tit-ko	{font-size:28px;}
	.president li		{width:33.3333%;margin:20px 0 0 0;}
	.president .name	{font-size:22px;margin:5px 0;}
	.summary-top:before	{display:none;}
	.summary-top .img,
	.summary-top .txt-wrap	{float:none;width:100%;margin:0;}
	.summary-top .txt-wrap	{padding:40px;}
	.vision1 .cont2 .num	{margin:0 0 10px 0;}
	.vision1 .cont2 .stit	{margin-right:10px;margin-left:10px;font-size:18px;}
	.technopark1 .tit-wrap	{padding:50px 60px;background-size:100% auto;}
	.technopark1 .tit2	{font-size:34px;}
	.technopark1 .bg-txt	{padding:30px;}
	.technopark1 .bg-txt li	{height:auto;float:none;width:100%;border-left:none;border-top:1px solid rgba(255,255,255,0.3);}
	.technopark2 .dot-line	{width:450px;height:450px;margin-left:135px;}
	.technopark2 .dot-line span:first-of-type	{left:45%;}
	.technopark2 .dot-line span:last-of-type	{top:230px;}
	.technopark2 .tit	{width:240px;height:240px;line-height:200px;}
	.technopark3		{padding:10px 0;}
	.technopark3 ul		{padding-left:25px;padding-right:25px;}
	.technopark3 li		{font-size:15px;}
	.vision2 .top-tit	{margin:0 0 50px 0;}
	.vision2 .cont1		{padding:40px 0;}
	.vision2 .cont1 li	{padding:0 40px;}
	.vision2 .cont2:before	{content:"";position:absolute;left:50%;top:140px;margin-left:-21px;width:42px;height:45px;background:url(../img/vision2_arr.jpg) no-repeat 50% 50%;}
	.vision2 .cont2 .txt	{margin-right:0;margin-left:0;}
	.vision2 .cont2 li	{width:50%;margin:0 0 30px 0;}
	.vision2 .cont2 li:nth-child(2n+1)	{clear:both;}
	.vision2 .cont2 li:before	{display:none;}
	.vision2 .cont2 .stit:after	{height:30px;bottom:-30px;}
	.vision2 .cont2 .stxt:before	{margin-top:25px;margin-bottom:10px;}
	.vision2 .cont3 .l-cont	{float:none;width:100%;margin-bottom:20px;}
	.vision2 .cont3 .r-cont	{float:none;width:100%;padding:0;}
	.vision2 .cont3 .l-cont img {position:relative;top:0;transform:none;}
	.vision2 .cont3 .r-cont .bx	{float:left;width:calc(33.33% - 20px);margin:10px;padding:20px;}
	.vision2 .cont3 .r-cont .bx ul	{margin-left:50px;padding-left:25px;}
	.vision2 .cont3 .r-cont .bx span	{left:20px;}
	.ci .tit, .ci .cont	{float:none;width:100%;}
	.ci .tit		{padding:0;margin:0 0 30px 0;}
	.ci .tit:after	{content:"";display:block;float:none;clear:both;}
	.ci .tit h2	{float:left;margin:0;}
	.ci .tit a	{float:right;margin-top:10px;}
	#history		{padding-left:200px;background-size:160px auto;}
	#org			{padding-top:20px;}
	/* #org ul			{height:125px;} */
	
	#org span		{font-size:16px;line-height:50px;}
	#org .org1-1 span:before{width:160px;height:110px;}
	#org .org1-1 span:after	{width:170px;height:120px;}
	.org2-wrap	{margin:100px 0 0 0;padding:60px 0 0 0;}
	.org3-wrap	{margin-top:100px;padding-top:30px; padding-right:0;}
	#org .org3-1	{width:50%;margin:0 0 10px 0;}
	#org .org3-4	{position:relative;right:auto;top:auto;float:none;width:100%;padding-top:0;}
	#org .org3-5	{position:relative;right:auto;top:auto;float:none;width:100%;padding-top:0;}
	#org .org3-6	{position:relative;right:auto;top:auto;float:none;width:100%;padding-top:0;}
	#org .org3-4:before,
	#org .org3-5:before,
	#org .org3-6:before    {content:none;}
	#org .org3-4 span:before	{top:-30px;height:30px;}
	#org .org3-5 span:before	{top:-30px;height:30px;}
	#org .org3-3:before	{width:60px;left:50%;}
	#org:before	{height:32%;}
	.org2-wrap:before	{top:85px;}
	.org2-wrap:after	{display:none}
	#org .org2-3:before			{left:-49px;top:27px;height:calc(100% - 63px);}
	#org .org2-3 span:before	{left:-50px;width:50px;}
	.org3-wrap:before	{top:0;width:calc(100% - (50% - 2px));}
	#org .org3-1:nth-of-type(5) span:before, #org .org3-1:nth-of-type(6) span:before	{top: -40px;height:219px;}
	#org .org3-1 span.bx{margin:0 0 10px;}
	#org .org3-2:after {width: 170px;right: 190px;}
	#org .org3-2:before {right:156px;width: 35px;border-left:1px solid #ddd;border-right:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#fff;}
	#org .org3-2 span.org3-2-3:before,
	#org .org3-2 span.org3-2-2:before {width:46px;left:-33px;}
	#org .org3-2 {width:160px;background:#fff;}
	#org .org3-2:after {display:none;}
	.staff-top .tit	{font-size:24px;}
	.staff-top .tel	{padding-top:5px;}
	.staff-top .tit .ico	{font-size:14px;margin:-3px 20px 0 10px;}
	.staff-top .tit .ico:before	{width:40px;height:30px;}
	.dept-top .img, .dept-top .txt-wrap	{height:260px;}
	.dept-top .txt-wrap	{padding:30px;}
	.dept-top .tit	{font-size:30px;}
	.dept-top .txt	{font-size:16px;}
	.dept-top .tel	{left:30px;bottom:30px;}
	.map-address .tit		{display:none;}
	.map-address .txt-wrap	{float:none;width:100%;padding:0;}
	.map-address .txt		{margin:0 0 20px 0;}
	.map-traffic .tit, .map-traffic ul	{float:none;width:100%;}
	.map-traffic .tit	{margin:0 0 20px 0;}
	.map-traffic a		{left:auto;bottom:auto;right:0;top:30px;padding:8px 20px;font-size:14px;}
}
@media (max-width:778px){/*mobile-l*/
	.greeting			{padding-top:30px;}
	.greeting .img		{padding:60px 200px 60px 40px;}
	.greeting .img p	{font-size:26px;}
	.greeting .img img	{height:200px;}
	.greeting2 .img		{padding:60px 40px 60px 200px;}
	.summary-top .txt-wrap .tit	{font-size:22px;}
	.president			{padding:100px 40px;}
	.president .tit-en	{font-size:12px;letter-spacing:3px;}
	.president .img		{width:130px;height:160px;margin-bottom:10px;}
	.vision1 .cont1 .tit	{position:relative;left:auto;top:auto;}
	.vision1 .cont1 .txt	{font-size:22px;}
	.vision1 .cont2 .tit	{margin:0 0 20px;}
	.vision1 .cont2 .txt	{background:none;padding:0;}
	.vision1 .cont2 ul	{margin:0 -10px;}
	.vision1 .cont2 li	{}
	.vision1 .cont2 li:nth-child(2n+1)	{clear:both;}
	.vision1 .cont2 .stit	{margin:0 10px 20px 10px;font-size:16px;}
	.vision1 .cont2 .stxt	{height:auto;border:none;color:#666;}
	.technopark1 .tit-wrap	{padding-top:40px;padding-bottom:40px;}
	.technopark1 .bg-txt		{margin-bottom:80px;}
	.technopark1 .bg-txt .num	{margin:0 0 10px 0;}
	.technopark1 .bg-txt:after	{bottom:-80px;height:80px;background-size:auto 60%;}
	.technopark2			{padding:20px 0;height:auto;}
	.technopark2 .dot-line	{display:none;}
	.technopark2 .tit		{margin:0 auto 30px;border-width:10px;width:200px;height:200px;line-height:180px;font-size:22px;}
	.technopark2 .txt		{position:relative;display:inline-block;width:150px;height:150px;vertical-align:top;padding:40px 20px 0;font-size:14px;}
	.technopark2 .txt.po1, .technopark2 .txt.po2, .technopark2 .txt.po3	{left:auto;bottom:auto;top:auto;right:auto;margin:0 10px;}
	.technopark3		{padding:30px 10px 30px 30px;}
	.technopark3 .list-wrap	{display:block;}
	.technopark3 ul		{border:none;padding:0;width:100%;}
	.technopark3 li		{float:left;width:50%;padding-right:20px;}
	.vision2 .tit-en	{font-size:140px;top:-5px;}
	.vision2 .top-tit	{font-size:30px;}
	.vision2 .cont1		{padding:30px;}
	.vision2 .cont1 li	{float:none;width:100%;padding:0;}
	.vision2 .cont1 li:first-child:after	{position:relative;right:auto;top:auto;height:20px;margin:20px auto;}
	.vision2 .cont1 .tit	{margin:0 0 10px 0;}
	.vision2 .cont1 .txt	{font-size:20px;}
	.vision2 .cont2:before	{top:120px;}
	.vision2 .cont2 .txt	{padding:20px;font-size:20px;margin-bottom:40px;}
	.vision2 .cont2 .stit	{width:120px;height:120px;padding:40px 0 0 0;font-size:16px;}
	.vision2 .cont2 li:first-child .stit	{padding:35px 0 0 0;}
	.vision2 .cont2 .stit .va-pc	{display:block;}
	.vision2 .cont3 .r-cont .bx	{width:calc(50% - 20px);}
	.ci .color ul	{margin:0 -5px;}
	.ci .color li	{padding:0 5px;}
	.ci .color li p	{font-size:14px;}
	#history		{padding-left:10px;background:none;}
	.org1-wrap div, .org2-wrap div	{width:170px;}
	#org ul			{font-size:12px;padding:8px 10px;}
	#org .org2-1	{margin-left:-80px;}
	#org .org3-1:nth-of-type(5)	{margin-left:0;}
	/* .org2-wrap:after	{right:218px;width:calc(50% - 218px);} */
	#org .org3-1:nth-of-type(n+4):nth-of-type(-n+6) span:before	{display:none;}
	.staff-top .tit, .staff-top .tel	{float:none;width:100%;}
	.staff-top .tit	{margin-bottom:10px;}
	.staff-top .tel	{padding:0;color:#333;font-size:15px;}
	.staff-top .tel .ico		{display:none;}
	.dept-cont	{padding:30px 0;}
	.dept-cont .tit, .dept-cont .cont	{float:none;width:100%;}
	.dept-cont .tit	{font-size:24px;margin:0 0 10px 0;}
	.map-address		{padding:40px;margin-top:0;}
	.map-traffic .tit	{font-size:22px;}
	.map-traffic a		{top:23px;}
}
@media (max-width:576px){/*mobile-s*/
	.greeting		{padding-top:20px;}
	.greeting .img		{padding:30px;padding-right:40%;}
	.greeting .img p	{font-size:22px;}
	.greeting .img img	{height:110px;}
	.greeting2 .img		{padding:30px;padding-left:40%;}
	.president		{padding:60px 20px;}
	.president:after	{display:none;}
	.president .tit-wrap	{margin:0 0 10px 0;}
	.president .tit-ko	{font-size:20px;margin:0;}
	.president .tit-en	{display:none;}
	.president li	{width:50%;}
	.president .img .noimg	{background-size:auto 60%;}
	.president .num	{font-size:15px;}
	.president .name{font-size:18px;}
	.president .period	{font-size:13px;}
	.president .img		{width:100px;height:120px;}
	.summary-top .txt-wrap	{padding:30px;}
	.summary-top .txt-wrap .tit	{margin:0 0 10px 0;}
	.vision1 .cont2 li	{float:none;width:100%;}
	.technopark1 .tit-wrap	{background:none;padding:0;}
	.technopark1 .tit1	{font-size:18px;}
	.technopark1 .tit2	{font-size:22px;letter-spacing:-0.5px;}
	.technopark1 .bg-txt	{padding:0;}
	.technopark1 .bg-txt li	{padding:20px;}
	.technopark1 .txt	{font-size:18px;}
	.technopark2 .txt	{border-radius:0;width:calc(100% - 20px);padding:20px;display:block;height:auto;box-shadow:0 0 10px rgba(0,0,0,0.15);}
	.technopark2 .txt.po1, .technopark2 .txt.po2, .technopark2 .txt.po3	{margin-bottom:10px;}
	.technopark3		{padding:20px;background-size:auto 30%;}
	.technopark3 li		{float:none;width:100%;padding-right:0;font-size:15px;}
	.technopark3 a:after	{margin-top:0;}
	.vision2 .tit-en	{font-size:90px;top:15px;}
	.vision2 .top-tit	{font-size:26px;word-break:keep-all;}
	.vision2 .cont1 li:first-child:after	{margin:10px auto;}
	.vision2 .cont2:before	{display:none;}
	.vision2 .cont2 .tit	{margin-top:30px;}
	.vision2 .cont2 li	{float:none;width:100%;}
	.vision2 .cont2 .txt	{margin-bottom:20px;}
	.vision2 .cont2 .stit	{margin-bottom:15px;}
	.vision2 .cont2 .stxt	{font-size:13px;}
	.vision2 .cont2 .stxt:before,
	.vision2 .cont2 .stit:after	{display:none;}
	.vision2 .cont3 .r-cont .bx	{width:calc(100% - 20px);}
	.ci .tit		{margin:0 0 20px 0;}
	.ci .tit h2		{font-size:20px;}
	.ci .tit a		{font-size:15px;margin-top:5px;}
	.ci .tit a span	{transform:scale(0.5);margin-right:0;}
	.ci .color		{margin:20px 0;}
	.ci .color li	{width:50%;margin:0 0 10px 0;}
	.history dt, .history dd	{float:none;width:100%;}
	.history dt	{font-size:13px;}
	#org		{padding-top:1px;}
	.org1-wrap div, .org2-wrap div	{width:100%;}
	#org .org1-1	{height:90px;margin-bottom:20px;}
	#org .org1-2	{position:relative;left:auto;top:auto;}
	.org2-wrap		{margin:20px 0 0 0;padding:0;}
	#org .org2-1	{position:relative;left:auto;top:auto;margin:0 0 20px 0;}
	#org .org2-2, #org .org2-3	{float:left;}
	#org .org2-2	{margin:0 0 10px 0;}
	.org3-wrap	{margin-top:30px;padding:0;}
	#org .org3-2	{position:relative;right:auto;top:auto;width:100%;padding:0 5px;margin:0 0 20px 0;}
	.org1-wrap:before,
	#org .org2-3 span:before,
	.org3-wrap:before, .org3-wrap:after,
	#org .org3-1 span:before	{display:none;}
	#org .org3-3:before	{display:none;}
	#org .org3-2:before {display:none;}
	#org .org3-2 span {width:100%;}
	#org .org3-2 span.org3-2-3:before, #org .org3-2 span.org3-2-2:before {display:none;}
	.staff-top	{padding:20px;word-break:keep-all;}
	.dept-top .img, .dept-top .txt-wrap	{float:none;width:100%;height:180px;}
	.dept-top .txt-wrap	{background-size:auto 60%;padding:20px;height:auto;}
	.dept-top .tit		{font-size:22px;}
	.dept-top .txt		{margin:10px 0 0 0;line-height:1.4;}
	.dept-top .tel		{position:relative;left:0px;bottom:0px;margin-top:20px;}
	.map-address		{padding:30px;}
	.map-address .tel p	{display:block;margin:10px 0 0 0;}
	.map-traffic .tit	{font-size:18px;font-weight:500;}
	.map-traffic li		{margin:0 0 10px 0;font-size:15px;}
	.map-traffic .point-blue	{font-size:16px;margin:0 0 5px 0;}
	.map-traffic a		{padding:6px 10px;font-size:13px;top:25px;}
	.bus-badge		{padding:2px 4px;font-size:11px;}
}
@media (max-width:320px){/*mobile-xs*/
	#org ul			{height:auto;}
	#org:before		{height:calc(100% - 70px);}
	.org3-wrap		{margin-right:0;margin-left:0;}
	#org .org3-1	{float:none;width:100%;padding:0;}
	#org .org3-2	{padding:0;}
}

/* 단지소개 */
.valley-legend			{padding:30px 10px;background:#F4F4F4;}
.valley-legend:after	{content:"";display:block;float:none;clear:both;}
.valley-legend ul		{float:left;width:25%;padding:0 20px;border-right:1px dashed #ccc;}
.valley-legend ul:last-of-type	{border-right:none;}
.valley-legend li		{padding:3px 0;}
.valley-legend li span	{display:inline-block;width:30px;height:30px;border:2px solid #fff;font-size:12px;font-family:TitilliumSB;color:#fff;border-radius:50%;text-align:center;line-height:26px;vertical-align:middle;margin-right:10px;}
.valley-legend li .num1	{background:#0A50A1;}
.valley-legend li .num2	{background:#FF7F00;}
.valley-legend li .num3	{background:#339900;}

.complex-state ul		{margin:-30px -10px 0;border-bottom:1px solid #0A50A1;}
.complex-state li		{float:left;width:25%;padding:30px 10px;border-top:1px dashed #0A50A1;text-align:center;}
.complex-state li:nth-child(n+1):nth-child(-n+4)	{border-top:none;}
.complex-state .img		{position:relative;height:260px;overflow:hidden;}
.complex-state .img img	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.complex-state .tit		{font-size:24px;font-weight:600;color:#0A50A1;margin:15px 0;line-height:1;}
.complex-state .num			{position:relative;margin:-20px auto 20px;display:block;width:40px;height:36px;}
.complex-state .num span	{position:relative;font-family:TitilliumSB;font-size:12px;color:#fff;line-height:36px;}
.complex-state .num:before	{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-30deg);border-radius:50%;background:#0A50A1;width:40px;height:30px;}

.movein-guide-top	{position:relative;background:url(../img/movein_guide_top_bg.jpg) no-repeat 50% 50% / cover;padding:60px;padding-left:170px;color:#000;}
.movein-guide-top .ico	{position:absolute;left:50px;top:50px;display:block;width:90px;height:90px;background:url(../img/movein_guide_top_ico.png) no-repeat 50% 50%;}
.movein-guide-top .tit	{font-size:30px;font-weight:600;margin:0 0 10px 0;}

.movein-guide1		{background:url(../img/movein_guide1_bg.jpg) no-repeat 50% 50% / cover;padding:50px 0;}
.movein-guide1 li	{float:left;width:25%;color:#fff;line-height:1.3;padding:0 30px;border-left:1px solid rgba(255,255,255,0.1);word-break:keep-all;text-align:center;height:100px;}
.movein-guide1 li:first-child	{border:none;}
.movein-guide1 .num	{font-family:TitilliumSB;font-size:14px;margin:0 0 20px 0;}

.movein-guide2	{position:relative;height:180px;word-break:keep-all;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;text-align:center;}
.movein-guide2.bg1	{background-image:url(../img/movein_guide2_bg1.jpg);}
.movein-guide2.bg2	{background-image:url(../img/movein_guide2_bg2.jpg);}
.movein-guide2.bg3	{background-image:url(../img/movein_guide2_bg3.jpg);}
.movein-guide2 p	{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;padding:0 30px;font-size:18px;color:#fff;line-height:1.3;}

.corp-info	{}
.corp-info .name	{float:left;margin:0 0 20px 0;}
.corp-info .name .point-black	{font-weight:500;}
.corp-info .t1 table tbody th	{background:#FAFAFA;width:15%;}
.corp-info .t1 table tbody td	{width:35%;}

.board-write ul#rooms li	{float:left;width:20%;margin:3px 0;}
.board-write ul#rooms .tv-checkbox	{vertical-align:top;}

.app-file-list 	{position:relative;}
.app-file-list .btn-d	{position:absolute;right:30px;top:30px;}
.app-file-list .form-control-label	{line-height:1.2;padding-top:3px;}

.app-attach-list	{padding:20px 0;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.app-attach-list p	{padding:1px 0;}
.app-attach-list a	{display:inline-block;padding-left:20px;position:relative;font-size:0.825rem;word-break:break-word;}
.app-attach-list a:before	{content:"\f019";font-family:FontAwesome;font-weight:900;position:absolute;left:0;top:0;color:#828B9C;}

@media (max-width:1440px){ /*1200*/
}
@media (max-width:1240px){ /*960*/
	.valley-legend		{padding:20px 5px;}
	.valley-legend ul	{padding:0 10px;}
	.valley-legend li	{font-size:14px;}
	.valley-legend li span	{margin-right:5px;}
	.complex-state .txt	{font-size:15px;}
	.movein-guide1 li	{height:120px;}
}
@media (max-width:1017px){/*720*/
	.valley-legend		{padding:20px;}
	.valley-legend ul	{float:none;width:100%;border:none;padding:0;}
	.valley-legend li	{float:left;width:50%;}
	.complex-state ul	{padding-bottom:20px;margin-top:0;}
	.complex-state li	{width:33.3333%;border-top:none;padding:10px;}
	.complex-state .img	{height:180px;}
	.corp-info table tr	{}
	.corp-info .t1 table	{border:1px solid #DFDFDF;border-top:none;}
	.corp-info table td, .corp-info table th	{display:block;float:left;border-bottom:none;}
	.corp-info .t1 table tr:first-child th, .corp-info .t1 table tr:first-child td	{border-top:1px solid #DFDFDF;}
	.corp-info .t1 table tbody th	{width:25%;border-right:none;border-left:none;}
	.corp-info .t1 table tbody td	{width:75%;border-right:none;border-left:none;}
	.movein-guide1		{padding:30px 0;}
	.movein-guide1 li	{width:50%;margin:10px 0;height:80px;}
	.movein-guide1 li:nth-child(3)	{border-left:none;}
	.movein-guide2		{height:auto;padding:20px 0;}
	.movein-guide2 p	{position:relative;top:auto;transform:none;}
	.board-write ul#rooms li	{width:25%;}
}
@media (max-width:778px){/*mobile-l*/
	.complex-state li	{width:50%;}
	.complex-state .tit	{font-size:22px;}
	.corp-info .name	{margin:0 0 10px 0;}
	.corp-info .t1 table tbody th	{width:30%;}
	.corp-info .t1 table tbody td	{width:70%;min-height:30px;}
	.movein-guide-top	{padding:30px;padding-left:110px;background:#DFE9F2;}
	.movein-guide-top .ico	{width:60px;height:60px;background-size:auto 100%;left:30px;top:30px;}
	.movein-guide-top .tit	{font-size:20px;margin:0 0 5px 0;}
	.movein-guide1		{padding:0;}
	.movein-guide1 li	{float:none;width:100%;height:auto;border-right:none;border-top:1px solid rgba(255,255,255,0.1);padding:20px;}
	.movein-guide1 .num	{margin:0 0 5px 0;}
	.movein-guide2 p	{font-size:16px;}
	.board-write ul#rooms li	{width:33.3333%;}
	.app-file-list .btn-d	{position:relative;right:auto;top:auto;margin-top:10px;display:block;}
}
@media (max-width:576px){/*mobile-s*/
	.valley-legend li	{float:none;width:100%;}
	.corp-info .comment		{display:block;margin:0 0 5px 0 !important;}
	.corp-info .comment:before	{display:none;}
	.corp-info .name .mlp10	{margin-left:0!important;display:block;}
	.corp-info .name, .corp-info .right	{float:none!important;width:100%;}
	.corp-info .right .btn-d	{display:block;}
	.corp-info .t1 table tbody th,
	.corp-info .t1 table tbody td	{width:100%;font-size:.725rem;border-left:none;}
	.movein-guide-top		{padding-left:30px;text-align:center;}
	.movein-guide-top .ico	{position:relative;left:auto;top:auto;margin:0 auto;}
	.board-write ul#rooms li	{width:50%;}
	.board-write ul#rooms label	{font-size:13px;}
}
@media (max-width:320px){/*mobile-xs*/
	.complex-state ul	{margin:0;}
	.complex-state li	{float:none;width:100%;padding:0;margin:0 0 15px 0;}
	.complex-state .num	{margin-bottom:10px;}
	.complex-state .tit	{margin:5px 0;}
	.board-write ul#rooms .tv-checkbox input[type="checkbox"] + label::before	{margin-right:0.2rem;}
	.board-write ul#rooms label	{font-size:12px;}
}

/* 회의실·공용장비 */
.room-list			{position:relative;overflow:hidden;}
.room-list:after	{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#000;}
.room-list ul		{margin:-30px -15px 0;}
.room-list li		{position:relative;float:left;width:33.3333%;padding:30px 15px;border-bottom:1px dashed #000;}
.room-list .img		{position:relative;height:200px;overflow:hidden;}
.room-list .img:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(10,80,161,0.7);visibility:hidden;opacity:0;transform:translateY(-50px);transition:all 0.2s ease-out;z-index:2;}
.room-list .img:after	{content:"\f067";font-family:FontAwesome;font-weight:900;width:40px;height:40px;border:4px solid #fff;border-radius:50%;position:absolute;left:50%;top:50%;margin:-20px 0 0 -20px;text-align:center;line-height:34px;font-size:20px;color:#fff;visibility:hidden;opacity:0;transform:rotate(45deg);transition:all 0.2s ease-out;transform-origin:50% 50%;z-index:2;}
.room-list .img img	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.room-list .subject	{font-size:24px;font-weight:600;color:#0A50A1;letter-spacing:-1px;margin:20px 0 10px;}
.room-list a:hover .img:before	{visibility:visible;opacity:1;transform:translateY(0);}
.room-list a:hover .img:after	{visibility:visible;opacity:1;transform:rotate(0);}
.room-view		{position:relative;}
.room-view .img	{position:relative;overflow:hidden;height:400px;}
.room-view .img img	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.room-view .txt	{position:absolute;right:0;top:0;width:460px;height:100%;background:rgba(10,80,161,0.9);padding:40px;text-align:center;color:#fff;}
.room-view .txt>.ico	{position:relative;display:block;width:70px;height:60px;line-height:60px;margin:0 auto;}
.room-view .txt>.ico i	{position:relative;}
.room-view .txt>.ico:before	{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-30deg);border-radius:50%;background:#FF7F00;width:70px;height:50px;}
.room-view .subject	{font-size:32px;font-weight:600;margin:40px 0 20px;line-height:1.2;}
.room-view .desc	{line-height:1.4;word-break:keep-all;}
.room-view .txt a	{position:absolute;left:40px;bottom:40px;width:calc(100% - 80px);display:block;background:#FF7F00;padding:15px 0;color:#fff;}
.room-view .txt a:hover	{transform:translateY(-5px);box-shadow:0 5px 10px rgba(0,0,0,0.2);}

.equip-list		{}
.equip-list ul	{margin:0 -20px;}
.equip-list li	{width:25%;float:left;margin:0 0 40px 0;}
.equip-list li:nth-child(4n+1)	{clear:both;}
.equip-list li a	{position:relative;display:block;margin:0 20px;background:#F4F4F4;overflow:hidden;}
.equip-list .img	{position:relative;height:160px;overflow:hidden;background:#fff;}
.equip-list .img:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid rgba(0,0,0,0.1);z-index:1;}
.equip-list .img .noimg	{display:block;width:100%;height:100%;background:#fff url(../../default/img/noimg.png) no-repeat 50% 50%;}
.equip-list .img img	{max-width:80%;max-height:80%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.equip-list .txt		{padding:20px;}
.equip-list .subject	{font-size:18px;font-weight:600;color:#333;margin:0 0 10px 0;line-height:1.3;display:-webkit-box;display:-ms-flexbox;display:box;max-height:23px;overflow:hidden;vertical-align:top;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.equip-list .desc		{font-size:14px;}
.equip-list .desc:after	{content:"";display:block;float:none;clear:both;}
.equip-list .desc span	{display:block;float:left;}
.equip-list .desc .stit	{width:50px;color:#999;}
.equip-list.ver2 .desc .stit {width:70px;}
.equip-list.ver2 .desc .stxt {width:calc(100% - 70px);}
.equip-list .desc .stxt	{width:calc(100% - 50px);color:#666;display:-webkit-box;display:-ms-flexbox;display:box;max-height:21px;overflow:hidden;vertical-align:top;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.equip-list .over-bx	{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(10,80,161,0.9);padding:70px 30px 0;text-align:center;visibility:hidden;opacity:0;transform:translateY(-50px);transition:all 0.25s ease-out;z-index:2;}
.equip-list .over-subject	{font-size:24px;font-weight:600;color:#fff;margin:0 0 30px 0;line-height:1.2;}
.equip-list .over-bx span	{position:relative;display:block;width:50px;height:50px;margin:0 auto;border:1px solid rgba(255,255,255,0.4);}
.equip-list .over-bx span:before,
.equip-list .over-bx span:after	{content:"";position:absolute;left:50%;top:50%;display:block;background:rgba(255,255,255,0.4);transform:rotate(45deg);transition:all 0.3s ease-out;}
.equip-list .over-bx span:before{width:20px;height:1px;margin-left:-10px;}
.equip-list .over-bx span:after	{height:20px;width:1px;margin-top:-10px;}
.equip-list li a:hover .over-bx	{visibility:visible;opacity:1;transform:translateY(0);}
.equip-list li a:hover .over-bx span:before,
.equip-list li a:hover .over-bx span:after	{transform:rotate(0);}
.equip-view .tit-wrap	{padding:20px 0;text-align:center;}
.equip-view .tit-wrap .subject	{font-size:30px;font-weight:600;line-height:1;margin:20px 0 10px;color:#333;letter-spacing:-1px;}
.equip-view .tit-wrap .en		{font-size:14px;color:#555;}
.equip-view .img-wrap	{float:left;width:calc(100% - 440px);}
.equip-view.ver2 .img-wrap {width:calc(100% - 600px);}
.equip-view .info		{float:left;width:400px;margin-left:40px;}
.equip-view.ver2 .info  {width:560px;}
.equip-view.ver2 .info th {text-align:center;}
.equip-view.ver2 h4 {margin: 1rem 0 0.5rem 0;}
.equip-view .info.fix	{position:fixed;top:59px;right:calc(50% - 600px);}
.equip-view.ver2 .info.fix {position:relative;right:0;top:0;}
.equip-view .img-wrap li	{}
.equip-view .img-wrap .bx-viewport:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid rgba(0,0,0,0.1);z-index:1;}
.equip-view .img-wrap .img	{position:relative;height:380px;background:#fff;}
.equip-view.ver2 .img-wrap .img  { border: 1px solid rgba(0, 0, 0, 0.1); }
.equip-view .img-wrap .img img	{max-width:100%;max-height:80%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.equip-view .img-wrap .noimg	{display:block;width:100%;height:100%;background:#F4F4F4 url(../../default/img/noimg.png) no-repeat 50% 50%;}
.equip-view .img-wrap .control		{border-bottom:1px solid #828B9C;line-height:60px;}
.equip-view .img-wrap .control .left a	{position:relative;display:block;float:left;height:60px;width:40px;}
.equip-view .img-wrap .control .left a:before	{content:"";position:absolute;left:50%;top:50%;margin-left:-12px;display:block;width:24px;height:1px;background:#828B9C;}
.equip-view .img-wrap .control .left a:after	{content:"";position:absolute;display:block;width:16px;height:16px;border-top:1px solid #828B9C;border-right:1px solid #828B9C;}
.equip-view .img-wrap .control .left .prev:after	{transform:rotate(-135deg);transform-origin:115% 105%;}
.equip-view .img-wrap .control .left .next:after	{transform:rotate(45deg);transform-origin:-75% 215%;}
.equip-view .img-wrap .control .right a		{margin-left:15px;font-size:16px;font-family:TitilliumSB;color:#FF7F00;width: auto;height: auto}
.equip-view .img-wrap .control .right a.on	{color:#0A50A1;}
.equip-view .img-wrap .control .right .total {display:inline-block;margin-left:5px;}
.equip-view .info .t1	{font-size:0.875rem;}
.equip-view .info .btnarea		{margin-bottom:0;}
.equip-view .info .btnarea a	{display:block;float:left;width:calc(50% - 5px);padding:15px 0;text-align:center;font-weight:600;border:1px solid #FF7F00;}
.equip-view .info .btnarea a:first-of-type	{margin-right:5px;background:#fff;color:#FF7F00;}
.equip-view .info .btnarea a:last-of-type	{margin-left:5px;background:#FF7F00;color:#fff;}
.equip-view .info .btnarea a:hover	{transform:translateY(-5px);box-shadow:0 5px 5px rgba(0,0,0,0.2)}
.equip-view .info .btnarea a:first-of-type:hover{background:#FF7F00;color:#fff;}
.equip-view .info .btnarea a:last-of-type:hover	{background:#fff;color:#FF7F00;}
.equip-view .info .t1 table tbody th:first-child,
.equip-view .info .t1 table tbody td:first-child,
.equip-view .info .t1 table tfoot th:first-child,
.equip-view .info .t1 table tfoot td:first-child	{border-left:none;}
.equip-view .info .t1 table tbody td:last-child,
.equip-view .info .t1 table tfoot td:last-child		{border-right:none;}
.equip-view .cont	{width:calc(100% - 440px);}
.equip-view .t1 table th,
.equip-view .t1 table td {border-left:0;border-right:0;}
.equip-view .t1 table th {text-align:center;}

.equip-state		{border-top:2px solid #0A50A1;border-bottom:1px solid #000;}
.equip-state>ul>li		{position:relative;border-top:1px dashed #000;padding:30px 0;}
.equip-state>ul>li:first-child	{border-top:none;}	
.equip-state li:after	{content:"";display:block;float:none;clear:both;}
.equip-state .img	{float:left;width:250px;height:170px;position:relative;overflow:hidden;}
.equip-state .img img	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.equip-state .txt	{float:left;width:calc(100% - 250px);padding:20px 0 0 30px;}
.equip-state .subject	{font-size:24px;font-weight:600;color:#000;line-height:1;letter-spacing:-1px;margin:0 0 20px 0;}
.equip-state .desc li	{padding:5px 0;}
.equip-state .desc span	{display:block;float:left;}
.equip-state .desc .stit	{width:100px;color:#0A50A1;}
.equip-state .desc .stxt	{width:calc(100% - 100px);}
.equip-state .tel	{position:absolute;right:0;top:30px;font-size:18px;color:#0A50A1;}
.equip-state .tel:before	{content:"\f095";font-family:FontAwesome;font-weight:900;margin-right:10px;font-size:15px;}

h3.m-tit {color:#fff;padding:15px;background:#0A50A1;}
h3.m-tit:before {display:none;}
#fileArea .fa-save:before {color:#ccc;margin-right:10px;}
#fileArea .file-tit {font-size:0.9rem;}
#fileArea .file-tit:hover {color: #768395;text-decoration: underline;}

@media (max-width:1440px){ /* 1200 */
}
@media (max-width:1240px){ /* 960 */
	.room-list li	{width:50%;}
	.equip-list li	{width:33.3333%;}
	.equip-list li:nth-child(4n+1)	{clear:none;}
	.equip-list li:nth-child(3n+1)	{clear:both;}
	.equip-view .info.fix	{right:calc(50% - 480px);}
	.equip-state .txt	{padding-top:0;}
	.equip-view.ver2 .info {width:100%;float:none;margin-left:0;margin-top:30px;}
	.equip-view.ver2 .img-wrap {width:100%;float:none;}
}
@media (max-width:1017px){/* 720 */
	.room-view .img		{height:360px;}
	.room-view .txt		{width:50%;padding:30px;}
	.room-view .subject	{font-size:26px;margin:30px 0 20px;line-height:1.2;}
	.room-view .txt a	{left:30px;bottom:30px;width:calc(100% - 60px);}
	.equip-list ul		{margin:0 -10px;}
	.equip-list li		{margin:0 0 20px 0;}
	.equip-list li a	{margin:0 10px;}
	.equip-list .over-subject	{font-size:22px;}
	.equip-view .img-wrap, .equip-view .info, .equip-view .cont	{float:none;width:100%;}
	.equip-view .info	{margin:30px 0 0 0;}
	.equip-view .info .btnarea	{margin-top:20px;}
	.equip-view .info .btnarea a	{padding:10px 0;}
	.equip-view .info.fix	{position:relative;right:auto;top:auto;}
	.equip-view .info.fix .btnarea	{position:fixed;left:0;top:49px;width:100%;margin:0;padding:20px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);z-index:99;}
	.equip-info .desc	{display:block;padding-right:100px;}
	.equip-state .tel	{position:relative;right:auto;top:auto;margin-top:10px;}
}
@media (max-width:778px){/* mobile-l */
	.room-list .img	{height:160px;}
	.room-list .subject	{font-size:20px;margin:15px 0 5px;}
	.room-view .img	{height:200px;}
	.room-view .txt	{position:relative;width:100%;background:#0A50A1;}
	.room-view .txt>.ico	{margin-top:-60px;}
	.room-view .subject	{margin:20px 0 10px;}
	.room-view .txt a	{position:relative;left:auto;bottom:auto;width:auto;display:inline-block;padding:10px 40px;margin:15px 0 0 0;}
	.equip-list li	{width:50%;}
	.equip-list li:nth-child(3n+1)	{clear:none;}
	.equip-list li:nth-child(2n+1)	{clear:both;}
	.equip-view .img-wrap .img	{height:280px;}
	.equip-view .info .btnarea	{margin:10px 0 0 0 !important;}
	.equip-view .info.fix .btnarea	{position:relative;left:auto;top:auto;padding:0;box-shadow:none;}
	.equip-view.ver2 .info th {width:100px !important;word-break: keep-all;}
	.equip-view.ver2 .info table col:nth-child(1),
	.equip-view.ver2 .info table col:nth-child(3) {width:100px !important;}
	.equip-state .img	{width:140px;height:100px;}
	.equip-state .txt	{width:calc(100% - 140px);}
	.equip-state .subject	{fot-size:22px;}
	.equip-state .desc	{font-size:15px;}
	.equip-state .desc li	{padding:2px 0;}
	.equip-state .tel	{font-size:16px;}
}
@media (max-width:576px){/* mobile-s */
	.room-list ul	{margin:-20px 0 0 0;}
	.room-list li	{float:none;width:100%;padding:20px 0;}
	.room-view .subject	{font-size:28px;}
	.room-view .desc	{font-size:15px;}
	.room-view .txt a	{display:block;}
	.equip-list li	{float:none;width:100%;}
	.equip-view .tit-wrap .subject	{font-size:26px;}
	.equip-view .img-wrap .img	{height:240px;}
	.equip-view .info .btnarea a	{padding:10px 0;font-size:14px;}
	.equip-state .img, .equip-state .txt	{float:none;width:100%;}
	.equip-state .img		{margin:0 0 20px 0;height:130px;}
	.equip-state .txt		{padding:0;}
	.equip-state .subject	{font-size:20px;}
	.equip-state .desc span	{float:none;width:100% !important;}
	.equip-state .desc .stit	{margin:0 0 5px 0;}
}
@media (max-width:320px){/* mobile-xs */
}

.column_type1.row, .column_type2.row{margin:0;align-items:center;justify-content:space-between;}
@media (max-width:767px){/* mobile-l */
	.column_type1.row .thumb, .column_type2.row .thumb, .column_type1.row > .txt, .column_type2.row > .txt{width:100% !important;}
}

/* 회의실/장비 신청 */
.reserve-step		{padding:20px 0;border-top:2px solid #0A50A1;}
.reserve-step ul	{margin:0 -20px;}
.reserve-step li	{position:relative;float:left;width:calc(25% - 40px);padding:20px 0 20px 110px;margin:0 20px;}
.reserve-step li:before	{content:"\f054";font-family:FontAwesome;font-weight:900;position:absolute;left:-25px;top:50%;margin-top:-10px;color:#E1E1E1;}
.reserve-step li:first-child:before	{display:none;}
.reserve-step .ico			{position:absolute;left:0;top:0;width:100px;height:80px;text-align:center;}
.reserve-step .ico span		{position:relative;display:inline-block;width:50px;height:50px;margin:15px 0;background-repeat:no-repeat;background-position:0 -50px;}
.reserve-step .ico-room span	{background-image:url(../img/res_step_ico_room.png);}
.reserve-step .ico-equip span	{background-image:url(../img/res_step_ico_equip.png);}
.reserve-step .ico-step2 span	{background-image:url(../img/res_step_ico_step2.png);}
.reserve-step .ico-step3 span	{background-image:url(../img/res_step_ico_step3.png);}
.reserve-step .ico-step4 span	{background-image:url(../img/res_step_ico_step4.png);}
.reserve-step .ico:before	{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-30deg);border-radius:50%;background:#0A50A1;width:100px;height:70px;box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.reserve-step li p			{color:#0A50A1;line-height:1;}
.reserve-step li .step		{font-family:TitilliumSB;font-size:14px;}
.reserve-step li .tit		{font-size:20px;font-weight:600;margin:10px 0 0 0;letter-spacing:-1px;}
.reserve-step .on ~ li .ico span	{background-position:0 0;}
.reserve-step .on ~ li .ico:before	{background:#F2F4F7;}
.reserve-step .on ~ li p	{color:#000;}

.reserve-cont	{padding-top:30px;}

.reserve-room-list		{position:relative;overflow:hidden;}
.reserve-room-list:after	{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#000;}
.reserve-room-list ul	{margin:-30px -15px 0;}
.reserve-room-list li	{position:relative;float:left;width:33.3333%;padding:30px 15px;border-bottom:1px dashed #000;}
.reserve-room-list .img	{position:relative;height:200px;overflow:hidden;margin:0 0 20px 0;}
.reserve-room-list .img img	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.reserve-room-list .subject	{font-size:24px;font-weight:600;color:#000;letter-spacing:-1px;transition:all 0.2s ease-out;}
.reserve-room-list li a	{position:absolute;right:15px;bottom:28px;display:inline-block;padding:8px 20px;border:1px solid #0A50A1;color:#0A50A1;font-size:14px;text-align:center;}
.reserve-room-list li a:before	{background:#0A50A1;}
.reserve-room-list li:hover .tit	{color:#0A50A1;}
.reserve-room-list li a:hover span	{color:#fff;}

.reserve-equip-list			{position:relative;overflow:hidden;}
.reserve-equip-list:after	{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#000;}
.reserve-equip-list>ul		{margin:0 -15px;}
.reserve-equip-list>ul>li	{position:relative;float:left;width:50%;padding:30px 15px;border-bottom:1px dashed #000;}
.reserve-equip-list li:after	{content:"";display:block;float:none;clear:both;}
.reserve-equip-list .img		{position:relative;height:220px;overflow:hidden;float:left;width:50%;}
.reserve-equip-list .img:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid rgba(0,0,0,0.1);z-index:1;}
.reserve-equip-list .img img	{max-width:80%;max-height:80%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.reserve-equip-list .txt-wrap	{float:left;width:50%;padding-left:20px;}
.reserve-equip-list .subject	{font-size:24px;font-weight:600;color:#0A50A1;letter-spacing:-1px;height:36px;overflow:hidden;transition:all 0.2s ease-out;}
.reserve-equip-list .desc		{margin:10px 0 15px;font-size:15px;}
.reserve-equip-list .desc li	{padding:3px 0;}
.reserve-equip-list .desc li span	{float:left;}
.reserve-equip-list .stit	{width:50px;color:#0A50A1;display:block;}
.reserve-equip-list .stxt	{width:calc(100% - 50px);display:-webkit-box;display:-ms-flexbox;display:box;max-height:21px;overflow:hidden;vertical-align:top;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.reserve-equip-list .btn a	{display:inline-block;padding:8px 20px;font-size:14px;margin-right:5px;}
.reserve-equip-list .btn a:first-of-type	{border:1px solid #ccc;color:#000;}
.reserve-equip-list .btn a:first-of-type:before	{background:#ccc;}
.reserve-equip-list .btn a:last-of-type		{border:1px solid #0A50A1;color:#0A50A1;background:#F3F7FA;}
.reserve-equip-list .btn a:last-of-type:before	{background:#0A50A1;}
.reserve-equip-list .btn a:hover span	{color:#fff;}

.res-cal-legend		{color:#000;margin:-3px 0;}
.res-cal-legend div	{display:inline-block;font-size:15px;line-height:30px;margin-left:20px;}
.res-cal-legend span	{position:relative;display:inline-block;width:30px;height:30px;vertical-align:top;margin-right:5px;}
.res-cal-legend .res-stand:before, .res-cal-legend .res-fix:before	{position:absolute;left:50%;top:50%;margin:-10px 0 0 -10px;}
.res-stand	{background:#fff;border:1px solid #ccc;}
.res-fix	{background:#fdf8db;border:1px solid #f9eab3;}
.res-stand:before	{content:"대";font-size:11px;display:inline-block;width:20px;height:20px;border-radius:50%;line-height:20px;color:#fff;background:#60697a;text-align:center;vertical-align:middle;}
.res-fix:before		{content:"확";font-size:11px;display:inline-block;width:20px;height:20px;border-radius:50%;line-height:20px;color:#fff;background:#0A50A1;text-align:center;vertical-align:middle;}

.res-month		{position:relative;padding:30px 0;text-align:center;}
.res-month>span	{font-family:TitilliumSB;font-size:32px;color:#000;line-height:1;}
.res-month a	{position:absolute;top:35px;font-size:18px;color:#5b6678;}
.res-month .prev	{left:0;}
.res-month .next	{right:0;}
.res-month a i	{color:#ccc;}
.res-month .prev i	{margin-right:20px;}
.res-month .next i	{margin-left:20px;}

.day.sun	{color:#FF3333 !important;}
.day.sat	{color:#052174 !important;}
.res-calendar		{}
.res-calendar td, .calendar th	{border:1px solid #D9E0E6;width:14.285714%;transition:all 0.2s ease-out;}
.res-calendar thead th	{background:#5b6678;border-top:none;border-bottom:none;padding:15px;text-align:center;font-size:15px;font-weight:500;color:#fff;}
.res-calendar tbody td	{background:#F8F9FA;vertical-align:top;height:140px;cursor:pointer;}
.res-calendar thead th:first-child,
.res-calendar tbody td:first-child	{border-left:none;}
.res-calendar thead th:last-child,
.res-calendar tbody td:not(.on):last-child	{border-right:none;}
.res-calendar tbody tr:first-child td	{border-top:none;}
.res-calendar table td span,
.res-calendar .day		{display:inline-block;font-family:TitilliumSB;font-size:14px;color:#000;width:30px;height:30px;line-height:30px;margin:5px;text-align:center;border-radius:50%;transition:all 0.2s ease-out;}
.res-calendar td p		{position:relative;padding:5px;padding-left:30px;font-size:12px;line-height:1.3;}
.res-calendar td .time	{font-weight:500;margin-right:5px;}
.res-calendar .va-pc	{display:table-cell;}
.res-calendar .res-stand	{color:#999;}
.res-calendar .res-fix		{color:#000;}
.res-calendar .res-stand, .res-calendar .res-fix	{margin:-1px 0 0 0;border-right:none;border-left:none;}
.res-calendar .res-stand:before,
.res-calendar .res-fix:before	{position:absolute;left:5px;top:2px;}
.res-calendar td:hover	{background:#fff;}
.res-calendar td:hover .day{background:#ff7f00;color:#fff;}
.res-calendar td.on	{border:2px solid #FF7F00;background:#fff;}
.res-calendar .none	{background:#FFF5F5;text-align:center;}
.res-calendar .none *	{color:#FF3333 !important;}
.res-calendar .none span:not(.day):before	{content:"\f057";font-family:FontAwesome;font-size:40px;display:block;line-height:1;margin:0 0 10px 0;}

.my-pick		{position:relative;padding:30px;background:#F3F7FA;}
.my-pick:after	{content:"";display:block;float:none;clear:both;}
.my-pick .img	{float:left;width:360px;height:220px;position:relative;overflow:hidden;margin:0 40px 0 0;}
.my-pick .img:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid rgba(0,0,0,0.1);z-index:1;}
.my-pick .img img	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.my-pick .txt-wrap	{float:left;width:calc(100% - 400px);padding:20px 0 0 0;}
.my-pick .tit	{font-size:28px;letter-spacing:-2px;line-height:1.2;color:#000;}
.my-pick .tit span	{font-size:34px;font-weight:600;color:#0A50A1;}
.my-pick .tit:after	{content:"";display:block;width:30px;height:2px;background:#0A50A1;margin:30px 0 10px;}
.my-pick .desc li	{float:left;width:50%;margin:10px 0 0 0;}
.my-pick .desc li:after	{content:"";display:block;float:none;clear:both;}
.my-pick .desc li span	{display:block;float:left;}
.my-pick .desc .stit	{width:90px;color:#0A50A1;}
.my-pick .desc .stxt	{width:calc(100% - 90px);}

.res-complete		{background:#F3F7FA;padding:50px;text-align:center;word-break:keep-all;}
.res-complete .ico			{position:relative;width:100px;height:80px;text-align:center;display:inline-block;margin:0 0 50px 0;}
.res-complete .ico span		{position:relative;display:inline-block;width:50px;height:50px;margin:15px 0;background:url(../img/res_step_ico_step4.png) no-repeat 0 -50px;}
.res-complete .ico:before	{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-30deg);border-radius:50%;background:#0A50A1;width:100px;height:70px;box-shadow:0 5px 10px rgba(10,80,161,0.4);}
.res-complete .time	{font-size:20px;color:#0A50A1;}
.res-complete .tit	{font-size:34px;font-weight:600;color:#000;letter-spacing:-2px;line-height:1;margin:10px 0 20px;}
.res-complete .txt	{font-size:22px;color:#000;letter-spacing:-1px;margin:0 0 30px 0;line-height:1.4;}
.res-complete .btn-d	{padding:5px 60px;}

@media (max-width:1440px){ /*1200*/
}
@media (max-width:1240px){ /*960*/
	.reserve-step li	{padding-top:10px;padding-bottom:10px;}
	.reserve-step li .tit	{word-break:keep-all;}
	.reserve-room-list li	{width:50%;}
	.reserve-equip-list .img	{width:40%;}
	.reserve-equip-list .txt-wrap	{width:60%;}
	.res-calendar td .time	{display:block;marign:0;}
	.res-calendar .res-stand:before, .res-calendar .res-fix:before	{top:4px;}
	.my-pick .txt-wrap	{padding:0;}
	.my-pick .tit		{font-size:26px;}
	.my-pick .tit span	{font-size:30px;}
	.my-pick .tit:after	{margin:20px 0;}
	.my-pick .desc li	{float:none;width:100%;margin:5px 0 0 0;}
}
@media (max-width:1017px){/*720*/
	.reserve-step	{margin:0 0 30px 0;}
	.reserve-step li	{padding-left:65px;}
	.reserve-step li .tit	{font-size:18px;}
	.reserve-step .ico			{width:50px;height:40px;top:20px;}
	.reserve-step .ico span		{width:25px;height:25px;background-position:0 -25px;background-size:100% auto;margin:8px 0;}
	.reserve-step .ico:before	{transform:translate(-50%, -50%) rotate(-30deg) scale(0.5);}
	.reserve-room-list .subject	{font-size:20px;}
	.reserve-room-list li a		{bottom:26px;}
	.reserve-equip-list .img	{height:100px;width:30%;}
	.reserve-equip-list .txt-wrap	{width:70%;}
	.reserve-equip-list .subject{font-size:20px;height:30px;}
	.reserve-equip-list .desc	{margin:10px 0;}
	.reserve-equip-list .desc li	{font-size:15px;padding:1px 0;}
	.reserve-equip-list .btn a	{padding:5px 15px;}
	.res-calendar td .time	{font-size:10px;}
	.my-pick .img		{width:200px;height:120px;margin:0 30px 0 0;}
	.my-pick .txt-wrap	{width:calc(100% - 230px);}
	.my-pick .tit		{margin:0 0 20px 0;}
	.my-pick .tit:after	{display:none;}
}
@media (max-width:778px){/*mobile-l*/
	.reserve-step li	{padding:40px 0 0 0;text-align:center;}
	.reserve-step li .step	{display:none;}
	.reserve-step .ico	{top:0;left:50%;margin-left:-25px;}
	.reserve-room-list .img	{height:160px;margin:0;}
	.reserve-room-list .subject	{margin:15px 0;line-height:1.2;font-size:18px;}
	.reserve-room-list li a	{position:relative;right:auto;bottom:auto;display:block;width:100%;}
	.reserve-equip-list>ul		{margin:0;}
	.reserve-equip-list>ul>li	{float:none;width:100%;padding:20px 0;}
	.res-calendar table	{display:block;background:#F8F9FA;}
	.res-calendar table:after	{content:"";display:block;float:none;clear:both;}
	.res-calendar thead	{display:none;}
	.res-calendar tbody,
	.res-calendar tr	{display:block;width:100%;}
	.res-calendar tbody td	{position:relative;display:block;width:100%;height:auto;min-height:46px;border:none;border-top:1px solid #D9E0E6;background:none;padding:5px 5px 5px 50px;}
	.res-calendar tbody td:after{content:"";display:block;float:none;clear:both;}
	.res-calendar tbody tr:first-child td	{border-top:1px solid #D9E0E6;}
	.res-calendar .va-pc	{display:none;}
	.res-calendar .day	{position:absolute;left:0;top:0;}
	.res-calendar td p	{float:left;width:calc(33.3333% + 2px);}
	.res-calendar .res-stand	{border-right:1px solid #ccc;border-left:1px solid #ccc;}
	.res-calendar .res-fix		{border-right:1px solid #f9eab3;border-left:1px solid #f9eab3;}
	.res-calendar .res-stand, .res-calendar .res-fix	{margin:-1px;margin-top:0;}
	.res-calendar .res-stand:before, .res-calendar .res-fix:before	{top:3px;}
	.res-calendar td .time	{display:inline-block;margin:0 5px 0 0;}
	.res-calendar .on		{padding-bottom:6px;}
	.res-calendar .none		{font-size:14px;padding-top:5px;}
	.res-calendar .none span:not(.day)	{display:block;margin-top:5px;}
	.res-calendar .none span:not(.day):before	{font-size:16px;display:inline-block;margin:0 5px 0 0;vertical-align:middle;}
	.my-pick		{padding:20px;}
	.my-pick .img, .my-pick .txt-wrap	{float:none;width:100%;}
	.my-pick .img	{position:absolute;left:20px;top:20px;width:160px;height:100px;}
	.my-pick .tit	{padding-left:180px;min-height:100px;word-break:keep-all;}
	.my-pick .tit span	{font-size:30px;}
}
@media (max-width:576px){/*mobile-s*/
	.reserve-step ul	{margin:0;}
	.reserve-step li	{margin:0;width:25%;padding-left:5px;padding-right:5px;}
	.reserve-step li:before	{left:-3px;top:22px;font-size:12px;}
	.reserve-step li .tit	{font-size:14px;}
	.reserve-cont		{padding-top:20px;}
	.reserve-cont .left.cmt	{float:none !important;}
	.res-cal-legend		{float:none !important;margin:10px 0 0 0;}
	.res-cal-legend div	{margin:0 20px 0 0;}
	.reserve-room-list ul	{margin-left:-5px;margin-right:-5px;}
	.reserve-room-list li	{padding:20px 5px;}
	.reserve-room-list .img	{height:100px;}
	.reserve-room-list .subject	{font-size:15px;}
	.reserve-equip-list .desc li	{font-size:14px;}
	.reserve-equip-list .btn a	{font-size:13px;}
	.res-month>span		{font-size:28px;}
	.res-month a		{top:30px;}
	.res-month a span	{display:none;}
	.res-calendar td p	{float:none;width:100%;}
	.res-calendar .res-stand, .res-calendar .res-fix	{margin-right:0;margin-left:0;}
	.my-pick .img	{position:relative;left:auto;top:auto;width:100%;}
	.my-pick .tit	{padding-left:0;min-height:auto;font-size:22px;margin:20px 0;}
	.my-pick .tit span	{font-size:26px;}
	.my-pick .desc li	{font-size:14px;}
	.my-pick .desc .stit	{width:80px;}
	.my-pick .desc .stxt	{width:calc(100% - 80px);}
	.res-complete	{padding:30px;}
	.res-complete .ico	{margin:0 0 30px 0;}
	.res-complete .time	{font-size:15px;}
	.res-complete .tit	{font-size:22px;letter-spacing:-1px;}
	.res-complete .txt	{font-size:16px;margin:0 0 20px 0;}
	.res-complete .btn-d	{display:block;padding:0;margin:2px 0 0 0;text-align:center;}
}
@media (max-width:320px){/*mobile-xs*/
	.reserve-step li	{padding-left:0;padding-right:0;}
	.reserve-step li .tit	{font-size:13px;}
	.reserve-room-list li	{float:none;width:100%;}
	.reserve-room-list li a	{font-size:13px;}
	.reserve-equip-list .img, .reserve-equip-list .txt-wrap	{float:none;width:100%;}
	.reserve-equip-list .img	{height:180px;}
	.reserve-equip-list .txt-wrap	{padding:0;margin:10px 0 0 0;}
}

/* 홍보마당 */
#index-pr		{position:relative;background:url(../img/pr_bg1.jpg) no-repeat 50% 50% / cover;padding:100px 0 120px;text-align:center;margin:-140px 0 -80px;z-index:9;}
#index-pr:before	{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:210px;background:url(../img/pr_bg2.png) no-repeat 50% 0;}
#index-pr .title	{margin:0 0 50px 0;word-break:keep-all;}
#index-pr .title .tt1{font-size:46px;font-weight:600;color:#B88A01;line-height:1;letter-spacing:-2px;margin:0 0 20px 0;}
#index-pr .title .tt2{font-size:18px;color:#333;line-height:1.3;}
#index-pr .title span	{display:block;-webkit-clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 80%);clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 80%);transform:translateY(-50px);opacity:0;animation:titleAni 1s ease 0.4s forwards;}
#index-pr .title .tt2 span{animation-delay:0.8s;}
#index-pr ul		{margin:0 -15px;}
#index-pr li		{float:left;width:33.3333%;}
#index-pr li a		{position:relative;display:block;margin:0 15px;padding:200px 40px 40px 40px;overflow:hidden;box-shadow:0 8px 12px rgba(0,0,0,0.2);transition:all 0.4s ease-out;}
#index-pr li a:hover	{box-shadow:0 15px 20px rgba(0,0,0,0.4);transform:translateY(-15px);}
#index-pr li a:before	{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;transition:all 0.2s ease-out;z-index:1;}
#index-pr .bg1 a:before	{background-image:url(../img/pr_cont_bg1.jpg);}
#index-pr .bg2 a:before	{background-image:url(../img/pr_cont_bg2.jpg);}
#index-pr .bg3 a:before	{background-image:url(../img/pr_cont_bg3.jpg);}
#index-pr li a:after	{content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:50%;background-image:linear-gradient(to bottom, transparent, rgba(0,0,0,0.8));z-index:2;}
#index-pr li a:hover:before	{transform:scale(1.02);}
#index-pr li p		{position:relative;color:#fff;z-index:3;}
#index-pr li .tit	{font-size:26px;font-weight:600;letter-spacing:-1px;margin:0 0 10px 0;line-height:1.1;word-break:keep-all;}
#index-pr li .view	{font-family:TitilliumSB;}
#index-pr li .border	{position:absolute;left:0;top:0;display:block;width:100%;height:100%;border:3px solid #fff;z-index:4;}
#index-pr li .border:after	{content:"";position:absolute;top:-3px;left:-3px;width:0%;height:0%;z-index:1;border-top:3px solid #CC9900;border-right:3px solid #CC9900;border-width:0;}
#index-pr li .border:before	{content:"";position:absolute;bottom:-3px;right:-3px;width:0%;height:0%;z-index:1;border-bottom:3px solid #CC9900;border-left:3px solid #CC9900;border-width:0;}
#index-pr li a:hover .border:after,
#index-pr li a:hover .border:before	{border-width:3px;width:100%;animation:aW_nH 0.4s cubic-bezier(.84,.17,.36,.92), sW_aH 0.4s cubic-bezier(.84,.17,.36,.92), sW_sH 0.8s cubic-bezier(.84,.17,.36,.92) infinite;animation-delay:0s, 0.4s, 0.8s;}
@keyframes aW_nH{ from{width:0%;} to{width:calc(100% + 6px);} }
@keyframes sW_aH{ from{width:calc(100% + 6px); height:0%;} to{width:calc(100% + 6px); height:calc(100% + 6px);} }
@keyframes sW_sH{ from{width:calc(100% + 6px); height:calc(100% + 6px);} to{width:calc(100% + 6px); height:calc(100% + 6px);} }
@keyframes titleAni {
	0%	{transform:translateY(-50px);opacity:0;-webkit-clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 80%);clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 80%);}
	100%{transform:translateY(0);opacity:1;-webkit-clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 0);clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 0);}
}
.ie9 #index-pr li .border:after, .ie9 #index-pr li a .border:before	{display:none;}

.board-report		{}
.board-report li	{position:relative;border:1px solid #DFDFDF;padding: 25px 40px;margin:0 0 40px 0;transition:all 0.2s ease-out;}
.board-report li:after	{content:"";display:block;float:none;clear:both;}
.board-report .info		{float:left;width: 90px;}
.board-report .txt		{float:left;width:calc(100% - 285px);margin: 15px 0 0 30px;}
.board-report .txt .subject {font-size:22px;font-weight:bold;letter-spacing:-1px;color: #000;}
.board-report .txt .desc {}

.board-report .btn_go   {position:absolute;top:50%;right:40px;transform:translateY(-50%);}
.board-report .btn_go a {font-size:16px;padding:13px 60px 15px 30px;font-weight:400;color:#0A50A1;border: 1px solid #0A50A1;border-radius: 25px;letter-spacing:-1px;}
.board-report .btn_go span {position:relative;right:-50px;}
.board-report .btn_go span:before	{content:"";display:block;width:20px;height:2px;background:#0A50A1;position:absolute;right: 10px;top:50%;margin-top:-1px;transition:all 0.2s ease-out;}
.board-report .btn_go span:after	{content:"";display:block;width:8px;height:8px;border-top:2px solid #0A50A1;border-right:2px solid #0A50A1;transform:rotate(45deg);position:absolute;right:10px;top: 7px;transition:all 0.2s ease-out;}

.board-report .btn-go	{position:absolute;right:0;top:0;width:130px;height:100%;}
.board-report .btn-go a {}
.board-report .num		{font-size:12px;}

.board-report .btn-go a	{position:absolute;left:50%;top:50%;display:block;width:30px;height:30px;transform:translate(-50%, -50%);}
.board-report .btn-go a:before	{content:"";display:block;width:20px;height:2px;background:#0A50A1;position:absolute;left:0;top:50%;margin-top:-1px;transition:all 0.2s ease-out;}
.board-report .btn-go a:after	{content:"";display:block;width:8px;height:8px;border-top:2px solid #0A50A1;border-right:2px solid #0A50A1;transform:rotate(45deg);position:absolute;right:10px;top:11px;transition:all 0.2s ease-out;}
.board-report .btn-go span		{display:block;float:right;width:20px;height:100%;border:2px solid #0A50A1;border-left:none;}
.board-report .btn-go a:hover:before	{left:18px;background:#FF7F00;}
.board-report .btn-go a:hover:after		{right:-8px;border-color:#FF7F00;}
.board-report li:hover	{border-color:#0A50A1;}
.board-report li:hover .subject a	{color:#0A50A1;}

.board-brochure		{}
.board-brochure ul	{margin:0 -20px;}
.board-brochure li	{position:relative;float:left;width:25%;padding:0 20px;margin:0 0 40px 0;}
.board-brochure li:nth-child(4n+1)	{clear:both;}
.board-brochure .thumb	{width:100%;height:380px;}
.board-brochure .subject{margin:1rem 0;font-size:18px;line-height:1.3;font-weight:500;color:#333;}
.board-brochure .btn-wrap	{position:absolute;left:20px;top:0;width:calc(100% - 40px);height:380px;background:rgba(0,0,0,0.65);border-radius:3px;visibility:hidden;opacity:0;transition:all 0.3s ease-out;}
.board-brochure li:hover .btn-wrap	{visibility:visible;opacity:1;}
.board-brochure .btn-wrap>div	{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);padding:0 40px;}
.board-brochure .btn-wrap a	{position:relative;display:block;margin:4px 0;padding:10px 15px;font-size:15px;border:2px solid #0A50A1;}
.board-brochure .btn-download	{background:#fff;color:#0A50A1;}
.board-brochure .btn-view		{background:#0A50A1;color:#fff;}
.board-brochure .ico	{position:absolute;right:15px;top:50%;margin-top:-10px;width:20px;height:20px;}
.board-brochure .btn-wrap a .ico,
.board-brochure .btn-wrap a .ico:before,
.board-brochure .btn-wrap a .ico span,
.board-brochure .btn-wrap a .ico span:before	{transition:all 0.2s ease-out;}
.board-brochure .btn-download .ico	{}
.board-brochure .btn-download .ico:before	{content:"";display:block;width:100%;height:50%;margin-top:50%;border:2px solid #0A50A1;border-top:none;}
.board-brochure .btn-download .ico span		{display:block;width:2px;height:12px;position:absolute;left:50%;margin-left:-1px;top:0;background:#0A50A1;}
.board-brochure .btn-download .ico span:before	{content:"";display:block;width:8px;height:8px;border-bottom:2px solid #0A50A1;border-right:2px solid #0A50A1;transform:rotate(45deg);position:absolute;top:3px;left:-3px;}
.board-brochure .btn-view .ico:before		{content:"";display:block;width:50%;height:100%;margin-left:2px;border:2px solid #fff;border-right:none;}
.board-brochure .btn-view .ico span:before	{content:"";display:block;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);position:absolute;right:2px;top:6px;}
.board-brochure .btn-wrap a:hover	{box-shadow:0 5px 5px rgba(0,0,0,0.1);transform:translateX(10px);background:#FF7F00;border-color:#FF7F00;color:#fff;}
/* .board-brochure .btn-download:hover	{background:#0A50A1;color:#fff;}
.board-brochure .btn-view:hover		{background:#fff;color:#0A50A1;}
.board-brochure .btn-download:hover .ico:before,
.board-brochure .btn-download:hover .ico span:before	{border-color:#fff;}
.board-brochure .btn-download:hover .ico span	{background:#fff;}
.board-brochure .btn-view:hover .ico:before,
.board-brochure .btn-view:hover .ico span:before	{border-color:#0A50A1;} */
.board-brochure .btn-download:hover .ico:before,
.board-brochure .btn-download:hover .ico span:before	{border-color:#fff;}
.board-brochure .btn-download:hover .ico span	{background:#fff;}

.board-newsletter		{}
.board-newsletter ul	{margin:-15px;}
.board-newsletter li	{float:left;width:25%;}
.board-newsletter li a	{position:relative;display:block;margin:15px;background:#fff;height:380px;overflow:hidden;}
.board-newsletter li a:before	{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;border:1px solid rgba(0,0,0,0.1);z-index:1;}
.board-newsletter .img	{position:relative;width:100%;}
.board-newsletter .img img	{width:100%;}
.board-newsletter .txt	{position:absolute;left:0;top:100%;width:100%;height:100%;background:rgba(0,0,0,0.7);text-align:center;padding:40px 30px 30px 30px;transition:all 0.3s ease-out;}
.board-newsletter li a:hover .txt	{top:0;}
.board-newsletter .tit	{display:inline-block;padding:5px 10px;font-family:TitilliumSB;border:2px solid #FF7F00;color:#FF7F00;font-size:14px;border-radius:40px;margin:0 0 30px 0;}
.board-newsletter .subject	{font-weight:600;font-size:28px;color:#fff;letter-spacing:-0.5px;line-height:1.1;word-break:keep-all;height:150px;overflow:hidden;}
.board-newsletter .info	{position:absolute;left:0;bottom:0;width:100%;padding:30px;font-size:13px;color:#bbb;}
.board-newsletter .info i	{margin-right:5px;}

.movie-view		{}
.movie-view .txt	{padding:2rem 0;}
.movie-view .date	{color:#666;font-size:15px;}
.movie-view .subject	{color:#333;font-size:18px;}
.movie-list		{padding:0 0 2rem 0;border-bottom:1px solid #DFDFDF;}
.movie-list ul	{margin:-15px;}
.movie-list li	{float:left;width:20%;}
.movie-list li a	{position:relative;height:100%;display:block;margin:15px;position:relative;overflow:hidden;}
.movie-list li a:before	{content:"\f04b";font-family:FontAwesome;font-weight:900;position:absolute;left:50%;top:50%;display:block;width:40px;height:40px;margin:-20px 0 0 -20px;border:2px solid #fff;border-radius:50%;text-align:center;line-height:36px;font-size:14px;color:#fff;z-index:1;transition:all 0.2s ease-out;}
.movie-list li a:hover:before	{transform:scale(1.2);background:#0A50A1;border-color:#0A50A1;font-size:12px;}
.movie-list .thumb			{height:160px;}
.movie-list .thumb:after	{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.movie-list .thumb img	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.movie-list .noimg	{z-index:2;}

@media (max-width:1240px){ /*960*/
	.board-brochure ul	{margin:0 -10px;}
	.board-brochure li	{padding:0 10px;margin:0 0 20px 0;}
	.board-brochure .thumb,
	.board-brochure .btn-wrap	{height:300px;}
	.board-brochure .btn-wrap	{left:10px;width:calc(100% - 20px);}
	.board-brochure .btn-wrap a	{padding:10px 12px;font-size:14px;}
	.board-brochure .ico	{right:10px;}
	.board-newsletter li a	{height:320px;}
	.board-newsletter .tit	{margin:0 0 20px 0;}
	.board-newsletter .subject	{font-size:24px;height:130px;}
}
@media (max-width:1017px){/*720*/
	#index-pr:before	{height:160px;background-size:auto 100%;}
	#index-pr ul		{margin:0 -10px;}
	#index-pr li a		{margin:0 10px;padding-top:150px;padding-left:50px;padding-right:50px;}
	.board-report .info	{float:none;width:100%;padding:0;}
	.board-report .txt	{float:none;width:calc(100% - 75px);}
	.board-report .info 	{margin:0 0 10px 0;}
	.board-report .info p	{display:inline-block;}
	.board-report .info .num	{margin-left:10px;}
	.board-report .btn-go	{width:100px;}
	.board-brochure li	{width:33.3333%;}
	.board-brochure li:nth-child(4n+1)	{clear:none;}
	.board-brochure li:nth-child(3n+1)	{clear:both;}
	.board-newsletter ul	{margin:-10px;}
	.board-newsletter li	{width:33.3333%;}
	.board-newsletter li a	{margin:10px;}
	.movie-list li	{width:25%;}
	.movie-list .thumb			{height:140px;}
}
@media (max-width:778px){/*mobile-l*/
	#index-pr			{margin:-60px 0 0 0;padding:50px;}
	#index-pr:before	{height:100px;}
	#index-pr .title		{margin:0 0 30px 0;}
	#index-pr .title .tt1	{font-size:36px;}
	#index-pr .title .tt2	{font-size:16px;}
	#index-pr li		{float:none;width:100%;margin:10px 0 0 0;}
	#index-pr li a		{padding:80px 30px 30px 30px;}
	#index-pr li a:after	{height:100%;background-image:linear-gradient(to bottom, transparent, rgba(0,0,0,0.6));}
	#index-pr li a:hover	{transform:translateY(-5px);}
	.board-brochure li	{width:50%;}
	.board-brochure li:nth-child(3n+1)	{clear:none;}
	.board-brochure li:nth-child(2n+1)	{clear:both;}
	.board-brochure .btn-wrap	{position:relative;left:auto;top:auto;width:calc(100% + 4px);height:auto;visibility:visible;opacity:1;background:none;margin:-2px;}
	.board-brochure .btn-wrap>div	{position:relative;padding:0;left:auto;top:auto;transform:none;}
	.board-brochure .btn-wrap a	{display:block;float:left;width:calc(50% - 4px);margin:2px;padding:6px 8px;border-width:1px;}
	.board-brochure .btn-wrap a:hover	{transform:none;}
	.board-brochure .btn-wrap .ico	{transform:scale(0.8);right:5px;}
	.board-newsletter li	{width:50%;}
	.movie-view .txt	{padding:1rem 0;}
	.movie-list ul	{margin:-10px;}
	.movie-list li	{width:33.3333%;}
	.movie-list li a	{margin:10px;}
}
@media (max-width:576px){/*mobile-s*/
	#index-pr			{padding:30px;}
	#index-pr:before	{display:none;}
	#index-pr .title .tt2	{display:none;}
	#index-pr li a		{padding:60px 20px 30px 20px;}
	#index-pr li .tit	{font-size:22px;margin:0;}
	#index-pr li .view	{display:none;}
	#index-pr li .border	{border-color:#CC9900;}
	#index-pr li .border:before, #index-pr li .border:after	{display:none;}
	.board-report li	{padding:20px;}
	.board-report .txt	{width:100%;}
	.board-report .btn-go	{width:40px;height:40px;background:#f5f5f5;}
	.board-report .btn-go a	{transform: translate(-50%, -50%) scale(0.6);}
	.board-brochure .thumb	{height:220px;}
	.board-brochure .subject	{font-size:15px;margin:0.5rem 0;}
	.board-brochure .btn-wrap a	{float:none;width:100%;margin:0 0 1px 0;font-size:12px;}
	.board-newsletter li a	{height:240px;}
	.board-newsletter .txt	{top:0;padding:30px;}
	.board-newsletter .tit	{font-size:12px;}
	.board-newsletter .subject	{font-size:20px;height:90px;}
	.board-newsletter .info	{padding:20px;}
	.movie-list li	{width:50%;}
	.movie-list .thumb			{height:120px;}
}
@media (max-width:440px){
	.board-newsletter ul	{margin:0;}
	.board-newsletter li	{float:none;width:100%;margin:0 0 10px 0;}
	.board-newsletter li:last-child	{margin:0;}
	.board-newsletter li a	{margin:0;}
}
@media (max-width:320px){/*mobile-xs*/
	.board-brochure .thumb	{height:180px;}
}

/* 알림마당 */
.ptp-biz-link		{border-top:2px solid #0A50A1;border-bottom:1px solid #ccc;}
.ptp-biz-link li	{position:relative;border-top:1px dashed #E4E4E4;padding:15px 0;padding-right:120px;}
.ptp-biz-link li:first-child	{border-top:none;}
.ptp-biz-link .subject	{font-weight:500;color:#333;}
.ptp-biz-link .btn-wrap	{position:absolute;right:0;top:15px;}

.board-view-title .tag-d + span	{display:inline-block;line-height:30px;vertical-align:middle;margin-top:-2px;}
.view-cont-biz			{position:relative;background:#F6F6F6;padding:40px;}
.view-cont-biz:before	{content:"";position:absolute;left:0;top:0;width:100%;height:320px;background:#0A50A1;}
.view-cont-biz .tit-wrap	{position:relative;text-align:center;color:#fff;margin:0 0 30px 0;}
.view-cont-biz .name		{margin:0 0 20px 0;}
.view-cont-biz .subject		{font-size:28px;color:#fff;letter-spacing:-1.5px;font-weight:600;line-height:1.1;}
.view-cont-biz .cont		{position:relative;background:#fff;padding:30px;}
.view-cont-biz .cont .txt	{margin:0 0 30px 0;text-align:center;font-size:15px;color:#888;word-break:keep-all;}
.view-cont-biz .info		{border-top:3px solid #828B9C;}
.view-cont-biz .info dl		{border-bottom:1px solid #EAEAEA;padding:10px 0;}
.view-cont-biz .info dl:after	{content:"";display:block;float:none;clear:both;}
.view-cont-biz .info dt,
.view-cont-biz .info dd		{float:left;}
.view-cont-biz .info dt		{width:160px;font-size:18px;color:#596371;font-weight:500;letter-spacing:-0.5px;}
.view-cont-biz .info dd		{width:calc(100% - 160px);}
.view-cont-biz .desc		{border-top:1px solid #ddd;margin:20px -30px 0;padding:30px 30px 0 30px;}
.view-cont-biz .board-view-attach	{border-bottom:none;padding:30px 0 0 0;}

/* 소통마당 */
.promise		{text-align:center;font-size:18px;padding:60px;background:url(../img/promise_bg.jpg) no-repeat 50% 50% / cover;color:#fff;word-break:keep-all;}

@media (max-width:1240px){ /*960*/
}
@media (max-width:1017px){/*720*/
}
@media (max-width:778px){/*mobile-l*/
	.view-cont-biz	{padding:30px;}
	.view-cont-biz .subject	{font-size:24px;letter-spacing:-1px;}
	.view-cont-biz .cont	{padding:25px;}
	.view-cont-biz .info	{border-top-width:2px;}
	.view-cont-biz .info dt	{font-size:16px;width:80px;}
	.view-cont-biz .info dd	{font-size:15px;width:calc(100% - 80px);}
	.view-cont-biz .desc	{margin-right:-25px;margin-left:-25px;padding:25px 25px 0 25px;}
	.promise	{font-size:16px;padding:30px;}
}
@media (max-width:576px){/*mobile-s*/
	.view-cont-biz,
	.view-cont-biz .cont	{padding:0;}
	.view-cont-biz .tit-wrap{margin:0;padding:20px;}
	.view-cont-biz .name	{margin:0 0 10px 0;}
	.view-cont-biz .subject	{font-size:22px;}
	.view-cont-biz .cont .txt	{font-size:14px;padding:20px 0;margin:0;}
	.view-cont-biz .info dl	{padding:8px 0;}
	.view-cont-biz .info dt, .view-cont-biz .info dd	{float:none;width:100%;}
	.view-cont-biz .info dt	{font-size:15px;margin:0 0 5px 0;}
	.view-cont-biz .info dd	{font-size:14px;}
	.view-cont-biz .cont .text-sm	{font-size:.825rem !important;}
	.view-cont-biz .desc	{margin-right:0;margin-left:0;padding:20px 0;}
	.view-cont-biz .board-view-attach	{padding:20px;}
}
@media (max-width:320px){/*mobile-xs*/
}

/* 사이트안내 */
#sitemap	{}
#sitemap>ul			{margin:0 -10px;}
#sitemap>ul>li		{float:left;width:25%;padding:0 10px;margin:0 0 30px 0;text-align:center;}
#sitemap>ul>li:nth-child(4n+1)	{clear:both;}
#sitemap>ul>li>a	{position:relative;display:inline-block;font-size:26px;line-height:60px;font-weight:600;color:#0A50A1;}
#sitemap>ul>li>a:before	{content:"";display:block;position:absolute;right:-20px;top:10px;border-radius:50%;transform:rotate(-30deg);background:rgba(10,80,161,0.1);width:50px;height:30px;}
#sitemap ul ul		{background:#F3F7FA;padding:30px;border-top:2px solid #0A50A1;}
#sitemap ul ul li	{padding:3px 0;text-align:left;}

@media (max-width:1240px){ /*960*/
}
@media (max-width:1017px){/*720*/
	#sitemap>ul>li	{width:33.3333%;}
	#sitemap>ul>li:nth-child(4n+1)	{clear:none;}
	#sitemap>ul>li:nth-child(3n+1)	{clear:both;}
	#sitemap>ul>li>a	{font-size:22px;}
}
@media (max-width:778px){/*mobile-l*/
}
@media (max-width:576px){/*mobile-s*/
	#sitemap>ul>li	{width:50%;margin:0 0 20px 0;}
	#sitemap>ul>li:nth-child(3n+1)	{clear:none;}
	#sitemap>ul>li:nth-child(2n+1)	{clear:both;}
	#sitemap>ul>li>a	{font-size:18px;line-height:50px;}
	#sitemap ul ul	{padding:20px;}
	#sitemap ul ul li	{font-size:14px;}
}
@media (max-width:320px){/*mobile-xs*/
}

/* 회원 */
#login-notice 		{border:2px solid #FD4755;padding:40px 40px 40px 150px;margin:0 0 30px;}
#login-notice .ico	{position:absolute;left:40px;top:40px;display:block;width:80px;height:80px;background:url(../img/login_notice_ico.png) no-repeat 50% 50%;}
#login-notice .tit	{font-size:30px;font-weight:600;color:#333;letter-spacing:-1px;margin:0 0 10px;}
/* #login-notice .tit:before	{content:"\f12a";font-family:FontAwesome;display:block;width:24px;height:24px;border-radius:50%;background:#D91515;text-align:center;line-height:26px;font-size:12px;color:#fff;margin:0 auto 10px;font-weight:900;} */
#login-notice .tit em	{color:#FD4755;font-weight:600;}
#login-notice .txt	{font-size:17px;color:#666;}
#login-notice .txt em	{position:relative;color:#000;font-weight:600;display:inline-block;}
#login-notice .txt em:before	{content:"";display:block;position:absolute;left:0;bottom:1px;width:100%;height:6px;border-radius:6px;background:rgba(253,71,85,0.15);}
#login-notice .txt em span	{position:relative;}

#login		{background:#F2F4F7;padding:100px 0;text-align:center;}
#login .tit-wrap	{margin:0 0 30px 0;color:#000;}
#login .tit	{font-size:30px;font-weight:600;line-height:1;margin:0 0 10px 0;letter-spacing:-2px;}
#login .txt	{font-size:22px;letter-spacing:-1px;}
.login-bx	{width:480px;margin:0 auto;}
.login-bx .cmt-border	{font-size:14px;text-align:left;padding:15px;}
.login-bx .cmt:before	{top:0.2rem;}
.login-bx .input-wrap	{position:relative;margin:2px 0;padding-left:50px;border-radius:3px;background:#fff;border:1px solid #E1E1E1;}
.login-bx .ico	{position:absolute;left:0;top:0;display:block;width:50px;height:50px;line-height:50px;color:#D5D5D5;}
.login-bx input	{height:50px;border:none;color:#000;width:100%;}
.login-bx input::placeholder	{font-size:13px;}
.login-bx input:focus	{outline:none;}
.login-bx .btn-d	{display:block;line-height:58px;margin:5px 0 20px 0;}
.login-btn	{margin:40px 0 0 0;}
.login-btn span:first-of-type:after	{content:"";display:inline-block;width:1px;height:20px;background:#ccc;margin:0 40px;margin-top:-3px;vertical-align:middle;}
.login-btn a:hover	{font-weight:500;}

.agree		{border:1px solid #DFDFDF;margin:0 0 20px 0;}
.agree .tit	{position:relative;line-height:60px;padding:20px 40px;}
.agree .essential-ico	{display:inline-block;width:54px;height:60px;background:url(../img/essential_ico.png) no-repeat 50% 50%;margin-right:30px;vertical-align:top;}
.agree .tit p	{display:inline-block;font-size:18px;color:#454545;}
.agree .tit .btn-d	{position:absolute;right:30px;top:30px;border-radius:0;display:block;width:120px;}
.agree .tit .btn-d.agree-ok	{background:#0A50A1;border-color:#0A50A1;}
.agree .tit .btn-d:before	{content:"\f00c";font-family:FontAwesome;font-weight:900;opacity:0;transition:all 0.2s ease-out;display:inline-block;width:0;}
.agree .tit .btn-d.agree-ok:before	{margin-right:8px;opacity:1;width:auto;}
.agree .txt	{padding:30px;background:#F6F6F6;max-height:200px;font-size:14px;overflow-y:scroll;}

.join-type		{}
.join-type a	{display:block;border:1px solid #ccc;text-align:center;font-size:24px;font-weight:600;color:#999;letter-spacing:-1px;padding:50px;}
.join-type a:hover	{border-color:#0A50A1;outline:2px solid #0A50A1;color:#000;}
.join-type .ico		{display:block;margin:0 auto 20px;width:100px;height:100px;background-repeat:no-repeat;background-position:50% 50%;transition:all 0.2s ease-out;}
.join-type .ico1	{background-image:url(../img/join_type_ico1.png);}
.join-type .ico2	{background-image:url(../img/join_type_ico2.png);}
.join-type a:hover .ico	{transform:translateY(-5px);}

.find-idpw		{}
.find-idpw .cont	{background:#fff;border:1px solid #efefef;border-top:2px solid #0A50A1;box-shadow:0 10px 8px -5px rgba(0,0,0,0.08);padding:60px;}
.find-idpw .tit	{text-align:center;font-size:24px;font-weight:600;color:#333;letter-spacing:-1px;margin:0 0 30px 0;}
.find-idpw .input-wrap		{margin:0 0 5px 0;}
.find-idpw .input-wrap i	{width:15px;text-align:center;color:#999;}
.find-idpw .form-control	{padding-left:10px !important;}
.find-idpw .find-btn		{display:block;line-height:58px;margin:10px 0 0 0;text-align:center;font-weight:500;color:#fff;background:#0A50A1;border-radius:3px;}
.find-idpw .find-btn i		{color:#FF7F00;margin-right:10px;font-size:14px;}
.find-idpw .find-btn:hover	{box-shadow:0 5px 5px rgba(0,0,0,0.2);}

@media (max-width:1240px){ /*960*/
	#login-notice .txt	{font-size:16px;}
}
@media (max-width:1017px){/*720*/
	.find-idpw .cont	{padding:30px;}
}
@media (max-width:778px){/*mobile-l*/
	#login-notice	{padding:30px 30px 30px 80px;}
	#login-notice .ico	{width:40px;height:40px;background-size:auto 100%;left:30px;top:30px;}
	#login-notice .tit	{font-size:24px;}
	#login		{padding:50px;}
	#login .tit	{font-size:22px;}
	#login .txt	{font-size:16px;}
	.login-bx	{width:100%;}
	.agree .essential-ico	{margin-right:10px;}
	.find-idpw .row		{margin-left:0;margin-right:0;}
	.find-idpw .col-6	{max-width:100%;flex:0 0 100%;padding:0;}
	.find-idpw .col-6:first-of-type	{margin:0 0 20px 0;}
	.find-idpw .cont	{box-shadow:none;border-top:1px solid #efefef;background:#f9f9f9;}
	.find-idpw .tit		{margin:0 0 20px 0;}
}
@media (max-width:576px){/*mobile-s*/
	#login-notice .tit	{font-size:20px;}
	#login-notice .txt em	{display:inline;}
	#login-notice .txt em:before	{display:none;}
	#login		{padding:30px;word-break:keep-all;}
	.login-bx	{padding:0;}
	.login-btn	{margin-top:20px;}
	.login-btn span:first-of-type:after	{margin-right:5px;margin-left:10px;height:10px;}
	.login-btn a	{font-size:13px;}
	.agree .tit	{padding:20px;line-height:1.4;}
	.agree .essential-ico	{width:30px;height:35px;background-size:100% auto;margin-right:10px;vertical-align:middle;}
	.agree .tit p	{font-size:16px;}
	.agree .tit .btn-d	{position:relative;right:auto;top:auto;width:100%;margin:10px 0 0 0}
	.agree .txt		{padding:20px;max-height:140px;}
	.join-type .row		{margin-left:0;margin-right:0;}
	.join-type .col-6	{max-width:100%;flex:0 0 100%;margin:0 0 10px 0;padding:0;}
	.join-type a		{padding:30px;font-size:20px;}
	.join-type .ico		{width:60px;height:60px;background-size:auto 100%;margin-bottom:10px;}
	.find-idpw .tit		{font-size:18px;}
}
@media (max-width:320px){/*mobile-xs*/
}

/* 마이페이지 */
.app-state			{padding:40px;}
.app-state-nodata	{text-align:center;color:#828B9C;padding-top:60px;background:url(../img/app_state_ico.png) no-repeat 50% 0;}
.app-state>ul>li		{position:relative;padding:30px 0;border-top:1px dashed #EAEAEA;}
.app-state>ul>li:first-child	{padding-top:0;border-top:none;}
.app-state li:last-child	{padding-bottom:0;}
.app-state li:after	{content:"";display:block;float:none;clear:both;}
.app-state .img		{float:left;width:90px;height:90px;margin-right:30px;position:relative;overflow:hidden;}
.app-state .img:before	{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;border:1px solid rgba(0,0,0,0.1);z-index:1;}
.app-state .img img	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.app-state .txt		{position:relative;float:left;width:calc(100% - 120px);}
.app-state .tit:after	{content:"";display:block;float:none;clear:both;}
.app-state .tag-d	{margin:0 10px 0 0;vertical-align:top;float:left;}
.app-state .subject	{font-size:26px;font-weight:600;color:#333;letter-spacing:-2px;margin:0 0 15px 0;vertical-align:top;float:left;width:calc(100% - 70px);line-height:1.1;}
.app-state .desc li	{padding:2px 0;}
.app-state .desc li:after	{content:"";display:block;float:none;clear:both;}
.app-state .desc span	{display:block;float:left;font-size:14px;}
.app-state .stit	{width:100px;color:#999;}
.app-state .stxt	{width:calc(100% - 100px);color:#666;}
.app-state .txt .btn-d	{position:absolute;right:0;top:0;}

.app-notice		{position:relative;padding:30px 30px 30px 90px;background:#0A50A1 url(../img/app_notice_ico.png) no-repeat left 25px top 50%;margin:0 0 20px 0;box-shadow:0 5px 8px rgba(0,0,0,0.15);}
.app-notice p	{font-size:18px;color:#fff;letter-spacing:-0.5px;line-height:1.3;word-break:keep-all;}
.app-notice span{font-weight:600;}
/* .app-notice .btn-close	{position:absolute;right:30px;top:50%;width:16px;height:16px;margin-top:-8px;opacity:0.7;}
.app-notice .btn-close:before,
.app-notice .btn-close:after	{content:"";display:block;position:absolute;left:50%;top:50%;width:2px;height:12px;background:#fff;}
.app-notice .btn-close:before	{transform:translate(-50%, -50%) rotate(45deg);}
.app-notice .btn-close:after	{transform:translate(-50%, -50%) rotate(-45deg);}
.app-notice .btn-close:hover	{opacity:1;} */

.app-biz-list .bx		{position:relative;border:1px solid #0A50A1;margin:0 0 20px 0;}
.app-biz-list .top		{position:relative;padding:30px;}
.app-biz-list .btm		{position:relative;padding:10px 30px;background:#F4F4F4;}
.app-biz-list .top .btn-d	{position:absolute;right:30px;top:23px;}
.app-biz-list .tag-d	{margin:0 10px 0 0;vertical-align:top;float:left;}
.app-biz-list .subject	{font-size:24px;font-weight:600;color:#333;letter-spacing:-2px;vertical-align:top;float:left;width:calc(100% - 210px);line-height:1.1;}
.app-biz-list .btm span	{display:inline-block;font-size:14px;line-height:35px;}
.app-biz-list .stit		{margin:0 10px 0 30px;color:#999;}
.app-biz-list .stit:first-of-type	{margin-left:0;}
.app-biz-list .stxt		{color:#666;}

.app-biz-file		{border-top:2px solid #0A50A1;}
.app-biz-file th,
.app-biz-file td	{border-bottom:1px solid #DFDFDF;font-size:15px;word-break:keep-all;}
.app-biz-file th	{padding:15px 20px;background:#F6F6F6;border-right:1px solid #DFDFDF;font-weight:500;color:#333;}
.app-biz-file td	{padding:8px;padding-right:0;}

@media (max-width:1240px){ /*960*/
}
@media (max-width:1017px){/*720*/
	.app-state .txt .btn-d	{position:relative;margin-top:10px;right:auto;top:auto;}
	.app-biz-file tr, .app-biz-file th, .app-biz-file td	{display:block;width:100%;}
	.app-biz-file tr	{padding:15px 0;border-bottom:1px solid #ccc;}
	.app-biz-file th	{border:none;background:none;padding:0;margin:0 0 8px 0;}
	.app-biz-file td	{border:none;padding:0;}
}
@media (max-width:778px){/*mobile-l*/
	.app-state		{padding:30px;}
}
@media (max-width:576px){/*mobile-s*/
	.app-state		{padding:20px;}
	.app-state>ul>li	{padding:20px 0;}
	.app-state .img	{width:70px;height:70px;position:absolute;left:0;top:20px;}
	.app-state li:first-child .img	{top:0;}
	.app-state .txt	{float:none;width:100%;}
	.app-state .tit	{padding-left:90px;min-height:70px;margin:0 0 10px 0;}
	.app-state .tag-d	{margin:0 0 10px 0;float:none;}
	.app-state .subject	{font-size:22px;letter-spacing:-1px;display:block;float:none;width:100%;}
	.app-notice		{padding:20px 20px 20px 60px;background-size:auto 20px;}
	.app-notice p	{font-size:16px;}
	.app-biz-list .top	{padding:20px;}
	.app-biz-list .top .btn-d	{position:relative;right:auto;top:auto;display:block;}
	.app-biz-list .btm	{padding:15px;}
	.app-biz-list .tag-d	{float:none;margin:0 0 10px 0;}
	.app-biz-list .subject	{font-size:22px;display:block;width:100%;float:none;margin:0 0 10px 0;}
	.app-biz-list .btm span	{display:block;float:left;line-height:1.4;margin:3px 0;}
	.app-biz-list .stit		{margin:0;width:70px;}
	.app-biz-list .stxt		{width:calc(100% - 70px);}
	.app-biz-list .btm .left,
	.app-biz-list .btm .right	{float:none !important;width:100%;}
	.app-biz-list .btm .left:after	{content:"";display:block;float:none;clear:both;}
	.app-biz-list .btm .left	{margin:0 0 5px 0;}
	.app-biz-list .btm .btn-d	{display:block;}
}
@media (max-width:320px){/*mobile-xs*/
}

/* 20210104 마이페이지 추가 */
#snbmn-mypage	{float:left;width:240px;}
#mypage-cont	{float:left;width:calc(100% - 240px);padding:20px 0 0 40px;margin:0;}
#snbmn-mypage .tit		{padding:20px 0;margin:0;font-size:40px;font-weight:700;color:#0a50a1;word-break:keep-all;}
#snbmn-mypage a			{clear:both;display:block;line-height:140%;}
#snbmn-mypage ul li		{position:relative;padding:0;margin:0;}
#snbmn-mypage ul li a		{position:relative;padding:20px 0;margin:0;border-bottom:1px solid #ccc;font-size:16px;font-weight:500;transition: background-color 0.3s ease-out;}
#snbmn-mypage ul li a.on,
#snbmn-mypage ul li a:focus,
#snbmn-mypage ul li a:active,
#snbmn-mypage ul li a:hover	{color:#333;text-decoration:none;background:#f7f7f7;padding-left:10px;transition:all 0.2s;}
#snbmn-mypage > ul > li > a.on {color:#333;}
#snbmn-mypage > ul > li a:focus,
#snbmn-mypage > ul > li > a:active,
#snbmn-mypage > ul > li > a:hover	{color:#333;}
#snbmn-mypage ul li#snbmn-expert a	{border-top:1px solid #0a50a1;border-bottom:1px solid #0a50a1;color:#0a50a1;}
#snbmn-mypage ul li#snbmn-expert span	{background:#0a50a1;border-radius:100px;padding:2px 5px;color:#fff;font-size:12px;font-weight:500;margin-left:5px;}
#snbmn-mypage ul li#snbmn-expert2 span	{background:#999;border-radius:100px;padding:2px 5px;color:#fff;font-size:12px;font-weight:500;margin-left:5px;}

.mypage-top	{background:#768395;padding:40px;border-radius:3px;position:relative;}
.mypage-top .top-tit	{float:left;width:350px;}
.mypage-top .top-tit .tit	{font-size:36px;color:#fff;font-weight:700;line-height:1.3;word-break:keep-all;}
.mypage-top .top-tit .date	{font-size:12px;color:#fff;margin:10px 0 20px;}
.mypage-top .top-tit .mbadge	{border:1px solid #fff;border-radius:100px;padding:5px 10px;color:#fff;font-size:12px;margin-right:5px;font-weight:500;vertical-align:middle;display:inline-block;}
.mypage-top .top-btn	{}
.mypage-top .top-btn a	{display:inline-block;width:90px;text-align:center;border-radius:3px;background:#6a7585;color:#fff;font-size:12px;padding:10px 0;}
.mypage-top .top-btn a:hover	{background:#606977;}

.mypage-top .top-cont	{float:left;width:calc(100% - 350px);background:#fff;border-radius:5px;}
.mypage-top .top-cont > div	{float:left;width:33.33%;padding:30px;border-right:1px dashed #ccc;}
.mypage-top .top-cont > div:first-child	{background:url(../img/ico_mypage01.png) no-repeat 90% 70%;}
.mypage-top .top-cont > div:nth-child(2)	{background:url(../img/ico_mypage02.png) no-repeat 90% 75%;}
.mypage-top .top-cont > div:last-child	{border:none;}
.mypage-top .top-cont .tit	{font-size:16px;color:#0a50a1;font-weight:600;}
.mypage-top .top-cont p		{color:#666;font-size:16px;margin-top:15px;}
.mypage-top .top-cont li	{color:#666;font-size:16px;padding:5px 0;}
.mypage-top .top-cont li:after	{clear:both;content:"";width:100%;display:block;float:none;}
.mypage-top .top-cont em	{color:#333;font-weight:700;}
.mypage-top .top-cont li em	{font-size:16px;}
.mypage-top.nor .top-cont > div	{width:50%;}
.mypage-top.nor .top-cont > div:nth-child(2)	{background:none;}

.mypage-top.ex2	{background:#084080;}
.mypage-top.ex2 .top-btn a	{background:#386394;}
.mypage-top.ex2 .top-btn a:hover	{background:#4d7aad;}
.mypage-top.ex2 .date	{margin-top:30px;}
.mypage-top.ex2 .date em	{font-size:22px;font-weight:700;}
.mypage-top.ex2 .top-cont > div:nth-child(3)	{background:url(../img/ico_mypage04.png) no-repeat 90% 80%;}

.mypage-now	{border:2px solid #0a50a1;border-radius:3px;padding:20px 50px;margin-top:20px;}
.mypage-now .tit	{font-size:20px;font-weight:700;color:#0a50a1;float:left;width:190px;padding:30px 30px 0 0;}
.mypage-now .tit em	{font-size:40px;font-weight:700;}
.mypage-now ul	{float:left;width:calc(100% - 190px);}
.mypage-now ul li	{position:relative;padding:30px 0;border-bottom:1px dashed #ccc;}
.mypage-now ul li:last-child	{border-bottom:none;}
.mypage-now ul li p	{font-size:16px;color:#666;}
.mypage-now ul li .tit	{font-size:20px;margin-bottom:10px;color:#333;float:none;padding:0 110px 0 0;width:auto;font-weight:600;word-break:keep-all;}
.mypage-now ul li .tit:before	{content:"";display:inline-block;margin-right:10px;background:url(../img/ico_mypage03.png) no-repeat;vertical-align:middle;width:24px;height:24px;}

.mypage-now ul li .btn-wrap	{position:absolute;right:0;top:30px;text-align: right;}
.mypage-now ul li .btn-wrap .btn-d	{height:40px;line-height:40px;background:#ff7f00;color:#fff;padding:0 20px;border:none;}
.mypage-now ul li .btn-wrap .btn-d.btn-gray	{background:#B8BFC7;color:#fff;}

.mypage-now ul li .btn-wrap span			{font-size:14px;color:#999;display:block;margin-top:10px;}
.mypage-now ul li .btn-wrap span em	{color:#ff6666;font-weight:500;}
.mypage-now ul li .btn-wrap span i	{color:#ccc;}
.mypage-now ul li .btn-wrap span:after	{clear:both;float:none;width:100%;display:block;}

.mypage-now ul li .object	{position:relative;width:100%;background:#f7f7f7;border-radius:5px;padding:20px 120px 20px 20px;margin:10px 0;}
.mypage-now ul li .object:last-child	{margin-bottom:0;}
.mypage-now ul li .object i	{color:#ccc;font-size:90%;}
.mypage-now ul li .object span			{float:right;font-size:14px;color:#999;}
.mypage-now ul li .object span em	{color:#ff6666;font-weight:500;}
.mypage-now ul li .object span i	{color:#ccc;}
.mypage-now ul li .object span:after	{clear:both;float:none;width:100%;display:block;}
.mypage-now ul li .object .btn-d	{position:absolute;right:10px;top:50%;height:40px;line-height:40px;transform:translateY(-50%);background:#ff7f00;color:#fff;padding:0 20px;border:none;}
.mypage-now ul li .object .btn-d.btn-gray	{background:#B8BFC7;color:#fff;}

.expert-evaluation .top-bx	{background:#f6f6f6;padding:30px;}
.expert-evaluation .top-bx .bx	{border:1px solid #dfdfdf;padding:20px 20px 20px 50px;font-size:14px;margin:10px 0;position:relative;}
.expert-evaluation .top-bx .bx i	{position:absolute;left:20px;top:25px;color:#0A50A1;}
.expert-evaluation .top-bx .tit	{font-size:16px;color:#666;margin-bottom:10px;font-weight:500;word-break:keep-all;}
.expert-evaluation .top-bx li	{color:#999;font-size:14px;}
.expert-evaluation .top-bx li a	{color:#999;font-size:13px;}
.expert-evaluation .top-bx li a:hover	{color:#0A50A1;}
.expert-evaluation .top-bx li a i	{font-size:12px;}

.expert-evaluation .top-info	{border:2px solid #768395;border-radius:2px;padding:30px;margin:20px 0;position:relative;}
.expert-evaluation .top-info span	{display:inline-block;}
.expert-evaluation .top-info .tit	{font-size:20px;color:#333;font-weight:600;margin-right:10px;}
.expert-evaluation .top-info .tit2	{color:#999;font-size:14px;}
.expert-evaluation .top-info .total	{padding:10px 20px;text-align:center;background:#ff7f00;border-radius:4px;position:absolute;top:50%;right:10px;transform:translateY(-50%);height:calc(100% - 20px);}
.expert-evaluation .top-info .total p	{color:rgba(255,255,255,0.6);font-size:14px;}
.expert-evaluation .top-info .total em	{color:#fff;font-size:18px;font-weight:600;}

.over-cont	{}
.over-cont .over-bx	{border:2px solid #0a50a1;border-radius:3px;padding:40px;margin-top:20px;}
.over-cont .top-tit	{font-size:20px;font-weight:600;color:#084080;margin-bottom:10px;}
.over-cont .top-tit:before	{content:"";display:inline-block;margin-right:10px;background:url(../img/ico_mypage03.png) no-repeat;vertical-align:middle;width:24px;height:24px;}
.over-cont .top-info	{color:#999;}
.task-process table th,
.task-process table td		{padding:15px 8px;border-bottom:1px solid #dfdfdf;}
.task-process table thead th	{border-bottom:1px solid #525f78;color:#525f78;line-height:1.4;font-weight:normal;font-size:14px;}
.task-process table tbody 	{border-top:1px solid #768395;background:#fff;}
.task-process table tbody th,
.task-process table tbody td:first-child	{border-left:none;}
.task-process table tbody td:last-child{border-right:none;}
.task-process table tbody tr:first-child th,
.task-process table tbody tr:first-child td{border-top:none;}
.task-process .subject		{font-size:16px;color:#666;}
.task-process .process		{position:relative;padding:0;}
.task-process .process a	{display:inline-block;vertical-align: middle;}
.task-process .process span	{display:inline-block;vertical-align: middle;width:75px;text-align:center;padding:2px 0;font-size:12px;border-radius:100px;margin-right:10px;}
.task-process .process span.process-ing	{border:2px solid #5a5ad2;color:#5a5ad2;}
.task-process .process span.process-rate	{border:2px solid #999;color:#999;}
.task-process .process span.process-ok	{border:2px solid #ff6666;color:#ff6666;}
.task-process .process div.process-ing		{border-radius:3px;color:#5a5ad2;width:320px;padding:5px 0;margin:0 auto;}
.task-process .process div.process-rate	{font-size:14px;color:#333;width:320px;text-align:left;margin:0 auto;}
.task-process .process div.process-ok	{font-size:14px;color:#ff6666;width:320px;text-align:left;margin:0 auto;}
.targetTd	{border-right:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}



@media (max-width:1440px){ /*1200*/
	.mypage-top .top-tit	{float:none;width:100%;}
	.mypage-top .top-tit .va-pc	{display:none;}
	.mypage-top .top-cont	{float:none;width:100%;margin-top:20px;}
}
@media (max-width:1240px){ /*960*/
	#snbmn-mypage	{float:none;width:100%;}
	#mypage-cont	{float:none;width:100%;padding:0;margin-top:20px;}
	
	#snbmn-mypage ul	{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
	#snbmn-mypage ul:after	{clear:both;content:"";width:100%;display:block;float:none;}
	#snbmn-mypage ul li	{float:left;}
	#snbmn-mypage ul li a {padding:15px 10px;font-size:14px;border:none;min-height: 50px;}	
	#snbmn-mypage ul li#snbmn-expert a	{border:none;}
	
	
	.mypage-now	{padding:0 40px;}
	.mypage-now .tit,
	.mypage-now ul	{float:none;width:100%;}
	
	.mypage-now .tit	{padding:20px 0 0;}
	.mypage-now .tit .va-pc	{display:none;}
	.mypage-now ul li	{padding:30px 0;}
	
}
@media (max-width:1017px){/*720*/
	.mypage-top .top-tit .tit	{font-size:32px;}
	.mypage-now ul li .tit	{padding-right:180px;}
	
}
@media (max-width:778px){/*mobile-l*/	
	.mypage-top .top-tit .tit	{font-size:28px;}
	.mypage-top .top-cont > div	{float:none;width:100%;padding:15px 20px;border-right:none;border-bottom:1px dashed #ccc;}
	.mypage-top .top-cont > div:first-child,
	.mypage-top .top-cont > div:nth-child(2)	{background:none;}
	.mypage-top.nor .top-cont > div	{float:none;width:100%;}
	.mypage-top .top-cont p,
	.mypage-top.ex2 .top-cont .date		{display:inline-block;margin:0;float:right;}
	.mypage-top .top-cont span	{display:inline-block;margin:0;}
	.mypage-top .top-cont em,
	.mypage-top.ex2 .top-cont em	{font-size:18px;}
	.mypage-top.ex2 .top-cont > div:nth-child(3)	{background:none;border-bottom:none;}
	.mypage-now ul li	{padding:30px 0;}	
}

@media (max-width:576px){/*mobile-s*/
	#snbmn-mypage .tit	{display:none;}
	.mypage-top	{padding:30px;}
	.mypage-now	{padding:0 30px;}
	.mypage-now .tit em	{font-size:20px;}
	.mypage-now ul li	{padding:20px 0;}
	.mypage-now ul li .tit	{font-size:16px;padding:0;}
	.mypage-now ul li .tit:before	{width:20px;height:20px;background-size:contain;}
	.mypage-now ul li p	{font-size:14px;}
	.mypage-now ul li .btn-wrap 	{width:100%;position:relative;top:0;right:0;transform:none;}	
	.mypage-now ul li .btn-wrap .btn-d	{width:100%;padding:10px 0;line-height:20px;padding:10px 20px;margin-top:10px;}
	.mypage-now ul li .btn-wrap span	{text-align:left;}
	.mypage-now ul li .object		{padding:10px;}
	.mypage-now ul li .object .btn-d	{position:relative;width:100%;top:0;right:0;transform:none;line-height:20px;padding:10px 20px;margin-top:10px;}
	.mypage-now ul li .object span	{display:block;float:none;margin-top:5px;}
	.expert-evaluation .top-info .total	{position:relative;display:block;top:0;right:0;transform:none;height:auto;margin-top:10px;}
	.expert-evaluation .top-info .total p	{display:inline;margin-right:10px;}	
}
@media (max-width:440px){/*mobile-xs*/
	#snbmn-mypage ul li#snbmn-expert	{width:100%;}
	.expert-evaluation .top-info .total p	{display:block;margin-right:0;}
	.mypage-top .top-cont .tit	{display:block;}
	.mypage-top .top-cont p	{float:none;}
	.mypage-top.ex2 .top-cont .date	{display:block;float:none;width:100%;}
	
}
@media (max-width:320px){/*mobile-xxs*/
	
}


/* 시험성적서 */

.table-responsive.apply th span {width:150px !important;display: block;}


@media (max-width:1017px){
	
	.table-responsive.apply th span {width:110px !important;}
	.table-responsive.apply {width: 100%;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;border: none;}
	.table-responsive.apply:before {content: "모바일에서 테이블콘텐츠는 가로스크롤을 이용해주세요";padding: 0;margin: 0 0 10px 0;font-size: 12px;display: block;text-align: left;}
}

/* 설문조사 */


.poll_tmp4 {position: relative;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);margin-bottom: 4.375rem;}
.poll_tmp4 .tab-full a.on {background: #e9e9e9;border: 1px solid #ccc;}
.poll_tmp4 .toparea {position: relative;padding: 10rem 0 0;}
.poll_tmp4 .toparea:after {content: "";display: block;width: 100%;height: 100%;min-height: 200px;position: absolute;top: 0;left: 0;background: url(http://localhost:8080/resources/homepage/main/img/svbg.png) no-repeat 50% 50% / cover;z-index: -2;}
.poll_tmp4 .poll-logo {position: absolute;top: 30px;left: 70px;}
.poll_tmp4 .poll-logo span {color: #fff;font-size: 1rem;font-weight: 600;}
.poll_tmp4 .poll-logo img { max-height: 25px;margin: 0;}
.poll_tmp4 .poll-stxt {font-family: 'Montserrat', sans-serif;position: absolute;top: 35px;right: 70px;color: rgba(255, 255, 255, 0.7);font-size: 0.875rem;letter-spacing: 2px;font-weight: 300;}
.poll_tmp4 .tit-wrap {position: relative;background: linear-gradient(to right, #0A50A1 0%, #0A50A1 100%);padding: 2.5rem;margin: 0 4.375rem;}
.poll_tmp4 .tit-wrap:after {content: "";display: block;width: calc(100% + 140px);height: 70px;background: #fff;position: absolute;bottom: 0;left: -70px;z-index: -1;}
.poll_tmp4 .stit {font-size: 1.625rem;text-align: center;margin: 0 0 1rem 0;color: #fff;line-height: 1.2;word-break: keep-all;}
.poll_tmp4 .tit {font-size: 3.25rem;text-align: center;font-weight: 700;color: #fff;line-height: 1.1;word-break: keep-all;}
.poll_tmp4 .txt {font-size: 1.0625rem;font-weight: 300;color: #000;background: #fff;padding: 2.5rem 4.375rem 0;}
.poll_tmp4 .info {font-size: 1.125rem;font-weight: 600;color: #000;margin: 0 0 1.875rem;}
.poll_tmp4 .info span {position: relative;color: #0A50A1;margin-left: 30px;padding: 0 5px;}
.poll_tmp4 .info span strong {position: relative;z-index: 1;}
.poll_tmp4 .info span:before {content: "";display: block;width: 100%; height: 15px;background: #F5F5F5;position: absolute;left: 0;bottom: -5px;}
.poll_tmp4 .poll-personal-info {background: #f7f7f7;margin-bottom: 1.875rem;}
.poll_tmp4 .poll-personal-info em {color: #333399;}
.poll_tmp4 .cont {padding: 2.5rem 4.375rem 0 3rem;background: #fff;}
.poll_tmp4 .cont h1 {position: relative; margin: -1px 0 0;color: #333399; padding: 1.25rem 0; border-top: 1px solid #003366;border-bottom: 1px dashed #dadada;font-size: 26px;}.poll_tmp4 .poll-view-title {position: relative;padding-left: 6.25rem;margin: 0 0 20px 0;}
.poll_tmp4 .poll-view-title .num {position: absolute;left: 0;top: 0;padding-left: 10px;color: #0A50A1;font-size: 1.25rem;font-weight: 600;}
.poll_tmp4 .poll-view-title .num:before {content: "";display: block; width: 25px;height: 25px;background: #f7f7f7; position: absolute;left: 0;top: -5px;}
.poll_tmp4 .poll-view-title .num strong {position: relative;z-index: 1;}
.poll_tmp4 .poll-view-cont {border-top: 2px solid #0A50A1;border-bottom: 1px solid #0A50A1;}
.poll_tmp4 .poll-view-cont .view-bx {padding: 1.875rem 0;background: none;border-bottom: 1px dashed #ccc;}
.poll_tmp4 .poll-view-cont .view-bx:last-child {border-bottom: none;}
.poll_tmp4 .poll_option {padding-left: 6.25rem;}
.poll_tmp4 .poll_option ul{padding-left: 0;}
.poll_tmp4 .poll_option ul li {display:block;line-height: 2;}
.poll_tmp4 .poll_option table {background: #fff;}
.poll_tmp4 .poll-view-cont .likert ul {display: block;}
.poll_tmp4 .poll-view-cont .likert li {margin-right: 10px;}
.poll_tmp4 .poll_add_img {padding-left: 6.25rem;}
.poll_tmp4 .cont-privacy .poll-personal-info {margin-bottom: 1rem;}
.poll_tmp4 .btn-confirm,
.poll_tmp4 .btn-main {background: #333399;border-color: #333399;}
#intro.poll_tmp4 {background: url(../img/poll_tmp4_bg.png) no-repeat 50% 50% / cover;}
#intro.poll_tmp4 .toparea {padding-top: 10rem;}
#intro.poll_tmp4 .toparea:after {content: none;}
#intro.poll_tmp4 .tit-wrap {margin: 0 8rem;}
#intro.poll_tmp4 .cont {background: none; padding: 0 8rem;}
#intro.poll_tmp4 .info {background: linear-gradient(to right, #333399 0%, #5252a8 100%);color: #fff;padding: 0 2rem 2rem;margin-bottom: 0;text-align: center;}
#intro.poll_tmp4 .info span {color: #fff;}
#intro.poll_tmp4 .info span:before {background: rgba(0, 0, 0, 0.15);}
#intro.poll_tmp4 .btnarea {background: #fff;margin: 0 8rem;}
#poll-ok.poll_tmp4 .cont {padding-top: 0;}

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

/* auto */
#intro.poll_tmp4 {padding-bottom: 10rem;min-height: auto;}
#intro.poll_tmp4 .tit-wrap {margin: 0 5rem;}
#intro.poll_tmp4 .cont {padding: 0 5rem;}
#intro.poll_tmp4 .btnarea { margin: 0 5rem;}

}

@media only screen and (max-width:576px) {

/* mobile-l */
.poll_tmp4 .tit-wrap {margin: 0 1.875rem;}
.poll_tmp4 .stit {font-size: 1.25rem;margin: 0 0 0.825rem 0;}
.poll_tmp4 .tit {font-size: 2.5rem;}
.poll_tmp4 .poll-logo {left: 30px;}
.poll_tmp4 .cont,
.poll_tmp4 .txt {padding: 2.5rem 1.875rem 0;}
.poll_tmp4 .poll-personal-info table tr {padding: 0.875rem 0.25rem;}
.poll_tmp4 .poll-view-title {padding-left: 0;}
.poll_tmp4 .poll-view-title .num {position: relative;font-size: 1.085rem;margin-right: 10px;}
.poll_tmp4 .poll-view-title .num:before {width: 16px;height: 16px;}
.poll_tmp4 .poll_option {padding-left: 0;}
#intro.poll_tmp4 .tit-wrap {margin: 0 2rem;}
#intro.poll_tmp4 .cont {padding: 0 2rem;}
#intro.poll_tmp4 .btnarea {margin: 0 2rem;}


 }

@media only screen and (max-width:424px) {

.poll_tmp4 .toparea {padding: 5rem 0 0;}
.poll_tmp4 .tit-wrap {padding: 1.5rem;}
.poll_tmp4 .tit {font-size: 1.6rem;}
.poll_tmp4 .txt {font-size: 0.875rem;}
.poll_tmp4 .poll-logo {top: 10px;left: 30px;}
.poll_tmp4 .poll-logo span {font-size: 0.875rem;}
.poll_tmp4 .poll-logo img {max-height: 20px;}
.poll_tmp4 .poll-stxt {display: none;}
.poll_tmp4 .info {font-size: 0.925rem;margin: 0 0 1rem;}
.poll_tmp4 .info span {margin-left: 0;}
.poll_tmp4 .cont h1 {font-size: 20px;padding: 0.875rem 0;}

            }
            
.step-wrap	{}
.step-wrap ul				{display:flex;flex-flow:row wrap;counter-reset:num;margin:-1rem -1.5rem;}
.step-wrap li				{width:calc(100% / 7);padding:1rem 1.5rem;position:relative;}
.step-wrap li:after			{content:"\f061";position:absolute;right:-15px;top:calc(50% - 15px);font-family:FontAwesome;display:block;width:30px;height:30px;line-height:30px;text-align:center;background:#9c9c9c;color:#fff;border-radius:50%;    font-weight: 700;}
.step-wrap li:last-child:after {display:none;}
.step-wrap li .bx			{padding:1.5rem;border-radius:0.5rem;height:100%;}
.step-wrap li .bx:before	{counter-increment:num;content:counter(num);font-size:var(--font-xlg);font-weight:700;color:#0A50A1;font-family:ns-neo;margin-bottom:0.5rem;display:block;width:30px;height:30px;line-height:30px;border-radius:50%;background: #fff;text-align: center;}
.step-wrap li .bx .tit		{font-size:1.2rem;font-weight:var(--font-regular);color:#fff;word-break:keep-all;line-height:1.1;}
.step-wrap li:nth-child(1) .bx, 
.step-wrap li:nth-child(2) .bx {background: linear-gradient(100deg, #41bbca, #31a4ab);}
.step-wrap li:nth-child(3) .bx, 
.step-wrap li:nth-child(4) .bx {background: linear-gradient(100deg, #4cb2e2, #249acc);}
.step-wrap li:nth-child(5) .bx, 
.step-wrap li:nth-child(6) .bx {background:linear-gradient(100deg, #1876b3, #0a53a2);}
.step-wrap li:nth-child(7) .bx {background: #01385e;}

@media (max-width: 1240px) {
	
	.step-wrap li { width: calc(100% / 4);}
}

@media (max-width: 778px) {
	
	.step-wrap li { width: 100% ;padding-bottom:2rem;}
	.step-wrap li .bx {padding:1rem;}
	.step-wrap li .bx:before {width:20px;height:20px;line-height:20px;}
	.step-wrap li .bx .tit,
	.step-wrap li .bx:before {display:inline-block;}
	.step-wrap li .bx .tit {font-size:1rem;}
	.step-wrap li:after {transform: translateX(50%);top: unset;right: 50%;bottom: -8px;content:'\f063'}
}