@charset "utf-8";
/* CSS Document */

.sub_visual_wrap {width: 100%; min-width: 1400px; height: 200px; overflow: hidden; position: relative;top: 0px; left: 0px; ;}
.sub_visual {width: 100%; position:absolute;top: 0px; left: 0px; 
}
.sub_visual_in {width: 100%; position:absolute;top: 0px; left: 0px;
}
.sub_visual_in img {width: 2000px; margin: 0 auto; display: block;max-width: 2000px; position: relative;top: 0px; left: 50%; margin-left: -1000px;}
.border_box_none {}
.sub_visual_txt_wrap {position: absolute;top: 0px; left: 0px; 
padding-top: 50px;width: 100%; text-align: center;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}




.sub_visual_txt_01 { 
    font-size: 45px;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.sub_visual_txt_02 {padding-top: 20px;
font-size: 18px;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.sub_visual_line_wrap {padding-top: 20px;}
.sub_visual_line { margin: 0 auto; background-color: #0eb0ff; height: 2px;
    width: 50%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.sub_visual_txt_01 p {
     display: inline-block;
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.sub_visual_txt_02 p {
     display: inline-block;
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}



/*게시판들*/
.board_wrap {
    width: 98%;  padding: 10px 1%; max-width: 1400px;
}


.sub_visual_wrap {width: 100%; overflow: hidden; position: relative;top: 0px; left: 0px;
    margin: 0 auto;

}



.sub_visual_txt_02 {padding-top: 20px;
font-size: 15px;
    color: #fff;
    font-style: italic;
     font-family: 'Playfair Display', serif;
    font-weight: 400;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.sub_visual_line_wrap {padding-top: 20px;}
.sub_visual_line { margin: 0 auto; background-color: #1ba5cd; height: 2px;
    width: 50%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}


.sub_visual_txt_02 p {
     display: inline;
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}



.scroll .sub_bg_wrap:after {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.sub_top_wrap {width: 100%;
background-color: #888
}
.sub_top {width: 100%;
max-width: 1200px; margin: 0 auto;
}
.sub_top .menu {display: none; border-right: 1px solid #999}
.sub_top .menu.active {display: block;}
.sub_top .menu_a  {display: none;}
.sub_top .sub_menu_wrap:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.sub_top .sub_menu_wrap > div {
    display: block; float: left;
}
.sub_01 .sub_top .sub_menu_wrap > div {
width: 16.666%;
}
.sub_02 .sub_top .sub_menu_wrap > div {
width: 20%;
}
.sub_03 .sub_top .sub_menu_wrap > div {
width: 20%;
}
.sub_04 .sub_top .sub_menu_wrap > div {
width: 33.333%;
}
.sub_05 .sub_top .sub_menu_wrap > div {
width: 33.333%;
}
.sub_top .sub_menu_wrap > div:first-child .sub_menu_a {
border-left: none;
}
.sub_top .sub_menu_a {
background-color: #888;
color: #fff; display: block;
text-align: center; line-height: 45px;
border-left: 1px solid #999;
font-size: 15px;
border-bottom: 1px solid #999
}
.sub_top .sub_menu_a.active {
    background-color: #ff8600;
    border-color: #ff8600;
}
.sub_top .sub_menu_a:hover {
    background-color: #222;
    border-color: #222;
}

.sub_con_wrap {width: 100%; height:auto;}
.inner_box {max-width:1290px; margin:0 auto;}

.sub_top_label {
    font-size: 30px;
    font-family: 'na200';
    color: #666; letter-spacing: -2px; line-height: 1.2;
    text-align: center;
    padding-top: 20px;
}







.sub_01_01 .sub_top_label {
    font-size: 20px;
    font-family: 'na200';
    color: #666; letter-spacing: -2px; line-height: 1.2;
    text-align: center;
    padding-top: 50px;
}


.sub_01_05 .sub_top_label {
    font-size: 20px;
    font-family: 'na200';
    color: #666; letter-spacing: -2px; line-height: 1.2;
    text-align: center;
    
}


.sub_top_label .f_s01{
    font-size: 22px;
	 font-family: 'no100';
}
.sub_top_label > span {
    font-family: 'no400';
    color: #333
}
.sub_top_label p {
    padding: 30px 0 5px 0;
    font-family: 'Heebo', sans-serif;
    font-weight:600;
    color: #333;
    font-size: 40px; letter-spacing:-1;
}
.sub_top_label span {
    font-family: 'Heebo', sans-serif;
    font-weight:100;
    color: #333;
    font-size: 18px; letter-spacing:-3;
}


.sub_top_label p span {
    font-weight: 300;
    color: #ff8600
}
.img_box_01 {border-bottom: 15px solid #222;}
.align_right {
    text-align: right;
}

.sub_txt_box {
    background-color: #f7f7f7; padding: 50px; font-size: 17px;
    border: 1px solid #eee; line-height: 1.6; color: #555;
    font-family: 'na300'; letter-spacing: -1px;
}

.sub_txt_01 {
    font-family: 'na400';
    font-size: 24px; color: #333; letter-spacing: -1px;
}
.sub_txt_02 span {
  font-family: 'na500';
  color: #0075af
}

.his_img {width:100%; margin:0 auto; text-align:center;}

.vision_box_wrap {width: 100%;}
.vision_box_in {width: 100%;}
.vision_box_in:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.vision_box {float: left; width: 31%;margin: 10px 1%;
background-color: #0eb0ff; color: #fff;text-align: center;
padding: 100px 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.vision_box_label {
    font-size: 19px;
     font-family: 'na200';
}
.vision_box_desc {
    font-size: 26px;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
}
.vision_box:hover {
    background-color: #0075af; border-radius: 100%;
}


.main_con_01_wrap {width: 100%;}
.main_con_01 {width: 100%; padding: 100px 0;
background-color: #eee
}
.main_con_label_wrap {
    text-align: center;
}
.main_con_label {
    font-size: 40px;
    letter-spacing: -1px;
    color: #333;
    font-weight: lighter;
    font-family: 'NanumSquare', sans-serif;
    line-height: 1.2;
}
.main_con_label span {
	 font-size: 40px;
	font-weight: 900;
	letter-spacing: -2px;
    font-family: 'NanumSquare', sans-serif;
    color: #102560;
}
.main_con_label02 {
    font-size: 40px;
    letter-spacing: -1px;
    color: #fff;
    font-weight: lighter;
    font-family: 'NanumSquare', sans-serif;
    line-height: 1.2;
}
.main_con_label02 span {
	 font-size: 40px;
	font-weight: 900;
	letter-spacing: -2px;
    font-family: 'NanumSquare', sans-serif;
    color: #d71c1f;
}

.main_con_desc {
font-size:17px; color:#575757;  letter-spacing:-1px;
}

.main_con {width: 100%;
padding: 40px 0
}
.main_con_in {width: 100%;
max-width: 1400px; margin: 0 auto; padding-top:50px;

}
.main_con_in:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.main_con_01_box {
    display: block; float: left; width:25%;
    height: 431px; 
    position: relative;top: 0px; left: 0px; margin-bottom:100px;
}


.main_con_01_box_left {
position: absolute;top: 0px; left: 0px; bottom: 0px;
width: 100%;
color: #fff; 
text-align: center;
background-repeat: no-repeat;
background-position: center top;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
z-index: 880;

}
.main_con_01_box_01 .main_con_01_box_left, .main_con_01_box_02 .main_con_01_box_left {
animation: backposi_ani_one 10s linear 2;
    -moz-animation: backposi_ani_one 10s linear 2;
    -webkit-animation: backposi_ani_one 10s linear 2;
    -ms-animation: backposi_ani_one 10s linear 2;
    -o-animation: backposi_ani_one 10s linear 2;
}
.main_con_01_box_03 .main_con_01_box_left, .main_con_01_box_04 .main_con_01_box_left {
    background-position: center bottom;
    animation: backposi_ani_two 10s linear 2;
    -moz-animation: backposi_ani_two 10s linear 2;
    -webkit-animation: backposi_ani_two 10s linear 2;
    -ms-animation: backposi_ani_two 10s linear 2;
    -o-animation: backposi_ani_two 10s linear 2;
}



@keyframes backposi_ani_one {
    0% { background-position: center top; }
    50% { background-position: center bottom; }
    100% { background-position: center top; }
}
@-moz-keyframes backposi_ani_one {
    0% { background-position: center top; }
    50% { background-position: center bottom; }
    100% { background-position: center top; }
}
@-webkit-keyframes backposi_ani_one {
    0% { background-position: center top; }
    50% { background-position: center bottom; }
    100% { background-position: center top; }
}
@-ms-keyframes backposi_ani_one {
    0% { background-position: center top; }
    50% { background-position: center bottom; }
    100% { background-position: center top; }
}
@-o-keyframes backposi_ani_one {
    0% { background-position: center top; }
    50% { background-position: center bottom; }
    100% { background-position: center top; }
}

@keyframes backposi_ani_two {
    0% { background-position: center bottom; }
    50% { background-position: center top; }
    100% { background-position: center bottom; }
}
@-moz-keyframes backposi_ani_two {
    0% { background-position: center bottom; }
    50% { background-position: center top; }
    100% { background-position: center bottom; }
}
@-webkit-keyframes backposi_ani_two {
    0% { background-position: center bottom; }
    50% { background-position: center top; }
    100% { background-position: center bottom; }
}
@-ms-keyframes backposi_ani_two {
    0% { background-position: center bottom; }
    50% { background-position: center top; }
    100% { background-position: center bottom; }
}
@-o-keyframes backposi_ani_two {
    0% { background-position: center bottom; }
    50% { background-position: center top; }
    100% { background-position: center bottom; }
}
.main_con_01_box_left:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=70);
    opacity: 0;
     z-index: 840;
}


.main_con_01_box_right { display:none;
}

.main_con_01_box_right {
position: absolute;top: 0px; right: 0px; bottom: 0px;
width: 100%;   height: 100%; 
 text-align: center; 
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
z-index: 890;
}

.main_con_01_box_left:before { 
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
  position: relative;top: 0px; left: 0px;
  z-index: 850
}
.main_con_01_box_left .main_con_01_box_bg  {
    vertical-align: middle;
    line-height: 1.2;
    display: inline-block;
    padding: 10px;
    position: relative;top: 0px; left: 0px;
  z-index: 855;
 font-weight: 400;
    font-family: 'Heebo', sans-serif;
   font-size: 20px;
}

.main_con_01_box_label {
font-size: 28px; color: #333; font-family: 'na500';
}
.main_con_01_box_desc {
    font-size: 14px; color: #333; font-family: 'no300';
    padding: 5px 0
}

.main_con_01_box_02:hover .main_con_01_box_label {
font-size: 28px; color: #fff; font-family: 'na500';
}
.main_con_01_box_02:hover .main_con_01_box_desc {
    font-size: 14px; color: #fff; font-family: 'no300';
    padding: 5px 0
}




.main_con_01_box_arr {
    width: 70px; height: 70px; margin: 0 auto; margin-top:20px;
    border-radius: 100px;
    font-size: 18px; line-height: 70px; text-align: center;
    color: #ff5a00; background-color: #fff;
}
.main_con_01_box_arr .fas {
color: #ff5a00;
}
.main_con_01_box_right_in {
    position: relative;top: 50%; left: 0px; margin-top:-60px;
}

.main_con_01_box .main_con_01_box_left { 
	top:41px; margin-bottom:-41px;
    background-image: url(../images/main/main_con_01_box_01_hover.jpg);
}
.main_con_01_box .main_con_01_box_left:hover { 
	top:41px; margin-bottom:-41px;
    background-image: url(../images/main/main_con_01_box_01.jpg);
}


.main_con_01_box_02 .main_con_01_box_left {
	top:120px; margin-bottom:-120px;
    background-image: url(../images/main/main_con_01_box_02_hover.jpg);
}
.main_con_01_box_02 .main_con_01_box_left:hover {
	top:120px; margin-bottom:-120px;
    background-image: url(../images/main/main_con_01_box_02.jpg);
}

.main_con_01_box_03 .main_con_01_box_left {
    background-image: url(../images/main/main_con_01_box_03_hover.jpg);
right: 0px; left: auto;
}
.main_con_01_box_03 .main_con_01_box_left:hover {
    background-image: url(../images/main/main_con_01_box_03.jpg);
right: 0px; left: auto;
}

.main_con_01_box_04 .main_con_01_box_left {
	top:71px; margin-bottom:-71px;
    background-image: url(../images/main/main_con_01_box_04_hover.jpg);
right: 0px; left: auto;
}
.main_con_01_box_04 .main_con_01_box_left:hover {
	top:71px; margin-bottom:-71px;
    background-image: url(../images/main/main_con_01_box_04.jpg);
right: 0px; left: auto;
}

.main_con_01_box_03 .main_con_01_box_right {
right: auto; left: 0px;
}
.main_con_01_box_04 .main_con_01_box_right {
right: auto; left: 0px;
}



.main_con_01_box:hover .main_con_01_box_right{
  width: 100%;
}
.main_con_01_box_right *{
  color: #fff;
}
.main_con_01_box:hover .main_con_01_box_arr{
top:41px; 
  background-color: #fff;
  color: #ea2e41
}
.main_con_01_box:hover .main_con_01_box_arr .fas{

  color: #ea2e41;

}
@-webkit-keyframes color_change {
    0% { background-color: #e50012; }
    50% { background-color: #006fbc; }
    100% { background-color: #006fbc; }
}
@-moz-keyframes color_change {
    0% { background-color: #e50012; }
    50% { background-color: #006fbc; }
    100% { background-color: #006fbc; }
}
@keyframes color_change {
     0% { background-color: #e50012; }
    50% { background-color: #006fbc; }
    100% { background-color: #006fbc; }
}

.main_con_02_wrap {width: 100%; color: #fff;}
.main_con_02 {width: 100%; height:699px; padding: 100px 0;
background-image: url(../images/main/main_con_02_wrap.jpg);
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
}
.main_con_03_box  {float: left; width: 50%;}

.main_con_03_box_in {padding: 10px 3%; padding-top:85px; padding-left:80px; }

.main_con_03_label {float:right; width:80%; padding-top:65px; text-align:left
    font-size: 14px; font-family: 'Malgun Gothic'; letter-spacing:-2;
}
.main_con_03_label span { padding-top:20px;
   }
 .main_con_03_label02 {width:30%; height:5px; background-color:#ff5a00; margin-bottom:10px;  }

.main_con_03_desc {float:right; width:80%; padding-top:65px; text-align:left
    padding: 10px 0; font-family: 'na200'; font-size:35px; font-weight:bold; letter-spacing:-5;  color:#858585;
}
.main_con_03_desc span {font-family: 'na500'; font-size:35px; font-weight:bold; letter-spacing:-5; color:#131313;
}

.main_con_03_board {width: 100%;
max-width: 500px;
}
.main_con_03_board_box {width: 100%;
position: relative;top: 0px; left: 0px;
line-height: 40px;
}
.main_con_03_board_box .fas {
position: absolute;top: 0px; left: 5px;
font-size: 10px;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
text-align: center; width: 10px;
line-height: 40px;
}
.main_con_03_board_box a {
    display: block;
    padding: 0 80px 0 15px;
    color: #fff;
    font-size: 14px;
    font-family:'Malgun Gothic', dotum, sans-serif;
white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.main_con_03_board_date {
position: absolute;top: 0px; right: 0px;
font-size: 13px;
width: 80px;
font-family:'Malgun Gothic', dotum, sans-serif;
}
.main_con_03_board_box:hover {
    background-color: #006fbc
}
.main_con_03_board_link {
    padding: 10px 0;
}
.main_con_03_board_link a {
    display: inline-block;
    height: 45px; line-height: 45px; padding: 0 20px;
    border: 1px solid #fff; color: #fff;
    font-size: 16px;
}
.main_con_03_board_link a:hover {
   background-color: #ea2e41;
   border-color: #ea2e41
}




.main_con_03_icon_link {width: 100%;}
.main_con_03_icon_link:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.main_con_03_icon_link a {
    float: left;
    width: 33.333%;
    padding:150px 0 20px;
    font-size: 17px;
    color: #fff;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
}
.main_con_03_icon_link_01 {
    background-image: url(../images/main/main_con_02_icon_link_01.png);
}
.main_con_03_icon_link_02 {
    background-image: url(../images/main/main_con_02_icon_link_02.png);
}
.main_con_02_icon_link_03 {
    background-image: url(../images/main/main_con_02_icon_link_03.png);
}
.main_con_02_icon_link a:hover {
    background-color: #006fbc
}
.main_con_02_tel b {
    font-size:36px;
   font-family: 'na500'; letter-spacing: -2px;
}
.main_con_02_tel span {
    font-size:18px;
    font-family: 'na300';
}
.main_con_02_tel {
    padding: 10px 0
}

.main_con_03_wrap {width: 100%; background-color:#f7f7f7;}
.main_con_03 {width: 100%; padding: 70px 0; 

}

.main_con_03 .main_con {background:url('/theme/mojeon/images/main/video_bg.jpg') no-repeat; background-position:center top; padding-bottom:100px; }

.gall_box_wrap {
    display: block;
    position: relative;top: 0px; left: 0px;

}
.gall_box_bg {
    position: relative;top: 0px; left: 0px;overflow: hidden;
    background-color: #006fbc
}
.gall_box_txt { text-align: center;

}

.gall_box_txt span {
    vertical-align: middle;
    line-height: 1.2;
    display: inline-block;
    font-size: 15px;
    padding: 10px;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 855;
    color: #264d03;
}
/*.gall_box_wrap:hover .gall_box_txt {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}*/

.gall_box_bg {background-color:#fff; padding:5px; border:1px solid #dddddd;}


.gall_box_bg img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: scale(1);

}
.gall_box_wrap:hover .gall_box_bg img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    transform: scale(1.1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.gall_box_wrap * {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.main_con_04_wrap {width: 100%;}
.main_con_04 {width: 100%; padding: 100px 0;
background-color: #000;
background-image: url(../images/main/main_con_04.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

.main_map_wrap {width:80%; margin:0 auto; border-top:1px solid #fff; }
.main_map_wrap .b_line {height:70px; text-align:left; margin:0 auto; border-bottom:1px solid #fff; font-size:18px; color:#dfdfdf; margin:15px 0 15px 0px; padding-left:50px; padding-right:30px;}
.main_map_wrap .b_line li {display:inline;}
.main_map_wrap .b_line .co1 {width:20%; font-size:40px; padding-right:5%;  color:#ff5a00;}
.main_map_wrap .b_line .co2 {width:80%; top:0px;  margin-bottom:10px; clear:both;}
.main_map_wrap .b_line .co2 a {color:#fff;}
.main_map_wrap .b_line .co3 {float:right; width:10%; text-align:right; right:0; bottom:10px; margin-top:10px;}

.main_map_wrap .root_daum_roughmap {width: 90%!important;
margin: 0 5%;
}
.main_map_wrap .root_daum_roughmap .wrap_map {
    height: 400px!important
}
.main_map_wrap .root_daum_roughmap .wrap_controllers {display: none;}

.main_con_04 .main_con_label {
    color: #fff;
}
.main_con_04 .main_con_desc {
    color: #fff;
}

.main_con_05 a {
    display: inline-block;
    padding: 0 6px;
}




/*애니*/
.seokfadeInRight {
position: relative;
top: 0px;right: auto;
}
.seokfadeInLeft {
position: relative;
top: 0px;left: auto;
}
.seokfadeInDown {
position: relative;
left: 0px;bottom: auto;
}
.seokfadeInUp {
position: relative;
left: 0px;top: auto;
}
.seokfadeIn {

}
.main_con_in a {
-webkit-transition:inherit;
    transition: inherit;
}


/*서브*/
.sub_logo_label {
    font-size: 17px; font-family: 'na400';
    color: #333;
    line-height: 1.8;
    padding: 10px 0 10px 35px;
    background-image: url(../images/common/sub_logo_label2.png);
    background-repeat: no-repeat;
    background-position: 0px 15px;
}

.sub_label_wrap {
    text-align: center; padding: 20px 0
}
.sub_label_bar {width: 40px; height: 4px; background-color: #ccc; margin: 0 auto;}
.sub_label {
    padding: 30px 0 20px;
    color: #333;
     font-family: 'Jeju Myeongjo', serif;
     font-size: 24px;
}
.num_box_3_wrap {width: 100%;
padding: 40px 0
}
.num_box_3_wrap:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.num_box_3 {
width: 33.333%; float: left;
}
.num_box_3_in_wrap {
    width: 250px; height: 250px; margin: 0 auto; text-align: center;
    border: 10px solid #ddd;
    border-radius: 500px;
    color: #666;
-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.num_box_3_in_wrap:hover {
    cursor: pointer;
    background-color: #0075af;
    color: #fff;
    border-color: #0075af;
}

.num_box_3_in_wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
  position: relative;top: 0px; left: 0px;
}
 .num_box_3_in  {
    vertical-align: middle;
    display: inline-block;
    padding: 10px;
    position: relative;top: 0px; left: 0px;
}
.num_box_3_num {
font-size: 40px;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-style: italic;padding-bottom: 15px;
}
.num_box_3_desc {
    font-size: 15px;
    font-family: 'no400';
    padding-bottom: 40px;
}

.none_img_wrap {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

.img_sub_01_01_01 {
    background-image: url(../images/sub/sub_01_01_01.jpg);
    height: 300px;
}

.img_sub_01_01_02 {
    background-image: url(../images/sub/sub_01_01_02.jpg);
    height: 300px;
}
.contents_01 { width:100%; margin-top:20px; border-top:3px solid #d71518;   padding-bottom:10px; font-weight:bold; font-size:16px;}
.contents_01 li { height:40px; padding-left:3%; padding-top:10px; border-bottom:1px solid #ccc;}
.contents_01 img {padding-top:8px; padding-right:5px;}
.f_s01_01 { color:#909090; font-size:14px; font-weight:none; padding-left:10px; }

/*연혁*/
.tab_link_wrap {
    width: 100%; padding: 10px 0
}
.tab_link {
    width: 100%;
}
.tab_link:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.tab_link a {
    display: block; float: left;
    width: 33.333%;
    text-align: center;
}
.sub_01_05 .tab_link a {
    width: 50%;
}


.tab_link_in {
border: 1px solid #ddd;
 background-color: #fff;
border-left: none;
padding: 10px 0
}
.tab_link a:first-child .tab_link_in {
    border-left: 1px solid #ddd;
}
.tab_link_in b {
    display: block; font-weight: normal;
    padding: 5px 0 ;
    color: #333;
    font-size: 18px;
    font-family: 'na400'
}
.tab_link_in span {
font-family: 'Jeju Myeongjo', serif;
font-size: 14px; color: #999
}
.tab_link a:hover .tab_link_in {
    background-color: #333; border-color: #333
}
.tab_link .active .tab_link_in {
    background-color: #0075af; border-color: #0075af
}

.seok_tab_01.active .tab_link_in {
    background-color: #0075af; border-color: #0075af
}
.seok_tab_02.active .tab_link_in {
    background-color: #289a21; border-color: #289a21
}
.seok_tab_03.active .tab_link_in {
    background-color: #a51c1c; border-color: #a51c1c
}
.tab_link .active * {
    color: #fff;
}
.tab_link a:hover * {
    color: #fff;
}

.tab_con_wrap {
    padding: 10px 0
}
.his_wrap {width: 100%; }
.his_box_wrap {width: 100%;}
.his_box_wrap:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.his_box_left {float: left;width: 120px;
position: relative;top: 0px; left: 0px;
}
.his_box_right {
    margin-left: 120px;
    padding: 20px 0 30px 40px; border-left: 1px solid #e4e4e4;
}
.his_box_left div {
    font-size: 40px;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-style: italic;
    color: #333; padding-left: 20px;
}

.his_box_left span {
    position: absolute;top: 25px; right: -16px;
    font-size: 20px; width: 20px; height: 20px;
    text-align: center;
    line-height: 20px;
    color: #e4e4e4
}
.his_box {width: 100%;
padding: 5px 0 ;
}
.his_box:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.his_box b {
    float: left; width: 50px;
    font-size: 15px; font-weight: normal;
    font-family:'Malgun Gothic', dotum, sans-serif;
    color: #999
}
.his_box div {
    padding-left: 70px;
    font-size: 16px;
    font-family: 'no300'
}

.his_box_wrap:hover .his_box_left span {
color: #d71619;
}

.his_box_wrap:hover .his_box_left div {
color: #d71619;
}

/*인증서*/
.sub_gall_wrap {
    width: 100%;
}
.sub_gall_wrap:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.sub_gall_box {width: 25%; float: left;}
.sub_gall_box_in {
    border: 5px solid #fff;
}
.sub_gall_box_in a {
 border: 1px solid #ddd; padding: 10px;
}
.sub_gall_box .gall_box_bg img {width: 100%;}



/*테이블*/
table {
    font-family:'Malgun Gothic', dotum, sans-serif;
}

.sub_table_01 {
    width: 100%; padding: 0px 0 20px;
}
.sub_table_01 table {
    width: 100%; border-top: 3px solid #333;
}
.sub_table_01 th {
    padding: 10px 2px;
    font-size: 15px; color: #333; background-color: #e4e4e4;
    border: 1px solid #ccc;
}
.sub_table_01 td {
    padding: 10px 2px;
    font-size: 14px; color: #666;
    border: 1px solid #eee;
    line-height: 1.6;
}
.sub_01_05 table {
    text-align: center;
}
.sub_01_05 .td_st_01{
 width: 35px;
}
.sub_01_05 .td_st_03{
}
.sub_01_05 .td_st_04{
 width: 35px;
}

.sub_table_01 tr:nth-child(2n+1) {
background-color: #f9f9f9;
}
.sub_table_01 tr:hover {
    background-color: #0075af;
}
.sub_table_01 tr:hover td {
    color: #fff;
    border-color: #0075af
}





.sub_map_wrap .root_daum_roughmap {width: 90%!important;
margin: 0 5%;
}
.sub_map_wrap .root_daum_roughmap .wrap_map {
    height: 400px!important
}


.biz_info_wrap {width: 100%;
position: relative;top: 0px; left: 0px;
padding-bottom: 120px;
}
.biz_info_bg {width: 100%;}
.biz_info {
    position: absolute;bottom: 0px; left: 10%; right: 10%;
    background-color: #fff;
    padding: 20px 2%; border-top: 10px solid #e99416;
    box-shadow: 0px -17px 37px -8px #000;
}

.biz_info_label {
    font-size: 24px; font-family: 'na500';
    color: #333;
    line-height: 1.9;
    width: 98%;
    margin: 0 auto;
    text-align: center;
    letter-spacing: -2px;
}
.biz_info_desc {
    font-size: 14px; font-family: 'no300';
    color: #333;
    line-height: 1.9;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    max-width: 700px;
}

.max_img img {
 max-width: 600px; margin: 0 auto;
 width: 100%; display: block;
}



/*관계사*/
.contents_01_05 { width:100%; margin-top:20px; padding-bottom:10px; }
.contents_01_05 li { display:inline; padding-left:10px; }
.contents_01_05 img { padding-bottom:10px;}


.contents_wrap {min-height:500px; }

/*회사소개*/
.con01_01 {float:left; width: 33%; padding-left:10px; padding-top:50px; padding-bottom:50px; }
.con01_01 img {padding-right:5px; }
.t_s1 {font-weight:bold; font-size:16px; color:#9c9c9c; padding-left:10px;}

.con01_01_02_01 {width:1000px; margin-top:20px; margin:0 auto; text-align:center; margin-bottom:10px;clear:both; }

.con01_01_02 {width:1000px; margin-top:20px; margin:0 auto; text-align:center; border-top:1px solid #009dd9; border-bottom:1px solid #009dd9; margin-bottom:30px;clear:both; }
.con01_01_02  table {width:1000px; color:#959595; font-size:16px; margin:0 auto;}
.con01_01_02  tr {padding:10px; border-bottom:1px solid #c5c5c5;}
.con01_01_02  td {padding:10px; margin:10px 10px;}

.con02_02 {width:1000px; margin-top:5px; margin:0 auto; text-align:center; margin-bottom:10%;clear:both; }
.con02_02 table {width:30%; margin:0 auto;}
.con02_02  tr {margin:10px; color:#fff; background-color:#2e8ce4;}
.con02_02  tr a {margin:10px; color:#fff; background-color:#2e8ce4;}
.con02_02  td span {color:#000;}

.ta_s01 {border-right:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5;}
.ta_s02 {border-right:1px solid #c5c5c5;}
.ta_s03 {border-bottom:1px solid #c5c5c5; }
.ta_s03 span {color:#df0000;}

.ta_s04 {border-right:1px solid #c5c5c5; border-bottom:1px solid #009dd9}
.ta_s05 { border-bottom:1px solid #009dd9}
.ta_s05 span {color:#df0000;}

.con01_02 {float:left; width:45%; padding-top:50px; padding-bottom:50px; text-align:right; margin-right:1%;}
.con01_02_02 {float:right; width:50%; text-align:left; padding-top:50px; padding-bottom:50px; padding-right:55px; }

.t_s2 {font-weight:bold; font-size:24px; color:#909090; }
.t_s3 { font-size:16px; color:#9c9c9c; line-height:28px; padding-top:1%;}
.con01_02_02 .ceo {float:left; width:100%; text-align:right; padding-top:150px; }

.con01_06 {float:left; width:100%; padding-top:50px; padding-bottom:50px;}
.inbox01_06 {float:left; width:25%; text-align:left; padding-top:20px;}
.t_s04 {width:100%; margin:0 auto; text-align:center; font-size:18px; color:#9c9c9c;}
.t_s04_en {width:100%; margin:0 auto; text-align:center; font-size:14px; color:#9c9c9c;}

.inbox01_06_02 {float:left; width:30%; text-align:left; padding-top:20px;}
.inbox01_06_02 img {width:120%}
.t_s04_02 {width:120%; margin:0 auto; text-align:center; font-size:18px; color:#9c9c9c;}
.t_s04_02_en {width:120%; margin:0 auto; text-align:center; font-size:14px; color:#9c9c9c;}

.con01_07 {float:left; width:100%; padding-top:50px; padding-bottom:50px;}
.con01_07 .inbox01_07 {padding-top:30px; font-size:18px; color:#9c9c9c; }
.con01_07 .inbox01_07 li {padding-top:7px;  }