html { scroll-behavior: smooth;}
.inner {position: relative; width:1400px; margin: 0 auto;}
#header {position: relative; width: 100%; display: inline-block; vertical-align: top; height: 95px; border-bottom:1px solid #efefef}
#header .logo { text-indent: -99999px; transition: all 0.5s ease 0s;  background-size: 100% auto; position: absolute; left: 50px; top: 23px; z-index:10}

#header .logo a {width: 294px;  height: 49px;  background: url(/resource/templete/manpa/img/eng/logo.png) no-repeat left center; display: block}
#header #lnb {position: relative; width: 100%; display: inline-block; text-align: center; transition: all 0.5s ease 0s;}
#header #lnb ul {}
#header #lnb ul li {display: inline-block; height: 95px; line-height: 95px;}
#header #lnb ul li a {font-size: 1.8rem; display: inline-block; padding: 0 20px; color: #000000; font-family: "pretendard_medium"; letter-spacing: -0.025em}

#header .gnb_box {position: absolute; right: 50px; top: 0px; font-size: 1.5rem}
#header .language_btn {position:relative; display: inline-block; float: left;  font-family: "pretendard_medium"; padding:40px 0 0 30px; margin-right:30px}
#header .language_btn:before {position: absolute; left: 0px; top:34px; display: block; content:""; width: 24px; height: 24px; background: url(/resource/templete/manpa/img/eng/lang_btn_icon.gif) no-repeat left center; }
#header  #gnb_snb_box {display: inline-block;    vertical-align: top; float: left; margin: 30px 18px 0 0}
#header  #gnb_snb_box  a { background-size:34px; width:34px; height: 34px; margin:0 6px 0 0; display: inline-block; vertical-align: top; font-size: 0rem; float: left;}
#header  #gnb_snb_box  a.sns_icon_1 {background-image: url("/resource/templete/manpa/img/common/sns_icon_1_sm.png");  }
#header  #gnb_snb_box  a.sns_icon_2 {background-image: url("/resource/templete/manpa/img/common/sns_icon_2_sm.png"); }
#header  #gnb_snb_box  a.sns_icon_3 {background-image: url("/resource/templete/manpa/img/common/sns_icon_3_sm.png"); }
#header  #gnb_snb_box  a.sns_icon_4 {background-image: url("/resource/templete/manpa/img/common/sns_icon_4_sm.png"); }

#header .m_lnb_open,
#header .m_lnb_close {display: none}


#section_1 .greeting {width: 100%; overflow-x:hidden}
#section_1 .greeting_top_box {position: relative;  width: 100vw; left: 50%;    transform: translateX(-50%); background: #f8f8f8; margin-top:90px;}
#section_1 .greeting_top_box .inner:after {position: absolute; right: 0px; bottom: 0px; width:450px; height: 450px; display: block; content: ""; background: url("../img/sub/profile_img.png") no-repeat center bottom}
#section_1 .greeting_top_box .text_1 {font-size:4.4rem; color:#000; font-family: "pretendard_bold";  letter-spacing: -0.025em; line-height: 1.25em; padding:75px 0 15px 55px}
#section_1 .greeting_top_box .text_2 {font-size: 3.2rem; color: #000; letter-spacing: -0.025em; line-height: 1.15em; padding:0 500px  30px 55px}
#section_1 .greeting_top_box .text_3 {padding:0 0 65px 0; width:calc(100% - 500px); text-align: right;}
#section_1 .greeting_top_box .text_3 .text {font-size: 1.6rem; color:#000; font-family: "pretendard_bold"; margin:0 10px 5px 0; display: inline-block; vertical-align: bottom;}
#section_1 .greeting_top_box .text_3 .sign {display: inline-block; vertical-align: top;}

#section_1 .greeting_bot {position: relative; padding:55px;}
#section_1 .greeting_bot p {font-size:1.7rem; line-height: 1.35em; display: inline-block; vertical-align: top; margin-bottom:30px; width:100%;}
#section_1 .greeting_bot p em {color: #003669; font-family: "pretendard_bold";  font-style: normal}




#section_2 {display: inline-block; vertical-align: top; width: 100%; margin-top:50px}
#section_2 h2 {color:#00417b; width: 100%; display: inline-block; line-height: 1.25em; font-size:3.6rem; text-align: center; font-family: "pretendard_bold"; letter-spacing: -0.025em }

#section_2 .org_box_top {background:#195e9f; width:100%; vertical-align: top; border-radius: 30px; position: relative; padding:35px 0; display: inline-block; margin:30px 0 100px;}
#section_2 .org_box_top:before {width:calc(100% - 100px);height: 1px; position: absolute; left: 50px; top:50%;  background: rgba(255,255,255,0.15); content: ""; display: block}
#section_2 .org_box_top:after {width:1px; height:calc(100% - 70px); position: absolute; left: 50%; top:35px;  background: rgba(255,255,255,0.15); content: ""; display: block}
#section_2 .org_box_top ul {font-size: 0px; width: 100%; display: inline-block}
#section_2 .org_box_top ul li {display: inline-block; width:50%; vertical-align: top; padding:20px 50px}
#section_2 .org_box_top ul li .title {display: inline-block; width:100%; vertical-align: top; color:#fff; font-size:2.4rem; line-height:1.25em; font-family: "pretendard_bold";}
#section_2 .org_box_top ul li .text {display: inline-block; width:100%; vertical-align: top; color:#fff; font-size:1.8rem; line-height:1.25em; font-family: "pretendard_medium"; letter-spacing: -0.025em}

.org_box .org_in_box .org_title {color: #fff;    width:320px;      margin: 0 auto;  text-align: center;     display: block;}

.org_box .org_in_box .org_title span {font-size:2.1rem; line-height: 60px; width:100%; font-family: "pretendard_bold";  background: #02386a; border:2px solid #02386a;  font-weight: normal; transition: all 0.5s ease 0s;  width:100%; display: inline-block; color: #fff; margin:0px}
.org_box .org_in_box .org_title span:hover {border:2px solid #02386a; background: #fff; color:#02386a}
.org_box .org_in_box .org_title_2 {position:relative; width: 320px; display:block;           color: #fff;    text-align: center;         font-size: 1.8rem;  margin:25px auto 55px;    clear: both;}
.org_box .org_in_box .org_title_2:after {width: 1px;  height: 55px; position: absolute;  bottom:-55px; left: 50%; content:""; display: block; background: #cccccc;}

.org_box .org_in_box .org_title_2 span {font-size:2.0rem; font-family: "pretendard_bold";  background: #d34617;  border:2px solid #d34617;   line-height: 60px; font-weight: normal;transition: all 0.5s ease 0s;      width:100%;  display: inline-block; color: #fff;}
.org_box .org_in_box .org_title_2 span:hover {border:2px solid #d34617; background: #fff; color:#d34617}

.org_box .org_in_box .org_title_2:before {width: 1px;  height: 25px; position: absolute;  top: -25px; left: 50%; content:""; display: block; background: #cccccc;}
.org_box .org_in_box .org_box2  {position:relative; display:inline-block; width:100%; text-align: center;}
.org_box .org_in_box .org_box2 > ul {position:relative; width:1000px; display:flex; margin: 0 auto; justify-content: space-between}
.org_box .org_in_box .org_box2 > ul > li {width:250px; margin:55px 0 0; position: relative; display: inline-block;}
.org_box .org_in_box .org_box2 > ul > li .org_box_2 {width:250px; height:55px; line-height: 55px; font-size:1.8rem; font-family: "pretendard_bold";  color:#fff; background: #4c4d51; display: inline-block; }
.org_box .org_in_box .org_box2 > ul > li:before {width: 1px;  height:55px; position: absolute;  top: -55px; left: 50%; content:""; display: block; background: #cccccc;}

.org_box .org_in_box .org_box2 > ul > li  ul {position:relative; margin-top:20px;}
.org_box .org_in_box .org_box2 > ul > li  ul li {position:relative; margin-top:6px; position: relative; display: inline-block; vertical-align: top; width: 100%;}
.org_box .org_in_box .org_box2 > ul > li  ul li span {position:relative;
    z-index: 5;width:100%; height:50px; line-height: 50px;  color:#010101; background: #cacaca; font-family: "pretendard_bold";  letter-spacing: -0.025em; display: block; font-size:1.6rem; transition: all 0.5s ease 0s; border:1px solid #cacaca}
.org_box .org_in_box .org_box2 > ul > li ul li span:hover {background:#fff; border:1px solid #000 }
.org_box .org_in_box .org_box2 > ul > li ul li:before {}
.org_box .org_in_box .org_box2 > ul:before {width:calc(100% - 250px);  height: 1px; position: absolute;  top: 0px; left:125px; content:""; display: block; background: #cccccc;}.org_box .org_in_box .org_box2 > ul > li ul:before {width: 1px;  height: 27px; position: absolute;  top: -20px; left: 50%; content:""; display: block; background: #cccccc;}

.org_box .org_in_box .org_box2 > ul > li ul li:before {width: 1px;  height:7px; position: absolute;  top: -7px; left: 50%; content:""; display: block; background: #cccccc;}


#section_3 {background: #f4f4f4; position:relative; width: 100%; padding:100px 0; margin-top:140px; text-align: center;}
#section_3 h2  {color:#000; width: 100%; display: inline-block; line-height: 1.25em; font-size:3.6rem; text-align: center; font-family: "pretendard_bold"; letter-spacing: -0.025em }
#section_3 .title_text {font-size:1.8rem; color:#000; letter-spacing: -0.025em; margin:20px 0 25px}
#section_3 .sec_3_img_box {position: relative; width: 100%; display: inline-block; vertical-align: top;  font-size: 0px}
#section_3 .sec_3_img_box .list_box {width:33.33%; display: inline-block; vertical-align: top;}
#section_3 .sec_3_img_box .list_box .icon {position:relative; width:195px; height: 195px; border-radius: 195px; display: block; margin: 0 auto 140px}
#section_3 .sec_3_img_box .list_box.list_1 .icon {background:url("../img/eng/eng_section_3_icon1.gif") no-repeat center center #bfd8ee;}
#section_3 .sec_3_img_box .list_box.list_2 .icon {background:url("../img/eng/eng_section_3_icon2.gif") no-repeat center center #b1c6d9;}
#section_3 .sec_3_img_box .list_box.list_3 .icon {background:url("../img/eng/eng_section_3_icon3.gif") no-repeat center center #f6ccc0;}

#section_3 .sec_3_img_box .list_box .icon:after {width:1px; height: 72px; background: #979797; display: block; content: ""; position: absolute; bottom:-105px; left:50%;}
#section_3 .sec_3_img_box .list_box .text_1 {position:relative; height:90px; border-radius: 90px; color:#fff;  font-size:1.8rem;  width:calc(100% + 70px);   display: flex;  justify-content: center;  align-items: center; padding: 0 100px; line-height: 1.25em}
#section_3 .sec_3_img_box .list_box.list_1 .text_1 {background:rgba(55, 149, 235, 0.8); margin:0 -35px 0 0}
#section_3 .sec_3_img_box .list_box.list_2 .text_1 {background:rgba(1, 79, 153, 0.8); margin:0 -17.5px}
#section_3 .sec_3_img_box .list_box.list_3 .text_1 {background:rgba(230, 73, 21, 0.8); margin:0 0 0 -35px}


#section_3 .sec_3_img_box .list_box.list_1 .text_1:after {position: absolute; right:35px; top:30px; width:15px; height: 28px; display: block; content:""; background: url("../img/eng/wh_arrow.png") no-repeat center center; z-index: 10}
#section_3 .sec_3_img_box .list_box.list_2 .text_1:after {position: absolute; right:35px; top:30px; width:15px; height: 28px; display: block; content:""; background: url("../img/eng/wh_arrow.png") no-repeat center center; z-index: 10}


#section_3 .sec_3_img_box .list_box .text_2 {color:#000; font-size: 1.8rem; text-align: center; margin-top:20px; line-height: 1.25em; display: inline-block; width: 100%;}




#section_4 {display: inline-block; vertical-align: top; width: 100%; margin-top:50px}
#section_4 h2 {color:#00417b; width: 100%; display: inline-block; line-height: 1.25em; font-size:3.6rem; text-align: center; font-family: "pretendard_bold"; letter-spacing: -0.025em }

#section_4 ul {position: relative; width:calc(100% + 20px); margin:35px 0 0 -10px; display: flex;}
#section_4 ul li {display: inline-block; width:calc(25% - 20px); margin:0 10px; border-radius: 45px; padding: 35px}
#section_4 ul li:nth-child(1) {background: #c7ddf2}
#section_4 ul li:nth-child(2) {background: #d3e4f4}
#section_4 ul li:nth-child(3) {background: #c7ddf2}
#section_4 ul li:nth-child(4) {background: #d3e4f4}


#section_4 ul li .title {color:#0b3660; font-size:2.4rem; font-family: "pretendard_bold";  letter-spacing:-0.025em; text-align: center; display: inline-block; width: 100%; vertical-align: top; border-bottom:1px solid rgba(255,255,255,0.25); padding-bottom:25px; margin-bottom:25px; }
#section_4 ul li .text { text-align: center; display: inline-block; width: 100%; vertical-align: top; color:#353537; font-size:1.7rem; line-height: 1.25em}


#section_5 {display: inline-block; vertical-align: top; width: 100%; margin-top:120px}
#section_5 h2 {color:#00417b; width: 100%; display: inline-block; line-height: 1.25em; font-size:3.6rem; text-align: center; font-family: "pretendard_bold"; letter-spacing: -0.025em }
#section_5 .cate_box {display: inline-block; vertical-align: top; width: 100%; margin-top:30px}
#section_5 .cate_box div {width:50%; float: left; font-family: "pretendard_bold"; font-size:1.8rem; text-align: center;}
#section_5 .list_box {position:relative; display: inline-block; vertical-align: top; width: 100%; margin-top:10px; font-size: 0px; padding: 30px 0}
#section_5 .list_box:before {position: absolute; left:0px; top:0px; width:calc(50% + 46px); height:100%; display: block; content:""; z-index: -1; background: rgba(55, 149, 235, 0.8); border-radius:45px }
#section_5 .list_box:after {position: absolute; left:calc(50% - 46px); top:0px; width:calc(50% + 46px); height:100%; display: block; content:""; z-index: -1; background: rgba(1, 79, 153, 0.8); border-radius:45px }

#section_5 .list_box h3.h0 {color:#fff; font-size:2.4rem; font-family: "pretendard_bold"; float:left; width:170px; margin: 0px}
#section_5 .list_box ul {width:100%; float: left; font-size:1.7rem; color: #fff;}
#section_5 .list_box ul li {position:relative; line-height: 1.35em; padding: 0 0 0 12px;}
#section_5 .list_box ul li:before {position: absolute; top:10px; left:0px; width: 3px; height: 3px; background: #fff; border-radius: 50%; display: block; content: ""; }
#section_5 .list_box .as_box {width: 50%;  display: inline-block; vertical-align: top; padding:30px 50px 30px 50px}
#section_5 .list_box .as_box ul {width:calc(100% - 170px); float: left; font-size:1.7rem; color: #fff;}
#section_5 .list_box .tobe {width: 50%; display: inline-block; vertical-align: top; padding:30px 50px 30px 90px }

#section_5 .list_box .as_box:before, #section_5 .list_box .tobe:before {display: inline-block; content: ""; margin-top:-20px; background: rgb(255,255,255,0.1); width:calc(100% - 40px); height: 1px; vertical-align: top;}

#section_5 .list_box .list_box_wrap:first-child .as_box:before, #section_5 .list_box .list_box_wrap:first-child .tobe:before {display: none}

#section_5 .list_box .arrow {position: absolute; left:50%; top:50%; width:15px; height: 28px; display: block; content:""; background: url("../img/eng/wh_arrow.png") no-repeat center center; z-index: 10;     transform: translate(-50%, -50%);}


#footer {background:#1d1d1d; height: 250px; margin-top:100px}
#footer .footer_top_box {position: relative; padding:45px 0 25px; display: inline-block; width: 100%; text-align: center}
#footer .logo {display: block; vertical-align: top;}
#footer .logo a {width:294px; height: 49px; display: inline-block; vertical-align: top; background: url("../img/eng/foot_logo.png") no-repeat center; font-size: 0px}


#footer .foot_sns {display: inline-block; vertical-align: top; float: right; padding-top:5px}
#footer .foot_sns a {width:40px; height: 40px; display: inline-block; vertical-align: top; font-size: 0px; margin-left: 8px}
#footer .foot_sns a.sns_icon_1 {background: url("../../img/common/foot_sns_icon_1.png") no-repeat center;}
#footer .foot_sns a.sns_icon_2 {background: url("../../img/common/foot_sns_icon_2.png") no-repeat center;}
#footer .foot_sns a.sns_icon_3 {background: url("../../img/common/foot_sns_icon_3.png") no-repeat center;}
#footer .foot_sns a.sns_icon_4 {background: url("../../img/common/foot_sns_icon_4.png") no-repeat center;}

#footer .foot_info_box {color: #9f9f9f; font-size:1.4rem; line-height: 1.25em; text-align: center; font-family: "pretendard_regular", sans-serif; text-decoration: none; }
#footer .foot_info_box  address {font-style: normal;}
#footer .foot_info_box .call_text{}
#footer .foot_info_box .copy_text { padding-top:20px}





@media (max-width: 1600px) {
    #header .logo {left:20px}
    #header .gnb_box {right:20px}
    body {overflow-x:hidden;}
}

@media (max-width: 1500px) {
    #header {height: 155px}
    #header #lnb ul li {height: 65px; line-height: 65px;}
    #header .gnb_box {right: 0px; top:20px; text-align:right;}
    #header .logo {top: 20px; left: 50%;  margin: 0 0 0 -147px;}
    #header #lnb {top:90px; text-align: center; border-top:1px solid #efefef; padding: 0 40px;}
    #header #lnb ul {display: flex; width: 100%; justify-content: space-between;}
    #header .language_btn {float: none; padding: 22px 0 0 30px}
    #header #gnb_snb_box {float: none; margin-top:10px;}
    #header .language_btn:before {top:16px}
}

@media (max-width: 1420px) {
    .inner {width: 100%; padding: 0 20px;}
}


@media (max-width: 1200px) {
    #header #lnb {padding: 0 20px;}
    #header #lnb ul li a {font-size:1.7rem}

    #section_1 .greeting {padding:50px 0 0;}
    #section_1 .greeting_top_box .inner:after {width:380px; height: 380px; background-size: 380px !important;}
    #section_1 .greeting_top_box .text_1 {font-size: 4.0rem; padding:55px 400px 15px 25px;}
    #section_1 .greeting_top_box .text_2 {font-size:3.1rem; padding: 0 400px 30px 25px;}
    #section_1 .greeting_top_box .text_3 {padding:0 0 40px 0;     width: calc(100% - 400px);}

    #section_1 .greeting_bot {padding:50px 25px}
}


@media (max-width: 1024px) {
    /* 차후 하위 메뉴가 생길것을 대비한 레이아웃 css
    #header {height: 70px; position: fixed; left: 0px; top:0px; z-index: 10; background: #fff}
    #header #lnb {width: 100vw; position: fixed; left:-100%; top:70px; background: #fff; height:auto;  padding:0px;   min-height: calc(100vh - 122px); border-bottom: solid 1px #dfdfdf;}
    #header #lnb ul {width:100%; display: inline-block; background:#fff;}
    #header #lnb ul li {width: 100%; display: inline-block; text-align: left;  height: auto; line-height: 1.25em}
    #header #lnb ul li a {line-height: 1; height: auto; width: 100%; text-align: left; border-bottom: solid 1px #dfdfdf; padding: 20px 20px; font-size: 1.6rem;}
    #header .logo {left:20px; margin:0px; top:15px}

    #header .logo a {height:40px; width: 240px; background-size: auto 40px}

    #header .gnb_box {left:-100%; right: auto; width: 100%; background: #fff;width: 100%; height: 52px;  text-align: center; transition: all 0.5s ease 0s;}

    #header .m_lnb_open {position: absolute; top: 25px; right: 15px; width: 26px; height: 26px; display: inline-block; visibility: visible; transition: all 0.5s ease 0s;}
    #header .m_lnb_open .line {position: absolute; right: 0px; width: 22px; height: 3px; border-radius: 2px; background: #000; display: block; vertical-align: top; transition: all 0.5s ease 0s;}
    #header .m_lnb_open .line:nth-child(1) {top:0px }
    #header .m_lnb_open .line:nth-child(2) {width:26px; top:9px }
    #header .m_lnb_open .line:nth-child(3) {top:18px;}

    #header.lnb_open .m_lnb_open {visibility: hidden; opacity: 0}



    #header .m_lnb_close {position: absolute; top: 25px; right: 15px; width: 26px; height: 26px; display: inline-block; visibility: hidden; transition: all 0.5s ease 0s;}
    #header .m_lnb_close .line:nth-child(1) {position: absolute; left: 0px; top: 6px; width: 30px; background: #fff; transform: rotateZ(45deg); height: 3px; border-radius: 2px; display: block; vertical-align: top;}
    #header .m_lnb_close .line:nth-child(2) {position: absolute; left: 0px; top: 6px; width: 30px; background: #fff; transform: rotateZ(-45deg); height: 3px; border-radius: 2px; display: block; vertical-align: top;}
    #header.lnb_open .m_lnb_close {visibility: visible; opacity: 1}


    #header.lnb_open {z-index: 100; background: #043b72; height: 100vh;}
    #header.lnb_open .logo a {background:url("../img/eng/foot_logo.png") no-repeat left center;  background-size: auto 40px}
    #header.lnb_open #lnb {left:0px}

    #header.lnb_open .gnb_box {left: 0%; right: auto;  bottom: 0px; top: auto; position: absolute; }
*/

    #header {height: 70px; position: fixed; left: 0px; top:0px; z-index: 10; background: #fff}
    #header #lnb {width: 100vw; position: fixed; left:-100%; top:70px; background: #fff; height:auto;  padding:0px;      display: none;  min-height: calc(100vh - 122px); border-bottom: solid 1px #dfdfdf;}
    #header .logo {left:20px; margin:0px; top:15px}

    #header .logo a {height:40px; width: 240px; background-size: auto 40px}
    #header .gnb_box {zoom:0.8; top:16px;}

    .org_box .org_in_box .org_box2 > ul {width:800px}

    #section_3 {padding:100px 0 50px}
    #section_3 .sec_3_img_box .list_box {width:100%; margin-bottom:40px}
    #section_3 .title_text {line-height: 1.25em}
    #section_3 .sec_3_img_box .list_box.list_2 .text_1:after,
    #section_3 .sec_3_img_box .list_box.list_1 .text_1:after {display: none}
    #section_3 .sec_3_img_box .list_box .icon {    margin: 0 auto 60px;}
    #section_3 .sec_3_img_box .list_box .text_1 {margin:0px !important; width: 100% !important; height: auto; padding:15px 30px}
    #section_3 .sec_3_img_box .list_box .icon:after {bottom: -50px; height: 40px}

    #section_4 ul li .title {line-height: 1.1em; padding-bottom: 15px; margin-bottom:15px;}
}




@media (max-width: 800px) {
    #section_1 .greeting_top_box .inner:after {width:300px; height: 300px; right:-20px; background-size: 300px !important;}
    #section_1 .greeting_top_box .text_1 {font-size:3.4rem; padding:35px 220px  15px 15px;}
    #section_1 .greeting_top_box .text_2 {font-size:2.8rem; padding: 0 220px 30px 15px; }
    #section_1 .greeting_top_box .text_3 {padding:0 0 40px 0;     width: calc(100% - 300px);}

    #section_1 .greeting_bot {padding:50px 15px}

    .org_box .org_in_box .org_title_2:before {height: 20px; top: -20px;}
    .org_box .org_in_box .org_title span {line-height: 45px;     font-size: 2rem;}
    .org_box .org_in_box .org_title_2 {margin:20px auto 35px}
    .org_box .org_in_box .org_title_2 span {line-height: 45px;     font-size: 1.9rem;}
    .org_box .org_in_box .org_box2 > ul {width:600px}
    .org_box .org_in_box .org_box2 > ul > li,
    .org_box .org_in_box .org_box2 > ul > li .org_box_2 {width:180px}
    .org_box .org_in_box .org_box2 > ul:before {width: calc(100% - 180px); left: 90px;}
    .org_box .org_in_box .org_box2 > ul > li {margin-top:35px}
    .org_box .org_in_box .org_box2 > ul > li:before {height:35px; top: -35px;}
    .org_box .org_in_box .org_box2 > ul > li .org_box_2 {line-height: 40px; height: 40px; font-size:1.7rem}
    .org_box .org_in_box .org_box2 > ul > li ul li button {height:40px; line-height: 40px}
    #section_4 ul {display: inline-block; vertical-align: top; font-size: 0px}
    #section_4 ul li {    width: calc(50% - 20px);vertical-align: top; margin:0 10px 20px;}

    #section_5 .list_box .as_box:before, #section_5 .list_box .tobe:before,
    #section_5 .list_box .arrow {display: none}
    #section_5 h2 {margin-bottom:20px}
    #section_5 .list_box:before {width:100%;}
    #section_5 .list_box:after {display: none}
    #section_5 .cate_box {display: none}

    #section_5 .list_box .as_box,
    #section_5 .list_box .tobe {width:100%; padding:20px 40px}
    #section_5 .list_box h3.h0 {width:100%; margin:0 0 20px 0}
    #section_5 .list_box .as_box ul {position:relative; width:100%; padding:0 0 0 80px;}
    #section_5 .list_box .tobe ul {position:relative; width:100%; padding:0 0 0 80px; }

    #section_5 .list_box .as_box ul:before, #section_5 .list_box .tobe ul:before {position: absolute; left:0px; top:50%;  background: #fff; width:70px; padding:5px 0; text-align: center; color:#000; border-radius: 20px;     border-radius: 20px;transform: translate(0px, -50%);}
    #section_5 .list_box .as_box ul:before {content:"As-Is"; }
    #section_5 .list_box .tobe ul:before {content:"To-Be"; }

    #section_5 .list_box .as_box:before {}
    #section_5 .list_box .tobe:before {}


}


@media (max-width: 640px) {
    #section_1 .greeting_top_box .text_1 { padding: 35px 0px 15px 0px; text-align: center; }
    #section_1 .greeting_top_box .text_2 { padding: 0 0px 30px 0px;  text-align: center; font-size: 2.6rem}
    #section_1 .greeting_top_box .text_3 { padding: 0 0 40px 0; margin: 0 0px 0px 0; width: 100%; text-align: center;}
    #section_1 .greeting_top_box .inner:after {width: 100%;  height: 300px; right: -20px; position: relative; left: 0px; bottom: 0px;    }
    #section_1 .greeting_top_box {margin-top:70px}
    #section_1 .greeting {padding:0px}

    #section_2 .org_box_top {padding:15px 0}
    #section_2 .org_box_top ul li {width:100%;}
    #section_2 .org_box_top:before, #section_2 .org_box_top:after {display: none}
    #section_2 .org_box_top ul li {border-top:1px dashed rgba(255,255,255,0.1); padding:15px 25px}
    #section_2 .org_box_top ul li:first-child {border-top:0px}

    .org_box .org_in_box .org_title,
    .org_box .org_in_box .org_title_2,
    .org_box .org_in_box .org_box2 > ul,
    .org_box .org_in_box .org_box2 > ul > li,
    .org_box .org_in_box .org_box2 > ul > li .org_box_2 {width: 100%;}
    .org_box .org_in_box .org_box2 > ul {display: inline-block;}

    .org_box .org_in_box .org_box2 > ul:before {display:none}
    .org_box .org_in_box .org_title_2 {margin:15px auto 0px;}
    .org_box .org_in_box .org_title_2:before {height: 15px; top: -15px;}
    .org_box .org_in_box .org_box2 > ul > li ul {margin-top:10px}
    .org_box .org_in_box .org_box2 > ul > li ul:before {top:-10px}

    #section_3 .sec_3_img_box .list_box .icon {width: 125px; height: 125px; border-radius: 125px; background-size: auto 74px !important;}
    #section_4 ul li .title {font-size:2.0rem}
}


@media (max-width:480px) {
    #section_2 {margin:0px}
    #section_3 {padding:50px 0; margin-top:50px}
    #section_5 {margin-top:50px}
    #section_5 .list_box:before {border-radius: 20px}
    #section_5 .list_box .list_box_wrap:first-child h3.h0 {margin-top:0px}
    #header #gnb_snb_box {display: none}
    #section_4 ul {width: 100%; margin: 35px 0 0 0px;}
    #section_4 ul li {border-radius: 20px; padding:20px; width:100%; height: auto !important; margin:0 0 20px 0}
    #section_5 .list_box .as_box, #section_5 .list_box .tobe {padding:0px 30px 20px;}
    #section_5 .list_box .as_box ul,
    #section_5 .list_box .tobe ul {position:relative; width:100%; padding:0; display: inline-block; }
    #section_5 .list_box h3.h0 {margin:20px 0 10px}
    #section_5 .list_box .as_box ul:before, #section_5 .list_box .tobe ul:before {width:80px; font-size:1.5rem; position: relative; left:0px; top:0px; margin:0 0 10px 0; transform: translate(0); display: inline-block;}

    #footer {margin-top:50px}
}