html, body {width:100%; min-height:100%; /* overflow:hidden; */ }
html {overflow-y:scroll; filter:expression(document.execCommand("BackgroundImageCache", false, true)); /* overflow-x:hidden; */ }
body {background:#fff; -webkit-text-size-adjust:none; /* overflow-x:hidden; */ }
body.stop-transitions * { transition: none !important; }
#wrap {position:relative; width:100%; overflow:hidden;}
.overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:500;}
#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner {position:relative; width:100%; max-width:100%; padding:0 3%; /*margin:0 auto 70px;*/ margin:0 auto; box-sizing:border-box; /*padding:0 100px;*/}
.inner:after {display:block; content:""; clear:both;}
.pc {display:block !important;}
.pct {display:block !important;}
.tablet {display:none !important;}
.tablet2 {display:none !important;}
.mobile {display:none !important;}
.tabmo {display:none !important;}
.tabmo2 {display:none !important;}
*::placeholder { color:#999; }
*::-webkit-input-placeholder { color:#999; }
*:-moz-placeholder { color:#999; }
*::-moz-placeholder { color:#999; }
*:-ms-input-placeholder { color:#999 !important; }
*::-ms-input-placeholder { color:#999; }
#wrap {position:relative; width:100%; overflow:hidden; }
#wrap img { max-width:100%; }
.br01 {display:block;}
.br02 {display:none;}
.btn_more02 {position:relative; display:inline-block; padding-right:90px; font-size:14px; font-weight:500; color:#222; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; vertical-align:top;}
.btn_more02 i {position:absolute; top:50%; right:0; display:inline-block; margin-top:-1px; vertical-align:middle; width:90px; height:1px; border-radius:1px; background-color:#000; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.btn_more02 i:before {content:""; display:inline-block; vertical-align:middle; position:absolute; bottom:7px; right:-1px; width:40px; height:1px; border-radius:1px; background-color:#000; transform:rotate(20deg); -ms-transform:rotate(45deg); -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
/*.btn_more02 i:after {content:""; display:inline-block; vertical-align:middle; position:absolute; bottom:-2px; right:-1px; width:7px; height:1px; border-radius:1px; background-color:#000; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;}*/
.btn_more02:hover {color:#155230;}
.btn_more02:hover i,
.btn_more02:hover i:before,
.btn_more02:hover i:after {background-color:#155230;}
.btn_more02:hover i {-webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
.section {position:relative; float:left; width:100%; height:auto; /* padding:100px 0 80px 0;*/ font-family:'NanumSquare','Noto Sans KR'; }
/*main contents */
#mainVisual { width: 100%; max-height:660px; position: relative; z-index: 1; overflow: hidden; background-color: #efe3d7; margin: 0px auto 0; }
#mainVisual .mySwiper { width:100%; height:660px; }
/*#mainVisual .mySwiper img {width:100%; }*/
#mainVisual .mySwiper #container { position: relative;margin: 0 auto;width: 100%;height: 100%; }
#mainVisual .mySwiper .swiper-slide-active .item_img { transform: scale(1); }
#mainVisual .swiper-slide .item_img { width: 100%;height: 100%;object-fit: cover; }
#mainVisual .button-prev { font-size: 0px;line-height: 0;display: block;width: 39px;height: 66px;position: absolute;left: 50px; top: calc(50% - 39px); z-index: 99;background: url(../images/main/arrow_left03.png) left top no-repeat; }
#mainVisual .button-next { font-size: 0px;line-height: 0;display: block;width: 39px;height: 66px;position: absolute;right: 50px;top: calc(50% - 39px);z-index: 99;background: url(../images/main/arrow_right03.png) right top no-repeat; }
#mainVisual li { width: 100%; left: 50%; margin-left: -50%; text-align: center; overflow: hidden; }
#mainVisual li .title { display: inline-block; width: 100%; position: absolute; top: 30%; left: 50%; margin-left: -50%; text-align: center; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic", "Nanum Gothic", sans-serif; }
#mainVisual .bx-wrapper { height: 800px; }
#mainVisual .scrollDown { width: 100%; position: absolute; bottom: 2%; left: 0px; z-index: 100; }
#mainVisual .scrollDown a { text-indent: -9999px; overflow: hidden; display: block; background: url("/images/main/btn_scroll.png") center center no-repeat; width: 72px; height: 72px; margin: 0px auto; }
#mainVisual .mainVisualTxt { position: absolute; top: 160px; width: 100%; z-index: 150; left: 50%; margin-left: -50%; font-size: 66px; line-height: 80px; font-weight: 800; color: #ffffff; text-align: center; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic", "Nanum Gothic", sans-serif; text-shadow: rgb(0, 0, 0) 1px 1px 1px; }
#mainVisual .mainVisualTxt .m1 { padding-top: 30px; font-size: 52px; font-weight: 700; color: #444444; letter-spacing: -0.5px; line-height: 66px; text-align: left; }
#mainVisual .mainVisualTxt .m1 img { width: 100%; }
#mainVisual .mainVisualTxt .m1 b { color: #018757; }
#mainVisual .mainVisualTxt .m1 span { font-size: 42px; line-height: 44px; }
#mainVisual .bx-controls-direction .bx-prev { font-size: 0px; line-height: 0; display: block; width: 32px; height: 62px; position: absolute; left: 50px; top: calc(50% - 32px); z-index: 99; background: url("../images/main/arrow_left01.png") left top no-repeat; }
#mainVisual .bx-controls-direction .bx-next { font-size: 0px; line-height: 0; display: block; width: 32px; height: 62px; position: absolute; right: 50px; top: calc(50% - 32px); z-index: 99; background: url("../images/main/arrow_right01.png") right top no-repeat; }
#mainVisual .bx-controls { position: relative; }
#mainVisual .bx-pager { text-align: center; position: relative; top: -290px; z-index: 99; }
#mainVisual .bx-pager-item { display: inline-block; zoom: 1; margin: 0px 5px; }
#mainVisual .bx-pager-item .bx-pager-link { font-size: 0px; line-height: 0; display: inline-block; width: 14px; height: 14px; background: url("../images/main/visual_bullet.png") left top no-repeat; }
#mainVisual .bx-pager-item .bx-pager-link.active { background-position: left bottom; }
/*
#mainVisual .mvbanner {display: flex; position: absolute; left: 50%; bottom : 60px; transform: translateX(-50%); z-index: 10; width: auto; max-width: 100%; border-radius: 20px; overflow: hidden; }
#mainVisual .mvbanner .list { display: flex; flex: 1; white-space: nowrap; justify-content: space-around; background-color: #ffffff; }
#mainVisual .mvbanner li {position:relative; float:left; width:30.86%; padding:0% 0 0 0%; margin-right:3.5%; margin-bottom:40px; background:#fff; border-radius:20px; box-shadow:5px 5px 5px rgba(0,0,0,.2); text-align:center;}
#mainVisual .mvbanner li:last-child{margin-right:0%;}
#mainVisual .mvbanner li a {position:relative; float:left; width:100%; height:180px; padding:115px 0 0% 0%; display:block; box-sizing:border-box; background:#fff; }
#mainVisual .mvbanner li a h3 {float:left; width:100%; font-size:20px; font-weight:300; }
#mainVisual .mvbanner li a:hover { color:#5a88c6 ; background:#222;
-webkit-transition:300ms ease-out 0ms;
-moz-transition:300ms ease-out 0ms;
-ms-transition:300ms ease-out 0ms;
transition:300ms ease-out 0ms;}
#mainVisual .mvbanner li .work1 {background: url('../images/main/mvban01.png') no-repeat center 30px; border-radius:20px;}
#mainVisual .mvbanner li .work1:hover {background:#ebf4ff url('../images/main/mvban01_on.png') no-repeat center 30px; }
#mainVisual .mvbanner li .work2 {background:url('../images/main/mvban02.png') no-repeat center 30px; border-radius:20px;}
#mainVisual .mvbanner li .work2:hover {background:#ebf4ff url('../images/main/mvban02_on.png') no-repeat center 30px; }
#mainVisual .mvbanner li .work3 {background:url('../images/main/mvban03.png') no-repeat center 30px; border-radius:20px;}
#mainVisual .mvbanner li .work3:hover {background:#ebf4ff url('../images/main/mvban03_on.png') no-repeat center 30px ;}
#mainVisual .mvbanner li .work4 {background:url('../images/main/mvban04.png') no-repeat center 30px; border-radius:20px;}
#mainVisual .mvbanner li .work4:hover {background:#ebf4ff url('../images/main/mvban04_on.png') no-repeat center 30px ;}
#mainVisual .mvbanner li .work5 {background:url('../images/main/mvban05.png') no-repeat center 30px; border-radius:20px;}
#mainVisual .mvbanner li .work5:hover {background:#ebf4ff url('../images/main/mvban05_on.png') no-repeat center 30px ;}
#mainVisual .mvbanner li .work6 {background:url('../images/main/mvban06.png') no-repeat center 30px; border-radius:20px;}
#mainVisual .mvbanner li .work6:hover {background:#ebf4ff url('../images/main/mvban06_on.png') no-repeat center 30px ;}
*/
/*#mainVisual .schedule_banner {display: flex; position: absolute; left: 50%; bottom : 60px; transform: translateX(-50%); z-index: 10; width: auto; max-width: 100%; border-radius: 20px; overflow: hidden; }
#mainVisual .schedule_banner .left { background-repeat: no-repeat; background-size: 200% auto; background-image: linear-gradient(45deg, rgba(13,50,111,1) 17%, rgba(192,163,83,1) 63%);
padding: 2rem 2.4rem; color: #fff; display: block; text-align: left; transition: ease-in-out .3s; width: 16rem; }
#mainVisual .schedule_banner .left p { font-size: 1.7rem; font-weight: 600; }
#mainVisual .schedule_banner .left .plus { display: inline-block; width: 100%; fill: #fff; margin-top: 1.5rem; }
#mainVisual .schedule_banner .left .plus svg { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; margin-left: auto; transition: transform 0.3s; }
#mainVisual .schedule_banner .list { display: flex; flex: 1; white-space: nowrap; justify-content: space-around; background-color: #ffffff; }
#mainVisual .schedule_banner .list li { transition: background-color 0.5s, color 0.5s; }
#mainVisual .schedule_banner .list .ser_box { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2rem 5.5rem 1.7rem; }
#mainVisual .schedule_banner .list .ico { position: relative; display: flex; align-items: center; justify-content: center; width: 3.1rem; height: 3rem; margin-bottom: 1.3rem; text-align: center; }
#mainVisual .schedule_banner .list .ico svg { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; fill: var(--blue); transition: fill 0.5s; }
#mainVisual .schedule_banner .list .txt { font-size: 2rem; font-weight: 600; }
*/
@media only screen and (max-width:1024px){
#mainVisual { }
#mainVisual .mainSlide > li { }
#mainVisual .mainVisualTxt .m1 { font-size: 42px; }
#mainVisual .mainVisualTxt .m1 img { width: 80%; }
}
@media only screen and (max-width: 850px) {
#mainVisual { height: 456px; }
#mainVisual .mainSlide > li { height: 456px; }
#mainVisual .mainVisualTxt { }
#mainVisual .mainVisualTxt .m1 { font-size: 36px; line-height: 56px; }
#mainVisual .mainVisualTxt .m1 img { width: 80%; }
}
@media only screen and (max-width: 680px) {
#mainVisual { height: 350px; }
#mainVisual .mainSlide > li { height: 350px; }
#mainVisual .bx-wrapper { height: 346px; }
#mainVisual .mainVisualTxt { }
#mainVisual .mainVisualTxt img { width: 75%; }
#mainVisual .mainVisualTxt .m1 { font-size: 33px; line-height: 46px; }
#mainVisual .mainVisualTxt .m1 img { width: 70%; }
}
@media only screen and (max-width: 480px) {
#mainVisual { height: 280px; }
#mainVisual .mainSlide > li { height: 280px; }
/*#mainVisual { min-height: 258px; }
#mainVisual .mainSlide > li { min-height: 258px; }
#mainVisual li img { height: 258px; }
#mainVisual .bx-wrapper { height: 258px; }*/
#mainVisual .mainVisualTxt { top: 100px; }
#mainVisual .mainVisualTxt .m1 { font-size: 30px; line-height: 40px; text-align: center; }
#mainVisual .mainVisualTxt .m1 img { width: 40%; }
#mainVisual .mainVisualTxt dl { position: absolute; top: 0px; width: 100%; margin-left: -50%; left: 50%; z-index: 100; }
#mainVisual .mainVisualTxt dl dt { font-size: 20px; top: 30px; color: #ffffff; }
#mainVisual .mainVisualTxt dl dd.tit { font-size: 22px; top: 30px; color: #ffffff; }
#mainVisual .mainVisualTxt dl dd.txt { font-size: 20px; top: 30px; color: #ffffff; }
#mainVisual .mainVisualTxt dl dd.tit span.col01 { color: #ffffff; }
#mainVisual .mainVisualTxt dl dd.tit span.col02 { color: #ffffff; }
#mainVisual .mainVisualTxt dl dd.tit span.col03 { color: #ffffff; }
#mainVisual .button-prev { width: 20px;height: 40px;left: 10px; background-size:100%;}
#mainVisual .button-next { width: 20px;height: 40px;right: 10px;background-size:100%;}
}
.mguide {position:relative; float:left; width:27%; height:330px; background:#ebfceb ; border-radius: 20px; box-sizing:border-box; padding:45px 40px; margin-right:1.9%; }
.mguide h2 {position:relative; float:left; padding:5px 5% 30px 0px; font-size:40px; color:#222; font-weight:600; width:100%; text-align:left; box-sizing:border-box;}
.mguide dl {floaT:left; width:100%; padding-bottom:10px; border-bottom:1px solid #dfdfdf; }
.mguide dl dt {floaT:left; width:100px; text-align:center; color:#fff; background:#3c8f7d; border-radius: 20px; font-size:20px; font-weight:500; padding:7px 7px; margin-right:10px; box-sizing:border-box; }
.mguide dl dd {floaT:left; width:calc(100% - 100px - 10px); height:50px; font-size:40px; font-weight:500; padding:5px 10px; box-sizing:border-box;}
.mguide dl dd b {color:#ff6067; font-weight:500;}
.mguide ul {float:left; width:100%; padding:20px 0 15px; font-size:23px; line-height:26px; }
.mguide ul li {floaT:left; width:100%; padding:5px 0;}
.mguide p {float:left; width:100%; padding:20px 0 15px; font-size:23px; line-height:34px; }
.monline {position:relative; float:left; width:27%; height:330px; background:#fffae2 url('../images/main/monlinebg.png') no-repeat bottom right; border-radius: 20px; box-sizing:border-box; padding:45px 40px; margin-right:1.9%; margin-right:1.9%;}
.monline h2 {position:relative; float:left; padding:5px 5% 30px 0px; font-size:40px; color:#222; font-weight:600; width:100%; text-align:left; box-sizing:border-box;}
.monline p {float:left; width:100%; padding:5px 0 15px; font-size:19px; line-height:24px; }
.monline ul li {floaT:left; width:100%;}
.monline a {float:left; box-sizing:border-box; padding:6px 20px; text-align:center; border-radius:30px; font-size:21px; font-weight:600; line-height:30px; background:#fff; color:#222; text-decoration:none;margin:5px 0 0 0;}
.monline a:hover, .monline a:active {/*float:left;*/ background:#3f3f3f; color:#ffffff; }
.notice { position: relative; float: left; width: 42%; height:330px; padding:45px 40px 15px 40px; border:1px solid #e2e2e2 ; border-radius:20px; box-sizing:border-box; }
.notice h2 { position: relative; padding: 0px 0px 20px; font-size: 40px; font-weight: 600; color: #080808; width: 100%; text-align: left;}
.notice h2 > span {font-size:24px; padding:0 0 0 20px; font-weight: 400;}
.notice h2 img { margin-bottom: -2px; padding-right: 2px; }
.notice .more { position: absolute; right: 7%; top: 33px; }
.notice ul { position: relative; float:left; width:100%; margin: 10px 0px 0px; box-sizing:border-box;}
.notice ul li { float: left; width: 100%; line-height:35px; height:55px;overflow:hidden; text-align: left; font-size: 20px; padding: 12px 0px 12px; border-bottom:1px solid #e2e2e2; letter-spacing: -0.5px;box-sizing:border-box;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; }
.notice ul li a {color:#000;}
.notice ul li a:hover {color:#777;}
.notice ul li span {float:right; }
.notice ul li:last-child {border-bottom:0px solid #e2e2e2 ; }
.section01{position:relative;/* float:left; width:100%;*/ background:#f7fcfd; height:277px; margin:0px 0 90px; padding:0px 0 0px 0; box-sizing:border-box;}
.mvbanner {position: relative; width: 100%; height:277px; overflow: hidden; /*box-shadow:2px 3px 10px 0px rgba(0, 0, 0, 0.1);*/ }
.mvbanner ul {float:left;position:relative; width:100%; /*display: flex; flex:0; white-space: nowrap;justify-content: space-around;background-color: #ffffff;*/}
.mvbanner li {position:relative; float:left; width:20.00%; padding:0% 0 0 0%; text-align:center; background:url ('../images/main/mvbanner_line.png') right center no-repeat;}
.mvbanner li:last-child {background:url (' ') right center no-repeat;}
/*.mvbanner li:after {content:''; width:1px; height:100px; background: #dfdfdf; position:absolute; right:0; top:0; }
.mvbanner li:last-child:after {content:''; width:0px; height:0px; background: #dfdfdf; position:absolute; right:0; top:0;}*/
.mvbanner li a {position:relative; float:left; width:100%; font-size:24px; font-weight:500; color:#000; padding:200px 0 80px 0%; display:block; box-sizing:border-box; }
.mvbanner li a:hover { color:#fff ; background:#3F51B5; font-weight:600; -webkit-transition:300ms ease-out 0ms;
-moz-transition:300ms ease-out 0ms;
-ms-transition:300ms ease-out 0ms;
transition:300ms ease-out 0ms;}
.mvbanner li .work1 {background: url('../images/main/mvban01.png') no-repeat center 70px;}
.mvbanner li .work1:hover {background:#0070b5 url('../images/main/mvban01_on.png') no-repeat center 100px; }
.mvbanner li .work2 {background:url('../images/main/mvban02.png') no-repeat center 70px;}
.mvbanner li .work2:hover {background:#0070b5 url('../images/main/mvban02_on.png') no-repeat center 100px; }
.mvbanner li .work3 {background:url('../images/main/mvban03.png') no-repeat center 70px;}
.mvbanner li .work3:hover {background:#0070b5 url('../images/main/mvban03_on.png') no-repeat center 100px ;}
.mvbanner li .work4 {background:url('../images/main/mvban04.png') no-repeat center 70px;}
.mvbanner li .work4:hover {background:#0070b5 url('../images/main/mvban04_on.png') no-repeat center 100px ;}
.mvbanner li .work5 {background:url('../images/main/mvban05.png') no-repeat center 70px;}
.mvbanner li .work5:hover {background:#0070b5 url('../images/main/mvban05_on.png') no-repeat center 100px ;}
.mvbanner li .work6 {background:url('../images/main/mvban06.png') no-repeat center 70px;}
.mvbanner li .work6:hover {background:#0070b5 url('../images/main/mvban06_on.png') no-repeat center 100px ;}
@media only screen and (max-width:1440px){
.mguide { padding:45px 30px; }
.mguide dl dt {width:80px; font-size:18px; margin-right:0px;}
.mguide dl dd { width:calc(100% - 80px - 0px); height:40px; font-size:33px; letter-spacing:-1.0px; font-weight:500; padding:5px 10px; box-sizing:border-box;}
.mguide ul { font-size:18px; line-height:22px; }
}
@media only screen and (max-width:1366px){
.mguide dl dd { font-size:29px; letter-spacing:-1.0px;}
}
@media only screen and (max-width:1280px){
.mguide dl dd { font-size:26px; }
.notice { padding:45px 30px 15px 30px; }
.notice ul li { float: left; width: 100%; line-height:35px;}
.monline {}
.monline a {padding:5px 20px; font-size:18px; }
}
@media only screen and (max-width: 1024px) {
.notice { width: 100%; padding:45px 30px 15px 30px; }
.notice ul li { float: left; width: 100%; line-height:35px;}
.mguide { width:48%; padding:45px 30px; margin-left:0%; margin-right:0%; margin-bottom:30px;}
.monline { width:48%; padding:45px 30px; margin-left:4%; margin-right:0%; margin-bottom:30px;}
.monline a {padding:5px 20px; font0size:18px; }
}
@media only screen and (max-width: 850px) {
.section01 { height:130px; margin:0px 0 50px; }
.mvbanner {position: relative; width: 100%; height:130px; overflow: hidden; /*box-shadow:2px 3px 10px 0px rgba(0, 0, 0, 0.1);*/ }
.mvbanner li a {position:relative; float:left; width:100%; font-size:17px; font-weight:500; color:#000; padding:90px 0 20px 0%; }
.mvbanner li .work1 {background: url('../images/main/mvban01.png') no-repeat center 30px;}
.mvbanner li .work1:hover {background:#0070b5 url('../images/main/mvban01_on.png') no-repeat center 40px; }
.mvbanner li .work2 {background:url('../images/main/mvban02.png') no-repeat center 30px;}
.mvbanner li .work2:hover {background:#0070b5 url('../images/main/mvban02_on.png') no-repeat center 40px; }
.mvbanner li .work3 {background:url('../images/main/mvban03.png') no-repeat center 30px;}
.mvbanner li .work3:hover {background:#0070b5 url('../images/main/mvban03_on.png') no-repeat center 40px ;}
.mvbanner li .work4 {background:url('../images/main/mvban04.png') no-repeat center 30px;}
.mvbanner li .work4:hover {background:#0070b5 url('../images/main/mvban04_on.png') no-repeat center 40px ;}
.mvbanner li .work5 {background:url('../images/main/mvban05.png') no-repeat center 30px;}
.mvbanner li .work5:hover {background:#0070b5 url('../images/main/mvban05_on.png') no-repeat center 40px ;}
.mvbanner li .work6 {background:url('../images/main/mvban06.png') no-repeat center 30px;}
.mvbanner li .work6:hover {background:#0070b5 url('../images/main/mvban06_on.png') no-repeat center 40px ;}
.mvbanner li .work1 , .mvbanner li .work1:hover ,.mvbanner li .work2 , .mvbanner li .work2:hover , .mvbanner li .work3 , .mvbanner li .work3:hover ,
.mvbanner li .work4 , .mvbanner li .work4:hover , .mvbanner li .work5 , .mvbanner li .work5:hover, .mvbanner li .work6 , .mvbanner li .work6:hover { background-size:auto 30%;}
.mguide h2 , .monline h2 , .notice h2 {font-size:38px;}
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 680px) {
.notice {width:100%; height:auto;}
.notice h2 {font-size:30px; padding-bottom:10px;}
.notice ul li {font-size:18px;}
.mguide dl dt {width:70px; font-size:15px; padding:5px 7px;}
.mguide dl dd {width:calc(100% - 70px - 0px); height:40px; font-size:23px; }
.mguide ul {font-size:16px;}
.monline p {font-size:16px;}
/*
.monline { width:100%; height:auto; padding:25px 30px; margin-left:0%; margin-right:0%; margin-top:30px; background-size:70%; }
.monline h2 {font-size:30px; padding-bottom:10px;}
.monline ul li {width:auto; padding-right:10px;}
.monline a {padding:5px 20px; font-size:18px; }
.monline p {font-size:18px;}
.monline p br {display:none;}
*/
.mvbanner li a { font-size:15px;}
}
@media only screen and (max-width: 480px) {
.notice { width:100%; height:auto;}
.notice ul.h2tab li { font-size:24px; }
.notice ul.list li { font-size:16px; }
.mguide , .monline {width:100%; margin:0 0 20px 0;}
.mguide dl dd {font-size:28px; }
.section01 { height:auto;}
.mvbanner { height:auto;}
.mvbanner li {width:50%;}
.mvbanner li a { font-size:18px; padding:30px 0px 25px 45%; text-align:left; }
.mvbanner li .work1 {background: url('../images/main/mvban01.png') no-repeat 20px 20px; }
.mvbanner li .work1:hover {background:#0070b5 url('../images/main/mvban01_on.png') no-repeat 20px 20px;}
.mvbanner li .work2 {background:url('../images/main/mvban02.png') no-repeat 20px 20px;}
.mvbanner li .work2:hover {background:#0070b5 url('../images/main/mvban02_on.png') no-repeat 20px 20px; }
.mvbanner li .work3 {background:url('../images/main/mvban03.png') no-repeat 20px 20px;}
.mvbanner li .work3:hover {background:#0070b5 url('../images/main/mvban03_on.png') no-repeat 20px 20px;}
.mvbanner li .work4 {background:url('../images/main/mvban04.png') no-repeat 20px 20px;}
.mvbanner li .work4:hover {background:#0070b5 url('../images/main/mvban04_on.png') no-repeat 20px 20px;}
.mvbanner li .work5 {background:url('../images/main/mvban05.png') no-repeat 20px 20px;}
.mvbanner li .work5:hover {background:#0070b5 url('../images/main/mvban05_on.png') no-repeat 20px 20px;}
.mvbanner li .work6 {background:url('../images/main/mvban06.png') no-repeat 20px 20px;}
.mvbanner li .work6:hover {background:#0070b5 url('../images/main/mvban06_on.png') no-repeat 20px 20px;}
.mvbanner li .work1 , .mvbanner li .work1:hover ,.mvbanner li .work2 , .mvbanner li .work2:hover , .mvbanner li .work3 , .mvbanner li .work3:hover ,
.mvbanner li .work4 , .mvbanner li .work4:hover , .mvbanner li .work5 , .mvbanner li .work5:hover, .mvbanner li .work6 , .mvbanner li .work6:hover { background-size:auto 60%;}}
}
.popupzone {position:relative; float:left; width:55%; height:460px; background:#fff; border-radius: 40px; box-shadow:5px 5px 5px rgba(0,0,0,.2); margin-right:4%;overflow:hidden; }
.popupzone .mySwiper .slides__img { min-width:100%; height:100%; }
.popupzone .img img{width:100%; height:100%;border-radius: 10px; overflow:hidden; }
.popupzone .pb {position:absolute; right:1.5%; bottom:1.5%; z-index:50;}
.popupzone .pb img {padding-left:3px;}
.m_youtube {position:relative; float:left; width:34%; height:264px; border-radius: 10px; background:#fff; box-shadow:5px 5px 5px rgba(0,0,0,.2); margin:0 0 25px 0;}
.m_youtube img {width:100%; height:100%; border-radius: 10px; }
.m_bngo {position:relative; float:left; width:41%; }
.m_bngo li {position:relative; float:left; width:47.86%; padding:0% 0 0 0%; margin-right:3.5%; margin-bottom:40px; background:#fff; border-radius:20px; box-shadow:5px 5px 5px rgba(0,0,0,.2); text-align:center;}
.m_bngo li:last-child{margin-right:0%;}
.m_bngo li a {position:relative; float:left; width:100%; height:180px; padding:115px 0 0% 0%; display:block; box-sizing:border-box; background:#fff; }
.m_bngo li a h3 {float:left; width:100%; font-size:20px; font-weight:300; }
.m_bngo li a:hover { color:#5a88c6 ; background:#222;
-webkit-transition:300ms ease-out 0ms;
-moz-transition:300ms ease-out 0ms;
-ms-transition:300ms ease-out 0ms;
transition:300ms ease-out 0ms;}
.m_bngo li .mgo1 {background: url('../images/main/mgo_01.png') no-repeat center 30px; border-radius:20px;}
.m_bngo li .mgo1:hover {background:#ebf4ff url('../images/main/mgo_01_on.png') no-repeat center 30px; }
.m_bngo li .mgo2 {background:url('../images/main/mgo_02.png') no-repeat center 30px; border-radius:20px;}
.m_bngo li .mgo2:hover {background:#ebf4ff url('../images/main/mgo_02_on.png') no-repeat center 30px; }
.m_bngo li .mgo3 {background:url('../images/main/mgo_03.png') no-repeat center 30px; border-radius:20px;}
.m_bngo li .mgo3:hover {background:#ebf4ff url('../images/main/mgo_03_on.png') no-repeat center 30px ;}
@media only screen and (max-width:1024px){
.m_bngo li a h3 { font-size:18px; }
}
@media only screen and (max-width:850px){
.popupzone {height:370px; }
.m_bngo li a h3 { font-size:16px; }
.m_bngo {padding-top:10px;}
.m_bngo li .mgo1 { background-size:35%;}
.m_bngo li .mgo1:hover {background-size:35%;}
.m_bngo li .mgo2 {background-size:35%;}
.m_bngo li .mgo2:hover {background-size:35%;}
.m_bngo li .mgo3 {background-size:35%;}
.m_bngo li .mgo3:hover {background-size:35%;}
.m_bngo li .mgo4 {background-size:35%; font-size:17px; letter-spacing:-3px;}
.m_bngo li .mgo4:hover {background-size:35%;}
}
@media only screen and (max-width:768px){
.popupzone {width:100%; margin-right:0px; margin-bottom:30px;}
.m_bngo {width:100%;}
.m_bngo li a h3 { font-size:18px; }
.m_bngo li .mgo4 { letter-spacing:-1px;}
}
@media only screen and (max-width:480px){
.m_bngo {padding-top:10px;}
.m_bngo li a {height:130px;padding:80px 0 0% 0%;}
.m_bngo li a h3 { font-size:16px; }
}
.section02 {position:relative;float:left;width:100%; height: 480px;margin:90px 0 50px;padding:70px 0 30px 0;background:#f7fcfd;}
.section02 .prev {position:absolute; top:45%; left:2%;z-index:2; }
.section02 .next {position:absolute; top:45%; right:2%;z-index:2;}
.section02 .mySwiper1 .swiper-slide { opacity:1; }
/*** *******/
.c_post {position:relative; float:left; width:96%; overflow:hidden; padding:0 2%; }
.c_post h2 {position:relative; text-align:center; width:100%; padding:20px 0 85px 0; margin-bottom:0px; font-size:50px; color:#222; font-weight:600; }
.c_post h3 {position:relative; text-align:center; width:100%; padding:0px 0 0px 0; margin-bottom:70px; font-size:20px; color:#222; font-weight:300; }
/*.c_post ul { height:43%; }*/
.c_post ul li { position: relative;float: left;width: 22.0%;max-height: 250px; margin: 0 0% 0 0%; text-align: center; background: #fff; /* border-radius: 20px; border: 1px solid #dfdfdf; */ filter: alpha(opacity=0); -mox-opacity: 0;-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;transition: all .3s;box-sizing: border-box; }
.c_post li .img {float:left; border-radius:20px; width:100%;overflow:hidden; /* min-height:200px; */ }
.c_post li .img img {overflow:hidden; width:100%; height:100%; border-radius:20px 20px 0 0;}
.c_post li div.li_box {width:100%;/* height:100%; *//*background:#000;*/border-radius:20px;}
.c_post li a {background:000; bor/*background: rgba(0,0,0,0.3); border-radius:20px; */}
.c_post li a h3 {float:left; width:90%; padding:30px 5% 0 5%; font-size:20px; margin-bottom:20px;}
/* .c_post li a p {float:left; width:90%; padding:0px 5%; font-size:16px; font-size:16px; line-height:22px; text-align:left; } */
.c_post li a span {float:left; width:90%; padding:20px 5% 10px 5%; font-size:16px; font-size:16px; line-height:22px; text-align:left;}
.c_post li a.postend {opacity: 0.35; filter:alpha(opacity=0.35); -mox-opacity:0.35;}
.c_post li a.postend div.endover {position:absolute; width:50%; left:50%; text-align:center; padding:5%; margin:50% 0% 0% -28%; background:#000; color:#fff; font-size:20px; }
.c_post li a:hover {opacity: 0.35; filter:alpha(opacity=0.35); -mox-opacity:0.35;}
.c_post li .box_tit { height: 23px;line-height:22px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break: break-all; }
.c_post li .box_con { float: left;width: 90%;padding: 0px 5%;font-size: 16px;font-size: 16px;line-height: 22px;text-align: left;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;word-break: break-all;overflow:hidden; }
.c_post .more {position:absolute; right:0%; top:15px; font-size:1.5em;}
@media only screen and (max-width:1280px){
.section02 .prev {top:50%; left:0%; z-index:10;}
.section02 .prev img {width:70%;}
.section02 .next {top:50%; right:0%; z-index:10;}
.section02 .next img {width:70%;}
}
@media only screen and (max-width:1024px){
.section02 {position:relative; float:left; width:100%; margin:70px 0 20px; padding:40px 0 0 0; }
.c_post h2 {padding:20px 0 60px 0;}
.c_post li {width:22.0%; max-height:180px; margin:0 1.3% 0 1.3%; }
.c_post li a h3 { font-size:18px; }
.c_post li a p { font-size:15px; }
.c_post li a span { font-size:13px; }
}
@media only screen and (max-width:768px){
.section02 {margin:50px 0 0px;}
.section02 .prev {top:12%; left:5%; }
.section02 .prev img {width:60%;}
.section02 .next {top:12%;right:5%; }
.section02 .next img {width:60%;}
.c_post h2 {font-size:40px;}
}
@media only screen and (max-width:680px){
.c_post li {width:47%; margin-bottom:10px;}
.c_post .more {position:absolute; right:8%; top:15px; font-size:1.0em; }
.c_post .more img {width:80%;}
.section02 .prev {top:10%; left:2%; }
.section02 .next {top:10%; right:1%; }
}
@media only screen and (max-width:480px){
.c_post .more {position:absolute; right:8%; top:15px; font-size:1.0em; }
.c_post .more img {width:80%;}
.c_post li {width:97%; margin-bottom:10px;}
.section02 .prev img {width:40%;}
.section02 .next img {width:40%;}
}
@media only screen and (max-width:320px){
.section02 .prev {top:10%; left:0%;}
.section02 .next {top:10%; right:0%; }
}
.section03 {position:relative; float:left; width:100%; background:url('/images/main/background01.jpg') no-repeat 100% 100% ; margin:0px 0 0 ; padding:50px 0; }
.section03 .notice .list .list_tit { float: left;width: 300px;height: 20px; line-height: 20px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.gallery {position:relative; float:right; width:48%; height:380px; background:#f2f4f8; box-shadow:5px 5px 5px rgba(0,0,0,.2); overflow:hidden; border-radius: 20px; box-sizing:border-box; padding:30px;}
.gallery h2 {position:relative; float:left; padding:10px 5% 30px 15px; font-size:34px; color:#222; font-weight:600; width:100%; text-align:left; box-sizing:border-box;}
.gallery li {width:50%; text-align:center; float:left; font-size:20px; padding:0 15px; box-sizing:border-box; }
.gallery .gallery_imgbox {padding-bottom:5px;}
.gallery .gallery_imgbox img { width:100%;min-height:100%; }
.gallery .gallery_titlebox { line-height: 20px;overflow: hidden;word-break: break-all;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.section04 {position:relative; float:left; width:100%; margin:50px 0 ; padding:0 0 0px 0; }
.mcustomer {position:relative; float:left; width:48%; height:260px; background:#dff9f2 url('../images/main/customerbg.png') no-repeat 90% ; font-size:24px; border-radius: 20px; box-sizing:border-box; padding:40px 50px; margin-right:4%; margin-top:50px;}
.mcustomer h3 {position:relative; float:left; padding:10px 5% 30px 0px; font-size:34px; color:#222; font-weight:600; width:100%; text-align:left; box-sizing:border-box;}
.mcustomer h2 {position:relative; float:left; padding:20px 5% 40px 0px; font-size:54px; color:#e60012; font-weight:600; width:100%; text-align:left; box-sizing:border-box;}
.maffiliated01 {position:relative; float:left; width:48%; height:310px; border-radius: 20px; box-sizing:border-box; padding:50px 50px; margin-right:4%; background:#ecfad8 url('../images/main/maffiliated_bg01.png') no-repeat bottom right;}
.maffiliated01 h2 {position:relative; float:left; padding:10px 5% 30px 0px; font-size:45px; color:#222; font-weight:600; width:100%; text-align:left; box-sizing:border-box;}
.maffiliated01 p {float:left; width:100%; padding:20px 0 20px; font-size:20px; line-height:27px;}
.maffiliated01 p br.br01 {display:block;}
.maffiliated01 p br.br02 {display:none;}
.maffiliated01 a {position:absolute; left:50px; bottom:40px; box-sizing:border-box; padding:10px 30px; text-align:center; border-radius:30px; line-height:30px; background:#fff; color:#222; text-decoration:none; font-size:22px; font-weight:600; margin:5px 0;}
.maffiliated01 a:hover, .maffiliated01 a:active {/*float:left;*/ background:#3f3f3f; color:#ffffff; }
.maffiliated02 {position:relative; float:left; width:48%; height:310px; border-radius: 20px; box-sizing:border-box; padding:50px 50px; background:#fbe7f0 url('../images/main/maffiliated_bg02.png') no-repeat bottom right;}
.maffiliated02 h2 {position:relative; float:left; padding:10px 5% 30px 0px; font-size:45px; color:#222; font-weight:600; width:100%; text-align:left; box-sizing:border-box;}
.maffiliated02 p {float:left; width:100%; padding:20px 0 30px; font-size:20px; line-height:27px;}
.maffiliated02 ul {float:left; width:100%; }
.maffiliated02 ul li {float:left; width:100%; padding-bottom:7px; font-size:20px; font-weight:500; color:#000;}
.maffiliated02 a {position:absolute; right:50px; bottom:40px; box-sizing:border-box; padding:10px 30px; text-align:center; border-radius:30px; line-height:30px; background:#fff; color:#222; text-decoration:none; font-size:22px; font-weight:600; margin:5px 0;}
.maffiliated02 a:hover, .maffiliated02 a:active {/*float:left;*/ background:#3f3f3f; color:#ffffff; }
@media only screen and (max-width:1280px){
.maffiliated01 , .maffiliated02 {padding:40px 40px; background-size:130%;}
.maffiliated01 p br.br01 {display:none;}
.maffiliated01 p br.br02 {display:block;}
}
@media only screen and (max-width:1024px){
.maffiliated01 h2 , .maffiliated02 h2 {font-size:38px;}
.maffiliated01 p br.br01 {display:none;}
.maffiliated01 p br.br02 {display:block;}
.maffiliated01 a { font-size:18px; padding:5px 20px; left:40px; bottom:20px;}
.maffiliated02 a { font-size:18px; padding:5px 20px; right:40px; bottom:20px;}
}
@media only screen and (max-width:850px){
.section04 { margin:50px 0 50px;}
.maffiliated01 p , .maffiliated02 p { font-size:18px; line-height:22px;}
.maffiliated02 ul li {font-size:18px; }
.maffiliated02 a { font-size:18px; padding:5px 20px; right:40px; top:35px; bottom:auto;}
}
@media only screen and (max-width:768px){
.section03 {background-size:100% 100%;}
.gallery { width:100%; height:auto; margin-top:30px;}
.mcustomer ,.msupport {width:100%; height:250px;}
.mcustomer h3 {font-size:30px; padding:10px 5% 30px 0px; }
.mcustomer h2 {font-size:40px; padding:10px 5% 30px 0px; }
}
@media only screen and (max-width:680px){
.maffiliated01 , .maffiliated02 {height:230px; padding:30px 30px;}
.maffiliated01 h2 , .maffiliated02 h2 {font-size:35px;}
.maffiliated01 p , .maffiliated02 p{font-size:16px; padding:0px 0 10px;}
.maffiliated02 ul li {font-size:16px; line-height:18px; padding:2px 0;}
.maffiliated02 a { top:25px; right:20px;}
}
@media only screen and (max-width:480px){
.maffiliated01 , .maffiliated02 {width:100%; margin:0 0 20px 0;}
.gallery { width:100%; height:auto;}
.gallery li {width:100%; font-size:15x; padding-bottom:15px;}
.gallery .gallery_imgbox {padding-bottom:0px;}
}
@media only screen and (max-width:380px){
.gallery li {width:100%; height:auto;}
.mcustomer h3 {font-size:30px; padding:10px 5% 30px 0px; }
.mcustomer h2 {font-size:40px; padding:10px 5% 30px 0px; }
.msupport {font-size:18px;}
.msupport h3 {padding:10px 5% 30px 0px; font-size:30px;}
.msupport a {padding:5px 20px; font-size:18px;}
}
/*sub contents*/
#container {position:relative; float:left; width:100%; padding:0 7%; box-sizing:border-box; }
.sub #contents{/* width:750px; float:right;*/ text-align:left; }
.sub .titleArea {float:left;width:100%;position:relative;font-size:40px;color:#2b2b2b;text-align:Center;margin-top:15px;padding-top:25px;padding-bottom: 50px;letter-spacing:3px;}
.sub .titleArea i { position:absolute; left:50%; top:0; width:32px; height:3px; background-color:#2b2b2b; margin-left:-16px; }
h1.tit {position:relative; float:left; width:100%; text-align:left; font-size:55px; font-weight:600; line-height:60px; color:#000; margin:50px 0 50px; padding:0 0 15px 0; /*background:url('../images/com/h2_bg02.png') no-repeat center top; */ border-bottom:1px solid #e2e2e2;}
h1.tit p {float:left; width:100%; font-size:20px; line-height:28px; color:#888; font-weight:300; padding:15px 0 0px;}
h1.title01 {position:relative; float:left; width:100%; text-align:left; font-size:38px; color:#222222; font-weight:600; background:url('../images/com/h2_bg07.png') no-repeat 0 0px; margin:0px 0 40px; padding:0px 0 0 20px ;}
h1.title01 b {color:#0b7254;font-weight:400; }
h1.title01 span {color:#e50039; font-weight:400;}
h2.title01 {position:relative; float:left; width:100%; text-align:left; font-size:38px; line-height:44px;color:#222222; font-weight:500; background:url('../images/com/icon_02.png') no-repeat 0 5px; margin:30px 0 30px; padding:0px 0 0 25px ;}
h2.title01 b {color:#0b7254;font-weight:400; }
h2.title01 span {color:#e50039; font-weight:400;}
h2.title01 p {font-size:24px; color:#919090;}
h2.title02 {float:left; width:100%; text-align:left; font-size:32px; padding:0 0 0 35px; margin:20px 0 20px 0; font-weight:600; line-height:45px; color:#222; background:url('../images/com/icon_13.png') no-repeat 0px 10px; }
h2.title02 b {color:#289b7e;}
h2.title02 span {font-size:30px;}
h2.title03 {floaT:left; width:100%; text-align:center; font-size:33px; font-weight:600; color: #272727; padding:12px 0 0px 0; margin:20px 0 30px; line-height:1.5em; background:url('../images/com/h2_bg06.png') no-repeat center top; }
h2.title03 span {font-size:0.8em;}
h2.title03 span b {color:#ff5a00;}
h2.title04 {float:left; width:100%; text-align:left; font-size:38px; padding:10px 0 0 0; margin:30px 0; font-weight:600; line-height:65px; color:#222; background:url('../images/com/h2_bg02.png') no-repeat left top; }
h2.title04 b {color:#116cbf;}
h2.title04 p {font-size:24px; color:#919090;}
h2.title05 {floaT:left; width:100%; text-align:left; font-size:23px; line-height:30px; font-weight:600; color: #222; margin:10px 0; padding:0px 0 0px 0; }
h2.title06 {floaT:left; width:100%; text-align:; font-size:1.8em; text-align:left; font-weight:600; margin:3% 0; padding:15px 0 0px 0; background:url('../images/com/h2_bg04.png') no-repeat 4px 0px; }
h2.title07 {floaT:left; width:100%; text-align:center; font-size:2.5em; font-weight:600; color: #222; margin:2% 0 2%; padding:20px 0 0px 0; background:url('../images/com/icon_05.gif') no-repeat center top; }
h2.title07 b {color:#d00045;}
h2.title07 span {font-size:0.8em;}
h2.won01 {floaT:left; width:100%; text-align:left; font-size:33px; font-weight:600; /*color: #00a040;*/ padding:0px 0 0px 0; margin:20px 0;}
h2.won01 span {floaT:left; padding:15px; background:#00a040; border-radius:30px; color:#fff; margin-right:10px; margin-top:-15px;]}
h3.title01 {floaT:left; width:100%; text-align:; font-size:1.6em; font-weight:500; color:#025196; margin:0px 0 20px 0;}
h3.title01 b {color:#ef7c00;}
h3.title02 {floaT:left; width:100%; text-align:; font-size:1.7em; font-weight:800; color:#0f7555; margin:20px 0 20px 0; text-align:center; padding:15px 0px 0px 0px; }
h3.title02 b {color:#ef7c00;}
h3.title03 {floaT:left; width:100%; text-align:; font-size:1.2em; font-weight:800; color:#0f7555; margin:0px 0 20px 0; text-align:center; padding:0px 0px 0px 0px; }
h3.title03 b {color:#ef7c00;}
h3.title04 {float:left; width:100%; color:#000000; font-size:25px; line-height:28px; font-weight:600; padding:0px 0 10px 25px; background:url('../images/com/icon_12.png') no-repeat 0px 7px; box-sizing:border-box;}
@media only screen and (max-width:1024px){
h2.title01 { font-size:38px; line-height:44px; }
}
@media only screen and (max-width:680px){
h3.title04 {font-size:22px; line-height:26px; background:url('../images/com/icon_12.png') no-repeat 0px 5px; }
}
@media only screen and (max-width:480px){
h2.won01 { font-size:30px; line-height:40px;;}
h2.won01 span { margin-top:-5px; line-height:22px;; }
}
/* */
#subVisual {/*height:266px;*/ height:200px; overflow:hidden; text-align:center; background:url('../images/com/sub_visual_bg.jpg') }
#subVisual.about { background:url('../images/com/about.jpg') no-repeat center #fff; background-size:100%;}
#subVisual.board {background:url('../images/com/board.jpg') no-repeat center #fff; background-size:100%;}
#subVisual.work { background:url('../images/com/work.jpg') no-repeat center #fff; background-size:100%;}
#subVisual.guide { background:url('../images/com/guide.jpg') no-repeat center #fff; background-size:100%;}
#subVisual.support { background:url('../images/com/support.jpg') no-repeat center #fff; background-size:100%;}
#subVisual.member { background:url('../images/com/member.jpg') no-repeat center #fff; background-size:100%;}
#subVisual.pds { background:url('../images/com/pds.jpg') no-repeat center #fff; background-size:100%;}
#subVisual.online { background:url('../images/com/online.jpg') no-repeat center #fff; background-size:100%;}
#subVisual .subvisual-title { text-align:center; padding-top:55px; font-family:'YiSunShinDotumM','NanumSquare'Sans-serif; text-shadow: 1px 1px 4px rgb(0, 0, 0, 0.8); }
/*#subVisual .subvisual-title.reh { padding-top:50px; }*/
/*#subVisual .subvisual-title.nosnb { padding-top:120px; }*/
#subVisual .subvisual-title span {display:block; font-size:65px; line-height:65px; color:#fff; font-weight:600; }
#subVisual .subvisual-title span.nosnb { padding-top:50px; }
#subVisual .subvisual-title span em { font-style:normal; font-weight:100; }
#subVisual .subvisual-title p { font-size:28px; color:#fff; font-weight:500; margin-top:20px; }
#subVisual .subvisual-title p u { display:inline-block; text-decoration:none; vertical-align:top; }
#subVisual .subvisual-title p u + u { margin-left:18px; }
#subVisual .subvisual-title p u i { font-style:normal; display:block; font-size:15px; }
#subVisual > img { display:none; }
/*
.about { background:url("/images/com/about.jpg") no-repeat 50% top; }
.subVsal02 { background:url("/images/sub/sub_visual02.jpg") no-repeat 50% top; }
.subVsal02-1 { background:url("/images/sub/sub_visual02_1.jpg") no-repeat 50% top; }
.subVsal02-2 { background:url("/images/sub/sub_visual02_2.jpg") no-repeat 50% top; }
.subVsal02-3 { background:url("/images/sub/sub_visual02_3.jpg") no-repeat 50% top; }
.subVsal02-4 { background:url("/images/sub/sub_visual02_4.jpg") no-repeat 50% top; }
.subVsal02-5 { background:url("/images/sub/sub_visual02_5.jpg") no-repeat 50% top; }
.subVsal02-6 { background:url("/images/sub/sub_visual02_6.jpg") no-repeat 50% top; }
.subVsal03 { background:url("/images/sub/sub_visual03.jpg") no-repeat 50% top; }
*/
@media only screen and (max-width:1663px){
}
@media only screen and (max-width:1440px){
#container {padding:0 2%; }
}
@media only screen and (max-width:1024px){
#subVisual .subvisual-title{ padding-top:30px;}
#container {padding:0 2%; }
}
@media only screen and (max-width:1080px){
.sub .titleArea {font-size:36px; padding-bottom:30px;}
/* h1.title01 {font-size:30px; line-height:40px; }*/
}
@media only screen and (max-width:850px){
.br01 {display:none;}
.br02 {display:block;}
#container {position:relative; float:left; width:100%; padding:0 2%; box-sizing:border-box; }
/* */
#subVisual { }
#subVisual.about { background:url('../images/com/about_m.jpg') no-repeat center #222; }
#subVisual.board {background:url('../images/com/board_m.jpg') no-repeat center #222; }
#subVisual.work { background:url('../images/com/work_m.jpg') no-repeat center #222; }
#subVisual.guide { background:url('../images/com/guide_m.jpg') no-repeat center #222; }
#subVisual.support { background:url('../images/com/support_m.jpg') no-repeat center #222; }
#subVisual.affiliated { background:url('../images/com/affiliated_m.jpg') no-repeat center #222; }
#subVisual.board2 { background:url('../images/com/board2_m.jpg') no-repeat center #222; }
#subVisual.online { background:url('../images/com/online_m.jpg') no-repeat center #222; }
#subVisual .subvisual-title {padding-top:20px; }
h1.tit {font-size:40px; line-height:48px; margin: 20px 0 50px;}
h1.tit p {font-size:18px; line-height:22px;}
}
@media only screen and (max-width:680px){
h1.title01 {font-size:30px; line-height:35px; background:url('../images/com/h2_bg07.png') no-repeat 0 7px; padding:0px 0 0 20px ; margin-bottom:0px;}
h2.title03 {font-size:30px; line-height:35px; }
#subVisual { height:120px;}
#subVisual > img { display:block; max-width:100%; }
#subVisual .subvisual-title { position:absolute;left:0;top:0; width:100%; height:100%; padding-top: 3.5%; box-sizing:border-box; }
#subVisual .subvisual-title.nosnb {padding-top: 18vw;}
#subVisual .subvisual-title span { font-size:7.5vw; }
#subVisual .subvisual-title p { font-size: 3.5vw; margin-top:5px; }
#subVisual .subvisual-title p img {width:90%;}
#subVisual .subvisual-title.reh { padding-top:17vw; }
#subVisual .subvisual-title.reh span { font-size:7vw; }
#subVisual .subvisual-title p u { width:15vw; }
#subVisual .subvisual-title p u + u { margin-left:0; }
#subVisual .subvisual-title p u img { width:11vw; }
#subVisual .subvisual-title p u i { font-size:2.2vw; }
}
@media only screen and (max-width:480px){
#subVisual { height:80px;}
}
@media only screen and (max-width:360px){
}
#Left{position:relative;clear:both; float:left; width:18%; padding:0 0 0px 0; margin:-120px 20px 0 0; display:inline-block; }
.Left_Menu{width:100%; float:left; /*box-shadow:3px 3px 3px rgba(0,0,0,.1); */}
.Left_Menu h3{float:left; width:100%; background:#00559d; font-size:45px; font-weight:600; color:#fff; line-height:48px; text-align:center; padding:40px 0 33px 0; border-radius:30px 30px 0 0;}
.Left_Menu h3 span{float:left; font-size:0.55em; color:#fff; width:100%; line-height:1.5em;}
.drawers-wrapper {}
.drawers-wrapper a:hover { color:#00559d;}
.drawer_on { color:#fff; background:#fbfbfb; }
.drawer_on a:link, a:active { color:#fff; background:rgb(255 255 255 / 0);}
.drawer_on a:visited , .drawer_on a:hover{color:#00559d; background:rgb(255 255 255 / 0);}
.drawers-wrapper { float:left; position: relative; width: 100%; }
.drawers { border-left:1px solid #ddd; border-right:1px solid #ddd; margin-bottom:16px; color:#76797C; font-size:12px; line-height: 18px; }
.drawer { padding:0px; color:#76797C; font-size:14px; line-height:1.3em; /* background:transparent url(sideboxlight_bg20070611.gif) repeat-y scroll 0pt;*/}
.drawer ul {padding:10px 0 10px 0px; background:#fbfbfb; border-bottom:1px solid #dfdfdf;}
.drawer ul li {font-size:19px;line-height:20px; /*border-bottom:1px solid #dfdfdf;*/ padding: 10px 28px;cursor:pointer; }
.drawer ul li:hover {background:#fff;}
.drawer ul li:hover a { color:#00559d;}
/* UL {list-style: none; padding: 0; }*/
UL.drawers {margin: 0; }
.drawer-handle {box-sizing:border-box; background:#fff url(../images/com/l_menu_icon.png) no-repeat 95% 20px; color:#222; /* cursor:default;*/
font-size:22px; font-weight:300; /*height:30px;*/ padding: 20px 20px 20px 30px; line-height:22px; margin-bottom:0px;
text-indent:0px; width:100%; border-bottom:1px solid #ddd; cursor:pointer; }
.drawer-handle h2 a {font-weight:bold; color:#222; border:1px solid;}
.drawer-handle h2 a:hover {color:#00559d;}
.drawer-handle:hover {background:#eff9fb url(../images/com/l_menu_icon.png) no-repeat 95% 22px; color:#00559d;}
.drawer-handle:hover a {color:#00559d;}
.drawer-handle.open { background:#eff9fb url(../images/com/l_menu_icon_over.png) no-repeat 95% 22px; color:#00559d; font-weight:600; }
.drawer-handle.open a{color:#00559d; font-weight:600; }
/* .drawer UL li { padding: 3px 10px; }*/
.drawer dl dd {padding:0px 10px; font-size:13px; color:#444;}
/*.drawer-content UL { padding-top: 7px; }
.drawer-content LI A {display:block; overflow:hidden; }
*/
.alldownloads li { border:0pt none; line-height:18px; padding:0pt; }
.left_banner { position: relative; float: left; width: 100%; border: 1px solid #cdd6db; margin: 30px 0px 30px 0; font-family: 'NanumSquare', "Noto Sans KR", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", sans-serif;}
.left_banner li { position: relative; float: left; width: 100%; border-bottom:1px solid #cdd6db ;}
.left_banner li:last-child {border-bottom: 0px solid #cdd6db; }
.left_banner li h2 { width: 100%; font-size: 1.1em; font-weight: 700; letter-spacing: -0.05em; line-height: 1.4em; padding: 20px 0px 0px 40%; box-sizing:border-box;}
.left_banner li a { display: block; color: #222; font-weight: 600; width: 100%; }
.left_banner li a:hover {/*background:#fff; border-radius:50px;*/ transition: all 300ms ease-out 0ms;}
.left_banner li a h2 { color:#262626 }
.left_banner li a:hover h2 { color: #0077c1; }
.left_banner li .work1 { background: url("/images/main/work_01.png") 520% 10px no-repeat; height: 60px; background-size:auto 40px;}
.left_banner li .work1:hover { background: url("/images/main/work_01_on.png") 20% 10px no-repeat; background-size:auto 45px}
.left_banner li .work2 { background: url("/images/main/work_02.png") 20% 10px no-repeat; height: 60px; background-size:auto 40px;}
.left_banner li .work2:hover { background: url("/images/main/work_02_on.png") 20% 10px no-repeat; background-size:auto 45px }
.left_banner li .work3 { background: url("/images/main/work_03.png") 20% 10px no-repeat; height: 60px; background-size:auto 40px;}
.left_banner li .work3:hover { background: url("/images/main/work_03_on.png") 20% 10px no-repeat; background-size:auto 45px}
.left_banner li .work4 { background: url("/images/main/work_04.png") 20% 10px no-repeat; height: 60px; background-size:auto 35px;}
.left_banner li .work4:hover { background: url("/images/main/work_04_on.png") 20% 10px no-repeat; background-size:auto 40px}
.left_banner li .work5 { background: url("/images/main/work_05.png") 20% 5px no-repeat; height: 60px; background-size:auto 44px;}
.left_banner li .work5:hover { background: url("/images/main/work_05_on.png") 20% 5px no-repeat; background-size:auto 50px}
.left_banner li .work6 { background: url("/images/main/work_06.png") 20% 10px no-repeat; height: 60px; background-size:auto 40px;}
.left_banner li .work6:hover { background: url("/images/main/work_06_on.png") 20% 10px no-repeat; background-size:auto 45px}
#Contents{position:relative; float:right; width:76%; margin:15px 0px 30px 0px; }
@media only screen and (max-width:1024px){
#Left {display:none;}
#Contents {width:100%; }
}
#SNB { position:relative; top:-40px; width:100%; /*background:rgba(40,106,144,0.7); */}
#SNB.nosnb {display:none; background:none; top:0; height:60px; }
@media only screen and (max-width:680px){
#SNB { top:20px; margin-bottom:60px; }
#SNB.nosnb { height:0; }
}
/*
.boxwrap { display:table; width:100%; table-layout: fixed;}
.boxwrap .box { display:table-cell; vertical-align: middle;}
*/
.SNBWrap { max-width:1500px; margin:0 auto; overflow:hidden; background:rgba(255,255,255, 1); border-radius:30px;box-shadow:2px 3px 10px 0px rgba(0, 0, 0, 0.1); /* word-break:break-all;*/ }
.SNBWrap ul.menu { display:block; width:100%; font-size:0; }
.SNBWrap ul.menu li { display:inline-block; width:100%; box-sizing:border-box; border-right:1px solid #dfdfdf ;vertical-align: middle;}
.SNBWrap ul.menu li:last-child {border-right:0px solid #dfdfdf ;}
/*.SNBWrap ul.menu li a { display:block; height:50px; font-size:20px; color:#222; text-align:center; padding:15px 0 10px; }*/
.SNBWrap ul.menu li a { display:block; height:45px; font-size:20px; color:#222; text-align:center; padding:25px 0 0px; }
.SNBWrap ul.menu li.on a { color:#fff; background-color:#ff9000; }
.SNBWrap ul.menu.w1 li { width:12.5%; }
.SNBWrap ul.menu.w2 li { width:11.11%; vertical-align: middle; }
.SNBWrap ul.menu.w2 li a { display:block; height:60px; }
.SNBWrap ul.menu.w2 li:nth-child(2) a {}
.SNBWrap ul.menu.w2 li:nth-child(3) a , .SNBWrap ul.menu.w2 li:nth-child(4) a {word-break:break-all;}
/*.SNBWrap ul.menu.w2 li:nth-child(5),.SNBWrap ul.menu.w2 li:nth-child(6),.SNBWrap ul.menu.w2 li:nth-child(7), .SNBWrap ul.menu.w2 li:nth-child(8),.SNBWrap ul.menu.w2 li:nth-child(9){ width:20.0%; border-top:1px solid #dfdfdf;}*/
/* .SNBWrap ul.menu.w2 li a { display:block; height:50px; font-size:20px; color:#222; text-align:center; padding:10px 0 10px; } */
.SNBWrap ul.menu.w3 li { width:20.0%; }
.SNBWrap ul.menu.w4 li { width:50.0%; }
.SNBWrap ul.menu.w5 li { width:14.28%; }
@media only screen and (max-width:1080px){
.SNBWrap ul.menu.w2 li { width:33.3%; border-bottom:1px solid #dfdfdf;}
.SNBWrap ul.menu.w2 li a {height:45px; }
}
@media only screen and (max-width:950px){
.SNBWrap ul.menu.w6 li a { font-size:14px; }
}
@media only screen and (max-width:770px){
#SNB.pg2 { top:-50px; }
.SNBWrap ul.menu.w1 li {font-size:20px; }
.SNBWrap ul.menu.w6 li a { font-size:12px; height:50px; line-height:50px; }
}
@media only screen and (max-width:680px){
.SNBWrap ul.menu li a {font-size:18px;}
.SNBWrap ul.menu.w1 li { width:25.0%; }
.SNBWrap ul.menu.w1 li a {height:35px; padding:15px 0 0px;}
}
@media only screen and (max-width:640px){
.SNBWrap { display:none; }
/* .SNBWrap > a { display:block; height:50px; line-height:50px; font-size:15px; color:#2b2b2b; padding:0 20px; text-align:center; color:#fff; background:url("/images/sub/prom_arrow_down.png") no-repeat 95% 50%; background-size:18px 10px;}
.SNBWrap > a.on { background:url("/images/sub/prom_arrow_up.png") no-repeat 95% 50%; background-size:18px 10px; }
.SNBWrap ul.menu { display:none; position:absolute; left:0; top:50px; z-index:10; border-bottom:1px solid #2b2b2b;}
.SNBWrap ul.menu li { display:block; }
.SNBWrap ul.menu li a { height:42px; line-height:42px; font-size:15px; background:rgba(18,18,18,0.7);}
.SNBWrap ul.menu.w3 li,
.SNBWrap ul.menu.w6 li { width:100%; } */
}
.playnonpc {display:none; }
.numtab{position:relative;width:100%; margin:0 0 50px 0; /*background: #fff;border-bottom:1px solid #e0e0e0;padding:30px 0; box-shadow:1px 1px 10px rgba(0,0,0,.1);z-index:30 */}
.numtab ul{display:inline-block;width:100%;clear:both;}
.numtab ul li{float:left;text-align:center;}
.numtab ul li a{display:block; border:1px solid #d5d5d5;margin-left:-1px; padding:10px 0; margin-bottom:-1px;color:#222;font-size:20px;line-height:32px;background:#fff;font-weight:600; letter-spacing:-0em;border-radius:0px;-webkit-border-radius:0px; /* */}
.numtab ul li a:hover{border:1px solid #bcbbcf; color:#fff; background:#535353; border-radius:0px;-webkit-border-radius:0px;}
.numtab ul li a.on{border:1px solid #00a040; font-size:20px;color:#fff; font-weight:600; background:#00a040; border-radius:10px;-webkit-border-radius:0px;}
.numtab ul.no2 li{width:50%;}
.numtab ul.no3 li{width:33.1%;}
.numtab ul.no4 li{width:25%;}
.numtab ul.no5 li{width:20%;}
.numtab ul.no6 li{width:16.6%;}
.numtab ul.no7 li{width:14.2%;}
.numtab ul.no14 li{width:14.2%;}
.numtab ul.no14 li a {font-size:19px; line-height:22px; padding:20px 5px; height:25px; vertical-align: middle;}
.numtab ul.no14 li:nth-child(6) a {letter-spacing:-1.0px;}
.numtab ul.no14 li:nth-child(14) a {padding:10px 5px; height: 45px;}
.con_tab{position:relative;width:100%; margin-bottom:50px; /*background: #fff;border-bottom:1px solid #e0e0e0;padding:30px 0;
box-shadow:1px 1px 10px rgba(0,0,0,.1);z-index:30 */}
.con_tab ul{display:inline-block;width:100%;clear:both;}
.con_tab ul li{float:left;text-align:center;}
.con_tab ul li a{display:block;height:45px;border:1px solid #d5d5d5;margin-left:-1px;color:#222;font-size:22px;line-height:45px;background:#fff;font-weight:500; letter-spacing:-0.05em;border-radius:45px;-webkit-border-radius:50px; }
.con_tab ul li a:hover{border:1px solid #00a040; color:#fff; background:#00a040; border-radius:45px;-webkit-border-radius:45px;}
.con_tab ul li a.on{border:1px solid #00a040; font-size:22px;color:#fff; font-weight:500; background:#00a040; border-radius:45px;-webkit-border-radius:45px;}
.con_tab ul.no2 li{width:50%;}
.con_tab ul.no3 li{width:33.1%;}
.con_tab ul.no4 li{width:25%;}
.con_tab ul.no5 li{width:20%;}
.con_tab ul.no6 li{width:16.6%;}
.con_tab ul.no7 li{width:14.2%;}
.navi_box{position:relative; float:left; width:100%;height:auto; margin:30px 0 20px 0;}
.navi_box.fixed{height:50px}
.navi_box ul{width:100%;margin:0 auto;}
.navi{float:left; padding:0;height:40px;border-bottom:1px solid #858585;}
.navi li{float:left;text-align:center;font-size:16px;font-weight:500;color:#333;letter-spacing:-1px; line-height:16px; background-color:#fff;}
.navi li a{display:block;height:29px;padding-top:10px;border:1px solid #ddd;border-right:1px solid #ccc;border-left:0;border-bottom:0}
.navi li a:hover {background-color:#f1f1f1; color:#222;}
.navi li:first-child{}
.navi li:first-child a{border-left:1px solid #ccc}
.navi li.on{ /*z-index:10;*/ /*background:url('../images/work/arrow_01.gif') bottom center no-repeat; padding:0 0 5px 0*/}
.navi li.on a{color:#fff;border:1px solid #522783; /*border-top-left-radius:7px; border-top-right-radius:7px;*/ background-color:#522783; ;}
.col7 li{width:14.2%}
.col6 li{width:16.66%}
.col5 li{width:20%}
.col4 li{width:25%}
.col3 li{width:33.33%}
.col2 li{width:50%}
.imgbox { position: relative; float: left; width: 100%; margin: 20px 0px 50px; }
.imgbox ul.no1 li { width: 100%; text-align:center;}
.imgbox ul.no1 li img { width: auto; }
.imgbox ul.no2 li { width: 49.5%; }
.imgbox ul.no3 li { width: 32.3%; }
.imgbox ul.no4 li { width: 24.0%; }
.imgbox ul.no5 li { width: 18.9%; }
.imgbox li { float: left; padding-right: 1.0%; padding-bottom: 2%; }
.imgbox ul.no2 li:nth-child(2) , .imgbox ul.no2 li:nth-child(4) , .imgbox ul.no2 li:nth-child(6) ,.imgbox ul.no2 li:nth-child(8) { padding-right: 0%; }
.imgbox li:last-child { padding-right: 0%; }
.imgbox li img { width: 100%; }
.imgbox li img { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.imgbox li img:hover, .imgbox li img:focus {-ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
@media only screen and (max-width:1280px){
.numtab{position:relative; max-width:1280px;}
.numtab ul.no14 li:nth-child(6) a ,
.numtab ul.no14 li:nth-child(8) a ,
.numtab ul.no14 li:nth-child(14) a {padding:10px 0px; /*height: 45px;*/}
}
@media screen and (max-width:1024px){
.playnonpc {display:block; }
.numtab ul.no14 li{width:25.0%;}
}
@media only screen and (max-width:850px){
.numtab ul li a{font-size:16px;}
.numtab ul li a.on{font-size:16px;font-weight:600; }
.numtab ul.no14 li{width:33.3%;}
.con_tab ul li a{font-size:16px;}
.con_tab ul li a.on{font-size:16px;font-weight:600; }
}
@media only screen and (max-width:768px){
.imgbox li { font-size:18px; }
}
@media only screen and (max-width:680px){
.numtab ul.no5 li{width:25%;}
.con_tab ul.no5 li{width:33.3%;}
.con_tab ul.no6 li{width:33.3%;}
.con_tab ul.no7 li{width:33.3%;}
.imgbox ul.no4 li { width: 49%; }
.imgbox ul.no4 li:nth-of-type(2) { padding-right: 0%; }
}
@media only screen and (max-width:480px){
.wid480 img {width:100%;}
.numtab ul li a{overflow:hidden; }
.numtab ul.no3 li {width:50%;}
.numtab ul.no4 li{width:50%; }
.numtab ul.no5 li{width:50%; }
.numtab ul.no6 li{width:50%; }
.numtab ul.no7 li{width:50%; }
.numtab ul.no14 li{width:50%;}
.numtab ul.no14 li{width:50%;}
.numtab ul.no14 li a {font-size:19px; line-height:22px; padding:20px 5px; height:25px; vertical-align: middle;}
.numtab ul.no14 li:nth-child(6) a ,
.numtab ul.no14 li:nth-child(8) a ,
.numtab ul.no14 li:nth-child(14) a {padding:10px 5px; height: 45px;}
.con_tab ul li a{overflow:hidden; }
.con_tab ul.no4 li{width:50%; margin-bottom:5px;}
.con_tab ul.no5 li{width:50%; margin-bottom:5px;}
.con_tab ul.no6 li{width:50%; margin-bottom:5px;}
.con_tab ul.no7 li{width:50%; margin-bottom:5px;}
.imgbox ul.no3 li { width: 49%; }
.imgbox ul.no3 li:nth-of-type(2) { padding-right: 0%; }
}
.about01T {position: relative; float:left; width:100%; padding:20px 0; font-size:23px; margin-bottom:30px;}
.about01T li.Img {float:left; width:30%; padding-right:5%; box-sizing:border-box;}
.about01T li.Txt {float:left; width:70%;}
.about01T li.Txt h2 {width:100%; margin-bottom:30px; font-size:46px; color:#1b5330; font-family:'NanumSquare','Noto Sans KR'; }
.about01T li.Txt h2 b {font-weight:600;}
.about01T li.Txt h3 {width:100%; margin-bottom:30px; color:#1b5330; font-family:'Noto Sans KR'; }
@keyframes lmsCircle {
0% {transform: scale(0.5); opacity: 0.1;}
80% {transform: scale(1); opacity: 1;}
100% {transform: scale(0.5); opacity: 0.1;}
}
@-webkit-keyframes lmsCircle {
0% {-webkit-transform: scale(0.5); opacity: 0.1;}
80% {-webkit-transform: scale(1); opacity: 1;}
100% {-webkit-transform: scale(0.5); opacity: 0.1;}
}
.equipment {position: relative; float:left; width:100%; padding:0px 0 50px; }
.equipment li {float:left; box-sizing:border-box; padding:10px 10px 60px 10px;}
.equipment li img {width:100%;}
.equipment li.w01 {width:50%;}
.equipment li.w02 {width:50%;}
.equipment li.w03 {width:100%;}
.equipment li.w03 .wpc { display:block;}
.equipment li.w03 .wm { display:none;}
@media only screen and (max-width:730px){
.equipment li.w03 .wpc { display:none;}
.equipment li.w03 .wm { display:block;}
}
.about01_img { float: left; position: relative; width: 100%; margin: 30px 0px; }
.about01_img img { width: 100%; }
.about01 { float: left; position: relative; padding: 30px 10px; text-align: left; width: 100%; font-size: 20px; line-height: 28px; /*white-space: pre-line; */ box-sizing:border-box; overflow-wrap:break-word; }
.about01 h2 { width: 100%; text-align: center; font-size: 55px; line-height:72px; font-weight: 500;}
.about01 h2 .br01 {display:none;}
.about01 h2 .cor01 {color:#02a141; font-weight:600;}
.about01 h2 .cor02 {color:#90c31f; font-weight:600;}
.about01 p {width:100%; padding:0 0 30px 0; }
.about01 p img {width:100%; padding-bottom:20px;}
.about01 div {float:left; width:100%; padding:0 50px; box-sizing:border-box;}
@media screen and (max-width:1024px){
.about01 h2 { font-size: 50px; line-height:62px;}
.about04_img img {width:100%;}
}
@media screen and (max-width:850px){
.about01 h2 { font-size: 45px; line-height:55px;}
.about01 div {padding:0 30px;;}
}
@media screen and (max-width:680px){
.about01 h2 { font-size: 35px; line-height:46px;}
.about01 div {padding:0 0px;;}
}
@media screen and (max-width:520px){
.about01 {font-size:18px; line-height:25px;}
.about01 h2 { font-size: 32.0px; line-height:42px;}
.about01 h2 .br01 {display:block;}
.about01 p {}
}
.about02_img { float: left; position: relative; width: 100%; margin: 30px 0px; text-align:center;}
.about02_imgm {display:none;}
.about02 {float: left; position: relative; width:100%; margin:10px 0 30px 0; box-sizing:border-box;}
.about02 ul {float:left; padding:10px 0 10px 0px; width:100%; box-sizing:border-box;}
.about02 ul li {float:left; width:calc(33.0% - 1.7%); margin-right:3%; font-size:22px; line-height:28px; height:260px; text-align:center; padding:40px 20px; border-radius:50px; box-sizing:border-box;}
.about02 ul li:last-child {margin-right:0%;}
.about02 ul li.hei01 {height:320px;}
.about02 ul li.bor01 {border:6px solid #70ac4a ; }
.about02 ul li.bor01 h2 {color:#70ac4a ; }
.about02 ul li.bor02 {border:6px solid #f08038 ; }
.about02 ul li.bor02 h2 {color:#f08038 ; }
.about02 ul li.bor03 {border:6px solid #3c70b9 ; }
.about02 ul li.bor03 h2 {color:#3c70b9 ; }
.about02 ul li h2 {font-size:30px; line-height:36px; padding-bottom:30px; font-family: 'GmarketSansMedium';}
.about02 ul li h2 span{font-size:28px; padding-left:5px;}
.about02 ul li h2 b{font-weight:600;}
.about02 ul li h3 { text-align:center; font-size:30px; margin-bottom:20px;}
.about02 ul li ul {float:left; width:100%; padding:0 0 0 20px; box-sizing:border-box;}
.about02 ul li ul li{float:left; width:100%; padding:0 0 5px 0; list-style-type:disc; font-size:22px; text-align:left;}
.about02_box {float:left; width:100%; text-align:center; padding:30px 30px; background:#d1eff4; font-size:25px; color:#000; line-height:36px; border-radius:30px; box-sizing:border-box; }
@media screen and (max-width:1024px){
.about02_img { float: left; position: relative; width: 100%; margin: 30px 0px; }
.about02_img img {width:100%;}
.about02 ul li {height:300px;}
.about02 ul li h2 {padding-bottom:20px; }
}
@media only screen and (max-width:768px){
.about02 .img img{ width:100%; }
.about02 ul li {height:300px; font-size:19px; line-height:22px;}
.about02 ul li h2 {font-size:26px; line-height:26px; }
.about02 ul li h2 span{font-size:22px; }
.about02_box {font-size:22px; line-height:30px;}
}
@media screen and (max-width:520px){
.about02_img { display:none; }
.about02_imgm {display:block; float: left; position: relative; width: 100%; margin: 30px 0px; text-align:center; }
.about02 ul li {width:100%; height:auto; margin:0 0 10px}
.about02 ul li.hei01 {height:auto;}
.about02 ul li img {width:auto;}
}
@media only screen and (max-width:340px){
.about02 ul li img {width:100%;}
.about02_imgm img {width:100%;}
}
.greeting { float: left; position: relative; padding: 70px 30px 0px 35%; width: 100%; white-space: pre-line; box-sizing:border-box; margin-bottom:50px;}
.greeting .txt_box { float: left; width: 100%; padding: 5% 8%; margin-top: -30px; display: inline-block; background-color: #ffffff; text-align: left; box-shadow: rgba(0, 0, 0, 0.1) 7px 7px 30px; font-size: 17px; box-sizing:border-box; /* word-break: keep-all;*/}
.greeting .txt_box b { color: rgb(32, 183, 171); font-size: 1.1em; }
.greeting .txt_box h2 { font-size: 1.8em; line-height:1.4em;; color:#111; }
.greeting .txt_box h3 { font-size: 1.5em; color:#009b4a; line-height:1.35em; }
.greeting_bg01 { background: url("../images/about/01_img_01.jpg") left 0px no-repeat; }
.greeting_bg02 { background: url("../images/about/02_img_01.jpg") left 10px no-repeat; }
.greeting .list { position: relative; float: left; margin: 0px 0px 40px; padding: 0px 20px 0px 0px; width: 740px; }
.greeting .list dl { position: relative; float: left; margin: 0px 0px 10px; }
.greeting .list dl dt { float: left; width: 120px; padding: 7px 0px; font-size: 14px; color: rgb(193, 2, 38); font-weight: bold; border-bottom: 1px dotted rgb(169, 169, 169); }
.greeting .list dl dd { float: right; width: 610px; padding: 7px 0px 7px 10px; font-size: 13px; border-bottom: 1px dotted rgb(169, 169, 169); }
/*미션 */
.sm_mv {width:100%; overflow:hidden; margin-bottom:10px;}
.sm_mv>ul {list-style:none; width:100%; margin:0 0 20px 0; padding:0; display:table; overflow:hidden;}
.sm_mv>ul>li {display:table-cell; vertical-align:middle;}
.sm_mv>ul>li>div {border-radius:15px; overflow:hidden;}
.sm_mv>ul>li:nth-child(1) {width:14%; background:#518ecc; border-radius:15px;}
.sm_mv>ul>li:nth-child(1)>div {padding:20px 10px; text-align:center; font-size:30px; letter-spacing:-1px; color:#FFF;}
.sm_mv>ul>li:nth-child(2) {width:*%; padding-left:30px;}
.sm_mv>ul>li:nth-child(2)>div {padding:30px 6%; background:#F3F3F3; text-align:left; font-size:24px; line-height:28px; letter-spacing:-1px; color:#444;}
.sm_mv>ul.h1>li:nth-child(1)>div {}
@media only screen and (max-width:496px){
.sm_mv>ul {display:block;}
.sm_mv>ul>li {display:block; width:100% !important; padding:0 !important; border-radius:10px !important;}
.sm_mv>ul>li>div {border-radius:10px;}
.sm_mv>ul>li:nth-child(1)>div {padding:10px 10px; font-size:24px;}
.sm_mv>ul>li:nth-child(2)>div {padding:25px 6%; font-size:20px; line-height:26px; text-align:center;}
}
.sm_strategy {float:left; width:100%; }
.sm_strategy li {float:left; width:19.2%; margin-right:1%; margin-bottom:30px; overflow:hidden;}
.sm_strategy li:last-child {margin-bottom:0px; margin-right:0%;}
.sm_strategy li h3{padding:30px; text-align:center; font-size:24px; line-height:26px; color:#222; font-weight:600; padding:20px 10px; background:#c5edeb; border-radius:15px; margin-bottom:0px;}
.sm_strategy li div {float:left; width:100%; height:150px; text-align:center; margin:10px 0; font-size:19px; line-height:26px;padding:20px 20px; box-sizing:border-box; background:#f0f0f0; border-radius:15px; }
@media only screen and (max-width:1100px){
.sm_strategy li div { height:230px; }
}
@media only screen and (max-width:850px){
.sm_strategy li {width:32.333%; margin-bottom:20px;}
.sm_strategy li h3 {font-size:22px;line-height:22px; }
.sm_strategy li div {font-size:18px;line-height:22px; height:130px; }
}
@media only screen and (max-width:496px){
.sm_strategy li {width:100%; margin-bottom:20px;}
.sm_strategy li div {height:auto;}
}
.ss_family {float:left; width:100%; }
.ss_family li {float:left; width:24.2%; margin-right:1%; margin-bottom:30px; overflow:hidden; }
.ss_family li:last-child {margin-bottom:0px; margin-right:0%;}
.ss_family li h2{padding:30px; text-align:center; font-size:24px; line-height:26px; color:#222; font-weight:600; padding:20px 10px; background:#c7e1f1; border-radius:15px; margin-bottom:0px;}
.ss_family li div {float:left; width:100%; text-align:center; margin:10px 0; font-size:20px; line-height:26px;padding:20px 20px; box-sizing:border-box; background:#f0f0f0; border-radius:15px; }
.ss_family li div h3{padding:30px; text-align:center; font-size:23px; line-height:26px; color:#00559d; font-weight:600; padding:10px 10px 15px;margin-bottom:10px;}
.ss_family li div p {float:left; width:100%; text-align:center; padding:0px 5px; box-sizing:border-box; font-size:20px; line-height:24px; color:#222;}
.ss_family li div p img {width:100%; padding-bottom:15px;}
@media only screen and (max-width:1024px){
.ss_family li div h3 {padding:10px 5px 15px; font-size:22px;}
.ss_family li div {padding:20px 10px; font-size:18px;line-height:22px; }
}
@media only screen and (max-width:850px){
.ss_family li {width:49.0%; margin-bottom:20px;}
.ss_family li div h3 {font-size:22px;line-height:22px; }
.ss_family li div {font-size:18px;line-height:22px; }
}
@media only screen and (max-width:496px){
.ss_family li{width:100%; margin-bottom:20px;}
.ss_family li div {height:auto;}
.ss_family li div h3 {font-size:22px;}
.ss_family li div p {font-size:18px;}
}
.about01 {float: left; position: relative; width:100%; margin:10px 0 30px 0; box-sizing:border-box;}
.about01 .img {float:left; width:100%; height:400px; text-align:center; padding:120px 10%; box-sizing:border-box; margin:0 0 50px 0; background: url("../images/about/01_img01.jpg") center 0px no-repeat;}
.about01 .img p {width:100%; background:rgba(255,255,255,0.8); padding:50px 0; font-size:40px; line-height:50px; box-sizing:border-box;}
.about01 .img p b {color:#ff6c00; font-weight:500;}
.about01 .txt_box {float:left; width:100%; font-size:22px; line-height:33px; text-align:left; color:#4e4e4e; padding:30px 5%;; box-sizing:border-box; }
.about01 .txt_box b {font-size:24px; font-weight:600; color:#111;}
.about01 h2 {float:left; width:100%; text-align:center; padding:10px 0 30px 0; }
./*about01 h2 img {width:100%}*/
.about01 p {float:left; width:100%; text-align:center; padding:10px 0 30px 0; }
.about01 p img {width:100%}
.about01 ul {float:left; padding:10px 0 10px 0px; width:100%; box-sizing:border-box;}
.about01 ul li {float:left; width:30.333%; margin:1.5%; box-sizing:border-box; text-align:center;}
.about01 ul li.hei01 {height:320px;}
.about01 ul li.bor01 {border:6px solid #70ac4a ; padding:40px 15px 20px; border-radius:50px;}
.about01 ul li.bor02 {border:6px solid #3c70b9 ; padding:40px 15px 20px; border-radius:50px;}
.about01 ul li.bor03 {border:6px solid #f08038 ; padding:40px 15px 20px; border-radius:50px;}
/*.about01 ul li img {width:100%;}*/
.about01 ul li h2 {font-size:55px; }
.about01 ul li h2 span{font-size:28px; padding-left:5px;}
.about01 ul li h2 b{font-weight:600;}
.about01 ul li h3 { text-align:center; font-size:30px; margin-bottom:20px;}
.about01 ul li ul {float:left; width:100%; padding:0 0 0 20px; box-sizing:border-box;}
.about01 ul li ul li{float:left; width:100%; padding:0 0 5px 0; list-style-type:disc; font-size:22px; text-align:left;}
.service01 {position:relative;float:left; width:48%; margin-right:2%; height:180px; margin-bottom:20px; padding:20px 0 20px 0; /*margin:30px 0 30px 0;*/ border-top:2px solid #222; border-bottom:1px solid #e1e1e1;}
.service01 > h2 {floaT:left; width:25%; text-align:left; /*font-size:2.3em; font-weight:500;*/ color: #222; margin:2% 0 2%; padding:10px 0 0px 0; /* background:url('../images/com/icon_01.gif') no-repeat 10px top; */ }
.service01 > div { float:left; width:75%; font-size:1.2em;; line-height:24px; padding:30px 0 20px 0;}
.service01 > div h3 {float:left; width:100%; font-size:30px;}
.service01 > div b {font-weight:500;}
.service01 > div > span { font-size:30px; line-height:30px; color:#e35d53; margin:0 15px; font-weight:600; font-family:'NanumSquare',sans-serif;}
/*.service01 > div > img {margin-bottom:-5px;}*/
.service01 > div > h2 { font-size:1.6em; font-weight:500; line-height:30px; color:#1d2e90; margin-bottom:15px }
.service01 > div > h3 { font-size:25px; line-height:30px; color:#16669f; margin-bottom:15px; font-weight:600;}
.service01 > div > h3.t01 { font-size:18px; color:#16669f;}
.service01 > div > ul > li {float:left; margin:0 0 5px 0; width:100%; /*background:url('../images/com/icon09.png') no-repeat 0px 8px;*/ padding:0 0 0 0px; box-sizing:border-box;}
.service01 > div > ul > li b {color:#3d4b96; font-size:1.1em;;}
.service01 li span.w01 { float: left; width: 110px; color: #5a88c6;}
.service01 li span.w02 { float: left; width:70%; }
.about06 {position:relative;float:left; width:100%;margin:20px 0 100px; text-align:center;}
.about04_img {floaT:left; width:100%; text-align:center; margin:0px 0 30px 0;}
.grievancestop {float:left; position:relative; width:100%; margin:30px 0 30px 0; text-align:center;}
@media screen and (max-width:850px){
.grievancestop img{width:100%; }
}
@media screen and (max-width:520px){
.grievancestop .tablewrapover:before {
content: "";
margin-top: -40px; margin-left: -40px;
width:90px; height:90px;
border-radius: 50%;
position: absolute; top: 50%; left: 50%;
z-index:11;
background-image: url('/images/com/tablescroll.png');
background-color: #fff;
background-position: center center;
background-repeat: no-repeat;
}
.grievancestop .tablewrapover:after {
content: "";
width:100%; height:100%;
position: absolute; top: 0; left: 0;
z-index:10;
background-color: rgba(0,0,0,0.2);
}
.grievancestop .tablewrapover01:before {
content: "";
margin-top: -40px; margin-left: -40px;
width:90px; height:90px;
border-radius: 50%;
position: absolute; top: 50%; left: 50%;
z-index:11;
background-image: url('/images/com/tablescroll.png');
background-color: #fff;
background-position: center center;
background-repeat: no-repeat;
}
.grievancestop .tablewrapover01:after {
content: "";
width:100%; height:100%;
position: absolute; top: 0; left: 0;
z-index:10;
background-color: rgba(0,0,0,0.2);
}
}
.center01 {position:relative;float:left; width:100%;margin:20px 0;}
.center01 ul li {float:left; width:33.3%; text-align:center; box-sizing:border-box; padding:20px 20px; font-size:18px;}
.center01 ul li span {float:left; width:100%; text-align:center; margin-bottom:20px; }
.center01 ul li h2 {float:left; width:100%; font-size:25px; font-weight:400; padding:20px 0; color:#f47d36;}
.center01 ul li h1 {float:left; width:100%; font-size:33px; font-weight:400; padding:20px 0; color:#f47d36;}
.center01 ul li p {line-height:26px;}
.center02 {float: left; position: relative; width:100%; margin:10px 0 30px 0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.center02 .Img {float:left; width:25%; text-align:center; margin:20px 0 20px 0;}
.center02 .Txt {float:left; width:75%; font-size:18px; line-height:28px; text-align:left; margin:20px 0;}
.center02 .Txt h2 {float:left; width:100%; font-size:22px; font-weight:400; padding:10px 0 20px 0; color:#025196;}
.center02 .Txt b {font-size:33px; line-height:56px; font-weight:600; color:#025196;}
.center02 ul {float:left; padding:10px 0;}
.center02 ul li {float:left; width:100%; text-align:left; box-sizing:border-box; padding:0px 0px; font-size:16px;}
@media only screen and (max-width:1280px){
.greeting {padding: 70px 30px 0px 30%; }
.greeting .txt_box {margin-top: -50px; }
.service01 > h2 {width:20%;}
.service01 > h2 img {width:80%;}
.service01 > div {width:80%;}
}
@media only screen and (max-width:1024px){
.greeting {padding: 70px 30px 0px 10%;}
.service01 {width:100%; height:auto;}
.service01 > h2 {width:15%;}
.service01 > h2 img {width:auto;}
.service01 > div { width:85%;}
}
@media only screen and (max-width:850px){
.greeting { float: left; position: relative; padding: 50px 2% 0px ; width: 100%; }
.greeting_bg01 { background: url("../images/about/01_img_01.jpg") center top no-repeat; }
.greeting .txt_box { font-size: 16px; float: left; width: 100%; padding: 5%; display: inline-block; height: auto; background-color: rgba( 255, 255, 255, 0.9 );}
.about06 img {width:100%;}
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:680px){
.service01 > h2 img {width:80%;}
}
@media only screen and (max-width:550px){
.service01 > h2 {width:100%; text-align:center; }
.service01 > h2 img {width:auto;}
.service01 > div { width:100%;}
.center01 ul li {width:100%;}
}
@media only screen and (max-width:480px){
.greeting {}
.greeting_bg01 { background-size: 100%; }
.service01 > div {font-size:1.1em;; line-height:22px;}
}
@media only screen and (max-width:360px){
}
.historyH2 {float:left; width:20%; font-size:64px; font-weight:600; /*color:#004ea2;*/ display:flex; padding:10px 0; }
.historyWrap {float:left;width: 100%;margin:0px 0 0px 0;}
.historyWrap dl {float:left; width:100%; padding: 0px 0% 30px 0px; border-bottom:1px solid #d8d8d8; margin-bottom:40px;}
.historyWrap dl:first-child { margin-top: 00px; border-top: 0px dashed #ccc; }
.historyWrap dl .year { color: #00559d; font-size: 40px; float: left; width:12%; padding:0px 10px 10px 10px; margin-right:5%; /*border-top:1px solid; */box-sizing:border-box; font-weight: 600; letter-spacing: -1px; line-height: 1; }
.historyWrap dl .cont {float: left; position:relative; width:83%;display: table-cell;padding:0px 10px 10px 10px;/*border-top:1px solid #9d9d9d ;*/ /*border-left:1px solid #e0e0e0;*/ box-sizing:border-box;}
/*.historyWrap dl .cont::before { content:''; display:inline-block; background-color:#ff9000; width:18px; height:18px; z-index:2; border-radius:50%; top:15px; margin-left:-20px; position:absolute;}*/
.historyWrap dl .cont ul { margin-bottom: -10px; }
.historyWrap dl .cont li { padding: 5px 0 10px; /*border-bottom:1px solid #dfdfdf;*/}
.historyWrap dl .cont li .month {font-size: 21px;font-weight: 700;color:#000;float: left;display: inline-block;width: 100px;line-height:29px; padding-left:15px;}
.historyWrap dl .cont li .txt { display: table-cell; overflow: hidden; font-size: 17px; color:#333; padding-left: 0px; position: relative; line-height:26px; letter-spacing:0px;}
.mission01 {position: relative; float:left; width:100%;}
.mission01 li { float:left; width:25%; text-align:center; font-size:24px; line-height:32px; padding:3%; box-sizing:border-box; }
.mission01 li h3 {float:left; width:100%; height:280px;}
.mission01 li br.br{display:none;}
.mission01 li b {font-size:25px; color:#004ba1;}
.mission01 li img {margin-bottom:20px;}
@media screen and (max-width:1280px){
.historyH2 {float:left; width:20%; font-size:60px; font-weight:600; /*color:#004ea2;*/ display:flex; padding:10px 0; }
.historyWrap {float:left;width: 80%;margin:0px 0 0px 0;}
.historyWrap dl .year {width:16%; margin-right:3%;}
.historyWrap dl .cont {width:80%;}
.historyWrap dl .cont li .month {width: 90px;}
}
@media screen and (max-width:1024px){
.historyH2 {width:100%; height:70px;}
.historyWrap {width:100%; margin:0px;}
.historyWrap dl .year {font-size:2.4em;}
.historyWrap dl .cont li .month {font-size: 18px;}
.historyWrap dl .cont li .txt {font-size: 16px;}
.mission01 li {font-size:20px; line-height:24px;}
.mission01 li h3 {height:220px; margin-bottom:20px;}
.mission01 li h3 img {height:100%;}
}
@media screen and (max-width:914px){
.historyWrap dl {padding: 10px 0% 10px 0px; }
.historyWrap dl .year {width:100%; margin-right:0%;}
.historyWrap dl .cont {width:100%; }
}
@media screen and (max-width:850px){
.mission01 li {width:50%;}
}
@media screen and (max-width:680px){
.historyWrap dl .year {font-size:34px; padding:15px 0 ;}
.historyWrap dl .cont {width:100%; padding:0px; }
.historyWrap dl .cont::before {margin-left:-10px;}
.historyWrap dl .cont li .month {width: 60px;}
.historyWrap dl .cont li .txt {}
}
@media screen and (max-width:480px){
.historyWrap dl .cont li .month {width: 100%; padding-left:15px;}
.historyWrap dl .cont li .txt {width: 100%; padding-left:15px; line-height:26px;}
.mission01 li {width:100%;}
}
.affi01 {position: relative; float:left; width:100%; padding:20px 0; margin-bottom:30px;}
.affi01 dl {position: relative; float:left; width:100%; }
.affi01 dl dt{float:left; width:18%; background:url('../images/com/icon_14.png') no-repeat 0 15px; font-size:21px; margin:0px 0 0px; padding:12px 0 12px 22px ; box-sizing:border-box;}
.affi01 dl dd{float:left; width:82%; padding:12px 0; font-size:20px; line-height:26px;}
.affi01 dl dd ul {float:left; width:100%; padding:0 0 0 20px; box-sizing:border-box; }
.affi01 dl dd ul li {float:left; width:100%; padding:0px 0 10px 0; box-sizing:border-box; list-style-type:disc; }
/*
.affi0105 {position: relative; float:left; width:100%; padding:50px; margin-bottom:30px; background:#f3f3f3; box-sizing:border-box;}
.affi0105 li {float:left; width:100%; padding:15px 0; box-sizing:border-box; font-size:20px;}
.affi0105 li span {padding:5px 10px; background:#00a040; border-radius:30px; color:#fff; margin-right:10px; margin-top:-15px; font-size:22px;}
.affi0105 li ul {float:left; width:100%; padding:10px 0 0 80px; }
.affi0105 li ul li {float:left; width:100%; padding-bottom:3px; box-sizing:border-box; list-style-type:disc; }
*/
.affi0105 {position: relative; float:left; width:100%; padding:50px; margin-bottom:30px; background:#f3f3f3; box-sizing:border-box;}
.affi0105 dl {float:left; width:100%; padding:15px 0; box-sizing:border-box; }
.affi0105 dt {float:left; width:50px; padding:10px 0px; text-align:center; background:#00a040; border-radius:30px; color:#fff; margin-bottom:10px; margin-top:0px; font-size:22px; box-sizing:border-box; }
.affi0105 dd {float:left; width:calc(100% - 50px); padding:10px 0 10px 20px; box-sizing:border-box; font-size:20px; line-height:26px;margin-bottom:10px;}
.affi0105 dd ul {float:left; width:100%; padding:20px 0 0 25px; }
.affi0105 dd ul li {float:left; width:100%; padding-bottom:10px; box-sizing:border-box; list-style-type:disc; }
@media screen and (max-width:1280px){
.affi01 dl dt{width:22%; }
.affi01 dl dd{width:78%; }
}
@media screen and (max-width:850px){
.affi01 dl dt{width:25%; }
.affi01 dl dd{width:75%; }
}
@media screen and (max-width:680px){
.affi01 dl dt{width:100%; }
.affi01 dl dd{width:100%; }
.affi0105 {padding:20px;}
.affi0105 dt{width:40px; font-size:20px;}
.affi0105 dd {width:calc(100% - 40px);font-size:18px;line-height:24px; padding:10px 0 10px 10px; }
}
.guide01T {position: relative; float:left; width:100%; padding:20px 0; font-size:23px; margin-bottom:30px;}
.guide01T .Img {float:left; width:50%; padding-right:5%; box-sizing:border-box;}
.guide01T .Img .tit {font-size: 25px;margin-top: -70px;position: absolute;/* bottom: 0; */text-align: center;height: 70px;background: rgba(0,0,0,0.5);width: 45%;line-height: 70px;color: #fff;}
.guide01T .Img img {width:100%;}
.guide01T .Txt {float:left; width:50%; font-size:22px; line-height:30px; padding:30px 0;}
.guide01T .Txt span {color:#ff0000;}
.guide01T .Txt h2 {width:100%; margin-bottom:50px; font-size:46px; color:#0066b7; }
.guide01T .Txt h2 b {font-weight:600;}
.guide01T .Txt h3 {width:100%; margin-bottom:20px; color:#000000; }
.guide01T .Txt h4 {font-size:28px; color:#ff0000;}
.guide01T .Txt p {floaT:left; width:100%; padding-bottom:20px;}
.guide01T .Txt ul {floaT:left; width:100%; }
.guide01T .Txt ul li {floaT:left; width:100%;}
@media screen and (max-width:1280px){
.guide01T .Txt {font-size:20px; line-height:26px; padding:0px 0;}
.guide01T .Txt h2 {margin-bottom:30px; font-size:40px;}
}
@media screen and (max-width:1024px){
.guide01T .Img { width:100%; padding-right:0;}
.guide01T .Img .tit{ width:100%; font-size:22px; }
.guide01T .Txt {width:100%; padding:30px 0;}
.guide01T .Txt h2 {margin-bottom:30px; font-size:40px;}
}
.guide01 {display:block; width:100%; }
.guide01 .tablesp {float:left; width:100%; }
.guide01 .unit {float:left; height:230px; width:32.0%; margin:0 2% 0 0; padding:35px 35px 15px 35px; box-sizing:border-box; vertical-align:top; background-color:#f7f7f7; border:1px solid #e8e8e8; border-radius:10px; overflow:hidden;}
.guide01 .unit:last-child {margin-right:0px;}
.guide01 .unit .unitTop { background:none; padding:0px 0 10px 0;; letter-spacing:-1px; font-size:25px; display:flex; vertical-align:middle;}
.guide01 .unit .unitTop img {padding-right:20px; margin-top:-12px;}
.guide01 .unit .unitbody { line-height:1.4; padding:10px 10px 0 10px; box-sizing:border-box;}
.guide01 .unit .unitbody { display:inline-block; text-align:left; }
.guide01 .unit .unitbody li { list-style:disc; font-size:19px; }
@media screen and (max-width:1280px){
.guide01 .unit {height:340px;}
}
@media screen and (max-width:950px){
.guide01 .unit {height:380px;}
}
@media screen and (max-width:850px){
.guide01 .tablesp {}
.guide01 .unit {float:left; width:100%; display:inline-block; margin:0 0 20px 0; height:auto; }
}
@media screen and (max-width:480px){
.guide01 {display:block; width:100%; }
.guide01 .unit {padding:25px 25px 15px 25px;}
}
.about02top { float: left; position: relative; padding: 70px 30% 70px 30%; margin-bottom:30px; width: 100%; /*white-space: pre-line; */box-sizing:border-box; margin-bottom:50px; background:url('../images/about/02_img05.jpg?ver=1.2') left center no-repeat; }
.about02top .txt_box { float: left; width: 100%; padding: 5% 8%; display:inline-block; text-align:center; background: rgba(255,255,255,0.8); text-align: left; box-shadow: rgba(0, 0, 0, 0.1) 7px 7px 30px; font-size: 25px; line-height:28px; font-weight:500; box-sizing:border-box; /* word-break: keep-all;*/}
.about02top .txt_box h2 { font-size: 54px; line-height:77px; color:#0066b7; text-align:center; }
.guide04top { float: left; position: relative; padding: 70px 30px 70px 50%; margin-bottom:30px; width: 100%; /*white-space: pre-line; */box-sizing:border-box; margin-bottom:50px; background:url('../images/guide/04_img01.jpg') left center no-repeat; }
.guide04top .txt_box { float: left; width: 80%; padding: 5% 8%; display: inline-block; background-color: #ffffff; text-align: left; box-shadow: rgba(0, 0, 0, 0.1) 7px 7px 30px; font-size: 25px; line-height:28px; font-weight:500; box-sizing:border-box; /* word-break: keep-all;*/}
.guide04top .txt_box h2 { font-size: 54px; line-height:77px; color:#1e4677; }
.guide04top .txt_box h2 b { color:#6aafe6; }
.guide04top .txt_box h3 { font-size: 26px; color:#424242; font-weight:600; line-height:32px; margin-bottom:30px;}
.guide04top .txt_box p a {float:left; margin-bottom:20px; font-size:25px; width:100%; box-sizing:border-box; padding:10px 0; }
.guide04top .txt_box ul {float:left; padding:0 0 0 20px;}
.guide04top .txt_box ul li {float:left; width:100%; padding:0px 0 3px 0 ; font-size:22px; white-space: pre-line; list-style-type:disc;}
.listwrap01 {float:left; position:relative; width:100%; margin:10px 0; font-size:21px; line-height:28px; white-space: pre-line; }
.listwrap01 h2 {float:left; position:relative; width:100%; margin:14px 0; font-size:22px; font-weight:600; color:#6aafe6;}
.listwrap01 ul li {float:left; width:100%; padding:0px 0 3px 0 ; white-space: pre-line; }
.listwrap01 p {float:left; width:100%; margin:10px 0; }
.listwrap02 {float:left; position:relative; width:100%; margin:10px 0; font-size:21px; line-height:28px; }
.listwrap02 h2 {float:left; position:relative; width:100%; margin:14px 0; font-size:22px; font-weight:600; color:#6aafe6;}
.listwrap02 ul {float:left; width:100%; padding:0px 0 3px 30px ; box-sizing:border-box;}
.listwrap02 ul li {float:left; width:100%; padding:0px 0 5px 0 ; white-space: pre-line; list-style-type:disc;}
.listwrap02 p {float:left; width:100%; margin:10px 0; }
.about10 {position:relative; float:left; width:100%; height:auto; margin:0px 0 ; text-align:; font-size:18px; line-height:26px; white-space: pre-line; }
.about10 h2 {floaT:left; width:100%; text-align:left; font-size:28px; font-weight:600; color: #ff7200; margin:2% 0; padding:0px 0 0px 0;}
@media screen and (max-width:1280px){
.guide04top {padding: 70px 0px 70px 50%; }
.guide04top .txt_box {width: 100%; background:rgba(255, 255, 255, 0.85); }
}
@media screen and (max-width:768px){
.guide04top {padding: 70px 0px 70px 0%; }
}
@media screen and (max-width:450px){
.listwrap01 {font-size:19px; line-height:24px;}
.listwrap02 {font-size:19px; line-height:24px;}
}
/*
.SupportTop { float: left; width: 100%; margin: 1.5% 0px 3%; padding: 30px 0px 30px; text-align:center;}
.SupportTop h2 { float: left; width: 100%; font-size: 33px; font-weight: 700; padding: 0px 0px 0px 0px; margin: 20px 0px 10px; text-align:center; color:#004ea2; }
.SupportTop h3 { float: left; width: 100%; font-size: 30px;; font-weight: 600; margin: 10px 0px 30px; text-align: center;color:#009688; }
.SupportTop p { float: left; width: 100%; padding: 0px 0px 20px; font-size:23px; }
.SupportTopbg01 {background:url('../images/support/bg01.jpg') no-repeat center bottom ; }
.SupportTopbg02 {background:url('../images/support/bg02.jpg') no-repeat center center ; }
*/
.Support01Top { float: left; width: 100%; margin: 1.5% 0px 3%; padding: 30px 50px 30px 50px; box-sizing:border-box; background:url('../images/support/bg02.jpg') no-repeat 90% center ; background-size:100%; }
.Support01Top h2 { float: left; width: 100%; font-size: 45px; line-height:58px; font-weight: 600; padding: 0px 0px 0px 0px; margin: 30px 0px 40px; color:#fff; }
.Support01Top h3 { float: left; width: 100%; font-size: 40px; font-weight: 600; margin: 20px 0px 40px; color:#fff; }
.Support01Top p { float: left; width: 100%; padding: 0px 0px 10px; font-size:24px; line-height:32px; color:#fff; }
.Support02Top { float: left; width: 100%; margin: 1.5% 0px 3%; padding: 30px 0px 30px 40%; text-align:center; box-sizing:border-box; background:url('../images/support/bg01.jpg') no-repeat center bottom ;}
.Support02Top h2 { float: left; width: 100%; font-size: 45px; line-height:58px; font-weight: 600; padding: 0px 0px 0px 0px; margin: 30px 0px 40px; text-align:left; color:#fff; }
.Support02Top h3 { float: left; width: 100%; font-size: 30px; font-weight: 600; margin: 20px 0px 20px; text-align:left; color:#fff; }
.Support02Top p { float: left; width: 100%; padding: 0px 0px 20px; font-size:23px; line-height:32px; text-align:left; color:#fff; }
@media screen and (max-width:1280px){
.Support01Top {background-size:auto 100%; }
}
@media screen and (max-width:480px){
.Support01Top { background-size:cover; padding: 30px 20px 30px 20px;}
.Support01Top p {font-size:20px; line-height:26px;}
}
.unit-arrow { display:block; text-indent:-9999px; width: 40px; height: 40px; position:absolute; z-index: 2; background:transparent url('../images/com/arr_right05.png') center center no-repeat; top:50%; margin-top:-20px;right: -30px;; }
.unit-arrow01 { display:block; text-indent:-9999px; width: 40px; height: 40px; position:absolute; z-index: 2; background:transparent url('../images/com/arr_down05.png') center center no-repeat; top:50%; margin-top:-20px;right: -30px;; }
.process02 {position:relative; float:left; width:100%; margin:10px 0 20px; text-align:center; box-sizing:border-box; color:#222;}
.process02 li { floaT:left; position: relative; display:-ms-flexbox; display:-webkit-flexbox; /* display: flex; */ align-items:center; justify-content:center;
width:calc(50.0% - 25px); font-size:22px; line-height:26px; box-sizing: border-box; padding: 1.5em 1em; margin: 0 0.5em; border-radius: 50px; vertical-align: middle; background: #fff; border:1px solid #ccc ; word-break:keep-all;}
.process02 li h2 {position:relative; float:left; width:100%; font-size:30px; color:#222; padding:20px 0; margin:0 0 20px;}
.process02 li h3 {position:relative; float:left;width:100%; height:140px; }
.process02_01 {position:relative; float:left; width:100%; margin:10px 0 20px; text-align:center; box-sizing:border-box; color:#222;}
.process02_01 li { floaT:left; height:260px; position: relative; display:-ms-flexbox; display:-webkit-flexbox; /* display: flex; */ align-items:center; justify-content:center;
width:calc(50.0% - 20px); font-size:19px;line-height:22px; box-sizing: border-box; padding: 1.0em 1em; margin: 0 0.5em; border-radius: 15px; vertical-align: middle; background: #fff; border:1px solid #ccc ; word-break:keep-all;}
.process02_01 li h2 {position:relative; float:left; width:100%; font-size:22px; color:#222; background:#dfdfdf; padding:20px 0; margin:0 0 20px;}
.process02_01 li h3 {position:relative; float:left;width:100%; height:70px; }
.process03 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222; }
.process03 li {position: relative; float:left; height:170px; font-size:20px; line-height:24px; width:calc(33.333% - 20px); /*display:-ms-flexbox; display:-webkit-flexbox; display: flex; */
align-items:center; justify-content:center; box-sizing: border-box; padding: 28px 10px; margin: 0 1em 0 0; border-radius: 20px; vertical-align: middle; background: #fff; border:1px solid #dfdfdf ; word-break:keep-all; }
.process03 li.hei01 {height:200px;}
.process03 h2 {position:relative;float:left; width:100%; font-size:1.2em; background:#51b0cb; color:#fff; padding:1em 1em; margin-bottom:0.5em; text-align:center; border-radius: 15px; box-sizing:border-box; }
.process03 li h3 {width:100%; height:75px;}
.process03 li p {font-size:23px; font-weight:600; padding-top:10px; line-height:24px;}
.process03 li p span {font-size:18px; }
.process03_01 {position:relative; float:left; width:100%; margin:10px 0 20px; text-align:center; box-sizing:border-box; color:#222;}
.process03_01 li { floaT:left; position: relative; display:-ms-flexbox; display:-webkit-flexbox; /* display: flex; */ align-items:center; justify-content:center;
width:calc(33.3% - 20px); font-size:19px;line-height:22px; box-sizing: border-box; padding: 30px 20px; margin: 0 0.5em; border-radius: 150px;
vertical-align: middle;background:#fff; border:1px solid #dfdfdf ; word-break:keep-all;}
.process03_01 li h2 {position:relative; float:left; width:100%; font-size:26px; color:#111; padding:20px 0; margin:0 0 0px;}
.process03_01 li h3 {position:relative; float:left;width:100%; height:90px; }
.process03_01 li.hei01 { height:150px;}
.process03_01 li ul {float:left; width:100%; margin:20px 0 0 0;}
/*.process03_01 li ul li {float:left; width:100%; border:0px; height:auto; padding:0 0 7px 0; }*/
.process03_01 li ul li {float:left; width:80%; border:0px; height:auto; padding:0 0 7px 18%; text-align:left;}
.process03_02 {position:relative; float:left; width:100%; margin:10px 0 30px; text-align:center; box-sizing:border-box; color:#222; }
.process03_02 li {position: relative; float:left; height:350px; font-size:20px; line-height:24px; width:calc(33.333% - 15px); /*display:-ms-flexbox; display:-webkit-flexbox; display: flex; */
align-items:center; justify-content:center; box-sizing: border-box; padding: 48px 10px; margin: 0 20px 0 0; border-radius: 20px; vertical-align: middle; background: #fff; border:1px solid #dfdfdf ; word-break:keep-all; }
.process03_02 li h2 {position:relative;float:left; width:100%; font-size:30px; font-weight:600; color:#00559d; padding:20px ; margin:10px 0; text-align:center; border-radius: 15px; box-sizing:border-box; }
.process03_02 li:last-child {margin: 0 0px 0 0;}
.process03_02 li h3 {width:100%; height:120px;}
.process03_02 li p {font-size:20px; font-weight:600; padding:10px; line-height:28px;}
.process03_02 li p span {font-size:18px; }
.process03_02 li a {padding:10px 20px; color:#fff; background:#00559d; border-radius:30px;}
.process03_02 li a:hover { background:#9E9E9E; }
.process04 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222; }
.process04 li {position: relative; float:left; height:190px; font-size:20px; line-height:24px; width:calc(25% - 20px); /*display:-ms-flexbox; display:-webkit-flexbox; display: flex; */
align-items:center; justify-content:center; box-sizing: border-box; padding: 28px 10px; margin: 0 1em 0 0; border-radius: 20px; vertical-align: middle; background: #fff; border:1px solid #dfdfdf ; word-break:keep-all; }
/*.process04 li:after {display:none; content:""; position: absolute; top: calc(50% - 15px); right: -15px; bottom: 0px; display:inline-block; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #e0eff1;}
.process04 li:last-child:after {display:none;}*/
.process04 li.hei01 {height:250px;}
.process04 h2 {position:relative;float:left; width:100%; font-size:1.2em; background:#51b0cb; color:#fff; padding:1em 1em; margin-bottom:0.5em; text-align:center; border-radius: 15px; box-sizing:border-box; }
.process04 li h3 {width:100%;height: 95px;}
.process04 li h4 {font-size:24px; color:#000;}
.process04 li p {font-size:23px; font-weight:600; padding-top:20px; line-height:30px;}
.process04 li p span {font-size:18px; }
.process0401 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222; }
.process0401 li {position: relative; float:left; height:301px; font-size:25px; line-height:30px; width:calc(25% - 0px); /*display:-ms-flexbox; display:-webkit-flexbox; display: flex; */
align-items:center; justify-content:center; box-sizing: border-box; padding: 2.0em 2em; margin: 0 0em; border-radius: 0px; vertical-align: middle; background: #fff; word-break:keep-all; }
/*.process0401 li:after {display:none; content:""; position: absolute; top: calc(50% - 15px); right: -15px; bottom: 0px; display:inline-block; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #e0eff1;}*/
.process0401 li:last-child:after {display:none;}
.process0401 h2 {position:relative;float:left; width:100%; font-size:1.2em; background:#51b0cb; color:#fff; padding:1em 1em; margin-bottom:0.5em; text-align:center; border-radius: 15px; box-sizing:border-box; }
.process0401 li h3 {width:100%; height:80px;}
.process0401 li p span {font-size:17px; }
.process0401 li.bg01 {background:url('../images/about/02_bg01.png') no-repeat center }
.process0401 li.bg02 {background:url('../images/about/02_bg02.png') no-repeat center }
.process0401 li.bg03 {background:url('../images/about/02_bg03.png') no-repeat center }
.process0401 li.bg04 {background:url('../images/about/02_bg04.png') no-repeat center }
.process05 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222;}
.process05 li { floaT:left; position: relative; font-size:19px; line-height:24px; height:330px; /*display:-ms-flexbox; display:-webkit-flexbox; display: flex;*/
width:calc(20% - 14px); align-items:center; justify-content:center; box-sizing: border-box; padding:30px 20px ; margin: 0 6px; border-radius: 30px; vertical-align: middle; background: #fff; border:1px solid #dfdfdf ; word-break:keep-all; }
/*.process05 li:after {display:none; content:""; position: absolute; top: calc(50% - 15px); right: -15px; bottom: 0px; display:inline-block; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #e0eff1;}
.process05 li:last-child:after {display:none;}*/
.process05 li.hei01 {height:180px;}
.process05 h2 {position:relative;float:left; width:100%; font-size:26px; line-height:30px; font-weight:600; color:#00559d; padding:0; margin-bottom:15px; text-align:center; box-sizing:border-box; }
.process05 li h3 {width:100%; height:120px;}
.process05 li p {font-size:20px; font-weight:500;}
.process0501 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222;}
.process0501 li { floaT:left; position: relative; font-size:19px; line-height:24px; height:150px; /*display:-ms-flexbox; display:-webkit-flexbox; display: flex;*/
width:calc(20% - 20px); align-items:center; justify-content:center; box-sizing: border-box; padding: 1.2em 1em; margin: 0 0.5em; border-radius: 0px; vertical-align: middle; background: #fff; border:1px solid #dfdfdf ; word-break:keep-all; }
.process0501 li:after {display:none; content:""; position: absolute; top: calc(50% - 15px); right: -15px; bottom: 0px; display:inline-block; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #e0eff1;}
.process0501 li:last-child:after {display:none;}
.process0501 li.hei01 {height:180px;}
.process0501 h2 {position:relative;float:left; width:100%; font-size:1.2em; background:#51b0cb; color:#fff; padding:1em 1em; margin-bottom:0.5em; text-align:center; border-radius: 15px; box-sizing:border-box; }
.process0501 li h3 {width:100%; height:62px;}
.process0501 li p span {font-size:17px;}
.process05_01 {position:relative; float:left; width:100%; margin:20px 0 30px 0; text-align:center; box-sizing:border-box; color:#222; }
.process05_01 li { floaT:left; position: relative; display:-ms-flexbox; display:-webkit-flexbox; /*display: flex;*/ align-items:center; justify-content:center;
width: 18.5%; height:140px; font-size : 18px; line-height:22px; box-sizing: border-box; padding: 1.5em 0.8em; margin: 0 0.5em; border-radius: 30px; vertical-align: middle; background: #fff; border:1px solid #dfdfdf ; word-break:keep-all;}
.process05_01 li h2 {font-size:20px; color:#004ea2 }
.process05_01 li h3 {width:100%; height:55px;}
.process06 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222; }
.process06 li { floaT:left; position: relative; display:-ms-flexbox; display:-webkit-flexbox; /*display: flex;*/ align-items:center; justify-content:center;
width:calc(16.66% - 20px); height:150px; box-sizing: border-box; padding: 1.0em 0.8em; margin: 0 1em 0 0; border-radius: 0px; vertical-align: middle; /*background: #e3e3e3;*/background: #fff; border:1px solid #dfdfdf ; word-break:keep-all;}
.process06 li:first-child { }
.process06 li:after {display:none; content:""; position: absolute; top: calc(50% - 10px); right: -30px; bottom: 0px; display:inline-block; width: 0; height: 0; border:15px solid transparent ; border-left-color:#e3e3e3; /*border-style: solid; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #c8e0f6; */}
.process06 li:last-child:after {display:none;}
.process06 li h2 {position:relative; float:left; width:100%; font-size:20px; color:#004ea2 }
.process06 li p {position:relative; float:left; width:100%; font-size:18px; line-height:22px; }
.process06 li p span {width:100%; font-size:16px; text-align:center; }
.process06 li h3 {width:100%; height:68px; }
.process07 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222; }
.process07 li { floaT:left; position: relative; display:-ms-flexbox; display:-webkit-flexbox; /*display: flex;*/ align-items:center; justify-content:center;
width:calc(14.2% - 20px); font-size : 17px; line-height:22px; box-sizing: border-box; padding: 1.0em 0.8em; margin: 0 0.5em; border-radius: 30px; vertical-align: middle; /*background: #e3e3e3;*/background: #fff; border:1px solid #dfdfdf ; word-break:keep-all;}
.process07 li:first-child { }
.process07 li:after {display:none; content:""; position: absolute; top: calc(50% - 10px); right: -30px; bottom: 0px; display:inline-block; width: 0; height: 0; border:15px solid transparent ; border-left-color:#e3e3e3; /*border-style: solid; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #c8e0f6; */}
.process07 li:last-child:after {display:none;}
.process07 li h2 {position:relative; float:left; width:100%; font-size:20px; color:#004ea2 }
.process07 li p {position:relative; float:left; width:100%;}
.process07 li h3 {width:100%; height:55px;}
.process08 {position:relative; float:left; width:100%; margin:10px 0 20px; text-align:center; box-sizing:border-box; color:#222;}
.process08 li { floaT:left; position: relative; display:-ms-flexbox; display:-webkit-flexbox; /* display: flex; */ align-items:center; justify-content:center;
width:calc(25% - 20px); height: 170px; box-sizing: border-box; padding: 1.1em 1em; margin: 0 0.5em 1em; border-radius: 0px;
vertical-align: middle; background: #fff; border:1px solid #dfdfdf; word-break:keep-all; }
.process08 li.flex {display: flex;}
.process08 li:after { content:""; position: absolute; top: calc(50% - 20px); right: -20px; bottom: 0px; display:inline-block; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent #e0eff1;}
.process08 li:last-child:after {display:none;}
.process08 li h2 {position:relative; float:left; width:100%; font-size:20px; color:#004ea2; padding-bottom:10px;}
.process08 li h3 {width:100%; height:58px; }
.process08 li p {font-size:19px; font-weight:600; }
.process08 li p span {float:left; font-size:16px; font-weight:400; line-height:20px; padding-top:10px; text-align:center; width:100%; }
.process08_01 {position:relative; float:left; width:100%; margin:10px 0 20px; text-align:center; box-sizing:border-box; color:#222;}
.process08_01 li { floaT:left; position: relative; /*display:-ms-flexbox; display:-webkit-flexbox; *//* display: flex; */ align-items:center; justify-content:center;
width:calc(25.2% - 20px); height: 130px; font-size:16px;line-height:21px; font-weight:600; box-sizing: border-box; padding: 2.0em 1em; margin: 0 0.5em 1em; border-radius: 15px;
vertical-align: middle; background: #e0eff1; word-break:keep-all; }
.process08_01 li.flex {display: flex;}
.process08_01 li:after { content:""; position: absolute; top: calc(50% - 20px); right: -20px; bottom: 0px; display:inline-block; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent #e0eff1;}
.process08_01 li:nth-child(4):after { top: calc(100% - 0px); left: calc(50% - 10px); border-top:20px solid #e0eff1;; border-bottom:20px solid none; border-left: 20px solid transparent; border-right: 20px solid transparent;}
.process08_01 li:nth-child(6):after , .process08_01 li:nth-child(7):after ,.process08_01 li:nth-child(8):after { content:""; position: absolute; top: calc(50% - 20px); left: -20px; bottom: 0px; display:inline-block; width: 0; height: 0; border-style: solid; border-width: 20px 20px 20px 0px; border-color: transparent #e0eff1 transparent transparent;}
.process08_01 li:nth-child(5):after {display:none;}
/*.process08 li:last-child:after {display:none;}*/
.process08_01 li h2 {position:relative; float:left; width:100%; font-size:20px; line-height:28px; color:#004ea2; padding-bottom:10px;}
.process08_01 li p {position:relative; float:left; width:100%; }
.process09 {position:relative; float:left; width:100%; margin:10px 0 20px ; text-align:center; box-sizing:border-box; color:#222;}
.process09 li { floaT:left; position: relative; display:-ms-flexbox; display:-webkit-flexbox; /* display: flex; */ align-items:center; justify-content:center;
width:calc(33.3% - 20px); /*height: 200px;*/ font-size:16px;line-height:22px; box-sizing: border-box; padding: 1em 1em; margin: 0 0.5em 1em; border-radius: 15px;
vertical-align: middle; background: #e0eff1; word-break:keep-all; border:1px solid #93dee8; }
.process09 li.flex {display: flex;}
.process09 li:after { content:""; position: absolute; top: calc(50% - 20px); right: -20px; bottom: 0px; display:inline-block; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent #e0eff1;}
.process09 li:last-child:after {display:none;}
.process09 li h2 {position:relative; float:left; width:100%; font-size:20px; color:#004ea2; padding:15px 5px; margin-bottom:5px; background:#fff; box-sizing: border-box; }
.process09 li h3 {position:relative; float:left; width:100%; font-size:19px; color:#222; padding:10px 5px; margin-bottom:10px; background:#dfdfdf;box-sizing: border-box; }
.active01_process03 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222; }
.active01_process03 li { floaT:left; width: calc(33.3% - 17px); font-size:17px; line-height:22px; box-sizing: border-box; padding: 0.8em 0.8em; margin: 0 7px 10px; border-radius: 30px; vertical-align: middle; background: #fff; /*word-break:keep-all;*/}
.active01_process03 li.hei01 { height:150px;}
.active01_process03 li.bg01 {border:10px solid #50ab00;}
.active01_process03 li.bg01 h2 {background:#50ab00; }
.active01_process03 li.bg01 h3 {color:#50ab00; }
.active01_process03 li.bg02 {border:10px solid #f39800;}
.active01_process03 li.bg02 h2 {background:#f39800; }
.active01_process03 li.bg02 h3 {color:#f39800; }
.active01_process03 li.bg03 {border:10px solid #0080cc;}
.active01_process03 li.bg03 h2 {background:#0080cc; }
.active01_process03 li.bg03 h3 {color:#0080cc; }
.active01_process03 li h2 {position:relative; float:left; width:30%; border-radius:22px; font-size:20px; line-height:28px; color:#fff; padding:10px 0; margin:0 35% 10px; }
.active01_process03 li h3 br {display:none;}
.active01_process03 li h3 {position:relative; float:left; width:100%; font-size:20px; line-height:28px; color:#222; margin-bottom:10px; }
.active01_process03 li p {position:relative; float:left; width:100%; }
@media screen and (max-width:1366px){
.active01_process03 li h3 {font-size:19px;}
}
@media screen and (max-width:1330px){
.active01_process03 li h3 br {display:block;}
.active01_process03 li.hei01 { height:180px;}
.process03_02 li {height:370px; }
.process05 li {height:380px;}
.process05 h2 {font-size:25px; line-height:28px;margin-bottom:20px; }
.process05 li p {font-size:18px;}
}
@media screen and (max-width:1200px){
.process08 li:last-child {font-size:15px; line-height:20px;}
}
@media screen and (max-width:1024px){
.about01_process04 li {width: 26.0%; font-size:15px; line-height:20px;}
.about01_process04 li:first-child {width: 14.9%; }
.about01_process04 li h2 {font-size:19px; }
.about01_process06 li {width:14.9%; font-size:15px; line-height:20px;}
.about01_process06 li h2 {font-size:19px; line-height:22px; height:45px;}
.about01_process06 li h3 {font-size:19px; }
/*.process05 li {width: 18.0%; font-size:16px; line-height:22px;}*/
.process03 li {line-height:20px; word-break:break-word;}
.process03 li p {font-size:18px; }
.process03 li p span {font-size:17px; }
.process03_02 li {/*word-break:break-word;*/}
.process03_02 li p {font-size:18px; line-height:24px; }
.process03_02 li p span {font-size:17px; }
.process03_01 li ul li {float:left; width:100%; border:0px; height:auto; padding:0 0 7px 0%; text-align:left;}
.process04 li {line-height:20px; word-break:break-word;}
.process04 li p {font-size:18px; }
.process04 li p span {font-size:17px; }
.process0401 li { font-size:22px; line-height:30px; width:calc(25% - 0px);
align-items:center; justify-content:center; box-sizing: border-box; padding: 1.5em 2em; }
.process05 li {height:320px;}
.process06 li {height:170px;}
.process08 li {height:200px;}
.process08_01 li {font-size:14px; line-height:17px;}
}
@media screen and (max-width: 850px){
.about01_process04 li {width: 25.5%; font-size:14px; line-height:18px; }
.about01_process04 li h2 {font-size:16px; }
.about01_process06 li {width:14.5%; font-size:14px; line-height:18px; height:150px;}
.about01_process06 li h2 {font-size:16px; line-height:20px; height:45px;}
.about01_process06 li h3 {font-size:16px; }
/*
.process05 li {width: 17.7%; }
.process05 li h2 {font-size:19px;}
*/
.process03 li {height:auto;}
.process03_01 li {height:auto;}
.process03_01 li h2 {font-size:24px; line-height:28px; color:#111; padding:20px 0; margin:0 0 10px;}
.process03_01 li ul {float:left; width:100%; margin:0px 0 0 0;}
.process03_01 li ul li {font-size:16px; padding:0 0 2px 0;}
.process03_02 li {height:360px;}
.process04 li {height:auto;}
.process0401 li { font-size:20px; line-height:22px; }
.process05 li {height:380px;}
.process05 li h2 {font-size:24px}
.process0501 li p span {font-size:14px;}
.process05_01 li {width: 17.7%; }
.process06 li {width: calc(33.3% - 20px); margin-bottom:20px; height:150px;}
.process08 li h2 {font-size:19px;}
.about05_process li { width:98%; margin-bottom:1.5em; }
.about05_process li:after { top:auto; left:0; right:0; bottom:-10px; margin:0 auto; border-width: 10px 10px 0 10px; border-color: #f0f4ff transparent transparent transparent; }
/*
.process05 li { width:98%; margin-bottom:1.5em; }
.process05 li:after { top:auto; left:0; right:0; bottom:-10px; margin:0 auto; border-width: 10px 10px 0 10px; border-color: #f0f4ff transparent transparent transparent; }
*/
}
@media screen and (max-width:680px){
.about01_process04 li {width: 100%; font-size:14px; line-height:18px; margin:0 0 10px 0; height:auto;}
.about01_process04 li:first-child {width: 100%; }
.about01_process04 li h2 {font-size:16px; }
.about01_process06 li {width:100%; font-size:14px; line-height:18px; margin:0 0 10px 0; height:auto;}
.about01_process06 li h2 {font-size:16px; line-height:20px; height:auto;}
.about01_process06 li h3 {font-size:16px; }
.active01_process03 li.hei01 { height:220px;}
.support_text .Txt {font-size:19px;}
.process02 li {font-size:18px; line-height:22px;}
.process03 li.hei01 {height:120px;}
.process03_01 li { height:auto; font-sizE:18px; width:100%;}
.process03_02 li {height:400px;}
.process03_02 li h2 {margin:-20px 0 10px 0;}
.process03_02 li h3 img {height:70%;}
.process04 li p {line-height:22px; padding:10px 0;}
.process05 li {width: 31.3333%; margin-bottom:10px; height:300px;}
.process0501 li {width: 30.0%; margin-bottom:10px; }
.process05_01 li {width: 30.3%; /*height:100px;*/ margin-bottom:10px;}
.process06 li { width:calc(33.3% - 20px); margin-bottom:10px; font-sizE:15px;}
.process07 li { width:calc(24% - 20px); margin-bottom:10px; font-sizE:15px;}
.process08 li { width:calc(50% - 20px); height: 180px; font-sizE:15px;}
.process09 li { width:calc(50% - 20px);}
}
@media screen and (max-width:450px){
.support_text .Img {width:100%}
.support_text .Txt {width:100%; letter-spacing:-1.0px; font-sizE:17px;}
.active01_process03 li { floaT:left; width: calc(100% - 17px); }
.active01_process03 li.hei01 { height:auto;}
.unit-arrow { display:block; text-indent:-9999px; width: 40px; height: 40px; position:absolute; z-index: 2; background:transparent url('../images/com/arr_down05.png') center center no-repeat; top: calc(100% - 0px); margin-top:-15px; left: calc(50% - 20px); }
.unit-arrow01 { display:block; text-indent:-9999px; width: 40px; height: 40px; position:absolute; z-index: 2; background:transparent url('../images/com/arr_down04.png') center center no-repeat; top: calc(100% - 0px); margin-top:-15px; left: calc(50% - 20px); }
.process02 li {width:calc(100% - 20px); margin-bottom:20px;}
.process03 li { width: 95.5%; /*height:120px;*/ margin-bottom:10px;}
/*.process03 li:after { top: calc(100% - 0px); left: calc(50% - 10px); border-top:10px solid #e0eff1;; border-bottom:10px solid none; border-left: 10px solid transparent; border-right: 10px solid transparent;}*/
.process03_02 li { width: 100%; height:auto; padding: 28px 10px; margin-bottom:10px;}
.process03_02 li h2 {font-size:27px; margin:-20px 0 0px 0;}
.process02_01 li {width: 95.5%; height:auto; margin-bottom:20px;}
.process03_01 li {width: 95.5%; height:auto; margin-bottom:20px;}
.process04 li { width: 95.5%; height:auto; margin-bottom:10px;}
.process04 li:after {display:none;}
/*.process04 li:after { top: calc(100% - 0px); left: calc(50% - 10px); border-top:10px solid #e0eff1;; border-bottom:10px solid none; border-left: 10px solid transparent; border-right: 10px solid transparent;}*/
.process04 li.hei01 {height:auto;}
.process0401 li { font-size:19px; line-height:20px; width:calc(50% - 0px);}
.process0401 li h3 {height:90px;}
.process05 li { width: 96%; height:auto; margin-bottom:10px;}
.process05 li:after {display:none;}
.process05 li.hei01 {height:auto;}
.process05 h2 br{display:none;}
.process05 li p span {font-size:16px;}
.process0501 li { width: 96%; height:auto; margin-bottom:10px;}
.process0501 li:after {display:none;}
.process0501 li.hei01 {height:auto;}
.process0501 li p span {font-size:16px;}
.process05_01 li {width: 94%; height:auto; margin-bottom:30px; padding:1.0em 0.8em;}
.process06 li {width: 94%; height:auto; margin-bottom:30px; padding:1.0em 0.8em;}
.process06 li:after {display:none;}
.process06 li p br {display:none;}
.process07 li {width: 94%; height:auto; margin-bottom:30px; padding:1.0em 0.8em;}
.process07 li:after {display:none;}
.process08 li { width: 95.5%; height:auto; margin-bottom:10px;}
.process08 li:after { top: calc(100% - 0px); left: calc(50% - 10px); border-top:10px solid #e0eff1;; border-bottom:10px solid none; border-left: 10px solid transparent; border-right: 10px solid transparent;}
.process09 li { width: 95.5%; height:auto; margin-bottom:10px;}
.process09 li:after { top: calc(100% - 0px); left: calc(50% - 10px); border-top:10px solid #e0eff1;; border-bottom:10px solid none; border-left: 10px solid transparent; border-right: 10px solid transparent;}
}
.about0103 {position: relative; float:left; width:100%; padding:0px 0 100px; }
.about0103 .about0103pc {display:block; width:100%;}
.about0103 .about0103m {display:none;}
.about0104 {position: relative; float:left; width:100%; padding:0 100px; box-sizing:border-box; margin-bottom:60px;}
.about0104 li {float:left; box-sizing:border-box; padding:20px 0px;}
.about0104 li.w01 {width:40.0%; background:url('../images/about/0104_icon01.png') left no-repeat; padding-left:80px; font-size:40px;}
.about0104 li.w02 {width:60.0%; background:url('../images/about/0104_icon02.png') left no-repeat; padding-left:80px; font-size:30px;}
.rule_text {position:relative; float:left; width:100%; margin:30px 0 ; text-align:; font-size:1.2em; line-height:1.4em; }
.service_check_box {position:relative;float:left;width:94%;padding:20px 3% 0 3%;/* background:#f9f9f9; */ }
.service_check {position:relative; float:left; width:100%; border:1px solid #d3d3d3 ; font-size:1.2em; margin:0px 0 30px 0;}
.service_check dt {float:left; width:55%; padding:10px; background:#efefef;}
.service_check dd {float:left; width:33%; padding:10px; }
.service_check li {float:left; width:100%;padding:15px 0; text-align:center; margin:0px 0 0 0;}
.list01 {float:left; width:100%; font-size:20px; line-height:1.5em; margin: 10px 0 20px 0; padding:0 0 0 20px; box-sizing:border-box; }
.list01 h3 {float:left; width:100%; color:#009148; font-size:22px; font-weight:600; }
.list01 li {float:left; width:100%; padding-bottom:3px; box-sizing:border-box; list-style-type:disc; }
.list01 li ul {float:left; width:100%; padding:0 0 0 2%; }
.list01 li.cen{text-align:center;}
.list01 li b {color:#43426f;}
.list01 li span {color:#222; font-weight:500;}
.list01 li span.w01 { float: left; width: 110px; color: #4abcc7;}
.list01 li .br001 {display:block;}
.list01 li .br01 {display:none;}
.list01 li span.wid02 {padding-left:180px;}
.list02 {float:left; width:100%; font-size:22px; line-height:1.5em; margin: 10px 0 20px 0; padding:0 0 0 20px; box-sizing:border-box; }
.list02 h3 {float:left; width:100%; color:#000; font-size:24px; font-weight:600; }
.list02 li {float:left; width:100%; padding-bottom:3px; box-sizing:border-box; list-style-type:disc; text-align:left;}
.list02 li b {color:#000; font-size:24px; font-weight:600; }
.list02 li span {color:#222; font-weight:500;}
.list02 li span.w01 { float: left; width: 110px; color: #4abcc7;}
.list02 li span.wid02 {padding-left:180px;}
.list02 .br01 {display:none;}
.list03 {float:left; width:100%; font-size:20px; line-height:1.5em; margin: 10px 0 20px 0; padding:0 0 0 0px; box-sizing:border-box; }
.list03 h3 {float:left; width:100%; color:#000; font-size:24px; font-weight:600; }
.list03 li {float:left; width:100%; padding-bottom:3px; box-sizing:border-box; list-style:inside decimal !important}
.list03 li b {color:#000; font-size:24px; font-weight:600; }
.list03 li span {color:#222; font-weight:500;}
.list03 li span.w01 { float: left; width: 110px; color: #4abcc7;}
.list03 li span.wid02 {padding-left:180px;}
.work01 {float:left; width:100%; font-size:1.30em; line-height:1.5em; margin:0px 0 10px 0; }
.work01 li {float:left; width:100%; padding:0 0 10px 0; /*display:flex;*/}
.work01 li.cen{text-align:center;}
.work01 li b {color:#5a88c6;}
.work01 li span {font-size:1.1em;}
.work01 li span.w01 { float: left; width: 110px; color: #5a88c6;}
.work01 li ul {float:left; width:100%; padding:0 0 0 10px;}
.work01 li ul.w01 {width:70%;}
.work01 li div.w01 {width:20%;}
@media only screen and (max-width:1440px){
.about0104 {padding:0 0px;}
}
@media only screen and (max-width:1366px){
.about01T .about01T { font-size:20px;}
.about01T .br01 {display:none;}
.about0104 li.w01 {width:35.0%; }
.about0104 li.w02 {width:65.0%; }
}
@media only screen and (max-width:1024px){
.about01T { font-size:18px;}
.about01T li.Txt h2 {font-size:36px; margin-bottom:10px;}
.about01T li.Txt h3 {margin-bottom:10px;}
.about01T li.Txt h3 .br02 {display:block;}
.about0104 li.w01 {width:100.0%; }
.about0104 li.w02 {width:100.0%; }
.work01 li div.w01 {width:25%;}
}
@media only screen and (max-width:850px){
.visual .map .mask .inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/images/about/01_img01.jpg') center no-repeat ; background-size: cover;}
.work01 {font-size:1.0em; line-height:1.4em; }
}
@media only screen and (max-width:768px){
.about01T li.Img {width:100%; text-align:center;}
.about01T li.Txt {width:100%; padding:10px 5%; box-sizing:border-box; }
.visual_pop {width:96%; }
.equipment li { text-align:center;}
.equipment li img {width:auto;}
.equipment li.w01 {width:100%;}
.equipment li.w02 {width:100%;}
.about0103 {position: relative; float:left; width:100%; padding:0px 0 50px; text-align:center;}
.about0103 .about0103m {display:block; width:95%;}
.about0103 .about0103pc {display:none;}
.about0104 li.w01 {font-size:30px;}
.about0104 li.w02 { font-size:23px;}
}
@media only screen and (max-width:640px){
.about0103 .about0103m {width:100%;}
.work01 li div.w01 {width:30%;}
}
@media only screen and (max-width:480px){
.visual .nation {font-size:13px; line-height:18px;}
.about0104 li.w02 { font-size:20px;}
.list01 li .br01 {display:block;}
.list02 .br01 {display:block;}
}
.about04Top { position: relative; float: left; width: 100%; margin: 20px 0px 50px 0; padding: 30px ; box-sizing:border-box; font-size:18px; line-height:28px; /*border-top:1px solid #ccc;*/ border:1px solid #dfdfdf; }
.about04Top .Img {float:left; width:30%; padding-right:3%; border-right:1px solid #f1f1f1; box-sizing:border-box; }
.about04Top .Txt {float:left; width:70%; font-size:20px; box-sizing:border-box; padding:0 0 0 3%;}
.about04Top .Txt p {float:left; width:100%; text-align:right;}
.about04Top .Txt a {padding:10px 20px; background:#5a88c6; font-size:18px; border-radius:20px; color:#fff;}
.about04Top .Txt a:hover {background:#ddd; }
.about04 { position: relative; float: left; width: 100%; margin: 20px 0px; padding: 15px 0px; font-size:18px; line-height:28px; /*border-top:1px solid #ccc;*/ border-bottom:1px solid #ccc;}
.about04 br {display:none;}
.about04 span {padding: 0px 10px; }
.about04 h2 {float:left; width:100%; font-size:35px; padding:10px 0 30px; text-align:center; color:#025eaf;}
.about04 h2 b {color:#00a672;}
.about04 h3 {float:left; width:100%; font-size:30px; text-align:center; color:#5a88c6;}
.about04 strong {color:#00a672;font-size:1.1em; font-weight:500;}
.about04 b {color:#222; font-size:1.1em; font-weight:500;}
.about04 ul {float:left; text-align: ; width: 100%; }
.about04 ul li {position:relative; floaT:left; width:50%; height:50px; padding: 0px 20px; box-sizing:border-box; }
.about04 ul li.wid100 {width:100%;}
.about05 { position: relative; float: left; width: 100%; margin: 20px 0px; text-align: center; }
.about0501 { position: relative; float: left; width: 100%; margin: 20px 0px; text-align: center; }
.work01box {position: relative; float: left; width: 100%; margin: 30px 0px 10px; text-align: center; }
.work01box img {width:100%;}
.map_wrap { position: relative; float: left; width: 100%; margin: 0px 0%; }
.map_wrap .map_view { overflow: hidden; }
.map_wrap .traffic { overflow: hidden; padding: 0px 0px 20px; box-sizing: border-box;}
.map_wrap .traffic h4 {margin: 10px 0px 40px;width: 100%;font-size: 25px;color: #222; /*background:url('../images/com/icon_09.png') no-repeat 0 2px;*/ padding:0 0 0 0px;}
.map_wrap .traffic dl { overflow: hidden; float: left; width: 100%; }
.map_wrap .traffic dl dt {float: left; width: 16%; height: 30px; padding-left: 40px; margin-bottom: 20px; line-height: 30px; clear: both; font-size: 20px; font-weight: 700; color:#222; box-sizing:border-box;}
.map_wrap .traffic dl dt.bus { background: url("../images/com/icon_bus01.png") 0% 50% no-repeat;}
.map_wrap .traffic dl dt.help { background: url("../images/com/icon_help.png") 0% 50% no-repeat; }
.map_wrap .traffic dl dt.car { background: url("../images/com/icon_car01.png") 0% 50% no-repeat; }
.map_wrap .traffic dl dt.subway { background: url("../images/com/icon_subway01.png") 0% 50% no-repeat; }
.map_wrap .traffic dl dt.abb {background: url("../images/com/icon_abb01.png") 0% 50% no-repeat;}
.map_wrap .traffic dl dd { float: left; width: 84%; margin-bottom: 20px; line-height: 30px; font-size: 18px; }
.map_wrap .traffic dl dd b { margin-right:20px; font-weight:700; color:#333;}
.map_wrap .traffic dl dd b.wid01 {float:left; width:280px; margin-right:20px; font-weight:700; color:#333;}
.map_wrap .traffic dl dd a {float:left; margin:10px 0;}
.map_wrap .traffic dl dd ul {float:left; padding-left:20px;}
.map_wrap .traffic dl dd ul li {float:left; width:100%; padding-bottom:3px; box-sizing:border-box; /*list-style-type:disc; */ list-style-type:decimal;}
.location .sub-section {margin-bottom:45px;}
.location .mapWrap {position: relative; /*z-index: 10;*/ width:100%; }
.wrap_controllers {display:none;}
.location .mapWrap > div {width:100%;}
.mapInfo {background: #608d30;color:#fff;width:100%;padding:20px 30px;box-sizing:border-box;}
.mapInfo p {color:#fff; font-size:17px; margin-bottom:5px; }
.mapInfo > div {display:inline-block; float:left; box-sizing:border-box; line-height:2;}
.map-left {/*border-right: 1px solid #fff;*/ width:100%;}
.map-left > p {/*display: flex; align-items: flex-start;*/width: 20%;float:left;font-size:22px;}
.map-left > p:first-child{width:33%;}
.map-left img {/* display:inline-block; */ /* vertical-align: middle; */ margin-right:15px; padding-top: 5px;}
.mapInfo .map_button {position: absolute; right: 35px; top: 68%; padding: 0; transform: translateY(-50%); /*z-index:50;*/}
.mapInfo .map_button a {display: table;text-align: center; width:100px;height:100px;transition: 0.3s;border: 1px solid rgba(255,255,255,0.5);border-radius: 100%;padding:8px;margin:0 auto;}
.mapInfo .map_button a span{display: table-cell;vertical-align: middle;background: #fff;border-radius: 100%;color: #000;font-size:15px;font-weight:600;}
.mapInfo .map_button a:hover,
.mapInfo .map_button a:focus{border-color:#65c420;background:#65c420;}
.mapInfo .map_button a .ico_local {display:block; margin:0 auto 5px; background:url(/images/com/map_pin_r.png)no-repeat; width:30px; height:35px;}
.map-right {padding-left:40px; box-sizing:border-box; width:43%; }
.map-right > span {font-weight:300;}
.map-right > span:nth-of-type(1) {display:inline-block; width:49%;}
.map-right > span:nth-of-type(2) {display:inline-block; width:49%;}
.transportBox {display:flex; align-items: center; margin-bottom:35px;}
.transportBox:last-child {margin-bottom:0;}
.transportBox > div {display:inline-block;}
.trans-left {padding-right:15px;}
.trans-right > p {margin-bottom:10px; display: flex; align-items: center;}
.transicon {width:54px; height:24px; display:inline-block; padding-right:15px; vertical-align: bottom; }
.ti01 { background: url('/images/com/trans_icon01.png') no-repeat; }
.ti02 { background: url('/images/com/trans_icon02.png') no-repeat; }
.ti03 { background: url('/images/com/trans_icon03.png') no-repeat; }
@media screen and (max-width:1280px){
.map_wrap .traffic dl dt { width: 25%; }
.map_wrap .traffic dl dd { width: 75%; }
.map-left > p {width:50%; }
.map-left > p:first-child{width:100%;}
}
@media screen and (max-width:1024px){
.about04Top .Img img {width:100%;}
.about04Top .Txt {font-size:18px;}
.about04Top .Txt a {font-size:16px;}
.about04 { font-size:16px; line-height:24px; }
.about04 ul li { width:100%; height:auto; margin-bottom:20px;}
.about04 br {display:block;}
.map_wrap .traffic dl dt.bus { width: 100%; }
.map_wrap .traffic dl dt.car { width: 100%; }
.map_wrap .traffic dl dt.subway { width: 100%; }
.map_wrap .traffic dl dt.abb { width: 100%; }
.map_wrap .traffic dl dd { width: 100%; }
.map_wrap .traffic dl dt.abb br {display:none;}
.about05 img {width:100%;}
}
@media screen and (max-width:850px){
.about04 { font-size:16px; line-height:24px; }
.about04 h2 { font-size:30px; }
.about04 h3 { font-size:25px; }
}
@media screen and (max-width:680px){
.about04Top .Txt {font-size:16px; line-height:22px;}
.about04Top .Txt a {font-size:14px;}
.map_wrap .traffic dl {width: 100%; }
.map-left > p {width:100%; font-size:20px; line-height:26px;}
.map-right {padding-left:40px; box-sizing:border-box; width:43%; }
}
@media screen and (max-width:640px){
.about0501 img {width:100%;}
}
@media screen and (max-width:480px){
.about04 span {floaT:left; }
.about04Top .Img {width:100%; border-right:0px; padding:0px;}
.about04Top .Txt {width:100%; margin-top:30px; padding:0px; font-size:17px;}
.mapInfo .map_button {top: 65%; right:5px; /*display:none;*/}
.mapInfo .map_button a {border: 1px solid rgba(200,200,200,0.5);}
.mapInfo .map_button a span {background: #d7d7d7;}
.map_wrap .traffic dl dd b {display:table-cell; width:100%;}
.map_wrap .traffic dl dd b.wid01 {float:left; width:100%;}
.map_wrap .traffic dl dd span {padding-left:15px; }
.map_wrap .traffic dl dd ul {float:left; padding-left:25px;}
}
.about03 {position:relative;float:left; width:100%;margin:20px 0;}
.about03 ul li {float:left; width:33.3%; height:450px; text-align:center; box-sizing:border-box; padding:40px 40px; font-size:20px; box-shadow: rgba(0, 0, 0, 0.1) 7px 7px 30px; }
.about03 ul li span {float:left; width:100%; text-align:center; margin-bottom:10px; }
.about03 ul li h1 {float:left; width:100%; font-size:33px; line-height:30px; font-weight:600; padding:20px 0; }
.about03 ul li h1 span {font-size:0.7em; font-weight:600; color:#000;}
.about03 ul li p {line-height:26px;}
.about03 ul li dl dd {float:left; width:100%; text-align:left; padding:0 0 10px 10px; line-height:24px; box-sizing:border-box;}
@media only screen and (max-width:1024px){
.about03 ul li {padding:40px 20px; font-size:18px;}
}
@media only screen and (max-width:850px){
.about03 ul li {padding:30px 20px;height:500px; }
}
@media only screen and (max-width:680px){
.about03 ul li {width:100%; height:auto;}
}
@media only screen and (max-width:550px){
.about03 ul li dl dd{font-size:17px;}
}
.event01 {position:relative;float:left; height:120px; width:calc(33.33333% - 3%); padding:100px 0 20px 0; margin:0px 3% 0px 0; border-bottom:1px solid #e1e1e1;}
.event01 > h2 {floaT:left;width:25%;/* height:100%; */text-align:left;font-size:24px;font-weight:600;color: #134299;margin:0% 0 0%;padding:20px 0 0 0; box-sizing:border-box; /*background:url('../images/com/icon_05.gif') no-repeat left top; */}
.event01 > div { float:left; width:75%; font-size:1.2em;; line-height:24px; padding:0px 0 0 0;}
.event01 > div b {font-weight:500;}
.event01 > div > span {color:#c10226;}
.event01 > div > h2 { font-size:23px; line-height:30px; color:#134299; margin-bottom:15px; }
.event01 > div > h2 b {color:#000; font-weight:700;}
@media screen and (max-width:1280px){
.event01 {width:calc(50% - 3%); }
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:850px){
.event01 { padding:50px 0 20px 0; height:140px; }
.event01 > h2 img {width:80%}
.event01 > div > h2 { font-size:20px; line-height:26px; }
}
@media screen and (max-width:680px){
.event01 {width:100%; padding:20px 0 20px 0; height:auto;}
.event01 > h2 {width:20%;font-size:20px;}
.event01 > h2 img {width:auto;}
.event01 > div {width:80%; font-size:15px; line-height:22px;}
}
@media screen and (max-width:450px){
.event01 > h2 { width:100%; font-size:1.8em; padding-bottom:10px;}
.event01 > div { width:100%;}
}
.food-table {float:left; width:100%; padding:35px; background:#f7fcfd url('/images/main/mvban03.png') 60px 20px no-repeat;border:1px solid #deecee; border-radius:20px; font-size:19px; line-height:22px; box-sizing:border-box; }
.food-table .today-menu { padding-left:150px; }
.food-table .today-menu h2 {font-size:1.2em; margin-bottom:20px; font-weight:800;}
.food-table .today-menu h2 b {padding-left:20px; font-size:0.8em; font-weight:600;}
.food-table .today-menu span { display:block; float:left; width:20.0%; }
.food-table .today-menu .kcal { border-top:1px dashed #e1e1e1; padding-top:10px; margin-top:10px; }
.food-table .today-menu .kcal, .food-table .today-menu .etc { text-align:right; }
@media (max-width: 1279px) {
.food-table { padding:20px 40px; }
.food-table .today-menu { padding-left:130px; }
}
@media (max-width: 1024px) {
.food-table .today-menu span {width: 33.3%;}
}
@media (max-width: 767px) {
.food-table { padding:20px; background-image:inherit; }
.food-table h3 { position:inherit; text-align:center; padding-bottom:15px; }
.food-table .today-menu { padding-left:0px; }
.food-table .today-menu span { float:inherit; width:inherit; }
}
.calendar-head {float:Left; width:100%; margin:30px 0 0 0 ; text-align:center; }
.calendar-head h1 { display:inline-block; vertical-align:middle; padding:0 30px; margin:20px auto; }
.calendar-head h1 small { display:block; text-align:center; font-size:50%; margin-top:5px; }
.calendar-head a { display:inline-block; vertical-align:middle; font-size:30px; }
.calendar-head .prev-week, .calendar-head .next-week { text-indent:-9999px; background:transparent url('../images/com/arrow_s_left.png') center center no-repeat; width:27px; height:27px; }
.calendar-head .next-week { background-image:url('../images/com/arrow_s_right.png'); }
/* */
#MemBody {width:100%; padding:0px 0; margin-top:0px; position:relative;}
#MemBody caption {display:none;}
#MemBody textarea { width:100%; height:200px;border:1px solid #ddd; color:#666; overflow-x:hidden; padding:5px; box-sizing:border-box;}
/* 로그ì¸ */
.login #MemBody {padding:20px 0 50px;}
.login #MemBody .tit {max-width:100%; margin:0 auto; text-align:center; font-size:17px; padding-bottom:40px;}
.login #MemBody .login-box { max-width:400px; margin:0 auto; }
.login #MemBody .login-box .inp-area {font-size:0; }
.login #MemBody .login-box .inp-area > div { position:relative; margin-bottom:10px; }
.login #MemBody .login-box .inp-area > div i { position:absolute; left:20px; top:15px; width:19px; height:20px; background-position:left top; background-repeat:no-repeat; }
.login #MemBody .login-box .inp-area > div i.id { background-image:url("/images/com/icon_login_id.png"); }
.login #MemBody .login-box .inp-area > div i.pw { background-image:url("/images/com/icon_login_pw.png"); }
.login #MemBody .login-box .inp-area input { width:100%; box-sizing:border-box; border:0; height:50px; padding:0 20px 0 50px; font-size:16px; background:#f5f5f5; border:1px solid #c7c7c7 ;}
.login #MemBody .login-box .save-find-area { position:relative; height:56px; line-height:56px; }
.login #MemBody .login-box .save-find-area label { font-size:16px; color:#222; }
.login #MemBody .login-box .save-find-area a { font-size:16px; color:#222; position:absolute; right:0; top:50%; height:30px; line-height:30px; margin-top:-15px; }
.login #MemBody .login-box .btns-area { padding-top:10px; }
.login #MemBody .login-box .btns-area > div + div { margin-top:10px; }
.login #MemBody .login-box .btns-area input { height:58px; line-height:58px; width:100%; text-align:center; font-size:20px; border:1px solid #aaa; }
.login #MemBody .login-box .btns-area input.btn_login { color:#fff; background:#155230; border-color:#155230; }
.login #MemBody .login-box .btns-area input.btn-join { color:#222; background:#fff; border-color:#666; cursor:pointer;}
@media only screen and (max-width:640px){
.login #MemBody { padding:0; }
.login #MemBody .login-box .inp-area input ,
.login #MemBody .login-box .save-find-area label ,
.login #MemBody .login-box .save-find-area a { font-size:15px; }
.login #MemBody .login-box .btns-area input { font-size:18px; }
.login #MemBody .login-box .inp-area > div i.id { background-image:url("/images/com/icon_login_id_m.png"); background-size:contain; }
.login #MemBody .login-box .inp-area > div i.pw { background-image:url("/images/com/icon_login_pw_m.png"); background-size:contain;}
}
/* */
#findIdpw {float:left; text-align:center; width:380px; border:3px solid #dfdfdf ; padding:20px;}
#findIdpw .close{ position:absolute; right:16px; top:21px;}
#findIdpw h4 {margin:0px 0 20px; font-size:25px; font-weight:800; text-align:left; color:#222; }
#findIdpw .over {overflow:hidden;}
#findIdpw .find { display:inline-block; vertical-align:top; width:380px; /* height:260px; */ background:#fff; padding:0px 50px; }
#findIdpw .find p {padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #c3c3c3; font-size:16px; color:#666; line-height:22px; letter-spacing:-0.8px; text-align:left; }
#findIdpw .find p .blue {text-decoration:underline; color:#155230;}
#findIdpw .findTable {width:100%;}
#findIdpw .findTable th,
#findIdpw .findTable td {padding:5px 0px;}
#findIdpw .findTable td input.text {width:100%; height:50px; background:#f5f5f5; border:0; box-sizing:border-box; padding:0 19px; }
#findIdpw .btn_idpw01 {width:100%; height:60px; line-height:60px; text-align:center; }
#findIdpw .btn_idpw02 {width:100%; height:60px; line-height:60px;}
#findIdpw.idpw_result .find {display:block; width:auto; height:auto; margin:0 auto; text-align:center;}
#findIdpw.idpw_result .find {padding-bottom:20px;}
#findIdpw.idpw_result .btnArea {width:280px; margin:0 auto;}
#findIdpw .writeBtnArea table input.btn_login { background:#155230; color:#fff; font-size:20px; border-radius:0; }
.sub #contents .titleArea.idpw h3 { font-family: 'Noto Serif KR'; }
#findIdpw.idpw_result .find p { text-align:center; padding-top:50px; padding-bottom:50px; border-top: 1px dashed #c3c3c3; margin-bottom:40px; }
#findIdpw.idpw_result .btnArea { width:100%; }
@media only screen and (max-width:1143px){
#findIdpw .find + .find { margin-top:50px; }
}
@media only screen and (max-width:640px){
#findIdpw h4 { font-size:25px; }
#findIdpw .find p { font-size:15px; }
#findIdpw .find { padding:0; width:100%; }
.sub #contents .titleArea.idpw h3 { font-size:25px; }
#findIdpw.idpw_result .btnArea { font-size:0; }
#findIdpw.idpw_result .btnArea a { display:inline-block; vertical-align:top; width:49.5%; }
#findIdpw.idpw_result .btnArea a + a { margin-left:1%; }
}
/* 둘러보기 */
.tour_tab_wrap { text-align:center; margin-bottom:40px;}
.tour_tab{display:inline-block;}
.tour_tab li{float:left; border:1px solid #cdcdcd; border-radius:30px; font-size:17px; text-align:center; height:40px; line-height:40px; min-width:174px; cursor:pointer; background:#fff; margin-right:20px;}
.tour_tab li:last-child{margin-right:0;}
.tour_tab li a{color:#696969;}
.tour_tab li.current{background:#0b66b4; border:none;}
.tour_tab li.current a{color:#fff;}
.tour_wrap{width:62%; margin:0 auto; margin-bottom:70px; }
.tour_wrap .button-prev { font-size: 0px;line-height: 0;display: block;width: 32px;height: 62px;position: absolute;left: 5%; top: calc(45% - 32px); z-index: 99;background: url(../images/main/arrow_left02.png) left top no-repeat; }
.tour_wrap .button-next { font-size: 0px;line-height: 0;display: block;width: 32px;height: 62px;position: absolute;right: 5%;top: calc(45% - 32px);z-index: 99;background: url(../images/main/arrow_right02.png) right top no-repeat; }
.tour_wrap .tourimg {float:left; position:relative; width:100%; height:700px; border:1px solid #f2f2f2; text-align:center;}
.tour_wrap .tourimg img {width:100%; }
.tour_wrap .tourimg .slide_title{font-size: 25px;margin-top: -70px;position: absolute;/* bottom: 0; */text-align: center;height: 70px;background: rgba(0,0,0,0.5);width: 100%;line-height: 70px;color: #fff;}
.tour_wrap.no_mg {margin-bottom: 0;}
/*.tour_content{display: ;}
.tour_content.current{display: inherit;}
.tour_content, .swiper-container{display:;}*/
/*.swiper-container {margin-bottom:40px;}*/
.gallery-thumbs {float:left; position:relative; width:100%; height:200px; margin:30px 0 50px;}
.gallery-thumbs .swiper-wrapper div {float:left; width: 20%; opacity: 0.4; padding:0.4%; box-sizing:border-box; }
.gallery-thumbs div img{width:100%;}
.gallery-thumbs .swiper-wrapper .swiper-slide-active {opacity: 1;}
.swiper-wrapper .swiper-slide-next , .swiper-wrapper .swiper-slide-prev{opacity: 0.3;}
.privacy {font-size:17px; line-height:28px;}
.privacy p { margin:10px 0; font-weight:600;}
.privacy h2 { float:left; width:100%; padding:0 0 30px 0}
.privacy h3 {float:left; width:100%; padding:20px 0 20px 0; color:#222; font-size:23px; font-weight:600;}
.privacy > ul li {/* list-style:inside decimal; */margin:0 0 5px 0}
.privacy > ul li p { font-weight:normal; background:#f9f9f9; margin:10px; padding:20px; border:1px solid #CCC}
.privacy dl { background:#f9f9f9; margin:10px 0; padding:20px; border:1px solid #CCC; line-height:24px;}
.privacy .one { margin-left:10px}
.privacy .one li { list-style:inside disc !important}
.privacy .line li { list-style:inside square; margin-left:20px;}
.privacy .table1 { border-top:2px solid #333;}
.privacy .table1 th {background:#f9f9f9; padding:10px 0 ; border-right:1px solid #ccc; border-bottom:1px solid #ccc}
.privacy .table1 td {border-bottom:1px solid #ccc; text-indent:20px}
.privacy .table2 { border-top:2px solid #333; text-align:center; border-left:1px solid #ccc;}
.privacy .table2 th {background:#f9f9f9; padding:10px 0 ; border-right:1px solid #ccc; border-bottom:1px solid #ccc}
.privacy .table2 td {border-bottom:1px solid #ccc; padding:10px 0 ; border-right:1px solid #ccc; border-bottom:1px solid #ccc}
/* 강좌 접수 */
.detail_search {float:left; padding:20px 30px; background:#f7fcfd; margin-bottom:35px; border:1px solid #deecee;}
.detail_search {float:left; padding:20px 30px; background:#f7fcfd; margin-bottom:35px; border:1px solid #deecee;}
.detail_search .row:after {content:""; display:block; clear:both;}
.detail_search .col {float:left; padding:10px;}
.detail_search .col-1 {width:calc(33.33333333% - 25px);}
.detail_search .col-2 {width:calc(100% - 150px);}
.detail_search .col-3 {width:100px;}
.detail_search .col-4 {width:calc(50.0% - 25px);}
.detail_search .col-5 {width:calc(100.0% - 0px);}
.detail_search dl {display:table; width:100%; table-layout:fixed;}
.detail_search dt {display:table-cell; vertical-align:middle; width:100px; font-size:20px; font-weight:600; text-align:right; padding-right:20px; color:#222;}
.detail_search dd {display:table-cell; vertical-align:middle; font-size:19px;}
.detail_search .select,
.detail_search .input {border:0; display:block; width:100%; font-size:18px; padding:10px; height:50px;}
.detail_search .submit {display:block; width:100%; height:50px; background:#222 url("/images/com/icon_search01.png") 50% 50% no-repeat; overflow:hidden; text-indent:-999em; border:0;}
.detail_search.type2 .col {padding-top:3px; padding-bottom:3px;}
.detail_search.type2 .col-1 {width:30%;}
.detail_search.type2 .col-1 dt {width:80px}
.detail_search.type2 .col-2 {width:calc(70% - 150px);}
.edu_list {margin-bottom:55px;float:left;width:100%; }
.edu_list:last-child {margin-bottom:0;}
.edu_list .tit {text-align:left; color:#333; font-size:40px; line-height:1.3em; background:url('../images/com/icon_15.png') 1px top no-repeat ; margin:20px 0 20px; padding:10px 0 0 0px ;}
.edu_list .list table {width:100%; border-collapse:collapse; border-spacing:0px;}
.edu_list .list table th {height:55px; color:#fff; font-size:20px; line-height:1.2em; border:0;}
/*.edu_list .list table tr th:first-child {border-radius:40px 0 0 40px;}
.edu_list .list table tr th:last-child {border-radius:0 40px 40px 0;}*/
.edu_list .list table td {height:55px; padding:10px; border-bottom:1px solid #dedede; text-align:center; font-size:18px; letter-spacing:-.03em; line-height:1.2em; color:#333;}
.edu_list .list table .closed td {color:#bbb}
.edu_list .list table .closed .btn {color:#888888; background:#f5f5f5; border-color:#ddd;}
.edu_list .list .btn {display:inline-block; border:1px solid #eb4200; background:#eb4200; color:#fff; line-height:40px; min-width:40px; padding:0 15px; text-align:center;}
.edu_list .list .btn:hover {border:1px solid #222; background:#222; color:#fff;}
.edu_list .list .play {display:inline-block; width:32px; height:32px; overflow:hidden; text-indent:-999em; background:url("../images/bbs/btn_video_play.png") 50% 50% no-repeat;}
.edu_list.type1 .tit span {color:#00559d;}
.edu_list.type1 .list table th {background:#00559d;}
.edu_list.type2 .tit span {color:#009688;}
.edu_list.type2 .list table th {background:#009688;}
.edu_list.type3 .tit span {color:#4CAF50;}
.edu_list.type3 .list table th {background:#4CAF50;}
.edu_list.type4 .tit span {color:#cb4262;}
.edu_list.type4 .list table th {background:#cb4262;}
.edu_list.type5 .tit span {color:#ff7c22;}
.edu_list.type5 .list table th {background:#ff7c22;}
.edu_list .list-m {display:none; border-radius:10px; color:#555;}
.edu_list .list-m ul li {position:relative; padding:20px; border-bottom:1px solid #dedede; font-size:16px; line-height:1.7em;}
.edu_list .list-m ul li:last-child {margin-bottom:0;}
.edu_list .list-m .tit {text-align:left; color:#333; font-size:20px; margin-bottom:6px;}
.edu_list .list-m .btn {display:block; margin:10px auto; border:1px solid #eb4200; background:#eb4200; color:#fff; line-height:40px; text-align:center;}
.edu_list .list-m .play {position:absolute; top:17px; right:20px; width:32px; height:32px; overflow:hidden; text-indent:-999em; background:url("../images/bbs/btn_video_play_x2.png") 50% 50% no-repeat; background-size:contain;}
.edu_list .list-m ul li.closed {color:#bbb;}
.edu_list .list-m ul li.closed .tit {color:#bbb;}
.edu_list .list-m ul li.closed .btn {color:#888888; background:#f5f5f5; border-color:#ddd;}
.edu_list.type1 .list-m {border:2px solid #00559d;}
.edu_list.type2 .list-m {border:2px solid #009688;}
.edu_list.type3 .list-m {border:2px solid #4CAF50;}
.edu_list.type4 .list-m {border:2px solid #cb4262;}
/* 온라인 강좌 */
.course-view {display:table; width:100%; table-layout:fixed; border:1px solid #ccc; box-shadow:0 11px 0 #f5f5f5; border-radius:10px; padding:49px 29px 34px 29px; margin-bottom:75px;}
.course-view > div {display:table-cell; vertical-align:top;}
.course-photo {padding-right:20px;}
.course-info {padding-left:20px;}
.course-info .title {margin-bottom:13px; margin-left:16px; color:#05060b; font-size:26px; line-height:1.3em;}
.course-info .table {margin-bottom:13px; padding:27px 15px; background:#f9f9fa; border-radius:20px;}
.course-info .table dl {display:table; width:100%; table-layout:fixed; margin-bottom:7px;}
.course-info .table dl:last-child {margin-bottom:0;}
.course-info .table dt {display:table-cell; vertical-align:middle; width:144px; padding:5px 0; background:#555; color:#fff; font-size:20px; font-weight:500; line-height:1.5em; text-align:center; border-radius:23px}
.course-info .table dt.exh {background:#eb610f;}
.course-info .table dd {display:table-cell; vertical-align:middle; padding:5px 0 5px 19px; color:#555; font-size:24px;font-weight:500; line-height:1.5em;}
.course-info .help {margin-bottom:15px; padding:13px; text-align:center; border:1px solid #969696; border-radius:20px;}
.course-info .help .help-in {display:inline-block; vertical-align:top; text-align:left;}
.course-info .help p {color:#555; font-size:20px; font-weight:500; line-height:1.5em; margin-bottom:5px;}
.course-info .help p img {vertical-align:middle; margin:-.2em 6px 0 0;}
.course-info .help .bt {text-align:right;}
.course-info .help .bt a {display:inline-block; padding-left:32px; color:#eb610f; font-size:24px; font-weight:700; line-height:1.5em; background:url('/images/sub/icon_arrow.png') 0 50% no-repeat;}
.course-info .btns {text-align:right;}
.course-info .btns .btn {display:inline-block; vertical-align:top; width:280px; text-align:center; color:#fff; font-size:30px; font-weight:700; line-height:100px; background:#eb610f; border-radius:4px;}
.course-info .btns .btn:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 10px 0 0; width:40px; height:40px; background:url("/images/sub/icon_pager_pen.png") 50% 50% no-repeat;}
.course-info .btns .btn.off {background:#c6c6c6;}
.course-info .btns .btn.off:before {background-image:url("/images/sub/icon_pager_check.png");}
.course-nav {text-align:center;}
.course-nav ul {display:table; margin:0 auto;}
.course-nav ul li {display:table-cell; width:290px; vertical-align:top; padding-left:1px;}
.course-nav ul li a {display:table; width:100%; height:69px; color:#47494a; font-size:28px; font-weight:700; line-height:1.2em; letter-spacing:-.02em; background:#ddd; border-radius:10px 10px 0 0;}
.course-nav ul li a span {display:table-cell; vertical-align:middle;}
.course-nav ul li a i {display:inline-block; vertical-align:middle; margin:-.2em 5px 0 0;}
.course-nav ul li .ico-1 {width:26px; height:29px; background:url('/images/sub/tab_icon1_off.png') 50% 50% no-repeat;}
.course-nav ul li .ico-2 {width:41px; height:29px; background:url('/images/sub/tab_icon2_off.png') 50% 50% no-repeat;}
.course-nav ul li.active a {color:#fff; background:#47494a;}
.course-nav ul li.active .ico-1 {background-image:url('/images/sub/tab_icon1_on.png');}
.course-nav ul li.active .ico-2 {background-image:url('/images/sub/tab_icon2_on.png');}
/* 강좌 미리보기 */
.preview-wrap {padding:45px;}
.preview-wrap h2 {color:#47494a; font-size:24px; line-height:1.3em; margin-bottom:18px;}
.preview-wrap h2 img {vertical-align:middle; margin:-.2em 15px 0 0;}
@media only screen and (max-width:1024px){
.detail_search {padding:17px 20px;}
.detail_search .col {padding:6px;}
.detail_search dt {width:90px; padding-right:15px;}
.detail_search .submit {height:48px;}
.detail_search .col-1 {width:calc(33.33333333% - 40px);}
.detail_search .col-2 {width:calc(100% - 120px);}
.detail_search .col-3 {width:120px;}
.edu_list .tit {font-size:26px;}
.edu_list .list table th {height:55px; font-size:20px;}
.edu_list .list table td {height:58px; font-size:18px; padding:7px;}
.edu_list .list .btn {line-height:36px; min-width:70px;}
.course-view > div {display:block;}
.course-photo {max-width:650px; padding-right:0; margin:0 auto 30px;}
.course-info {max-width:650px; padding-left:0; margin:0 auto 30px;}
.course-info .table dt {font-size:18px; width:130px;}
.course-info .help p {font-size:19px;}
.course-info .btns .btn {width:230px; font-size:26px; line-height:80px;}
.course-nav ul li a {height:60px; font-size:24px;}
}
@media only screen and (max-width:640px){
.detail_search {margin:0 -15px 30px;}
.detail_search .col {padding:3px 0 !important; float:none; width:100% !important;}
.detail_search dt {text-align:left; width:90px;}
.detail_search.type2 .col-1 dt,
.detail_search.type2 dt {width:70px;}
.detail_search .submit {height:44px; margin:10px auto 0; text-indent:0; color:#fff; font-weight:500; background-image:none;}
.detail_search .submit:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 5px 0 0; width:18px; height:18px; background:url("../images/bbs/search_x2.png") 50% 50% no-repeat; background-size:contain;}
.edu_list .tit {font-size:24px; margin-bottom:10px;}
.edu_list .list {display:none;}
.edu_list .list-m {display:block;}
.course-view {padding:14px 14px 20px; margin-bottom:40px;}
.course-photo {margin-bottom:20px;}
.course-info {margin-bottom:15px;}
.course-info .title {margin-left:10px; font-size:22px;}
.course-info .table {padding:15px; border-radius:10px;}
.course-info .table dt {display:block; float:left; width:90px; font-size:15px; letter-spacing:-.04em; padding:3px 0; border-radius:15px;}
.course-info .table dd {display:block; margin-left:105px; font-size:16px; padding:2px 0;}
.course-info .help {border-radius:10px;}
.course-info .help p {font-size:15px; position:relative; padding-left:30px;}
.course-info .help p img {width:20px; position:absolute; top:7px; left:0;}
.course-info .help .bt a {font-size:18px; background-size:14px auto; padding-left:22px;}
.course-info .btns {text-align:center; margin-top:25px;}
.course-info .btns .btn {width:200px; font-size:21px; line-height:60px;}
.course-info .btns .btn:before {width:26px; height:26px; background-size:contain;}
.blocker {padding:10px !important;}
.modal a.close-modal {top:13px; right:13px; width:24px; height:24px;}
.preview-wrap {padding:15px;}
.preview-wrap h2 {font-size:20px; margin-bottom:13px;}
.preview-wrap h2 img {width:22px; margin-right:10px;}
.course-nav ul {width:100%;}
.course-nav ul li {width:50%;}
.course-nav ul li a {font-size:16px;}
.course-nav ul li .ico-1 {width:20px; height:25px; background-size:contain;}
.course-nav ul li .ico-2 {width:30px; height:24px; background-size:contain;}
}