/* cs */
.cs_vis_1 {position:absolute; width:2000px; height:260px; left:calc(50% - 550px); top:180px; background-position:0px 0px; animation:cs_1 3s 0s ease-in-out normal forwards; opacity:.2; background-size:95% 95%;}
@keyframes cs_1 {
  0% {
    opacity:.2;
	background-size:95% 95%;
  }
  100% {
    opacity:1;
	background-size:100% 100%;  
  }
}
.cs_bg_1 {background:url('../img/sub/s_vis_cs_1.jpg') no-repeat;}
.cs_bg_2 {background:url('../img/sub/s_vis_cs_2.jpg') no-repeat;}

.cs_vis_txt_1 {position:absolute; top:250px; left:calc(50% - 700px); font-size:60px; font-weight:800; color:#fff; letter-spacing:-2px; line-height:120%; text-align:center; text-shadow:0px 0px 15px rgba(0,0,0,.15); animation:cs_2 2.5s 0.5s ease normal forwards; opacity:0; word-break:keep-all;}
@keyframes cs_2 {
  0% {
    opacity:0;
	left:calc(50% - 620px); 
  }
  100% {
    opacity:1;
	left:calc(50% - 700px);  
  }
}

.cs_vis_txt_2 {position:absolute; top:340px; left:calc(50% - 350px); font-size:17px; font-weight:400; color:rgba(255,255,255,.9); letter-spacing:normal; line-height:140%; text-align:left; text-shadow:0px 0px 15px rgba(0,0,0,.35); animation:cs_3 2.5s 1s ease normal forwards; opacity:0; word-break:keep-all;}
@keyframes cs_3 {
  0% {
    opacity:0;
	left:calc(50% - 300px); 
  }
  100% {
    opacity:1;
	left:calc(50% - 350px);  
  }
}


.cs_padding_edit {padding-top:440px !important;}
.cs_padding_edit_2 {padding-top:80px !important;}

/* news */
.cs_news_listwrap {position:relative; width:100%; min-height:400px; padding-bottom:90px;}
.cs_news_listwrap ul li {position:relative; width:100%; border:solid 1px rgba(255,255,255,.1); margin-bottom:8px; transition:all 0.3s ease 0s; border-radius:3px; overflow:hidden;}
.cs_news_listwrap ul li a {display:block; width:100%; font-size:17px; font-weight:300; letter-spacing:-0.2px; line-height:150%; color:rgba(255,255,255,.8); padding:20px 140px 20px 20px; word-break:keep-all; transition:all 0.3s ease 0s;}
.cs_news_date {position:absolute; width:120px; right:30px; top:21px; font-size:16px; font-weight:300; letter-spacing:-0.2px; line-height:150%; text-align:right; color:rgba(255,255,255,.6);}
.cs_news_listwrap ul li:hover {border:solid 1px rgba(255,255,255,.2);}
.cs_news_listwrap ul li:hover a {color:rgba(255,255,255,1);}
.cs_news_page_numbox {position:absolute; width:100%; height:40px; left:0px; bottom:0px; text-align:center;}
.cs_news_page_num {display:inline-block; width:40px; height:40px; border:solid 1px rgba(255,255,255,0); margin:0px; text-align:center; line-height:100%; color:rgba(255,255,255,.5); font-size:11px; font-weight:300; letter-spacing:normal; border-radius:12px; cursor:pointer; padding-top:14px; transition:all 0.3s ease 0s;}
.cs_news_page_num:hover {color:rgba(255,255,255,.9); border:solid 1px rgba(255,255,255,.1);}
.cs_news_page_num.num_on {color:rgba(255,255,255,9); border:solid 1px rgba(255,255,255,.1);}
.cs_news_none {position:relative; width:100%; border:solid 1px rgba(255,255,255,.1); border-radius:3px; font-size:16px; font-weight:300; letter-spacing:-0.2px; line-height:100%; text-align:center; color:rgba(255,255,255,.7); padding:50px 0px;}

.cs_news_viewwrap {position:relative; width:100%; min-height:400px;}
.cs_news_view_tit {position:relative; width:100%; font-size:18px; font-weight:400; letter-spacing:-0.2px; line-height:160%; color:rgba(255,255,255,.9); word-break:keep-all; padding-bottom:25px; border-bottom:solid 1px rgba(255,255,255,.1);}
.cs_news_view_date {position:relative; width:100%; font-size:15px; font-weight:300; letter-spacing:normal; line-height:160%; color:rgba(255,255,255,.7); padding-bottom:25px; padding-top:25px; border-bottom:solid 1px rgba(255,255,255,.1);}
.cs_news_view_file {padding-left:20px;}
.cs_news_view_file a {color:rgba(255,255,255,.9);}
.cs_news_view_txt {position:relative; width:100%; min-height:150px; font-size:16px; font-weight:300; letter-spacing:-0.2px; line-height:180%; color:rgba(255,255,255,.8); word-break:keep-all; padding-bottom:50px; padding-top:50px; border-bottom:solid 1px rgba(255,255,255,.1);}
.cs_news_view_txt img {margin-top:30px; margin-bottom:30px; height:auto;}
.cs_news_view_btbox {position:relative; width:100%; height:40px; margin-top:30px;}
.cs_news_view_bt {position:relative; float:right; width:100px; height:50px;}
.cs_news_view_bt a {display:block; width:100%; height:48px; font-size:15px; text-align:center; font-weight:300; letter-spacing:-0.2px; line-height:48px; color:rgba(255,255,255,.6); border:solid 1px rgba(255,255,255,.1); border-radius:3px; transition:all 0.3s ease 0s;}
.cs_news_view_bt a:hover {color:rgba(255,255,255,1); border:solid 1px rgba(255,255,255,.15);}


/* contact */
.cs_ct_wrap {position:relative; width:100%; font-weight:300;}
.cs_ct_txt {position:relative; width:100%; font-size:16px; font-weight:300; letter-spacing:-0.2px; line-height:150%; color:rgba(255,255,255,.8); padding-bottom:35px;}

.inq_txtbox {position:relative; width:100%; height:120px; box-sizing:border-box; padding:15px; overflow-x:hidden; overflow-y:auto; border:solid 1px rgba(255,255,255,.12); border-radius:0px; color:rgba(255,255,255,.8); line-height:150%; letter-spacing:-0.5px; word-break:keep-all; margin-bottom:17px; background:rgba(255,255,255,.03); font-size:15px;}
.inq_txtbox::-webkit-scrollbar {
    width: 6px;
}
.inq_txtbox::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,.12);
	border-radius: 0px;
}
.inq_txtbox::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,.2);
	border-radius: 0px;
}

.inq_col_2 {color:#ffbc66; padding-left:2px;}
.inq_col_3 {color:rgba(255,255,255,.6); padding-left:2px;}

.inq_sel {position:relative; width:100%; box-sizing:border-box; padding-bottom:50px;}
.inq_sel ul li {position:relative; float:left; height:22px; box-sizing:border-box; margin-right:6px;}
.inq_sel ul li.inqseltxt {font-size:15px; font-weight:300; color:rgba(255,255,255,.9); letter-spacing:-0.3px; margin-right:22px; padding-top:3px;}

.inq_box {position:relative; width:100%; box-sizing:border-box;  color:rgba(255,255,255,.9); font-size:16px; letter-spacing:-0.2px; font-weight:300; padding:7px 0px 6px 120px;}
.inq_box_2 {position:relative; width:100%; box-sizing:border-box; padding:7px 0px 6px 0px;}
.inq_box_3 {position:relative; width:100%; box-sizing:border-box; color:rgba(255,255,255,.8); font-size:15px; letter-spacing:-0.2px; font-weight:300; line-height:150%; padding:15px 0px 10px 0px; word-break:keep-all;}
.inq_tit {position:absolute; width:120px; left:0px; top:27px; box-sizing:border-box; color:rgba(255,255,255,.7);}


.inq_res_bt {position:relative; height:60px; box-sizing:border-box; cursor:pointer; border-radius:5px; border:solid 1px rgba(255,255,255,.1); color:rgba(255,255,255,.7); font-size:16px; letter-spacing:-0.3px; font-weight:300; transition:all 0.15s ease 0s; margin-top:20px; text-align:center; padding-top:20px;}
.inq_res_bt:hover {border:solid 1px rgba(255,255,255,.2); color:#fff;}


.inputForm_inq
{
	font-size:16px;
	font-weight:300;
	letter-spacing:normal;
	color:rgba(255,255,255,.9);
	height:60px;
	width:100%;
	box-sizing:border-box;
	padding-left:15px;
	background-color:transparent;
	border-radius:5px;
	border:solid 1px rgba(255,255,255,.15);
	transition:all 0.15s ease 0s;
}
input.inputForm_inq::-webkit-input-placeholder{color:rgba(255,255,255,.6); font-size:16px; font-weight:300; letter-spacing:-1px;}
input.inputForm_inq::-moz-placeholder{color:rgba(255,255,255,.6); font-size:16px; font-weight:300; letter-spacing:-1px;}
input.inputForm_inq:-moz-placeholder{color:rgba(255,255,255,.6); font-size:16px; font-weight:300; letter-spacing:-1px;}
input.inputForm_inq:-ms-input-placeholder{color:rgba(255,255,255,.6); font-size:16px; font-weight:300; letter-spacing:-1px;}
.inputForm_inq:focus {background-color:rgba(255,255,255,.05); border:solid 1px rgba(255,255,255,.2);}

.txtarea_inq {position:relative; width:100%; box-sizing:border-box; height:200px; text-align:left; border:solid 1px rgba(255,255,255,.15); line-height:150%; color:rgba(255,255,255,.9); font-size:16px; font-weight:300; letter-spacing:-0.5px; overflow-x:hidden; overflow-y:auto; background-color:transparent; padding:15px; border-radius:4px; resize:none;}

textarea.txtarea_inq::-webkit-input-placeholder{color:rgba(255,255,255,.6); font-size:16px; font-weight:300; letter-spacing:-1px;}
textarea.txtarea_inq::-moz-placeholder{color:rgba(255,255,255,.6); font-size:16px; font-weight:300; letter-spacing:-1px;}
textarea.txtarea_inq:-moz-placeholder{color:rgba(255,255,255,.6); font-size:16px; font-weight:300; letter-spacing:-1px;}
textarea.txtarea_inq:-ms-input-placeholder{color:rgba(255,255,255,.6); font-size:16px; font-weight:300; letter-spacing:-1px;}

.inq_sel_form {position:relative; width:100%; height:60px; box-sizing:border-box; background:rgba(255,255,255,.03); border:solid 1px rgba(255,255,255,.15); color:rgba(255,255,255,.8); padding-left:15px; font-size:16px; font-weight:300; letter-spacing:-0.5px; border-radius:4px;}
.inq_sel_form option {background:#2b2b2b; color:rgba(255,255,255,.8);}

[type="radio"] {
  vertical-align:middle;
  appearance:none;
  border:solid 2px rgba(255,255,255,.6);
  border-radius:50%;
  width:22px;
  height:22px;
  transition:all 0.1s ease 0s;
  cursor:pointer;	
}

[type="radio"]:checked {
  border:solid 6px #3bdce1;
}


/* ÅÂºí¸´ CSS */
@media all and (max-width:1600px){
	.cs_vis_1 {position:absolute; width:1538px; height:200px; left:150px; top:160px;}
	.cs_vis_txt_1 {width:100%; top:200px; left:110px; font-size:30px; letter-spacing:-0.5px; text-align:left; line-height:130%;}
	@keyframes cs_2 {
	  0% {
		opacity:0;
		left:110px; 
	  }
	  100% {
		opacity:1;
		left:70px;  
	  }
	}
	
	.cs_vis_txt_2 {width:70%; top:256px; left:150px; font-size:15px; letter-spacing:-0.1px; line-height:140%; color:rgba(255,255,255,.85);}
	@keyframes cs_3 {
	  0% {
		opacity:0;
		left:150px; 
	  }
	  100% {
		opacity:1;
		left:110px;  
	  }
	}
	.cs_padding_edit {padding-top:360px !important;}
	.cs_padding_edit_2 {padding-top:70px !important;}
	.cs_news_listwrap {min-height:300px; padding-bottom:70px;}
	.cs_news_listwrap ul li {margin-bottom:6px; transition:none;}
	.cs_news_listwrap ul li a {font-size:15px; letter-spacing:normal; color:rgba(255,255,255,.75); line-height:160%; transition:none;}
	.cs_news_date {font-size:13px; letter-spacing:normal; line-height:160%; top:23px;}
	.cs_news_listwrap ul li:hover {border:solid 1px rgba(255,255,255,.1); box-shadow:0px 0px 0px rgba(255,255,255,0);}
	.cs_news_listwrap ul li:hover a {color:rgba(255,255,255,.75);}
	.cs_news_none {font-size:14px; font-weight:300; letter-spacing:normal; padding:40px 0px;}
	.cs_news_page_num {transition:none;}
	.cs_news_page_num:hover {color:rgba(255,255,255,.5); border:solid 1px rgba(255,255,255,0);}
	.cs_news_page_num.num_on {color:rgba(255,255,255,9); border:solid 1px rgba(255,255,255,.1);}
	
	.cs_news_viewwrap {min-height:300px;}
	.cs_news_view_tit {font-size:17px; letter-spacing:normal; color:rgba(255,255,255,.9); padding-bottom:20px;}
	.cs_news_view_date {font-size:14px; color:rgba(255,255,255,.7); padding-bottom:20px; padding-top:20px;}
	.cs_news_view_txt {font-size:15px; letter-spacing:normal; line-height:180%; color:rgba(255,255,255,.8); padding-bottom:40px; padding-top:40px;}
	.cs_news_view_btbox {margin-top:25px;}
	.cs_news_view_bt a {display:block; font-size:14px; letter-spacing:normal; color:rgba(255,255,255,.75); transition:none;}
	.cs_news_view_bt a:hover {color:rgba(255,255,255,.75); border:solid 1px rgba(255,255,255,.1);}
	
	.cs_ct_txt {font-size:15px; letter-spacing:normal; line-height:150%; color:rgba(255,255,255,.75); padding-bottom:25px;}
	.inq_txtbox {height:120px; box-sizing:border-box; padding:12px; letter-spacing:normal; word-break:keep-all; margin-bottom:13px; font-size:15px;}
	.inq_sel {padding-bottom:40px;}
	.inq_sel ul li {float:left; height:22px; margin-right:6px;}
	.inq_sel ul li.inqseltxt {font-size:15px; font-weight:300; color:rgba(255,255,255,.75); letter-spacing:normal; margin-right:20px; padding-top:2px;}
	.cs_s_1 {width:100%; margin-bottom:8px;}
    .inq_box {color:rgba(255,255,255,.75); font-size:15px; letter-spacing:normal; padding:5px 0px 4px 95px;}
	.inq_box_2 {padding:5px 0px 4px 0px;}
	.inq_tit {position:absolute; width:95px; left:0px; top:21px; color:rgba(255,255,255,.75);}
	
	.inputForm_inq {font-size:15px; height:54px;}
	.inq_sel_form {height:54px; font-size:15px;letter-spacing:normal; border-radius:4px; color:rgba(255,255,255,.75);}
	.txtarea_inq {height:200px; line-height:160%; font-size:15px; letter-spacing:normal;}
	textarea.txtarea_inq::-webkit-input-placeholder{font-size:14px; letter-spacing:normal;}
	textarea.txtarea_inq::-moz-placeholder{font-size:14px; letter-spacing:normal;}
	textarea.txtarea_inq:-moz-placeholder{font-size:14px; letter-spacing:normal;}
	textarea.txtarea_inq:-ms-input-placeholder{font-size:14px; letter-spacing:normal;}	
	.inq_box_3 {color:rgba(255,255,255,.75); letter-spacing:normal; padding:12px 0px 10px 0px;}
	.inq_res_bt {position:relative; height:54px; cursor:none; font-size:15px; letter-spacing:normal; transition:none; margin-top:15px; padding-top:16px;}
	.inq_res_bt:hover {border:solid 1px rgba(255,255,255,.1); color:rgba(255,255,255,.75);}
}


/* ¸ð¹ÙÀÏ CSS */
@media all and (max-width:480px){
	.cs_vis_1 {position:absolute; width:1538px; height:200px; left:100px; top:160px;}
	.cs_vis_txt_1 {width:100%; top:200px; left:60px; font-size:22px; letter-spacing:-0.5px; text-align:left; line-height:130%;}
	@keyframes cs_2 {
	  0% {
		opacity:0;
		left:60px; 
	  }
	  100% {
		opacity:1;
		left:20px;  
	  }
	}
	
	.cs_vis_txt_2 {width:70%; top:246px; left:90px; font-size:14px; letter-spacing:-0.1px; line-height:140%; color:rgba(255,255,255,.85);}
	@keyframes cs_3 {
	  0% {
		opacity:0;
		left:90px; 
	  }
	  100% {
		opacity:1;
		left:50px;  
	  }
	}
	
	br.s_br_del {display:none;}
	.cs_padding_edit {padding-top:360px !important;}
	.cs_padding_edit_2 {padding-top:70px !important;}
	.cs_news_listwrap {min-height:300px; padding-bottom:70px;}
	.cs_news_listwrap ul li {margin-bottom:6px; transition:none;}
	.cs_news_listwrap ul li a {font-size:14px; letter-spacing:normal; color:rgba(255,255,255,.75); padding:20px 20px 20px 20px; line-height:160%; transition:none;}
	.cs_news_date {position:relative; width:100%; right:auto; top:auto; font-size:13px; letter-spacing:normal; line-height:160%; text-align:left;}
	.cs_news_listwrap ul li:hover {border:solid 1px rgba(255,255,255,.1); box-shadow:0px 0px 0px rgba(255,255,255,0);}
	.cs_news_listwrap ul li:hover a {color:rgba(255,255,255,.75);}
	.cs_news_none {font-size:14px; font-weight:300; letter-spacing:normal; padding:40px 0px;}
	.cs_news_page_num {transition:none;}
	.cs_news_page_num:hover {color:rgba(255,255,255,.5); border:solid 1px rgba(255,255,255,0);}
	.cs_news_page_num.num_on {color:rgba(255,255,255,9); border:solid 1px rgba(255,255,255,.1);}
	
	.cs_news_viewwrap {min-height:300px;}
	.cs_news_view_tit {font-size:16px; letter-spacing:normal; color:rgba(255,255,255,.9); padding-bottom:20px;}
	.cs_news_view_date {font-size:14px; color:rgba(255,255,255,.7); padding-bottom:20px; padding-top:20px;}
	.cs_news_view_txt {font-size:14px; letter-spacing:normal; line-height:180%; color:rgba(255,255,255,.8); padding-bottom:40px; padding-top:40px;}
	.cs_news_view_txt img{max-width:100% !important; height:auto !important;}
	.cs_news_view_btbox {margin-top:25px;}
	.cs_news_view_bt a {display:block; font-size:14px; letter-spacing:normal; color:rgba(255,255,255,.75); transition:none;}
	.cs_news_view_bt a:hover {color:rgba(255,255,255,.75); border:solid 1px rgba(255,255,255,.1);}
	
	.cs_ct_txt {font-size:14px; letter-spacing:normal; line-height:150%; color:rgba(255,255,255,.75); padding-bottom:25px;}
	.inq_txtbox {height:120px; box-sizing:border-box; padding:12px; letter-spacing:normal; word-break:keep-all; margin-bottom:13px; font-size:14px;}
	.inq_sel {padding-bottom:40px;}
	.inq_sel ul li {float:left; height:22px; margin-right:6px;}
	.inq_sel ul li.inqseltxt {font-size:14px; font-weight:300; color:rgba(255,255,255,.75); letter-spacing:normal; margin-right:20px; padding-top:1px;}
	.cs_s_1 {width:100%; margin-bottom:8px;}
    .inq_box {color:rgba(255,255,255,.75); font-size:14px; letter-spacing:normal; padding:5px 0px 4px 95px;}
	.inq_box_2 {padding:5px 0px 4px 0px;}
	.inq_tit {position:absolute; width:95px; left:0px; top:21px; color:rgba(255,255,255,.75);}
	
	.inputForm_inq {font-size:15px; height:54px;}
	.inq_sel_form {height:54px; font-size:15px;letter-spacing:normal; border-radius:4px; color:rgba(255,255,255,.75);}
	.txtarea_inq {height:200px; line-height:160%; font-size:15px; letter-spacing:normal;}
	textarea.txtarea_inq::-webkit-input-placeholder{font-size:14px; letter-spacing:normal;}
	textarea.txtarea_inq::-moz-placeholder{font-size:14px; letter-spacing:normal;}
	textarea.txtarea_inq:-moz-placeholder{font-size:14px; letter-spacing:normal;}
	textarea.txtarea_inq:-ms-input-placeholder{font-size:14px; letter-spacing:normal;}	
	.inq_box_3 {color:rgba(255,255,255,.75); letter-spacing:normal; padding:12px 0px 10px 0px; font-size:14px;}
	.inq_res_bt {position:relative; height:54px; cursor:none; font-size:15px; letter-spacing:normal; transition:none; margin-top:15px; padding-top:16px;}
	.inq_res_bt:hover {border:solid 1px rgba(255,255,255,.1); color:rgba(255,255,255,.75);}
	.cs_vis_left {background-position:-300px 0px;}
}