/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

/*mainMenu관련*/
.menu-fontsize {font-size : 16px;}
.menu-font a {font-size : 16px; color:#F00;}
.menu-font .submenu-font {font-size : 14px; color:#F00}





/*index.html 첫이미지화면 관련*/

.index_text_1_1 {font-family:nanumsquare; font-size:65px; line-height:0.7em; font-weight:bold; color:#ffffff; width:100%; margin-bottom:20px; margin-top:-30px; padding-top:10px; letter-spacing:-0.02em;}
.index_text_1_1 span{font-family:nanumsquare ; font-size:40px; line-height:0.7em; font-weight:100; color:#ffffff; letter-spacing:-0.02em;}
.index_text_1_2 {font-family:nanumsquare ; font-size:25px; line-height:1.0em; font-weight:100; color:#787b7e; letter-spacing:-0.02em;}
.index_text_1_3 {font-family:nanumsquare ; font-size:75px; line-height:1.0em; font-weight:100; color:#004eb4; letter-spacing:-0.02em; margin-top:50px;}
.index_img_1_1 {}
.index_img_1_2 { margin-top:-10px; margin-bottom:0px; }
.index_bg_1 {background:url(../images/index_bg.jpg);}


@media screen and (max-width:1024px){ .index_text_1_1 {font-family:nanumsquare; font-size:65px; line-height:0.7em; font-weight:bold; color:#ffffff; width:100%; margin-bottom:20px; margin-top:-30px; padding-top:10px; letter-spacing:-0.02em;}}
@media screen and (max-width:1024px){ .index_text_1_1 span{font-family:nanumsquare ; font-size:40px; line-height:0.7em; font-weight:100; color:#ffffff; letter-spacing:-0.02em;}}
@media screen and (max-width:1024px){ .index_text_1_2 {font-family:nanumsquare ; font-size:18px; line-height:1.0em; font-weight:100; color:#787b7e; letter-spacing:-0.02em;}}
@media screen and (max-width:1024px){ .index_text_1_3 {font-family:nanumsquare ; font-size:45px; line-height:1.0em; font-weight:100; color:#004eb4; letter-spacing:-0.02em; margin-top:50px;}}




/* bottom_contact US 관련*/
.bottom_comtact_text1 {font-size:16px; color:#222222; font-weight:600;}
.bottom_comtact_text1 span {font-size:14px; color:#666666; font-weight:300;}


/*title 관련*/

A.title_location:link            {color: #ffffff;font-family:Poppins; font-size:14px; line-height:1.0em; font-weight:300; color:#ffffff; text-decoration:none;}
A.title_location:visited         {color: #ffffff;font-family:Poppins; font-size:14px; line-height:1.0em; font-weight:300; color:#ffffff; text-decoration:none;}
A.title_location:active          {color: #ffffff;font-family:Poppins; font-size:14px; line-height:1.0em; font-weight:300; color:#ffffff; text-decoration:none;}
A.title_location:hover           {color: #ffffff;font-family:Poppins; font-size:14px; line-height:1.0em; font-weight:300; color:#ffffff; text-decoration:underline;}

.title_main {font-family:nanumsquare; font-size:60px; line-height:1.0em; font-weight:700; color:#ffffff; width:100%; margin-bottom:0px; margin-top:60px;}
.title_sub {font-family:nanumsquare; font-size:18px; line-height:1.0em; font-weight:300;color:#ffffff; width:100%; margin-bottom:-10px; margin-top:-10px; opacity:0.5;}


.padding-10 {padding-top:-10px; padding-bottom:-10px; margin-top:-10px; margin-bottom:-10px;} 


/*greeting 부분*/

.greeting_title {
  font-size: 34px;
  line-height: 1.2em;
  font-weight: 600; color:#222; padding-bottom:30px;
}

.greeting_contents_point {color:#ff6060;}


/*history 부분*/
.history_year {font-size:70px; color:#004eb4; font-weight:600; margin-top:30px;}
.history_year2 {font-size:70px; color:#137cce; font-weight:600; margin-top:30px;}
.history_year3 {font-size:70px; color:#69809e; font-weight:600; margin-top:30px;}
.history_year4 {font-size:70px; color:#759fbf; font-weight:600; margin-top:30px;}
.history_month {font-size:22px; line-height:30px;  color:#004eb4; font-weight:500;}
.history_month2 {font-size:22px; line-height:30px;  color:#137cce; font-weight:500;}
.history_month3 {font-size:22px; line-height:30px;  color:#69809e; font-weight:500;}
.history_month4 {font-size:22px; line-height:30px;  color:#759fbf; font-weight:500;}
.history_contents {font-size:17px; line-height:30px; color:#222222; font-weight:400;}
.history_contnets li {}
.history_gray_text {font-size:80px; color:#D3D3D3; font-family:batang; margin-top:60px;}

.align_r {text-align:right;}
.align_l {text-align:left;}
.align_c {text-align:center; align:center;}


/*다운로드 부분*/
.color_black {color:#000000;}
.bold {font-weight:bold;}
.download_subtitle {font-size: 20px; color : #000000; font-weight : 900; }
.download_subtitle span {font-size: 20px; color : #aaaaaa; font-weight : 500; }



button.btn.btn-outline2,
.btn:not(.close):not(.mfp-close).btn-outline2,
a.btn:not([href]):not([tabindex]).btn-outline2 {
  background-color: #004eb4;
  border-width: 2px;
  border-style: solid;
  border-color: #004eb4;
  color: #fff;

}
button.btn.btn-outline2:hover, button.btn.btn-outline2:focus, button.btn.btn-outline2:active, button.btn.btn-outline2.active,
.btn:not(.close):not(.mfp-close).btn-outline2:hover,
.btn:not(.close):not(.mfp-close).btn-outline2:focus,
.btn:not(.close):not(.mfp-close).btn-outline2:active,
.btn:not(.close):not(.mfp-close).btn-outline2.active,
a.btn:not([href]):not([tabindex]).btn-outline2:hover,
a.btn:not([href]):not([tabindex]).btn-outline2:focus,
a.btn:not([href]):not([tabindex]).btn-outline2:active,
a.btn:not([href]):not([tabindex]).btn-outline2.active {
  background-color: transparent;
  border-width: 2px;
  border-style: solid;
  border-color: #004eb4;
  color: #004eb4;
}
button.btn.btn-rounded,
.btn:not(.close):not(.mfp-close).btn-rounded,
a.btn:not([href]):not([tabindex]).btn-rounded {
  border-radius: 2em !important;
}












/*product 부분*/
.product_subtitle {font-size:36px; line-height:1.0em; padding-top:30px; padding-bottom:30px; margin-bottom:30px; border-top:#e0e0e0 2px solid; border-bottom:#e0e0e0 1px solid; color :#222; font-weight:400;}
.product_subtitle2 {font-size:26px; line-height:1.0em; margin-bottom:10px; color :#111; font-weight:700;}
.valign_t {vertical-align:top;}
.product_border_right {border-right:#e0e0e0 1px solid;}
.product_ul 
.product_ul li {background:url(images/icon_arrow.png) no-repeat; background-position:0 0px;}
.fontsize_9 {font-size:7px; font-weight:100; }
.product_table_th1 {font-family:nanumsquare; background-color:#d6e0eb; border-top:#d6e0eb 1px solid; font-weight:bold; font-size : 18px; vertical-align:middle;}
.product_table_td1 {font-family:nanumsquare; background-color:#e8edf1; border-top:#e8edf1 1px solid; }
.product_table_th2 {font-family:nanumsquare; background-color:#d6e6eb; border-top:#d6e6eb 1px solid; font-weight:bold; font-size : 18px; vertical-align:middle;}
.product_table_td2 {font-family:nanumsquare; background-color:#e8f0f1; border-top:#e8f0f1 1px solid; }
.product_table_th3 {font-family:nanumsquare; background-color:#d6ebe8; border-top:#d6ebe8 1px solid; font-weight:bold; font-size : 18px; vertical-align:middle;}
.product_table_td3 {font-family:nanumsquare; background-color:#e8f1ee; border-top:#e8f1ee 1px solid; }
.product_table_th4 {font-family:nanumsquare; background-color:#dbebd6; border-top:#dbebd6 1px solid; font-weight:bold; font-size : 18px; vertical-align:middle;}
.product_table_td4 {font-family:nanumsquare; background-color:#ecf1e8; border-top:#ecf1e8 1px solid; }




/*client 부분*/
.grid .client_li_text {
  float: left;
	text-align:center;
  position: relative;
  width: 20%;
  padding: 5px;
	border:1xp solid #fff;
}
.grid .client_li_text:before {
  height: 100%;
  top: 0;
  left: -1px;
  border-left: 0px solid #eee;
}
.grid .client_li_text:after {
  width: 100%;
  height: 0;
  top: auto;
  left: 0;
  bottom: -1px;
  border-bottom: 0px solid #eee;
}
.grid client_li_text:hover {
  cursor: pointer;
  background-color: #fff;
}


/*FAQ 부분*/
.ac-title2 {font-family:nanumsquare; font-weight:bold; font-size : 18px;}
.seperator-faq-t {  border-bottom: 1px solid #d9d9d9; margin-bottom: 14px; }
.seperator-faq-b {  border-bottom: 1px solid #eee; margin: 14px auto; }
.faq_cuation_bold {color : #ff5e5e; font-weight:bold;}
.faq_cuation {color : #ff5e5e; }

/*  Elements */
/* ----------------------------------------------------------------
	Accordion
-----------------------------------------------------------------*/
.accordion .ac-item {
  margin-bottom: 10px;
  padding: 12px 20px;
  border-radius: 5px;
  border: 1px solid #e6e8eb;
}
.accordion .ac-item .ac-title {
  /*수정*/font-family:nanumsquare;
  /*수정*/font-weight: 600;         
  position: relative;
  padding-right: 10px;
  margin: 0;
  /*수정*/font-size: 18px;
  cursor: pointer;
  user-select: none;
}
.accordion .ac-item .ac-title:before {
  font-size: 18px;
  content: "\e9be";
  font-family: "inspiro-icons";
  right: 0;
  position: absolute;
}
.accordion .ac-item .ac-title > i {
  margin-right: 8px;
}
.accordion .ac-item .ac-content {
/*수정*/font-family:nanumsquare;
/*수정*/font-size:17px;
/*수정*/padding-left: 27px;
  padding-top: 12px;
}
.accordion .ac-item .ac-content > p:last-child {
  margin-bottom: 6px;
}
.accordion .ac-item.ac-active .ac-title:before {
  content: "\e9a1";
}
.accordion.accordion-shadow .ac-item {
  box-shadow: 0 6px 38px rgba(0, 0, 0, 0.05);
}
.accordion.accordion-simple .ac-item {
  padding: 14px 0;
  margin-bottom: 0;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #e6e8eb;
}
.accordion.accordion-simple .ac-item:last-child {
  border: 0;
}
.accordion.accordion-flat .ac-item {
  padding: 10px 0;
  margin-bottom: 0;
  border-radius: 0;
  border: 0;
}
.accordion.accordion-theme .ac-item {
  background-color: #2250fc;
  border: 0;
}
.accordion.accordion-theme .ac-item .ac-title {
  color: #ffffff;
}
.accordion.accordion-theme .ac-item .ac-content,
.accordion.accordion-theme .ac-item .ac-content p {
  color: #ffffff;
}
.accordion.dark .ac-item {
  background-color: #181818;
  border: 0;
}
.accordion.dark .ac-item .ac-title {
  color: #ffffff;
}
.accordion.dark .ac-item .ac-content,
.accordion.dark .ac-item .ac-content p {
  color: #ffffff;
}