#mytd {padding: 2px 9px 0px 8px; cursor:pointer; font-size: 9pt; color: #404040}
	#mylink {color: #333333; text-decoration: none}
	#mylink:link {color: #333333; text-decoration: none}
	#mylink:visited {color: #333333; text-decoration: none}
	#mylink:hover {color: #999999; text-decoration: underline}

	form {display:inline}

	img {border:0px none;}
	input {/*FONT-FAMILY:µ¸¿ò;*/ FONT-SIZE:12px; BORDER:#C7C7C7 1px solid; COLOR:#525252; }

  textarea   {/*FONT-FAMILY:µ¸¿ò;*/ FONT-SIZE:12px; COLOR:#525252; background:#FFFFFF; BORDER:#C7C7C7 1px solid; PADDING:4px;
              scrollbar-track-color:#FFFFFF; scrollbar-face-color:#FFFFFF;
              scrollbar-3dlight-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF;
              scrollbar-shadow-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF;
              scrollbar-arrow-color:#DDDDDD;}

	.no_Line		{border:none; height:auto;}
	
	.CateListForm{font-size:12px}
	.CateWriteForm{font-size:12px}
	.smallFont {/*font-family:"Tahoma", "±¼¸²", "±¼¸²Ã¼","Verdana";*/ font-size:12px}
	.smallFontH {/*font-family:"±¼¸²", "±¼¸²Ã¼","Verdana";*/ font-size:11px}
	
	.write_table_left {width:110px; height:31px; padding-left:15px; text-align:left; COLOR:#5B88A8; /*font-family:"±¼¸²", "±¼¸²Ã¼","Verdana";*/ font-size:9pt; font-weight:bold; padding:-5px; background-color:#F2F8FB}
	.write_table_right {height:25px; padding-left:7px; background-color:#FFFFFF; padding-top:5px; padding-bottom:5px;}

	.pdt5 {padding-top:5px}
	.pdb5 {padding-bottom:5px}
	.pdr5 {padding-right:5px}
	.pdl5 {padding-left:5px}
	.pdt10 {padding-top:5px}
	.pdb10 {padding-bottom:10px}
	.pdr10 {padding-right:10px}
	.pdl10 {padding-left:20px; }
	.pda5 {padding:5px}
	.pda10 {padding:10px}
	
	.listLine1 {background-color:#525252;}
	.listLine2 {background-color:#DAE7EE}
	
	.writeLine1 {background-color:#ABC7DD}
	.writeLine2 {background-color:#DAE7EE}
	.writeLine3 {background-color:#DFE0E0}
	
	.viewLine1 {background-color:#525252;}
	.viewLine2 {background-color:#DAE7EE}
	.viewLine3 {background-color:#FFFFFF}
	.viewLine4 {background-color:#DAE7EE}
	.viewLine5 {background-color:#EFEFEF}
	.viewLine6 {background-color:#F5F5F5}

	.cmtLine1 {background-color:#ABC7DD}
	.cmtLine2 {background-color:#FAFAFA}
	.cmtLine3 {background-color:#DAE7EE}
	.cmtLine4 {background-color:#ABC7DD}
	.cmtLine5 {background-color:#ABC7DD}

	.cmtBG1 {background-color:#F2F8FB}

	.commLine1 {background-color:#397fc3; height:0.5px;}
	.commLine2 {background-color:#DAE7EE}
	.commTitle {COLOR:#397fc3; /*font-family:"±¼¸²", "±¼¸²Ã¼","Verdana";*/ font-size:9pt; font-weight:bold;  height:28px}

	.view_table_left {COLOR:#ffffff; /*font-family:"±¼¸²", "±¼¸²Ã¼","Verdana";*/ font-size:13px; letter-spacing: 2px; font-weight:bold; background-color:#397fc3; height:28px; padding-left:30px; width:150px}

	.listTop {height:31px; background-color:#FFFFFF; COLOR:#00509F; font-weight:bold}







	/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
@font-face {
  font-family: 'nanumbarunGothic';
  font-style: normal;
  font-weight: 400;
  src: url('/webfont/NanumBarunGothic.eot');
  src: url('/webfont/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
       url('/webfont/NanumBarunGothic.woff') format('woff'),
       url('/webfont/NanumBarunGothic.ttf') format('truetype');
}
body { font-family: "nanumbarunGothic", sans-serif; margin: 0; padding:0; color: #5a5a5a; background:#fff;/* overflow-x: hidden; */ }
a{text-decoration: none;}



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.notice_table_width{width:100%;}
.main_p{
font-size:27px;
line-height: 27px;
}

.main_p2{
color:#fff; font-size:13px;
margin-top: 20px;
margin-bottom: 30px;}
#btn1, #btn2, #btn3, #btn4{width:85px;}


#btn_request{width:20%;padding-top:30px;padding-bottom:50px;}

.client{width:100%;}
.btn{width:26%;float:left;margin-top:10px;}
.client_arrow{margin-left:20px; margin-right:20px;}
.scroll-img{width:74%;float:left;}
#btn_more{padding-bottom:20px;margin-top:-120px;width:20%;}
.portfolio{width:100%;padding: 0 5px;}
.homepage{padding-top:30px;}
.title{width:30%;float:left;}
.bar{width:70%;float:left;margin-top:4%;padding-left:10px;}
.align{padding-top:5px;}
.title2{width:26%;float:left;}
.bar2{
	width:74%;margin-top:4%;padding-left:10px;}
.title3{width:23%;float:left;}
.bar3{
	width:77%;margin-top:4%;padding-left:10px;}
.title4{width:17%;float:left;}
.bar4{
	width:83%;margin-top:4%;padding-left:10px;}
.title5{width:23%;float:left;}
.bar5{
	width:77%;margin-top:4%;padding-left:10px;}
.margin2{padding-bottom:20px;margin-top:100px;}
.card_align{margin-top:30px;}


.location_info{position:absolute;top:70%;right:20%;background:url(/hy/images/location_info2.png);width:200px;height:131px;}
.back-image{background:url(/hy/images/request.jpg);width:100%;height:330px;}
.re_p{color:#ffffff; font-size:25px; padding-top:45px;margin-bottom:25px;}
.re_p2{color:#ffffff; line-height:23px;font-size: 10px; padding-left:20px; padding-right:20px;}
.bgcolor{background-color:#413f3f;width:100%;height:130px;}
.footer_p{color:#c3c3c3;font-size:11px;padding-top:13px;}
.footer_p2{color:#9c9a9a; margin-top:5px; font-size:11px;}
#btn_advice{width:70px;}

.navbar-toggle {position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: black; /* ¿©±âºÎºÐÀ» transparent ¢º black À¸·Î ¹Ù²ãÁÖ¸é µÊ!*/
    background-image: none; border: 1px solid transparent; border-radius: 4px;}
.sub_main{background-image:url(/hy/images/sub_main.png); width:100%; height:372px;}
.sub_p{color:#fff; font-size:25px; padding-top:140px;}
.sub_p2{color:#fff; font-size:13px; padding-left:20px; padding-right:20px;}
.title_1{width:97%; padding-left:10px; margin-top:50px;}
.com_img{margin-left:50px; margin-right:50px; margin-bottom:50px; margin-top:50px; width:70%;}
.com_p{font-size:12px; margin-right:50px; margin-left:50px;} 
.com_img2{margin-top:50px; margin-left:50px;}

.ser_div{width:15%; float:left; margin-right:30px; margin-left:10px;}
.ser_p{font-size:25px;}
.ser_p2{font-size:15px;}
.ser_div2{width:97%; height:55px; margin-top:20px;}
.ser_img{float:right; margin-right:10px; margin-left:30px; margin-top:10px; margin-bottom:20px; }
.ser_img img{width:50px;}
.ser_p3{font-size:13px; margin-bottom:100px;}
.table_wid{width:95%;}

/* login & password & commentAdd & commentDelete . asp */
.log_pt{font-size:24px; letter-spacing: 5px; color:#397fc3;}
#strLoginID{margin-top:10px;}
#strLoginPwd{margin-top:10px;}
.id{margin:0; padding-left:10px; padding-right:9px; padding-bottom:10px; border: 2px solid #9a9a9a; width:250px; height:50px;}
.id input{border: 0;  outline:none;  height:30px; font-size:16px; color:#a8a7a7;}
.id:hover{border: 2px solid #535353;}
.id_size{width:41%; background:#F8F8F8;}

.pw{margin:0; padding-left:10px; padding-right:10px; padding-bottom:10px; border: 2px solid #9a9a9a; width:250px; height:50px;}
.pw input{border: 0;  outline:none;  height:30px; font-size:16px; color:#a8a7a7;}
.pw:hover{border: 2px solid #535353;}
.pw_size{width:41%; background:#F8F8F8;}

.p_id{margin-right:106px;  letter-spacing: 1px;}
.p_pw{margin-right:30px;  letter-spacing: 1px;}

/* login.asp > ·Î±×ÀÎ ¹öÆ° */
.log_in_btn{width:252px;}


/* write.asp */
.write_pt, .write_pt2, .write_pt3, .write_pt4, .write_pt5, .write_pt6, .write_pt7, .write_pt8{font-size:10px; padding-bottom:50px; letter-spacing: -1px; color: #FF8A00;}
.write_pt{margin-left:5px; margin-right:0; margin-top:0; margin-bottom:0; padding:0; float:left;}
.write_pt2{margin-left:5px; margin-right:0; margin-top:0; margin-bottom:0; padding:0; float:left;}
.write_pt3{margin-left:5px; margin-right:0; margin-top:0; margin-bottom:0; padding:0; float:left;}
.write_pt4{margin-left:5px; margin-right:0; margin-top:0; margin-bottom:0; padding:0; float:left;}
.write_pt5{margin-right:10px; margin-left:4px; margin-top:10px; float:left;}
.write_pt6{padding-top:8px; margin-bottom:-35px; margin-left:-200px;}
.write_pt7{margin-right:10px;}
.write_pt8{padding-top:8px; margin-bottom:-35px; margin-left:-170px;}

.re_name, .re_email{height:35px; width:97%;}
.re_pw, .re_home{height:35px; width:97%;}
.re_title{height:35px; width:75%;}
.re_mu{height:35px; width:37%;}

.re_name, .re_pw, .re_email, .re_home, .re_title, .re_mu, input{font-size:10px;}
.re_1{margin:0;  margin-right: 10px; margin-left:10px; padding-top:7px; width:130px; height:63px; border-bottom: 2px solid #9a9a9a; }
.re_2{margin:0; padding-left:10px; padding-top:7px; width:280px; height:50px; border-bottom: 2px solid #9a9a9a; }
.re_3{margin:0; padding-left:10px; padding-top:7px; width:280px; border: 2px solid #9a9a9a;}
.re_4{margin:0; padding-left:10px; padding-top:7px; width:280px; height:50px; border-bottom: 2px solid #9a9a9a; }
.re_5{margin:0; padding-left:10px; padding-top:7px; width:280px; border: 2px solid #9a9a9a; }
.re_1 input{border:0px solid #000; outline:none; color:#848282;}
.re_1:hover{border-bottom: 2px solid #FF8A00;}
.re_2 input{border:0px solid #000;; outline:none; color:#848282;}
.re_2:hover{border-bottom: 2px solid #FF8A00;}
.re_3:hover{border: 2px solid #FF8A00;}
.re_4 input{border:0px solid #000;;  outline:none; color:#848282;}
.re_4:hover{border-bottom: 2px solid #FF8A00;}
.re_5:hover{border: 2px solid #535353;}

/* write.asp > textarea ºÎºÐ */
.cheditor-editarea{width:100%;}

/* write.asp > button ºÎºÐ(÷ºÎÆÄÀÏ »èÁ¦) */
.write_delete{margin:0; padding-top:7px; width:70px; height:20px; background-color: #397fc3; color: #fff; }
.write_delete:hover{border:1px solid #397fc3; background-color:#fff; color: #397fc3;}
.write_delete{font-size:10px; font-weight:bold; padding-top:5px; letter-spacing: 2px; padding-left:2px;}
a{text-decoration:none; }

/* write.asp > button ºÎºÐ(ÀúÀå/¸ñ·Ï)*/
.save{margin:0; padding-left:10px; margin-right:10px; padding-top:7px; width:130px; height:50px; background-color: #535353; color: #fff; cursor:pointer;}
.save:hover{border:0px solid #397fc3; background-color:#333333; color: #fff;}
.save_span{font-size:10px; font-weight:bold; padding-top:10px; letter-spacing: 3px;}

.list{margin:0; padding-left:10px; margin-left:10px; padding-top:7px; width:130px; height:50px; background-color: #9c9c9c; color: #fff; cursor:pointer;}
.list:hover{border:0px solid #397fc3; background-color:#c2c2c2; color: #fff;}
.list_span{font-size:10px; font-weight:bold; padding-top:10px; letter-spacing: 3px;}

/* write.asp > title > checkbox ºÎºÐ(±ÛÀÚ»ö / °øÁö»çÇ× / ºñ¹Ð±Û)*/
.title_check{width:100%; margin-top:5px; float:left; font-size:10px; vertical-align:middle;}

/* write.asp > CONTENT ºÎºÐ */



/* list.asp > button ºÎºÐ(°Ë»ö/Ãë¼Ò) */
.serch_btn{width:50px; height:25px; background-color: #8A8A8A; color: #fff; font-size:10px; float:left; cursor:pointer; margin:0; padding:0;}
.serch_btn:hover{border:1px solid #8A8A8A; background-color:#fff; color: #8A8A8A;}
.serch_btn p{padding-top:4px; letter-spacing: 0px;}

/* list.asp > button üũ¹Ú½ººÎºÐ */
.chk_size{width:30px; float:left; margin-right:2px;}

/* list.asp > button °Ë»ö ºÎºÐ */
.serch_input{height:20px; font-size:10px; font-weight:bold; outline:none;}

/* list.asp > button ±Û¾²±â ºÎºÐ*/
.write_btn{width:52px; height:25px; background-color: #353535; color: #fff; font-size:10px; float:right; cursor:pointer; margin-top:1px;}
.write_btn:hover{border:2px solid #00509F; background-color:#fff; color: #00509F; }
.write_btn:hover p{margin-top:-2px;}
.write_btn p{padding-top:6px; letter-spacing: 3px; margin-left:2px;}

/* list.asp > button À­ ºÎºÐ(MYINFO / LOGIN / LOGOUT / MEMEO / ADMIN) */
.sub_btn{width:47px; height:25px; margin-left:2px; background-color:#fff; border:1px solid #8A8A8A; color: #8A8A8A;  float:right;}
.sub_btn:hover{ background-color: #8A8A8A; color: #fff;}
.sub_btn p{padding-top:3px; font-size:7px;}

/* list.asp > À­ ºÎºÐ / TOTAL / PAGE ±ÛÀںκР*/
.list_1{font-size:7px;}

/* view.asp > button ¹Ø ºÎºÐ(DELETE / REPAIR / COMMENT) */
.no_view_btn{width:70px; height:30px; margin-right:2px; background-color: #8A8A8A; color: #fff;float:left; margin-bottom:3px;}
.no_view_btn:hover{background-color:#fff; border:2px solid #8A8A8A; color: #8A8A8A;}
.no_view_btn p{padding-top:9px; letter-spacing:2px; font-size:7px; font-weight:bold;}


/* view.asp > button ¹Ø ºÎºÐ(LIST) */
.view_btn2{width:60px; height:30px; margin-left:5px;  background-color: #8A8A8A; color: #fff;float:right;}
.view_btn2:hover{ background-color:#fff; border:2px solid #8A8A8A; color: #8A8A8A;  }
.view_btn2 p{padding-top:10px; letter-spacing:2px; font-size:7px; font-weight:bold;}

/* view.asp > ±ÛÀÚ(TITLE / NAME / E-MAIL / HOMEPAGE / DATE) */
.view_table_left {COLOR:#ffffff; font-size:10px; letter-spacing: 2px; font-weight:bold; background-color:#535353; height:28px; padding-left:5px; width:110px}
.view_font{color:#2A2C29; font-weight:bold; font-size:10px;}

/* list.asp > button GO ÆäÀÌÁö¹öÆ°*/
.page_btn{width:50px; height:20px; background-color: #8A8A8A; color: #fff; font-size:10px; float:right;  margin-left:-6px;}
.page_btn:hover{border:2px solid #8A8A8A; background-color:#fff; color: #8A8A8A;}
.page_btn p{letter-spacing: 3px; font-weight:bold; margin-top:4px;}

/* list.asp > button ÆäÀÌÁö¹öÆ°(ÀÌÀü / ´ÙÀ½) */
.back_btn{width:25px; height:20px;  font-size:10px; margin-left:3px; border:2px solid #8A8A8A; background-color:#fff; color: #8A8A8A; float:right; cursor:pointer;}
.back_btn:hover{background-color: #8A8A8A; color: #fff;}
.back_btn p{padding-top:2px; letter-spacing: 3px; font-weight:bold;}

.next_btn{width:25px; height:20px;  font-size:10px; margin-left:3px; border:2px solid #8A8A8A; background-color:#fff; color: #8A8A8A;  float:right; cursor:pointer;}
.next_btn:hover{background-color: #8A8A8A; color: #fff;}
.next_btn p{padding-top:2px; letter-spacing: 3px; font-weight:bold;}

/* list.asp > input °Ë»ö */
.serch_input2{width:50px; height:25px;}

/* list.asp > GO ¹öÆ° ¾Õ INPUT */
.go_size{width:50px;}

/* list.asp > (¹øÈ£ / Á¦¸ñ / À̸§ / ³¯Â¥ / Á¶È¸ / ´Ù¿î) ±ÛÀÚ */
.listTop {height:31px; background-color:#FFFFFF; COLOR:#00509F; font-weight:bold; font-size:13px;}

/* list.asp > °øÁö»çÇ× ±ÛÀÚ Å©±â */
.notice_size{font-size:13px;}


@media (min-width: 390px) {
/* Center align the text within the three columns below the carousel */
.notice_table_width{width:100%;}
.main_p{
font-size:27px;
line-height: 27px;
}

.main_p2{
color:#fff; font-size:13px;
margin-top: 20px;
margin-bottom: 30px;}
#btn1, #btn2, #btn3, #btn4{width:85px;}



.hp_align{text-align: center;width:33%; float:left;}
.img_1{width:80%;}.img_2{width:70%;}.img_3{width:100%;}

#btn_request{width:20%;padding-top:30px;padding-bottom:50px;}

.client{width:100%;}
.btn{width:26%;float:left;margin-top:10px;}
.client_arrow{margin-left:30px; margin-right:20px;}
.scroll-img{width:74%;float:left;}
#btn_more{padding-bottom:20px;margin-top:-120px;width:20%;}
.portfolio{width:100%;padding: 0 5px;}
.homepage{padding-top:30px;}
.title{width:30%;float:left;}
.bar{width:70%;float:left;margin-top:4%;padding-left:10px;}
.align{padding-top:5px;}
.title2{width:26%;float:left;}
.bar2{
	width:74%;margin-top:4%;padding-left:10px;}
.title3{width:23%;float:left;}
.bar3{
	width:77%;margin-top:4%;padding-left:10px;}
.title4{width:17%;float:left;}
.bar4{
	width:83%;margin-top:4%;padding-left:10px;}
.title5{width:23%;float:left;}
.bar5{
	width:77%;margin-top:4%;padding-left:10px;}
.margin2{padding-bottom:20px;margin-top:100px;}
.card_align{margin-top:30px;}


.location_info{position:absolute;top:70%;right:20%;background:url(/hy/images/location_info2.png);width:200px;height:131px;}
.back-image{background:url(/hy/images/request.jpg);width:100%;height:341px;}
.re_p{color:#ffffff; font-size:35px; padding-top:45px;margin-bottom:25px;}
.re_p2{color:#ffffff; line-height:23px;font-size: 14px; padding-left:20px; padding-right:20px;}
.bgcolor{background-color:#413f3f;width:100%;height:100px;}
.footer_p{color:#c3c3c3;font-size:11px;padding-top:13px;}
.footer_p2{color:#9c9a9a; margin-top:5px; font-size:11px;}
#btn_advice{width:70px;}

.navbar-toggle {position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: black; /* ¿©±âºÎºÐÀ» transparent ¢º black À¸·Î ¹Ù²ãÁÖ¸é µÊ!*/
    background-image: none; border: 1px solid transparent; border-radius: 4px;}
.sub_main{background-image:url(/hy/images/sub_main.png); width:100%; height:372px;}
.sub_p{color:#fff; font-size:25px; padding-top:140px;}
.sub_p2{color:#fff; font-size:13px; padding-left:20px; padding-right:20px;}
.title_1{width:97%; padding-left:10px; margin-top:50px;}
.com_img{margin-left:50px; margin-right:50px; margin-bottom:50px; margin-top:50px; width:70%;}
.com_p{font-size:12px; margin-right:50px; margin-left:50px;} 
.com_img2{margin-top:50px; margin-left:50px;}

.ser_div{width:15%; float:left; margin-right:30px; margin-left:10px;}
.ser_p{font-size:25px;}
.ser_p2{font-size:15px;}
.ser_div2{width:97%; height:55px; margin-top:20px;}
.ser_img{float:right; margin-right:10px; margin-left:30px; margin-top:10px; margin-bottom:20px; }
.ser_img img{width:50px;}
.ser_p3{font-size:13px; margin-bottom:100px;}
.table_wid{width:95%;}

/* login & password & commentAdd & commentDelete . asp */
.log_pt{font-size:30px; letter-spacing: 5px; color:#397fc3;}
#strLoginID{margin-top:10px;}
#strLoginPwd{margin-top:10px;}
.id{margin:0; padding-left:10px; padding-right:9px; padding-bottom:10px; border: 2px solid #9a9a9a; width:300px; height:50px;}
.id input{border: 0;  outline:none;  height:30px; font-size:16px; color:#a8a7a7;}
.id:hover{border: 2px solid #535353;}
.id_size{width:46%; background:#F8F8F8;}

.pw{margin:0; padding-left:10px; padding-right:10px; padding-bottom:10px; border: 2px solid #9a9a9a; width:300px; height:50px;}
.pw input{border: 0;  outline:none;  height:30px; font-size:16px; color:#a8a7a7;}
.pw:hover{border: 2px solid #535353;}
.pw_size{width:46%; background:#F8F8F8;}

.p_id{margin-right:121px;  letter-spacing: 1px;}
.p_pw{margin-right:45px;  letter-spacing: 1px;}

/* login.asp > ·Î±×ÀÎ ¹öÆ° */
.log_in_btn{width:301px;}


/* write.asp */
.write_pt, .write_pt2, .write_pt3, .write_pt4, .write_pt5, .write_pt6, .write_pt7, .write_pt8{font-size:13px; padding-bottom:50px; letter-spacing: -1px; color: #FF8A00;}
.write_pt{margin-left:5px; margin-right:0; margin-top:0; margin-bottom:0; padding:0; float:left;}
.write_pt2{margin-left:5px; margin-right:0; margin-top:0; margin-bottom:0; padding:0; float:left;}
.write_pt3{margin-left:5px; margin-right:0; margin-top:0; margin-bottom:0; padding:0; float:left;}
.write_pt4{margin-left:5px; margin-right:0; margin-top:0; margin-bottom:0; padding:0; float:left;}
.write_pt5{margin-right:10px; margin-left:4px; margin-top:10px; float:left;}
.write_pt6{padding-top:8px; margin-bottom:-35px; margin-left:-295px;}
.write_pt7{margin-right:10px;}
.write_pt8{padding-top:8px; margin-bottom:-35px; margin-left:-270px;}

.re_name, .re_email{height:35px; width:97%;}
.re_pw, .re_home{height:35px; width:97%;}
.re_title{height:35px; width:80%;}
.re_mu{height:35px; width:37%;}

.re_name, .re_pw, .re_email, .re_home, .re_title, .re_mu, input{font-size:10px;}
.re_1{margin:0;  margin-right: 10px; margin-left:10px; padding-top:7px; width:180px; height:63px; border-bottom: 2px solid #9a9a9a; }
.re_2{margin:0; padding-left:10px; padding-top:7px; width:380px; height:50px; border-bottom: 2px solid #9a9a9a; }
.re_3{margin:0; padding-left:10px; padding-top:7px; width:380px; border: 2px solid #9a9a9a; }
.re_4{margin:0; padding-left:10px; padding-top:7px; width:380px; height:50px; border-bottom: 2px solid #9a9a9a; }
.re_5{margin:0; padding-left:10px; padding-top:7px; width:380px; border: 2px solid #9a9a9a; }
.re_1 input{border:0px solid #000; outline:none; color:#848282;}
.re_1:hover{border-bottom: 2px solid #FF8A00;}
.re_2 input{border:0px solid #000;; outline:none; color:#848282;}
.re_2:hover{border-bottom: 2px solid #FF8A00;}
.re_3:hover{border: 2px solid #FF8A00;}
.re_4 input{border:0px solid #000;;  outline:none; color:#848282;}
.re_4:hover{border-bottom: 2px solid #FF8A00;}
.re_5:hover{border: 2px solid #535353;}

/* write.asp > button ºÎºÐ(÷ºÎÆÄÀÏ »èÁ¦) */
.write_delete{margin:0; padding-top:7px; width:70px; height:20px; background-color: #397fc3; color: #fff; }
.write_delete:hover{border:1px solid #397fc3; background-color:#fff; color: #397fc3;}
.write_delete{font-size:10px; font-weight:bold; padding-top:5px; letter-spacing: 2px; padding-left:2px;}
a{text-decoration:none; }

/* write.asp > button ºÎºÐ(ÀúÀå/¸ñ·Ï)*/
.save{margin:0; padding-left:10px; margin-right:10px; padding-top:7px; width:180px; height:50px; background-color: #00509F; color: #fff; cursor:pointer;}
.save:hover{border:0px solid #397fc3; background-color:#464646; color: #fff;}
.save_span{font-size:13px; font-weight:bold; padding-top:10px; letter-spacing: 0px;}

.list{margin:0; padding-left:10px; margin-left:10px; padding-top:7px; width:180px; height:50px; background-color: #464646; color: #fff; cursor:pointer;}
.list:hover{border:0px solid #397fc3; background-color:#00509F; color: #fff;}
.list_span{font-size:13px; font-weight:bold; padding-top:10px; letter-spacing: 0px;}

/* write.asp > title > checkbox ºÎºÐ(±ÛÀÚ»ö / °øÁö»çÇ× / ºñ¹Ð±Û)*/
.title_check{width:100%; margin-top:5px; float:left; font-size:10px; vertical-align:middle;}

/* write.asp > CONTENT ºÎºÐ */


/* list.asp > button ºÎºÐ(°Ë»ö/Ãë¼Ò) */
.serch_btn{width:70px; height:30px; background-color: #8A8A8A; color: #fff; font-size:12px; float:left; margin-top:1px; cursor:pointer; margin:0; padding:0;}
.serch_btn:hover{border:1px solid #8A8A8A; background-color:#fff; color: #8A8A8A;}
.serch_btn p{padding-top:5px; letter-spacing: 0px;}

/* list.asp > button üũ¹Ú½ººÎºÐ */
.chk_size{width:40px; float:left; margin-right:3px;}

/* list.asp > button °Ë»ö ºÎºÐ */
.serch_input{height:25px; font-size:12px; font-weight:bold; outline:none;}

/* list.asp > button ±Û¾²±â ºÎºÐ*/
.write_btn{width:70px; height:30px; background-color: #353535; color: #fff; font-size:12px; float:right; cursor:pointer; margin-top:1px;}
.write_btn:hover{border:1px solid #00509F; background-color:#00509F; color: #fff; }
.write_btn:hover p{margin-top:-1px;}
.write_btn p{padding-top:8px; letter-spacing: -1px; margin-left:0px;}

/* list.asp > button À­ ºÎºÐ(MYINFO / LOGIN / LOGOUT / MEMEO / ADMIN) */
.sub_btn{width:55px; height:30px; margin-left:5px; background-color:#fff; border:1px solid #8A8A8A; color: #8A8A8A;  float:right;}
.sub_btn:hover{ background-color: #8A8A8A; color: #fff;}
.sub_btn p{padding-top:6px; padding-left:1.5px; letter-spacing:1px; font-size:9px;}

/* list.asp > À­ ºÎºÐ / TOTAL / PAGE ±ÛÀںκР*/
.list_1{font-size:13px;}

/* view.asp > button ¹Ø ºÎºÐ(DELETE / REPAIR / COMMENT) */
.no_view_btn{width:80px; height:30px; margin-right:5px;border:1px solid #B7B7B7; color: #777;  background-color: #fff; float:left;}
.no_view_btn:hover{padding-top:-8px; color:#fff; background-color: #464646;  border:1px solid #464646;}
.no_view_btn p{padding-top:6px; letter-spacing:-1px; font-size:13px; font-weight:bold;}

/* view.asp > button ¹Ø ºÎºÐ(LIST) */
.view_btn2{width:80px; height:30px; margin-left:5px;  background-color: #464646; color: #fff;float:right;}
.view_btn2:hover{padding-top:-2px;  background-color:#fff; border:1px solid #464646; color: #464646;  }
.view_btn2 p{padding-top:6px; letter-spacing:-1px; font-size:13px; font-weight:bold;}

/* view.asp > ±ÛÀÚ(TITLE / NAME / E-MAIL / HOMEPAGE / DATE) */
.view_table_left {COLOR:#ffffff; font-size:13px; letter-spacing: 2px; font-weight:bold; background-color:#535353; height:28px; padding-left:10px; width:110px}
.view_font{color:#2A2C29; font-weight:bold; font-size:13px;}

/* list.asp > button GO ÆäÀÌÁö¹öÆ°*/
.page_btn{width:50px; height:20px; background-color: #8A8A8A; color: #fff; font-size:10px; float:right;  margin-left:-6px;}
.page_btn:hover{border:2px solid #8A8A8A; background-color:#fff; color: #8A8A8A;}
.page_btn p{letter-spacing: 3px; font-weight:bold; margin-top:4px;}

/* list.asp > button ÆäÀÌÁö¹öÆ°(ÀÌÀü / ´ÙÀ½) */
.back_btn{width:25px; height:20px;  font-size:10px; margin-left:3px; border:2px solid #8A8A8A; background-color:#fff; color: #8A8A8A; float:right; cursor:pointer;}
.back_btn:hover{background-color: #8A8A8A; color: #fff;}
.back_btn p{padding-top:2px; letter-spacing: 3px; font-weight:bold;}

.next_btn{width:25px; height:20px;  font-size:10px; margin-left:3px; border:2px solid #8A8A8A; background-color:#fff; color: #8A8A8A;  float:right; cursor:pointer;}
.next_btn:hover{background-color: #8A8A8A; color: #fff;}
.next_btn p{padding-top:2px; letter-spacing: 3px; font-weight:bold;}

/* list.asp > input °Ë»ö */
.serch_input2{width:70px; height:30px;}

/* list.asp > GO ¹öÆ° ¾Õ INPUT */
.go_size{width:50px;}

/* list.asp > (¹øÈ£ / Á¦¸ñ / À̸§ / ³¯Â¥ / Á¶È¸ / ´Ù¿î) ±ÛÀÚ */
.listTop {height:31px; background-color:#FFFFFF; COLOR:#00509F; font-weight:bold; font-size:13px;}

/* list.asp > °øÁö»çÇ× ±ÛÀÚ Å©±â */
.notice_size{font-size:14px;}
}



/* Featurettes
------------------------- */
@media (min-width: 520px) {
.notice_table_width{width:100%;}

.main_p{
font-size:27px;
line-height: 27px;
}

.main_p2{
color:#ffffff; font-size:13px;
margin-top: 20px;
margin-bottom: 30px;}
#btn1, #btn2, #btn3, #btn4{width:110px;}


.hp_align{text-align: center;width:33%; float:left;}
.img_1{width:80%;}.img_2{width:70%;}.img_3{width:100%;}

#btn_request{width:20%;padding-top:30px;padding-bottom:50px;}

.client{width:100%;}
.btn{width:26%;float:left;margin-top:10px;}
.client_arrow{margin-left:50px; margin-right:20px;}
.scroll-img{width:74%;float:left;}
#btn_more{padding-bottom:20px;margin-top:-120px;width:20%;}
.portfolio{width:100%;padding: 0 5px;}
.homepage{padding-top:30px;}
.title{width:30%;float:left;}
.bar{width:70%;float:left;margin-top:4%;padding-left:10px;}
.align{padding-top:5px;}
.title2{width:26%;float:left;}
.bar2{
	width:74%;margin-top:4%;padding-left:10px;}
.title3{width:23%;float:left;}
.bar3{
	width:77%;margin-top:4%;padding-left:10px;}
.title4{width:17%;float:left;}
.bar4{
	width:83%;margin-top:4%;padding-left:10px;}
.title5{width:23%;float:left;}
.bar5{
	width:77%;margin-top:4%;padding-left:10px;}
.margin2{padding-bottom:20px;margin-top:100px;}
.card_align{margin-top:30px;}


.location_info{position:absolute;top:70%;right:20%;background:url(/hy/images/location_info2.png);width:200px;height:131px;}
.back-image{background:url(/hy/images/request.jpg);width:100%;height:341px;}
.re_p{color:#ffffff; font-size:35px; padding-top:45px;margin-bottom:25px;}
.re_p2{color:#ffffff; line-height:23px;font-size: 14px;}
.bgcolor{background-color:#413f3f;width:100%;height:100px;}
.footer_p{color:#c3c3c3;font-size:11px;padding-top:23px;}
.footer_p2{color:#9c9a9a; margin-top:5px; font-size:11px;
}
.navbar-toggle {position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: black; /* ¿©±âºÎºÐÀ» transparent ¢º black À¸·Î ¹Ù²ãÁÖ¸é µÊ!*/
    background-image: none; border: 1px solid transparent; border-radius: 4px;}
.sub_main{background-image:url(/hy/images/sub_main.png); width:100%; height:372px;}
.sub_p{color:#fff; font-size:33px; padding-top:140px;}
.sub_p2{color:#fff; font-size:13px;}
.title_1{width:97%; margin:30px 10px;}
.com_img{margin-left:50px; margin-right:50px; margin-bottom:50px; margin-top:50px; width:70%;}
.com_p{font-size:17px; margin-right:50px; margin-left:50px;} 
.com_img2{margin-top:50px; margin-left:50px;}

.ser_div{width:12%; float:left; margin-right:50px; margin-left:30px;}
.ser_p{font-size:25px;}
.ser_p2{font-size:17px;}
.ser_div2{width:98%; height:55px; margin-top:20px;}
.ser_img{float:right; margin-right:10px; margin-left:50px; margin-top:-10px; margin-bottom:30px;}
.ser_img img{width:100px;}
.ser_p3{font-size:15px; margin-bottom:100px;}
.table_wid{width:95%;}

/* login & password & commentAdd & commentDelete . asp */
.log_pt{font-size:35px; letter-spacing: 5px; color:#397fc3;}
#strLoginID{margin-top:10px;}
#strLoginPwd{margin-top:10px;}
.id{margin:0; padding-left:10px; padding-right:9px; padding-bottom:10px; border: 2px solid #9a9a9a; width:400px; height:50px;}
.id input{border: 1;  outline:none;  height:30px; font-size:16px;}
.id:hover{border: 2px solid #535353;}

.pw{margin:0; padding-left:10px; padding-right:10px; padding-bottom:10px; border: 2px solid #9a9a9a; width:400px; height:50px;}
.pw input{border: 1;  outline:none;  height:30px; font-size:16px;}
.pw:hover{border: 2px solid #535353;}

.p_id{margin-right:151px;  letter-spacing: 1px;}
.p_pw{margin-right:75px;  letter-spacing: 1px;}

/* login.asp > ·Î±×ÀÎ ¹öÆ° */
.log_in_btn{width:322px;}


/* write.asp */
.write_pt, .write_pt2, .write_pt3, .write_pt4, .write_pt5, .write_pt6, .write_pt7, .write_pt8{font-size:13px; padding-bottom:50px; letter-spacing: -1px; color: #FF8A00;}
.write_pt{margin-left:5px; margin-right:0; margin-top:0; margin-bottom:0; padding:0; float:left;}
.write_pt2{margin-left:5px; margin-right:0; margin-top:0; margin-bottom:0; padding:0; float:left;}
.write_pt3{margin-left:5px; margin-right:0; margin-top:0; margin-bottom:0; padding:0; float:left;}
.write_pt4{margin-left:5px; margin-right:0; margin-top:0; margin-bottom:0; padding:0; float:left;}
.write_pt5{margin-right:10px; margin-left:4px; margin-top:10px; float:left;}
.write_pt6{padding-top:8px; margin-bottom:-35px; margin-left:-410px;}
.write_pt7{margin-right:20px;}
.write_pt8{padding-top:8px; margin-bottom:-35px; margin-left:-340px;}

.re_name, .re_email{height:35px; width:100%;}
.re_pw, .re_home{height:35px; width:100%;}
.re_title{height:35px; width:80%;}
.re_mu{height:35px; width:45%;}

.re_name, .re_pw, .re_email, .re_home, .re_title, .re_mu, input{font-size:10px;}
.re_1{margin:0;  margin-right: 10px; margin-left:10px; padding-top:7px; width:215px; height:63px; border-bottom: 2px solid #9a9a9a; }
.re_2{margin:0; padding-left:10px; padding-top:7px; width:450px; height:50px; border-bottom: 2px solid #9a9a9a; }
.re_3{margin:0; padding-left:10px; padding-top:7px; width:450px; border: 2px solid #9a9a9a; }
.re_4{margin:0; padding-left:0px; padding-top:7px; width:450px; height:50px; border-bottom: 2px solid #9a9a9a; }
.re_5{margin:0; padding-left:10px; padding-top:7px; width:450px; border: 2px solid #9a9a9a; }
.re_1 input{border:0px solid #000; outline:none; color:#848282;}
.re_1:hover{border-bottom: 2px solid #FF8A00;}
.re_2 input{border:0px solid #000;; outline:none; color:#848282;}
.re_2:hover{border-bottom: 2px solid #FF8A00;}
.re_3:hover{border: 2px solid #FF8A00;}
.re_4 input{border:0px solid #000;;  outline:none; color:#848282;}
.re_4:hover{border-bottom: 2px solid #FF8A00;}
.re_5:hover{border: 2px solid #535353;}

/* write.asp > button ºÎºÐ(÷ºÎÆÄÀÏ »èÁ¦) */
.write_delete{margin:0; padding-top:7px; width:70px; height:20px; background-color: #397fc3; color: #fff; }
.write_delete:hover{border:1px solid #397fc3; background-color:#fff; color: #397fc3;}
.write_delete{font-size:10px; font-weight:bold; padding-top:5px; letter-spacing: 2px; padding-left:2px;}
a{text-decoration:none; }

/* write.asp > button ºÎºÐ(ÀúÀå/¸ñ·Ï)*/
.save{margin:0; padding-left:10px; margin-right:10px; padding-top:7px; width:215px; height:50px; background-color: #00509F; color: #fff;}
.save:hover{border:0px solid #397fc3; background-color:#464646; color: #fff;}
.save_span{font-size:13px; font-weight:bold; padding-top:10px; letter-spacing: 0px;}

.list{margin:0; padding-left:10px; margin-left:10px; padding-top:7px; width:215px; height:50px; background-color: #464646; color: #fff;}
.list:hover{border:0px solid #397fc3; background-color:#00509F; color: #fff;}
.list_span{font-size:13px; font-weight:bold; padding-top:10px; letter-spacing: -1px;}

/* write.asp > title > checkbox ºÎºÐ(±ÛÀÚ»ö / °øÁö»çÇ× / ºñ¹Ð±Û)*/
.title_check{width:100%; margin-top:5px; float:left; font-size:10px;}


/* list.asp > button ºÎºÐ(°Ë»ö/Ãë¼Ò) */
.serch_btn{width:70px; height:30px; background-color: #8A8A8A; color: #fff; font-size:12px; float:left; vertical-align:middle; margin:0; padding:0;}
.serch_btn:hover{border:1px solid #8A8A8A; background-color:#fff; color: #8A8A8A;}
.serch_btn p{padding-top:5px; letter-spacing: 0px;}

/* list.asp > button °Ë»ö ºÎºÐ */
.serch_input{height:30px; font-size:12px; font-weight:bold; outline:none;}

/* list.asp > button ±Û¾²±â ºÎºÐ*/
.write_btn{width:75px; height:31px; background-color: #333; color: #fff; font-size:13px; float:right;}
.write_btn:hover{border:1px solid #00509F; background-color:#00509F; color: #fff;}
.write_btn p{padding-top:7px; letter-spacing: -1px;}

/* list.asp > button À­ ºÎºÐ(MYINFO / LOGIN / LOGOUT / MEMEO / ADMIN) */
.sub_btn{width:70px; height:30px; margin-left:5px; background-color:#fff; border:1px solid #8A8A8A; color: #8A8A8A;  float:right;}
.sub_btn:hover{ background-color: #8A8A8A; color: #fff;}
.sub_btn p{padding-top:4px; letter-spacing:-1px; font-size:13px;}

/* list.asp > À­ ºÎºÐ / TOTAL / PAGE ±ÛÀںκР*/
.list_1{font-size:17px; }

/* view.asp > button ¹Ø ºÎºÐ(DELETE / REPAIR / COMMENT) */
.no_view_btn{width:80px; height:30px; margin-right:5px;border:1px solid #B7B7B7; color: #777;  background-color: #fff; float:left;}
.no_view_btn:hover{padding-top:-8px; color:#fff; background-color: #464646;  border:1px solid #464646;}
.no_view_btn p{padding-top:6px; letter-spacing:-1px; font-size:13px; font-weight:bold;}

/* view.asp > button ¹Ø ºÎºÐ(LIST) */
.view_btn2{width:80px; height:30px; margin-left:5px;  background-color: #464646; color: #fff;float:right;}
.view_btn2:hover{padding-top:-2px;  background-color:#fff; border:1px solid #464646; color: #464646;  }
.view_btn2 p{padding-top:6px; letter-spacing:-1px; font-size:13px; font-weight:bold;}

/* view.asp > ±ÛÀÚ(TITLE / NAME / E-MAIL / HOMEPAGE / DATE) */
.view_table_left {COLOR:#ffffff; font-size:13px; letter-spacing: 2px; font-weight:bold; background-color:#535353; height:28px; padding-left:30px; width:150px}
.view_font{color:#2A2C29; font-size:13px;}

/* list.asp > button ÆäÀÌÁö¹öÆ°*/
.page_btn{width:50px; height:20px; background-color: #8A8A8A; color: #fff; font-size:10px; float:right;  margin-left:-6px;}
.page_btn:hover{border:2px solid #8A8A8A; background-color:#fff; color: #8A8A8A;}
.page_btn p{margin-top:4px; letter-spacing: 3px; font-weight:bold;}

/* list.asp > button ÆäÀÌÁö¹öÆ°(ÀÌÀü / ´ÙÀ½) */
.back_btn{width:25px; height:20px;  font-size:10px; margin-left:3px; border:2px solid #8A8A8A; background-color:#fff; color: #8A8A8A; float:right;}
.back_btn:hover{background-color: #8A8A8A; color: #fff;}
.back_btn p{padding-top:2px; letter-spacing: 3px; font-weight:bold;}

.next_btn{width:25px; height:20px;  font-size:10px; margin-left:3px; border:2px solid #8A8A8A; background-color:#fff; color: #8A8A8A;  float:right;}
.next_btn:hover{background-color: #8A8A8A; color: #fff;}
.next_btn p{padding-top:2px; letter-spacing: 3px; font-weight:bold;}

/* list.asp > input °Ë»ö */
.serch_input{width:100px;}

/* list.asp > (¹øÈ£ / Á¦¸ñ / À̸§ / ³¯Â¥ / Á¶È¸ / ´Ù¿î) ±ÛÀÚ */
.listTop {height:31px; background-color:#FFFFFF; COLOR:#00509F; font-weight:bold; font-size:14px; letter-spacing:-1px;}

/* list.asp > °øÁö»çÇ× ±ÛÀÚ Å©±â */
.notice_size{font-size:15px;}
}



@media (max-width: 767px){ }


/* RESPONSIVE CSS
-------------------------------------------------- */






@media (min-width: 768px) {
.notice_table_width{width:720px}
.solu_align {text-align: center; float: left;display: block;content:"";	clear:both; width: 25%; height: 270px;}

.hp_align{text-align: center;width:32%; }
.img_1{width:83%;}.img_2{width:73%;}.img_3{width:100%;}
#btn_request{width:15%;padding-top:30px;padding-bottom:50px;}


.client{width:100%;}
.btn{width:27%;float:left;margin-top:10px;}
.client_arrow{margin-left:60px; margin-right:20px;}
.scroll-img{width:73%;float:left;}
#btn_more{padding-bottom:20px;margin-top:-100px;width:15%;}
.align{padding-top:10px;}
.portfolio{width:100%; padding: 0 5px;}
.homepage{padding-top:50px;}
.title{width:30%;float:left;}
.bar{width:70%;margin-top:4%;padding-left:10px;}
.title2{width:23%;float:left;}
.bar2{
	width:77%;margin-top:4%;padding-left:10px;}
#map {    height: 100%;	position:relative;   }

.location_info{position:absolute;top:30%;right:3%;background:url(/hy/images/location_info.png);width:313px;height:205px;}

.back-image{background:url(/hy/images/request.jpg);width:100%;height:341px;}
.re_p{color:#ffffff; font-size:40px; padding-top:45px;margin-bottom:25px;}
.re_p2{color:#ffffff; line-height:23px;font-size: 16px;}
.bgcolor{background-color:#413f3f;width:100%;height:100px; margin-bottom:0;}
.footer_p{color:#c3c3c3;font-size:13px;padding-top:23px;}
.footer_p2{color:#9c9a9a; margin-top:5px; font-size:13px;
}
.navbar-toggle {position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: black; /* ¿©±âºÎºÐÀ» transparent ¢º black À¸·Î ¹Ù²ãÁÖ¸é µÊ!*/
    background-image: none; border: 1px solid transparent; border-radius: 4px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #ffffff; text-decoration: none; background-color: #3a80c4;}
.dropdown-menu > li > a {display: block; padding: 7px 20px; /* ¿©±âºÎºÐ '3px'À» '7px'·Î ¹Ù²Ù±â */
    clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap;}
.dropdown-menu {padding: 0px 0;}

.sub_main{background-image:url(/hy/images/sub_main.png); width:100%; height:372px;}
.sub_p{color:#fff; font-size:35px; padding-top:180px;}
.sub_p2{color:#fff; font-size:15px;}
.title_1{width:97%; margin:30px 10px;}
.com_img{margin-left:100px; margin-right:100px; margin-bottom:150px; margin-top:80px;}
.com_p{font-size:17px; margin-right:50px;}
.com_img2{margin-top:50px; margin-left:50px;}
.ser_div{width:18%; float:left; margin-right:50px; margin-left:30px;}
.ser_p{font-size:32px;}
.ser_p2{font-size:18px;}
.ser_div2{width:98%; height:55px; margin-top:70px;}
.ser_img{float:right; margin-right:10px; margin-left:50px; margin-top:-30px;}
.ser_img img{width:90px;}
.ser_p3{font-size:15px; margin-top:-20px;}
.table_wid{width:95%;}


/* login & password & commentAdd & commentDelete . asp */
.log_pt{font-size:35px; letter-spacing: 5px; color:#397fc3;}
#strLoginID{margin-top:10px;}
#strLoginPwd{margin-top:10px;}
.id{margin:0; padding-left:10px; padding-right:9px; padding-bottom:10px; border: 2px solid #9a9a9a; width:400px; height:50px;}
.id input{border: 1;  outline:none;  height:30px; font-size:16px;}
.id:hover{border: 2px solid #535353;}

.pw{margin:0; padding-left:10px; padding-right:10px; padding-bottom:10px; border: 2px solid #9a9a9a; width:400px; height:50px;}
.pw input{border: 1;  outline:none;  height:30px; font-size:16px;}
.pw:hover{border: 2px solid #535353;}

.p_id{margin-right:151px;  letter-spacing: 1px;}
.p_pw{margin-right:75px;  letter-spacing: 1px;}


/* write.asp */
.write_pt, .write_pt2, .write_pt3, .write_pt4, .write_pt5, .write_pt6, .write_pt7, .write_pt8{font-size:14px; padding-bottom:50px; letter-spacing: -1px; color: #FF8A00;}
.write_pt{margin-left:5px; margin-right:0; margin-top:8px; margin-bottom:0; padding:0; float:left;}
.write_pt2{margin-right:28px; margin-top:8px;}
.write_pt3{margin-right:27px; margin-top:8px;}
.write_pt4{margin-right:25px; margin-top:8px;}
.write_pt5{margin-right:20px;}
.write_pt6{padding-top:8px; margin-bottom:-35px; margin-left:-609px;}
.write_pt7{margin-right:30px;}
.write_pt8{padding-top:8px; margin-bottom:-35px; margin-left:-515px;}

.re_name, .re_email{height:35px; width:63%;}
.re_pw, .re_home{height:35px; width:49%;}
.re_title{height:35px; width:82%;}
.re_mu{height:35px; width:62%;}

.re_name, .re_pw, .re_email, .re_home, .re_title, .re_mu, input{font-size:14px;}
.re_1{margin:0; padding-left:10px; margin-right: 10px; margin-left:10px; padding-top:7px; width:317px; height:50px; border-bottom: 2px solid #9a9a9a; }
.re_2{margin:0; padding-left:10px; padding-top:7px; width:654px; height:50px; border-bottom: 2px solid #9a9a9a;}
.re_3{margin:0; padding-left:10px; padding-top:7px; width:654px; border: 2px solid #9a9a9a;}
.re_4{margin:0; padding-left:5px; padding-top:7px; width:654px; height:50px; border-bottom: 2px solid #9a9a9a;}
.re_5{margin:0; padding-left:10px; padding-top:7px; width:654px; border: 2px solid #9a9a9a;}
.re_1 input{border:0px solid #000; outline:none; }
.re_1:hover{border-bottom: 2px solid #FF8A00;}
.re_2 input{border:0px solid #000; outline:none; }
.re_2:hover{border-bottom: 2px solid #FF8A00;}
.re_3:hover{border: 2px solid #FF8A00;}
.re_4 input{border:0px solid #000; outline:none; }
.re_4:hover{border-bottom: 2px solid #FF8A00;}
.re_5:hover{border: 2px solid #535353;}

/* write.asp > button ºÎºÐ(ÀúÀå/¸ñ·Ï)*/
.save{margin:0; padding-left:5px; margin-right:10px; padding-top:7px; width:317px; height:50px; background-color: #00509F; color: #fff;}
.save:hover{border:0px solid #397fc3; background-color:#464646; color: #fff;}
.save_span{font-size:14px; font-weight:bold; padding-top:8px;}

.list{margin:0; padding-left:10px; margin-left:10px; padding-top:7px; width:317px; height:50px; background-color: #464646; color: #fff;}
.list:hover{border:0px solid #397fc3; background-color:#00509F; color: #fff;}
.list_span{font-size:14px; font-weight:bold; padding-top:8px;}

/* write.asp > title > checkbox ºÎºÐ(±ÛÀÚ»ö / °øÁö»çÇ× / ºñ¹Ð±Û)*/
.title_check{width:100%; margin-top:5px; float:left; font-size:14px;}
}






@media (min-width: 992px) {
/* .nav > li > a {
    padding: 20px 12px;
} */
.notice_table_width{width:940px}
 .container {padding-right: 15px; padding-left: 15px; }
 .nav > li > a {padding:10px 22px; padding-top:13px;  padding-bottom:17px;}

  
  .featurette-heading {margin-top: 120px;
  }

  .main_p{color:#ffffff; font-size:50px;
line-height: 50px;}

.main_p2{color:#ffffff; font-size:18px;}

#btn1, #btn2, #btn3, #btn4{width:150px;}

.cardCont img{width:240px;height:319px;}

.solu_align {text-align: center;  float: left; display: block; 	content:""	clear:both; width: 25%; height: 350px; }
.hp_align{text-align: center;width:33%; float:left;}
.img_1{width:70%;}.img_2{width:60%;}.img_3{width:80%;}
#btn_request{width:10%;padding-top:100px;padding-bottom:100px;}


.client{width:100%;}
.btn{width:20%;float:left;margin-top:10px;}
.client_arrow{margin-left:70px; margin-right:20px;}
.scroll-img{width:70.5%;float:left;}

.portfolio{width:100%; padding: 0 5px;}
.title{width:20%;float:left;}
.bar{width:80%;float:left;margin-top:3%;padding-left:10px;}
#btn_more{padding-bottom:100px;margin-top:-50px;width:10%;}


.homepage{padding-top:70px;}

#map {height: 100%;	position:relative;}

.location_info{position:absolute;top:30%;right:7%;background:url(/hy/images/location_info.png);width:313px;height:205px;}
.back-image{background:url(/hy/images/request.jpg);width:100%;height:341px;}
.re_p{color:#ffffff; font-size:40px; padding-top:45px;margin-bottom:25px;}
.re_p2{color:#ffffff; line-height:23px;font-size: 16px;}
.bgcolor{background-color:#413f3f;width:100%;height:100px;}
.footer_p{color:#c3c3c3;font-size:13px;padding-top:23px;}
.footer_p2{color:#9c9a9a; margin-top:5px; font-size:13px;
}
.card_align{padding-top:30px;padding-left:50px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #ffffff; text-decoration: none; background-color: #3a80c4;}
.dropdown-menu > li > a {display: block; padding: 7px 20px; /* ¿©±âºÎºÐ '3px'À» '7px'·Î ¹Ù²Ù±â */ clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap;}
.dropdown-menu {padding: 0px 0;}

.sub_main{background-image:url(/hy/images/sub_main.png); width:100%; height:372px;}
.sub_p{color:#fff; font-size:45px; padding-top:165px;}
.sub_p2{color:#fff; font-size:17px;}

.title_1{width:97%; margin:100px 20px;}
.com_img{float:left; margin-left:100px; margin-right:100px; margin-bottom:200px; margin-top:80px; width:35%;}
.com_p{font-size:20px; margin-right:100px;}
.com_img2{margin-left:0px;}

.ser_div{width:12%; float:left; margin-right:50px; margin-left:30px; margin-top:10px;}
.ser_p{font-size:32px;}
.ser_p2{font-size:25px;}
.ser_div2{width:98%; height:55px; margin-top:70px;}
.ser_img{float:right;  margin-right:10px; margin-left:50px; }
.ser_img img{width:90px;}
.ser_p3{font-size:20px; margin-bottom:100px;}
.table_wid{width:95%;}


/* login & password & commentAdd & commentDelete . asp */
.log_pt{font-size:35px; letter-spacing: 5px; color:#397fc3;}
#strLoginID{margin-top:10px;}
#strLoginPwd{margin-top:10px;}
.id{margin:0; padding-left:10px; padding-right:9px; padding-bottom:10px; border: 2px solid #9a9a9a; width:400px; height:50px;}
.id input{border: 1;  outline:none;  height:30px; font-size:16px;}
.id:hover{border: 2px solid #535353;}

.pw{margin:0; padding-left:10px; padding-right:10px; padding-bottom:10px; border: 2px solid #9a9a9a; width:400px; height:50px;}
.pw input{border: 1;  outline:none;  height:30px; font-size:16px;}
.pw:hover{border: 2px solid #535353;}

.p_id{margin-right:151px;  letter-spacing: 1px;}
.p_pw{margin-right:75px;  letter-spacing: 1px;}


/* write.asp */
.write_pt, .write_pt2, .write_pt3, .write_pt4, .write_pt5, .write_pt6, .write_pt7, .write_pt8{font-size:16px; padding-bottom:50px; letter-spacing: -1px; color: #FF8A00;}
.write_pt{margin-left:5px; margin-right:0; margin-top:8px; margin-bottom:0; padding:0; float:left;}
.write_pt2{margin-right:58px;}
.write_pt3{margin-right:47px;}
.write_pt4{margin-right:55px;}
.write_pt5{margin-right:70px;}
.write_pt6{padding-top:8px; margin-bottom:-35px; margin-right:286px;}
.write_pt7{margin-right:30px;}
.write_pt8{padding-top:8px; margin-bottom:-35px; margin-right:270px;}

.re_name, .re_email{height:35px; width:70%;}
.re_pw, .re_home{height:35px; width:58%;}
.re_title{height:35px; width:85.5%;}
.re_mu{height:35px; width:69%;}

.re_name, .re_pw, .re_email, .re_home, .re_title, .re_mu, input{font-size:16px;}
.re_1{margin:0; padding-left:10px; margin-right: 10px; margin-left:10px; padding-top:7px; width:460px; height:50px; border-bottom: 2px solid #9a9a9a; }
.re_2{margin:0; padding-left:10px; padding-top:7px; width:940px; height:50px; border-bottom: 2px solid #9a9a9a; }
.re_3{margin:0; padding-left:10px; padding-top:7px; width:940px; border: 2px solid #9a9a9a; }
.re_4{margin:0; padding-left:0px; padding-top:7px; width:940px; height:50px; border-bottom: 2px solid #9a9a9a; }
.re_5{margin:0; padding-left:10px; padding-top:7px; width:940px; border: 2px solid #9a9a9a; }
.re_1 input{border:0px solid #000; outline:none; }
.re_1:hover{border-bottom: 2px solid #FF8A00;}
.re_2 input{border:0px solid #000;  outline:none; }
.re_2:hover{border-bottom: 2px solid #FF8A00;}
.re_3:hover{border: 2px solid #FF8A00;}
.re_4 input{border:0px solid #000;  outline:none; }
.re_4:hover{border-bottom: 2px solid #FF8A00;}
.re_5:hover{border: 2px solid #535353;}

/* write.asp > button ºÎºÐ(ÀúÀå/¸ñ·Ï)*/
.save{margin:0; padding-left:10px; margin-left:15px; padding-top:7px; width:460px; height:50px; background-color: #00509F; color: #fff; float:left;}
.save:hover{border:0px solid #397fc3; background-color:#464646; color: #fff;}
.save_span{font-size:16px; font-weight:bold; padding-top:8px;}

.list{margin:0; padding-left:10px; margin-left:10px; padding-top:7px; width:460px; height:50px; background-color: #464646; color: #fff;}
.list:hover{border:0px solid #397fc3; background-color:#00509F; color: #fff;}
.list_span{font-size:16px; font-weight:bold; padding-top:8px;}

/* write.asp > title > checkbox ºÎºÐ(±ÛÀÚ»ö / °øÁö»çÇ× / ºñ¹Ð±Û)*/
.title_check{width:100%; margin-top:5px; float:left; font-size:16px;}

}




@media (min-width: 1150px) {
.table_wid{width:95%;}
 .nav > li > a {padding:10px 22px; padding-top:13px; padding-bottom:17px;}

.log_pt{font-size:35px; letter-spacing: 5px; color:#397fc3;}
#strLoginID{margin-top:10px;}
#strLoginPwd{margin-top:10px;}
.id{margin:0; padding-left:10px; padding-right:9px; padding-bottom:10px; border: 2px solid #9a9a9a; width:400px; height:50px;}
.id input{border: 0;  outline:none;  height:30px;}
.id:hover{border: 2px solid #535353;}


.pw{margin:0; padding-left:10px; padding-right:10px; padding-bottom:10px; border: 2px solid #9a9a9a; width:400px; height:50px;}
.pw input{border: 0;  outline:none;  height:30px;}
.pw:hover{border: 2px solid #535353;}

/* login & password & commentAdd & commentDelete . asp */
.log_pt{font-size:35px; letter-spacing: 5px; color:#397fc3;}
#strLoginID{margin-top:10px;}
#strLoginPwd{margin-top:10px;}
.id{margin:0; padding-left:10px; padding-right:9px; padding-bottom:10px; border: 2px solid #9a9a9a; width:400px; height:50px;}
.id input{border: 1;  outline:none;  height:30px; font-size:16px;}
.id:hover{border: 2px solid #535353;}

.pw{margin:0; padding-left:10px; padding-right:10px; padding-bottom:10px; border: 2px solid #9a9a9a; width:400px; height:50px;}
.pw input{border: 1;  outline:none;  height:30px; font-size:16px;}
.pw:hover{border: 2px solid #535353;}

.p_id{margin-right:151px;  letter-spacing: 1px;}
.p_pw{margin-right:75px;  letter-spacing: 1px;}

/* write.asp */
.write_pt, .write_pt2, .write_pt3, .write_pt4, .write_pt5, .write_pt6, .write_pt7, .write_pt8{font-size:16px; padding-bottom:50px; letter-spacing: -1px; color: #FF8A00;}
.write_pt{margin-left:5px; margin-right:0; margin-top:8px; margin-bottom:0; padding:0; float:left;}
.write_pt2{margin-right:60px;}
.write_pt3{margin-right:47px;}
.write_pt4{margin-right:57px;}
.write_pt5{margin-right:68px;}
.write_pt6{padding-top:8px; margin-bottom:-35px; margin-right:420px;}
.write_pt7{margin-right:30px;}
.write_pt8{padding-top:8px; margin-bottom:-35px; margin-right:420px;}

.re_name, .re_email{height:35px; width:75%;}
.re_pw, .re_home{height:35px; width:65%;}
.re_title{height:35px; width:88%;}
.re_mu{height:35px; width:73%;}

.re_name, .re_pw, .re_email, .re_home, .re_title, .re_mu, input{font-size:16px;}
.re_1{margin:0; padding-left:10px; margin-right: 10px; margin-left:10px; padding-top:7px; width:530px; height:50px; border-bottom: 2px solid #9a9a9a; }
.re_2{margin:0; padding-left:10px; padding-top:7px; width:1080px; height:50px; border-bottom: 2px solid #9a9a9a; }
.re_3{margin:0; padding-left:10px; padding-top:7px; width:1080px; border: 2px solid #9a9a9a; }
.re_4{margin:0; padding-left:10px; padding-top:7px; width:1080px; height:50px; border-bottom: 2px solid #9a9a9a; }
.re_5{margin:0; padding-left:10px; padding-top:7px; width:1080px; border: 2px solid #9a9a9a; }
.re_1 input{border:0; outline:none; }
.re_1:hover{border-bottom: 2px solid #FF8A00;}
.re_2 input{border: 0px solid #000;  outline:none; }
.re_2:hover{border-bottom: 2px solid #FF8A00;}
.re_3:hover{border: 2px solid #FF8A00;}
.re_4 input{border:0px solid #000; outline:none; }
.re_4:hover{border-bottom: 2px solid #FF8A00;}
.re_5:hover{border: 2px solid #535353;}

/* write.asp > button ºÎºÐ(ÀúÀå/¸ñ·Ï)*/
.save{margin:0; padding-left:10px; margin-left:10px; padding-top:7px; width:530px; height:50px; background-color: #00509F; color: #fff; float:left;}
.save:hover{border:0px solid #333333; background-color:#464646; color: #fff;}
.save_span{font-size:16px; font-weight:bold; padding-top:5px;}

.list{margin:0; padding-left:10px; margin-left:10px; padding-top:7px; width:530px; height:50px; background-color: #464646; color: #fff;}
.list:hover{border:0px solid #397fc3; background-color:#00509F; color: #fff;}
.list_span{font-size:16px; font-weight:bold; padding-top:5px;}

/* write.asp > title > checkbox ºÎºÐ(±ÛÀÚ»ö / °øÁö»çÇ× / ºñ¹Ð±Û)*/
.title_check{width:100%; margin-top:5px; float:left; font-size:16px;}
}


@media (min-width: 1200px) {
/* .notice_table_width{width:1158px} */
}


@media (min-width: 1400px) {
.table_wid{width:95%;}
/* .notice_table_width{width:1158px} */

.commTitle{font-size:30px;}
.pdl10{font-size:20px; font-weight:bold;}

 .nav > li > a {padding:15px 24px; padding-top:14px;}

/* login & password & commentAdd & commentDelete . asp */
.log_pt{font-size:35px; letter-spacing: 5px; color:#397fc3;}
#strLoginID{margin-top:10px;}
#strLoginPwd{margin-top:10px;}
.id{margin:0; padding-left:10px; padding-right:9px; padding-bottom:10px; border: 2px solid #9a9a9a; width:400px; height:50px;}
.id input{border: 1;  outline:none;  height:30px; font-size:16px;}
.id:hover{border: 2px solid #535353;}

.pw{margin:0; padding-left:10px; padding-right:10px; padding-bottom:10px; border: 2px solid #9a9a9a; width:400px; height:50px;}
.pw input{border: 1;  outline:none;  height:30px; font-size:16px;}
.pw:hover{border: 2px solid #535353;}

.p_id{margin-right:151px;  letter-spacing: 1px;}
.p_pw{margin-right:75px;  letter-spacing: 1px;}



/* write.asp */
.write_pt, .write_pt2, .write_pt3, .write_pt4, .write_pt5, .write_pt6, .write_pt7, .write_pt8{font-size:17px; padding-bottom:50px; letter-spacing: -1px; color: #FF8A00;}
.write_pt{margin-left:5px; margin-right:0; margin-top:3px; margin-bottom:0; padding:0; float:left;}
.write_pt2{margin-right:90px;}
.write_pt3{margin-right:47px; margin-top:3px;}
.write_pt4{margin-right:85px; margin-top:3px;}
.write_pt5{margin-right:93px; margin-top:3px;}
.write_pt6{padding-top:3px; margin-bottom:-35px; margin-right:460px;}
.write_pt7{margin-right:30px;}
.write_pt8{padding-top:3px; margin-bottom:-35px; margin-right:440px;}

.re_name, .re_email{height:35px; width:75%;}
.re_pw, .re_home{height:35px; width:57%;}
.re_title{height:35px; width:87%;}
.re_mu{height:35px; width:76%;}

.re_name, .re_pw, .re_email, .re_home, .re_title, .re_mu, input{font-size:16px;}
.re_1{margin:0; padding-left:10px; margin-right: 10px; margin-left:10px; padding-top:7px; width:549px; height:50px; border-bottom: 2px solid #9a9a9a; }
.re_2{margin:0; padding-left:10px; padding-top:7px; width:1120px; height:50px; border-bottom: 2px solid #9a9a9a; }
.re_3{margin:0; padding-left:10px; padding-top:7px; width:1120px; border: 2px solid #9a9a9a; }
.re_4{margin:0; padding-left:10px; padding-top:7px; width:1120px; height:50px; border-bottom: 2px solid #9a9a9a; }
.re_5{margin:0; padding-left:10px; padding-top:7px; width:1120px; border: 2px solid #9a9a9a; }
.re_1 input{border: 0; outline:none;}
.re_1:hover{border-bottom: 2px solid #FF8A00;}
.re_2 input{border: 0;  outline:none;}
.re_2:hover{border-bottom: 2px solid #FF8A00;}
.re_3:hover{border: 2px solid #FF8A00;}
.re_4 input{border: 0; outline:none;}
.re_4:hover{border-bottom: 2px solid #FF8A00;}
.re_5:hover{border: 2px solid #535353;}


/* write.asp > button ºÎºÐ(ÀúÀå/¸ñ·Ï)*/
.save{margin:0; margin-left:9px; padding-top:7px; width:550px; height:50px; background-color: #00509F; color: #fff; float:left;}
.save:hover{border:0px solid #333333; background-color:#464646; color: #fff;}
.save_span{font-size:16px; font-weight:bold; padding-top:5px;}

.list{margin:0; padding-left:10px; margin-left:10px; padding-top:7px; width:550px; height:50px; background-color: #464646; color: #fff;}
.list:hover{border:0px solid #c2c2c2; background-color:#00509F; color: #fff;}
.list_span{font-size:16px; font-weight:bold; padding-top:5px;}

/* write.asp > title > checkbox ºÎºÐ(±ÛÀÚ»ö / °øÁö»çÇ× / ºñ¹Ð±Û)*/
.title_check{width:100%; margin-top:5px; float:left; font-size:18px;}
}
@media (min-width: 1600px) {
.table_wid{width:95%;}
.notice_table_width{width:1556px}
}







/*¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ªÀÚ·á½Ç VIEW¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª*/
	.view_title{text-align:center; font-size:20px; font-weight:bold; color:#333; padding:20px 10px;}
	.data_left{width:100%; float:left; text-align:center; padding:0 10px; font-size:14px;}
	.data_left img{margin-right:10px; padding-bottom:2px;}
	.data_right{width:100%; float:left; padding-left:10px; font-size:14px;}
	.data_right img{margin-right:10px; padding-bottom:2px;}



	.data_pw{border:0; border-bottom:2px solid #464646; padding:0 10px 3px 10px; color:#111; letter-spacing:-1px; font-size:15px;}
	.data_pw:hover, .data_pw:focus{border:0; border-bottom:2px solid #00509F;}


	.re_name_new{width:100%; padding:10px; border:none; border-bottom:2px solid #E0E0E0; color:#b9b9b9;}
	.re_name_new:focus, .re_name_new:hover{border-bottom:2px solid #00509F; color:#00509f;}
	.color_radio{width:100%; text-align:left; padding-left:5px; margin:0;}
	  .color_radio2{width:100%; text-align:left; padding-left:5px; margin:0;}
	  .color_radio input, .color_radio2 input{height:20px;}

		.content_width2 {width: 98%; margin:2% auto;}
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
	@media (min-width: 1055px) {
	  .content_width2 {width:1024px; margin:0 auto;}
	  
	}
	@media (min-width: 1160px) {
	  .content_width2 {width:1125px; margin:0 auto;}
	  .color_radio{width:46%; text-align:left; padding-left:5px; margin:0;}
	  .color_radio2{width:40%; text-align:left; padding-left:5px; margin:0;}
	}