@charset "utf-8";

.contents .container .portfolio_btn {position:absolute; right:0;}

.clear {clear:both;}
.test {border:1px solid red;}
.cen {text-align:center; margin:0 auto;}
.point_txt {color:#f48210;}
.point_txt2 {color:#ed174f;}
.big_txt {font-size:19px; line-height:1.5em;}
.s_txt {font-size:12px; color:#999;}
.bold {font-weight:700; color:#333;}
.st {background:url('/images/icon_st.jpg') no-repeat left top; padding-top:10px; font-size:17px;font-weight:bold; margin-bottom:10px; color:#333;}

.top10 {padding-top:10px;}
.top20 {padding-top:20px;}
.top30 {padding-top:30px;}
.top40 {padding-top:40px;}
.top50 {padding-top:50px;}
.top80 {padding-top:80px;}
.bottom20 {padding-bottom:20px;}
.bottom30 {padding-bottom:30px;}
.bottom40 {padding-bottom:40px;}
.bottom80 {padding-bottom:80px;}
.left10 {padding-left:10px;}
.left20 {padding-left:20px;}


.sub_visual .top_st {position:relative;}
.sub_visual .top_st .top_img {float:right;}
.sub_visual .top_st {border:5px solid #edf2f6; padding:20px 25px; margin-bottom:30px;}
.sub_visual .top_st h3 {font-size:30px;	 font-weight:700; line-height:1.3em; letter-spacing:-0.05em;  margin-bottom:20px; color:#20558a; }
.sub_visual .top_st p {font-size:17px ; font-weight:400; line-height:1.5em; color:#5787b6;}


.menu_tab {overflow:hidden; width:100%; background:url('/images/contents/tab_line.gif') repeat-x left 41px;width:100%;}
.menu_tab li {float:left;border-top:1px solid #ccc;border-right:1px solid #ccc;}
.menu_tab li.first {border-left:1px solid #ccc;}
.menu_tab li a {display:block;padding:8px 24px 10px 24px;background:#fafafa;border-bottom:1px solid #dedede;}
.menu_tab li a:hover {color:#ed174f;}
.menu_tab li a.on {background:#ffffff;color:#f48210;border-bottom:1px solid #fff; font-weight:700;}

.box {border:1px solid #dedede;text-align:left;background:#fff; padding:10px 10px 5px 10px; margin:20px 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 2px  3px  3px  #dedede;
-webkit-box-shadow: 2px  3px  3px  #dedede;
box-shadow: 2px  3px  3px  #dedede;
}

.round {text-align:center; background:#ed164f; width:100px; height:60px; margin:20px 0;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;  padding-top:40px;

}

.round_line {border:7px solid #fde9ee; text-align:center; background:#fff; width:100px; height:60px; margin:20px 0;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;  padding-top:40px;
}

.b_round_line {border:7px solid #fde9ee; text-align:center; background:#fff; width:120px; height:80px; margin:20px 0;
-moz-border-radius: 120px;
-webkit-border-radius: 120px;
border-radius: 120px;  padding-top:40px;
}



/*
.left {float:left; width:46%;}
.right {float:right; margin-right:5px; width:46%;}


.left2 {float:left; width:30%;}
.center2 {float:left; width:30%; margin-right:15px;}
.right2 {float:right; margin-right:5px; width:30%;}
*/

.left {float:left; width:46%; margin-right:15px;}
.right {float:left; width:46%;}

.left2 {float:left; width:30%; margin-right:15px;}
.center2 {float:left; width:30%; margin-right:15px;}
.right2 {float:left; width:30%;}



/*about us*/
.company h3 {font-size:30px; font-weight:700; line-height:1.3em; letter-spacing:-0.05em;  margin-bottom:20px; color:#20558a; }
.company p {line-height:1.8em}
.company .sub_txt {font-size:17px ; font-weight:400; line-height:1.5em; color:#5787b6;}

/*Àλ縻*/
.ceo {background:url('/images/contents/ceo_bg.jpg') no-repeat right 10px;}

/*ȸ»ç°³¿ä*/
.com_info {overflow:hidden;}
.com_info ul li {float:left; margin-right:27px; color:#ed174f; font-weight:bold; font-size:17px;vertical-align:middle; }

/*¿ª·®¹×°­Á¡*/
.com_con {overflow:hidden;}
.com_con p {padding-top:10px;}
.com_con dl {padding:10px;}
.com_con dl dt {background:url('/images/icon_st.jpg') no-repeat left top; padding-top:10px; font-size:17px;font-weight:bold; margin-bottom:10px; color:#333;}
.com_con dl dd {border:0px solid #ed176f;  background:#f2f2f2; padding:5px 10px; margin:3px 5px; font-weight:bold; color:#666;}


/*ã¾Æ¿À½Ã´Â±æ*/
.location {overflow:hidden;}
.location .info {margin-top:20px;}
.location .info h4 {font-size:22px;	 font-weight:700; line-height:1.3em; letter-spacing:-0.05em;  margin-bottom:40px; color:#20558a; }
.location .info table {width:100%;}
.location .info table th {background:url('/images/icon_st.jpg') no-repeat left top; padding:10px 0 10px 0; font-size:17px;font-weight:bold; margin-bottom:10px; color:#333; text-align:left; vertical-align:top;}
.location .info table td {padding-bottom:10px; border-bottom:1px dotted #ccc; padding:10px; }
.location .right {padding-left:40px;}


/*¼­ºñ½º*/
.service_con2 {overflow:hidden;}
.service_con2 dl {float:left;  width:48%; min-height:180px; margin-right:30px;}
.service_con2 dl.last {margin-right:0;}
.service_con2 dl dt {background:url('/images/icon_st.jpg') no-repeat left top; padding-top:10px; font-size:17px;font-weight:bold; margin-bottom:10px; color:#333;}
.service_con2 dl dd {line-height:180%; text-align:justify;}

.service_con3 {overflow:hidden;}
.service_con3 dl {float:left;  width:310px; min-height:180px; margin-right:30px; margin-bottom:50px;}
.service_con3 dl.last {margin-right:0;}
.service_con3 dl dt {background:url('/images/icon_st.jpg') no-repeat left top; padding-top:10px; font-size:17px;font-weight:bold; margin-bottom:10px; color:#333;}
.service_con3 dl dd {line-height:180%; text-align:justify;}

.service_con_p {overflow:hidden;}
.service_con_p dl {float:left;  width:28%; min-height:400px; margin-right:2%; margin-bottom:50px; padding:20px;}
.service_con_p dl.last {margin-right:0;}
.service_con_p dl dt {background:url('/images/icon_st.jpg') no-repeat left top; padding-top:10px; font-size:17px;font-weight:bold; margin-bottom:10px; color:#333; letter-spacing:0;}
.service_con_p dl dd {line-height:180%; text-align:justify; background:#f2f2f2; padding:5px 10px; margin:3px 1%;font-weight:bold; color:#666;letter-spacing:-0.02em;}
.service_con_p dl dd ul {margin-top:5px;}
.service_con_p dl dd ul li {background:#fff; color:#ed174f; padding-left:10px; font-size:13px; margin-bottom:2px}

.service dl {margin-bottom:50px;}
.service dl.last {margin-right:0;}
.service dl dt {background:url('/images/icon_st.jpg') no-repeat left top; padding-top:10px; font-size:17px;font-weight:bold; margin-bottom:10px; color:#333; height:30px;}
.service dl dd {line-height:180%; text-align:justify;}


/*ºê·£µå°³¹ß*/
.brand_con2 {overflow:hidden;}
.brand_con2 .box {padding:10px 10px 15px 10px;}
.brand_con2 p {padding-top:10px;}
.brand_con2 dl {padding:10px;}
.brand_con2 dl dt {background:url('/images/icon_st.jpg') no-repeat left top; padding-top:10px; font-size:17px;font-weight:bold; margin-bottom:10px; color:#333; /*height:45px;*/}
.brand_con2 dl dd {
	display:inline-block;
	/*width:205px;*/
	float:left;
	width:48%;
	border:0px solid #ed176f;
	background:#f2f2f2;
	text-align:center;
	padding:5px 0;
	/*margin:3px 5px;*/
	/*margin:3px 0px; */
	margin:3px 1%;
	font-weight:bold;
	color:#666;
}

/*Áö¿ø»ç¾÷*/
.support {border:1px solid #dedede;padding:45px 25px 25px 25px;border-top:none;overflow:hidden;}
.support dl {margin-bottom:50px;}
.support dl.last {margin-right:0;}
.support dl dt {background:url('/images/icon_st.jpg') no-repeat left top; padding-top:10px; font-size:17px;font-weight:bold; margin-bottom:10px; color:#333; height:30px;}
.support dl dd {line-height:180%; text-align:justify;}

.support .box ul li {margin-left:20px; list-style:disc;}
.support .box ul li span {color:#ed174f; width:150px; display:inline-block;}
.support .box ul li span.step {width:280px; font-weight:600;}
.loadmap_info,
.loadmap_info ul {overflow:hidden;}
.loadmap_info ul li {float:left; margin-right:15px; color:#ed174f; font-weight:bold; font-size:15px;vertical-align:middle; }

.support  h3 {font-size:30px; font-weight:700; line-height:1.3em; letter-spacing:-0.05em;  margin-bottom:20px; color:#20558a; }


.board_list{clear:both;width:100%;border-top:1px solid #000; margin-bottom:50px;}
.board_list table{width:100%;}
.board_list table caption{display:none;}
.board_list table thead th{text-align:center; padding:8px 10px; border-bottom:1px solid #ccc; line-height:18px; color:#333; font-weight:bold;background:#F5F5F5; vertical-align:middle;}
.board_list table tbody th{padding:8px 10px; font-size:13px; color:#ed174f; font-weight:bold; line-height:18px;  border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6;background:#fff6f8; vertical-align:middle;}
.board_list table tbody td{padding:8px 10px; border-bottom:1px solid #E6E6E6; border-right:1px solid #E6E6E6; text-align:center; font-size:13px; color:#666; line-height:18px; vertical-align:middle; }
.board_list table tbody td.td_left {text-align:left; padding-left:10px;}
.board_list table tbody td.last {border-right:0;}
.board_list table tbody td.td_bg {color:#0077b2; background:#f6fcff; font-weight:bold; vertical-align:middle;}


/*Æ÷Æ®Æú¸®¿À*/
.sub_portfolio {margin-top:10px;}
.sub_portfolio .box img {width:100%;}

.view {overflow:hidden; padding:20px; border-bottom:1px solid #ccc;}
.view dl {margin-top:20px;}
.view dl dt {font-size:30px; font-weight:700; line-height:1.3em; letter-spacing:-0.05em;  margin-bottom:20px; color:#333; }
.view dl dd {line-height:180%; text-align:justify;}
.view dl dd span {color:#ed174f; width:100px; display:inline-block; font-weight:bold; letter-spacing:0.9px; background:url('/images/contents/s_line_bg.jpg') no-repeat right 8px; margin-right:5px;}
.view a:hover {text-decoration:underline;}
.view .go_btn {float:right; margin-top:150px;}

.sub_portfolio .sub_img {padding:40px 20px 0 20px; overflow:hidden;}
.sub_portfolio .sub_img ul li {float:left; border:1px solid #e1e1e1; margin-right:30px;}
.sub_portfolio .sub_img ul li.margin-right-none {margin-right:0;}


/*CI BI*/
.ci_con {overflow:hidden; }
.ci_con ul li {float:left; width:258px; height:197px; margin-right:20px; margin-bottom:19px;	border:1px solid #e1e1e1; text-align:center; vertical-align:middle;}
.ci_con ul li.margin-right-none {margin-right:0;}
.ci_con ul li img {vertical-align:middle;}


/*contact*/
.contact_con {margin-bottom:30px;}
.contact_con ul {padding:10px;}
.contact_con ul li {border:0px solid #ed176f;  background:#f2f2f2; padding:5px 10px; margin:3px 5px; font-weight:bold; color:#666;}
.contact_con ul li span {width:100px; display:inline-block; font-weight:bold; color:#ed174f;}

.board_post{clear:both;width:100%;border-top:1px solid #000; margin-bottom:50px;}
.board_post table{width:100%;}
.board_post table caption{display:none;}
.board_post table thead th{text-align:center; padding:8px 10px; border-bottom:1px solid #ccc; line-height:18px; color:#333; font-weight:bold;background:#F5F5F5; vertical-align:middle;}
.board_post table tbody th{text-align:center; padding:8px 10px; border-bottom:1px solid #ccc; line-height:18px; color:#333; font-weight:bold;background:#F5F5F5; vertical-align:middle;}
.board_post table tbody td{padding:8px 10px; border-bottom:1px solid #E6E6E6; border-left:1px solid #E6E6E6; font-size:13px; color:#666; line-height:18px; vertical-align:middle; }

.input {border:1px solid #ccc; padding:3px 5px;}
.textarea {border:1px solid #ccc; padding:5px;}
.btn_right {position:absolute; right:0;}




/*»çÀÌÆ®¸Ê*/
.sitemap a {letter-spacing:0.05em; color:#666;}
.sitemap a:hover {color:#ed174f;}


/*paging*/
.boardNavi{text-align:center; padding:20px 0; border-top:1px solid #ccc;}
.boardNavi ul, .boardNavi li{display:inline;}
.boardNavi a{display:inline-block; height:17px; line-height:17px; padding:0 6px 0 5px; border:1px solid #fff;}
.boardNavi a:hover{font-weight:bold; color:#ed174f; border:1px solid e0e0e0;}
.boardNavi a.selected {color:#ed174f; border:0px;}
.boardNavi li.btn a{overflow:hidden; width:17px; padding:0 !important; border-color:#e0e0e0; background:url(/images/btn_board_navi.gif) no-repeat;}
.boardNavi li.btn a span{display:inline-block; overflow:hidden; width:17px; text-indent:-5000000px;}
.boardNavi li.prevList{}
.boardNavi li.prev a{background-position:-17px 0;}
.boardNavi li.nextList a{background-position:-34px 0;}
.boardNavi li.next a{background-position:-51px 0;}
.boardNavi li, .boardNavi a, .boardNavi img{vertical-align:middle;}


/* ¼­ºêÆäÀÌÁö ¸ÞÀÎ À̹ÌÁö ÄÁÆ®·Ñ */
.svc1_img {margin-top:-10px;}
.svc2_img {margin-top:15px;margin-right:20px;}
.svc3_img {margin-top:-20px;margin-right:10px;}
.svc4_img {margin-top:10px;margin-right:20px;}
.svc6_img {margin-top:-20px;margin-right:-25px;}
.svc7_img {}
.svc3_img2 {margin-top:-9px;margin-right:10px;}
.svc9_img {margin-top:-18px;margin-right:20px;}


@media screen and (max-width:639px) {
	.ceo {background:none !important;}
	
	.com_con .box {
		margin:0 0 20px 0;
		width:90%;
	}	

	.sub_visual .top_st .top_img {
		width:50%;
		float:none;
		margin:0 auto;
	}
	.sub_visual .top_st .top_img img {width:100%;}
	.cen img {width:100%;}
	.com_con .box .cen > img {width:35%;}
	.brand_con2 .box .cen > img {width:35%;}
	.brand_con2 dl dd {width:100%;}

	.left {width:90%;margin-right:5%;}
	.right {width:90%;}
	.left2 {margin-right:5%;}
	.center2 {margin-right:5%;}

	.location .right {width:100%;padding-left:0px;}

	.service_con1 dl,
	.service_con2 dl {width:90%}
	.service_con2 dl dd img {width:100%;}
	.service_con3 dl {
		min-height:135px;
		margin-bottom:0;
	}

	.portfolio_list {width:48%;height:auto;margin-right:4%;/*min-height:197px;*/}
	.portfolio_list.margin-right-none {margin-right:0;}
	.portfolio_list > a {width:100%;}
	.pf_con {width:90%;height:90%;padding:20px 5%;}/* ³ôÀÌ°¡ ¾È¸Â´Âµ¥ top.inc¿¡ ½ºÅ©¸³Æ®·Î Á¦¾î */




	.sub_portfolio .sub_img ul li {
		margin-right:0;
	}

	.ci_con ul li {
		width:47%;
		height:auto;
		margin-right:4%;
	}
	.ci_con ul li img {width:100%;}

	.svc6_img {display:none;}
	.service_con_p dl {width:88%;margin-bottom:5%; padding:5%; min-height:0;}

}
/* ¹®ÀÇÇϱâ -  ¸ÞÀÏÀÛ¼º */
.top_bg { background:url(/images/mail_top_bg.jpg) no-repeat; width:100%; height:320px; position:relative; }

.top_bg  div.container { position:relative; height:240px; }
.top_bg  div > h1 { position:absolute; top:40px; right:0; }
.top_bg  div h2 { color:#fff; font-size:32px; line-height:40px; margin-top:20px; }
.top_bg  div h2 span { color:#ed174f; }
.top_bg  div p { font-size:16px; color:#fff; opacity:0.8; margin-top:20px; }

.top_bg .contact_number { position:absolute; bottom:60px; right:0; background:#fff; padding:20px; border-radius:10px; }
.top_bg .contact_number ul { overflow:hidden; }
.top_bg .contact_number ul li { float:left; }
.top_bg .contact_number ul li:first-child { border-right:1px solid #ccc; padding-right:20px; }
.top_bg .contact_number ul li:last-child { margin-left:20px; }
.top_bg .contact_number ul li p { font-size:15px; font-weight:700; color:#111; padding:0; margin:0px; margin-bottom:10px; }
.top_bg .contact_number ul li p span { font-weight:200; font-size:14px; } 
.top_bg .contact_number ul li em { font-size:20px; font-weight:700; color:#ed174f; letter-spacing:-0.025em;}

#inquiry_btn1 { width:405px; margin:0 auto; }