@charset "UTF-8";

/* 어마웃메인 */
#mfuture {background:url(../img/img_about_main01.png) no-repeat; background-position:center; background-size:cover}
#mfuture>div {position:relative; max-width:1200px; margin:0 auto; height:400px}
#mfuture .infobox {position:relative; top:50%; transform:translateY(-50%); left:15%; width:85%}
#mfuture .infobox h3 {color:#fff; font-size:40px; text-shadow:0px 0px 10px #004577; line-height:120%} 
#mfuture .infobox .button {margin:30px 5px 5px; text-align:center} 
 
#mhumanity {background:url(../img/img_about_main02.png) no-repeat; background-position:center; background-size:cover}
#mhumanity>div {position:relative; max-width:1200px; margin:0 auto; height:590px}
#mhumanity .infobox {position:relative; top:35%; transform:translateY(-50%); left:50%; width:40%; text-align:center}
#mhumanity .infobox h3 {color:#ad1015; font-size:36px; text-shadow:0px 0px 10px #fff;}
#mhumanity .infobox .subtxt18 {font-size:18px; line-height:120%; margin-top:25px; text-shadow:0px 0px 10px #fff;}
#mhumanity .infobox .btn {margin-top:25px}
#mhumanity .infobox .btn .button {margin:0px 5px 5px; text-align:center}

#mSGMDx>div {position:relative; max-width:1200px; margin:0 auto; padding:60px 40px}
#mSGMDx>div .subtxt18 {margin-top:10px}
#mSGMDx>div>ul {margin-top:40px}
#mSGMDx>div>ul:after {content:" "; display:block; clear:both}
#mSGMDx>div>ul>li {display:inline-block; float:left; width:16%; margin:0 2%}
#mSGMDx>div>ul>li .img img {width:100%; max-width:200px}
#mSGMDx>div>ul>li .infobox>h4 {text-align:center; font-size:18px; color:#d14d43; line-height:110%; margin:20px 0px; font-weight:400}
#mSGMDx>div>ul>li .infobox>ul>li {list-style:url(../img/icon_dashed_list2.png); list-style-position:outside; font-size:14px; margin:15px 10px 5px 30px}
#mSGMDx>div>ul>li .infobox>ul>li span {display:block}

#mpartner>div {max-width:1200px; margin:0 auto; padding:60px 0px}
#mpartner>div h3 {color:#2d6ca1}
#mpartner .circle {max-width:850px; margin:40px auto 40px; padding:0 20px}
#mpartner .circle:after {content:" "; display:block; clear:both}
#mpartner .circle>li {display:inline-block; float:left; width:23%; height:151px; margin:0 1%; background:url(../img/img_about_main04.png) no-repeat center; background-size:contain;}
#mpartner .circle>li>span {display:block; width:100%; max-width:120px; margin:0 auto; position:relative; top:50%; transform:translateY(-50%); text-align:center; color:#6c9eb3; font-size:17px; line-height:110%; font-weight:400}
#mpartner .subtxt24 {margin:0 20px; text-align:center; font-size:18px}
#mpartner .btn {text-align:center; margin-top:40px}
#mpartner .btn .button {width:220px}

#mglobal>div {max-width:1200px; margin:0 auto; padding:60px 0px}
#mglobal>div .subtxt18 {margin-top:10px}
#mglobal .img {max-width:710px; margin:40px auto}
#mglobal .img img {width:100%; max-width:710px}
#mglobal .btn {text-align:center}
#mglobal .btn .button {width:220px}

#mwhatsMDX>div {max-width:1200px; margin:0 auto; padding:60px 0px 80px}
#mwhatsMDX>div h3 {color:#3b1d08}
#mwhatsMDX>div .subtxt18 {margin-top:10px}
#mwhatsMDX>div>ul {max-width:1000px; margin:40px auto}
#mwhatsMDX>div>ul:after {content:" "; display:block; clear:both}
#mwhatsMDX>div>ul>li {display:inline-block; float:left; width:16%; margin:0 2%}
#mwhatsMDX>div>ul>li .img {text-align:center}
#mwhatsMDX>div>ul>li .img img {width:100%; max-width:118px}
#mwhatsMDX>div>ul>li h4 {text-align:center; margin:10px 0 0; font-size:18px; line-height:120%;  color:#6f5f57; font-weight:400}
#mwhatsMDX>div>ul>li h4 span {display:block}
#mwhatsMDX>div .info {text-align:center; margin:0 40px}

/* 회사소개 */
.company01 {border-bottom:1px solid #ddd; background:url(../img/img_about_company01.png) no-repeat center; background-size:cover}
.company01>div {height:370px}
.company01 .infoset {top:45% !important}

.company02>div {max-width:1160px; margin:0 auto; padding:70px 20px}
.company02 * {text-align:center}
.company02 h3 {margin-bottom:10px}
.company02 .img {max-width:615px; margin:40px auto}
.company02 .img img {width:100%}
.company02 ul {max-width:1000px; margin:0 auto}
.company02 ul:after {content:" "; display:block; clear:both}
.company02 ul li {display:inline-block; float:left; width:23%; margin:0 1%}
.company02 ul li h4 {font-size:18px; color:#cc0000; margin-bottom:15px; font-weight:400}

.company03>div {max-width:1160px; margin:0 auto; padding:70px 20px}
.company03 * {text-align:center}
.company03 h3 {margin-bottom:10px}
.company03 .withicon {max-width:800px; margin:50px auto 60px}
.company03 .withicon:after {content:" "; display:block; clear:both}
.company03 .withicon li .img img {width:90%; max-width:140px}
.company03 .withicon li {display:inline-block; float:left; width:30.333%; margin:0 1%}
.company03 .withicon li h4 {font-size:18px; margin:20px 0px 5px; color:#d14d43; font-weight:400}
.company03 .withicon li p {color:#d14d43}
.company03 .onlytxt {max-width:1000px; margin:0 auto}
.company03 .onlytxt:after {content:" "; display:block; clear:both}
.company03 .onlytxt li {display:inline-block; float:left; width:23%; margin:0 1%}
.company03 .onlytxt li h4 {font-size:18px; font-weight:400; margin-bottom:15px}

.company04 {background:url(../img/img_about_company04.png) no-repeat center; background-size:cover}
.company04 * {text-align:center}
.company04>div {max-width:1160px; height:480px; margin:0 auto; padding:70px 20px}
.company04 h3 {color:#fff; margin-bottom:60px}
.company04 ul {max-width:1000px; margin:0 auto;}
.company04 ul:after {content:" "; display:block; clear:both}
.company04 ul li {display:inline-block; float:left; min-height:210px; width:26.333%; margin:0 1%; padding:4% 2.5%; background-color:#fff; opacity:0.85; filter:alpha(opacity=85)}
.company04 ul li h4 {font-size:24px; color:#09408c; margin-bottom:40px; font-weight:400}
.company04 ul li p {font-size:18px; line-height:22px; height:132px; overflow:hidden}
.company04 .btn {margin-top:50px}
.company04 .btn .button {width:220px}

.company05 {background:url(../img/img_about_company05.png) no-repeat; background-position:center bottom; background-size:auto; background-color:#f4f6f2; min-height:580px}
.company05>div {padding:70px 0px}
.company05 h3 {color:#cc0000; margin-bottom:30px}
.company05 .infoset {left:60% !important; width:35% !important}
.company05 .infoset .btn {margin-top:50px}
.company05 .infoset .btn .button {width:220px;}

.company06 {background:url(../img/img_about_company06.png) no-repeat; background-position:right bottom; background-size:auto; background-color:#e6f0e9; min-height:665px}
.company06>div {padding:70px 0px}
.company06 h3 {color:#406f36; margin-bottom:30px}
.company06 .infoset {width:40% !important; top:40% !important}
.company06 .infoset .btn {margin-top:40px}
.company06 .infoset .btn .button {width:220px;}

.company07>div {max-width:1160px; margin:0 auto; padding:70px 20px}
.company07 * {text-align:center}
.company07 h3 {margin-bottom:60px}
.company07>div>div {max-width:900px; margin:0 auto}
.company07>div>div:after {content:" "; display:block; clear:both}
.company07 .allset {position:relative; display:inline-block; float:left; width:68%; border-left:15px solid #ef5f54; border-right:15px solid #ef5f54; box-sizing:border-box;}
.company07 .redbloc1 {top:-15px; left:-15px}
.company07 .redbloc2 {top:-15px; right:-15px}
.company07 .redbloc3 {bottom:-15px; left:-15px}
.company07 .redbloc4 {bottom:-15px; right:-15px}
.company07 .allset>span {position:absolute; display:inline-block; width:30px; height:15px; background-color:#ef5f54}
.company07 .allset>div {padding:20px 20px}
.company07 .allset>div .contit {margin-bottom:15px;}
.company07 .allset>div .contit:after {content:" "; display:block; clear:both}
.company07 .allset>div .contit span {display:inline-block; float:left; color:#093989; font-size:14px; line-height:15px; width:31.333%; margin:0 1%; font-weight:400}
.company07 .allset .img img {width:100%; max-width:470px}
.company07 .allset .info {margin-top:20px; font-size:18px}
.company07 .lis {display:inline-block; float:left; width:32%}
.company07 .lis .img {width:100%; max-width:278px; background:url(../img/img_about_company07-2.png) no-repeat left; background-size:100%; min-height:260px; position:relative}
.company07 .lis .img p {position:absolute; bottom:20px; left:0%; font-size:18px; line-height:110%; width:70%; text-align:center}
.company07 .lis .img p span {font-size:13px; font-weight:400; color:#093989}
.company07  .sumtxt {margin:60px auto 0px}
.company07 .btn {margin-top:40px}
.company07 .btn .button {width:220px}

.company08>div {max-width:1160px; margin:0 auto; padding:70px 20px} 
.company08 * {text-align:center}
.company08 ul {max-width:1200px; margin:60px auto}
.company08 ul:after {content:" "; display:block; clear:both}
.company08 ul li {display:inline-block; float:left; width:23%; margin:0 1%}
.company08 ul li img {width:100%; max-width:233px}


/* 시설소개 */
.facility-hd>div {position:relative; max-width:1160px; height:470px;  margin:0 auto; padding:0px 20px} 
.facility-hd * {text-align:center;  line-height:100%}
.facility-hd .infoset {position:relative; top:35%; transform:translateY(-50%)}
.facility-hd .infoset .num {font-size:18px; color:#cc0000; margin-bottom:10px}
.facility-hd .infoset h3 {color:#cc0000; margin-bottom:15px}
.facility-hd .openbtn {position:absolute; left:50%; transform:translateX(-50%); bottom:0px; display:inline-block; width:125px; height:25px; background:url(../img/icon_arr_down_red.png) no-repeat center bottom #fff;}
.facility-hd .closebtn {position:absolute; left:50%; transform:translateX(-50%); bottom:0px; display:inline-block; width:125px; height:25px; background:url(../img/icon_arr_up_red.png) no-repeat center bottom #fff;}

.facil-open>div {max-width:1160px; margin:60px auto 70px; padding:0 20px}
.facil-open h3 {margin-bottom:30px}
.facil-open p {text-align:center}

.facil-list>ul:after {content:" "; display:block; clear:both}
.facil-list>ul {max-width:1160px; margin:0px auto 40px; padding:0 20px}
.facil-list>ul>li {display:inline-block; float:left; width:29.33%; margin:0 2% 60px}
.facil-list>ul>li:nth-child(3n+4) {clear:both}
.facil-list>ul>li h4 {font-size:18px; color:#cc0000; margin-bottom:20px; font-weight:400}

.facility01 .facility-hd {background:url(../img/img_about_facilities01.png) no-repeat center; background-size:cover}
.facility02 .facility-hd {background:url(../img/img_about_facilities02.png) no-repeat center; background-size:cover}
.facility02 .infoset * {color:#fff !important}

.facility03 .facility-hd {background:url(../img/img_about_facilities03.png) no-repeat center; background-size:cover}
.facility03 .infoset * {color:#fff !important}

/* 연혁 */
.history-hd {position:relative; background:url(../img/img_history_hd.png) no-repeat; background-position:left -200px center; background-size:auto 100%}
.history-hd>div {position:relative; max-width:1200px; margin:0 auto; height:365px;}
.history-hd>div>p {position:absolute; display:inline-block; bottom:-21px; right:20px; font-size:70px; color:#d3dbde;}

.history-li {position:relative; margin-top:-145px; background:url(../img/bg_grey_line.png) repeat-y center}
.history-li .titset {position:relative; top:-63px; text-align:center}
.history-li .titset h3 {color:#cc0000; margin-bottom:20px}
.history-li .titset .line-bk {background:#fff}
.history-li .titset .line-bk:hover {color:#cc0000}
.history-li .hisset {max-width:1200px; margin:0 auto;}
.history-li .hisset>ul {margin:180px 20px 0px}
.history-li .hisset>ul:after {content:" "; display:block; clear:both}
.history-li .hisset>ul>li {display:inline-block; float:left; width:50%; margin:70px 0px}
.history-li .hisset>ul>li>div:after {content:" "; display:block; clear:both}
.history-li .hisset>ul>li .point {display:inline-block; float:left; width:18%; height:6px; background: url(../img/img_about_history01.png) no-repeat right 1px center; transform:rotate(180deg); position:relative; right:5px}
.history-li .hisset>ul>li .dataset {position:relative; right:5px; display:inline-block; float:right; width:82%}
.history-li .hisset>ul>li .dataset * {text-align:left;}
.history-li .hisset>ul>li .dataset .img {margin-top:-20%}
.history-li .hisset>ul>li .dataset .img img {width:100%; max-width:400px}
.history-li .hisset>ul>li .dataset .date {margin:20px 0px 7px; font-weight:400}
.history-li .hisset>ul>li .dataset .txt {word-break:keep-all}
.history-li .hisset>ul>li:nth-child(1) * {text-align:right}
.history-li .hisset>ul>li:nth-child(1) {margin-top:0px;}
.history-li .hisset>ul>li:nth-child(2n+3) {margin-top:0px; clear:both}
.history-li .hisset>ul>li:nth-child(2n+3) .dataset * {text-align:right}
.history-li .hisset>ul>li:nth-child(1) .point {float:right; transform:rotate(0deg); left:4px}
.history-li .hisset>ul>li:nth-child(1) .dataset {float:left; left:4px;}
.history-li .hisset>ul>li:nth-child(2n+3) .point {float:right; transform:rotate(0deg); left:4px}
.history-li .hisset>ul>li:nth-child(2n+3) .dataset {float:left; left:4px;}

/* R&D Partnership */
.partner01 {border-bottom:1px solid #ddd; background:url(../img/img_about_partner01.png) no-repeat center; background-size:cover}
.partner01>div {height:370px}
.partner01 .infoset {top:35% !important}

.partner02 {padding:0px 20px}
.partner02>div {max-width:1200px; margin:60px auto}
.partner02>div h3 {color:#cc0000; margin-bottom:20px}
.partner02>div .subtxt {text-align:center}
.partner02 .tmbset {margin-top:60px;}
.partner02 .tmbset:after {content:" "; display:block; clear:both}
.partner02 .tmbset>li {display:inline-block; float:left; width:29.333%; margin:0 2%}
.partner02 .tmbset h4 {font-size:20px; color:#cc0000; height:44px; line-height:22px; margin-bottom:10px; font-weight:400}
.partner02 .tmbset .img img {width:100%; max-width:275px} 
.partner02 .tmbset .info {margin:20px 0px}
.partner02 .tmbset .list {font-size:14px}

.partner03>div {max-width:1200px; margin:0 auto; padding:60px 20px}
.partner03 ul:after {content:" "; display:block; clear:both}
.partner03 h3 {color:#cc0000; margin-bottom:15px}
.partner03 .sc2 {padding:40px 0px 60px; /*border-bottom:1px solid #ddd*/}
.partner03 .sc2>li {display:inline-block; float:left; width:46%; margin:0 2%}
.partner03 .sc2>li * {text-align:center}
.partner03 .sc2>li>.img img {width:100%; max-width:425px;}
.partner03 .sc2>li p {text-align:center; margin-top:25px; font-size:18px}
.partner03 .sc3 {margin:60px 0px 0px}
.partner03 .sc3>li {display:inline-block; float:left; width:29.333%; margin:0 2%}
.partner03 .sc3>li h4 {font-size:18px; font-weight:400; color:#cc0000; margin-bottom:10px}
.partner03 .sc3>li li {list-style:decimal; list-style-position:outside; margin:0px 0px 5px 18px;}

.partner04>div {max-width:1200px; margin:0 auto; padding:60px 20px}
.partner04>div>ul:after {content:" "; display:block; clear:both}
.partner04>div>ul>li {display:inline-block; float:left; width:21%; margin:60px 2% 0}
.partner04>div>ul>li:nth-child(4n+5) {clear:both}
.partner04>div>ul>li h4 {font-size:18px; color:#cc0000; margin-bottom:15px; font-weight:400}
.partner04 .list li {list-style:url(../img/icon_dashed_list2.png); list-style-position:outside; margin-left:13px; font-size:18px;}

.partner05>div {max-width:1200px; margin:0 auto; padding:60px 20px}
.partner05 h3 {color:#cc0000}
.partner05 .diagram {position:relative; max-width:820px; width:100%; margin:60px auto 0;}
.partner05 .diagram:after {content:" "; display:block; clear:both} 
.partner05 .diagram>li {position:relative; display:inline-block; float:left; width:22%; max-width:180px; vertical-align:top}
.partner05 .diagram>li.dia1 {z-index:505; margin-left:5%}
.partner05 .diagram>li.dia2 {z-index:504; margin-left:-5%}
.partner05 .diagram>li.dia3 {z-index:503; margin-left:-5%}
.partner05 .diagram>li.dia4 {z-index:502; margin-left:-5%}
.partner05 .diagram>li.dia5 {z-index:501; margin-left:-5%}
.partner05 .diagram>li .img {max-width:180px}
.partner05 .diagram>li .img img {width:100%; max-width:180px}
.partner05 .diagram>li p {text-align:center; margin-top:5%}
.partner05 .diagram>li.dia1 p {max-width:80%}
.partner05 .diagram>li.dia2 p {max-width:120%; margin-left:-20%}
.partner05 .diagram>li.dia3 p {width:120%; margin-left:-20%}
.partner05 .diagram>li.dia4 p {max-width:120%; margin-left:-20%}
.partner05 .diagram>li.dia5 p {max-width:80%}

.partner06>div {max-width:1200px; margin:0 auto; padding:60px 20px}
.partner06 .dvdtwo:after {content:" "; display:block; clear:both} 
.partner06 .dvdtwo>div {display:inline-block; float:left}
.partner06 .dvdtwo>div:nth-child(1) {width:47%; margin-right:6%}
.partner06 .dvdtwo>div:nth-child(2) {width:47%}
.partner06 .dvdtwo>div h4 {font-size:20px; color:#cc0000; margin-bottom:30px; font-weight:400}
.partner06 .inputset .agree {width:100%}
.partner06 .inputset .secure {width:100%}
.partner06 .inputset input {background:none}
.partner06 .inputset textarea {background:none}  
.partner06 .select:nth-child(1) {z-index:900}
.partner06 .select:nth-child(2) {z-index:auto}
.partner06 .select:nth-child(3) {z-index:auto}
.partner06 .select:nth-child(4) {z-index:auto} 

/* 글로벌네트워크 */
.global01>div {max-width:1200px; margin:0 auto; padding:60px 20px}
.global01>div>h3 {margin-bottom:10px}
.global01 .img {max-width:1014px; margin:20px auto 60px}
.global01 .img img {max-width:1041px; width:100%}
.global01 .duobox {margin-top:80px}
.global01 .duobox:after {content:" "; display:block; clear:both} 
.global01 .duobox>div {display:inline-block; float:left; width:45%}
.global01 .duobox>div:nth-child(1) {margin-right:5%}
.global01 .duobox>div:nth-child(2) {margin-left:5%}
.global01 .duobox h4 {font-size:20px; color:#cc0000; margin-bottom:20px; font-weight:400}
.global01 .duobox h5 {font-size:18px; font-weight:400}
.global01 .duobox .ads {margin:10px 0}
.global01 .duobox p {font-size:18px}
.global01 .duobox .call {margin:5px 0}
.global01 .duobox .call span:first-child {width:50%; max-width:100px}
.global01 .duobox .call span{display:inline-block;}
.global01 .duobox li {list-style:url(../img/icon_dashed_list3.png); list-style-position:outside; margin-left:15px; margin:7px; font-size:18px}

.global02>div {max-width:1200px; margin:0 auto; padding:60px 20px}
.global02 .catemenu {margin:20px 0 20px}
.global02 .catemenu li a {font-size:18px; margin-bottom:10px}
.global02 .catemenu li a.on {border-bottom:2px solid #777; font-weight:400}
.global02 .googlemap {padding:0px;}
.global02 .googlemap iframe {width:100%; height:500px; padding:0px; margin:0px}

.global03>div {max-width:1200px; margin:0 auto; padding:60px 20px}
.global03>div>div {margin-top:50px}
.global03>div>div:after {content:" "; display:block; clear:both} 
.global03>div>div>ul {display:inline-block; float:left; width:16.66%; margin-bottom:60px}
.global03>div>div>ul:after {content:" "; display:block; clear:both}  
.global03>div>div>ul:nth-child(6n+7) {clear:both}
.global03>div>div>ul>li {padding:3px 0px; font-size:18px}
.global03>div>div>ul>li.tit {font-size:20px; color:#cc0000; text-transform:uppercase; height:45px; font-weight:400}
.global03>div>div>ul:last-child {width:33.33%}
.global03>div>div>ul:last-child li {display:inline-block; float:left; width:50%}
.global03>div>div>ul:last-child li.tit {width:100%}


/*-------------------------------- 미디어쿼리 ---------------------------------*/
@media all and (max-width:1200px){
} 


@media all and (max-width:768px){
    #mfuture>div {margin:0 20px; height:300px}
    #mfuture .infobox {left:10%; width:90%}
    #mfuture .infobox h3 {font-size:30px;}
    #mfuture .infobox .button {margin:20px 2px 5px; padding:0px 15px; font-size:13px; height:28px; line-height:28px}
    
    #mhumanity>div {margin:0 20px; height:400px}
    #mhumanity .infobox {left:35%; width:65%; top:40%}
    #mhumanity .infobox h3 {font-size:28px}
    #mhumanity .infobox .subtxt18 {font-size:16px; line-height:120%; margin-top:15px}
    #mhumanity .infobox .btn {margin-top:15px}
    #mhumanity .infobox .btn .button {margin:0px 2px 5px; padding:0px 15px; font-size:13px; height:28px; line-height:28px}
    
    #mSGMDx>div {padding:35px 20px}
    #mSGMDx>div .subcopy {margin-top:5px;}
    #mSGMDx>div>ul {margin-top:0px}
    #mSGMDx>div>ul>li {position:relative; display:block; float:none; width:100%; margin:20px 0% 0}
    #mSGMDx>div>ul>li:after {content:" "; display:block; clear:both}
    #mSGMDx>div>ul>li .img {display:inline-block; float:left; width:25%}
    #mSGMDx>div>ul>li .img img {width:100%; max-width:200px}
    #mSGMDx>div>ul>li .infobox {display:inline-block; float:right; width:73%;}
    #mSGMDx>div>ul>li .infobox>h4 {text-align:left; font-size:17px; margin:0px 0px}
    #mSGMDx>div>ul>li .infobox>ul>li {font-size:13px; margin:5px 0px 5px 15px}
    #mSGMDx>div>ul>li .infobox>ul>li span {display:block; margin-left:-5px}
    
    #mpartner>div {padding:35px 20px}
    #mpartner .circle {max-width:600px; margin:20px auto; padding:0px}
    #mpartner .circle>li {width:23%; height:130px; margin:0 1%}
    #mpartner .circle>li>span {font-size:14px; line-height:110%}
    #mpartner .subtxt24 {margin:0 20px; font-size:15px}
    #mpartner .btn {margin-top:20px}
    
    #mglobal>div {padding:35px 20px}
    #mglobal>div .subcopy {margin-top:5px}
    #mglobal .img {max-width:710px; margin:20px auto}
    #mglobal .img img {width:100%; max-width:710px}
    #mglobal .btn {text-align:center}
    #mglobal .btn .button {width:220px}
    
    #mwhatsMDX>div {max-width:1200px; margin:0 auto; padding:35px 20px}
    #mwhatsMDX>div .subtxt24 {margin-top:10px}
    #mwhatsMDX>div>ul {max-width:600px; margin:25px auto}
    #mwhatsMDX>div>ul>li h4 {margin:10px 0 0; font-size:15px}
    #mwhatsMDX>div .info {font-size:15px; margin:0 20px}
    
    .company02>div {padding:45px 20px 20px}
    .company02 h3 {margin-bottom:10px}
    .company02 ul li {width:46%; margin:0 2% 35px}
    .company02 ul li h4 {font-size:15px; margin-bottom:10px}
    .company02 ul li p {font-size:14px}
    
    .company03>div {padding:45px 20px}
    .company03 h3 {margin-bottom:0px}
    .company03 .withicon {margin:20px auto 25px}
    .company03 .withicon li {display:inline-block; float:left; width:30.333%; margin:0 1% 20px}
    .company03 .withicon li h4 {font-size:16px; margin:10px 0px 5px}
    .company03 .withicon li p {font-size:14px}
    .company03 .onlytxt li {width:46%; margin:0 2% 35px}
    .company03 .onlytxt li:nth-child(3) {clear:left; margin:0 2% 0px}
    .company03 .onlytxt li:nth-child(4) {margin:0 2% 0px} 
    .company03 .onlytxt li h4 {font-size:15px; margin-bottom:10px}
    .company03 .onlytxt li p {font-size:14px}
    
    .company04>div {max-width:1160px; height:auto; margin:0 auto; padding:35px 20px}
    .company04 h3 {margin-bottom:20px}
    .company04 ul li {display:block; float:none; min-height:inherit; width:100%; margin:10px 0px; padding:0px 0px;}
    .company04 ul li * {text-align:left}
    .company04 ul li h4 {font-size:18px; margin:0px; padding:15px 15px 5px}
    .company04 ul li p {font-size:15px; line-height:130%; height:inherit; overflow:auto; padding:0px 15px 15px}
    .company04 .btn {margin-top:30px}
    
    .company05 {background:url(../img/img_about_company05.png) no-repeat 70% center; background-size:cover; min-height:580px}
    .company05 {min-height:400px;}
    .company05>div {padding:35px 20px;}
    .company05 h3 {margin-bottom:10px}
    .company05 .infoset {left:50% !important; width:45% !important}
    .company05 .infoset .btn {margin-top:20px}
    .company05 .infoset .btn .button {width:auto}
    
    .company06 {background:url(../img/img_about_company06.png) no-repeat center; background-size:cover; min-height:500px}
    .company06>div {padding:35px 0px}
    .company06 h3 {margin:0px 10px 10px}
    .company06 .infoset {width:60% !important; top:40% !important}
    .company06 .infoset .btn {margin-top:20px}
    .company06 .infoset .btn .button {width:auto}
    
    .company07>div {padding:35px 20px}
    .company07 h3 {margin-bottom:30px}
    .company07 .allset {width:68%; border-left:10px solid #ef5f54; border-right:10px solid #ef5f54;}
    .company07 .redbloc1 {top:-10px; left:-10px}
    .company07 .redbloc2 {top:-10px; right:-10px}
    .company07 .redbloc3 {bottom:-10px; left:-10px}
    .company07 .redbloc4 {bottom:-10px; right:-10px}
    .company07 .allset>span {width:20px; height:10px}
    .company07 .allset>div {padding:10px 20px}
    .company07 .allset>div .contit {margin-bottom:10px;}
    .company07 .allset>div .contit span {font-size:13px; line-height:14px; width:31.333%; margin:0 1%}
    .company07 .allset .info {margin-top:15px; font-size:16px}
    .company07 .lis {width:32%}
    .company07 .lis .img {min-height:260px; margin-top:-15px}
    .company07 .lis .img p {bottom:20px; font-size:16px}
    .company07 .lis .img p span {font-size:13px}
    .company07  .sumtxt {margin:20px auto 0px}
    .company07 .btn {margin-top:20px}
    
    .company08>div {padding:35px 20px} 
    .company08 ul {margin:30px auto}
    .company08 ul li {width:23%; margin:0 1%}
    .company08 ul li img {width:100%}
    .company08 .subtxt18 {font-size:16px}
        
    .facility-hd>div {height:300px}
    .facility-hd .infoset {top:35%}
    .facility-hd .infoset .num {font-size:16px}
    .facility-hd .openbtn {width:82px; height:17px; background:url(../img/icon_minarr-red_down.png) no-repeat center bottom #fff;}
	.facility-hd .closebtn {width:82px; height:17px; background:url(../img/icon_minarr-red_up.png) no-repeat center bottom #fff;}

    .facil-open>div {margin:35px auto 35px}
    .facil-open h3 {margin-bottom:20px}

    .facil-list>ul {margin:0px auto 40px}
    .facil-list>ul>li {display:block; float:none; width:100%; margin:0px 0px 20px}
    .facil-list>ul>li h4 {font-size:18px; margin-bottom:5px}
    
    .history-hd>div {height:200px;}
    .history-hd>div>p {bottom:-13px; right:10px; font-size:45px}

    .history-li {margin-top:-75px}
    .history-li .titset h3 {margin-bottom:15px}
    
    .history-li .hisset>ul {margin:120px 20px 0px}
    .history-li .hisset>ul>li {margin:50px 0px}
    .history-li .hisset>ul>li .dataset .img {margin-top:-25%}
    .history-li .hisset>ul>li .dataset .date {margin:10px 0px 7px;}
    
    .partner02>div {margin:35px auto}
    .partner02>div h3 {margin-bottom:20px}
    .partner02>div .subtxt {text-align:center}
    .partner02 .tmbset {margin-top:30px;}
    .partner02 .tmbset h4 {font-size:16px; height:36px; line-height:18px; margin-bottom:10px}
    .partner02 .tmbset .info {margin:15px 0px}
    .partner02 .tmbset .list {font-size:13px}
    
    .partner03>div {padding:35px 20px}
    .partner03 h3 {margin-bottom:10px}
    .partner03 .sc2 {padding:25px 0px 30px}
    .partner03 .sc2>li p {margin-top:15px; font-size:15px}
    .partner03 .sc3 {margin:30px 0px 0px}
    .partner03 .sc3>li h4 {font-size:16px; color:#cc0000; margin-bottom:10px}
    .partner03 .sc3>li li {list-style:decimal; list-style-position:outside; margin:0px 0px 5px 18px;}
    
    .partner04>div {padding:35px 20px}
    .partner04>div>ul>li {width:21%; margin:30px 2% 0}
    .partner04>div>ul>li:nth-child(4n+5) {clear:both}
    .partner04>div>ul>li h4 {font-size:16px; margin-bottom:10px}
    .partner04 .list li {font-size:15px;}
    
    .partner05>div {padding:35px 0px}
    .partner05 .diagram {margin:25px auto 0;}
    .partner05 .diagram>li p {font-size:14px; line-height:110%; margin-top:5%}
    .partner05 .diagram>li.dia1 p {max-width:80%; margin-top:10%}
    .partner05 .diagram>li.dia2 p {width:130%; max-width:inherit; margin-left:-25%}
    .partner05 .diagram>li.dia3 p {width:150%; margin-left:-35%; margin-top:17%}
    .partner05 .diagram>li.dia4 p {max-width:120%; margin-left:-20%}
    .partner05 .diagram>li.dia5 p {max-width:80%; margin-top:12%}
    
    .partner06>div {padding:35px 20px}
    .partner06 .dvdtwo>div {display:inline-block; float:left}
    .partner06 .dvdtwo>div:nth-child(1) {width:50%; margin-right:5%}
    .partner06 .dvdtwo>div:nth-child(2) {width:45%}
    .partner06 .dvdtwo>div h4 {font-size:18px; margin-bottom:20px}
    
    .global01>div {max-width:1200px; margin:0 auto; padding:35px 20px}
    .global01>div>h3 {margin-bottom:10px}
    .global01 .img {max-width:1014px; margin:20px auto}
    .global01 .duobox {margin-top:30px}
    .global01 .duobox>div {display:inline-block; float:left; width:48%}
    .global01 .duobox>div:nth-child(1) {margin-right:2%}
    .global01 .duobox>div:nth-child(2) {margin-left:2%}
    .global01 .duobox h4 {font-size:18px; color:#cc0000; margin-bottom:10px}
    .global01 .duobox h5 {font-size:18px}
    .global01 .duobox .ads {margin:5px 0}
    .global01 .duobox p {font-size:15px}
    .global01 .duobox .call {margin:3px 0}
    .global01 .duobox .call span:first-child {width:30%; max-width:100px}
    .global01 .duobox li {margin-left:15px; font-size:15px}
    
    .global02>div {padding:35px 20px}
    .global02 .catemenu {margin:10px 0 15px}
    .global02 .catemenu li a {font-size:inherit; margin:5px}
    .global02 .googlemap iframe {width:100%; height:300px; padding:0px; margin:0px}
    
    .global03>div {padding:35px 20px}
    .global03>div>div {margin-top:30px}
    .global03>div>div>ul {display:inline-block; float:left; width:33.33%; margin-bottom:20px}
    .global03>div>div>ul:nth-child(6n+7) {clear:none}
    .global03>div>div>ul:nth-child(3n+4) {clear:both}
    .global03>div>div>ul>li {padding:3px 0px; font-size:16px}
    .global03>div>div>ul>li.tit {font-size:18px; height:30px}
    .global03>div>div>ul:last-child {width:66.66%}
    .global03>div>div>ul:last-child li {display:inline-block; float:left; width:50%}
    .global03>div>div>ul:last-child li.tit {width:100%}
}

@media all and (max-width:600px){
    .partner06 .dvdtwo>div {display:block; float:none; }
    .partner06 .dvdtwo>div:nth-child(1) {width:100%; margin-right:0%}
    .partner06 .dvdtwo>div:nth-child(2) {width:100%}
    .partner06 .dvdtwo>div h4 {font-size:18px; margin:30px 0px 10px}
}

@media all and (max-width:500px){
    #mpartner>div {padding:35px 20px}
    #mpartner .circle {margin:15px auto; padding:0px; max-width:250px}
    #mpartner .circle>li {width:48%; height:110px; margin:2% 1%}
    #mpartner .circle>li>span {font-size:13px; line-height:110%}
    #mpartner .subtxt24 {margin:0 20px; font-size:14px}
    #mpartner .btn {margin-top:20px}  
     
    #mwhatsMDX>div {max-width:1200px; margin:0 auto; padding:35px 20px}
    #mwhatsMDX>div .subtxt24 {margin-top:10px}
    #mwhatsMDX>div>ul {max-width:1000px; margin:20px auto}
    #mwhatsMDX>div>ul>li {width:100%; max-width:260px; margin:5px auto; float:none; display:block;}
    #mwhatsMDX>div>ul>li:after {content:" "; display:block; clear:both}
    #mwhatsMDX>div>ul>li .img {display:inline-block; float:left; width:50px}
    #mwhatsMDX>div>ul>li h4 {margin:12px 0 0 10px; font-size:18px; display:inline-block; float:left;}
    #mwhatsMDX>div>ul>li h4 span {display:inline}
    #mwhatsMDX>div .info {font-size:14px}
	 
	.company01 .infoset {top:45% !important; width:100% !important; left:0% !important}
    
    .company05 {min-height:400px;}
    .company05>div {padding:35px 0px;}
    .company05 h3 {margin-bottom:0px}
    .company05 .infoset {left:40% !important; width:55% !important; top:48% !important}
    .company05 .infoset p {font-size:14px !important}
    
    .company06 h3 {margin-bottom:0px}
    .company06 .infoset {width:80% !important; margin:0 auto !important; left:0% !important; top:40% !important}
    .company06 .infoset p {font-size:14px !important}
    .company06 .infoset .btn {margin-top:20px}
    .company06 .infoset .btn .button {width:auto}
    
    .company07>div {padding:35px 20px}
    .company07 h3 {margin-bottom:30px}
    .company07 .allset>div {padding:10px 15px}
    .company07 .allset>div .contit {display:none}
    .company07 .allset .info {margin-top:15px; font-size:15px}
    .company07 .lis {width:32%}
    .company07 .lis .img {position:relative; min-height:210px; margin-top:-50px}
    .company07 .lis .img p {bottom:0px; font-size:15px; line-height:100%}
    .company07 .lis .img p span {font-size:13px;}
    .company07  .sumtxt {margin:20px auto 0px}
    .company07 .btn {margin-top:20px}
    
    .history-hd>div>p {bottom:-8px; right:10px; font-size:30px}
    
    .partner02 .tmbset>li {display:block; float:none; width:100%; margin:0}
    .partner02 .tmbset>li * {text-align:center}
    .partner02 .tmbset h4 {font-size:18px; height:auto; line-height:inherit; margin:30px 0px 10px}
    .partner02 .tmbset .info {margin:10px 0px}
    
    .partner03 .sc2 {padding:20px 0px 0px}
    .partner03 .sc2>li p {margin-top:10px; font-size:15px}
    .partner03 .sc2>li {display:block; float:none; width:100%; margin:10px 0 40px}
    .partner03 .sc3>li {display:block; float:none; width:100%; margin:0 0 10px}
    .partner03 .sc3 {margin:20px 0px 0px}
    .partner03 .sc3>li li {margin:0px 0px 3px 18px;}
    
    .partner04>div>ul>li {width:46%; margin:20px 2% 0}
    .partner04>div>ul>li:nth-child(4n+5) {clear:none}
    .partner04>div>ul>li:nth-child(2n+3) {clear:both}
    .partner04>div>ul>li h4 {font-size:16px; margin-bottom:8px}
    .partner04 .list li {font-size:15px;}
    
    .partner05>div {padding:35px 0px}
    .partner05 .diagram {margin:25px auto 0;}
    .partner05 .diagram>li p {font-size:12px; line-height:110%; margin-top:0%}
    .partner05 .diagram>li.dia1 p {max-width:80%; margin-top:10%}
    .partner05 .diagram>li.dia2 p {width:150%; max-width:inherit; margin-left:-40%}
    .partner05 .diagram>li.dia3 p {width:150%; margin-left:-40%; margin-top:18%}
    .partner05 .diagram>li.dia4 p {max-width:120%; margin-left:-20%;}
    .partner05 .diagram>li.dia5 p {max-width:80%; margin-top:10%}
    
    .global01 .duobox>div {display:block; float:none; width:100%; margin-top:30px}
    .global01 .duobox>div:nth-child(1) {margin-right:0%}
    .global01 .duobox>div:nth-child(2) {margin-left:0%}
}