@charset "euc-kr";
input[type="text"] {
font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important
}
input[type="file"] {
font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important
}
textarea {
    font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important; line-height: 18px; font-size: 12px;
}

/*¸ÞÀÎ*/
body {font-family:'³ª´®°íµñ',NanumGothic,'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important\9; letter-spacing: 0px!important\9; font-weight: normal!important\9; }

* {font-family:'³ª´®°íµñ',NanumGothic,'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important\9;letter-spacing: 0px!important\9; font-weight: normal!important\9; }

@media \0screen {
  * {font-family:'³ª´®°íµñ',NanumGothic,'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important }
  body {font-family:'³ª´®°íµñ',NanumGothic,'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important }
}

.png24 {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
  zoom: 1;

}
.png24 {tmp:expression(setPng24(this));}

body {width: 100%; }
body, html {  }
html {}
#wrap {width: 100%;  padding-top: 868px;z-index: 9999; position: relative;top: 0px; left: 0px;overflow: hidden; min-width: 1140px; }
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 100px;
    right: 10px;
    overflow: hidden;
    width: 38px;
    height: 36px;
    border: none;
    text-indent: -999999px;
    background: url(/images/common/totop.png); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;z-index: 99999
}
a {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
}

img {max-width: 100%;}
/*Çì´õ*/
#skip_wrap {display: none;}

/*¸ÞÀÎ*/
.main_vs_all_wrap {width: 100%;
position: fixed; top: 0px; left: 0px; z-index: -1; background-color:#040807
}
.main_vs_all_wrap * {z-index: 1000}
.main_vs_wrap {width: 100%; position: relative;top: 0px; left: 0px; height: 868px;}
.main_vs_bg {position: absolute;width: 100%; top: 0px; bottom: 0px;left: 0px;
/* Use modern image formats while retaining JPG fallback for older browsers. */
background-image: url(/images/main/main_vs_bg.jpg);
background-image: image-set(
    url(/images/main/main_vs_bg.avif) type("image/avif"),
    url(/images/main/main_vs_bg.webp) type("image/webp"),
    url(/images/main/main_vs_bg.jpg) type("image/jpeg")
);
background-position: center center;
background-repeat: no-repeat; background-size: 2000px auto;min-width: 1140px;


    /* Keep the first frame visible; later banner changes only cross-fade text. */
    opacity: 1;
}
.main_vs_bg.bg_on {
background-image: url(/images/main/main_vs_bg2.jpg)!important;
background-image: image-set(
    url(/images/main/main_vs_bg2.avif) type("image/avif"),
    url(/images/main/main_vs_bg2.webp) type("image/webp"),
    url(/images/main/main_vs_bg2.jpg) type("image/jpeg")
)!important;
}


.main_vs {position:relative;top: 0px; left: 0px; width:1140px; margin: 0 auto;}
.main_vs:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.main_vs_con {width: 50%; float: left; position: relative;top: 0px; left: 0px; height: 868px;}
.main_vs_img {width: 50%; float: left;position: relative;top: 0px; left: 0px; height: 868px;}
.main_vs_txt_01 {position: absolute;top:192px; left: 24px; }
.main_vs_txt_02 {position: absolute;top:414px; left: 26px; }
.main_vs_txt_03 {position: absolute;top:502px; left: 30px; }
.main_vs_txt_03 a {display: block;}

.main_vs_img_00 {position:absolute; top:86px; left: 30px;
     width: 480px; height: 688px;
}
.main_vs_img_01 {position:absolute; top:300px; left: -62px;width: 222px; }
.main_vs_img_02 {position:absolute; top:354px; left: 420px; }
.main_vs_img_03 {position:absolute; top:520px; left: 76px; }
.main_vs_img_04 {position:absolute; top:204px; left: 49px; }
.main_vs_img_05 {position:absolute; top:214px; left: 298px; }
.main_vs_img_06 {position:absolute; top:156px; left: 340px; }
.main_vs_img_00 img {width: 480px; height: 688px;}
/* Parent widths are animated, so let image height follow the rendered width. */
.main_vs_img > div img {height: auto;}
.main_vs_img > div {


    opacity: 0;
}
.main_vs_con > div {display: none;}
.main_vs_con > div > div {


    opacity: 0;
}

.main_vs_bg canvas {


    opacity: 0;
}

.gau_sec_01_left_bg canvas {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    opacity: 0.1;
}

.gau_sec_01_right_in canvas {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

/*¸ÞÀÎÄÜÅÙÃ÷1*/
.gau_sec_01_wrap {width: 100%; background-color: #f4f6f8; z-index: 1100; border-bottom: 1px solid #e2e0df;
background-color: #040807
}
.gau_sec_01_wrap * {z-index:1100 }

.gau_sec_01 {width: 1140px; margin: 0 auto;
position: relative;top: 0px; left: 0px; height: 250px;
}
.gau_sec_01_in {width: 1140px; height: 500px; position: absolute;top:-250px;
left: 0px;
}
.gau_sec_01_in:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.gau_sec_01_left {width: 50%; float: left;
position: relative;top: 250px; left: 0px; height: 500px;


    opacity: 0;
}
.gau_sec_01_left_bg {position: absolute;top: 0px; left: 0px; width: 100%; bottom: 0px;
background-image: url(/images/main/gau_sec_01_left_bg.jpg);
background-repeat: no-repeat;background-position: center center
}

.gau_sec_01_left_in {position: absolute;top: 0px; left: 0px; width: 100%; bottom: 0px;
text-align: center;
}
.main_con_line {position: absolute;top:56px; left:50%; margin-left:-18px; width: 36px; height: 2px; background-color: #fff;  }
.main_con_label {position: absolute;top:79px; left:0px; width: 100%; }
.main_con_img {position: absolute;top:145px; left:0px; width: 100%; }
.main_con_txt_01 {position: absolute;top:236px; left:0px; width: 100%;z-index: 1200 }
/* µîÀå ¾Ö´Ï¸ÞÀÌ¼Ç Áß¿¡µµ ¿øº» À̹ÌÁö ºñÀ²À» À¯ÁöÇÕ´Ï´Ù. */
.main_con_txt_01 img {height: auto;}
.main_con_txt_02 {position: absolute;top:342px; left:0px; width: 100%; }
.main_link_box {position: absolute;top:404px;left: 0px; width: 100%; text-align: center;}

.gau_sec_01_right_in .main_link_box {
    opacity: 0.7;
}

.main_link_box a {display: inline-block; height: 22px; line-height: 22px; padding:0 15px; margin: 2px 5px; border: 1px solid #fff;
color: #fff;
}
.main_link_box a:hover {border-radius: 100px;
background-color: #fff; color: #666
}

.gau_sec_01_right{width: 50%; float: left;
position: relative;top: 250px; left: 0px; height: 500px;


    opacity: 0;
}
.gau_sec_01_right_bg {position: absolute;top: 0px; left: 0px; width: 100%; bottom: 0px;
background-image: url(/images/main/gau_sec_01_right_bg.jpg);
background-image: image-set(
    url(/images/main/gau_sec_01_right_bg.avif) type("image/avif"),
    url(/images/main/gau_sec_01_right_bg.webp) type("image/webp"),
    url(/images/main/gau_sec_01_right_bg.jpg) type("image/jpeg")
);
background-repeat: no-repeat;background-position: center center
}
.gau_sec_01_right_in {position: absolute;top: 0px; left: 0px; width: 100%; bottom: 0px;
text-align: center;
}


.gau_sec_02_wrap {width: 100%; z-index: 1200; background-color: #f4f6f8; border-bottom: 1px solid #e2e0df; height: 249px;}
.gau_sec_02_wrap * {z-index: 1200}
.gau_sec_02 {width: 1140px; margin: 0 auto;
position: relative;top: 0px; left: 0px; height: 252px;
}
.gau_sec_02_in {width: 1140px; height: 250px; position: absolute;top:-1px;
left: 0px;
}
.gau_sec_02_in:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.gau_sec_02_left {width: 50%; float: left;
position: relative;top: 0px; left: 0px; height: 250px;
background-color: #686868
}
.gau_sec_02_right{width: 50%; float: left;
position: relative;top: 0px; left: 0px; height: 250px;
background-color: #394b63
}
.gau_sec_02_left_01 {width: 100%; float: left;
position: relative;top: 0px; left: 0px; height: 250px; text-align: center;background-color: #ff7f00
}
.gau_sec_02_left_02 {width: 50%; float: left;
position: relative;top: 0px; left: 0px; height: 250px;
background-color: #686868
}
.gau_sec_02_right_01 {width: 50%; float: left;
position: relative;top: 0px; left: 0px; height: 250px;
background-image: url(/images/main/gau_sec_02_right_01.jpg);
background-repeat: no-repeat;
background-position: center center;
}
.gau_sec_02_right_02 {width: 100%; float: left;
position: relative;top: 0px; left: 0px; height: 250px; text-align: center;
background-color: #77ba3d
}

.gau_sec_02_left .move_arr {width:18px; height: 35px; position: absolute;top: 0px; right: 50%;


opacity: 0;
}

.gau_sec_02_right .move_arr {width:18px; height: 35px; position: absolute;top: 0px; left: 50%;


opacity: 0;
}


.gau_sec_02_wrap .main_con_line {position: absolute;top:46px; left:50%; margin-left:-18px; width: 36px; height: 2px; background-color: #fff;  }
.gau_sec_02_wrap .main_con_label {position: absolute;top:69px; left:0px; width: 100%; }
.gau_sec_02_wrap .main_con_txt_01 {position: absolute;top:108px; left:0px; width: 100%; }
.main_txt_01 {position: absolute;top:164px; left:0px; width: 100%; text-align: center; }
.main_txt_01 span { display: block; font-size: 11px; line-height: 14px; color: #fff; }
.main_txt_01 span a {color: #fff600; border-bottom: 1px solid #fff600;}

.gau_sec_02_left_02_in {width:198px; padding:65px 0 0 0; margin: 0 auto; }
.gau_sec_02_left_02_in a {display: block; width: 186px; border: 1px solid #fff; height: 22px; line-height: 22px;margin-bottom: 10px;
padding-left: 10px;font-size: 11px; color: #fff;
}
.gau_sec_02_left_02_in a:hover {border-radius: 100px;
background-color: #fff; color: #666
}

.gau_sec_02_right_01_txt_01 {padding:77px 0 23px;width: 100%; text-align: center; }
.gau_sec_02_right_01_txt_02 {padding-bottom: 20px; width: 100%; text-align: center;}
.gau_sec_02_right_01 .main_link_box {position: relative;top: 0px; left: 0px;}


.temp_div {height: 1000px; background-color: #fff;}


.gau_sec_01 .main_con_line {
    opacity: 0;
}

.gau_sec_01 .main_con_label {
    opacity: 0;
}

.gau_sec_01 .main_con_txt_01 {width: 10%; margin-left: 45%;
    opacity: 0;
}

.gau_sec_02_left_02 {width: 0px;
    opacity: 0;
}
.gau_sec_02_right_01 {width: 0px;
    opacity: 0; overflow: hidden;
}

.gau_sec_01_over_img {position: absolute;bottom: 0px; left: 0px; width: 100%; text-align: center;}

/*Æ÷Æ®Æú¸®¿À*/
#pp_wrap {width: 100%; background-color: #fff;}
.pp_label_wrap {width: 100%; border-bottom: 1px solid #e2e0df; height: 50px;}
.pp_label {width: 1058px; margin: 0 auto; border-left: 1px solid #e2e0df; border-right: 1px solid #e2e0df;
padding: 15px 40px; height: 20px;
}
.pp_label a {display: block;width:84px; height: 19px;text-align: center;}
.pp_con_wrap {width: 100%; border-bottom: 1px solid #e2e0df; ;}
.pp_con {width: 1138px; margin: 0 auto;
border-left: 1px solid #e2e0df; border-right: 1px solid #e2e0df; overflow: hidden; margin-bottom: -1px; position: relative;top: 0px; left: 0px;
}
.pp_con_box_wrap {width: 1140px; position: relative;top: -500px; left: 0px;


    opacity: 0; overflow: hidden;
}

.sub_02 .pp_con_box_wrap {width: 1140px; position: relative;top: 0px; left: 0px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1; overflow: hidden;
}

.pp_con_box_wrap:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.pp_con_box {display: block; float: left; width:284px; border: 1px solid #e2e0df; margin-left: -1px; margin-top: -1px;
    height: 420px; padding-top: 40px; position: relative;top: 0px; left: 0px; overflow: hidden;
}
.pp_con_box:hover {background-color: #f4f6f7}
.pp_txt_01 {display: block; overflow: hidden;
padding:0 35px 10px; font-size: 14px; line-height: 18px; color: #356c8d; font-weight: 600;

}
.pp_txt_02 {display: block;overflow: hidden;
padding: 10px 35px; font-size:12px; color: #656565; line-height: 18px;
}

.pp_img {display: block;padding: 25px 0 0; text-align: center;}

.clone_txt_01 {display: block; overflow: hidden;
padding:0 35px 10px; font-size: 14px; line-height: 18px; color: #356c8d; font-weight: 600;
}
.clone_txt_02 {display: block;overflow: hidden;
padding: 10px 35px; font-size:12px; color: #656565; line-height: 18px;
}
.clone_txt {position: absolute;top: 0px; left: 100%; width: 100%;}


/*´õº¸±â*/
.more_bar_wrap {width: 100%; background-color: #fff; border-bottom: 1px solid #e2e0df; z-index: 1100;}
.more_bar_wrap a, .more_bar_wrap button { height: 50px; background-color:#fff; padding:0; cursor:pointer; display: block; width: 1138px; margin: 0 auto; border-left: 1px solid #e2e0df; border-right: 1px solid #e2e0df;
background-image: url(/images/main/more_bar.png);
background-repeat: no-repeat;
background-position: center center; text-indent: -9999px;
}
.more_bar_wrap a:hover, .more_bar_wrap button:hover {background-color: #f4f6f8}
.more_bar_wrap a:focus, .more_bar_wrap button:focus {outline: none;background-color: #f4f6f8!important;  border-color:#e2e0df!important}
/*ÀÎÀçä¿ë*/
.gau_sec_03_wrap {width: 100%; background-color: #f4f6f8; z-index: 1100; border-bottom: 1px solid #e2e0df; overflow: hidden;}
.gau_sec_03_wrap * {z-index:1100 }

.gau_sec_03 {width: 1140px; margin: 0 auto;
position: relative;top: 0px; left: 0px; height: 500px;
}
.gau_sec_03_in {width: 1140px; height: 500px; position: absolute;top:0px;
left: 0px;
}
.gau_sec_03_in:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.gau_sec_03_left {width: 50%; float: left;
position: relative;top: -250px; left: 0px; height: 500px;


    opacity: 0;
}
.gau_sec_03_left_bg {position: absolute;top: 0px; left: 0px; width: 100%; bottom: 0px;
background-image: url(/images/main/gau_sec_03_left_bg.jpg);
background-repeat: no-repeat;background-position: center center
}

.gau_sec_03_left_in {position: absolute;top: 0px; left: 0px; width: 100%; bottom: 0px;
text-align: center;
}


.gau_sec_03_right{width: 50%; float: left;
position: relative;top:-250px; left: 0px; height: 500px;


    opacity: 0;
}
.gau_sec_03_right_in {position: absolute;top: 0px; left: 0px; width: 100%; bottom: 0px;
text-align: center;
}

.gau_sec_03 .main_con_line {


    opacity: 0;
}

.gau_sec_03 .main_con_label {


    opacity: 0;
}

.gau_sec_03 .main_con_txt_01 {width: 10%; margin-left: 45%;


    opacity: 0;
}
/*Á¦ÀÛ»ó´ã*/
.gau_sec_03_right_01 {position: absolute; top: 0px; left: 0px; width: 100%; height:250px;
background-image: url(/images/main/gau_sec_03_right_01.jpg);
}

.txt_contact_01 {padding:52px 0 20px; text-align: center;  }
.txt_contact_02 {padding:0px 0 17px 0; text-align: center;  }


/*ÁÖ¿ä°í°´»ç*/
.gau_sec_03_right_02 {position: absolute; bottom: 0px; left: 0px; width: 285px; height:250px;
background-color: #dcdcdc
}
.left_label_01 {padding:33px 0 0 46px; text-align: left; }
.left_desc_01 {padding:10px 0 0 46px; text-align: left; }
.main_client {width: 195px; margin: 0 45px; padding:45px 0 0 0;   }
.main_client li {width: 195px!important; height: 52px; text-align: center;}
.main_client li img {width: 90%; height: auto;margin: 0 auto; display: block;}
.main_client .bx-controls .bx-pager {display: none;}
.main_client .bx-wrapper .bx-controls-direction a {
 width: 11px; height: 19px;
top: 50%; margin-top: -5px;
}
.main_client .bx-wrapper .bx-prev {
background-image:url(/images/main/arr_left.png);
background-repeat: no-repeat;
background-position: 0px 0px!important;
left: -11px;
}
.main_client .bx-wrapper .bx-next {
background-image:url(/images/main/arr_right.png);
background-repeat: no-repeat;
background-position: 0px 0px!important;
right:-11px;
}

.gau_sec_03_right_03 {position: absolute; bottom: 0px; right: 0px; width: 285px; height:250px;
background-color: #6a6a6a; text-align: left;
}

.main_board {width: 215px; padding:25px 35px 0 }
.main_board > div {width: 205px;
padding: 4px 0 4px 10px;
background-image:url(/images/main/main_dot.png);
background-repeat: no-repeat;
background-position: 0 center
}
.main_board > div:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.main_board > div a {max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; float: left; display: block; height: 14px; line-height: 14px; font-size: 12px;
color: #fff;
font-family:'³ª´®°íµñ',NanumGothic,'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important

}
.main_board > div a:hover {border-bottom: 1px solid #fff;}
.more_notice {position: absolute;top: 30px; right:30px; width: 30px; height: 30px; background-color: #949798;
background-image:url(/images/main/box_arr.png);
background-repeat: no-repeat;
background-position: center center;
text-indent: -9999px;
}

.gau_sec_03_right_03:hover .more_notice {background-color: #01b5cc}

.gau_sec_03_over_img {position: absolute;top: 0px; left: 0px; width: 100%; text-align: center;}
.gau_sec_04_wrap {width: 100%; background-color: #f4f6f8; z-index: 1100; border-bottom: 1px solid #e2e0df;}
.gau_sec_04_wrap * {z-index:1100 }

.gau_sec_04 {width: 1140px; margin: 0 auto;
position: relative;top: 0px; left: 0px; height: 350px;
}
.gau_sec_04_in {width: 1140px; height: 350px; position: absolute;top:0px;
left: 0px;
}
.gau_sec_04_in:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.gau_sec_04_left {width: 50%; float: left;
position: relative;top: 0px; left: 0px; height: 350px;
}
.gau_sec_04_left_bg {position: absolute;top: 0px; left: 0px; width: 100%; bottom: 0px;
background-image: url(/images/main/gau_sec_04_left_bg.jpg);
background-repeat: no-repeat;background-position: center center
}

.gau_sec_04_left_in {position: absolute;top: 0px; left: 0px; width: 100%; bottom: 0px;
text-align: center;
}


.gau_sec_04_right{width: 50%; float: left;
position: relative;top: 0px; left: 0px; height: 350px;
}
.gau_sec_04_right_in {position: absolute;top: 0px; left: 0px; width: 100%; bottom: 0px;
text-align: center; overflow: hidden;
}

.main_con_txt_03 {position: absolute;top:130px; left:0px; width: 100%; }
.main_con_txt_04 {position: absolute;top:180px; left:0px; width: 100%;
 font-family:'no400', 'Nanum Gothic',NanumGothic, 'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important; letter-spacing: -1px;
 font-size: 14px; color: #6e6e6e;font-family:'³ª´®°íµñ',NanumGothic,'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important\9;
}
.main_con_txt_04 br {display: none;}
.main_con_txt_04 span {color: #2d2d2d}
.main_con_txt_05 {position: absolute;top:238px; left:0px; width: 100%;
font-size: 12px; color: #464646; line-height: 20px;
}

.gau_sec_04_right_in .root_daum_roughmap {width: 100%!important; height: 350px!important}
.gau_sec_04_right_in .root_daum_roughmap .wrap_map {height: 350px!important; width: 100%;}
.gau_sec_04_right_in .root_daum_roughmap .wrap_controllers {display: none;}


/*ÇÏ´Ü*/
.footer_wrap {width: 100%; background-color: #fff; z-index: 1100;
 font-family:'no200', 'Nanum Gothic',NanumGothic, 'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important;font-family:'³ª´®°íµñ',NanumGothic,'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important\9;
}
.footer_wrap * {z-index:1100 }
.footer_cert_wrap {width: 100%; }
.footer_cert {width: 1200px; margin: 0 auto; padding: 35px 0;}
.footer_cert_in {width: 1200px; margin: 0 auto; text-align: center; font-size:0;}
.footer_cert_box {width: 20%; display: inline-block; }

.footer {background-color: #45474d;  width: 100%;}
.footer_top_wrap {width: 100%; border-bottom: 1px solid #fff;}
.footer_top {width: 1140px; margin: 0 auto; padding: 20px 0}
.footer_top:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.footer_top a {display: block; float: left; height: 11px; border-left: 1px solid #7c7d81;padding: 0 12px; font-size:12px; color: #fff;line-height: 11px;}
.footer_top a:hover {color: #00b5cc}
.footer_top a:first-child {border-left: none;}
.footer_bottom_wrap {width: 100%;}
.footer_bottom {width: 1140px; margin: 0 auto; padding: 25px 0}
.footer_txt_01 {line-height:24px; font-size: 12px; color: #fcf9f8;
padding: 0 7px;
}
.footer_txt_01 a {color: #fff600}
.footer_copy {line-height:24px; font-size: 12px; color: #fcf9f8; padding: 0 12px;}
.footer_txt_01 span {
    padding: 0 5px; background-image: url(/images/common/footer_line.jpg);
    background-repeat: no-repeat;
    background-position: 0 center;
}
.footer_txt_01 span:first-child {background-image: none;}




/*½ºÅ©·Ñ¾×¼Ç*/
.scroll_btn {width:174px; height: 86px; position: absolute;top: -200px; left: 50%; margin-left:-83px;


opacity: 0;height: 0px;
}
.scroll_btn a {display: block;}
.scroll_arr {width:27px; height: 25px; position: absolute;top: 30px; left: 50%; margin-left:-13px;


opacity: 0;height: 0px;
}

.scroll_btn a:focus {outline: none;background-color: transparent!important; }
.scroll_arr a:focus {outline: none;background-color: transparent!important; }


/*¸Þ´º*/
.header_all_wrap {width: 100%; position: fixed;top: 0px; left: 0px; z-index: 9999;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
filter: alpha(opacity=100)!important;
opacity: 1!important; background-color: transparent!important;
}
.header_wrap {width:100%; margin: 0 auto; max-width: 1140px;}
.header {width: 100%;position: relative;top: 0px; left: 0px; height: 99px; overflow: hidden;}
.logo {position: absolute;top: 38px; left: 27px; display: block; z-index: 9999}
.header .menu_wrap {padding:38px 0 0 220px;


opacity: 0;height: 60px; width: 1px; overflow: hidden;
}
.menu_wrap:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.header .menu_wrap > div { float: left; padding: 0 35px; }
.logo_on {display: none;}
.header_all_wrap.scroll {background-color: #fff!important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
filter: alpha(opacity=100)!important;
opacity: 1!important
}
.header_all_wrap.on {background-color: #fff!important}
.header_all_wrap.on .header {height: auto;}
.header_all_wrap.on .logo_on {display: block;}
.header_all_wrap.on .logo_off {display: none;}
.header_all_wrap.on .header .menu_wrap   {width: auto;}
.header_all_wrap.scroll .logo_on {display: block!important;}
.header_all_wrap.scroll .logo_off {display: none!important;}
.header_all_wrap.scroll .all_menu_btn span {background-color: #000!important}
.header_all_wrap.scroll .header_line {background-color: #666!important;
box-shadow: 0px 3px 8px #000;
}
.header .menu_wrap > div > a {display: block; font-size:20px;
color: #333; letter-spacing: -2px; font-family: 'no400';font-family:'³ª´®°íµñ',NanumGothic,'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important\9;
}
.header .menu_wrap > div:hover > a {color: #f47900}

.header .sub_menu_wrap {padding: 30px 0;}
.header .sub_menu_wrap > div > a {font-size: 13px; color: #333;line-height: 24px;
 font-family:'Nanum Gothic',NanumGothic, 'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important; border-bottom: 1px solid #fff;
}
.header .sub_menu_wrap > div:hover > a { color: #f47900; border-bottom: 1px solid #f47900;  }
.header .sub_menu_wrap .sub_menu_in {padding:5px 0; width: 100%;}
.header .sub_menu_wrap .sub_menu_in:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.header .sub_menu_wrap .sub_menu_in > a {display: block;float: left;line-height: 18px; font-size: 12px; color: #333; clear: both;
font-family:'Nanum Gothic',NanumGothic, 'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important;
background-image: url(/images/common/sub_menu_in.jpg);
background-repeat: no-repeat;
background-position: 0 center; padding-left: 10px;
white-space: nowrap;
}

.header .sub_menu_wrap .sub_menu_in > a:hover {
color: #59849a;  border-left: 5px solid #59849a; background-image: none;
}
.header_line {width: 0px; margin: 0 auto; height: 1px; background-color: #fff; position: relative;top: 0px; left: 0px;
}
.reset_menu_wrap {width: 1px; height: 1px;position: absolute;top: 0px; left: 0px; overflow: hidden;}
.reset_menu {position: absolute; border:0; padding:0; background:transparent;top: 0px; right: 10px; width: 1px; height: 1px; }
.header_line_light {width: 254px; height: 37px; bottom: 0px; margin-bottom: -18px; left: 0px;
position: absolute;
}
.all_menu_btn {width:45px; border:0; padding:0; background:transparent; cursor:pointer; height: 45px; position: absolute;top:28px; right: 45px;z-index: 9999
}
.all_menu_btn span {display: block;}
.bar_01 {width: 45px; height: 2px; background-color: #fff; position: absolute;top:9px; left: 0px; }
.bar_02 {width: 45px; height: 2px; background-color: #fff; position: absolute;top:21px; left: 0px; }
.bar_03 {width: 45px; height: 2px; background-color: #fff; position: absolute;top:33px; left: 0px; }

.scroll_skip_wrap {position: absolute;top: 0px; left: 0px; height: 1px; width:100%; z-index: 9000;

}
.scroll_skip {position: relative;top: 0px; right: 0px;  width: 1140px; margin: 0 auto; height: 1px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3; display: none;
}
.scroll_skip:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.scroll_right {position: absolute;top: 450px; right: -70px; width: 70px; height: 150px;}
.scroll_right a, .scroll_right button {width: 70px; border:0; padding:0; cursor:pointer; height: 70px; display: block; background-color: #c3c3c3;
background-repeat: no-repeat;
background-position: center center; text-indent: -9999px;
}
.scroll_top {background-image: url(/images/common/scroll_top.png);}
.scroll_bottom {background-image: url(/images/common/scroll_bottom.png); margin-top: 10px;}
.scroll_right a:hover, .scroll_right button:hover {background-color: #4e87c7}
.scroll_right a:focus, .scroll_right button:focus {background-color: #4e87c7}

.all_bg {position: fixed;top: 0px; left: 0px; background-color: #000; width: 100%; height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;display: none; z-index: 8000
}

/*¼­ºê ¿¬°áÁÖ¼Ò*/
.sub_all_wrap .sub_bread_wrap * {z-index: 1200}
.sub_all_wrap .sub_bread_wrap {z-index: 1200}
.sub_bread_wrap {width: 100%; height:50px; background-color: #8a9aad;}
.sub_bread {width: 1140px; margin: 0 auto; height: 50px; position: relative;top: 0px; left: 0px;}
.sub_bread_in {width: 100%; position: absolute;top: 0px; left: 0px; height: 50px;}
.sub_bread_in:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.sub_bread .go_home {display: block;float: left; height: 50px; line-height: 50px; border-left: 1px solid #bbc3cd; border-right: 1px solid #bbc3cd;
padding: 0 25px 0 55px; font-size: 13px; color: #fff;
background-image: url(/images/common/go_home.png);
background-repeat: no-repeat;
background-position: 30px center
}
.sub_bread .go_home:hover {background-color: #4e87c7}
.sub_bread_01_wrap {float: left;overflow: hidden; height: 50px;
position: relative;top: 0px; left: 0px;border-right: 1px solid #bbc3cd;
}
.sub_bread_01_wrap:hover {overflow: visible;}
.sub_bread_01 {float: left; position: relative;top: 0px; left: 0px; }
.sub_bread_01 > div {padding: 0 62px 0 25px; height: 50px; line-height: 50px;
background-color: #8a9aad; border-bottom: 1px solid #bbc3cd;
}
.sub_bread_01 > div:hover {background-color: #ff7f00}
.sub_bread_01 > div  a {color: #fff;}

.sub_bread_01 .sub_menu_wrap {display: none;}
.sub_bread .cate_btn {position: absolute;top: 14px; right: 20px; width: 22px; height: 22px;
background-image: url(/images/common/cate_btn.png);
background-repeat: no-repeat;text-indent: -9999px;z-index: 1300
}
.sub_02 .sub_bread_01  {top: -51px;}
.sub_03 .sub_bread_01  {top: -102px;}
.sub_04 .sub_bread_01  {top: -153px;}

.sub_01 .sub_bread .on .menu_01,
.sub_02 .sub_bread .on .menu_02,
.sub_03 .sub_bread .on .menu_03,
.sub_04 .sub_bread .on .menu_04,
.sub_05 .sub_bread .on .menu_05,
.sub_06 .sub_bread .on .menu_06,
.sub_07 .sub_bread .on .menu_07 {background-color: #4e87c7 }

.sub_01 .sub_bread .menu_01,
.sub_02 .sub_bread .menu_02,
.sub_03 .sub_bread .menu_03,
.sub_04 .sub_bread .menu_04,
.sub_05 .sub_bread .menu_05,
.sub_06 .sub_bread .menu_06,
.sub_07 .sub_bread .menu_07 { display: block; }

.sub_bread_02_wrap {float: left;overflow: hidden; height: 50px;
position: relative;top: 0px; left: 0px;border-right: 1px solid #bbc3cd;
}
.sub_bread_02_wrap:hover {overflow: visible;}

.sub_bread_02 {float: left; position: relative;top: 0px; left: 0px;}
.sub_bread_02 > div > a {display: none;}
.sub_bread_02 > div {display: none; }
.sub_bread_02 .sub_menu_wrap > div {
    padding: 0 62px 0 25px;
    height: 50px;
    line-height: 50px;
    background-color: #8a9aad;
    border-bottom: 1px solid #bbc3cd;
}
.sub_bread_02 .sub_menu_wrap > div:hover {background-color: #ff7f00}
.sub_bread_02 .sub_menu_wrap > div > a {color: #fff;}

.sub_bread_02 .sub_menu_wrap .sub_menu_in {display: none;}
.page_02 .sub_bread_02  {top: -51px;}
.page_03 .sub_bread_02  {top: -102px;}
.page_04 .sub_bread_02  {top: -153px;}
.page_05 .sub_bread_02  {top: -204px;}
.page_06 .sub_bread_02  {top: -255px;}
.page_07 .sub_bread_02  {top: -306px;}

.page_01 .sub_bread .on .sub_menu_01,
.page_02 .sub_bread .on .sub_menu_02,
.page_03 .sub_bread .on .sub_menu_03,
.page_04 .sub_bread .on .sub_menu_04,
.page_05 .sub_bread .on .sub_menu_05,
.page_06 .sub_bread .on .sub_menu_06,
.page_07 .sub_bread .on .sub_menu_07,
.page_08 .sub_bread .on .sub_menu_08  {background-color: #4e87c7 }

.page_01 .sub_bread .sub_menu_01,
.page_02 .sub_bread .sub_menu_02,
.page_03 .sub_bread .sub_menu_03,
.page_04 .sub_bread .sub_menu_04,
.page_05 .sub_bread .sub_menu_05,
.page_06 .sub_bread .sub_menu_06,
.page_07 .sub_bread .sub_menu_07,
.page_08 .sub_bread .sub_menu_08  {display: block; }


.sub_bread_03_wrap {float: left;overflow: hidden; height: 50px;
position: relative;top: 0px; left: 0px;border-right: 1px solid #bbc3cd;
}
.sub_bread_03_wrap:hover {overflow: visible;}
.sub_bread_03 {float: left; position: relative;top: 0px; left: 0px;}
.sub_bread_03 > div {display: none;}
.sub_bread_03 > div > a {display: none;}
.sub_bread_03 .sub_menu_wrap > div > a {display: none;}
.sub_bread_03 .sub_menu_wrap > div {display: none;}
.sub_bread_03 .sub_menu_in a {padding: 0 62px 0 25px;
    height: 50px;
    line-height: 50px;
    background-color: #8a9aad;
    border-bottom: 1px solid #bbc3cd; color: #fff;
}
.sub_bread_03 .sub_menu_in a:hover {background-color: #ff7f00}

.sub_bread_03 .sub_menu_in a {display: block;}
.sub_in_01 .sub_bread .on .sub_menu_in_01,
.sub_in_02 .sub_bread .on .sub_menu_in_02,
.sub_in_03 .sub_bread .on .sub_menu_in_03,
.sub_in_04 .sub_bread .on .sub_menu_in_04,
.sub_in_05 .sub_bread .on .sub_menu_in_05,
.sub_in_06 .sub_bread .on .sub_menu_in_06,
.sub_in_07 .sub_bread .on .sub_menu_in_07,
.sub_in_08 .sub_bread .on .sub_menu_in_08  {background-color: #4e87c7 }

.sub_in_02 .sub_bread_03  {top: -51px;}
.sub_in_03 .sub_bread_03  {top: -102px;}
.sub_in_04 .sub_bread_03  {top: -153px;}
.sub_in_05 .sub_bread_03  {top: -204px;}
.sub_in_06 .sub_bread_03  {top: -255px;}
.sub_in_07 .sub_bread_03  {top: -306px;}
.sub_in_08 .sub_bread_03  {top: -357px;}

.sub_bread_03_wrap {display: none;}
.sub_in .sub_bread_03_wrap {display: block;}


/*¼­ºê*/
#wrap.sub {padding-top: 450px;}
.bg_all_wrap {width: 100%;
position: fixed; top: 0px; left: 0px; z-index: -1; background-color:#040807
}
.bg_all_wrap * {z-index: 1000}
.sub_bg_wrap {width: 100%; height: 450px;
background-repeat: no-repeat;background-position: center bottom;
background-size: 2000px auto;


opacity: 0; min-width: 1140px;
}
.sub_bg {width: 1140px; margin: 0 auto;position: relative;top: 0px; left: 0px;}
.bg_01_01 .sub_bg_wrap {background-image: url(/images/sub/bg_01_01.jpg);}
.bg_02_01 .sub_bg_wrap {background-image: url(/images/sub/bg_02_01.jpg);}
.bg_03_01 .sub_bg_wrap {background-image: url(/images/sub/bg_03_01.jpg);}
.bg_04_01 .sub_bg_wrap {background-image: url(/images/sub/bg_04_01.jpg);}



.sub_bg_txt_01 {


opacity: 0;
}
.sub_bg_txt_02 {


opacity: 0;
}

.bg_all_wrap .sub_bg_txt_01 {position:absolute;left: 27px; top:230px; }
.bg_all_wrap .sub_bg_txt_02 {position:absolute;left: 27px; top:275px; }


.sub_all_wrap {width: 100%; z-index: 1100; background-color: #fff
}
.sub_all_wrap * {z-index:1100 }
.sub .scroll_right {right: -80px;}
.sub .footer_wrap {border-top: 1px solid #e2e0df}

/*¼­ºê1-1*/
.sub_wrap {width: 100%;}
.sub_con {width: 1140px; margin: 0 auto; height: 100%;}
.sub_con:after { content:""; display: block; clear: both;}
.sub_con_01 {width: 100%; height: 250px;
position: relative;top: 0px; left: 0px; overflow: hidden;
}
.sub_con_txt_01 {position: absolute;top: 70px; left: 0px; width: 100%;
font-size:65px; color: #373737; text-align: center;letter-spacing: -5px;


opacity: 0;
}
.sub_con_txt_02 {position: absolute;top: 170px; left: 0px; width: 100%;
font-size: 16px; line-height:20px; color: #57606b; text-align: center; letter-spacing: -1px;


opacity: 0;
}

.sub_con_box_01 {width: 1106px; border: 1px solid #ddd; background-color: #f6f6f6;
padding: 40px 16px;
}
.sub_con_box_01:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.sub_con_box_33 {float: left;width: 33.333%;}
.circle_box_wrap {width:240px; height: 240px; margin: 0 auto; position: relative;top: 0px; left: 0px;
 overflow: hidden;
}
.circle_box {position: absolute;top:240px; left: 0px; width: 240px; height: 240px; background-color: #f6f6f6;
border-radius: 240px;


opacity: 0;
}

.circle_box:hover {
border-radius: 0px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}

.circle_box_01 {text-align: center;font-size:36px; line-height: 36px; color: #fff;
position: absolute;top:80px; left: 240px; width: 100%;
font-family: 'no400'; letter-spacing: -3px;


opacity: 0;font-family:'³ª´®°íµñ',NanumGothic,'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important\9;
}
.circle_box_02 {text-align: center;font-size:18px; line-height: 20px; color: #444;
position: absolute;top:170px; left: 0px; width: 100%;
font-family: 'no400'; letter-spacing: -2px;


opacity: 0;font-family:'³ª´®°íµñ',NanumGothic,'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important\9;
}
.circle_box_desc {font-size:14px; line-height: 18px; letter-spacing: -1px; color: #666;
font-family: 'no400'; text-align: center;padding-top:18px;font-family:'³ª´®°íµñ',NanumGothic,'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif\9;
}


.sub_con_02 {width: 100%;}
.sub_01_01_con {padding:70px 53px; }
.left_img_box  {min-height: 107px; padding-left:147px; background-repeat: no-repeat;}
.left_img_box2  { padding:0 0 20px 0;}
.left_img_box_txt_01 {font-size:18px; line-height: 20px; padding:10px 0 15px;
color: #333; letter-spacing: -1px;
}
.left_img_box_txt_02 {font-size: 13px; line-height: 18px; color: #666; }

.left_img_box_01 {background-image: url(/images/sub/left_img_box_01.jpg);}
.left_img_box_02 {background-image: url(/images/sub/left_img_box_02.jpg);}
.left_img_box_03 {background-image: url(/images/sub/left_img_box_03.jpg);}
.left_img_box_04 {background-image: url(/images/sub/left_img_box_04.jpg);}
.left_img_box_05 {background-image: url(/images/sub/left_img_box_05.jpg);}
.left_img_box_06 {background-image: url(/images/sub/left_img_box_06.jpg);}


/*¼­ºê 1-2*/
.sub_con_box_50 {width: 50%; float: left;}
.sub_con_box_50.box_left {position: relative;top: 0px; left: 0px; height:300px;}
.mobile_img_wrap {width: 471px; height: 404px; position: absolute;top: -92px; left: 70px;
overflow: hidden;
}
.mobile_img_wrap > div {position: absolute;


    opacity: 0;
}

.mobile_img_01 {top: 0px; left: 0px;}
.mobile_img_02 {top: 0px; left: -20px;}
.mobile_img_03 {top: -60px; left: 0px;}
.mobile_img_04 {top: 0px; left: 400px;}
.mobile_img_05 {top: 0px; left: 400px;}
.mobile_img_06 {top: 500px; left: 0px;}

.mobile_img_06_in {width: 221px; height: 404px; position: relative;top: 0px; left: 0px; }
.mobile_img_06_in > img {position: absolute;top: 0px; left: 0px; z-index: 999;}
.mobile_img_06_in > iframe {
position: absolute;
top: 50%;
left: 50%;
width: 340px;
height: 520px;
z-index: 1000;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
margin-left: -170px;
margin-top: -273px;
}
.sub_01.page_02 .left_img_box_01 {background-image: url(/images/sub/left_img_box2_01.jpg);}
.sub_01.page_02 .left_img_box_02 {background-image: url(/images/sub/left_img_box2_02.jpg);}
.sub_01.page_02 .left_img_box_03 {background-image: url(/images/sub/left_img_box2_03.jpg);}

/*¼­ºê 1-3*/

.icon_plus {width:276px; height: 276px; background-color: #4e87c7; font-size: 72px; line-height: 57px; text-align: center;
color: #fff; border-radius: 300px;font-weight: bold; position: absolute;top: -14px; left: 50%;
 margin-left: -138px;


    opacity: 0;
}

.monitor {width: 300px; height: 284px; position: absolute;top: 20px; left: 100px;
overflow: hidden;
}
.monitor > div {position: absolute;


    opacity: 0;
}

.monitor_img_01 {top: 500px; left: 0px;}
.monitor_img_02 {top: 0px; left: 0px;}
.monitor_img_03 {top: 0px; left: 0px;}


.sub_con_repair {width: 550px; position: relative;top: 0px; left: -77px;}
.sub_con_repair:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.circle_04 {width: 275px; float: left;}
.circle_05 {width: 275px; float: right;}

.sub_con_repair .circle_box {top: 0px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}

.circle_04 .circle_box {background-color: #7fc74e;
right: 275px; left: auto;
}
.circle_05 .circle_box {background-color: #4ea9c7;
left: 275px;
}

.sub_con_repair > .circle_box_desc {float: left;width: 100%;}

.sub_01.page_03 .sub_con_box_01.active .monitor_img_02 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"!important;
    filter: alpha(opacity=0)!important;
    opacity: 0!important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
}

.sub_01.page_03 .sub_con_box_01.active .monitor_img_03 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
filter: alpha(opacity=100)!important;
opacity: 1!important;
-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
}

.sub_01.page_03 .left_img_box_01 {background-image: url(/images/sub/left_img_box3_01.jpg);}
.sub_01.page_03 .left_img_box_02 {background-image: url(/images/sub/left_img_box3_02.jpg);}
.sub_01.page_03 .left_img_box_03 {background-image: url(/images/sub/left_img_box3_03.jpg);}


/*¼­ºê 1-4*/

.sub_01.page_04 .circle_04 .circle_box {background-color: #c79c4e;
}
.sub_01.page_04 .circle_05 .circle_box {background-color: #c74e74;
}


.chart {width: 477px; height: 313px; position: absolute;top: 27px; left: 23px;
overflow: hidden;
}
.chart > div {position: absolute;


    opacity: 0;
}

.chart_img_01 {top: 0px; left: 0px;}
.chart_img_02 {top: 0px; left: -100px;}
.sub_01.page_04 .left_img_box_01 {background-image: url(/images/sub/left_img_box4_01.jpg);}
.sub_01.page_04 .left_img_box_02 {background-image: url(/images/sub/left_img_box4_02.jpg);}



/*Æ÷Æ®Æú¸®¿À*/
.sub_pp_top_wrap {width: 100%;}
.sub_pp_top_wrap:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.sub_pp_top_wrap a {display: block;float: left;border-left:1px solid #969696;width: 124px;height: 45px;line-height: 45px;background-color: #7c7c7c;text-align: center;color: #fff;font-size: 18px;letter-spacing: -2px;position: relative;top: 0px;left: 0px;}
.sub_pp_top_wrap a.active {background-color: #17a2f1}
.sub_pp_top_wrap a:hover {background-color: #17a2f1}
.sub_pp_top_wrap a:first-child {border-left: none;}

.sub_pp_top_wrap a.active span {width:13px; height: 8px; position: absolute;bottom: -1px; left: 50%; margin-left: -7px;
background-image: url(/images/sub/pp_arr.png); background-repeat: no-repeat;z-index: 1200
}

.sub_02 .pp_con {border-top: 1px solid #e2e0df}

#view_top {position: absolute;bottom:99px;height: 1px; width: 100%;  }

.view_wrap {border: 1px solid #e2e0df; width:1078px; margin: 0 auto 100px; padding:37px 30px 100px; }
.view_in_top {width: 100%; border-bottom: 1px solid #e2e0df;}
.view_in_top:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.view_info_wrap {width: 845px; float: left; height: 153px;}
.view_control {width:232px; float: right;border-left: 1px solid #e2e0df; height: 153px;}
.view_con_wrap {padding: 30px;
font-family:'³ª´®°íµñ', 'Nanum Gothic',NanumGothic, 'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important; letter-spacing: 0px;
}

.view_info_title {font-size: 40px; color: #373737; letter-spacing: -3px;
padding-top:25px;
}

.view_info {padding-top: 20px;}
.view_info_in {font-size:12px;color: #666;
 font-family:'³ª´®°íµñ', 'Nanum Gothic',NanumGothic, 'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important; letter-spacing: 0px;
 line-height: 18px;
}
.view_info_in span {font-size: 12px; color: #2a2a2a; font-weight: bold;padding-right: 10px;}
.view_info_in a {color: #666;}
.view_info_in a:hover {color: #2c99d8; border-bottom: 1px solid #17a2f1;}
.view_control_top {height: 79px; border-bottom: 1px solid #e2e0df; width: 100%;}
.view_control_top:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.view_control_top a {display: block; float: left; width: 50%; background-position: center center; background-color: #fff;
background-repeat: no-repeat;text-indent: -9999px; height: 79px;
}

.view_page_prev {background-image: url(/images/sub/view_page_prev.png);}
.view_page_next {background-image: url(/images/sub/view_page_next.png);}

.view_page_prev:hover {background-image: url(/images/sub/view_page_prev_on.png); background-color: #ff9833}
.view_page_next:hover {background-image: url(/images/sub/view_page_next_on.png);background-color: #ff9833}
.view_control_bottom a {display: block; height: 73px; background-image: url(/images/sub/view_control_bottom.png);
background-repeat: no-repeat;background-position: 85px center; padding-left:125px; color: #57606b; font-size: 18px;line-height: 73px;

}
.view_control_bottom a:hover {background-color:#57606b;background-image: url(/images/sub/view_control_bottom_on.png);color: #fff;}





/*°Ô½ÃÆÇ*/

.board_con {
    width: 1138px;
    margin: 0 auto;
    border-left: 1px solid #e2e0df;
    border-right: 1px solid #e2e0df;
    overflow: hidden;
    margin-bottom: -1px;
    position: relative;
    top: 0px;
    left: 0px;
    border-top: 1px solid #e2e0df;
     font-family:'³ª´®°íµñ', 'Nanum Gothic',NanumGothic, 'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important; letter-spacing: 0px;
}

.board_con_box_wrap {
    width: 1140px;
    position: relative;
    top: 0px;
    left: 0px;
}
.board_con_box_wrap:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.board_con_box {
    display: block;
    float: left;
    width: 234px;
    border: 1px solid #e2e0df;
    margin-left: -1px;
    margin-top: -1px;
    height: 303px;
    padding: 40px 25px 25px;
    position: relative;
    top: 0px;
    left: 0px;
    overflow: hidden;
}
.board_con_box span {display: block;}

.bc_yym {font-size:18px; color: #000; height: 25px; line-height: 25px;}
.bc_day {font-size: 60px; color: #000; font-weight: bold; text-indent: -6px; height: 70px; line-height: 70px;}
.bc_title {font-size:14px; color: #000; font-weight: bold;height: 20px; line-height: 20px; padding: 15px 0}
.bc_desc {font-size: 12px; color: #666; line-height: 18px;}

.first_wrap a:nth-child(2n+1) {background-color: #f9f9f9}
.second_wrap a:nth-child(2n) {background-color: #f9f9f9}

.board_con_box:hover .bc_yym {color: #ca2626}
.board_con_box:hover .bc_day {color: #ca2626}
.board_con_box:hover .bc_title {color: #ca2626}




/*ÆäÀÌ¡*/
.list_page_wrap {
    width: 100%;
    padding-bottom: 100px;
}
.page_wrap {width: 100%; text-align: center; padding: 40px 0 50px;}
.page_wrap span {display: inline-block;}
.page_num {margin: 0 10px;}
.page_num a {display: inline-block; width: 34px; height: 34px;background-image: url(/images/common/page_bg.jpg);
background-repeat: no-repeat;line-height: 34px;color: #666; margin: 0 2px;
}
.page_num strong {display: inline-block; width: 34px; height: 34px;background-image: url(/images/common/page_bg.jpg);
background-repeat: no-repeat;line-height: 34px;color: #666; margin: 0 2px; color: #fe434c; font-weight: bold;
}

.page_wrap a {display: inline-block; height: 34px; line-height: 34px; color: #666;margin: 0 2px;}




/*ÀÚÁÖÇÏ´ÂÁú¹®*/

.qna_wrap {width: 100%;
font-family:'³ª´®°íµñ', 'Nanum Gothic',NanumGothic, 'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important;
border-top: 1px solid #e5e5e5;
}
.qna_box {width: 100%;}
.q_box {width: 1138px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;
position: relative;top: 0px; left: 0px;
}
.q_box:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.q_cate {position: absolute;top: 0px; left: 0px; width:119px; height:105px; line-height: 105px; font-size:12px; color: #666;
text-align: center;
background-image: url(/images/sub/q_cate.jpg);
background-repeat: no-repeat;
background-position:right center;
}
.q_txt {padding:40px 136px 32px 170px; font-size: 24px; color: #000; letter-spacing: -1px; font-weight: 500;
background-image: url(/images/sub/q_txt.png);
background-repeat: no-repeat;
background-position:150px 47px;
}

.q_box > a {display: block; position: absolute;top: 0px; right: 0px; width:104px; bottom: 0px; border-left: 1px solid #e5e5e5 }
.a_box_all_wrap {width: 100%; overflow: hidden; height: 0px;

}
.a_box_wrap {width: 100%;}
.abox { width: 900px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;
background-color: #f9f9f9; padding: 30px 90px 60px 148px;
}
.abox_label {line-height: 20px; font-size: 14px; font-weight: bold; color: #000; padding: 10px 0 16px 25px;
background-image: url(/images/sub/abox_label.png);
background-repeat: no-repeat;
background-position:0px 13px;
}
.abox_desc {padding: 0 0 0 25px; line-height: 18px;}

.q_open {display: block;height: 100%; width: 100%; background-position: center center;
background-repeat: no-repeat;background-image: url(/images/sub/q_open.png);
text-indent: -9999px;
}

.q_close {display: none;height: 100%; width: 100%; background-position: center center;
background-repeat: no-repeat;background-image: url(/images/sub/q_close.png);
text-indent: -9999px;
}

.qna_box.selected .q_open {display: none;}
.qna_box.selected .q_close {display: block;}

.qna_box.selected .q_box > a {background-color: #ff9833}

.on_table_wrap {font-family:'³ª´®°íµñ', 'Nanum Gothic',NanumGothic, 'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important;
width: 100%; padding-bottom: 50px;
}
.on_table_wrap table {border-top: 3px solid #333; table-layout: fixed;}
.on_table_wrap table td {padding: 6px 10px; border: 1px solid #e5e5e5}
.on_table_wrap table th {padding: 10px 35px; border: 1px solid #e5e5e5; font-size: 14px; color: #2f2f2f}
.on_table_wrap table th span {font-size: 12px ; color: #666; font-weight: normal; padding-left: 10px;}
.online_input_01 {border: 1px solid #ccc; padding: 5px; width: 330px; margin: 2px; background-color: #fff;}
.online_input_02 {border: 1px solid #ccc; padding: 5px; width: 200px;margin: 2px;background-color: #fff;}
.online_input_03 {border: 1px solid #ccc; padding: 5px; width: 80px;margin: 2px;background-color: #fff;}
.online_select_01  {border: 1px solid #ccc; padding: 4px 5px;margin: 2px;background-color: #fff;}
.online_select_02  {border: 1px solid #ccc; padding: 4px 5px; width: 80px;margin: 2px;background-color: #fff;}

.online_txt_01 {font-size: 12px; color: #666; padding-left: 10px;}
.on_bg {background-color: #f9f9f9}

.on_table_wrap table .on_qna td {padding: 0px 15px; border-left: none;}
.on_table_wrap table .on_qna th {padding: 0px; border-right: none;}
.on_qna .q_box {border: none; width: 100%; padding: 10px 0}
.on_qna .q_txt {float: left; padding:10px 10px 10px 25px; line-height: 18px;font-size: 12px; letter-spacing: 0px; font-weight: normal;
background-position: 0px 11px;
}
.on_qna .abox {
    background-color: transparent;
    padding: 0px;
    border: none; width: 100%; padding: 10px 0 50px;
}
.on_qna .q_box > a {width:17px; height: 17px; position: relative; border-left: none; bottom: auto;float: left;padding: 10px;}



.on_qna .q_open {background-image: url(/images/sub/q_open2.jpg);
}
.on_qna .q_close {background-image: url(/images/sub/q_close2.jpg);
}
.on_qna .qna_box.selected .q_box > a {background-color: transparent;}

.online_desc {padding: 10px 5px;line-height: 18px; }

.online_desc a {color: #2093dc; border-bottom: 1px solid #2093dc;}

.on_area_01 {border: 1px solid #ccc; padding: 5px; width: 96%; height:140px; max-width: 96%; }
.on_area_02 {border: 1px solid #ccc; padding: 5px; width: 96%; height:140px; max-width: 96%; resize: none; }

.on_txt_01 {padding: 10px 0}


.on_captcha {padding: 10px 0;}
.on_captcha span {font-size:30px; font-weight: bold;color: #000;  }

.on_btn_wrap {width: 100%; padding-bottom: 50px;}
.on_btn {width:262px; height: 47px; margin: 0 auto; }
.on_btn:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.on_btn a {display: block;float: left; width: 131px; height: 47px;
line-height: 47px; font-size:18px; color: #fff; text-align: center;
}
.on_btn_ok {background-color: #17a2f1}
.on_btn_cancel {background-color: #7c7c7c}

.on_table_wrap table .red_txt th {color: #fe434c}
.on_table_wrap table .red_txt td span {color: #fe434c}

.ip_search a {color: #fe434c; border-bottom: 1px solid #fe434c}

.chk_wrap {padding-right: 5px;}
 label {
    font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important
}

/*°¡¿ìÅ×Å© ¼Ò°³*/
.sub_04.page_01 .sub_pp_top_wrap > a:first-child {width: 180px;}


.img_wrap_01 {width:100%; height: 447px; position: relative;top: 0px; left: 0px; }
.img_wrap_02 {width:100%; height: 506px; position: relative;top: 0px; left: 0px; }
.img_wrap_bg {position: absolute;top: 0px; left: 0px; width: 100%; bottom: 0px;}
.img_wrap_bg img {display: none;}
.img_wrap_01 .img_wrap_bg{
background-image: url(/images/sub/img_wrap_04_01_01_bg.jpg);
}
.img_wrap_02 .img_wrap_bg{
background-image: url(/images/sub/img_wrap_04_01_02_bg.jpg);
}

.img_wrap_txt_wrap  {position: absolute;top: 95px; left: 80px;
}

.img_wrap_txt_01 {padding-bottom:30px; overflow: hidden;}

.img_wrap_txt_02 {


opacity: 0;
padding-top: 100px;
}


.img_wrap_01 .img_wrap_txt_01 img {width:447px; max-width: 447px;}
.img_wrap_02 .img_wrap_txt_01 img {width:471px; max-width: 471px;}
.img_wrap_02 .img_wrap_txt_wrap {top: 117px;left: 364px;}

.normal_txt {padding: 30px; font-size: 13px; color: #000; line-height:18px;
font-family:'³ª´®°íµñ', 'Nanum Gothic',NanumGothic, 'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important;
}

.cp_wrap_01 {width: 100%;}
.cp_wrap_01:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.cp_50 {width: 50%; float: left;}
.policy_wrap {width:467px; height: 473px; position: relative;top: 0px; left: 0px;
overflow: hidden;margin: 50px 0 0 50px;
}

.policy_wrap > div {position: absolute; width: 229px; height: 229px;}
.policy_wrap > .policy_03 {width: 230px; height: 230px;}

.policy_01 {top: 0px; left: 0px;}
.policy_02 {bottom: 0px; left: 0px;}
.policy_03 {right: 0px; bottom: 0px;}
.policy_04 {right: 0px; top: 0px;}

.cp_box_wrap {padding: 70px 0 0 70px;}
.cp_box {padding-bottom: 30px;}

.history_wrap {width:978px; height: 889px; margin: 50px auto 0;
position: relative;top: 0px; left: 0px; overflow: hidden;
}

.his_block_01 {
    width: 978px;
    height: 213px;
    background-color: #fff;
    position: absolute;
    top: 448px;
    left: 0px;
}

.his_block_02 {
    width: 978px;
    height: 239px;
    background-color: #fff;
    position: absolute;
    top: 209px;
    left: 0px;
}

.his_block_03 {
    width: 978px;
    height: 209px;
    background-color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
}
.team_wrap {width: 100%; height: 595px; position: relative;top: 0px; left: 0px;}
.team_bg {width:1138px; height: 595px;
background-image: url(/images/sub/team_bg.jpg);
background-repeat: no-repeat; position: absolute;top: 0px; left: 0px;
}

.team_all_wrap {width: 1138px; border-left: 1px solid #e2e0df; border-top: 1px solid #e2e0df; border-right: 1px solid #e2e0df;}
.team_img {position: absolute;top: 133px; left: 87px;}


.sub_04.page_01 .left_img_box_01 {background-image: url(/images/sub/left_img_team_01.jpg);}
.sub_04.page_01 .left_img_box_02 {background-image: url(/images/sub/left_img_team_02.jpg);}
.sub_04.page_01 .left_img_box_03 {background-image: url(/images/sub/left_img_team_03.jpg);}
.sub_04.page_01 .left_img_box_04 {background-image: url(/images/sub/left_img_team_04.jpg);}
.sub_04.page_01 .left_img_box_05 {background-image: url(/images/sub/left_img_team_05.jpg);}


/*Áöµµ*/

.map_all_wrap {width:1020px; margin: 0 auto;}

.map_label_wrap { width: 100%; padding-bottom: 20px;}

.map_label {font-size:24px; color: #333; line-height: 30px;font-family:'no400'; letter-spacing: -2px;font-family:'³ª´®°íµñ',NanumGothic,'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important\9;}
.map_desc {font-size: 13px; line-height: 18px; color: #333; padding-top: 15px;}
.map_wrap .root_daum_roughmap {width: 100%!important}


/*ä¿ë¾È³»*/
.job_all_wrap {width: 1138px; border-left: 1px solid #e2e0df; border-top: 1px solid #e2e0df; border-right: 1px solid #e2e0df;
background-image: url(/images/sub/job_all_wrap.jpg);
background-repeat: no-repeat;height:439px;
}

.job_wrap {width: 932px;padding-top: 110px; margin: 0 auto;}
.job_wrap:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.job_box {width: 233px; float: left;}
.job_img {width: 100%; position:relative;top: 0px; left: 0px;
height: 110px; overflow: hidden;
}

.job_img_in {position: absolute;top: 0px; left: 0px; text-align: center;width: 100%;}


.job_txt {width: 100%; position:relative;top: 0px; left: 0px;
height: 30px; margin-top: 30px;
}

.job_txt_in {position: absolute;top: 0px; left: 0px; text-align: center;width: 100%;


opacity: 0;
}

.job_desc { width: 100%;padding-top: 10px; text-align: center;
font-family:'³ª´®°íµñ', 'Nanum Gothic',NanumGothic, 'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important;
color: #333; line-height: 18px;


opacity: 0;
}

.sub_04.page_03 .left_img_box_01 {background-image: url(/images/sub/left_img_job_01.jpg);}
.sub_04.page_03 .left_img_box_02 {background-image: url(/images/sub/left_img_job_02.jpg);}
.sub_04.page_03 .left_img_box_03 {background-image: url(/images/sub/left_img_job_03.jpg);}

.left_img_box_txt_02 span {
    font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important;
}



/*°í°´»ç*/
.lazy_wrap {width: 100%;}
.lazy_wrap:after {
    content: "ÀÓ½Ã";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.client_box {width: 215px; float: left;height:100px; border-bottom: 1px solid #e2e0df; vertical-align: middle; text-align: center;
padding-top: 40px;
}

.client_box > div {}


#faq_layer table {border-top: none!important;}
#faq_layer table th {display: none;}
#faq_layer table td {border: none!important;}













/*Æ˾÷*/
.seok_popup {width:680px; height: 309px;position: fixed; top: 200px; right: 100px; z-index: 12000;
font-family:'³ª´®°íµñ', 'Nanum Gothic',NanumGothic, 'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif !important;
font-size: 11px; cursor: move; box-sizing:border-box;
}
.seok_popup_wrap {width: 470px; height: 309px; position: relative;top: 0px; left: 0px;z-index: 12000}
.s_p_left {width:290px; position: absolute;top: 4px; left: 0px;z-index: 10000; height: 300px;
background-image: url(/images/common/s_p_left.png);
background-repeat: no-repeat;padding:60px 30px 0 60px;
background-size:auto 100%; box-sizing:border-box;
}
.s_p_left_img { font-size:0;}
.s_p_left_img>p { display:inline-block; vertical-align: middle; letter-spacing: -1px; font-size: 12px; margin-bottom:20px; word-break:keep-all;}
.s_p_left_img>p>span {color: #d23232}

.s_p_right {width:147px; height: 255px; position: absolute;top: 0px; right: 13px;z-index: 11000;
background-image: url(/images/common/s_p_right.png);
background-repeat: no-repeat;padding:54px 15px 0 15px
}
.s_p_right_input_01 {width: 100%; padding-bottom: 5px;}
.s_p_right_input_01 textarea {width: 133px; border: 1px solid #ccc; padding: 5px; height: 90px; resize: none; max-width: 133px;}
.s_p_right_input_02 {width: 100%; padding-bottom: 5px;}
.s_p_right_input_02 input {width: 133px;border: 1px solid #ccc; height: 20px; line-height: 20px; padding: 3px 5px;}
.s_p_left_txt {padding-left: 5px; width: 100%; letter-spacing: -1px; font-size: 12px; padding-top: 6px;}
.s_p_left_txt span {color: #d23232}
.s_p_right_input_03 {width: 147px; padding: 5px 0 10px;}
.s_p_right_input_03:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.s_p_check_box {float: left;width:20px; }
.s_p_check_box_label {float: right;width: 127px; color: #fff;}
.s_p_check_box_label a {color: #fffc00; border-bottom: 1px solid #fffc00;}


.s_p_submit_btn {width:90px; background:transparent; padding:0; cursor:pointer; font-family:inherit; text-align: center; height: 22px; line-height: 22px; border: 1px solid #fff; margin: 0 auto; display: block;
font-size: 12px; color: #fff;
}

.s_p_right_close_btn {width: 29px; border:0; padding:0; background-color:transparent; cursor:pointer; height: 30px; display: block;position: absolute;top: 10px; right: 0px; z-index: 12000;
background-image: url(/images/common/s_p_right_close_btn.png);
background-repeat: no-repeat;
text-indent: -9999px;
}

/*Ãß°¡*/
.m_con_box_wrap {display: none;}
.sub_particle_wrap {display: none;}
.history_wrap2 {display: none;}