/*
Theme Name: Divi Child
Theme URI: http://www.cni.or.kr/
Description: Child theme for the Divi theme
Author: cnisystem
Author URI: http://www.cni.or.kr/
Template:  Divi
Version: 1.0
*/
@import url(../Divi/style.css);
@font-face {
  font-family: 'Noto Sans KR';
  src: url('fonts/NotoSansCJKkr-Thin.eot'); 
  src: url('fonts/NotoSansKR-Thin.woff') format('woff'), 
       url('fonts/NotoSansKR-Thin.woff2') format('woff2');
  font-style:   normal;
  font-weight:  200;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('fonts/notokr-light.eot'); 
  src: url('fonts/notokr-light.woff') format('woff'), 
       url('fonts/notokr-light.woff2') format('woff2');
  font-style:   normal;
  font-weight:  300;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('fonts/notokr-regular.eot'); 
  src: url('fonts/notokr-regular.woff') format('woff'), 
       url('fonts/notokr-regular.woff2') format('woff2');
  font-style:   normal;
  font-weight:  400;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('fonts/notokr-medium.eot'); 
  src: url('fonts/notokr-medium.woff') format('woff'), 
       url('fonts/notokr-medium.woff2') format('woff2');
  font-style:   normal;
  font-weight:  500;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('fonts/notokr-bold.eot'); 
  src: url('fonts/notokr-bold.woff') format('woff'), 
       url('fonts/notokr-bold.woff2') format('woff2');
  font-style:   normal;
  font-weight:  600;
}

a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
u,
ul,
var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: 0 0;
    font-size: 100%;
    vertical-align: baseline;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	font-family: 'Noto Sans KR', sans-serif !important;
	word-break:keep-all;
}

div.img {max-width:79% !important}

#top-menu > li > a::after {
    display: none !important;
}
/*로고*/

img#logo {max-height: 75% !important;}


/* 메뉴 */



#top-menu > li {
    padding-right: 80px;
}

#top-menu > li > a::after {
    display: none !important;
}

ul.sub-menu > li > a {
    font-size: 16px !important;
}

#main-header .nav li ul a {
    color: #000000 !important;
}

.mobile_menu_bar:before {
    color: #000000;
}

#mobile_menu {
    background-color: #fff !important;
    border-top: 3px solid #fff !important;
}


/* 메인 */
.sd_bg {
    width:80%;
    text-align: left;
    margin-left: -415px;
  
  background-color: rgba(0,0,0,0.5);
}

.main_title {
    font-size: 30px;
    letter-spacing: 6px;
    font-weight: 600;
    padding: 95px  62px;
}

p.sub_title{
   line-height: normal;
    letter-spacing: 2px;
    padding: 0em 2em 5em;
    font-weight: 500;
  font-size:35px;
}
  

@media screen and (min-width: 320px) and (max-width: 480px) {
    p.main_title {
        font-size: 28px;
    }
}

@media screen and (min-width: 481px) and (max-width: 734px) {
    p.main_title{
        font-size: 34px;
    }
}

.et_pb_slide_content p:last-of-type {
  padding-bottom: 73px !important;
}


.dec_bar {
    width: 40px;
    height: 4px;
    margin: 0 auto;
    background-color: #006d71;
}
@media screen and (max-width: 980px) {
  img.wp-image-49,.et_pb_column.et_pb_column_1_5.et_pb_column_8.et_pb_css_mix_blend_mode_passthrough {display:none !important;}
}

@media screen and (max-width: 1800px) {
  p.main_title,p.sub_title {display: none !important;}
}

/*연혁*/

.history {
  width: 100%;
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
  justify-content: center;
}

.history li {
  width: 46%;
  padding: 2% 2%;
}

.history:nth-child(even) li:nth-child(odd) {
  order: 1;
  position: relative;
  border-left: 4px solid #eee;
}

.history:nth-child(even) li:nth-child(odd)::after {
  content: "";
  position: absolute;
  left: -8px;
  top: calc(50% - 4px);
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #3292ff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.history:nth-child(odd) li:nth-child(odd) {
  text-align: right;
  justify-content: flex-end;
  position: relative;
  border-right: 4px solid #eee;
}

.history:nth-child(odd) li:nth-child(odd)::after {
  content: "";
  position: absolute;
  right: -8px;
  top: calc(50% - 4px);
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #3292ff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.history:nth-child(even) .desc p:nth-child(1) {
  order: 1;
}

.history:nth-child(even) .desc .txt_wrap {
  justify-content: flex-end;
  text-align: right;
}

.history .year {
  font-size: 3em;
  font-weight: 700;
  width: 46.3%;
  display: flex;
  align-items: center;
  color: #00276d;
  padding: 2% 4%;
}

.history .desc {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.history .desc .txt_wrap {
  align-items: center;
  display: flex;
  padding: 10px 0;
}

.history .desc .txt_wrap p {
  margin: 0 20px;
}
.txt {
  color:#000000;
}

@media screen and (max-width: 480px) {
    .history .year {
        font-size: 2em;
        line-height: 1;
    }
}

/* 문의폼 */
.news tr td {
    border-top: none;
    color: #aaa;
}

.news {
    border: none !important;
}

.news input {
    width: 100%;
    height: 50px;
    border-radius: 30px;
}

.news tr:first-child {
    padding-bottom: 5%;
}

.submit {
    background-color: #272c5c;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px !important;
    border-radius: 30px;
    cursor: pointer;
    width: 15%;
    margin: 0 auto;
}

.submit > input {
    color: #fff;
    cursor: pointer
}

.submit > .wpcf7-spinner {
    display: none;
}

.wpcf7-form-control-wrap input[type=text],
.wpcf7-form-control-wrap input[type=email],
.wpcf7-form-control-wrap input[type=tel] {
    border: 1px solid #ccc;
}

input[type=email],
input[type=text] {
    color: #ccc;
}

.wpcf7-form-control-wrap textarea {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 20px;
}

.textwidget.custom-html-widget {
  color:#000000;
}

/* 다국어 메뉴생성 */
.menu-item-type-custom > .sub-menu {
    border: none;
    width: 58px;
    padding: 0 !important;
}

.menu-item-type-custom > a {
    padding-bottom: 0px !important;
}

.menu-item-type-custom > .sub-menu > li {
    padding: 0 !important;
}

.menu-item-type-custom > .sub-menu > li > a {
    width: 58px !important;
    font-size: 12px !important;
    padding: 0 !important;
    text-align: center;
    background-color: rgb(239,239,239);
    border: 1px solid #666;
}