@charset "UTF-8";

/* SETTING */
*{margin:0;padding:0;border:0;outline:0}
html,body{font-family:'nanum_gothic',sans-serif;font-weight:400;letter-spacing:-1px;-webkit-text-size-adjust:100%}
ul,ol,dl{list-style:none; font-family:'nanum_gothic';}
a{text-decoration:none;}
blockquote,q{quotes:none}
blockquote:before,blockquote::after,q::before,q::after{content:'';content:none}
table,table tr,table td{border:0;border-collapse:collapse;border-spacing:0}
.blind,legend,caption{display:block;overflow:hidden;position:absolute;top:0;left:-1000em}
.cf::after{clear:both;display:block;content:""}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/**{margin:0; padding:0;  }
ol,ul,li { margin:0; padding:0; list-style:none; }
a { text-decoration:none;}
#wrap {  width:100%; }*/
/*header*/

@import url(http://fonts.googleapis.com.earlyaccess/nanumgothic.css);

/* FONT */
@font-face{font-family:'nanum_gothic';src:url(/font/NanumSquareL.eot);src:local(※),url(/font/NanumSquareL.woff) format("woff");font-weight:300}
@font-face{font-family:'nanum_gothic';src:url(/font/NanumSquareR.eot);src:local(※),url(/font/NanumSquareR.woff) format("woff");font-weight:400}
@font-face{font-family:'nanum_gothic';src:url(/font/NanumSquareB.eot);src:local(※),url(/font/NanumSquareB.woff) format("woff");font-weight:500}
@font-face{font-family:'nanum_gothic';src:url(/font/NanumSquareEB.eot);src:local(※),url(/font/NanumSquareEB.woff) format("woff");font-weight:600}
@font-face{font-family:'barun_gothic';src:url(/font/GothicUltraLight.eot);src:local(※),url(/font/GothicUltraLight.woff) format("woff");font-weight:300}
@font-face{font-family:'barun_gothic';src:url(/font/BarunGothicLight.eot);src:local(※),url(/font/BarunGothicLight.woff) format("woff");font-weight:400}
@font-face{font-family:'barun_gothic';src:url(/font/BarunGothic.eot);src:local(※),url(/font/BarunGothic.woff) format("woff");font-weight:500}

*{font-family:'nanum_gothic';}

/*고정 텍스트*/
h1 {font-size:55px;line-height:66px;font-weight:300;}
h2 {font-size:35px;line-height:60px;font-weight:bold;}
h3 {font-size:27px;line-height:45px;font-weight:bold;}
h4 {font-size:23px;line-height:36px;font-weight:bold;}
h5 {font-size:23px;line-height:40px;font-weight:300;}
h6 {font-size:20px;line-height:30px;font-weight:300;}


/*도입상담신청팝업*/
.intro_popup_wrap {background:rgba(0,0,0,0.5);width:100%;height:100%;margin:0 auto; position:fixed; z-index:999999;
    display:none; top:0; left:0;}
.intro_popup { background:#fff;width:739px; height:850px; margin:0 auto; position:absolute; z-index:99999999; top:50%; left:50%;
                   transform:translate(-50%,-50%);
                   box-shadow: 3px 3px 8px rgba(0,0,0,0.2); padding:39px 0 39px 59px; border:1px solid #222;}
.intro_popup h2 { text-align:center;}
.intro_popup table { margin-top:30px; width:100%; }
.intro_popup table input {font-size:20px;font-weight:400; }
.intro_popup table input::placeholder {color:#8a8a8a; font-weight:400;}
.intro_popup table select {font-size:20px; color:#8a8a8a;font-weight:400; width:87%; }
.intro_popup tr {height:50px; line-height:50px; }
.intro_popup td {border-bottom:1px solid #cacaca; font-size:20px;}
.intro_popup td:nth-of-type(1) {border:0;font-weight:bold;width:25%;}
.intro_popup td span {color:#e75204;font-size:14px;}
.intro_popup .apply_more {background:#f9f9f9;width:660px;height:175px; border:1px solid #cacaca; margin-top:40px;
    overflow:scroll;}
.intro_popup .apply_more h2 {width:600px;margin-left:20px;  color:#222; font-size:18px; font-weight:bold; margin-top:0px; text-align:left; }
.intro_popup .apply_more p { width:600px;margin-left:20px; color:#666; font-size:16px; line-height:25px;font-weight:400; }
.intro_popup .apply_more h4  {width:600px;margin-left:20px; margin-top:15px; color:#222; font-size:18px; font-weight:500; text-align:left; }
.check_p {font-size:18px;margin-top:15px; }
.cancel_btn { background:#888; width:325px; height:60px;float:left;margin-right:10px; margin-top:40px; cursor:pointer;}
.cancel_btn a {color:#fff;font-size:22px;font-weight:bold;}
.apply_btn {background:#e75204; width:325px; height:60px;float:left;margin-top:40px; cursor:pointer;}
.apply_btn a {color:#fff;font-size:22px;font-weight:bold;}

/*매경복지상담신청 팝업*/
.welfare_popup_wrap {background:rgba(0,0,0,0.5);width:100%;height:5950px;position:absolute;z-index:999;display:none;}
.welfare_popup {background:#fff; width:920px;height:auto;margin:0 auto;position:fixed;top:30%;left:24%;padding:40px;}
.welfare_popup_top {width:100%;display:flex;justify-content:space-between;align-items:flex-start;height:45px;border-bottom:1px solid #888;}
.welfare_popup_top h5 {color:#222;font-size:24px;font-weight:600;}
.welfare_popup_top span {color:#e9631d;font-weight:500;}
.welfare_popup_top img {cursor:pointer;}
.welfare_popup table {width:100%;margin-top:40px;}
.welfare_popup table tr {border-bottom:1px solid #c3c3c3;height:50px;text-align:center;color:#666;font-size:22px;font-weight:400;}
.welfare_popup table tr:nth-of-type(1) {background:#000; width:100%;height:40px;border-bottom:0;}
.welfare_popup table tr th {font-size:22px;font-weight:500; color:#fff;}
.popup_close {background:#fff;}

/*멤버십상담신청*/

.welfare_mall_wrap {width:100%;}
.welfare_mall {width:1180px; margin:0 auto;}


.welfare_apply_text {width:100%;height:240px;margin:0 auto;}
.apply_text_left {width:50%;float:left;}
.apply_text_left h5 {color:#222;font-size:36px;font-weight:300;}
.apply_text_left h3 {color:#fe7d42;font-size:50px;font-weight:500;margin-top:20px;}
.apply_text_right {width:50%;float:left;}
.apply_text_right p {color:#666;font-size:20px;font-weight:400;line-height:30px;margin-bottom:15px;}
.apply_text_right span {color:#222;font-size:20px;font-weight:500;line-height:30px;}

.welfare_apply {width:100%;height:525px;border:1px solid #000;}
.welfare_apply_top {width:1060px;display:flex;justify-content:space-between;margin:0 auto;padding-top:40px;}
.welfare_apply_top h5 {color:#222;font-size:30px;font-weight:600;}
.welfare_apply_top span {display:flex;align-items:center;color:#e9631d;font-size:30px;font-weight:400; }

.welfare_apply_box {width:1070px;height:245px;margin:50px auto 0 auto;padding-bottom:70px;}
.welfare_apply_left {width:50%;float:left;}
.welfare_apply_right {width:50%;float:left;}
.apply_input_box {display:flex;margin-top:25px;}
.welfare_apply_left p {color:#222;font-size:22px;font-weight:500;width:120px;}
.welfare_apply_right p {color:#222;font-size:22px;font-weight:500;width:165px;}
.welfare_apply_box input {color:#999;font-size:20px;font-weight:400; border-bottom:1px solid #999;width:340px;padding-left:10px;padding-bottom:5px;}
.welfare_apply_box select {color:#999;font-size:20px;font-weight:400; border-bottom:1px solid #999;width:350px;padding-left:10px;padding-bottom:5px;cursor:pointer;}
.apply_agree_box {display:flex;justify-content:space-between;margin-top:30px;}
.apply_agree_box span {display:flex;align-items:center;color:#999;font-size:18px;font-weight:400;}
.apply_agree_box span input {width:20px;margin-right:10px;}
.apply_agree_box .apply_agree_more {width:80px;height:27px;border:1px solid #666; color:#999;font-size:18px;font-weight:400;
    display:flex;justify-content:center;align-items:center;cursor:pointer;}
.mall_apply_btn {color:#fff;background:#e9631d;font-size:18px;font-weight:500;padding:12px 100px;margin-left:450px;}

.agree_popup_inner { background:#fff; width:1000px; height:715px; position:fixed; top:13%; left:25%; padding-top:30px; }
.agree_text {width:920px; height:566px; margin:0 auto;overflow-y:scroll;  overflow-x:hidden; }
.agree_text p { color:#666; font-size:18px; font-weight:400;width:95%; line-height:35px; }
.agree_text h2 { color:#222; font-size:28px;font-weight:600; width:95%; margin-bottom:30px; border-bottom: 1px solid #888;text-align:center;
    padding-bottom:10px;}
.agree_text h4 { color:#222; font-size:18px;font-weight:500; width:95%; margin-top:30px; }
.btn { width:920px; height:50px; margin:0 auto; padding-top:65px;}
.agree_btn { color:#fff;background:#e9631d;font-size:18px;font-weight:500;padding:12px 130px;
    margin:0 0 0 300px; cursor: pointer;}


.list {width:1180px; height:150px; margin:0 auto;}
.list>.list_box {width:1180px;height:150px;display:flex; justify-content:center;align-items:flex-end;}


/*헤더*/
header { background-color:rgba(0,0,0,0.54); margin:0 auto;
    width:100%; height:100px;  position:fixed;
    display:flex; align-items:center;
    justify-content:center;
    top:0; left:0; z-index:99999;}
header>.head { width:1180px; display:flex; align-items:center;
    justify-content:space-between; line-height:40px; z-index:9999999; }
header>.head>.logo {margin:10px 0 0 0;}

nav {   width:1200px; height:80px; margin:0 auto; display:flex; align-items:center; justify-content:space-around;
        position:relative; z-index:10; }
 #logo {  width:233px; height:30px; position:relative; z-index:10;  }
 .menu {  display:flex;  width:100%; height:50px; line-height:50px;  position:relative;  box-sizing:border-box;}
.menu>li { margin:0; width:170px; display:flex; justify-content:center; align-items:center;}
/*.menu>.num01 { margin:0; width:280px; display:flex; justify-content:flex-end;}
.menu>.num02 { margin:0; width:205px; display:flex; justify-content:flex-end;}
.menu>.num03 { margin:0; width:178px; display:flex; justify-content:flex-end;}
.menu>.num04 { margin:0; width:164px; display:flex; justify-content:flex-end;}
.menu>.num05 { margin:0;width:163px; display:flex; justify-content:flex-end;}*/
.menu>.num01 { margin:0; width:280px; display:flex; justify-content:flex-end;}
.menu>.num02 { margin:0; width:142px; display:flex; justify-content:flex-end;}
.menu>.num03 { margin:0; width:147px; display:flex; justify-content:flex-end;}
.menu>.num04 { margin:0; width:141px; display:flex; justify-content:flex-end;}
.menu>.num05 { margin:0; width:142px; display:flex; justify-content:flex-end;}
.menu>.num06 { margin:0; width:164px; display:flex; justify-content:flex-end; align-items:center;}
.menu>.num06>a { background:#e55204; width:135px; height:110px; font-size:18px; 
                           display:flex;flex-flow:column; align-items:center; color:#fff;}
.menu>.num06>a>p {margin-top:-15px;}
.menu>.num06>a:hover {color:#fff;}
.menu>.num06 .simple {width:55px; height:45px;}

  .menu>li>a{ color:#fff;  font-size:18px; font-weight:500; }
  .menu>li>a:hover { color:#e55204; }
 .sub {   display:none; background:#fff; z-index:3; top:5%; font-family:'nanum_gothic'; box-sizing:border-box;
          margin:50px 0 0 -120px; width:170px; height:auto; padding-bottom:15px; border:2px solid #efb02b; position:absolute;}
  .sub>li { margin:5px 0 -10px 0; display:flex; align-items:center; justify-content: center; }
  .sub>li>a{  font-size:14px; margin:0; color:#222; font-family:'nanum_gothic';}
  .sub>li>a:hover { text-decoration:underline;}
 .sub>.border { left:55%;
                margin-left:-18px;
                border-right :8px solid transparent;
                border-bottom:8px solid #efb02b;
                border-left : 8px solid transparent;
                position:absolute;
                top:-8px;
                width:0; height:0;
               }

nav ul {display:flex;}
nav ul li a{display:block; margin-left:50px; text-decoration:none; color:#fff; transition:all 0.3s ease;
    font-size:20px; font-weight:bold;line-height:105px;}
.call {}
.call a {background:#e55204;width:130px;height:105px; line-height:105px;text-align:center;}
.call a p {margin-top:-80px;padding:0;}

header.activated{
    background-color:rgba(0,0,0,1);
}

/*슬라이더 타이틀*/
.center_info { width:1180px;  margin:0 auto;padding-top:180px; }
.center_info_text {width:100%;display:flex;}
.center_info_text h2 { width:500px; color:#222;font-size:42px; font-weight:bold;}
.center_info_text h5 {color:#666; font-size:26px; font-weight:300;width:680px; line-height:40px;}

/*푸터*/

/*전화상담*/
.call_apply img {width:100%;height:100%;}
.call_apply_box { background:#fff; width:600px; height:100%; float:left; }
.call_apply span {color:#888;font-size:26px;font-weight:400;}
.call_apply h3 {color:#e55204;font-size:55px;font-weight:bold;margin-top:15px; }
.call_apply p {color:#888;font-size:20px;font-weight:400;margin-top:15px; }

.triple_box { width:190px;height:auto;float:left; cursor:pointer; display:flex; justify-content:center;}
.triple_box_img { width:190px; height:85px; position:absolute; display:flex; justify-content:center;}
.triple_box_img img { width:95px; }
.triple_box_download {width:95px; height:85px; position:absolute; display:none;}
.triple_box p {position:relative; margin-top:100px; font-size:26px; font-weight:400; color:#666; }


/*푸터black*/
.footer_black {width:100%; height:140px; background:#222; padding:45px 0;}
.footer_black_box { width:1180px; margin:0 auto; color:#888;}
.footer_black_box p a { color:#888; font-size:16px; font-weight:400; }
.footer_black_box span {margin:0 15px; }
.footer_black_box p:nth-of-type(2) { margin-top:70px; color:#666;}
.footer_black_box p:nth-of-type(3) { margin-top:10px; color:#666;}

/*서브타이틀*/
.title {width:100%;height:492px;background-size:cover; background-position:center;background-repeat:no repeat;}
.title_text { width:1180px; height:52px; margin:0 auto;padding-top:330px;}
.title_text h2 {font-size:42px;font-weight:bold;color:#fff;}
.title_text p {color:#666;font-size:16px; font-weight:400;padding-bottom:80px;}