/* Base Css */
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button
{font-family:'Noto Sans KR', 'Apple SD Gothic Neo'; margin:0; padding:0; letter-spacing:0px;}
li {list-style:none;}
img, fieldset{border:none; margin:0;padding:0;}
a {text-decoration: none;}
body	{
	background:#ffffff;
}

.clear_all {clear:both;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.pl20	{padding-left:20px;}
.pl30	{padding-left:30px;}
.pl50	{padding-left:50px;}

i	{margin-right:5px;}
.t-red-s	{font-size:14px; font-weight:normal; line-height:18px; color:#D02625;}



@media only screen and (min-width: 1025px) {
.wrap	{
	position:relative;
	width:100vw;
	height:100%;
	margin:0 auto;
}

.article	{
	width:1200px;
	margin:70px auto;
}

.article .summary	{
	font-wize:11px;
	color:#D02625;
	line-height:13px;
	padding-left:15px;
	background:url("../image/dot_summary.jpg") 0 0 no-repeat;
}
.article .title	{
	font-size:30px;
	color:#000;
	font-weight:lighter;
}

.article .title span	{
	font-weight:bold;
}

.article .con	{
	font-size:14px;
	color:#787878;
	line-height:30px;
	margin-top:40px;
}

.article .con_left	{
	float:left;
	width:50%;
}

.article .con-right	{
	float:right;
	width:50%;
}

.article .flex_box	{
}

.article .flex_box	div {
	float:left;
}

.article .flex_box	li {
	font-size:18px;
	line-height:60px;
	color:#000;
	padding-left:35px;
	background:url("../image/ico_check.png") 0 21px no-repeat;
}

.article .flex_box	li p {
	font-size:14px;
	line-height:26px;
	color:#888888;
}

.article .scroll_box	{
	width:1200px;
	height:650px;
	margin:40px 0 120px 0;
}

.article .scroll_box .header	{
	width:1200px;
	height:50px;
	background:#e6e6e6 url("../image/track_title.jpg") 0 9px no-repeat;
	border-radius: 15px 15px;
	border:1px solid #dcdcdc;
}

.article .scroll_box .body	{
	width:1200px;
	height:620px;
	margin-top:10px;
	border-radius: 15px 15px;
	border:1px solid #dcdcdc;
	background:#e6e6e6;
}

.article .scroll_box .body .record	{
	width:1180px;
	height:590px;
	margin:10px 0 10px 0;
	overflow-y:auto;
}

.article .form_area	{
	width:1200px;
	height:690px;
	padding-top:100px;
	overflow:hidden;
}

.article .form_area .form_board	{
	float:left;
	width:661px;
}

.article .form_area .form_board .form	{
	width:635px;
	margin-top:40px;
}

.article .form_area .form_board .form table	{
	width:100%;
}

.article .form_area .form_board .form table	td {
	height:50px;
}

.article .form_area .form_board .form table	td  input{
	height:50px;
	border:0 solid black;
	border-bottom:1px solid #C1C1C1;
}

.article .form_area .form_board .form table	td  textarea{
	height:145px;
	border:0 solid black;
	border-bottom:1px solid #C1C1C1;
}

.article .form_area .form_board	.label {
	font-size:12px;
	color:#9B9B9B;
}

.button_red {
	width:160px;
	height:40px;
	background:#D32526;
	color:#fff;
	line-height:40px;
	font-size:14px;
	text-align:center;
	cursor:pointer;
}

.map_box	{
	width:1200px;
	height:580px;
	margin:0 auto 80px auto;
}



.article .form_area .form_img	{
	float:right;
	width:539px;
}

/* card_area */

.card_area	{
	width:1200px;
	margin:30px 0;
	overflow:hidden;
	clear:both;
}


.card_area .card_400	{
	width:400px;
	float:left;
}

.card_area .card_400 h1	{
	font-size:18px;
	line-height:60px;
	color:#000;
	padding-left:35px;
	background:url("../image/ico_check.png") 0 21px no-repeat;
}

.card_area .card_400 h2	{
	font-size:14px;
	line-height:30px;
	color:#888888;
	padding-left:35px;
}

.card_area .card_400_img	{
	width:400px;
	float:left;
}

.card_area .card_400_img h1	{
	width:76px;
	height:76px;
	margin:20px auto;
	text-align:center;
}

.card_area .card_400_img h2	{
	font-size:18px;
	line-height:20px;
	color:#000;	
	text-align:center;
}


/* grey_box */

.grey_box	{
	width:100%;
	margin:10px 0;
	background:#F7F7F7;
	overflow:hidden;
}

.grey_box .con	{
	width:1200px;
	margin:0 auto;
	background:#F7F7F7;
}

.grey_box .con .box400	{
	width:400px;
	float:left;
	padding:40px 0 40px 0;
}

.grey_box .con .box400 h1	{
	font-size:22px;
	line-height:60px;
	color:#000;
	padding-left:15px;
	background:url("../image/ico_reddot.png") 0 30px no-repeat;
}

.grey_box .con .box400 h2	{
	font-size:19px;
	line-height:34px;
	color:#888888;
}



/* Log in */


.footer	{
	width:100%;
	background:#000;
	clear:both;
}

.footer .article	{
	color:#fff;
	width:1200px;
	margin:0 auto;
	padding:60px 0;
	background:url("../image/logo_w.png") right 40px no-repeat;
}

.footer .article .copy	{
	font-size:18px;
	margin-bottom:20px;
}

.footer .article .info	{
	font-size:14px;	
	line-height:22px;
}


.f-right	{
	float:right;
	width:50%;	
	text-align:right;
}

.f-left	{
	float:left;
	width:50%;
}


.main_visual_home	{
	width:100vw;
	height:800px;
	background-image:url("../image/01_home_main.jpg");
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
}

.main_visual_about	{
	width:100vw;
	height:700px;
	background-image:url("../image/02_about_main.jpg");
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
}

.about_sub_visual	{
	width:100vw;
	height:600px;
	background-image:url("../image/02_about_sub01.jpg");
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
}

.portfolio_sub_visual	{
	width:100vw;
	height:700px;
	background-image:url("../image/04_portfolio_sub01.jpg");
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
}

.portfolio_sub_visual .list_box{
	width:1200px;
	height:490px;
	overflow:hidden;
	margin:0 auto;
	padding-top:80px;
}

.portfolio_sub_visual .list_box .title	{
	font-size:30px;
	color:#fff;
	font-weight:lighter;
}

.portfolio_sub_visual .list_box .title span	{
	font-weight:bold;
}

.portfolio_sub_visual .list_box .client_lst	{
	padding-top:40px;
}

.portfolio_sub_visual .list_box .client_lst li {
	float:left;
	width:300px;
	font-weight:normal;
	color:#B5B5B5;
	font-size:18px;
}

.portfolio_sub_visual .list_box .client_lst li p {
	font-weight:bold;
	margin-top:20px;
	color:#fff;
	font-size:16px;
}

.sub_visual	{
	overflow:hidden;
	margin:80px 0;
	text-align:center;
}




.main_copy	{
	width:1200px;
	margin:0 auto;
	margin-top:150px;
	color:#fff;
	font-size:48px;
	font-weight:bold;
}

.main_copy	span {
	font-weight:lighter;
}

.main_copy .about_us	{
	margin-top:50px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
}

.main_copy .about_us img	{
	margin-left:10px;
}


.main_copy2	{
	width:1200px;
	margin:0 auto;
	margin-top:120px;
	color:#fff;
	font-size:65px;
	font-weight:bold;
}

.main_copy2	span {
	font-size:40px;
	font-weight:lighter;
}


.util	{
	width:100vw;
	height:90px;
	background:url("../image/util_bg.png") 0 0 repeat-x;
}

.util .con	{
	width:1200px;
	margin:0 auto;
	height:90px;
	line-height:90px;
	color:#fff;
	font-weight:lighter;
}

.util .con	i {
	color:#D02625;
	font-weight:lighter;
}

.gnb	{
	width:1200px;
	margin:75px auto 0 auto;
	height:70px;
}

.gnb .logo	{
	float:left;
}

.gnb .logo img	{
	width:80%;
}

.gnb .menu	{
	float:right;
}

.gnb .menu	li {
	float:left;
	cursor:pointer;
	color:#fff;
	font-size:16px;
	margin:10px 0 0 40px;
}

.gnb .menu	li span {
	font-size:10px;
}

.gnb .menu	li:hover  {
	color:#FF0001;
}

.gnb .menu	li.alt  {
	color:#FF0001;
}

}




@media only screen and (max-width: 1024px) {
body	{
	
}

.wrap	{
	position:relative;
	width:100%;
	height:100%;
	margin:0 auto;
	overflow:hidden;
}
.main_visual_home	{
	width:100vw;
	height:600px;
	background-image:url("../image/01_home_main.jpg");
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
}

.util	{
	display:none;
}

.util .con	{
	width:1200px;
	margin:0 auto;
	height:90px;
	line-height:90px;
	color:#fff;
	font-weight:lighter;
}

.util .con	i {
	color:#fff;
	font-weight:lighter;
}

.gnb	{
	width:100vw;
	height:90px;
	background:url("../image/util_bg.png") 0 0 repeat-x;
}

.gnb .logo	{
	width:150px;
}

.gnb .logo img	{	
	padding: 20px 0 0 20px;
	width:100%;
}

.gnb .menu	{
	margin-top:20px;
	display:block;
}

.gnb .menu	li {
	float:left;
	cursor:pointer;
	color:#fff;
	font-size:14px;
	margin:10px 0 0 40px;
}

.gnb .menu	li span {
	font-size:10px;
}

.gnb .menu	li:hover  {
	color:#FF0001;
}

.gnb .menu	li.alt  {
	color:#FF0001;
}

.main_copy	{
	margin:150px 0 0 40px;
	margin-top:150px;
	color:#fff;
	font-size:30px;
	font-weight:bold;
}

.main_copy	span {
	font-weight:lighter;
}

.main_copy .about_us	{
	margin-top:50px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
}

.main_copy .about_us img	{
	margin-left:10px;
}

.main_visual_about	{
	width:100vw;
	height:450px;
	background-image:url("../image/02_about_main.jpg");
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
}

.main_copy2	{
	margin:170px 0 0 40px;
	margin-top:150px;
	color:#fff;
	font-size:30px;
	font-weight:bold;
}

.main_copy2	span {
	font-weight:lighter;
}


.article	{
	width:85%;
	margin:20px auto;
}

.article .summary	{
	font-wize:11px;
	color:#D02625;
	line-height:13px;
	padding-left:15px;
	background:url("../image/dot_summary.jpg") 0 0 no-repeat;
}
.article .title	{
	margin-top:10px;
	font-size:25px;
	color:#000;
	font-weight:lighter;
}

.article .title span	{
	font-weight:bold;
}

.article .con	{
	font-size:14px;
	color:#787878;
	line-height:25px;
	margin-top:20px;
}

.article .con_left	{
	width:100%;
}

.article .con_right	{
	width:100%;
	margin-top:20px 
}

.article .con_right	img{
	width:100%;
}

/* card_area */

.card_area	{
	width:100%;
	margin:30px 0;
	overflow:hidden;
	clear:both;
}


.card_area .card_400	{
	width:400px;
	float:left;
	margin-bottom:20px;
}

.card_area .card_400 h1	{
	font-size:18px;
	line-height:40px;
	color:#000;
	padding-left:35px;
	background:url("../image/ico_check.png") 0 11px no-repeat;
}

.card_area .card_400 h2	{
	font-size:14px;
	line-height:30px;
	color:#888888;
	padding-left:35px;
}

.card_area .card_400_img	{
	width:90%;
	margin:0 auto 30px auto;
	text-align:center;
}

.card_area .card_400_img h1	{
	width:76px;
	height:76px;
	margin:10px auto;
	text-align:center;
}

.card_area .card_400_img h2	{
	font-size:16px;
	line-height:20px;
	color:#000;	
	text-align:center;
}

.about_sub_visual	{
	width:100vw;
	height:400px;
	background-image:url("../image/02_about_sub01.jpg");
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
}

.sub_visual	{
	width:90%;
	overflow:hidden;
	margin:80px auto;
	text-align:center;
}

.sub_visual	img {
	width:100%;
}


.box1 {
	height:260px !important;
}

.box2 {
	height:455px !important;
}

.box3 {
	height:140px !important;
}

.box4 {
	height:510px !important;
}

.box5 {
	height:430px !important;
}

.box6 {
	height:430px !important;
}

.box7 {
	height:135px !important;
}

.box8 {
	height:435px !important;
}

.article .flex_box .title img{
	display:none;
}

.article .flex_box .title span{
	color:#d32526;
	font-weight:bold;
}



.article .flex_box	div {
	width:100% !important;
	margin:0 0 !important;
}

.article .flex_box	div:nth-child(3) {
	display:none;
}

.article .flex_box	div img {
	display:none;
}

.article. flex_box div ul	{
	margin-top:-1220px !important;
}

.article .flex_box	li {
	font-size:18px;
	line-height:40px;
	color:#000;
	padding-left:35px;
	background:url("../image/ico_check.png") 0 11px no-repeat;
}

.article .flex_box	li p {
	font-size:14px;
	line-height:26px;
	color:#888888;
}

.article .scroll_box	{
	width:100%;
	height:570px;
	margin:40px 0 120px 0;
}

.article .scroll_box .header	{
	display:none;
	width:100%;
	height:50px;
	background:#e6e6e6 url("../image/track_title.jpg") 0 9px no-repeat;
	border-radius: 15px 15px;
	border:1px solid #dcdcdc;
}

.article .scroll_box .body	{
	width:100%;
	height:620px;
	margin-top:10px;
	border-radius: 15px 15px;
	border:1px solid #dcdcdc;
	background:#e6e6e6;
	overflow:hidden;
}

.article .scroll_box .body .record	{
	width:100%;
	height:600px;
	margin:10px 0 10px 0;
	overflow-y:auto;
}


.grey_box	{
	width:90%;
	margin:20px auto;
	background:#F7F7F7;
	overflow:hidden;
}

.grey_box .con	{
	margin:0 auto;
	background:#F7F7F7;
}

.grey_box .con .box400	{
	padding:20px 0 20px 0;
	text-align:center;
}

.grey_box .con .box400 h1	{
	font-size:22px;
	line-height:60px;
	color:#000;
}

.grey_box .con .box400 h2	{
	font-size:19px;
	line-height:34px;
	color:#888888;
}

.portfolio_sub_visual	{
	width:100%;
	height:700px;
	background-image:url("../image/04_portfolio_sub01.jpg");
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
}

.portfolio_sub_visual .list_box{
	width:80%;
	height:700px;
	overflow:hidden;
	margin:0 auto;
	padding-top:50px;
}

.portfolio_sub_visual .list_box .title	{
	font-size:30px;
	color:#fff;
	font-weight:lighter;
}

.portfolio_sub_visual .list_box .title span	{
	font-weight:bold;
}

.portfolio_sub_visual .list_box .client_lst	{
	padding-top:40px;
	width:100%;
	overflow-x:auto;
}



.portfolio_sub_visual .list_box .client_lst li {
	float:left;
	width:180px;
	font-weight:normal;
	color:#B5B5B5;
	font-size:16px;
	padding-bottom:20px;
}

.portfolio_sub_visual .list_box .client_lst li p {
	font-weight:bold;
	margin-top:20px;
	line-height:17px;
	color:#fff;
	font-size:12px;
}

.article .form_area	{
	width:100%;
	height:650px;
	padding-top:10px;
	overflow:hidden;
}

.article .form_area .form_board	{
	width:100%;
}

.article .form_area .form_board .form	{
	width:100%;
	margin-top:40px;
}

.article .form_area .form_board .form table	{
	width:100%;
}

.article .form_area .form_board .form table	td {
	height:50px;
}

.article .form_area .form_board .form table	td  input{
	height:50px;
	border:0 solid black;
	border-bottom:1px solid #C1C1C1;
	width:100%;
}

.article .form_area .form_board .form table	td  textarea{
	height:145px;
	border:0 solid black;
	border-bottom:1px solid #C1C1C1;
	width:100%;
}

.article .form_area .form_board	.label {
	font-size:12px;
	color:#9B9B9B;
}

.button_red {
	width:160px;
	height:40px;
	background:#D32526;
	color:#fff;
	line-height:40px;
	font-size:14px;
	text-align:center;
	cursor:pointer;
}

.map_box	{
	width:100%;
	height:580px;
	margin:0 auto 80px auto;
}

.map_box img {
	width:100%;	
	height:580px;
}



.article .form_area .form_img	{
	display:none;
}


.footer	{
	width:100%;
	background:#000;
	clear:both;
}

.footer .article	{
	color:#fff;
	margin:0 auto;
	padding:30px 0;
}

.footer .article .copy	{
	font-size:18px;
	margin-bottom:20px;
}

.footer .article .info	{
	font-size:14px;	
	line-height:22px;
}




}