/* TABLE OF CONTENTS

	1. BASIC
	2. EFFECT
	3. BUTTONS
	4. HEADER
	5. SLIDER
	6. SUB
	7. SECTION
	8. FOOTER

*/

/*==========================================================
     Basic Style
============================================================*/
body {
	overflow-x:hidden;
}

a {
	color:#fff;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a:hover, a:focus {
	color:#fff;
	outline:none;
}

input, textarea {
	outline-width:0;
}

*:hover {
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.st1_con *:hover {
	-webkit-transition: all 0.0s ease-in-out;
    -moz-transition: all 0.0s ease-in-out;
    -ms-transition: all 0.0s ease-in-out;
    -o-transition: all 0.0s ease-in-out;
    transition: all 0.0s ease-in-out;
}

.inner {width:100%;max-width:1400px;margin-left:auto;margin-right:auto;}


/*==========================================================
     Buttons Style
============================================================*/

.button:hover {
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/*==========================================================
     Header Style
============================================================*/

/*·Î°í ÁÂÃø Á¤·Ä½Ã Àû¿ë*/
#hd {position:relative; width:100%; height:120px;}


/*==========================================================
     Form Style
============================================================*/

#container {position:relative;}
#popup_input + label {} /* ¿¹Á¦ÆÄÀÏ È®ÀÎ½Ã °¡¿îµ¥ Á¤·Ä ½ºÅ¸ÀÏ - »èÁ¦ ÈÄ »ç¿ëÇÏ¼¼¿ä */
* {padding:0;margin:0;line-height:1;} /* ±âº» ºê¶ó¿ìÀú ¸®¼Â ½ºÅ¸ÀÏ */

#popup_input {display:none;}
#popup_input + label {display:inline-block;width:33%; height:62px; line-height:62px; padding:; font-size:15px; letter-spacing:-1px; border:0; background-color:#37bfa7; text-align:center;cursor:pointer;}
#popup_input + label + div {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999; font-size:14px; color:#666; }
#popup_input + label + div > .inquiry_popup {position:absolute;top:50%;left:50%; transform:translate(-50%,-50%);width:90%; max-width:600px;height:560px; max-height: 90vh; overflow-y: auto; padding:20px; padding-bottom:80px; background:#fff;z-index:2;border-radius:6px;}
/*
#popup_input + label + div > div {position:absolute;top:50%;left:50%; transform:translate(-50%,-50%);width:90%; max-width:600px;height:560px; max-height: 90vh; overflow-y: auto; padding:20px; padding-bottom:80px; background:#fff;z-index:2;border-radius:6px;}
*/
#popup_input + label + div > div .inquiry_table {width:100%; margin-top:24px;}
#popup_input + label + div > div .inquiry_table th,
#popup_input + label + div > div .inquiry_table td {border:1px solid #ddd; padding:16px;  vertical-align:middle}
#popup_input + label + div > div .inquiry_table td input {width:100%;}
#popup_input + label + div > div .inquiry_table textarea {width:100%;}						
#popup_input + label + div > div .inquiry_table .policy_area {overflow:hidden;}
#popup_input + label + div > div .inquiry_table .policy_area span,
#popup_input + label + div > div .inquiry_table .policy_area label,
#popup_input + label + div > div .inquiry_table .policy_area input {display:inline-block; width:auto !important;}
#popup_input + label + div > div .inquiry_table .policy_area input {margin-left:12px;}
#popup_input + label + div > div .inquiry_table .policy_area label {margin-left:6px;}
#popup_input + label + div > div .inquiry_table .policy_area a {color:#666; margin-left:10px;}
#popup_input + label + div > div .inquiry_table .policy_area .policy_title {float:left;}
#popup_input + label + div > div .inquiry_table .policy_area .policy_agree {float:right;}
#popup_input + label + div > div .button_area {margin-top:30px;}
#popup_input + label + div > div .inquiry_button {display:inline-block; width:100%; max-width:250px; padding:16px 8px; background: #3074b5;color: #fff; border: 1px solid #eee;}
.inquiry_popup .close_label, .inquiry_popup .close_label2 {position:absolute;top:10px;right:10px;width: 26px; line-height:26px; color:#fff; background:#dd5347;border-radius:100%;z-index:1;cursor:pointer;}
#popup_input + label + div > label {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:1;}
/*
#popup_input + label + div {display:none;}
#popup_input:checked + label + div {display:block;}
*/

#popup_input + label + div.visibility {
	opacity:1;visibility:visible;transition: all 0.2s;
}
#popup_input + label + div.hidden {
	opacity:0;visibility:hidden;transition: all 0.2s;
}
#popup_input + label + div {opacity:0;visibility:hidden;transition:all 0.2s;}
#popup_input:checked + label + div {opacity:1;visibility:visible;}

/*==========================================================
     heder
============================================================*/
#hd.cd-header {position:absolute; left:0; width:100%;}


/*==========================================================
     mvis
============================================================*/
@keyframes zoomin {

  from { 
   transform:scale(2);
  }
  to {
   transform:scale(1);
  }
}

#mvis {position:relative; width:100%; overflow:hidden;}
#mvis::before {position:absolute; left:0; top:0; width:100%; height:100%; display:block; content:""; background: #3074b5 url(../img/main/main_bg01.jpg) no-repeat center center;animation: zoomin 10s ease-in-out alternate infinite; background-size: cover;}
#mvis .inner {position:relative; z-index:1; height:792px;}

#mvis .mtxt {display:table; float:left; width:100%; height:100%; padding:100px; }

#mvis .mtxt .txt{color:#fff; display:table-cell; vertical-align:middle; text-align:center; }
#mvis .mtxt .txt h1{font-weight:bold; font-size:34px; letter-spacing:-2px;}
#mvis .mtxt .txt h3{margin:15px 0 ;font-size:28px; letter-spacing:-2px;}

#mvis .mtxt .txt .form_area{font-size:0; width:100%; max-width:490px; margin:0 auto; }
#mvis .mtxt .txt .form_area #search_bar, #mvis .mtxt .txt .form_area .search_bar { width:67%;  height:62px; color:#999; padding-left:10px; font-size:15px; letter-spacing:-1px; border:2px solid #37bfa7; }

#mvis2 .mtxt {display:table; float:left; width:100%; height:100%;  }

#mvis2 .mtxt .txt{color:#fff; display:table-cell; vertical-align:middle; text-align:center; }
#mvis2 .mtxt .txt h1{font-weight:bold; font-size:34px; letter-spacing:-2px;}
#mvis2 .mtxt .txt h3{margin:15px 0 ;font-size:28px; letter-spacing:-2px;}


#mvis .form_title {margin-top:56px; font-size:16px; font-weight:bold;}
#mvis .form {margin-top:24px;} 
#mvis .etc_text {margin-top:24px; font-size:16px; color:#40ffdd;}



/*==========================================================
     main common
============================================================*/

.st_inner {width:100%; max-width:1080px; margin:0 auto; overflow:hidden;}
.st_title {color:#363636; font-weight:bold;}

/*==========================================================
     main 
============================================================*/
.st1 {position:relative; }
.st1 .st_inner {position:absolute; top:-160px; left:0; right:0; background-color:#fff;  padding:34px 30px 50px; font-size:0; box-shadow:0px 40px 40px rgba(0,0,0,0.1); }
.st1 .st_title {font-size:20px;}
.st1 .st_title .point {color:#3074b5}
.st1 .inner {font-size:0;}
.st1 dl {display:inline-block; width:25%; margin-top:46px; margin-bottom:16px; padding-top:96px; text-align:center }
.st1 dl dt {font-size:16px; font-weight:bold; color:#414141;}
.st1 dl dd {margin-top:8px; line-height:1.4; font-size:13px; color:#696969;}
.st1 .st1_business {background:url(../img/main/sec01_bn01.jpg) no-repeat center 0}
.st1 .st1_website {background:url(../img/main/sec01_bn02.jpg) no-repeat center 0}
.st1 .st1_infra {background:url(../img/main/sec01_bn03.jpg) no-repeat center 0}
.st1 .st1_service {background:url(../img/main/sec01_bn04.jpg) no-repeat center 0}

.st2 { padding-top:280px; padding-bottom:98px; background:#fff}
.st2 .st_title {font-size:36px; line-height:50px;}
.st2 .st_inner {display:table;}
.st2 .left  {display:table-cell; width:33%; vertical-align:bottom; }
.st2 .counting_banner { margin-top:8px; padding:20px; color:#fff; background:#4b4178}
.st2 .counting_banner .desc {font-size:16px; line-height:22px;}
.st2 .counting_banner .count_box {display:table; margin-top:16px; overflow:hidden;}
.st2 .counting_banner .count_box .count {display:table-cell; width:60%; margin-right:28px; font-size:60px; vertical-align:bottom;}
.st2 .counting_banner .count_box .link {display:table-cell; width:30%; font-size:12px; line-height:18px; vertical-align:bottom; }
.st2 .right {display:table-cell; width:64%; padding-left:24px; vertical-align:bottom;}

.st3 {}
.st3 .st_hd {height:336px; text-align:center; background:url(../img/main/sec03_bg.jpg); background-attachment:fixed;  position: static }
.st3 .st_hd .st_title {margin-top:60px;color:#fff; font-size:30px;}
.st3 .st_hd .title_desc {margin-top:28px; color:#fff; font-size:16px;}
.st3 .st_bd { margin-top:-120px; padding-bottom:56px; }
.st3 .st_bd .st_inner { padding: 0 68px; }
.st3 .service_list { font-size:0;}
.st3 .service_list li {position:relative; display:inline-block; width:calc(50% - 24px); height:376px; margin:6px 12px; font-size:15px; vertical-align:top;}
.st3 .service_list .img_box {}
.st3 .service_list .img_box img {width:100%; height:216px;}
.st3 .service_list .txt_box {position:relative; z-index:1; height:160px; padding:18px;}
.st3 .service_list .txt_box h3 {margin-bottom:24px; font-size:24px; color:#48ab9a; font-weight:bold;}
.st3 .service_list .txt_box div {font-size:14px;} 
.st3 .service_list .txt_box div p {line-height:20px;} 
.st3 .service_list .txt_box .link {color:#3c3c3c}
.st3 .service_list .inner_line {position:absolute; z-index:0; width:calc(100% - 18px); height:366px; left:9px; top:9px; border:1px solid #d8d8d8 }
.st3 .service_list .service_intro {background:url(../img/main/sec03_bn04.jpg) no-repeat; background-size: cover;}
.st3 .service_list .service_intro > div { margin-top:88px; padding:0 16px; color:#fff; text-align:center;}
.st3 .service_list .service_intro p { margin-top:28px; line-height:1.6}

.st4  {padding:72px 0; background:#efefef}
.st4 .st_title {text-align:center;}
.st4 .st_title .small {font-size:18px;}
.st4 .customer_list {margin-top:160px; font-size:0;}
.st4 .customer_list li {position:relative; display:inline-block; width:50%; font-size:16px; }
.st4 .customer_list li:after {display:block; content:""; clear:both;}
.st4 .customer_list li .img_box {float:left; width:114px; height:114px; border-radius:50%; background-position:center center; background-size:cover;}
.st4 .customer_list li:nth-child(1) .img_box {background-image:url(../img/main/JYS.png)}
.st4 .customer_list li:nth-child(2) .img_box {background-image:url(../img/main/JDS.jpg); }
.st4 .customer_list li .bubble_txt {position:absolute; bottom:136px; right:0; width:calc(100% - 16px); height:116px; font-size:15px; font-weight:bold; line-height:20px;  padding:30px 20px;  background:#fff;  }
.st4 .customer_list li .bubble_txt::before {content:""; position:absolute; left:30px; bottom:-16px;display:block; width:0; height:0; border-style:solid; border-width:8px; border-color:#fff transparent transparent transparent; }
.st4 .customer_list li:nth-child(2) .bubble_txt {color:#fff; background:#4bc6b0}
.st4 .customer_list li:nth-child(2) .bubble_txt::before {border-color:#4bc6b0 transparent transparent transparent;}

.st4 .customer_list li .txt_box {float:left; margin-top:28px; margin-left:18px;  font-size:18px; color:#272727}
.st4 .customer_list li .txt_box .customer {}
.st4 .customer_list li .txt_box .company {margin-top:16px;}

.st5  {padding:88px 0; background:#25639e url(../img/main/sec05_bg.jpg) no-repeat center center; overflow:hidden;}
.st5 .logo_img {float:left; }
.st5 ul {float:right; width:100%;padding:12px 0;  max-width:500px; font-size:0;}
.st5 ul li {position:relative; display:inline-block; width:calc(50% - 16px); margin:12px 8px; padding:18px; font-size:16px; border:1px solid #d8d8d8; overflow:visible;}
.st5 ul li .icon {position:absolute; left:12px; top:-18px; z-index:1; padding:0 8px;  background:#25639e}
.st5 ul li h3 {margin-top:8px; font-size:20px;}
.st5 ul li p {margin-top:12px;font-size:14px; line-height:20px; color:#cbcbcb}

.st6 {padding: 194px 0 130px; background: url(../img/main/sec06_bg.jpg) no-repeat ; background-size:cover;}
.st6 .st_inner  {text-align:center; color:#222222;}
.st6 h2 {font-size:28px; font-weight:bold; }
.st6 p {margin-top:28px; font-size:18px; line-height:1.8;}
/*.st6 a {display:inline-block; height:64px; line-height:64px; margin-top:38px; padding:0 28px; border-radius:64px; font-size:18px;  background:#25639e;}*/



/*==========================================================
     Sub
============================================================*/

#svis {height:220px; background:#3074b5;}
#svis .inner {display:table;width:100%;height:220px;}
#svis .st_con {display:table-cell;vertical-align:middle;text-align:cetner;}
#svis .st_con h2 {color:#fff; text-align:center; font-weight:bold; margin-bottom:10px;}

#svis #container_title {
	display:table-cell;
	vertical-align:middle;
	padding:0;
    letter-spacing: -0.5px;
    font-size: 36px;
    color: #fff;
    border-bottom: 0;
	text-align:center !important;
}

#bo_v_title {display:none;}
#bo_v_con {
	line-height:normal;
	text-align:center;
}

/*==========================================================
     Section Style
============================================================*/

/*----- section01 -----*/

.st6 {background:#fff;padding:60px 0 60px 0;font-family:Noto Sans KR;}
.st6 .cst1_tit {text-align:center; margin-bottom:65px;}
.st6 .cst1_tit h3	{color:#c7ac89; font-size:20px; font-weight:400; letter-spacing:0.4em; margin-bottom:10px;}
.st6 .cst1_tit h2	{color:#222222; font-size:45px; font-weight:600; margin-bottom:10px;  letter-spacing:-0.05em;}
.st6 .cst1_tit p {color:#909090; font-size:30px; font-weight:400; letter-spacing:-0.04em;}
.st6 .cst1_tit p b {color:#222;}
.st6 .cst1_area {position:relative; display:block; width:100%;}
.st6 .cst1_area:after{display:block; clear:both; content:"";}

.st6 .cst1_left {float:left; width:50%; height:auto; }
.st6 .cst1_right {float: right; width:50%; height:auto;}
.st6 .cst1_left .cst1_tit1{font-size:43px;font-weight:700;color:#4a4178;margin-top:220px;letter-spacing: 0px;text-shadow:2px 2px #dbdbdb;}
.st6 .cst1_left .cst1_tit2{font-size:20px;color:#a8a8a8;line-height:32px;margin-top:30px;letter-spacing: -2px;font-style:italic;}

.st6 .cst1_right .cst1_left_autosize{ width:100%; padding:68px 30px; }
.st6 .cst1_right .cst1_left_autosize *{}
.st6 .cst1_right .cst1_left_autosize label{
	font-size: 12px;
    color: #232323;
    font-weight: 600;
    display: block;
	margin-bottom: 5px;
	text-align:left;
}
.st6 .cst1_right .cst1_left_autosize a{
	font-size: 10pt;
    display: inline-block;
    vertical-align: top;
    color: #232323;
    font-weight: 900;
	margin-bottom: 5px;
	margin-top:17px;
}
.st6 .cst1_right .cst1_left_autosize label[for*=p_agree]{
	font-size:10pt;
	font-weight: 400;
	color:#727272;
	display:inline-block;
	margin-top:17px;
}
.st6 .cst1_right .cst1_left_autosize input[type=text],
.st6 .cst1_right .cst1_left_autosize textarea,
.st6 .cst1_right .cst1_left_autosize .fakeInput{
	width: 100%;
    height: 50px;
    border: 1px solid #000;
    background: unset;
    font-size: 16px;
    padding: 12px;
    color: #000;
	border-radius: 3px;
	margin-bottom:10px;
	border-top:0;
	border-left:0;
	border-bottom:2px solid #c7c7c7;
	border-right:1px solid #c7c7c7;
}
.st6 .cst1_right .cst1_left_autosize textarea {
	height:140px;
	line-height:20px;
}
.st6 .cst1_right .cst1_left_autosize input[type=text]:hover, .st6 .cst1_right .cst1_left_autosize textarea:hover {
	border:1px solid #8c8c8c;
	border-bottom:2px solid #8c8c8c;
	background:#f7f8f9;
}
.st6 .cst1_right .cst1_left_autosize input[type=text]:focus, .st6 .cst1_right .cst1_left_autosize input[type=text]:active,
.st6 .cst1_right .cst1_left_autosize textarea:focus, .st6 .cst1_right .cst1_left_autosize textarea:active {
	border:1px solid #4c4c4c;
	background:#e6e9ec;
}
.st6 .cst1_right .cst1_left_autosize .fakeInput{
	padding:0;
	color:white;
}
.st6 .cst1_right .cst1_left_autosize .fakeInput *{
	background:unset;
	border:0;
	height:100%;
	margin:0 0 0 10px;
	outline:unset;
}

.st6 .cst1_right .cst1_left_autosize .fakeInput select{
	background:#3a3d46;
}
.st6 .cst1_right .cst1_left_autosize input[type=checkbox]{
	vertical-align: middle;
	margin:0;
}
.st6 .cst1_right .cst1_left_autosize input[type=submit]{
	display:block;
	background:#4a4178;
	padding:0;
	margin:12px auto 0;
	border:0;
	border-radius: 25px;
	font-size:14pt;
	font-weight:400;
	color:#fff;
	height:50px;
	width:250px;
}
.st6 .cst1_right .cst1_left_autosize input[type=submit]:hover {
	background:#30294e;	
}

/*===============================
	lg 
===============================*/ 

@media (max-width:1294px) {
	.st6 .cst1_area{width:1185px; margin:auto;}
	.st6 .cst1_right {height:741px;}
	.st6 .cst1_left {height:741px;}
	.st6 .cst1_right .cst1_left_autosize{
	}
}


/*===============================
	md 
===============================*/ 
@media (min-width:992px) and (max-width:1199px) {
	.st6 .cst1_tit h3 {font-size:20px;}
	.st6 .cst1_tit h2{font-size:40px; letter-spacing:-0.05em;}
	.st6 .cst1_tit p {font-size:18px;}

	.st6 .cst1_area{width:977px; margin:auto;}
	.st6 .cst1_right {height:611px;}
	.st6 .cst1_left {height:611px;}
	.st6 .cst1_left img{width:100%;}

	.st6 .cst1_right .cst1_left_autosize{
	}
}


/*===============================
	sm 
===============================*/ 
@media (min-width:768px) and (max-width:991px) {
	.st6 .cst1_tit h3 {font-size:20px;}
	.st6 .cst1_tit h2{font-size:40px; letter-spacing:-0.05em;}
	.st6 .cst1_tit p {font-size:18px;}

	.st6 .cst1_area{width:753px; margin:auto;}
	.st6 .cst1_right {width:100%;height:auto;}
	.st6 .cst1_left {width:100%;height:565px;}

	.st6 .cst1_left .cst1_tit1 {
		font-size:22px;
		margin-top:100px;
	}

	.st6 .cst1_left .cst1_tit2 {
		font-size:14px;
		line-height: 22px;
	}
	.st6 .cst1_right .cst1_left_autosize{
		padding:20px;
	}
	.st6 .cst1_area {
		width:100%;
	}
	.st6 .cst1_right .cst1_left_autosize input[type=submit] {
		width:100%;
	}
}



/*===============================
	xs 
===============================*/ 
@media (max-width:767px) {
	.st6 .cst1_tit h3 {font-size:20px;}
	.st6 .cst1_tit h2{font-size:40px; letter-spacing:-0.05em;}
	.st6 .cst1_tit p {font-size:18px;}

	.st6 .cst1_area{width:753px; margin:auto;}
	.st6 .cst1_right {width:100%;height:auto;}
	.st6 .cst1_left {width:100%; height:565px;}

	.st6 .cst1_right .cst1_left_autosize{
		padding:15px;
	}
	.st6 .cst1_area {
		width:100%;
	}
	.st6 .cst1_right .cst1_left_autosize input[type=submit] {
		width:100%;
	}
}



/*==========================================================
     Footer Style
============================================================*/

#footer {
	background:#232323;
	text-align:center;
	
	
}
#footer .foot_nav {overflow:hidden; padding:86px 0;}
#footer .foot_logo{float:left; width:25%;}

#footer #gnb_1dul {float:left; width:75%; overflow:hidden;}
#footer #gnb_1dul  li {line-height:3;}
#footer #gnb_1dul > li {float:left; width:25%; vertical-align:top; }
#footer #gnb_1dul > li .gnb_1da {font-size:18px; color:#fff; font-weight:bold;}
#footer .gnb_2dul  a {font-size:15px; color:#b8b8b8; }

#footer .foot_con{
	display:table;
	width:100%;
	height:120px;
	color:#acacac;
	padding-left:10px;
	border-top:1px solid #acacac;

}

#footer .foot_con .ft_info {
	display:table-cell;
	vertical-align:middle;
}

.ft_info p {
	margin:8px 0 ;
}


/*----- return to top button -----*/
#return-to-top {
	position:fixed;
	bottom:3em;
	right:3em;
	background:#fff;
	width:60px;
	height:60px;
	display:block;
	text-align:center;
	text-decoration:none;
	line-height:60px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border: 1px solid #ececec;
	border-radius: 50%;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.07);
	display:none;
	transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	z-index:999999;
}

#return-to-top i {
	color:#777;
	margin:0;
	position:relative;
	font-size:22px;
}

#return-to-top:hover {
	transform: translate3d(0, -5px, 0);
	-webkit-transform: translate3d(0, -5px, 0);
	-moz-transition: translate3d(0, -5px, 0);
	-ms-transition: translate3d(0, -5px, 0);
	-o-transition: translate3d(0, -5px, 0);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

#return-to-top:hover i {
	color: #777;
}