@font-face {
    font-family: 'notokr-regular';
    src: url('notokr-regular.eot');
    src: url('notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('notokr-regular.woff2') format('woff2'),
         url('notokr-regular.woff') format('woff'),
         url('notokr-regular.ttf') format('truetype'),
         url('notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{ margin:0; padding:0;}
li{ list-style:none;}
img{ border:none;}
a{ text-decoration:none;color: #000;}
html {min-height:100%;}
ul:after, #cont:after ,  li:after , .aaa:after ,section:after, body:after{ content:""; clear:both; height:0; display:block; visibility:hidden;}
h2{ width:0; height:0; font-size:0; position:absolute; left:-9999px; overflow:hidden;}
body{ margin:0 auto; font-family: 'notokr-regular', sans-serif; font-size:14px; color:#4d4d4d;  position:relative; min-height:100%}
/*select { font-family: 'notokr-regular', sans-serif; padding:0 5px; box-sizing:border-box; border:1px soile #ebedf2; border-radius:5px; height:30px; margin-right:3px;}*/
.container {position:relative; width:1200px; margin:0 auto;}

#header {}
#header .hd_mem {float:left; width:100%; height:40px; background:#f7f7f7; border-bottom:1px solid #ededed; line-height:40px;}
#header .hd_mem ul {float:right;}
#header .hd_mem ul li {float:left; margin-right:30px;}
#header .hd_mem ul li img {margin-right:3px;}
#header .hd_mem ul li:last-child {margin-right:0px;}
#header .hd_mem ul li a {color:#4d4d4d;}

#header .hd_logo {width:100%; height:90px; float:left;}
#header .hd_logo .l_logo {float:left; margin-top:24px;}
#header .hd_logo .r_logo {float:right; margin-top:25px;}

#d_navi47 {float:left; position:relative;width:100%;height:50px;background:#74c0c2; z-index:2;}
#d_navi47 .mask{position:absolute;left:0;width:100%;height:50px;overflow:hidden}
#d_navi47 .mask .bg{position:absolute;left:0;top:50px;width:100%;height:100%;background:#f9f9f9;}
#d_navi47 .d1{position:relative;width:1200px;margin:0 auto 0;}

#d_navi47 .d1 > li{float:left;width:25%;height:100%}
#d_navi47 .d1 > li > a{display:block;font-size:19px;font-weight:600;line-height:50px;color:#fff;text-align:center}

#d_navi47 .d1 > li.on > a{border-bottom:2px solid #53abad; color:#099aff;}
#d_navi47 .d1 > li.on .d2{background:#ebf3f3;position:relative;z-index:10;}
#d_navi47 .d1 > li.on .d2 > li{}
#d_navi47 .d1 > li.on .d2 > li > a{color:#191919;}
#d_navi47 .d1 > li.on .d2 > li > a:hover,
#d_navi47 .d1 > li.on .d2 > li.on > a{color:#099aff;}
#d_navi47 .d1 > li:first-child .d2{border-left:1px solid #ddd}

#d_navi47 .d2 {border-right:1px solid #ddd;height:220px/*¼­ºê³ôÀÌÇʼö*/}

#d_navi47 .d2 > li{position:relative;}
#d_navi47 .d2 > li > a{display:block;height:45px;line-height:45px;text-align:center;font-size:16px;color:#666}

#d_navi47 .d2 > li.on{position:relative;z-index:10}
#d_navi47 .d2 > li.on .d3{display:block}


#d_navi47 .d3{position:absolute;border:1px solid #aaa;width:150px;left:180px;top:-5px;background:#fff;display:none;padding:2px;border-radius:5px;z-index:10;}
#d_navi47 .d3 .arrow{position:absolute;left:-6px;top:18px;background:url('images/arrow.gif') no-repeat;width:6px;height:11px}
#d_navi47 .d3 li{border-top:1px solid #ddd}
#d_navi47 .d3 li:first-child{border-top:none}
#d_navi47 .d3 a{display:block;line-height:30px;padding:0 10px}
#d_navi47 .d3 a:hover{background:#f5f5f5}

#d_navi47 .d3.t1{top:-55px}
#d_navi47 .d3.t1 .arrow{top:68px}

#d_navi47 {
    position: relative; 
    width: 100%;
    height: 50px;
    background: #74c0c2;
    z-index: 2;
}

#d_navi47 .mask {
    position: absolute;
    left: 0;
    width: 100%;
    height: 50px;
    overflow: hidden;
}

#d_navi47 .mask:hover {
    height: auto;
}

#d_navi47 .mask .bg {
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    height: 220px;
    background: #f9f9f9;
}

#d_navi47 .d1 {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
}

#d_navi47 .d1 > li {
    flex: 1;
    position: relative;
}

/* 메인 메뉴 항목 숨기기 처리 */
#d_navi47 .d1 > li:nth-child(n+5) {
    display: none;
}



#d_navi47 .d2 {
    display: none; /* 기본적으로 서브메뉴 숨김 */
    border-right: 1px solid #ddd;
    height: 220px;
    background: #f9f9f9;
}

/* hover 시에만 서브메뉴 표시 */
#d_navi47 .mask:hover .d2 {
    display: block;
}


#header .main_img {float:left;width:100%; height:562px; background-image: url(../images/img_main.png); background-position: center; margin:0 auto;}
#header .main_img .fade-in-box {
  padding: 10px;
  animation: fadein 3s;
  -moz-animation: fadein 3s; /* Firefox */
  -webkit-animation: fadein 3s; /* Safari and Chrome */
  -o-animation: fadein 3s; /* Opera */
  width:705px; height:130px; font-size:35px; line-height:50px; color:#fff;
  margin:0 auto; text-align:Center;margin-top:235px; text-shadow: 1px 1px 1px #000;
}

#header .sub_img {float:left;width:100%; height:151px; background-image: url(../images/img_sub.png); background-position: center;}
#header .sub_img .sub_title {float:left; width:100%; text-align:Center; font-size:28px; font-weight:bold; color:#000; margin-top:40px;}
#header .sub_img .sub_navi {float:left; width:100%; margin:0 auto; text-align:Center; margin-top:10px;}
#header .sub_img .sub_navi span {margin-right:13px;}
#header .sub_img .sub_navi span:last-child {margin-right:0px;}
#header .sub_img .sub_navi img {margin-right:13px;}

#container {}
#container .service {float:left; width:100%; margin-top:50px; margin-bottom:50px; text-align:center;}
#container .service .m_title {float:left; width:100%; text-align:center; margin-bottom:30px;}
#container .service .m_title img {display:block; text-align:Center; width:22px; height:21px; margin:0 auto;}
#container .service .m_title p {text-align:Center; font-size:35px; color:#000; margin-top:15px;}
#container .service .s_menu {float:left; width:100%;}
#container .service .s_menu li {float:left; margin-right:69px;}
#container .service .s_menu li:last-child {margin-right:0px;}

#container .notice {float:left; width:100%; margin-bottom:50px;}
#container .notice .m_title {float:left; width:100%; text-align:center; margin-bottom:30px;}
#container .notice .m_title img {display:block; text-align:Center; width:22px; height:21px; margin:0 auto;}
#container .notice .m_title p {text-align:Center; font-size:35px; color:#000; margin-top:15px;}
#container .notice ul {}
#container .notice ul li {float:left; width:590px; height:50px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; line-height:50px;}
#container .notice ul li:last-child {float:right;}
#container .notice ul li .title {float:left; margin-left:10px; font-size:16px; color:#000;}
#container .notice ul li .title a {color:#000;}
#container .notice ul li .title a:hover {color:#0c9cff;}
#container .notice ul li .date {float:right; margin-right:15px; font-size:13px;}
#container .notice ul li img {float:right; margin-top:8px; margin-right:10px;}
#container .notice ul li.bzero {border-top:0px;}

/*¼­ºê*/
#container .scontainer {position:relative; width:1000px; margin:0 auto;}
#container .l_menu {float:left; width:248px; padding-right:12px; margin-top:200px;}
#container .l_menu .sub_title {float:left; width:248px; height:202px; background-image: url(../images/bg_submenu.png); text-align:center; color:#fff; font-size:24px;}
#container .l_menu .sub_title h1 {float:left; font-size:24px; width:248px; text-align:Center; margin-top:155px;}
#container .l_menu li {float:left; width:248px; text-align:Center; height:50px; border-bottom:1px solid #ededed; font-size:20px; line-height:50px; background-image: url(../images/left_bg.png);}
#container .l_menu li a.active {color:#6dbdbf;}
#container .l_menu li a {color:#000;}
#container .l_menu li a:hover {color:#6dbdbf;}
#container .r_contents {float:left; width:740px; margin-top:40px; /*text-align:Center;*/ margin-bottom:50px;padding-left: 15px;min-height: 550px;}
#container .r_contents .r_title {float:left; width:740px; height:110px; background-image: url(../images/sub_titlebg.png); margin-bottom:30px;}
#container .r_contents .r_title .sub_title {float:left; width:100%; text-align:left; font-size:28px; font-weight:bold; color:#000; margin-top:25px;}
#container .r_contents .r_title .sub_navi {float:left; width:100%; margin:0 auto; text-align:left; margin-top:5px;}
#container .r_contents .r_title .sub_navi span {margin-right:13px;}
#container .r_contents .r_title .sub_navi span:last-child {margin-right:0px;}
#container .r_contents .r_title .sub_navi img {margin-right:13px;}


#footer {}
#footer .f_banner {float:left; width:100%;  height:90px; background:#f2f2f3;}
#footer .f_banner li {float:left; margin-right:141px;}
#footer .f_banner li:last-child {margin-right:0px;}
#footer .ft_wrap {float:left; width:100%; height:106px; background:#33353a; color:#aeaeae; font-size:15px;}
#footer .ft_wrap .ft_l {float:left; margin-top:20px;}
#footer .ft_wrap .ft_l .ft_text1 {display:block; color:#aeaeae;}
#footer .ft_wrap .ft_l .ft_text2 {color:#e8e8e8; font-size:18px;}
#footer .ft_wrap .ft_l .ft_text2 span {color:#02b4eb;}
#footer .ft_wrap .ft_r {float:right; margin-top:20px;}
#footer .ft_copy {float:left; width:100%; height:60px; text-align:center; border-top:1px solid #5c5d61; background:#33353a; line-height:60px; color:#aeaeae;}

.wrapper {
  position:relative;
  transform:translateY(-50%);
  top:50%;
  margin: 0 auto;
  width:100%;
  overflow:hidden;
}

.wrapper p {
  position:absolute;
  left:100%;
  width:100%;
  text-align:center;
  font-size:40px;
  line-height:50px;
  color:#ffffff;
  top:0;
  cursor:pointer;
  opacity:0;
  text-shadow: 1px 1px 1px #000;
  transition:left 1.4s, opacity .5s ease;
  margin-top:30px;
}

.wrapper p.activeText {
  position:relative;
  left:0;
  opacity:1;
}

.wrapper p.slideLeft {
  left:-100%;
  opacity:0;
}


.counsel_btn {display:inline-block; margin-top:-3px; padding:3px 4px 2px; background:#6dbdbf; color:#fff !important;
            -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url(PIE.htc);}
.counsel_btn2 {
      margin-top: 30px;
    margin-bottom: 50px;
    text-align: center;
}